@import url(http://font.imbc.com/noto/noto.css);
body{font-family: '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;}
a{color:inherit;}
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/*top*/
.visual-top {position:relative;width: 1024px;height: 540px;margin:10px auto;overflow:hidden;}
.visual-top .pro-info{position: absolute;left: 50%;top:15px;margin-left:-510px;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%;}
 h1.tit-logo a{display: block;width: 100%;height: 100%;}
.visual-top .broad-info {float: left;margin-left: 15px;color:#fff; margin-top:6px; }
.visual-top .broad-info .program-name{display:block;margin-bottom: 7px;font-size:22px;font-weight: bold;line-height: 30px;}
.visual-top .broad-info .broad-title{font-size:14px;line-height: 1.1; letter-spacing:-0.075em;}
 
.btn-like-program-wrap {display:inline-block;position:absolute;top:23px;right:18px;z-index:100;}

.visual-top .box-visual{margin-bottom:15px;width: 100%;height: 280px;overflow: hidden;background: url(http://img.imbc.com/broad/tv/culture/seriesm/images/top-visual2.jpg);}
.sub .visual-top{height:284px}
.sub .visual-top .sub-logo{margin:98px 0 0 260px;display: block;width: 565px;height: 76px;text-indent: -9999px;}
/* nav */
.nav {position: relative;width: 100%;text-align:center;z-index: 150;}
.nav ul {height: 46px;margin: 0 auto 10px;border-bottom:1px solid #E5E5E5;text-align:center;background: #000;}
.nav ul li {position:relative;display:inline-block;margin-right: 15px;padding-right:12px;line-height:1;text-align:center;/*background: url(http://img.imbc.com/broad/tv/culture/seriesm/images/bar.jpg) right center no-repeat;*/}
.nav ul li :last-child{margin-right: 0;	}
.nav ul li>a {display:block;width: 100%;padding: 16px 0 13px;font-size:16px;color: #fff;}
.nav ul li>a:hover{border-bottom:3px solid #fff;color:#fff;font-weight: bold;}
.nav ul li>a.on{border-bottom:3px solid #fff;color:#fff;font-weight: bold;}

/*===============content [START]===============*/
#programContent.content{width: 100%;background: #000;color: #fff}
.wrap_cont{width: 1004px;margin:0 auto;padding:35px 0 80px;overflow: hidden;}
section.s320{width: 320px;float: left;margin-right: 56px;position: relative;}
section.s250{width: 250px;float: left;}
.main .tit-content {font-size:18px;line-height: 50px;font-weight: bold;}
.vod-list .vod-date{font-size: 14px;position: absolute;right: 0;top: 20px;}
.vod-list li{font-size:14px;margin-bottom: 14px;}
.vod-list li .img{height: 180px;overflow: hidden;}
.vod-list li .img img{width: 100%}
.vod-list li .txt-wrap{padding: 12px 0;line-height: 18px;}

.news-list li{font-size: 14px;margin-bottom: 14px}
.news-list li .img{height: 180px;overflow: hidden;}
.news-list li .img img{width: 100%}
.news-list li .txt-wrap{background: #313131;padding: 12px;line-height: 18px;}
.news-list .text-list{margin-top: 25px}
.news-list .text-list li{margin:0;background: url(http://img.imbc.com/broad/tv/culture/seriesm/images/dot.jpg) left center no-repeat;padding-left: 10px;line-height: 32px}
.wrap-clip{margin-top: 18px}
.clip-list li{margin-bottom:20px;font-size: 14px;line-height: 37px}
.clip-list li .img img{width: 100%}
#footer {padding:56px 0;background-color:#000;font-family: 'Malgun Gothic, malgun,Nanum Gothic';font-size:12px;color:#fff;line-height: 20px;letter-spacing: 0;}


/******************************************************************** ¼­ºê sub */
.content-sub { width: 1024px;margin: 0 auto;padding-bottom: 60px;overflow: hidden; }
.content-sub .header {height: 46px;padding-left: 52px;margin-bottom: 10px;background:#ecefee url("http://img.imbc.com/broad/tv/culture/document48/images/tit-check.png") no-repeat 30px center;border:1px solid #c4c9c7;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;}

/* ÇÁ·Î±×·¥ ¼Ò°³ program */
.concept .con-area { border:none; padding:0; }
.concept .concept-wrap { height:1202px;box-sizing:border-box; word-break:keep-all; background:url(http://img.imbc.com/broad/tv/culture/seriesm/images/concept_v4.jpg) no-repeat center top; position: relative;}
.concept .staff{width:600px;position: absolute;top: 670px;
left: 60px;font-size: 16px;color: #fff;line-height: 32px}
/*¸ÞÀÎ vod*/
#video {
     position: absolute;
     left: 0;
     top: -20px;
     width: 100%;
     z-index: -1000;
     overflow: hidden;
}