@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,
.ui-main .wrapper {min-width:1024px;background:#acd6c8 url('http://img.imbc.com/broad/tv/drama/manyo/images/bg_main0_v1.jpg') repeat center 120px;}
.ui-sub, 
.ui-sub .wrapper {min-width:1024px;background:#acd6c8 url('http://img.imbc.com/broad/tv/drama/manyo/images/bg_main0_v1.jpg') no-repeat center 120px;}
.ui-sub.sub1,
.ui-sub.sub1 .wrapper {background:#da5001 url('http://img.imbc.com/broad/tv/drama/manyo/images/bg_main1.jpg') no-repeat center 150px;}
.ui-sub.sub2, 
.ui-sub.sub2 .wrapper {background:#3c3a7c url('http://img.imbc.com/broad/tv/drama/manyo/images/bg_main2.jpg') no-repeat center 150px;}
.wrapper {width:100%; text-align:center;}
.header {width:100%}
.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 {padding-bottom:10px;height:572px;}
.ui-sub .visual-top {padding-top:24px;padding-bottom:10px;height:147px;}
.visual-top h1 {width:289px; height:147px; margin-left:382px}
.ui-sub .visual-top h1 a {display:block; width:100%; height:100%;}
.broad-info {position:absolute; top:161px; left:-10px; z-index:300; text-align:right; overflow:hidden;}
.broad-info li {float:left; margin:0 0 4px -1px; padding:0 10px 0 11px; font-size:11px; color:#b5dfe6; line-height:1.3333; letter-spacing:-1px; text-align:right; background:url('http://img.imbc.com/broad/tv/drama/manyo/images/bg_info_bar.gif') no-repeat 0 1px;}
.ui-main .broad-info {top:21px;left:10px;}
.ui-main .broad-info li {color:#000;}

/* Main visual */
.btn-front {padding:0; border:0; display:block; 	z-index:100; position:absolute; right:19px; top:520px; 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/manyo/images/btn_play.png') no-repeat;}
.visual-top .btn-stop {background: url('http://img.imbc.com/broad/tv/drama/manyo/images/btn_stop.png') no-repeat;}
.roll-ban-event {position:relative; height:572px;}
.roll-ban-event img{position:absolute; top:0px; left:0px;}

/* Æ÷½ºÅÍ È®´ë Ãà¼Ò ¹öÆ° */
.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/manyo/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:#a6e2f7; 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/manyo/images/bg_nav_bar.gif') no-repeat 100% 20px;}
.nav a {display:block; color:#002a5d; font-size:12px; letter-spacing:-1px; line-height:1.333;}
.nav a:hover {text-decoration:underline;}
.nav.main-nav a {padding:18px 11px;}
.nav.sub-nav a {padding:18px 16px;}
.nav .vod, .nav .board {padding:0; background:none !important;}
.nav .vod {margin-left:18px;}
.nav .board {margin-right:10px;}
.nav .vod a, .nav .board a {display:block; line-height:51px; font-size:14px; font-weight:bold; letter-spacing:-2px; text-align:center;}
.nav.main-nav .vod a, .nav.main-nav .board a {padding:0 12px;}
.nav.sub-nav .vod a, .nav.sub-nav .board a {padding:0 12px;}
.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:550px; left:280px; width:90px; *width:123px; height:17px; line-height:17px; padding-left:33px; background:url('http://img.imbc.com/broad/tv/drama/manyo/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; margin-left:258px; width:507px; background-color:#5dc6d4;}
.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/manyo/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 .event li {float:left;}
.main-content .preview {top:8px; left:0; width:248px; height:120px; *width:250px; *height:250px; background-color:#fff; border:1px solid #ddd;}
.main-content .preview .thumnail {display:none;}
.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:136px; left:0px; height:122px;}
.main-content .photo {top:8px; left:517px; width:247px; height:506px; *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/manyo/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/manyo/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/manyo/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/manyo/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/manyo/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:#5dc6d4 url('http://img.imbc.com/broad/tv/drama/manyo/images/btn_more.gif') no-repeat 105px 98px;}
.btn-content-more span {display:none; 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:none; position:absolute; bottom:10px; left:12px; width:36px; height:36px; background:url('http://img.imbc.com/broad/tv/drama/manyo/images/ico_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:#87d2dc; 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;}


.main-content .expect {position:absolute;left:0px;top:136px;z-index:200;}
.main-content .goCast {position:absolute;left:128px;top:136px;z-index:200;}

/* µîÀåÀι° */
.cast-data {margin-bottom:20px; padding-top:12px; 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 {padding-top:12px;}
.cast-other dl {position:relative; min-height:150px; *height:150px; margin-bottom:25px; padding:3px 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 12px; font-weight:bold; color:#737270; font-size:14px;}
.cast-other .cast-name span {font-weight:normal;}
.cast-other .cast-txt {width:470px;line-height:18px;text-align:justify;}

.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;margin-bottom:10px; }
.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/manyo/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 ul {overflow:hidden;width:100%;margin-right:14px;margin-left:12px;}
.cast-box ul li {position:relative; float:left; height:65px;}
.cast-box ul li a {display:block;}
.cast-box ul li a img {vertical-align:top;}

/*À̺¥Æ®*/
.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/manyo/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/manyo/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:423px 0 0 73px; background:url('http://img.imbc.com/broad/tv/drama/manyo/images/con_concept_v4.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;}


/* »ýÁß°è */
.live {position:relative;margin-bottom:16px;}
.live .page-wrap {position:absolute;left:65px;top:302px;width:561px;height:365px;}
.live .link-btn {position:absolute;left:85px;top:678px;text-align:center;}
.live .link-btn a {display:inline-block;}
.live .link-btn .link-photo {margin-right:35px;}

/* clip */
.main-content .clip {position:absolute; overflow:hidden; top:783px; left:0; width:508px; height:250px; background:#5dc6d4; z-index:20;}
.main-content .clip h2 {margin:25px 16px 16px 15px;padding-bottom:7px; border-bottom:1px solid #87e1ed; height:18px; line-height:18px; padding-left:35px; background:url('http://img.imbc.com/broad/tv/drama/manyo/images/ico_clip.gif') no-repeat 0 1px; font-size:11px; font-weight:normal; color:#000;}
.main-content .clip .l-img {overflow:hidden; position:relative; display:block; height:285px; border:1px solid #252525; background-color:#fff;}
.main-content .clip .l-img .img {width:100%; height:100%;}
.main-content .clip .l-img .icon-play-l {position:absolute; top:50%; left:50%; display:block; width:82px; height:80px; margin:-41px 0 0 -40px; background:url('http://img.imbc.com/broad/tv/drama/yaya/images/icon_play_l.png') no-repeat 0 0;}
.main-content .clip .slider-wrap {overflow:hidden; position:relative;width:100%;}
.main-content .clip .slider-wrap .btn {position:absolute; top:29px; width:16px; height:39px; background-repeat:no-repeat;}
.main-content .clip .slider-wrap .btn-prev {left:12px; background-image:url('http://img.imbc.com/broad/tv/drama/manyo/images/btn_prev.png');}
.main-content .clip .slider-wrap .btn-prev-off {background-image:url('http://img.imbc.com/broad/tv/drama/manyo/images/btn_prev_off.png');}
.main-content .clip .slider-wrap .btn-next {right:12px; background-image:url('http://img.imbc.com/broad/tv/drama/manyo/images/btn_next.png');}
.main-content .clip .slider-wrap .btn-next-off {background-image:url('http://img.imbc.com/broad/tv/drama/yaya/images/btn_next_off.png');}
.main-content .clip .slider {overflow:hidden; position:relative; margin-left:36px; width:444px;}
.main-content .clip .slider li {float:left; position:relative; overflow:hidden; width:141px; height:152px; margin-right:7px;}
.main-content .clip .slider li a {display:block; width:141px; height:105px;}
.main-content .clip .slider li a .imgBox {display:block;width:141px;height:105px;}
.main-content .clip .slider li a .img {width:141px; height:105px;vertical-align:top;}
.main-content .clip .slider li a:hover .imgBox {overflow:hidden;width:135px;height:99px;border:3px solid #0e5d94;}
.main-content .clip .slider li a:hover .img {margin-top:-3px;margin-left:-3px;}
.main-content .clip .slider li span.title {display:block;margin-top:10px;line-height:18px;color:#434343;}
.main-content .clip .slider li .icon-play-s {display:block; position:absolute; left:10px; top:70px; width:28px; height:28px; cursor:pointer;}
.btn-like-program-wrap{position:absolute; top:20px; right:20px; z-index:999;}