@charset "euc-kr"; @import url("http://www.imbc.com/commons/css/common2013v1.css"); /* @ accessibility */ #accessibility{position:relative; z-index:9999; text-align:left} #accessibility li {position:absolute;top:0;left:0; width:100%} #accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px} #accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px} /* @ lyaout */ body{text-align:center; background:#ded8c1;} #wrapper{position:relative; width:100%; height:1544px; background:url(http://img.imbc.com/broad/tv/drama/that/images/bg_sub.jpg) no-repeat center 150px;} #header{position:relative; width:100%;} #header .gnb{width:990px; margin:0 auto; text-align:left;} #container{position:relative; width:990px; margin:0 auto; text-align:left;} #footer {position:relative; padding:45px 0; font:12px dotum; color:#57412d;} /* container */ #visual{position:relative; width:735px; height:249px;} #content{overflow:hidden; width:735px; background:#fff url(http://img.imbc.com/broad/tv/drama/that/images/aside_bg.gif) repeat-y 130px 0;} #right_common{position:absolute; top:0; right:0; z-index:100;} /* visual */ #visual h1{padding:7px 0 0 5px;} #visual .spot{position:absolute; top:5px; left:436px; z-index:99; width:301px; height:41px; padding-right:5px; background:url(http://img.imbc.com/broad/tv/drama/that/images/spot_bg_s.png) no-repeat 10px -10px; font:11px dotum; color:#fff; text-align:right; letter-spacing:-1;} #visual .spot span{display:block; font-weight:bold;} /* nav */ #imbc_nav{overflow:hidden; width:735px; height:51px; background:url(http://img.imbc.com/broad/tv/drama/that/images/nav_bg_s.png) no-repeat;} #imbc_nav ul{float:left;} #imbc_nav ul li{width:113px; *width:130px; height:19px; *height:26px; padding:7px 0 0 17px;} #imbc_nav ul li a{display:block; font:bold 12px dotum; color:#fff;} #imbc_nav p{float:left; padding:20px 0 0 27px;} #imbc_nav p a{font:bold 12px dotum; color:#fff;} /* content */ #aside{float:left; width:110px; *width:130px; padding:13px 9px 30px 11px;} #section{overflow:hidden; float:left; width:585px; *width:605px; padding:23px 10px 35px 10px;} /* aside */ .col{position:relative; width:105px; *width:110px; padding:13px 0 5px 5px; border-bottom:1px solid #e8e8e8;} .col h3{margin-bottom:9px; font:bold 12px dotum; color:#343434;} .col ul li{width:105px;} .col ul li a{display:block; margin-bottom:9px; font:12px dotum; color:#5c5a5a;} .col ul li .on{font-weight:bold;} .col .more{position:absolute; top:12px; left:49px; width:36px; height:11px; *height:13px; padding-top:2px; background:url(http://img.imbc.com/broad/tv/drama/that/images/more_bg_s.gif) no-repeat; font:11px dotum; color:#fff; text-align:center; letter-spacing:-1;} .bn{border-bottom:0 !important;} /* section */ #section h2{margin-bottom:19px; font:bold 16px dotum; color:#343434;} #section h2 span{font:12px dotum; color:#5c5c5c;} .talk_btn{margin-bottom:20px;} /* 등장인물 */ #castNav{background:#eee; width:585px; height:130px; margin-bottom:21px; position:relative;} #castNav ul{overflow:hidden; width:50000px;} #castNav li{float:left; cursor:pointer; margin-right:18px; width:70px; text-align:center;} #castNav li a img{width:68px; height:51px; border:1px solid #cdcdcd;} #castNav li span{display:block; color:#777; font-size:11px; letter-spacing:-1px; line-height:20px;} #castNav li button{background:url(http://img.imbc.com/broad/tv/drama/that/images/cast_name_bg.gif) no-repeat; width:70px; height:17px; font-size:11px; color:#fff; cursor:pointer; z-index:50;} .castList{width:520px; height:130px; overflow:hidden; margin:0 0 0 30px; padding:20px 0 0;} .castMain{display:none; } .castPart{display:none; overflow:hidden; width:585px} .castPart dl{overflow:hidden; position:relative; width:565px; margin-bottom:15px; padding:5px 10px;} .castPart dl dt{ float:right; width:335px; font-size:16px; letter-spacing:-2px; line-height:1.33; font-weight:bold; color:#000; margin-bottom:10px;} .castPart dl dt span {font-size:12px; color:#f2a3a2;} .castPart dl dd{float:left;} .castPart dl img{border:1px solid #ebebeb;} .castPart dl .txt {float:right; color:#777; line-height:1.55; margin:0px 0 0 12px; width:335px;} .castPart .frame {position:relative; left:10px; top:4px; padding-left:10px; color:#5574CA; letter-spacing:-1px; line-height:1.33; background:url("http://img.imbc.com/broad/tv/drama/bogo/images2/arrowBlick.jpg") no-repeat 0 2px; font-size:12px; font-weight:normal} .btn_pre {position:absolute; top:52px; left:12px;} .btn_next {position:absolute; top:52px; right:12px;} #castTree {} /* 월페이퍼,포스터 */ .nav_wallpaper {overflow:hidden; position:relative; width:474px; *width:585px; padding:20px 0 0 111px; background:#eee;} .nav_wallpaper h3.wallpaper {position:absolute; left:22px; top:19px;} .nav_wallpaper h3.poster {position:absolute; left:22px; top:89px;} .nav_wallpaper ul {overflow:hidden; width:474px; margin-bottom:17px;} .nav_wallpaper ul li {float:left; width:71px; height:53px; margin-right:15px; cursor:pointer;} .nav_wallpaper ul li img {width:71px; height:53px;} .view {overflow:hidden; position:relative; width:585px; padding:41px 0 20px; margin-bottom:40px; background:#a1a09f; text-align:center;} .view img {width:578px;} .option_wallpaper {display:none; position:absolute; right:3px; top:10px;} .view .btn_1024 {display:block; float:left; width:79px; height:19px; ; margin-right:12px; padding:0; border:0; background:none; cursor:pointer;} .view .btn_1024 img {display:block; width:79px; height:19px;} .view .btn_1280 {display:block; float:left; width:80px; height:19px; padding:0; border:0; background:none; cursor:pointer;} .view .btn_1280 img {display:block; width:79px; height:19px;} .option_poster {display:block; position:absolute; right:3px; top:10px; height:19px;} .btn_download {display:block; width:80px; height:19px; padding:0; border:0; background:none; cursor:pointer;} .btn_download img {display:block; width:80px; height:19px;} /* 화제의 1분 */ #clipList {overflow:hidden; width:559px; *width:585px; height:121px; *height:138px; padding:15px 0 0 24px; border:1px solid #d9d9d9; background:#eee; margin-bottom:20px;} #clipList li {overflow:hidden; position:relative; float:left; width:126px; margin-right:10px; letter-spacing:-1px; line-height:1.3; color:#555; text-align:center} #clipList li img {display:block; width:120px; height:80px; margin-bottom:4px; border:3px solid #bfb7a6} #clipList li em {display:block} #clipList li span {display:block; letter-spacing:0} #clipList .playVod {position:absolute; right:10px; top:60px; width:19px; height:21px; border:0} #clipList .playVod img {width:19px; height:21px; border:0} /* 방송 정보 */ #tvinfoWrap{position:relative; width:585px; padding-top:29px; margin-top:29px;} #tvinfoWrap h3{position:absolute; top:0; width:108px; height:29px;} .tabtitle1{left:0px; width:108px; height:29px;} .tabtitle2{left:113px; width:108px; height:29px;} #tvinfoWrap h3 a{display:block; text-align:center; font-size:12px; color:#fff; letter-spacing:-1px; line-height:29px; background:url(http://img.imbc.com/broad/tv/drama/that/images/tvinfoOff.gif) no-repeat; font-weight:bold; cursor:pointer;} #tvinfoWrap h3 a.active{background:url(http://img.imbc.com/broad/tv/drama/that/images/tvinfoOn.gif) no-repeat;} #tvinfoWrap div{display:block;} #tvinfoWrap .tab2{display:none;} /* 이벤트 */ #eventList{width:585px; height:54px; padding:4px 0 0 8px; background:url(http://img.imbc.com/broad/tv/drama/images/event_bg.jpg) no-repeat; text-align:center; margin-top:10px;} #eventList li{float:left; margin-right:19px; width:91px; height:27px;} #eventList a {display:block; height:27px; text-indent:-5000em;} #eventList a.btnEventIng {background:url(http://img.imbc.com/commons/images/btn_event_ing.gif) no-repeat;} #eventList a.btnEventFinish {background:url(http://img.imbc.com/commons/images/btn_event_finish.gif) no-repeat;} #eventList a.btnEventWinner {background:url(http://img.imbc.com/commons/images/btn_event_winner.gif) no-repeat;} #eventList a.on {background-position:left bottom;} .eventField {width:100%; margin:0 auto; text-align:center;} .mb10{margin-bottom:10px;}