@charset "euc-kr";

body {text-align:center;}
.page-main {background:#fff url('http://img.imbc.com/broad/tv/ent/mbcani/images3/body-bg.jpg') repeat-x left 88px;}
.page-main .wrapper {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/wrap-bg.png') no-repeat center 88px;}
.page-main .footer {padding:20px 0;}
.page-sub .footer{padding-bottom:0}

.wrapper {width:100%;}
.container {position:relative; width:990px; margin:0 auto; text-align:left; overflow:hidden;}
.footer {width:990px; margin:0 auto; overflow:hidden; text-align:center; clear:both; padding:20px 0;}

.visual-top {position:relative; width:100%; height:490px; overflow:hidden;}
.visual-top h1 {position:absolute; top:28px; left:31px; z-index:100;}

.unselected-frame {position:absolute; top:0; left:0; display:none;}
.visual-rolling {position:relative; width:100%; height:100%;}
.visual-rolling button {display:block; line-height:1.333; cursor:pointer; border:0; text-indent:-5000px;}
.thumnail-small {position:absolute; bottom:15px; left:11px;}
.thumnail-small ul {width:234px; height:244px; overflow:hidden;}
.thumnail-small li {float:left; width:108px; height:107px; margin:0 9px 15px 0; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/list-frame.png') no-repeat; overflow:hidden;}
.thumnail-small a {position:relative; display:block; margin:3px 0 0 3px; width:96px; height:96px; overflow:hidden;}
.thumnail-small img {height:100%;}
.main-frame {width:96px; height:96px;}

.thumnail-big-wrap {position:absolute; bottom:23px; right:0; width:742px; height:436px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/main-rolling-frame.png') no-repeat; overflow:hidden;}
.thumnail-big {position:absolute; top:13px; left:13px; width:705px; height:400px; overflow:hidden;}
.thumnail-big ul {position:absolute; top:0; left:0; width:4000px; overflow:hidden;}
.thumnail-big li {float:left; width:705px; overflow:hidden;}
.thumnail-big img {width:705px; height:400px;}

.btn-rolling-prev {position:absolute; left:17px; top:189px; width:25px; height:47px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/btn-prev.png') no-repeat;}
.btn-rolling-next {position:absolute; right:29px; top:189px; width:25px; height:47px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/btn-next.png') no-repeat;}
.btn-rolling-play {position:absolute; right:76px; top:21px; width:27px; height:27px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/btn-play.png') no-repeat;}
.btn-rolling-stop {position:absolute; right:37px; top:21px; width:27px; height:27px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/btn-stop.png') no-repeat;}

.nav {position:relative; width:100%; height:40px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-border.gif') no-repeat left top; overflow:hidden;}
.nav ul {width:100%; height:100%; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-border.gif') no-repeat left top; overflow:hidden;}
.nav li {float:left; height:100%; overflow:hidden;}
.nav a {display:block; width:100%; height:100%; text-align:center; text-indent:-5000px;}
.nav p {position:absolute; top:0; right:5px; font-size:13px; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:40px;}

.nav .vod {width:115px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-border.gif') no-repeat right top;}
.nav .board {width:115px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-border.gif') no-repeat right top;}
.nav .ing-cartoon {width:155px;background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-border.gif') no-repeat right top;}
.nav .end-cartoon {width:126px;background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-border.gif') no-repeat right top;}
.nav .event {width:90px;}

.nav .vod a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-vod-off.png') no-repeat center;}
.nav .board a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-board-off.png') no-repeat center;}
.nav .ing-cartoon a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-ing-off.png') no-repeat center;}
.nav .end-cartoon a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-end-off.png') no-repeat center;}
.nav .event a {background: url('http://img.imbc.com/broad/tv/ent/mbcani/img/nav-event-off.png') no-repeat center center;}

.nav .vod .on, .nav .vod a:hover, .nav .vod a:focus {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-vod-on.png') no-repeat center;}
.nav .board .on, .nav .board a:hover, .nav .board a:focus {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-board-on.png') no-repeat center;}
.nav .ing-cartoon .on, .nav .ing-cartoon a:hover, .nav .ing-cartoon a:focus {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-ing-on.png') no-repeat center;}
.nav .end-cartoon .on, .nav .end-cartoon a:hover, .nav .end-cartoon a:focus {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/nav-end-on.png') no-repeat center;}
.nav .event .on, .nav .event a:hover, .nav .event a:focus {background:url('http://img.imbc.com/broad/tv/ent/mbcani/img/nav-event-on.png') no-repeat center;}

.content-wrap {}
.content {width:100%; padding:27px 0 0 23px; overflow:hidden;}
.content h2 {width:100%; height:21px; margin:12px 0 0 17px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/heading-style.png') no-repeat left top; overflow:hidden;}
.content h2 img {margin:4px 0 0 21px;}
.content-broad-new {position:relative; float:left; width:350px; height:251px; margin-right:8px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/bg-broad-new.png') no-repeat;}
.broad-new-detail {width:320px; height:130px; margin:31px 0 0 16px; overflow:hidden;}
.broad-new-detail a {display:block; float:left;}
.broad-new-img {float:left; width:170px; height:130px; margin-right:12px;}
.broad-new-img img {width:100%}
.broad-new-subject {float:left; width:132px; font-weight:bold; color:#4e9a0b; line-height:1.333; text-align:left; letter-spacing:-1px;}
.broad-new-title {width:132px; color:#4e9a0b; font-size:12px; letter-spacing:-1px; font-weight:bold; line-height:23px;}
.broad-new-title .date1 {padding-right:5px;}
.broad-new-txt {width:132px; margin-top:4px; line-height:17px; font-size:13px; color:#000; letter-spacing:-1px;}
.content-board {position:relative; float:left; width:336px; height:251px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/bg-board.png') no-repeat;}
.content-board ul {margin:30px 0 0 16px;}
.content-board li a {display:block; width:277px; *width:284px; padding-left:7px; color:#000; font-size:13px; letter-spacing:-1px; line-height:22px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/board-list-style.gif') no-repeat 1px center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.content-board li a:hover, .content-board li a:focus {text-decoration:underline;}
.content-more {display:block; position:absolute; top:14px; right:21px; width:54px; height:18px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/btn-content-more.gif') no-repeat; text-indent:-5000px;}

.thumnail-day {position:absolute; top:0; left:0; z-index:50; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/list-repeat.png') no-repeat;}
.on .thumnail-day {background:none;}
.play .thumnail-day {background:none;}
.ad250 {float:left; margin-left:10px;}

.page-sub {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/bg-sub-repeat1.gif') repeat-y center;}
.page-sub .wrapper-hive {padding-bottom:100px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/sub-body-bg.jpg') repeat-x left 88px; }
.page-sub .wrapper {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/bg-sub-bottom.gif') no-repeat center bottom;}
.page-sub .wrapper-inner {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/sub-wrap-top2.png') no-repeat center 88px;}
.visual-top-sub {position:relative; width:100%; height:217px;}
.visual-top-sub h1 {position:absolute; top:28px; left:31px; z-index:100;}
.sub-thumnail-list {position:absolute; top:39px; left:298px; width:683px; overflow:hidden;}
.sub-thumnail-list ul {width:900px; overflow:hidden;}
.sub-thumnail-list li {float:left; width:153px; height:153px; margin-right:24px; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/sub-list-frame.png'); overflow:hidden;}
.sub-thumnail-list li a {position:relative; display:block; width:125px; height:125px; margin:11px 0 0 11px; overflow:hidden;}
.sub-list-img {height:100%;}
.sub-thumnail-day {position:absolute; top:0; left:0;}

.container {}
.coontent-sub {margin:27px 0 0 23px;}
/*.content-desc {position:relative;}*/
.desc-vod {}
.desc-board {}
.content-desc h2 {width:681px; height:30px; margin-bottom:12px; overflow:hidden; border-bottom:1px solid #aeadb1; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/heading-style.png') no-repeat 7px 3px;}
.content-desc h2 img {margin:7px 0 0 28px;}
.vod-nav {width:686px; overflow:hidden;}
.vod-nav li {float:left; width:338px; height:50px; margin:0 5px 4px 0; overflow:hidden; background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/bg-nav-day.gif') no-repeat right bottom;}
.vod-nav li span {position:absolute; bottom:5000px; width:0; height:0; font-size:0; visibility:hidden;}
.vod-nav li a {display:block; width:334px; height:45px; line-height:45px; text-align:center; font-size:20px; font-family:NanumGothic; font-weight:bold; letter-spacing:-1px; color:#464545; overflow:hidden;}
.vod-nav li a:hover, .vod-nav li a:focus, .vod-nav .on {color:#101010;}

.sub-content-monday a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-monday-off.gif') no-repeat;}
.sub-content-monday a:hover, .sub-content-monday a:focus, .sub-content-monday .on {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-monday-on.gif') no-repeat;}

.sub-content-tuesday a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-tuesday-off.gif') no-repeat;}
.sub-content-tuesday a:hover, .sub-content-tuesday a:focus, .sub-content-tuesday .on {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-tuesday-on.gif') no-repeat;}

.sub-content-wednesday a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-wednesday-off.gif') no-repeat;}
.sub-content-wednesday a:hover, .sub-content-wednesday a:focus, .sub-content-wednesday .on {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-wednesday-on.gif') no-repeat;}

.sub-content-thursday a {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-thursday-off.gif') no-repeat;}
.sub-content-thursday a:hover, .sub-content-thursday a:focus, .sub-content-thursday .on {background:url('http://img.imbc.com/broad/tv/ent/mbcani/images3/vod-thursday-on.gif') no-repeat;}

.content-vod {width:643px; margin:31px 0 0 21px; overflow:hidden;}

.page-sub .ad250 {position:absolute; top:284px; right:13px;}

.context {width:681px; padding-top:31px; text-align:center; overflow:hidden;}
.endAni {position:relative; width:568px; *width:570px; margin:0 auto; padding-bottom:40px; border:1px solid #c5d1af; margin-bottom:14px; overflow:hidden; text-align:left;}
.endAni .thumb {float:left; width:160px; height:120px; border:1px solid #c5d1af; margin-top:26px; margin-left:11px}
.endAni dl {*width:100%; padding-left:25px; margin-top:23px; overflow:hidden;}
.endAni dt {float:left; clear:both; width:53px; *width:55px; margin-bottom:5px; padding-right:2px; height:13px; background:no-repeat right top; line-height:1.333; margin-right:5px}
.endAni dd {float:left; width:290px; line-height:1.333; margin-bottom:5px}
.endAni .btn {display:block; position:absolute; right:10px; bottom:20px; width:116px; height:18px; text-align:right;}
.paging {text-align:center; height:19px;}
.paging a {vertical-align:middle}

.btn-like-program-wrap {position:absolute; top:10px; right:200px; z-index:999;}