@import url(https://font.imbc.com/nanumgothic/nanumgothic.css);
/************************************
*************************************/
body{
font-family:'µ¸¿ò','dotum';	
font-size:12px;	
position:relative;
}
.ui-page-body{
background:#fff;
text-align:center;
}
.visual-top{
height:216px;
}
.visual-top .visual{
	position:relative;
	height:216px;
	background:url('http://img.imbc.com/broad/tv/ent/video/images2/img-visual-v3.jpg') no-repeat center top;
}
.visual-top .visual .logo-main,
.visual-top .visual .logo-sub{
	position:absolute;
	top:36px;
	left:50%;
	margin-left:-280px;
}
.visual .info{
position:absolute;
top:10px;
left:50%;
margin-left:-520px;
height:37px;
line-height:37px;
}
.ie67 .info{
width:640px;
}
.ie67 .info ul{
padding-left:20px;
}
.info ul{
overflow:hidden;
}
.info ul li{
float:left;
padding-left:10px;
font-family:'µ¸¿ò','dotum';
}
.info ul li.first-item{
background:none;
}
.info ul li{
background:url('http://img.imbc.com/broad/tv/ent/video/images2/info-verticalbar.jpg') no-repeat left 11px;;
padding-right:5px;
height:37px;
}
.info ul li span{
font-size:12px;
color:#6d6d6d;
letter-spacing:-1px;
}
.info ul li span.bold{
display:inline-block;
margin-right:5px;
font-weight:bold;
}
.main-page-container,
.sub-page-container{
overflow:hidden;
position:relative;
}
.box-nav{
	overflow:hidden;
	background:url('http://img.imbc.com/broad/tv/ent/video/images2/bg-nav.jpg') repeat-x top center;
}

.box-nav-inner{
width:1024px;
margin:0 auto;
height:56px;
text-align:center;
overflow:hidden;
}
.gecko .box-nav-inner
.ie8 .box-nav-inner,
.ie9 .box-nav-inner,
.ie10 .box-nav-inner{
	padding-top:2px;
}
.box-nav .left-nav{
float:left;
}
.box-nav .left-nav ul{overflow:hidden;}
.box-nav .left-nav ul li{
display:block;
float:left;
height:56px;
padding:0 10px;
background:url('http://img.imbc.com/broad/tv/ent/video/images2/left-nav-verticalbar.jpg') no-repeat left 21px;
line-height: 56px;
}
.box-nav .left-nav ul li a{
display:inline-block;
font-size:14px;
color:#080808;
line-height: 56px;
font-family:'dotum';
font-weight:bold;
}
.box-nav .right-nav{
float:left;
margin-left:100px;
}
.box-nav .right-nav ul{overflow:hidden;}
.box-nav .right-nav ul li{
display:block;
float:left;
height:56px;
padding:0 7px;
background:url('http://img.imbc.com/broad/tv/ent/video/images2/right-nav-verticalbar.jpg') no-repeat left 22px;
line-height: 56px;
}
.gecko.box-nav .left-nav ul li,
.gecko.box-nav .right-nav ul li,
.ie .box-nav .left-nav ul li,
/* .ie .box-nav .right-nav ul li{
background-position:left 16px;
} */
.box-nav .right-nav ul li a{
display:inline-block;
font-size:12px;
color:#585858;
line-height: 57px;
font-family:'µ¸¿ò','dotum';
font-weight:bold;
}
.box-nav li.first-item{
background:none !important;
}
.footer{
width:1024px;
margin:0 auto;
padding:23px 0 60px;
color:#555555;
font-size:11px;
}

/************************************
*************************************/

.btn-like-program-wrap{
display:inline-block;
position:absolute;
top:29px;
right:50%;
margin-right:-510px;
z-index:100;
}

.main-ui-content{
width:967px;
*width:1024px;
background:#fff;
overflow:hidden;
margin:0 auto;
padding:45px 30px 29px 27px;
margin-bottom:18px;
}
.main-ui-content h2{
height:34px;
background:#eeeeef;
line-height:34px;
padding-left:10px;
font-size:13px;
text-align:left;
font-weight:bold;
color:#26282a;
}
.main-ui-content a{
display:block;
}
.main-ui-content .left-cont,
.main-ui-content .right-cont{
float:left;
}
.main-ui-content .left-cont{margin-right:22px;}
.main-ui-content .right-cont{width:250px;}
.main-ui-content .right-cont .banner{margin-bottom:23px;}
.gecko .main-ui-content .right-cont .banner,
.ie8 .main-ui-content .right-cont .banner
.ie9 .main-ui-content .right-cont .banner,
.ie10 .main-ui-content .right-cont .banner{margin-bottom:18px;}
.main-ui-content .right-cont .mc-banner{margin-bottom:7px;}
.main-ui-content .left-cont .left-left-cont{width:260px; float:left; overflow:hidden;margin-bottom:23px; }
.main-ui-content .left-cont .left-right-cont{ width:435px; float:left; overflow:hidden; }
.main-ui-content .left-cont .left-right-cont h2{margin-bottom:6px;}
.box-preview,
.box-mov-info{ float:left; }


.box-preview{width:239px;margin-right:22px; margin-bottom:23px; }
.box-preview h2{margin-bottom:8px;}
.box-preview div{background:url('http://img.imbc.com/broad/tv/ent/video/images2/bg-preview.jpg') no-repeat left top;width:224px;height:201px;padding:8px 8px 0 7px;}
.box-preview div span{display:block;}
.box-preview div .img{width:224px;height:126px;position:relative;overflow:hidden;}
.box-preview div .img img{width:224px;height:126px;}
.box-preview div .img .btn-play{position:absolute;bottom:9px;left:14px;}
.box-preview div .img .btn-play img{width:26px;height:26px;}
.box-preview div .txt{text-align:left;width:219px;padding-left:5px;height:20px;line-height:20px;color:#fff;padding-top:5px;}

.box-mov-info{position:relative;height:430px; margin-bottom:21px; }
.box-mov-info h2{background:none;padding-left:0;margin-bottom:7px;height:34px;}
.box-mov-info .box-slider{height:430px;width:434px;position:relative;overflow:hidden;}
.box-mov-info .box-slider ul{overflow:hidden;}
.box-mov-info .box-slider ul li{width:434px;overflow:hidden; float:left}
.box-mov-info .box-slider ul li:after{content:'';display:block;clear:both;}
.box-mov-info .box-slider ul li div{float:left;margin-left:7px;height:185px;width:140px; margin-bottom:20px;}
.box-mov-info .box-slider ul li>*:first-child+*+*+* { margin-left:0; }
.box-mov-info .box-slider ul li div:first-child{margin-left:0;}
.box-mov-info .box-slider ul li div a img{width:140px;height:185px;}
.box-mov-info .box-slider .btn-direction{border:0;cursor:pointer;background:url('http://img.imbc.com/broad/tv/ent/video/images2/btn-next-prev.png') no-repeat;width:24px;height:49px;position:absolute;top:209px;}
.box-mov-info .box-slider .btn-next{background-position:0 -49px;right:0;}
.box-mov-info .box-slider .btn-prev{background-position:0 0;left:0;}

.link-ban { float:left; position:relative; }
.link-ban .event-box { position:absolute; bottom:0; left:0; z-index:10; }
.link-ban .link-box { float:left; margin-left:7px; }
.link-ban .link-box:first-child { margin-left:0; }

.box-person,
.box-clip,
.box-premiere{float:left;}
.box-person h2,
.box-clip h2,
.box-premiere h2{margin-bottom:6px;}

.box-person{margin-right:22px;width:239px;}
.box-person div{width:239px;height:210px;}

.box-person div{width:224px;height:199px;background:#000;padding:11px 8px 0 7px;}
.box-person div span{display:block;}
.box-person div .img{width:224px;height:126px;position:relative;overflow:hidden;}
.box-person div .img img{width:224px;height:126px;}
.box-person div .img .btn-play{position:absolute;bottom:9px;left:12px;}
.box-person div .img .btn-play img{width:26px;height:26px;}
.box-person div .person-name{text-align:left;width:219px;padding-left:5px;padding-top:5px;line-height:20px;color:#fff;font-size:13px;}
.box-person div .txt{text-align:left;width:219px;padding-left:5px;height:20px;line-height:20px;color:#fff;font-size:12px;}


.box-clip h2{margin-right:7px;width:277px;}
.box-clip div{width:287px;height:210px;overflow:hidden;}
.box-clip ul{width:294px;}
.box-clip ul li{float:left;width:138px;height:99px;margin-bottom:6px;margin-right:7px;border:1px solid #b7b7b7;}
.box-clip ul li a{display:block;}
.box-clip ul li a .img{width:138px;height:79px;position:relative;display:block;overflow:hidden;}
.box-clip ul li a .img img{max-height:79px;}
.box-clip ul li a .img .btn-play{position:absolute;width:17px;height:17px;bottom:6px;left:5px;}
.box-clip ul li a .img .btn-play img{max-width:17px;}
.box-clip ul li a .txt{height:20px;line-height:23px;display:block;text-align:left;width:133px;padding-left:5px;letter-spacing:-1px;font-size:11px;color:#4e4e4e;}
.box-premiere{width:250px;}


.box-premiere{position:relative;height: 250px;}
.box-premiere div{border:1px solid #e6e6e6;width:228px;height:146px;padding:10px;overflow-y: scroll;}
.box-premiere div ul{overflow: hidden;}
.box-premiere div ul li{margin-bottom:5px;text-align: left;}
.box-premiere div ul li span{display:block;color:#000;letter-spacing:-1px;}
.main-page-body .box-premiere div ul li span .item,
.main-page-body .box-premiere div ul li .place{display:none;}
.box-premiere div ul li span.premiere-title{font-weight:bold;font-size:13px;line-height:22px;}
.box-premiere div ul li span.premiere-info{font-size:11px;line-height:14px;}
.box-premiere .btn-more{position:absolute;bottom:0;left:0;margin-top:5px;width:250px;height:38px;line-height:38px;background: #54585e;color:#fff;font-weight:bold;}

.box-banner{float:left;}
.box-banner .mc-banner{margin-bottom:7px;}

.replay-wrap { width:250px; height:216px; text-align:left; border:1px solid #dcdcdc; box-sizing:border-box; }
.replay-wrap a { height:100%; color:#424242; font-size:14px; letter-spacing:-1px; }
.replay-wrap span { display:block; }
.replay-wrap .img { height:60%; overflow:hidden; }
.replay-wrap .img img { width:100%; }
.replay-wrap .txt { position:relative; height:40%; padding:14px; box-sizing:border-box; }
.replay-wrap .tit { line-height:20px; }
.replay-wrap .date { font-size:11px; color:#959595; position:absolute; left:14px; bottom:14px; }
/************************************
*************************************/
.sub-page-body .sub-page-container{text-align:center;}
.sub-page-content {margin:0 auto;padding-top:24px;width:1014px;*width:100%;text-align:left; overflow:hidden;background:#fff;position:relative;text-align:left;}
.sub-page-content h2 {width:100%; margin-bottom:15px; padding-bottom:8px; border-bottom:2px solid #e2e2e2; font-size:18px;    height: 18px;*height: 28px;line-height: 18px;}
.sub-c-layer {position:relative; float:left; width:727px; height:auto !important; *height:800px; margin-right:22px;}
.sub-c-layer .bbscom {padding:14px 25px; margin-bottom:20px; color:#737373; line-height:1.5; background:url("http://img.imbc.com/broad/tv/ent/video/images2/bg_bbs.jpg") no-repeat;}
.sub-c-layer .bbscom span {font-weight:bold;}
.staff {position:absolute;left:60px;top: 766px;color:#1b090c;}
.staff strong {float:left;font-size:14px;}
.staff ul {overflow:hidden;margin-top:-6px;margin-left: 130px;}
.staff ul li {float:left;width:230px;line-height:26px;font-weight:bold;font-size:13px;letter-spacing:-1px;word-break: keep-all; padding:0 9px; }
.staff ul li.first-item {width:100%;}
.staff ul li img {margin-top:-8px;vertical-align: middle;}
.presen {position:relative;text-align: center;background:#f3f3f3;padding-bottom:40px;}
/*.presen .app_btn {position:absolute;left:50%;top:866px;margin-left:-98px;}*/
.presen .prelist {color:#121212;width:460px;margin:30px auto;border:1px solid #adb0b5;margin-top:30px;}
.presen .prelist ul{padding-top:20px;}
.presen .prelist li {padding-bottom:20px;}
.presen .prelist li .premiere-title {display:block;font-weight:bold;font-size:15px;line-height:26px;text-align:center;}
.presen .prelist li .premiere-info {display:block;font-size:12px;line-height:22px;text-align:center;}
.presen .prelist li .item {font-weight:bold;}
p.img-text {margin-bottom:20px;}

#right_common {overflow:hidden; float:right !important; width:250px; padding-bottom:18px; background:#fff; text-align:center}
.sub-page-content .box-mov-info{text-align:center;width:727px;margin-top: 40px;height: 189px;border-bottom: 1px solid #5b6c8d;margin-bottom: 60px;}
.sub-page-content .box-mov-info .box-slider{height:225px;width:582px;position:relative;overflow:hidden;margin:0 auto;}
.sub-page-content .box-mov-info .box-slider ul li{width:582px;height:185px;float:left;}
.sub-page-content .box-mov-info .box-slider .btn-direction{top:61px;}
.btn-last-borad {position:absolute;right:0;top: 101px;width:162px;height:28px;line-height:30px;border:1px solid #9e9e9e;text-align:center;font-weight:bold;color:#1e1e1e;background-color:#b7c6e5;}

.sub-page-content #weekend_btn {width:527px;}
.sub-page-content #weekend_btn form {float:left; width:240px; margin-right:100px;}
.sub-page-content #weekend_btn .prelist {float:right; width:216px; height:25px;}
.sub-page-content #weekend_btn .prelist a {display:block; width:216px; height:25px;}
.sub-page-content #weekend_btn {width:585px; height:42px; padding:8px 12px; background:url("http://img.imbc.com/broad/tv/ent/video/images2/bg_weekend.jpg") no-repeat;}
.sub-page-content #movieintro p.vid_date{width:240px; height:13px;*height:33px; padding:10px 0px; *margin-top:-3px; text-align:center; font-size:12px; font-weight:bold; color:#eeece0; letter-spacing:-1.2; word-spacing:-1.2; background:url("http://img.imbc.com/broad/tv/ent/video/images2/bg_vidDate.jpg") no-repeat;}
.sub-page-content #movieintro td {vertical-align:top !important;}

.sub-page-content .box-mov-info .box-slider{height: 173px;}

.sub-page-content .movieListWrap {width:494px; *width:584px; padding:0 45px;}
.sub-page-content .movieListWrap .corner {width:490px;}
.sub-page-content .movieListWrap .corner h4 {height:60px;}
.sub-page-content .movieListWrap .corner ul li{overflow:hidden; width:490px;}
.sub-page-content .lineBg {overflow:hidden; background:url("http://img.imbc.com/broad/tv/ent/video/week/__icsFiles/artimage/2012/10/25/cen_vid_we/line.jpg") no-repeat 0 0; padding-top:11px;}
.sub-page-content .vslineBg {padding-top:13px; background:url("http://img.imbc.com/broad/tv/ent/video/week/__icsFiles/artimage/2013/06/14/cen_vid_we/vs.jpg") no-repeat 0 0;}
.sub-page-content .movieListWrap .corner ul li img{padding-right:28px; float:left;}
.sub-page-content .movieListWrap .corner ul li div{width:340px; float:right; text-align:left;}
.sub-page-content .movieListWrap .corner ul li div .movieTitle {color:#800080; margin-bottom:6px; padding-top:5px;}
.sub-page-content .movieListWrap .corner ul li div .movieTxt p {margin-top:12px; line-height:14px;}


span.bbs{
    width: 100%;
    height: 51px;
    background: url("/ics/publish/res.do?type=res&res=imbc/broad/tv/ent/video/images2/sbtn_bbs.jpg") 0% 0% no-repeat;
}
span.bbs a {
    display: block;
    width: 100%;
    height: 51px;
    text-indent: -5000px;
}
.sub-page-content .sub-c-layer .btn-menu{
    position: absolute;
    top: 350px;
    right: 0;
}

/* À̺¥Æ® */
.event2019 {margin-bottom:30px;height:1204px;width:727px;font-size:15px; font-family: 'Malgun Gothic';letter-spacing: -.08em;position: relative; color:#222222; line-height:25px; }
.event2019 .event-wrap { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; padding:617px 60px 0; box-sizing:border-box; }
.event2019 .event-step { height:282px; width:607px; padding:44px 40px; box-sizing:border-box; margin-bottom:104px; }
.event2019 .event-step ul li { margin-top:37px; overflow:hidden; }
.event2019 .event-step ul li:first-child { margin-top:0; }
.event2019 .event-step ul li .num, .event2019 .event-step ul li .txt { float:left; }
.event2019 .event-step ul li .num { width:34px; height:34px; background-color:#e4e4e4; border:2px solid #a0a0a0; box-sizing:border-box; font-weight:600; color:#1b090c; line-height:30px; text-align:center; }
.event2019 .event-step ul li .txt { margin-left:15px; width:475px; }
.event2019 .event-win { height:111px; width:607px; padding:20px 40px; box-sizing:border-box; display:table; }
.event2019 .win-wrap { display:table-cell; vertical-align: middle; }
.event2019 .bold { font-weight:600; }
.event2019 .purple { color:#ba279d; }
.event2019 .blue { color:#146eb1; }
.event2019 .tag-line { }
.event2019 .tag { background-color:#f7f7f7; border:1px solid #dfdede; padding:2px 10px 4px 10px; line-height:35px; }