@charset "utf-8";
/*
NHN Services Webstandard Development Team, 090915 - dog
*/
html {overflow-y:scroll}
body {margin:0; background:url(/images/2010/bg_common.gif) repeat-x; font-family:나눔고딕,NanumGothic,돋움,dotum,굴림,gulim; font-size:12px; _text-align:center}
body.nonbg {background-image:none;}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,table,th,td,fieldset,legend,form,input,textarea {margin:0; padding:0; border:0}
ol,ul,li {list-style:none}
img {border:0}
legend, caption {display:none}
.tah {font-family:tahoma !important; font-size:11px !important}
a {text-decoration:none}
a:hover {color:19a5ce; text-decoration:underline}

a.button {display:inline-block; line-height:14px; cursor:pointer; _cursor:hand}
a.button span {display:inline-block}
a.button:hover {text-decoration:none}

a.button.small {padding:0 0 0 2px; background:url(/images/2010/bg_btn_small.gif) no-repeat; font-size:11px; color:#7e7e7e; letter-spacing:-1px}
a.button.small span {height:14px; *height:15px; _height:14px; padding:2px 12px 0 10px; *padding:1px 11px 0 9px; _padding-top:2px; background:url(/images/2010/bg_btn_small.gif) no-repeat right 0}

a.button.shortcut {font-family:돋움,dotum,굴림,gulim;padding:0 0 0 2px; background:url(/images/2010/bg_btn_shortcut.gif) no-repeat; font-size:11px; color:#7e7e7e; letter-spacing:-1px}
a.button.shortcut span {height:14px; *height:15px; _height:14px; padding:2px 12px 0 10px; *padding:1px 11px 0 9px; _padding-top:2px; background:url(/images/2010/bg_btn_shortcut.gif) no-repeat right 0}

a.button.check {font-family:돋움,dotum,굴림,gulim;padding:0 2px 0 0; background:url(/images/2010/bg_btn_check.gif) no-repeat right 0; font-size:11px; color:#3f3f3f; letter-spacing:-1px}
a.button.check span {height:17px; *height:18px; _height:17px; padding:6px 7px 0 22px; *padding:5px 7px 0 23px; _padding-top:6px; background:url(/images/2010/bg_btn_check.gif) no-repeat}

a.button.dark {vertical-align:bottom; margin-left:15px;}

/* wrap */
#wrap {position:relative; width:1000px; margin:0 auto; text-align:left}
#wrap:after {clear:both; display:block; content:""}
.main {background:url(/images/2010/bg_shadow_main.gif) repeat-y}
.sub {background:url(/images/2010/bg_shadow_sub.gif) repeat-y}
.extra {clear:both;}

/* gnb */
.gnb {position:absolute; top:0; right:27px; z-index:1000; overflow:hidden; height:39px; padding:23px 0 0; color:#7f7f7f}
.gnb ul,
.gnb ul li,
.gnb .button {float:left; vertical-align:middle}
.gnb ul {overflow:hidden; margin:3px 0 0}
.gnb ul li {margin:0 0 0 -1px; padding:0 7px; background:url(/images/2010/line_gnb.gif) no-repeat}
.gnb ul li a {color:#7f7f7f}
.gnb .button {margin:0 0 0 6px}
.gnb .userid {display:block; float:left; margin:3px 0 0;}
.gnb .logout span {padding-left:4px !important; padding-right:7px !important}

/* header */
.header {position:absolute; top:0; left:28px; z-index:1000; text-align:left} 
.header h1 a {display:inline-block}

.main .header {padding:0 0 0 34px}
.main .header h1 {margin:64px 0 0}
.main .header p.slogan {margin:30px 0 0}
.main .header p.visit {position:relative; height:48px; margin:43px 0 0}
.main .header p.visit a {position:absolute; top:7px; left:178px}

.sub .header {left:25px}
.sub .header h1 {margin:64px 0 0 38px}
.sub .header p.slogan {margin:9px 0 0 38px}
.sub .header p.visit {margin:15px 0 0 38px}

/* lnb */
.lnb {position:absolute; top:64px; right:0; z-index:1000; height:41px}
.lnb ul {}
.lnb ul li {float:left; overflow:visible; position:relative; height:41px; margin:0 0 0 -1px; background:url(/images/2010/line_lnb.gif) no-repeat 0 16px}
.lnb ul li.lnb1,
.lnb ul li.sub1 {background:none !important}
.lnb ul li a {display:inline-block; height:26px; margin:1px 1px 0 }
.lnb ul li.lnb5 {z-index:1000} 
.lnb ul li .live {position:absolute; top:17px; left:10px; z-index:999; width:20px; height:7px}
.lnb ul li.on .live {display:block}
.lnb ul li.off .live {display:none}

.main .lnb {right:10px}
.main .lnb ul li a {padding:13px 21px 0 21px;}
.main .lnb ul li.lnb1 a {padding-left:0;}
.main .lnb ul li.lnb6 a {padding-right:0;}

/* width:148px */
.sub .lnb {}
.sub .lnb ul li a {padding:13px 33px 0 33px;}
.sub .lnb ul li.lnb1 a {padding-left:0;}
.sub .lnb ul li.lnb6 a {padding-right:0;}

.lnb ul li.lnb2 .depth2 {width:282px; *width:281px}
.lnb ul li.lnb3 .depth2 {width:161px; *width:160px}
.lnb ul li .depth2 {overflow:hidden; position:absolute; top:45px; z-index:1000; padding:1px; background:#fff; border:1px solid #e0e0e0}
.lnb ul li .depth2 ul {overflow:hidden; _height:22px; margin:0 0 0 -1px; padding:0; background-color:#fafafa}
.lnb ul li .depth2 ul li {float:left; height:22px; margin:0; padding:0; background:url(/images/2010/line_lnb2.gif) no-repeat 0 7px}
.lnb ul li .depth2 ul li a {height:15px; margin:1px 0 0 1px}

.lnb ul li.lnb2 .depth2 ul li.sub1 a {padding:5px 10px 0 19px !important}
.lnb ul li.lnb2 .depth2 ul li.sub2 a {padding:5px 11px 0 12px !important}
.lnb ul li.lnb2 .depth2 ul li.sub3 a {padding:5px 13px 0 11px !important}
.lnb ul li.lnb2 .depth2 ul li.sub4 a {padding:5px 19px 0 12px !important}

.lnb ul li.lnb3 .depth2 ul li.sub1 a {padding:5px 10px 0 19px !important}
.lnb ul li.lnb3 .depth2 ul li.sub2 a {padding:5px 18px 0 12px !important}

/* snb */
.snb {position:absolute; top:246px; left:25px; z-index:1000}
.snb h2 {width:231px; height:44px; background:url(/images/2010/bg_h2.gif) no-repeat}
.snb ul {width:155px; margin:-1px 0 0 38px}
.snb li {font-size:1px; line-height:1px}
.snb li a {display:inline-block}

.contents {display:inline-block; position:relative; z-index:1; min-height:300px; _height:300px}
.main .contents {padding:152px 0 71px 451px; background:url(/images/2010/bg_header_main.gif) no-repeat}
.sub .contents {padding:146px 0 0 304px; background:url(/images/2010/bg_header_sub1.gif) no-repeat}
.sub .contents.about {padding:146px 0 0 304px; background:url(/images/2010/bg_header_sub1.gif) no-repeat}
.sub .contents.programs,
.sub .contents.network {padding:146px 0 0 304px; background:url(/images/2010/bg_header_sub2.gif) no-repeat}
.sub .contents.registration {padding:146px 0 0 304px; background:url(/images/2010/bg_header_sub3.gif) no-repeat}
.sub .contents.live {padding:146px 0 0 304px; background:url(/images/2010/bg_header_sub3.gif) no-repeat}

/* main */
.main h2 {width:520px; padding:0 0 9px; border-bottom:1px solid #e8e8e8}

.deview2010 {overflow:hidden; color:#707070; line-height:17px}
.deview2010 .thumb {float:left; margin:10px 19px 0 0}
.deview2010 .thumb img {border:1px solid #c6c6c6}
.deview2010 .group {float:left; width:380px; _float:none; _zoom:1}
.deview2010 p {margin:8px 0 0; word-break:break-all}
.deview2010 dl {margin:15px 0 0}
.deview2010 dl dt {display:inline-block; float:left; width:65px; background:url(/images/2010/line_deviewinfo.gif) no-repeat right 5px; font-weight:bold; color:#686868}
.deview2010 dl dd {display:inline-block; padding:0 0 0 5px; letter-spacing:-1px}
.deview2010 dl dd span {letter-spacing:0}

.blog,
.me2day {position:relative; overflow:hidden; width:520px}
.blog .more,
.me2day .more {position:absolute; top:1px; right:-4px; z-index:1}

.blog {margin:26px 0 0}
.blog ul {padding:3px 0 0 1px}
.blog ul li {margin:8px 0 0;}
.blog ul li a {clear:both; float:left; color:#5a5a5a; width:440px; background:url(/images/2010/bu_square_blue.gif) no-repeat 0 7px; padding:0 0 0 10px; display:block; line-height:160%;}
.blog ul li .date {float:right; font-size:10px; color:#c5c5c5; text-align:right; padding-top:3px;}

.me2day {margin:37px 0 0; padding:0 0 13px; border-bottom:1px solid #e8e8e8}
.me2day .thumb {float:left; margin:19px 10px 0 0}
.me2day .thumb img {border:1px solid #ddd}
.me2day .group {float:left; width:460px; _float:none; _zoom:1}
.me2day .post {margin:17px 0 7px; color:#494646; line-height:15px}
.me2day .post .mechin {font-size:11px; color:#00a4cf}
.me2day .tag {padding:0 16px 0 0; background:url(/images/2010/ico_pen.gif) no-repeat right 0; font-size:11px; color:#9f9f9f}
.me2day .post a,
.me2day .tag a {color:#9f9f9f}
.me2day .move {position:absolute; bottom:5px; right:0; font-size:0; *letter-spacing:-1px}
.me2day .move a {margin:0 0 0 -1px}

.box {overflow:hidden; position:relative; border:1px solid #e8e8e8}
.main .box a {display:block; padding:12px 0 11px}
.main .box span {margin:0 0 0 91px; padding:0; border:0}
.main .box p {margin:3px 0 0 91px}

.main .live {width:518px; margin:23px 0 0; background:url(/images/2010/bg_live.gif) no-repeat 1px 1px;}
.main #past_deview .box {width:518px; margin:0; padding:8px 0 7px; background:url(/images/2010/past_deview.jpg) no-repeat 17px 4px; border-top:0;}
.main #past_deview .box img {margin:0 0 0 91px; padding:0; border:0}
.main #past_deview .box select {width:72px; margin:0 0 0 7px; border:1px solid #9f9f9f; position:relative; top:-1px;}
.main .network a,
.main .live a {text-decoration:none}

/* sub */
.sub h3 {height:56px; margin:0 0 -1px; background:url(/images/2010/line_h4.gif) no-repeat 0 bottom}
.sub h4 {display:inline-block; margin:0; padding:10px 0 0; background:url(/images/2010/line_h4.gif) no-repeat}

.invitemsg_area {overflow:hidden; margin:15px 0 0; padding:0 0 126px}
.invitemsg_area .thumb {float:left; margin:0 31px 0 0}
.invitemsg_area .group {float:left; width:450px}
.invitemsg_area .group p.summary {}
.invitemsg_area .group div.msg {margin:19px 0 17px 8px; color:#707070; line-height:18px}
.invitemsg_area .group div.msg p {padding:0 0 10px}
.invitemsg_area .group div.note {margin:0; padding:0}

.bi_area {width:679px; padding:0 0 98px}
.bi_area .deview,
.bi_area .slogan {margin:0 0 40px}
.bi_area .deview div {margin:17px 0 0}
.bi_area .slogan p {margin:20px 0 0}
.bi_area .slogan .box {margin-top:0;}
.bi_area .slogan .box p {}*/
.bi_area .concept {padding:4px 0 0}
.bi_area .concept p {margin:20px 0 0}
.bi_area .concept p img {border:1px solid #e8e8e8}

.event_area {display:inline-block; width:679px; padding:0 0 76px; color:#707070}
.event_area h4 {position:absolute; top:-1px; left:-1px; padding:0; background:none}
.event_area p.summary {position:relative; z-index:1; margin:0 0 0 58px}

.event_area .box dl dt {font-size:12px; color:#23a9d0}
.event_area .box dl dd ul {margin:0 0 16px}
.event_area .box dl dd {overflow:hidden}

.event_area .event1 {margin:14px 0 0; padding:31px 0 23px}
.event_area .event1 ul {display:inline-block; margin:27px 0 0 30px}
.event_area .event1 ul li,
.event_area .event3 ul li {float:left; font-size:11px; color:#5c5c5c; line-height:14px; text-align:center}
.event_area .event1 ul li p,
.event_area .event3 ul li p {margin:2px 0 0; letter-spacing:-1px}
.event_area .event1 ul li p span,
.event_area .event3 ul li p span {display:block}
.event_area .event1 ul li p strong,
.event_area .event3 ul li p strong {letter-spacing:0}

.event_area .event2 {margin:40px 0; padding:31px 0 29px 58px; background:url(/images/2010/bg_event2.gif) no-repeat right bottom}
.event_area .event2 p.summary,
.event_area .event3 p.summary {margin-left:0; margin-bottom:22px}
.event_area .event2 dl dd {padding:2px 0 0}
.event_area .event2 dl dd ul li {margin:4px 0 0}
.event_area .event2 dl dd strong {display:block; padding:5px 0 2px; color:#4c4c4c}
.event_area .event2 dl dd ul li p {line-height:18px}
.event_area .event2 dl dd ul li.hasbtns p {position:relative; width:590px; padding-bottom:2px;}
.event_area .event2 dl dd ul li.hasbtns p a {position:absolute; top:0; right:0}
.event_area .event2 dl dd ul li.hasbtns p a span {padding-left:4px}
.event_area .event2 dl dd.aday {padding:2px 0 0}

.event_area .event3 {padding:31px 0 27px 58px}
.event_area .event3 dd {padding:2px 0 10px 0; line-height:18px}
.event_area .event3 p.info {margin:17px 0 0; font-size:11px; color:#949494; letter-spacing:-1px}
.event_area .event3 ul {position:absolute; top:87px; left:335px; _left:285px; width:330px;}

.visit_area {margin:14px 0 0; padding:0 0 150px}
.visit_area .map {width:679px; height:177px; background:url(/images/2010/img_map.gif) no-repeat right 0}
.visit_area .map address {margin:33px 0 0 33px}
.visit_area .map .btns {margin:44px 0 0 35px}
.visit_area .map .check {margin-right:4px; color:#3f3f3f}
.visit_area dl {overflow:hidden; width:679px; margin:40px 0 0 36px; line-height:16px}
.visit_area dl dt {display:block; float:left; width:119px; padding:0 0 0 8px; background:url(/images/2010/bu_square_blue.gif) no-repeat 0 6px; color:#333}
.visit_area dl dd {float:left; width:530px; margin:0 0 20px; color:#707070}

.presentation_area  {width:679px; padding-bottom:52px;}
.presentation_area h4 {padding-top:13px}
.presentation_area ol {margin:25px 0 26px}
.presentation_area ol li {overflow:hidden; padding:1px 0 21px 49px}
.presentation_area ol li.track_a {background:url(/images/2010/bg_num1.gif) no-repeat -1px 0}
.presentation_area ol li.track_b {background:url(/images/2010/bg_num2.gif) no-repeat -1px 0}
.presentation_area ol li.track_c {background:url(/images/2010/bg_num3.gif) no-repeat -1px 1px}
.presentation_area ol li.tutorial {background:url(/images/2010/bg_num4.gif) no-repeat -1px 1px}
.presentation_area ol li p {clear:left}
.presentation_area ol li dl {margin:4px 0 0 1px; line-height:16px}
.presentation_area ol li dl dt {float:left; margin:0 5px 0 0; padding:0 8px 0 0; background:url(/images/2010/line_deviewinfo.gif) no-repeat right 4px; font-weight:bold; color:#686868}
.presentation_area ol li dl dd {color:#707070; letter-spacing:-1px}
.presentation_area ol li dl dd span {letter-spacing:0}

.presentation_area table {margin:26px 0 0; border-top:2px solid #19a5ce; border-bottom:1px solid #ebebeb; table-layout:fixed}
.presentation_area table thead th {height:50px; background:url(/images/2010/bg_th.gif) no-repeat; border-left:1px solid #ebebeb; border-bottom:1px solid #b2b1ae; color:#6d6d6d; text-align:center}
.presentation_area table thead th.blank {background:#f5f5f5; border-left:0}
.presentation_area table thead th p {display:inline-block; width:70px; margin:0 auto; text-align:left}
.presentation_area table thead th span {display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px;  font-weight:normal}
.presentation_area table tbody th {background:#fafafa; border-top:1px solid #fefefe; border-bottom:1px solid #ebebeb; font-family:tahoma,verdana; font-size:11px; color:#6d6d6d; font-weight:normal; text-align:center}
.presentation_area table td {height:64px; background:#f7fcfd url(/images/2010/bg_td.gif) repeat-y; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:11px; color:#6d6d6d; letter-spacing:-1px; line-height:14px; text-align:center}
.presentation_area table tr.one td {height:44px}
.presentation_area table tr.white td {height:27px; background:#fff}

.speech_area {width:679px; padding:0 0 98px}
.speech_area h4 {margin:36px 0 0; clear:left}
.speech_area .section {display:inline-block; margin:24px 0 0; padding:0 0 20px; color:#7e7e7e}
.speech_area .section .thumb {float:left; margin:0 20px 0 0}
.speech_area .section .thumb img {margin:0 0 8px; border:1px solid #ccc}
.speech_area .section .group {float:left; width:585px}
.speech_area .section .group strong {display:block; margin:0 0 7px; font-size:14px; color:#505050; letter-spacing:-1px}
.speech_area .section .group p {line-height:16px}
.speech_area .section .group .profile {margin:13px 0 0; padding:2px 13px 13px; background:#f7f7f7; border:1px solid #f1f1f1; font-size:11px; letter-spacing:-1px}
.speech_area .section .group .profile strong {display:block; margin:12px 0 6px; font-size:11px; line-height:13px}
.speech_area .section .group .profile strong span {display:inline-block; margin:0 1px 0 0; padding:0 7px 0 0; background:url(/images/2010/line_profile.gif) no-repeat right 2px}
.speech_area .section .group .profile p {color:#acacac; line-height:14px}

.speech_area .section .group .profile ul {margin-top:9px;}
.speech_area .section .group .profile ul li {display:inline-block; margin:0 1px 0 0; padding:0 7px 0 8px; background:url(/images/2010/line_profile.gif) no-repeat left 2px}
.speech_area .section .group .profile ul li.first {padding-left:0; background:none;}
.speech_area .section .group .profile ul li a {color:#66c2e2;}

.regist_area {display:inline-block; position:relative; width:679px}

.regist_area h4 {padding-top:15px}
.regist_area table.type1 {margin:15px 0 50px}
.regist_area .ess {padding:0 0 0 11px; background:url(/images/2010/bu_check.gif) no-repeat 0 2px}
.regist_area .notice {position:absolute; top:-5px; right:0; font-size:11px; color:#6d6d6d}
.regist_area .box {margin:14px 0 0 0; padding:19px 20px 16px; border:1px solid #e5e5e5; color:#3f3f3f; background-image:none;}
.regist_area .box p {line-height:16px}
.regist_area .agree {margin:11px 0 31px}
.regist_area .agree label {padding:0 30px 0 0}
.regist_area .agree input {*margin:-4px -1px 0 -4px; vertical-align:top}
.regist_area .btn {padding:8px 0 74px; text-align:center}
.regist_area .btn a {display:inline-block}

.regist_area .live {margin:14px 0 109px; padding:0}
.regist_area .live .closed {margin:49px 0 0 63px}
.regist_area .live dl {margin:18px 0 0 64px; color:#707070; line-height:16px}
.regist_area .live dl dt {float:left; width:49px; margin:0 10px 0 0; background:url(/images/2010/line_registration.gif) no-repeat right 4px} 
.regist_area .live .btns {margin:16px 0 0 64px}
.regist_area .live .btns2 {margin:16px 0 49px 64px}
.regist_area .live .info {margin:8px 0 34px 64px; font-size:11px; color:#9b9b9b}

table.type1 {width:100%; border-top:2px solid #19a5ce; border-bottom:1px solid #d9d9d9; table-layout:fixed}
table.type1 th {background:#f5f5f5; border-top:1px solid #fcfcfc; border-bottom:1px solid #d0d0d0; color:#6d6d6d; text-align:left; vertical-align:top}
table.type1 th label {display:inline-block; margin:17px 0 0 29px}
table.type1 th .ess {margin-left:18px}
table.type1 td {padding:13px 0 13px 20px; border-bottom:1px solid #d0d0d0; color:#666}
table.type1 td * {vertical-align:middle}
table.type1 td select {height:20px; font-family:arial,나눔고딕,NanumGothic,돋움,dotum; font-size:12px}
table.type1 td input.text {height:16px; padding:2px 0 0 4px; background:#fbfbfb; border:1px solid #dfe0dd; color:#6d6d6d; font:12px/14px 나눔고딕,NanumGothic,돋움,dotum}
table.type1 td span {display:inline-block; margin:0 3px 0 0}
table.type1 td span.hint,
table.type1 td.session p {font-size:11px; color:#999; line-height:13px}
table.type1 td.session p {margin:4px 0 10px}

table.type1 td.session div {overflow:hidden}
table.type1 td.session table {width:100%; margin:0 0 0 -1px; border-collapse:collapse; table-layout:fixed}
table.type1 td.session table th {height:54px; margin:0; padding:0; background:#f7fbfb url(/images/2010/bg_td.gif) repeat-y; border-top:1px solid #e6e9ea; border-left:1px solid #e6e9ea; border-bottom:0; text-align:center; vertical-align:middle}
/*
table.type1 td.session table th span {display:block; margin:13px 0 0; padding:0 0 2px; font-family:tahoma; font-size:11px; font-weight:normal}
table.type1 td.session table th span.kor {margin:15px 0 0; font-family:나눔고딕,NanumGothic,돋움,dotum}
*/
table.type1 td.session table td {margin:0; padding:15px 0 18px; background:url(/images/2010/line_td.gif) no-repeat center bottom; border-left:1px solid #e6e9ea; border-bottom:0; font-size:11px; color:#6d6d6d; letter-spacing:-1px; line-height:14px; text-align:center; vertical-align:top}
table.type1 td.session table td label {display:inline-block; cursor:pointer; _cursor:hand}
table.type1 td.session table td input {margin:0 0 7px; *margin:-4px 0 2px -2px; _margin-bottom:4px}
table.type1 td.session table tr.last td {background:none}

.network_area {margin:14px 0 0 0; padding:0 0 100px 0}
.network_area h4 {margin-top:-14px; padding-top:13px}
.network_area p,
.network_area h5 span.desc {font-size:12px; font-weight:normal; margin:23px 0 0; color:#707070; line-height:18px}
.network_area h5 span.desc {padding-left:5px;}
.network_area .flash_area {margin:26px 0 0; border:1px solid #1aa5ce}
.network_area .count {color:#009ae0}
.network_area h5 {font-family:나눔고딕,NanumGothic,돋움,dotum,굴림,gulim; font-size:14px; border-bottom:1px solid #e6e9ea; padding-bottom:5px; line-height:100%;}
.network_area .section {clear:both; padding-top:30px;}
.network_area ul.friends li {width:99px; _height:80px; float:left; text-align:center; margin-top:15px;}
.network_area ul.friends li .nickname,
.network_area ul.friends li .id {display:block; overflow:hidden; _padding-top:2px;}
.network_area ul.friends a:link,
.network_area ul.friends a:visited,
.network_area ul.friends a:active {color:#707070; text-decoration:none;}
.network_area ul.friends a:hover {color:#009ae0; text-decoration:none;}
.network_area ul.no {margin:11px 0 0;}
.network_area ul.no li {color:#707070; line-height:18px;}
.network_area ul.no .shortcut span {padding:2px 15px 0 5px;}
.network_area ul.no.hide {display:none;}
.network_area p.loading {background:transparent url('/images/2010/bg_loading.gif') no-repeat; padding-left:20px;}
.loading {background:transparent url('/images/2010/bg_loading.gif') no-repeat;padding-left:20px;line-height:150%;}

.sorting {position:relative;width:679px; margin-bottom:33px; zoom:1;}
.sorting ul {overflow:hidden; padding:14px 0; border:1px solid #efefef; background:#fff; zoom:1;}
.sorting ul li {float:left; width:170px; margin-left:-1px; background:url(/images/2010/bg_bar.gif) no-repeat; text-align:center;}
.sorting ul li a {display:inline-block; padding-left:5px; color:#747474; text-decoration:none; background:url(/images/2010/bu_dot.gif) no-repeat left 50%;}
.sorting .edge {position:absolute;}
.sorting .edge {width:5px; height:5px; background-image:url(/images/2010/bg_sorting.gif);}
.sorting .lt {left:0; top:0; background-position:left top; background-repeat:no-repeat;}
.sorting .rt {right:0; top:0; background-position:right top; background-repeat:no-repeat;}
.sorting .lb {left:0; bottom:0; background-position:left bottom; background-repeat:no-repeat;}
.sorting .rb {right:0; bottom:0; background-position:right bottom; background-repeat:no-repeat;}

.live_area {width:679px; padding:0 0 116px}
.live_area.live2 {padding:0 0 59px} 
.live_area h4 {padding-top:14px}
.live_area ol {margin:23px 0 17px; background:url(/images/2010/bg_live_area_ol.gif) no-repeat 498px 85px;}
.live_area ol li {height:77px; overflow:hidden; margin:0 0 0 11px; padding:0 0 0 62px}
.live_area ol li.one {background:url(/images/2010/bg_num1.gif) no-repeat}
.live_area ol li.two {background:url(/images/2010/bg_num2.gif) no-repeat 1px 0}
.live_area ol li.three {background:url(/images/2010/bg_num3.gif) no-repeat -1px 0}
.live_area ol li .txt {margin:3px 0 0; font-size:11px; color:#707070; line-height:14px}
.live_area ol li .txt strong {font-weight:normal; color:#1aa5ce}
.live_area.live2 ol {margin-bottom:0}
.live_area.live2 ol li {margin-left:16px; padding-left:69px} 
.live_area ul {display:inline-block; margin:24px 0 0 -7px; padding:0 0 0 1px}
.live_area ul li {float:left; padding:0 0 0 7px}
.live_area ul li a {display:inline-block}
.live_area .calendar {height:185px; margin:18px 0 0; background:url(/images/2010/bg_calendar.gif) no-repeat; padding:0 0 0 300px}
.live_area .calendar p {margin:31px 0 0}
.live_area .calendar dl {margin:10px 0 0; color:#707070; line-height:18px}
.live_area .calendar dl dt {float:left; width:90px}
.live_area .calendar .btns {margin:10px 0 0}
.live_area .info {margin:13px 0 0; font-size:11px; color:#9b9b9b}

.live_area .type1 {margin:17px 0 50px; border-bottom:2px solid #1798be}
.live_area .type1 thead th {height:41px; background:#fff; border-left:1px solid #e6e6e6; border-bottom-color:#ebebeb; text-align:center; vertical-align:middle}
.live_area .type1 thead th.blank {border-left:0}
.live_area .type1 tbody th {background:#fff; border-bottom-color:#ebebeb; font:11px tahoma; text-align:center; vertical-align:middle}
.live_area .type1 td {height:59px; padding:0; background:#f7fcfd url(/images/2010/bg_td.gif) repeat-y; border-left:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; font-size:11px; line-height:13px; text-align:center}.live_area .type1 tr.one td {height:39px}
.live_area .type1 tr.white td {height:27px; background:#fff}

.btn_top {position:absolute; width:23px; padding-right:2px; background:url(/images/2010/bg_line.gif) no-repeat right top;}
.btn_top a {display:block; margin:29px 0 42px;}

/* footer */
.footer {clear:both; overflow:hidden; border-top:1px solid #e3e3e3; text-align:center}
.footer .section {width:951px; margin:0 auto; padding:15px 22px 60px 27px}
.footer h3,
.footer .copyright {float:left}
.footer .services {float:right}
.footer ul,
.footer ul li,
.footer p {float:left}

/* popup */
.p_wrap {position:relative; overflow:hidden; width:950px; margin:0 auto; text-align:left; background:#f3f3f3;}
.p_top {padding-top:24px; background:url(/images/2010/bg_pop_top.gif) no-repeat;}
.p_top h1 {margin:0 0 21px 30px;}
.tab {height:49px; padding:0 29px; background:url(/images/2010/bg_pop_tab.gif) repeat-x; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; text-align:center;}
.tab li {display:inline; margin-left:-3px; font-size:0;}
/*
.tab li {float:left; margin-left:-2px; font-size:0;}
*/
.tab li.first {margin-left:0;}
.tab li a.on {position:relative;}
.p_middle { padding:0 30px 52px 30px; border-top:2px solid #ddd;}
.p_middle h2 {margin:37px 0 18px 0;}
.col {margin-bottom:20px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; zoom:1;}
.col:after {content:""; display:block; clear:both;}
.col .player {float:left; width:640px; height:517px; overflow:hidden; background:url(/images/2010/player.jpg) center;}
.col .player.before {background:url(/images/2010/player_1.jpg) center;}
.col .player.after {background:url(/images/2010/player_2.jpg) center;}
.col .player.complete {background:url(/images/2010/player_3.jpg) center;}
.col .session {float:left; width:248px; background:url(/images/2010/bg_pop_info_top.gif) repeat-y top; padding:28px 0 0 0;}
.col .session .info {height:420px; padding:17px 0 14px 14px; margin:0 9px 0 6px; border:1px solid #585858; background-color:#fff;}
.col .session .info p {padding-bottom:14px;}
.col .session .info p.author {float:left;}
.col .session .tail {clear:both; height:36px; background:url(/images/2010/bg_pop_info_bottom.gif) no-repeat right bottom;}
.col .session .bottom {position:relative; top:-20px; padding-left:14px;}
.col .session .mediaInfo a {color:#00f; background:url(/images/2010/ico_info.gif) no-repeat left 1px; padding:0 0 0 17px; _padding-top:1px;}
.col .session .script {float:right; text-align:right; padding-right:17px; position:relative;}

.session h3 {margin:0 0 2px 0; font-size:12px; line-height:18px;}
.ly_time {overflow:hidden; width:205px; margin:0 0 13px 0; border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; background:url(/images/2010/bg_ly_time.gif) repeat-y;}
.ly_time li {position:relative; margin-top:-1px; font-size:11px; line-height:14px; border-top:1px solid #c8c8c8; zoom:1;}
.ly_time li span.time {display:inline-block; position:absolute; left:0; top:50%; margin-top:-12px; padding:5px 4px 6px 2px; font-family:Tahoma; text-align:center;}
.ly_time li span.txt {display:inline-block; width:115px; padding:4px 2px 4px 82px; overflow:hidden; word-break:break-all;}

/* live */
.notice_mac {clear:both; padding:2px 0; display:none;}
.notice_mac p {padding:3px 4px 3px 17px; border:1px solid #ccc; background:#ffc url(/images/2010/bu_arr_blue.gif) no-repeat 7px 9px;}

/* comments */
#cbox_module {clear:both; width:888px height:700px; background:#fff; border:1px solid #cacaca; padding:34px 24px 24px 24px;}

#cbox_module .total {text-align:right; position:relative; top:-15px;}
#cbox_module .total em {display:inline-block; margin-left:7px; font-style:normal; font-size:12px; line-height:18px; vertical-align:top}
#cbox_module .total em span {color:#19a5ce}
#cbox_module .cbox_txt_area {clear:both; width:710px}
#cbox_module .cbox_txt_area textarea {width:616px; height:55px; *margin:-1px 0 0 0; padding:3px 5px 3px; border:1px solid; border-color:#8b8b8b #d3d3d3 #d3d3d3 #8b8b8b; font-size:12px; color:#888; line-height:18px; vertical-align:top;}
#cbox_module .cbox_txt_area input {width:74px; height:63px; background:url(/images/2010/btn_reply_write.gif) no-repeat; margin-left:3px;}

#cbox_module .cbox_list_comment {padding:width:100%; margin:0 0 18px 0}
#cbox_module .cbox_info_area {clear:both; border-bottom:1px solid #ededed; padding:14px 142px 11px 115px}
#cbox_module .cbox_nick_name {position:relative; left:-110px; width:40px; margin-top:-10px; color:#9a9a9a; font-size:11px; font-family:tahoma; display:inline-block; *display:inline}
#cbox_module .cbox_date {position:relative; left:587px; width:104x; margin-top:-6px; color:#9a9a9a; font:11px/12px tahoma;}
#cbox_module .cbox_section_command .delete {vertical-align:middle; margin:2px 0 3px 4px;}
#cbox_module .cbox_desc {position:relative; top:-6px; left:-40px; width:640px; margin-top:-7px; padding:0 5px 0 7px; font-size:11px; color:#666}
#cbox_module .cbox_desc a {color:#b6b6b6; text-decoration:none}

#cbox_module .cbox_paginate {clear:both; position:relative; display:block; text-align:center}
#cbox_module .cbox_paginate a,
#cbox_module .cbox_paginate strong {display:inline-block; *display:inline; position:relative; top:-3px; padding:3px 8px 0 7px; font-weight:bold; color:#333; line-height:13px; text-decoration:none}
#cbox_module .cbox_paginate strong {color:#19a5ce !important;}
#cbox_module .cbox_paginate a:hover {background:#e7e7e7; text-decoration:none}
#cbox_module .cbox_paginate a.cbox_pre {padding:3px 9px 0 11px; font-weight:normal; font-weight:bold;}
#cbox_module .cbox_paginate a.cbox_next {padding:3px 10px 0 6px; font-weight:normal; font-weight:bold; }

/* pagenate */
.pagenate {clear:both; position:relative; display:block; text-align:center;}
.pagenate span {display:inline-block; *display:inline; margin:0 0 0 -5px; background-position:right -382px; *background-position:right -383px;}
.pagenate span.last {background:none;}
.pagenate a,
.pagenate strong {display:inline-block; position:relative; top:-3px; padding:3px 8px 0 7px; font-weight:bold; color:#333; line-height:13px; text-decoration:none}
.pagenate strong {color:#19A5CE !important;}
.pagenate a:hover {background:#E7E7E7; text-decoration:none}
.pagenate a.pre {padding:3px 9px 0 11px; font-weight:normal; font-weight:bold;}
.pagenate a.next {padding:3px 10px 0 6px; font-weight:normal; font-weight:bold; }
.pagenate p a {position:absolute; right:6px; top:6px; border:0; background:none;} 

/* 090915 */
.col .firefox {float:left; width:506px; height:408px; padding:29px 0 0 6px ;background:url(/images/2010/bg_firefox.gif) no-repeat}

/* Layer Popup */
.layer_popup{position:absolute; overflow:visible; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);}
.layer_popup *{line-height:normal;}
.layer_popup img,
.layer_popup fieldset{border:none;}
.layer_popup legend{display:none;}
.layer_popup em{font-style:normal; font-weight:bold;}
.layer_popup .layer_content{border:1px solid #777777; background:#ffffff; position:relative; z-index:2;}
.layer_popup .layer_body{padding:8px 11px 8px 3px; font-family:굴림, Gulim, 돋움, Dotum, AppleGothic, Sans-serif;}
.layer_popup .layer_body table{border-collapse:collapse;}
.layer_popup .layer_body ul{border-left:1px solid #efefef;}
.layer_popup .layer_body .first-child ul{border:none;}
.layer_popup .layer_body li{list-style:none; height:21px; margin:0 3px 0 5px;}
.layer_popup .layer_body li a{display:block; height:14px; padding:5px 6px 2px 4px; font-size:12px; color:#222222; text-decoration:none; white-space:nowrap;}
.layer_popup .layer_body li a:hover{background:#ededed;}
.layer_popup .close_layer{position:absolute; top:4px; right:3px;}
.layer_popup .shadow{position:absolute; width:100%; height:100%; overflow:visible; z-index:1; _display:none;}
*:first-child+html .layer_popup .shadow{ display:none;}
.layer_popup .shadow1{left:3px; top:3px; background:url(http://static.naver.com/common/layer/shadow1.png);}
.layer_popup .shadow2{left:2px; top:2px; background:url(http://static.naver.com/common/layer/shadow2.png);}
.layer_popup .shadow3{left:1px; top:1px; background:url(http://static.naver.com/common/layer/shadow3.png);}

#mediaInfoPopup {width:300px; top:536px; right:38px; display:none;}
#mediaInfoPopup dt{font-weight:bold; font-size:12px;}
#mediaInfoPopup dd{margin-bottom:5px; _padding-bottom:5px; font-size:11px;}