@charset "euc-kr";

/* layout */
body {text-align:center;}
.body-main {background:#000 url('http://img.imbc.com/broad/tv/drama/shj/images/bg_main_v1.jpg') no-repeat center 150px;}
.body-sub {background:#000 url('http://img.imbc.com/broad/tv/drama/shj/images/bg_sub.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}
.body-sub .footer {margin:35px auto 50px auto;}
.body-main .visual-top {position:relative; width:100%; height:505px;}
.body-sub .visual-top {position:relative; width:100%; height:175px;}
.body-sub .visual-top h1 {position:absolute; top:97px; left:373px;}
.body-sub .visual-top h1 a {display:block; width:281px; height:78px;}
.body-main .broad-info {color:#fbe6d7;}
.body-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-bottom:2px; background:url('http://img.imbc.com/broad/tv/drama/shj/images/ln_info.gif') no-repeat left 2px;}
.broad-info p {clear:both;}
.broad-info li.fst {background:none;}
.nav {width:100%; height:50px; background:#d88d3d; overflow:hidden;}
.nav ul {float:left; height:100%; overflow:hidden;}
.nav li {float:left; height:100%; overflow:hidden;}
.nav a {color:#0d0704;}
.nav a:hover {text-decoration:underline;}
.nav .nav-popular a {display:block; height:100%; font-size:14px; line-height:50px; font-weight:bold; letter-spacing:-2px; text-align:center;}
.main-nav .nav-popular {margin-left:12px;}
.main-nav .vod a {width:90px;}
.main-nav .board a {width:90px;}
.main-nav .nav-normal-main {margin-left:10px;}
.main-nav .nav-normal-main li {padding:18px 18px 0; background:url('http://img.imbc.com/broad/tv/drama/shj/images/ln_navi.gif') no-repeat right 20px;}
.main-nav .nav-normal-main a {font-size:12px; letter-spacing:-1px; line-height:1.333;}
.main-content {position:relative; width:100%; overflow:hidden;}
.main-content-list {width:1035px; overflow:hidden;}
.main-content-list li {float:left; width:250px; height:250px; margin:8px 8px 0 0; overflow:hidden;}
.main-content-list .banner img {width:auto; height:auto;}
.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 #d88d3c;}
.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 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;}
.clip .clip-thumnail {width:335px;}
.clip a:hover .clip-thumnail {width:335px; margin:-2px 0 0 -2px;}
.main-content-list .preview .date {position:absolute; top:25px;}
.main-content-list .preview a:hover .date {top:23px;}
.main-content-list .preview .tit {position:absolute; display:block; overflow:hidden; top:165px; width:220px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.main-content-list .preview a:hover .tit {top:163px;}
.btn-content-more {position:absolute; right:0; bottom:0; width:250px; height:250px; margin:0; padding:0; background:#d88d3d url('http://img.imbc.com/broad/tv/drama/shj/images/btn_more.gif') no-repeat 105px 98px; border:0 none; cursor:pointer;}
.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 {position:absolute; top:8px; right:0; width:250px; height:250px;}
.main-content-list .icon-play {position:absolute; top:103px; left:99px; width:auto !important; height:auto !important; z-index:99;}
.main-content-list .thumnail-grid {position:absolute; left:0; bottom:0; width:auto; height:auto; z-index:90;}
.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;}
.nav-all {margin-right:8px;}
.main-nav-bottom ul {width:600px; padding-top:40px; overflow:hidden;}
.main-nav-bottom li {float:left; width:208px; margin:0 0 14px 49px;}
.sub-nav .nav-popular {margin-left:12px;}
.sub-nav .vod a {width:90px;}
.sub-nav .board a {width:90px;}
.sub-nav .nav-normal-sub {margin-left:10px;}
.sub-nav .nav-normal-sub li {padding:18px 18px 0; background:url('http://img.imbc.com/broad/tv/drama/shj/images/ln_navi.gif') no-repeat right 20px;}
.sub-nav .nav-normal-sub a {font-size:12px; letter-spacing:-1px; line-height:1.333;}
.nav li.lst {margin-right:0; background:none;}

.content-wrap-sub {width:100%; text-align:left; background:#fff;}
.sub-content {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;}
.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;}
.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.concept {position:relative;}
.sub-content-inner.concept .other-staff {position:absolute; top:878px; left:49px; line-height:19px;  font-size:11px; color:#0c0c0c;}

.sub-content-inner.live {position:relative;}
.sub-content-inner.live .cont-img {margin-bottom:25px;}
.sub-content-inner.live .live-btn {position:absolute; top:896px; left:0; width:100%; text-align:center;}
.sub-content-inner.live .live-btn a {display:inline-block; *display:inline;}
.sub-content-inner.live .btn-photo {margin-right:25px;}
.sub-content-inner.live .player-area {position:absolute; top:503px; left:50%; width:560px; height:350px; margin-left:-280px;}

/*À̺¥Æ®*/
.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/hoking/img/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:#333333;}
.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/hoking/img/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:#666666; 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;}