@charset "euc-kr";
/* CSS Document */

/* 
ÀÛ¼ºÀÚ:±èÇý¹Ì,ÁöÇý¿¬
ÀÛ¼ºÀÏ:2012.11.20
ÃÖÁ¾¼öÁ¤ÀÏ:2013.01.04
*/


/* sub-°øÅë */
a {text-decoration:none;}
a:hover {text-decoration:underline; }
a:link {color:#000;}
a:visited {color:#000;}
a:active {color:#000;}

#wrap {}
#gnb {background:url('http://img.sbs.co.kr/sw11/sp12/yawang/images/bg_gnb.gif') no-repeat left top; z-index:2; position:relative;}/*margin-bottom:-40px; »èÁ¦_121107*/
#gnb ul li {float:left;}
#gnb ul li a {display:block; height:40px;}
#gnb .nav_gnb {float:left;}
#gnb .nav_gnb li.on {margin-left:-2px;}
#gnb .nav_gnb li:first-child.on {margin:0;}
#snb ul li strong {color:#4f413b;}
#gnb .sp_menu {position:absolute; bottom:0px; right:135px; height:40px;}

/* À§Àúµå ------------------------------------------------------------------------------------------------------------------*/
#container_sub #content .wizard_cont h3 {border-bottom:2px solid #696f78;}
#container_sub #content .wizard_cont>section {margin-top:20px;}


/* ¸ÞÀÎ ------------------------------------------------------------------------------------------------------------------*/
#container {}
#spot {height:370px; background:url(http://img.sbs.co.kr/sw11/sp12/yawang/images/bg_spot.jpg) no-repeat center top #080d11; position:relative; margin-top:-40px;}
#spot>span{position:absolute; top:0px; left:50%; margin-left:-495px;}
#spot .btn_paging {width:990px; position:absolute; top:155px; left:50%; margin-left:-495px;}
#spot .btn_paging button {background:transparent; padding:10px; float:right;}
#spot .btn_paging button:first-child {float:left;}

#container #content {}

.main_wrap {width:690px;}
/* ¸ÞÀÎ-ÇÖÀ̽´ */
.main_wrap .spot_cont {height:205px; border-top:5px solid #204b67; margin-bottom:10px; overflow:hidden; position:relative;}
.spot_cont .top {overflow:hidden; height:38px;}
.spot_cont .top h3 {float:left; margin-top:12px;}

.spot_cont .top .ep_wrap {float:right; width:282px; position:relative; top:5px;}
.spot_cont .top .ep_wrap .ep {float:left; width:216px; overflow:hidden; height:26px; margin:0 15px}
.spot_cont .top .ep_wrap .ep li {float:left; text-indent:-1000em; width:19px;padding:4px;}
.spot_cont .top .ep_wrap .ep li a {background:url(http://img.sbs.co.kr/sw11/sp12/yawang/images/ep.gif) no-repeat left top; display:block; height:18px;}
.spot_cont .top .ep_wrap .ep li.ep1 a {background-position:0 -19px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep1 a.on {background-position:0 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep2 a {background-position:-19px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep2 a.on {background-position:-19px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep3 a {background-position:-38px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep3 a.on {background-position:-38px -0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep4 a {background-position:-57px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep4 a.on {background-position:-57px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep5 a {background-position:-76px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep5 a.on {background-position:-76px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep6 a {background-position:-95px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep6 a.on {background-position:-95px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep7 a {background-position:-114px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep7 a.on {background-position:-114px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep8 a {background-position:-133px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep8 a.on {background-position:-133px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep9 a {background-position:-152px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep9 a.on {background-position:-152px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep10 a {background-position:-171px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep10 a.on {background-position:-171px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep11 a {background-position:-190px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep11 a.on {background-position:-190px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep12 a {background-position:-209px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep12 a.on {background-position:-209px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep13 a {background-position:-228px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep13 a.on {background-position:-228px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep14 a {background-position:-247px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep14 a.on {background-position:-247px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep15 a {background-position:-266px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep15 a.on {background-position:-266px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep16 a {background-position:-285px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep16 a.on {background-position:-285px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep17 a {background-position:-304px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep17 a.on {background-position:-304px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep18 a {background-position:-323px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep18 a.on {background-position:-323px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep19 a {background-position:-342px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep19 a.on {background-position:-342px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep20 a {background-position:-361px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep20 a.on {background-position:-361px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep21 a {background-position:-380px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep21 a.on {background-position:-380px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep22 a {background-position:-399px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep22 a.on {background-position:-399px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep23 a {background-position:-418px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep23 a.on {background-position:-418px 0px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep24 a {background-position:-437px -18px; width:19px;}
.spot_cont .top .ep_wrap .ep li.ep24 a.on {background-position:-437px 0px; width:19px;}

.spot_cont .top .ep_wrap p.btn {float:left; width:10px; padding:8px 4px 0 4px; }
.spot_cont .top .ep_wrap p.btn a {padding:6px 6px 0 6px;}

.spot_cont article.issue {width:402px; float:left; height:167px; position:relative;}
.spot_cont article.issue a.img_line {width:400px; height:165px;}
.spot_cont article.issue .layer {width:107px; height:137px; padding:15px; font:12px/14px dotum; color:#fff; position:absolute; right:0; top:0; background:url('http://img.sbs.co.kr/sw11/sp12/dramaking/images/bg_transparent.png') repeat right top;}
.spot_cont article.issue .layer strong {letter-spacing:-0.1em;}
.spot_cont article.issue .layer p {color:#b9b9b9; margin-top:8px; font-size:11px;}
.spot_cont article.issue .layer .play {position:absolute; bottom:8px; right:8px}
.spot_cont article.issue:hover strong,
.spot_cont article.issue:hover p {text-decoration:underline;}

.spot_cont .side_pic {float:right; overflow:hidden;}
.spot_cont .side_pic li {float:left; margin-left:2px;}
.spot_cont .side_pic li a {display:block; position:relative;}
.spot_cont .side_pic li .text_layer {width:132px; padding:0 5px; height:28px; line-height:30px; font-size:11px; color:#dcd9d9; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:absolute; bottom:0; left:0; background:url('http://img.sbs.co.kr/sw11/sp12/dramaking/images/bg_transparent.png') repeat left top;}

/* ¸ÞÀÎ-¿¹°íº¸±â,µîÀåÀι°,±âȹÀǵµ ¿µ¿ª */
.main_wrap .main_cont {margin-bottom:15px;}
.main_cont .cnt_area1 {height:348px; overflow:hidden; margin-bottom:5px;}
.main_cont .cnt_area1 .character {width:227px; float:left;}
.main_cont .cnt_area1 .wrap_vod {width:227px; float:left; margin:0 5px 0 4px;}
.main_cont .vod {width:227px; height:167px; background:#1c1c1c; position:relative; margin-bottom:5px;}
.main_cont .vod .img_line {width:225px; height:165px;}
.main_cont .vod p {height:40px; color:#f9f9f9;}
.main_cont .vod:hover p {text-decoration:underline;}
.main_cont .vod p span {display:block; width:177px; padding-right:30px; background:url(http://img.sbs.co.kr/sw11/sp12/common/images/play.png) no-repeat right top; margin:10px; line-height:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cnt_area1 .wrap_vod .synopsis {height:152px; padding:12px; background:#1c1c1c; position:relative;}
.cnt_area1 .wrap_vod .synopsis dl dt {font:bold 12px/1.8 dotum; color:#f9f9f9; padding-bottom:7px; border-bottom:1px solid #010101;}
.cnt_area1 .wrap_vod .synopsis dl dd {height:106px; font:11px/1.4 dotum; color:#6b6a6a; padding-top:12px; border-top:1px solid #2e2e2e; overflow:hidden;}
.cnt_area1 .wrap_vod .synopsis dl dd:hover a {text-decoration:underline;}
.cnt_area1 .wrap_vod .synopsis dl dd:hover a strong {text-decoration:underline;}
.cnt_area1 .wrap_vod .synopsis dl dd a {color:#6b6a6a;}
.cnt_area1 .wrap_vod .synopsis dl dd a strong {display:block; font:bold 12px/1.4 dotum; color:#afafaf; padding-bottom:7px;}
.cnt_area1 .wrap_vod .synopsis .btn_more {position:absolute; top:15px; right:20px; font:11px/1.2 dotum; color:#6b6a6a;}

/* ¸ÞÀÎ-ÃÔ¿µ½ºÄÉÄ¡ */
.cnt_area2 {margin-bottom:5px;}
.cnt_area2 ul {overflow:hidden; margin-left:-4px;}
.cnt_area2 ul li {width:227px; height:145px; float:left; position:relative; margin-left:4px; overflow:hidden;}
.cnt_area2 ul li .img_line {width:225px; height:143px; border:1px solid #777;}
.cnt_area2 ul li p {width:207px; height:12px; position:absolute; left:0; bottom:0; padding:8px 10px; background:url('http://img.sbs.co.kr/sw11/sp12/dramaking/images/bg_transparent.png') repeat right top; font:11px/1.2 dotum; color:#dedede; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cnt_area2 ul li p.vod {width:207px; height:20px; position:absolute; left:0; bottom:-5px; padding:12px 10px; background:url('http://img.sbs.co.kr/sw11/sp12/dramaking/images/bg_transparent.png') repeat right top; font:11px/1.2 dotum; color:#fff;}

/*¸ÞÀÎ-´º½º*/
.cnt_area3 {overflow:hidden;}
.cnt_area3 .vod {margin:0; float:left;}
.cnt_area3 .play_news {width:428px; height:139px; float:right; padding:14px 15px; background:#1c1c1c; letter-spacing:-0.1em;}
.cnt_area3 .play_news .thum {display:block; height:79px; position:relative; padding-left:153px;}
.cnt_area3 .play_news .thum a {text-decoration:none;}
.cnt_area3 .play_news .thum:hover strong {text-decoration:underline;}
.cnt_area3 .play_news .thum:hover span {text-decoration:underline;}
.cnt_area3 .play_news .thum>img {position:absolute; top:0px; left:0px;}
.cnt_area3 .play_news .thum .img_line {width:138px; height:77px;}
.cnt_area3 .play_news .thum strong {display:block; font:bold 16px/1.5 dotum; color:#cfcfcf;} 
.cnt_area3 .play_news .thum span {height:45px; display:block; font:11px/1.4 dotum; color:#6b6a6a; margin-top:5px; overflow:hidden;}
.cnt_area3 .play_news ul {margin-top:20px;}
.cnt_area3 .play_news ul li {padding-left:15px; color:#afafaf; background:url(http://img.sbs.co.kr/sw11/sp12/yawang/images/bu_re.gif) no-repeat 3px 3px; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cnt_area3 .play_news ul li a {color:#afafaf;}

/* ¸ÞÀÎ-»çÀÌÆ®¸Ê */
.main_wrap .sitemap {padding:15px 0 20px; overflow:hidden; clear:both; border:1px solid #8c8c8c; background:#9c9c9c;}
.main_wrap .sitemap h1 {font-size:12px; line-height:16px; margin-bottom:5px; color:#fff;}
.main_wrap .sitemap ul {overflow:hidden; letter-spacing:-0.1em; background:url(http://img.sbs.co.kr/sw11/sp12/yawang/images/bg_sitemap.gif) left top repeat-y;}
.main_wrap .sitemap ul li {width:88px; padding:0 13px; font-size:11px; float:left;}
.main_wrap .sitemap ul li:first-child {width:88px;}
.main_wrap .sitemap ul li a {width:86px; display:block; color:#eaeaea; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_wrap .sitemap ul li a:hover {}

/* Á¦ÀÛÁø ¼Ò°³ */
#production {width:670px; background:#0a0815; overflow:hidden; position:relative;}
#production .master {width:198px; margin:0 auto; margin-top:20px; padding:20px 0 0 29px; height:62px;}
#production .master li {font:16px/27px DotumChe; font-weight:normal; letter-spacing:-1px;}
#production .master li span {font:16px/27px DotumChe; font-weight:bold;}
#production .master2 {width:198px; height:100px; margin:0 auto; margin-top:0px; padding:20px 0 0 29px;}
#production .master2 li {font:16px/27px DotumChe; font-weight:normal; letter-spacing:-1px;}
#production .master2 li span {font:16px/27px DotumChe; font-weight:bold;}
#production .point {color:#959595;}/* »ó´Ü Æ÷ÀÎÆ® ÆùÆ®»ö»ó ÁöÁ¤ */
#production li span.tit {color:#959595;}/* ÇÏ´Ü Å¸ÀÌƲ ÆùÆ®»ö»ó ÁöÁ¤ */
#production {color:#fff; height:1100px; background:url(http://img.sbs.co.kr/sw11/sp12/yawang/images/make_bg.jpg) no-repeat top left;}/* ±âº» ÆùÆ®»ö»ó ÁöÁ¤, Àüü ¹è°æ ³ôÀÌ °ª ÁöÁ¤, ¹è°æÀ̹ÌÁö°æ·Î */
#production .cont_wrap {padding:14px 0 23px 0; display:inline-block; width:670px;}
#production .cont1 {width:270px; margin-left:0px; float:left; margin-left:60px;}
#production .cont2 {width:280px;}
#production .cont1 li span.cont {width:180px; display:inline-block; line-height:13px;}
#production .cont2 li span.cont {width:180px; display:inline-block; line-height:13px;}

/* ¾ß¿ÕÅõÇ¥ */
.vote_wrap .vote_info .info {top:160px; left:34px;}
.vod_event .cont .vod_list li {background:url(http://img.sbs.co.kr/sw11/sp12/yawang/images/thumb_bg.gif) no-repeat left top;}
.vod_event .cont .vod_list li a span.pay {background:#62574c;}
.vod_event .cont .vod_list li a span.ep {color:#a16b39;}
.vod_event .cont .stext {color:#e2c1a3;}
.vod_event .cont .stext .view {color:#a8d1ff;}
.vod_event .cont .vod_list li.right1 {margin-left:117px;}