@charset "euc-kr";

/* common */
.btn {display:inline-block; padding:0; margin:0; border:0; cursor:pointer; background:none;}
.cl {clear:both; float:none !important;}

/* layout */
body {text-align:center;}
.ui-main {background:url('http://img.imbc.com/broad/tv/drama/springday/images/bg_main_v2.jpg') no-repeat center 150px;}
.ui-sub {background:url('http://img.imbc.com/broad/tv/drama/springday/images/bg_teaser.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:#3d3d3d; text-align:center; clear:both}
.ui-sub .footer {margin:35px auto 50px auto;}
.visual-top {position:relative; width:100%; }
.ui-main .visual-top {height:600px;}
.ui-sub .visual-top {height:180px;}
.visual-top h1 {width:220px; height:159px; margin:15px 0 0 400px}
.ui-sub .visual-top h1 a {display:block; width:100%; height:100%;}

.broad-info {position:absolute; top:10px; right:8px; color:#000; z-index:300; text-align:right; overflow:hidden;}
.broad-info li{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/springday/images/ln_info.gif') no-repeat 0 2px;}

/* Main visual */
.btn-front {padding:0; border:0; display:block; 	z-index:100; position:absolute; right:19px; top:551px; overflow:hidden; width:36px;height:36px;text-indent:100%; white-space:nowrap; cursor:pointer;}
.visual-top .btn-play {background: url('http://img.imbc.com/broad/tv/drama/springday/images/btn_play.png') no-repeat;}
.visual-top .btn-stop {background: url('http://img.imbc.com/broad/tv/drama/springday/images/btn_stop.png') no-repeat;}
.roll-ban-event {position:relative; height:600px;}
.roll-ban-event img{position:absolute; top:3px; left:3px;}

/* Æ÷½ºÅÍ È®´ë Ãà¼Ò ¹öÆ° */
.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/springday/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:#d5e56a; 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/springday/images/ln_navi.gif') no-repeat 100% 20px;}
.nav a {display:block; color:#1b1b1b; font-size:12px; letter-spacing:-1px; line-height:1.333;}
.nav a:hover {text-decoration:underline;}
.nav.main-nav a {padding:18px 16px;}
.nav.sub-nav a {padding:18px 16px;}
.nav .vod, .nav .board {padding:0; background:none !important;}
.nav .vod {margin-left:10px;}
.nav .board {margin-right:10px;}
.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 17px;}
.nav.sub-nav .vod a, .nav.sub-nav .board a {padding:0 17px;}
.nav .none {background:none !important;}

.main-content {position:relative; overflow:hidden; width:100%; /*min-height:1031px; *height:1031px;*/}

/* main news list*/
.tit-m-news {position:absolute; top:805px; left:280px; width:90px; *width:123px; height:17px; line-height:17px; padding-left:33px; background:url('http://img.imbc.com/broad/tv/drama/springday/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 li.default {background-color:#fff; }
.main-content-list a {position:relative; display:block; overflow:hidden; text-align:left; background-color:#fff;}
.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; background-color:#d5e56a;}
.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/springday/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 .preview, .main-content .event, .main-content .photo, .main-content .cast, .main-content .sketch, .btn-content-more, .ad250 {position:absolute; overflow:hidden; z-index:10;}
.main-content .event, .main-content .cast, .main-content .sketch, .btn-content-more, .ad250 {width:250px; height:250px;}
.main-content .preview {top:8px; left:0; width:248px; height:248px; *width:250px; *height:250px; background-color:#fff; border:1px solid #ddd;}
.main-content .preview .thumnail {}
.main-content .preview span {color:#696969; line-height:16px;}
.main-content .preview .date {display:block; height:30px; *height:42px; padding:12px 0 0 14px; font-size:15px; color:#393939; font-weight:bold;}
.main-content .preview .txt {display:block; height:68px; padding:0 14px;}
.main-content .preview a {color:#000;}
.main-content .event {top:265px; left:258px; background-color:#fff;}
.main-content .photo {top:8px; left:517px; width:247px; height:505px; *width:249px; *height:507px; border:1px solid #dddddd; 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/springday/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/springday/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/springday/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/springday/images/m_cast_thumb_v2.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/springday/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:#d5e56a url('http://img.imbc.com/broad/tv/drama/springday/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/springday/images/icon_play.png') no-repeat 0 0; z-index:99;}

.main-nav-bottom {width:100%; height:250px; margin-top:8px; overflow:hidden;}
.main-nav-bottom a {font-size:12px; letter-spacing:-1px; line-height:1.333; color:#383838;}
.main-nav-bottom a:hover {text-decoration:underline;}
.main-nav-bottom div {float:left; width:508px; height:100%; background:#d0d8a6; 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;}

/* µîÀåÀι° */
.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;}
.cast-main-txt {padding:19px 22px; line-height:20px}
.cast-main-txt strong {display:block; margin-bottom:10px; font-size:14px; font-weight:bold;}
.cast-other {}
.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-name span {font-weight:normal;}
.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;}

/* µîÀåÀι° navi */
.cast-control {position:relative; overflow:hidden; width:692px; height:62px; margin-bottom:20px; background:url('http://img.imbc.com/broad/tv/drama/springday/images/bg_castbox_x.gif') repeat-x 0 0;}
.cast-control button {position:absolute; top:0; height:62px; border-width:1px 0px; border-style:solid; border-color:#e3e3e3; text-indent:-9999px; cursor:pointer; background-color:#fff; background-image:url('http://img.imbc.com/broad/tv/drama/springday/images/btn_cast.png'); background-repeat:no-repeat; z-index:10;}
#cast_prev {left:0; width:41px; background-position:9px 17px; }
#cast_next {width:41px; right:0; background-position:-21px 17px;}
.cast-box {position:relative; width:608px; *width:610px; height:100%; margin-left:41px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.cast-box li {position:relative; float:left; width:122px; height:62px; background-image:url('http://img.imbc.com/broad/tv/drama/springday/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 .other {background-image:none;}
.cast-box .cast-tree {background:url('http://img.imbc.com/broad/tv/drama/springday/images/cast_thumb.gif') no-repeat 68px 20px;}
.cast-box li a {display:block; *width:122px !important; height:62px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; color:#44403e;}
.cast-box li a strong {position:relative; display:block; font-size:12px; font-weight:bold;z-index:1;}
.cast-box li a:hover, .cast-box li a:focus, .cast-box .on a {position:relative; *width:122px; height:58px; *height:62px; margin-left:-1px; border:2px solid #f2a77a; *text-indent:-1px;}
.cast-box li a:hover strong, .cast-box li a:focus strong, .cast-box .on a strong {margin:-2px 0 0 0; *text-indent:-1px;}

.cast-box .nor a {width:106px; padding-left:15px;}
.cast-box .nor a strong {padding:14px 0 5px;}
.cast-box .nor a:hover, .cast-box .nor a:focus, .cast-box .on.nor a { width:105px; padding-left:14px;}

.cast-box .other a {width:117px; padding:0 2px;}
.cast-box .other a strong {padding:24px 0 5px;}
.cast-box .other a strong span {font-weight:normal;}
.cast-box .other a strong {text-align:center;}
.cast-box .other a:hover, .cast-box .other a:focus, .cast-box .on.other a {width:116px; padding-right:2px; padding-left:1px; *padding-right:4px; *padding-left:2px;}
.cast-box .other a:hover strong, .cast-box .other a:focus strong, .cast-box .on.other a strong {margin-left:1px; *text-indent:1px;}

.cast-box li.p-end {margin:0 1px 0 -1px;}

/*À̺¥Æ®*/
.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/springday/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/springday/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;}

/* concept */
.dsc_concept {width:619px; height:872px; *width:692px; *height:1295px; padding:450px 0 0 73px; background:url('http://img.imbc.com/broad/tv/drama/springday/images/con_concept_v6.jpg') no-repeat 0 0;}
.dsc_concept .staff-list {float:left; width:304px; line-height:20px; color:#2e2e2e;}
.dsc_concept .staff-list em {margin-right:3px; font-weight:bold;}
.t-indent33 {padding-left:33px; text-indent:-33px;}
.t-indent40 {padding-left:40px; text-indent:-40px;}