@charset "euc-kr";

/* common */
.btn {display:inline-block; padding:0; margin:0; border:0; cursor:pointer; background:none;}

/* layout */
body {text-align:center;}
body.ui-main.full {background:#090f1d url('http://img.imbc.com/broad/tv/drama/night/images/bg_m_default.jpg') no-repeat center 150px;}
body.ui-main {background:#0b1225 url('http://img.imbc.com/broad/tv/drama/night/images/bg_s_default.jpg') no-repeat center 150px;}
body.ui-sub {background:#0b1225 url('http://img.imbc.com/broad/tv/drama/night/images/bg_s_default.jpg') no-repeat center 150px;}
body.ui-sub.full {background:#090f1d url('http://img.imbc.com/broad/tv/drama/night/images/bg_m_default.jpg') no-repeat center 150px;}
.wrapper {width:100%; text-align:center;}
.header {width:100%; height:150px}
.header .gnb {width:990px; margin:0 auto; text-align:left}
.container {width:1024px; margin:0 auto; text-align:left;}
.footer {width:990px; margin:35px auto 40px auto; font-size:12px; color:#6a6a6a; text-align:center; clear:both}
.ui-sub .footer {margin:35px auto 50px auto;}
.visual-top {position:relative; width:100%; height:180px;}
.visual-top.full {height:600px;}
.visual-top h1 {position:absolute; bottom:0; left:340px; width:300px; height:100px;}
.ui-sub .visual-top h1 a {display:block; width:100%; height:100%;}
.ui-main .broad-info {color:#fbe6d7;}
.ui-sub .broad-info {color:#222;}

.broad-info {position:absolute; top:10px; right:8px;}
.broad-info ul {text-align:right; overflow:hidden;}
.broad-info li, .broad-info p {padding:0 10px; font-size:11px; line-height:1.3333; letter-spacing:-1px; text-align:right;}
.broad-info li {float:left; margin:0 0 2px -1px; background:url('http://img.imbc.com/broad/tv/drama/night/images/ln_info.gif') no-repeat 0 2px;}
.broad-info p {clear:both;}

/* Main visual */
.roll-ban-event {position:relative; width:1024px; padding-top:25px;}
.roll-ban-event .img-list {position:relative; overflow:hidden; width:100%; height:536px;}
.roll-ban-event .img-list li {position:absolute; width:100%; height:536px; left:100%;}
.roll-ban-event .img-list li.fst {left:0;}
.roll-ban-event .img-list li img {width:100%; height:100%;}
.roll-ban-event .btn {position:absolute; z-index:100;}
.roll-ban-event .m-roll-ban-btn {width:100%; margin-top:12px; text-align:center;}
.roll-ban-event .m-roll-ban-btn li {display:inline-block; *display:inline; height:13px; margin-left:4px;}
.roll-ban-event .m-roll-ban-btn li input {display:inline-block; width:12px; height:13px; padding:0; margin:0; border:0; cursor:pointer; background:url('http://img.imbc.com/broad/tv/drama/night/images/btn_roll_off.png') no-repeat 50% 50%;}
.roll-ban-event .m-roll-ban-btn li.on input {width:20px; background:url('http://img.imbc.com/broad/tv/drama/night/images/btn_roll_on.png') no-repeat 50% 50%;}
.roll-ban-event .btn-stop {bottom:-9px; right:0px; width:28px; height:28px; background:url('http://img.imbc.com/broad/tv/drama/night/images/btn_roll_stop.png') no-repeat 50% 50%;}
.roll-ban-event .btn-play {bottom:-9px; right:38px; width:28px; height:28px; background:url('http://img.imbc.com/broad/tv/drama/night/images/btn_roll_play.png') no-repeat 50% 50%;}
.visual-top.out .roll-ban-event {display:none;}

.btn-visual-full {position:absolute; overflow:hidden; right:0; bottom:-50px; width:58px; height:50px; background-image:url('http://img.imbc.com/broad/tv/drama/night/images/btn_visual.gif'); background-repeat:no-repeat; background-position:0 0; z-index:20;}
.btn-visual-full.down {background-position:0 -55px;}

/* navi */
.nav {width:100%; height:50px; background:#a5425c; overflow:hidden;}
.nav ul {float:left; height:100%; overflow:hidden;}
.nav li {float:left; height:100%; overflow:hidden; background:url('http://img.imbc.com/broad/tv/drama/night/images/ln_navi.gif') no-repeat 100% 20px;}
.nav.main-nav li {background:url('http://img.imbc.com/broad/tv/drama/night/images/ln_m_navi.gif') no-repeat 100% 20px;}
.nav a {display:block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:1.333;}
.nav a:hover {text-decoration:underline;}
.nav.main-nav a {padding:18px 28px 0;}
.nav.sub-nav a {padding:18px 19px 0;}
.nav .vod, .nav .board {padding:0; background:none !important;}
.nav .vod a, .nav .board a {display:block; line-height:50px; font-size:14px; font-weight:bold; letter-spacing:-2px; text-align:center;}
.nav.main-nav .vod a, .nav.main-nav .board a {padding:0 20px 0 30px;}
.nav.sub-nav .vod a, .nav.sub-nav .board a {padding:0 5px 0 20px;}
.nav .none {background:none !important;}

.main-content {position:relative; width:100%; overflow:hidden;}

/* main news list*/
.tit-m-news {position:absolute; top:550px; left:280px; width:90px; *width:123px; height:17px; line-height:17px; padding-left:33px; background:url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat 0 -80px; font-size:11px; font-weight:normal; z-index:10; color:#000;}
.main-content-list {width:1032px; position:relative; overflow:hidden; padding-top:8px;} 
.main-content-list li {float:left; width:250px; height:250px; margin:8px 8px 0 0; overflow:hidden;}
.main-content-list a {position:relative; display:block; /*width:248px; height:248px; *width:250px; *height:250px; border:1px solid #3c3c3c;*/ overflow:hidden; text-align:left; background:#fff;}
/*.main-content-list a:hover {width:244px; height:244px; *width:250px; *height:250px; border:3px solid #a34f65;}
.main-content-list a:hover img {width:250px; margin:-2px 0 0 -2px;}
.main-content-list a:hover span {left:15px; bottom:13px; text-decoration:underline;}*/
.main-content-list a span {position:absolute; left:17px; bottom:15px; display:block; width:220px; z-index:95; font-size:14px; line-height:1.333; letter-spacing:-1px; color:#fffefe; cursor:pointer;}
.main-content-list img {width:250px;}
.main-content-list .thumnail-grid {position:absolute; left:0; bottom:0; width:auto; height:auto; z-index:90;}
.main-content-list .news-hot {position:relative; width:507px; margin-left:258px; background-color:#f8e4ed;}
.main-content-list .news-hot a {position:relative; display:block; background:none; /*width:100%;*/ height:100%;}
.main-content-list .news-hot .txt-wrap {top:0; left:0; width:233px; *width:264px; height:250px; padding:0 14px 0 17px; background: url('http://img.imbc.com/broad/tv/drama/night/images/icon_mnews_hot.png') no-repeat 100% 23px; z-index:150;}
.main-content-list .news-hot .tit {position:static; margin-top:65px; font-size:14px; color:#000; font-weight:bold;}
.main-content-list .news-hot .summary {position:static; margin-top:20px; font-size:12px; color:#434343; line-height:18px; letter-spacing:0;}
.main-content-list .news-hot .img{position:absolute; top:0; right:0;}

/* 메인 뉴스 외 기타 아티클 */
.main-content .rec-fst, .main-content .photo, .main-content .cast, .main-content .sketch, .btn-content-more, .ad250 {position:absolute; overflow:hidden; z-index:10;}
.main-content .rec-fst, .main-content .cast, .main-content .sketch, .btn-content-more, .ad250 {width:250px; height:250px;}
.main-content .rec-fst {top:8px; left:0;}
.main-content .preview {float:left; overflow:hidden; width:218px; height:75px; *width:250px; *height:121px; padding:23px 16px; background-color:#f5f5f5;}
.main-content .preview span {color:#696969; line-height:16px;}
.main-content .preview .date {display:block; margin-bottom:20px; font-size:15px; color:#393939; font-weight:bold;}
.main-content .preview a {color:#000;}
.main-content .event {float:left; position:relative; margin-left:-6px; overflow:hidden;}
.main-content .event li {float:left; overflow:hidden; width:122px; height:122px; margin:7px 0 0 6px; background:#ddd url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat -84px 26px;}
.main-content .event li img {width:122px; height:122px;}
.main-content .photo {top:8px; left:517px; width:247px; height:505px; *width:249px; *height:507px; border:1px solid #9f9f9f; background-color:#fff;}
.main-content .photo h2 {margin:24px 0 0 16px; width:70px; *width:103px; height:17px; line-height:17px; padding-left:33px; background:url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat 0 0px; font-size:11px; font-weight:normal;}
.main-content .photo li.txt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:211px; *width:220px; line-height:23px; margin:0 14px; padding-left:9px; background:url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat 0 -171px;}
.main-content .photo li a {color:#686868;}
.main-content .photo li.top {line-height:0; margin-bottom:20px; padding-top:24px;}
.main-content .photo li.top .tit {display:block; overflow:hidden; height:40px; line-height:20px; margin:0 10px 20px 10px; color:#000; font-weight:bold; font-size:14px;}
.main-content .photo .img {display:block; overflow:hidden; width:250px; height:250px;}
.main-content .photo .fix-img {width:250px;}
.main-content .sketch {top:525px; left:0; background-color:#f5f5f5;}
.main-content .sketch h2 {margin:24px 0 0 16px; width:70px; *width:103px; height:17px; line-height:17px; padding-left:33px; background:url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat 0 -40px; font-size:11px; font-weight:normal;}
.main-content .sketch a {display:block;}
.main-content .sketch .img {width:250px;}
.main-content .sketch .tit {display:block; line-height:20px; margin:24px 23px 10px 23px; color:#000; font-weight:bold; font-size:14px;}
.main-content .sketch .icon-play {text-indent:-999px;}
.main-content .sketch .icon-play {}
.main-content .cast {top:265px; right:0;}
.main-content .cast ul {width:256px;}
.main-content .cast li {float:left; overflow:hidden; width:122px; height:122px; margin:0 6px 6px 0; background-image:url('http://img.imbc.com/broad/tv/drama/night/images/m_cast_thumb1.jpg'); background-repeat:no-repeat;}
.main-content .cast li a {display:block; padding-top:103px; text-align:center; color:#fff;}
.main-content .cast li a span {margin-left:8px; padding-left:10px; background:url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat 0 -118px;}
.main-content .cast li.cast01 {background-position:0 0;}
.main-content .cast li.cast02 {background-position:-122px 0;}
.main-content .cast li.cast03 {background-position:0 -122px;}
.main-content .cast li.cast04 {background-position:-122px -122px;}
.main-content .clip {position:absolute; overflow:hidden; top:258px; left:0; z-index:20;}
.btn-content-more {right:0; bottom:0; background:#a34f65 url('http://img.imbc.com/broad/tv/drama/night/images/btn_more.gif') no-repeat 105px 98px;}
.btn-content-more span {display:block; padding-top:59px; margin-left:5px; text-align:center; font-size:11px; letter-spacing:-0.5px; color:#0d0704;}
.ad250 {top:8px; right:0;}
.main-content .icon-play {display:block; position:absolute; bottom:10px; left:12px; width:36px; height:36px; background:url('http://img.imbc.com/broad/tv/drama/night/images/icon_main.png') no-repeat -99px -120px; z-index:99;}

.main-nav-bottom {width:100%; height:270px; margin-top:8px; overflow:hidden;}
.main-nav-bottom a {font-size:12px; letter-spacing:-1px; line-height:1.333; color:#2b2b2b;}
.main-nav-bottom a:hover {text-decoration:underline;}
.main-nav-bottom div {float:left; width:508px; height:100%; background:#f0f0f0; overflow:hidden;}
.main-nav-bottom ul {width:600px; padding-top:40px; overflow:hidden;}
.main-nav-bottom li {float:left; width:208px; margin:0 0 14px 49px;}
.nav-all {margin-right:8px;}

.content-wrap-sub {width:100%; text-align:left; background:#fff;}
.sub-content {position:relative; width:964px; margin-left:30px; text-align:left; overflow:hidden;}
.sub-content-title {width:100%; margin-bottom:22px; padding:28px 0 10px; border-bottom:2px solid #ddd; font-size:13px; color:#555; font-weight:normal;}
.sub-content-title img {vertical-align:middle;}
.app-photo {position:absolute; top:7px; right:0;}
.sub-content-inner {float:left; width:692px; margin-right:22px; padding-bottom:30px; overflow:hidden;}
.right-common {float:left;}


/* 등장인물 navi */
.cast-control {position:relative; overflow:hidden; width:692px; height:62px; margin-bottom:30px; background:url('http://img.imbc.com/broad/tv/drama/night/images/bg_castbox_x.gif') repeat-x 0 0;}
.cast-control button {position:absolute; top:1; height:60px; border:0 none; text-indent:-9999px; cursor:pointer; background-color:#fff; background-image:url('http://img.imbc.com/broad/tv/drama/night/images/btn_cast.png'); background-repeat:no-repeat; z-index:10;}
#cast_prev {left:0; width:42px; background-position:9px 17px;}
#cast_next {width:39px; right:0; background-position:-21px 17px;}
.cast-box {width:608px; *width:610px; height:100%; margin-left:42px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.cast-box li {float:left; width:122px; height:62px; background-image:url('http://img.imbc.com/broad/tv/drama/night/images/cast.png'); background-repeat:no-repeat;}
.cast-box .cast1	{background-position:0 1px;}
.cast-box .cast2	{background-position:0 -64px;}
.cast-box .cast3	{background-position:0 -129px;}
.cast-box .cast4 {background-position:0 -194px;}
.cast-box .cast5	{background-position:0 -259px;}
.cast-box .cast-other {background-image:none;}
.cast-box .cast-tree {background:url('http://img.imbc.com/broad/tv/drama/night/images/cast_thumb.gif') no-repeat 68px 20px;}
.cast-box li a {display:block; width:106px; *width:122px; height:62px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; padding-left:15px; color:#44403e;}
.cast-box li a strong {position:relative; display:block; font-size:12px; font-weight:bold; padding:14px 0 5px; z-index:1;}
.cast-box li a:hover, .cast-box li a:focus {position:relative; width:105px; *width:122px; height:58px; *height:62px; margin-left:-1px; border:2px solid #f2a77a; padding-left:14px; }
.cast-box li a:hover strong, .cast-box li a:focus strong {padding:12px 0 5px;}

/*이벤트*/
.event-section {padding-bottom:10px; border-top:1px solid #e0e8e8; border-bottom:2px solid #e0e8e8; font-size:12px; line-height:18px; letter-spacing:-0.5px;}
.sec-common {border-bottom:2px solid #e0e8e8; }
.event-tab {margin-bottom:30px; border-top:1px solid #e0e8e8; border-bottom:1px solid #e0e8e8;}
.event-tab ul {overflow:hidden; width:100%; padding:11px 0; background:#f3f6f6; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.event-tab li {float:left; padding:4px 30px; border-left:1px solid #e0e8e8; line-height:1;}
.event-tab li.none-border {border-left:0 none;}
.event-tab li a {color:#2a7171;}
.event-tab li a.tab-on {font-weight:bold;}
.event-summary {position:relative; padding-bottom:56px; width:100%; *zoom:1;}
.event-summary:after {content:""; display:block; visibility:hidden; clear:both; font-size:0; height:0; line-height:0;}
.event-summary span {float:left; display:block; margin-left:30px;}
.event-summary span img {width:196px; height:196px;}
.event-summary div {float:right; width:415px; margin:0 30px 0 21px;}
.event-summary div strong {font-size:14px; line-height:34px; font-weight:bold; color:#333;}
.event-summary div p {color:#333; font-size:12px; line-height:20px;}
.event-summary div ul {padding-top:23px;}
.event-summary div ul li {padding-left:7px; background:url("http://img.imbc.com/broad/tv/drama/night/images/list-style01.gif") no-repeat 0 6px; font-size:12px; line-height:18px; color:#2a7171;}
.event-join {position:absolute; top:201px; left:30px; clear:both; z-index:10;}
.event-join a {display:block; width:194px; padding:9px 0; border:1px solid #ccd7d7; background:#d7e1e1; font-weight:bold; text-align:center; line-height:1; color:#333;}
.btn-eveMore {position:absolute; top:0; right:0; display:block; width:176px; padding:28px 0 25px 0; border:2px solid #d2d2d2; background:#fff url("http://img.imbc.com/broad/tv/drama/night/images/event-go.gif") no-repeat 130px 20px; font-size:14px; font-weight:bold; color:#232323; text-indent:15px; line-height:1; letter-spacing:-0.5px;}

.event-none {padding:174px 0; font-size:14px; color:#666; text-decoration:underline; text-align:center; letter-spacing:-0.5px;}
.event-title {display:block; padding:15px 0; font-size:12px; color:#2a7171; text-indent:30px; letter-spacing:-0.5px; border-top:2px solid #e0e8e8;}

/* 등장인물 */
.cast-data {margin-bottom:20px; border-bottom:2px solid #e5ecec;} 
.cast-data .cast-main-name {height:35px; *height:54px; padding:18px 0 0 21px; background:#f2f5f5; font-weight:bold; color:#737270; font-size:14px;}
.cast-data .img {display:block; margin-bottom:1px; padding-bottom:9px; border-bottom:2px solid #e5ecec;}
.cast-data .img img {width:692px; height:250px;}
.clast-main-txt {padding:19px 22px; line-height:20px}
.clast-main-txt strong {display:block; margin-bottom:10px; font-size:14px; font-weight:normal;}
.cast-other {padding:40px; margin-top:-20px;}
.cast-other dl {position:relative; min-height:150px; *height:150px; margin-bottom:15px; padding:20px 0 0 215px; letter-spacing:-1px;}
.cast-other .img {position:absolute; top:0; left:0; width:200px; height:150px; background:#ebebeb;}
.cast-other .img img {width:100%; height:100%;}
.cast-other .cast-name {padding:0 0 20px; font-weight:bold; color:#737270; font-size:14px;}
.cast-other .cast-txt {line-height:18px;}

.other-cast-more {display:block; float:right; width:153px; margin:20px 0 0 0; border:1px solid #b5c9c9; line-height:1; padding:12px 0; *padding:14px 0 13px; color:#3e4f4f; font-weight:bold; text-align:center;  background:#c0d5d5;}

/* 제작발표회 생중계 */
.sub-content-inner.show {position:relative; background:url("http://img.imbc.com/broad/tv/drama/night/images/con_show.jpg") no-repeat 0 0;}
.sub-content-inner.show .player-area {position:absolute; width:560px; height:350px; top:340px; left:65px;}
.sub-content-inner.show .btn-wrap {width:100%; padding:740px 0 86px; text-align:center;}
.sub-content-inner.show .btn-wrap a {margin:0 20px;}