@charset "UTF-8";
/* Reset */
html {margin:0; padding:0; overflow-y:scroll;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;}
body {font:12px/1.24em verdana, dotum; color:#666; }
ol, ul, li {list-style: none;}
em {font-style:normal;}
table {border-spacing:0; border-collapse:collapse;}
caption {display:none;}
button {border:none; padding:0; margin:0; visibility:visible;}
label, textarea {vertical-align:middle;}
a, a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:active, a:focus {color:#0084d1; text-decoration:none;}
hr {display:none;}

/*2012 메인추가사항*/
.btn_poster {float:left; position:absolute; top:109px; width:100%; height:6px; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/tapbg.gif) no-repeat 50% 0%; text-align:center; z-index:1;}
.screen_wrap {position:absolute; width:100%; overflow:hidden; height:400px; z-index:1;}
.screen_wrap .screen {float:left; position:absolute; width:100%; height:395px; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/poster2012.jpg) no-repeat 50% 0% #376e33; border-bottom:5px solid #1f1f1f; overflow:hidden;}
.screen_wrap .screen .screen_cont {width:990px; margin:0 auto; height:395px; position:relative;}
.screen_wrap .screen .screen_cont .closed {position:absolute; text-align:center; height:23px; top:372px; margin:0 auto; width:159px; left:414px;}
.screen_wrap .screen .screen_cont ul {text-indent:-1000; padding-top:31px; position:relative; margin-left:-5px;}
.screen_wrap .screen .screen_cont li.tit {background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/poster_tit.png) no-repeat top left; height:165px; text-indent:-1000px; margin-bottom:11px; text-align:left; position:relative;}
.screen_wrap .screen .screen_cont li.tit_e {background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/poster_tit_e.png) no-repeat top left; height:140px; text-indent:-1000px; margin-bottom:11px; text-align:left; position:relative;}
.screen_wrap .screen .screen_cont li.btn {margin-left:7px; margin-bottom:69px;}
.screen_wrap .screen .screen_cont li.btn_e {margin-left:7px; margin-bottom:90px;}
.screen_wrap .screen .screen_cont li.info {background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/info.png) no-repeat top left; width:205px; height:58px; text-indent:-1000px; margin-left:10px;}
.screen_wrap .screen .screen_cont .tit h4,h5 {display:none;}
.screen_wrap .screen .screen_cont .tit_e h4,h5 {display:none;}


/* Common */
body {background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-bg.jpg) repeat-x 0 0;}
.conteiner {margin:0; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/main_visual.jpg) no-repeat 50% 110px;}/*2012 수정*/
.sdf-header {width:990px; height:110px; margin:0 auto;}
.sdf-visual {width:990px; height:400px; overflow:hidden; margin:0 auto 20px;}
.sdf-wrap {width:990px; overflow:hidden; margin:0 auto; border:1px solid #c9c9c9; border-bottom:2px solid #7f7f7f; position:relative;}
.sdf-footer {width:990px; overflow:hidden; margin:0 auto; }
.accessibility, .blind, .hidden {position:absolute; overflow:hidden; height:0; width:0; left:0; top:-9999px;}

/* Header */
.sdf-header {position:relative; font-family:verdana; font-size:0; line-height:0;}
.sdf-header .logo {position:absolute; width:145px; height:56px; left:0; top:45px;}
.top-list {position:absolute; width:auto; height:19px; right:0; top:3px;}
.top-list .list {float:left;}
.top-list .list li {float:left;}
.top-list .link {float:left;}
.top-list .link a {float:left;}
.gnb {position:absolute; width:780px; height:65px; left:215px; top:45px;}
.gnb li {float:left;}
.gnb li a {float:left; height:38px; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
.gnb li a span {display:block; width:100%; height:100%; overflow:hidden; cursor:pointer; text-indent:-999px;}
.gnb li a:active, .gnb li a:hover, .gnb li a:focus {background-position:0 100%;}
.gnb .gnb-1 {width:82px; margin-right:30px; margin-left:30px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/main-gnb-01.gif);}
.gnb .gnb-7 {width:72px; margin-right:30px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2012/images/main-gnb-07.gif);}
.gnb .gnb-2 {width:81px; margin-right:30px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-gnb-02.gif);}
.gnb .gnb-3 {width:83px; margin-right:30px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-gnb-03.gif);}
.gnb .gnb-4 {width:65px; margin-right:30px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-gnb-04.gif);}
.gnb .gnb-5 {width:60px; margin-right:30px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-gnb-05.gif);}
.gnb .gnb-6 {width:94px; background-image:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-gnb-06.gif);}
.gnb .depth {position:absolute; left:20px; top:44px; display:none;}
.gnb .depth li {float:left; margin-right:11px; padding-right:11px; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-gnb-bar.gif) no-repeat 100% 0;}
.gnb .depth li.last-chlid {margin-right:0; padding-right:0; background-image:none;}
.gnb .depth li a {height:15px; color:#ffffff; font:bold 12px/0.9em verdana;}
.gnb .depth li a:link, .depth li a:visited {color:#000000;}
.gnb .depth li a:active, .depth li a:hover, .depth li a:focus {color:#3fa3d6;}
.gnb .depth2 {left:20px; width:450px;}
.gnb .depth4 {left:278px; width:390px;}
.gnb .depth6 {left:378px; width:350px;}
.gnb .depth6 li {background-position:100% 50%;}
.gnb .depth6 li a {font:bold 12px/1.2em verdana, dotum;}
.gnb .on a {background-position:0 100%;}
.gnb .on .depth {display:block;}
.gnb li a:active span, .gnb li a:hover span, .gnb li a:focus span, .gnb .on a span {background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/gnb-on.gif) no-repeat 50% 100%;}
.gnb .depth .on a, .gnb .depth .on a:link, .gnb .depth .on a:visited {color:#3fa3d6;}

/* Footer */
.sdf-footer .wrap {position:relative; width:990px; height:95px; margin:0 auto;}
.sdf-footer .logo {position:absolute; width:98px; height:39px; left:6px; top:29px;}
.sdf-footer .address {position:absolute; width:730px; height:47px; overflow:hidden; left:146px; top:29px;}
.sdf-footer .address .copyright {height:12px; overflow:hidden; margin-bottom:8px; color:#828282; font:11px/11pt verdana; text-transform:uppercase;}
.sdf-footer .address address,
.sdf-footer .address span {float:left; height:12px; overflow:hidden; margin-right:6px; padding-right:8px; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/footer-bar.gif) no-repeat 100% 1.4pt; color:#828282; font:11px/1.2em  verdana, dotum;}
.sdf-footer .address address {font-family:dotum;}
.sdf-footer .address .email {margin-right:0; padding-right:0; background-image:none;}
.sdf-footer .address .email a {color:#828282;}
.sdf-footer .address .email a:active, .sdf-footer .address .email a:hover, .sdf-footer .address .email a:focus {color:#000000;}

/* sdf-visual */
.sdf-visual {position:relative; font-size:0; line-height:0;}
.sdf-visual h3 {margin:44px 0 14px;}
.sdf-visual .section {height:223px; overflow:hidden;}
.sdf-visual .section li {float:left;}
.sdf-visual .section .s1 {margin-right:20px;}
.sdf-visual .section .s2 {margin-right:23px;}
.sdf-visual .section .s3 {margin-right:25px;}
.sdf-visual .section .s4 {margin-right:22px;}
.sdf-visual .section .s5 {}
.sdf-visual .years {position:absolute; bottom:0; width:990px; height:59px; overflow:hidden; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-list-bg.jpg) no-repeat 0 0;}
.sdf-visual .years h4 {float:left;}
.sdf-visual .years .wrap {width:825px; height:59px; overflow:hidden; padding-left:28px; _padding-left:25px;}
.sdf-visual .years .list {width:1680px; height:59px; overflow:hidden;}
.sdf-visual .years .list .en {width:2000px; height:59px; overflow:hidden;}
.sdf-visual .years .list {width:2000px; height:59px; overflow:hidden;}
.sdf-visual .years .list li {float:left; margin-top:8px;}
.sdf-visual .years .thum {float:left; margin-right:9px;}
.sdf-visual .years .text {float:left; margin-right:29px;}
.sdf-visual .years .text strong {display:block; color:#039bd8; font-family:times; font-size:14px; font-style:italic; line-height:1em;}
.sdf-visual .years .text span {display:block; color:#99948b; font-family:dotum; font-size:11px; line-height:1.24em;}
.sdf-visual .years a.text:active span, .sdf-visual .years a.text:hover span, .sdf-visual .years a.text:focus span {color:#b3b3b3;}
.sdf-visual .years .prev {position:absolute; left:109px; top:0;}
.sdf-visual .years .next {position:absolute; right:0; top:0;}

/* sdf-wrap */
.sdf-wrap {overflow:hidden;}
.sdf-wrap .keynote {float:left; position:relative; width:759px; height:258px; background-color:#f8f8f8;}
.sdf-wrap .keynote h4 {position:absolute; left:21px; top:18px;}
.sdf-wrap .keynote .wrap {position:relative; left:62px; top:49px; width:640px; height:195px; overflow:hidden;}
.sdf-wrap .keynote .wrap ul {width:3000px;}
.sdf-wrap .keynote .wrap ul li {position:relative; float:left; width:192px; margin-right:32px;}
.sdf-wrap .keynote .thum {width:190px; height:140px; font-size:0; line-height:0;}
.sdf-wrap .keynote .thum .vod {position:absolute; right:2px; top:120px;}
.sdf-wrap .keynote .desc {margin-top:9px; font-size:0; line-height:0;}
.sdf-wrap .keynote .desc a {display:inline-block; font-weight:bold; font-family:dotum; font-size:12px; line-height:1.16em;}
.sdf-wrap .keynote .desc em {display:block; margin-top:2px; color:#a3a3a3; font-size:11px; font-family:dotum; line-height:1.4em;}
.sdf-wrap .keynote .prev {position:absolute; left:29px; top:121px;}
.sdf-wrap .keynote .next {position:absolute; right:29px; top:121px;}
.sdf-wrap .twitter {position:relative; float:right; width:230px; height:258px; border-left:1px solid #c9c9c9;}
.sdf-wrap .twitter .header {position:absolute; left:0; top:0; width:230px; height:78px; background:url(https://img.sbs.co.kr/vobos/sdf/html/user/2011/images/main-bg-twitter.gif) no-repeat 0 0; font-size:0; line-height:0;}
.sdf-wrap .twitter .header dt {position:absolute; left:12px; top:11px;}
.sdf-wrap .twitter .header dd {position:absolute; left:78px; top:14px; width:145px;}
.sdf-wrap .twitter .header strong {display:block; color:#ffffff; font:bold 14px/1.24em arial;}
.sdf-wrap .twitter .header span {color:#d1e7f0; font:11px/1.24em dotum;}
.sdf-wrap .twitter .header p {margin-top:1px;}
.sdf-wrap .twitter  #TwitterCount {position:relative; top:2px; padding-right:8px; color:#ee6f46; font:18px/1.2em times; font-style:italic;}
.sdf-wrap .twitter .header p span {display:inline; color:#ffffff; font:12px/1.2em arial;}
.sdf-wrap .twitter .list-wrap {position:relative; left:0; top:78px; height:180px; overflow-x:hidden; overflow-y:auto;}
.sdf-wrap .twitter .list {}
.sdf-wrap .twitter .list li {position:relative; padding:10px 13px 6px; border-bottom:1px solid #efefef; _padding:9px 12px 6px; _border:1px solid #efefef; font-size:0; line-height:0;}
.sdf-wrap .twitter .list a {font:12px/1.4em dotum;}
.sdf-wrap .twitter .list a:active span, .sdf-wrap .twitter .list a:hover span, .sdf-wrap .twitter .list a:focus span {color:#0084d1;}
.sdf-wrap .twitter .list strong {color:#0084d1; font:12px/1.4em arial;  font-weight:normal;margin-right:10px;}
.sdf-wrap .twitter .list span {color:#333333; font:12px/1.4em dotum;}
.sdf-wrap .twitter .list em {position:absolute; right:16px; margin-top:4px; color:#969188; font:10px/1.2em arial;}

.sdf-wrap .btn_wrap {position:relative;}/*2012추가*/
.sdf-wrap .btn_wrap .rightbtn {width:230px; height:258px; float:right; left:761px; position:absolute; z-index:1001px;}/*2012추가*/
.sdf-wrap .btn_wrap .rightbtn .bt{margin:0px; padding:0px; float:left;}/*2012추가*/

.sdf-wrap .article {clear:both; height:144px; border-top:1px solid #c9c9c9;}
.sdf-wrap .article .section {float:left; position:relative; height:144px; border-right:1px solid #ececec;}
.sdf-wrap .article .section h4 {position:absolute; left:21px; top:19px;}
.sdf-wrap .article .section dl {margin:54px 0 0 20px; font-size:0; line-height:0;}
.sdf-wrap .article .section dl dt {float:left; margin-right:15px;}
.sdf-wrap .article .section dl dd {float:left;}
.sdf-wrap .article .section dl dd a {font:12px/1.45em dotum;}
.sdf-wrap .article .section ul {margin:55px 0 0 24px;}
.sdf-wrap .article .section ul li {position:relative; width:280px; margin-bottom:6px; font-size:0; line-height:0;}
.sdf-wrap .article .section ul li a {font:12px/1.45em dotum;}
.sdf-wrap .article .section ul li em {position:absolute; right:0; top:3px; color:#; font:10px/1em verdana;}
.sdf-wrap .article .s1 {width:318px;}
.sdf-wrap .article .s2 {width:325px;}
.sdf-wrap .article .s3 {width:343px; border-right:0 none;}
.sdf-wrap .article .more {position:absolute; right:20px; top:20px; color:#9b9b9b; font:11px/1.2em dotum;}
.sdf-wrap .article .more:active, .sdf-wrap .article .more:hover, .sdf-wrap .article .more:focus {color:#000000;}


