@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body{font-family: '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;}
a{color:inherit;}
button { display: inline-block; margin: 0; padding: 0; border: none;  background: none; cursor: pointer; }

/*top*/
.visual-top {position:relative;width: 1024px;margin:0 auto;overflow:hidden;}
.visual-top .pro-info{position: absolute;left: 40px;bottom: 47px;z-index: 20;}
.visual-top h1.tit-logo  {float:left;display: inline-block;width: 73px;height: 73px;}
.visual-top h1.tit-logo a{display: block;width: 100%;height: 100%;}
.visual-top .broad-info {float: left;margin-left: 19px;color:#222;}
.visual-top .broad-info .program-name{display:block;margin-top: 1px;margin-bottom: 1px;font-size:22px;font-weight: bold;line-height: 44px;}
.visual-top .broad-info .broad-title{font-size:12px;line-height: 1.1;}
 
.btn-like-program-wrap {display:inline-block;position:absolute;top:33px;right:50%;z-index:100;margin-right:-492px;}

.visual-top .box-visual{width: 100%;height: 138px;padding-top: 10px;padding-bottom: 15px;overflow: hidden;} 
.sub .visual-top .box-visual{height: inherit;}
.roll-ban-event{position:relative;width: 100%;height: 138px;background:url('http://img.imbc.com/broad/tv/drama/twoccaps/images/bg-top-v3.jpg') no-repeat center;text-indent: -9999em;font-size:0;overflow: hidden;}
.roll-ban-event .thum {float:left;position: absolute; top: 0; left: 0;width: 100%;height: 280px;opacity: 0; -ms-filter: "alpha(opacity=0)"; z-index: -1; }
.roll-ban-event .thum:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.roll-controll-btn {display:block;width: 100%;padding-top: 15px;text-align: center;}
.roll-controll-btn .btn:last-child{margin-right: 0;}
.roll-controll-btn .btn { display: inline-block; width: 12px; height: 12px;margin-right: 20px;border:2px solid #DCDCDC;background:#DCDCDC;border-radius:50%;box-sizing:border-box;cursor: pointer; } 
.roll-controll-btn .btn.on {border:2px solid #000;background:transparent;} 

/*Á¤½Ä¿ÀÇÂ*/
.main .visual-top{margin:0 auto 20px;}
.main .visual-top .pro-info{bottom: 67px;}
.main .visual-top .box-visual{height: 602px;}
.main .roll-ban-event{height: 580px;background: none;}
.main .visual-top .broad-info{color:#fff;}

/* nav */
.nav {position: relative;width: 100%;text-align:center;z-index: 150;}
.nav ul {height: 45px;margin:0 auto 46px;border-bottom:1px solid #E5E5E5;text-align:center;overflow: hidden;}
.nav ul li {position:relative;display:inline-block;margin-right: 24px;line-height:1;text-align:center;}
.nav ul li:first-child{margin-left: 12px;}
.nav ul li :last-child{margin-right: 0;	}
.nav ul li>a {display:block;width: 100%;padding: 15px 0 13px;font-size:15px;color:#000;}
.nav ul li>a:hover{border-bottom:3px solid #0b709a;color:#0b709a;font-weight: bold;}
.nav ul li>a.on{border-bottom:3px solid #0b709a;color:#0b709a;font-weight: bold;}

.nav ul li .dropdown{position: absolute;left: 50%;display: none;}
.nav ul li .dropdown a{float:left;display:inline-block;margin-right: 14px;font-size:15px;color:#000;line-height: 46px;}
.nav ul li .dropdown a:hover{color:#0b709a;text-decoration:underline;}

/*===============content [START]===============*/
#programContent.content{width: 1024px;	margin: 0 auto;}
.section{position:relative;overflow:hidden;}
.main .tit-content {font-size:14px;color:#000;line-height: 28px;font-weight: bold;}

.main .section{padding-bottom:46px;}
.main .section:last-child{margin-bottom: 39px;}


/* .section1 preview */
.main .preVod{overflow: hidden;}
.main .preVod .article{float:left;display:inline-block;width: 384px;height: 263px;overflow: hidden;}
.main .preVod iframe{width: 100%;height: 100%;}
.main .preVod .txt-wrap{position:absolute;float:left;display:inline-block;width: 290px;height: 210px;padding:18px 20px 20px;color:#222;}
.main .preVod .txt-wrap a{display: block;width: 100%;height: 100%;}
.main .preVod .txt-wrap .tit-name{font-size:14px;font-weight: bold;}
.main .preVod .txt-wrap .title {max-height:152px;margin-top: 14px;font-size:22px;line-height: 31px;overflow: hidden;}
.main .preVod .txt-wrap .date{position:absolute;bottom: 18px;left: 20px;font-size:14px;color: #757575;letter-spacing: 0;}
.main .preVod .txt-wrap .num{margin-left: 10px;}
.main .ad-rectangle {position:absolute;top: 0;right: 0;width: 250px;height: 250px;}

.main .section2{overflow: hidden;}
.section-area{position:relative;float:left;width: 714px;}
.section-area.first {width: 230px;margin-right: 12px;}
.section-area.last{width: 472px;}
#photoList .type-list li:nth-child(2), #clipList .type-list li:nth-child(3), #newsList .type-list li:nth-child(3){margin-right: 0;}

.banner{position: absolute;top: 0;right: 0;font-size:0;text-indent: -9999em;}

/*list-btn*/
.main .btn-box{position: absolute;top: 0px;right: 0;height: 28px;}
.main .btn-box .btn-list{display:inline-block;border:0;margin: 0;padding: 0;background:url("http://img.imbc.com/broad/tv/culture/document48/images/btn-prevNext.jpg") no-repeat;background-size:cover;font-size:0;text-indent: -9999em;vertical-align: top;cursor: pointer;}
.main .btn-box .btn-list.prev{width: 28px;height: 28px;background-position: 0 0;}
.main .btn-box .btn-list.next{width: 27px;height: 28px;background-position: -28px 0;}

/* list-style */
.type-list{width: 100%;height: 216px;margin-top: 6px;overflow: hidden;}
.type-list li{float: left;width: 230px;margin-right: 12px;}
.type-list li:nth-child(4n){margin-right: 0;}
.type-list li  a{display: block;width: 100%;height: 100%;}
.type-list li  a:hover .title{text-decoration: underline;}
.type-list li .img {position:relative;width:100%;height:128px;overflow:hidden;}
.type-list li .img .ico-play{position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;}
.type-list li .img img{width: 100%;}
.type-list li .txt-wrap {position:relative;height: 88px;padding:10px 15px 13px;border:1px solid #DCDCDC;border-top:0;box-sizing: border-box;}
.type-list li .txt-wrap .title{width: 100%;max-height:40px;margin-bottom: 12px;font-size:14px;color:#222;line-height: 20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;}
.type-list li .txt-wrap .date{position:absolute;left: 16px;bottom: 14px;font-family:'Verdana';font-size:11px;color: #757575;line-height: 1;letter-spacing: 0;}

#footer{padding:54px 9px 55px 0;background-color:#ECECEC;font-family: 'Malgun Gothic, malgun,Nanum Gothic';font-size:12px;color:#424242;line-height: 20px;letter-spacing: 0;}
#footer .l-copyright{line-height: 20px! important;}

/*¸ÞÀÎ µîÀåÀι° ·Ñ¸µ*/
.castList {position: absolute; top:0; right:0;width: 250px; height: 250px;overflow: hidden }
.castList ul li { float: left;position: relative; width: 250px; height: 250px; background: #e3f1ff;overflow: hidden;}
.castList ul li a{ position: absolute; top: 0; right: 0; }
.castList .name{ font-size:22px; color:#000; position:absolute; top:19px; left:25px; line-height:29px;letter-spacing: -1.5px;}
.castList li a img { width:250px; }

/*================sub================s */
.content-sub { width: 1024px;margin: 0 auto;padding-bottom: 60px;overflow: hidden; }
.content-sub .header {height: 46px;padding-left: 52px;margin-bottom: 10px;background:#F3F3F3 url("http://img.imbc.com/broad/tv/culture/document48/images/tit-check.png") no-repeat 30px center;border:1px solid #E0E0E0;font-size:15px;color:#000;line-height: 43px;font-weight: bold;box-sizing:border-box;letter-spacing: -0.5px;text-align: left;}

.content-sub .cont-left {float:left;width: 725px;margin-right: 49px;text-align: left;}
.content-sub .cont-right{float: right;}
.content-sub .con-area{padding:10px 20px;border:1px solid #DADADA;box-sizing: border-box;overflow: hidden;}
.content-sub .con-area.v2{position:relative;padding: 0;border:0;}

/* concept */
.concept .pro-detail{position: absolute;top: 455px;width: 100%;font-size:16px;color:#fff;line-height: 27px;text-align:center;}
.concept .pro-detail .blue{color:#20b1ed;font-weight: bold;}
.concept .pro-detail .yellow{color:#fff207;font-weight: bold;}
.concept .pro-detail .line{text-decoration: underline;}

/* staff*/
.staff-area{position:relative;padding:22px 0;height: 100%;margin-top: 7px;background-color:  #F4F4F4 ;background-image:url("http://img.imbc.com/broad/tv/drama/twoccaps/images/bg-staff-top.png"), url("http://img.imbc.com/broad/tv/drama/twoccaps/images/bg-staff-bottom.png");background-repeat: repeat-x;background-position: 0 0,100% 100%;background-size: 1px 8px, 1px 8px;-webkit-background-size: 1px 8px, 1px 8px;overflow: hidden;}
.staff-area .left, .staff-area .right{float:left;width: 309px;padding-left: 53px;}
.staff-area .left{border-right:1px solid #c8dae4;}
.staff-area p{font-size:14px;line-height: 34px;}
.staff-area strong{display:inline-block;width: 94px;color:#0b709a;font-weight: bold;}

/*cast*/
.cast-wrap{width: 100%;overflow: hidden;}
.cast-wrap .main-cast, .cast-wrap .sub-cast{overflow: hidden;}
.cast-wrap li{float:left;margin-bottom: 8px;height: 40px;margin-right: 6px;font-size:13px;line-height: 40px;text-align:center;}
.cast-wrap li:last-child{margin-right: 0;}
.cast-wrap li strong{font-size:17px;}
.cast-wrap .main-cast li{width: 32.5%;padding-bottom: 2px;border:1px solid #0b709a;color:#0b709a;}
.cast-wrap .sub-cast li{width: 138px;border:1px solid #ccc;}
.cast-wrap .main-cast li.on, .cast-wrap .main-cast li:hover{background:#0b709a;border-color:#0b709a;color:#fff;}
.cast-wrap .sub-cast li.on, .cast-wrap .sub-cast li:hover{background:#ececec;font-weight: bold;text-decoration: underline;}
.cast-wrap li a{display: block;width: 100%;height: 100%;}

.cast-detail{width: 100%;margin-top: 20px;overflow: hidden;}
.cast-detail .link-cast{position: absolute;right: 12px;padding-right: 9px;background:url("http://img.imbc.com/broad/tv/drama/hwajung/img/icon-arrow-right.png") no-repeat right center;color:#3c7a72;line-height: 53px;}
.cast-detail .link-cast:hover{text-decoration: underline;}
.cast-detail .img{float:left;display:inline-block;width: 300px;margin-right: 22px;}
.cast-detail .img img{width: 100%;}
.cast-detail .txt-wrap{float:right;position:relative;display: inline-block;width: 403px;min-height:446px;border-top:2px solid #e0e8e8;border-bottom: 2px solid #e0e8e8;}
.cast-detail .txt-wrap .title{padding-left: 19px;background: #F2F5F5;font-size:14px;color:#737270;line-height: 53px;letter-spacing: -1px;font-weight: bold;}
.cast-detail .txt-wrap .title .extra{padding-left:8px;margin-left: 6px;background:url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left;letter-spacing: 0;}
.cast-detail .txt-wrap .txt-area{padding: 22px 24px;font-size: 13px;line-height: 18px;}
.cast-detail .txt-wrap .txt-area .meta{margin-bottom: 8px;font-weight: bold;}

.cast-detail .category{padding:17px 0 20px 19px;margin-bottom: 23px;background: #F2F5F5;font-size:12px;color:#3c7a72;line-height:1.2;letter-spacing: -1px;border-top:2px solid #e0e8e8;box-sizing: border-box;}
.cast-detail .cast-list{width: 100%;}
.cast-detail .cast-list li{margin-bottom: 20px;overflow: hidden;}
.cast-detail .cast-list li .img{float:left;width: 200px;height: 150px;margin-right: 18px;border:1px solid #ccc;box-sizing: border-box;}
.cast-detail .cast-list li .img img{width: 100%;}
.cast-detail .cast-list li .txt-wrap{float:right;width: 507px;min-height: 150px;border:0;}
.cast-detail .cast-list li .txt-wrap .title{padding:8px 0 12px;background: 0;font-size:14px;color:#777574;line-height: 1.2;font-weight: bold;}
.cast-detail .cast-list li .txt-wrap .title .extra{margin-left: 12px;-webkit-background-size:1px 14px ;background-size: 1px 14px;}
.cast-detail .cast-list li .txt-wrap .txt-area{padding: 0;padding-right: 10px;line-height: 1.5;}
.cast-detail .cast-list li .txt-wrap .meta{color:#44403e;font-weight: normal;}


/*LIVE*/
.sub.live .con-area{position:relative;font-size:0;text-indent: -9999em;}
.sub.live .con-area .live-vod{position: absolute;top: 329px;left: 50%;width: 640px;height:404px;margin-left: -319px;}
.sub.live .live-board{margin-top: 18px;}
.sub.live .txt-time{position: absolute;top: 284px;width: 100%;font-size:14px;color:#fff;font-weight:bold;letter-spacing: -0.5px;text-align: center;}
.sub.live .txt-time .blue{color:#00ccff;font-weight: normal;}

/*°­Á¦ ±â»ç °¡¿îµ¥ Á¤·Ä*/
.bbs_list_img{position: relative! important;}
.preview_wrapper em, .preview_wrapper p, table#rptView_ctl00_tblAdamMedia{font-size:12px! important;text-align: center! important;}