@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);

body{font-family: '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;}
a{color:inherit;}

/*main */
.main .visual-top{height:283px;background: url(http://img.imbc.com/broad/tv/culture/hopeplus/images/main-visual.jpg) no-repeat;}
.visual-top {position:relative;overflow:hidden; margin:10px auto; width:1028px; height:283px; background:url(http://img.imbc.com/broad/tv/culture/hopeplus/images/main-visual.jpg) no-repeat 50% bottom;}
.visual-top .program-data { position:absolute;bottom:30px; left:40px; overflow:hidden; z-index: 100;}
.visual-top .program-data .tit-logo { float:left; margin-right:17px; }
.visual-top .program-data .broad-info { float:left; padding-top:25px; font-size:0; text-align:left; color:#fff; }
.visual-top .program-data .broad-info h2 { margin-bottom:11px; color:#fff; font-size:20px; font-weight:bold; }
.visual-top .program-data .broad-info span { font-size:12px; font-weight:normal; letter-spacing:-0.075em; }
.visual-top .program-data .broad-info img { margin:2px 4px 0; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:38px;right:50%;z-index:100;margin-right:-500px;}


/*preview visual-txt-box */
.roll-ban-event { width:1024px; height:580px; position:relative; margin-bottom:21px; background-color:#000;}
.roll-ban-event li { position: absolute; top: 0; left: 0; width:1024px; height: 580px;opacity: 0; -ms-filter: "alpha(opacity=0)";font-size:0;text-indent: -9999em;}
.roll-ban-event li img { width:100%; height:100%; }
.roll-ban-event li:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.roll-controll-btn .btn:last-child {margin-right: 0;}
.roll-controll-btn .btn { vertical-align:middle; background-color:#dcdcdc; border-radius:50%; border:2px solid #dcdcdc; box-sizing:border-box; display: inline-block; width: 12px; height: 12px;margin-right: 18px; border: 0; cursor: pointer; }
.roll-controll-btn .btn.on { border:2px solid #000; background-color:#fff;}
.btn-front { position:absolute; right:0; width: 22px; height: 22px; text-indent: 100%; white-space: nowrap; cursor: pointer; background-image:url('http://img.imbc.com/broad/tv/drama/fantasy2017/images/btn-play-stop.png'); background-repeat: no-repeat; background-color: transparent; background-position: 0 0; background-color:#ddd; z-index: 1000; }
.btn-stop { background-position: 0 -22px; }

/*nav*/
.nav {margin: 0 auto;position: relative;height: 94px;font-size:15px;line-height:45px;letter-spacing:-.5px}
.nav ul {position: relative;height:45px;text-align: center;margin-top:12px;border-bottom:1px solid #ccc;}
.nav li { font-size:15px; display: inline-block;*display: inline;position: relative;height: 94px;text-align: center;vertical-align: top;}
.nav li .item{display: inline-block;*display: inline;position: relative;height: 45px;vertical-align: top;color:#000; margin:0 15px; box-sizing:border-box; letter-spacing:-1px;}
.nav li .item:hover{color:#746328;font-weight:bold; border-bottom:3px solid #746328;}
.nav li .item.active{color:#746328;font-weight:bold; border-bottom:3px solid #746328;}
.nav li .dropdown {width:350px;z-index:50;position: absolute;top: 42px;padding: 5px 0;}
.nav li.concept .dropdown { left: -83px; }
.nav li.vod .dropdown { left: -23px; }
.nav li .program_dropdown {width:700px;left: -440px}
.nav li .event_dropdown {width: 400px;left: -180px;}
.nav li .dropdown a {display:inline-block;*display: inline;text-align: center;color: #000;font-family: 'Nanum Gothic', "³ª´®°íµñ";font-size: 15px;line-height:30px;margin-right:14px;}
.nav li .dropdown a:hover {font-weight:bold;color: #b41214;	text-decoration: underline;border:0;font-weight:normal;}
.nav .hidden {display: none;}

/*===============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 .section1{ padding-bottom:94px; }
/*¹æ¼ÛÈÄ .main .section1{ padding-bottom:46px; } */
.main .section2{margin-bottom: 113px;}


.none-video { height:250px; margin-left:-7%; }

/* .section1 */
.main .preVod {overflow: hidden; float:left;}
.main .preVod .article{float:left;display:inline-block;width: 384px;height: 250px;overflow: hidden;}
.main .preVod iframe{width: 100%;height: 100%;}
.main .preVod .txt-wrap{position:absolute;float:left;display:inline-block;width: 335px;height: 212px;padding:18px 0 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:190px;margin-top: 15px;font-size:22px;line-height: 27px;overflow: hidden;}
.main .preVod .txt-wrap .summary{padding-top:30px;color:#222;font-size:16px;line-height:30px;}
.main .preVod .txt-wrap .date{position:absolute;bottom: 20px;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 .banner { float:right; }
.main .banner .banner-wrap { position:relative; display:block; width:250px; height:250px; background:url(http://img.imbc.com/broad/tv/culture/straight/images/main-ban-jebo.jpg) no-repeat center center; background-size:250px; }
.main .banner .banner-wrap span.jebo-text { padding-top:148px; display:block; }
.main .banner .banner-wrap span.jebo-text span { font-size:16px; line-height:24px; letter-spacing: 0em; color:#000; display:block; text-align:center; }

/*list-btn*/
.main .btn-box{position: absolute;top: 0;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;margin-right: -5px; background-position: 0 0;}
.main .btn-box .btn-list.next{width: 28px;height: 28px;background-position: -27px 0;}

/* list-style */
.main .clip-wrap {position:relative;}
.main .type-list{width: 100%;height: 216px;margin-top: 6px;overflow: hidden;}
.main .type-list li{float: left;width: 230px;margin-right: 34px;}
.main .type-list li:nth-child(4n){margin-right: 0;}
.main .type-list li  a{display: block;width: 100%;height: 100%;}
.main .type-list li  a:hover .title{text-decoration: underline;}
.main .type-list li .img {overflow:hidden;width:100%;height:128px; border:1px solid #ddd; box-sizing:border-box;}
.main .type-list li .img img{width: 100%;}
.main .type-list li .txt-wrap {position:relative;height: 88px;padding:10px 15px 13px;border:1px solid #DCDCDC;border-top:0;box-sizing: border-box;}
.main .type-list li .txt-wrap .title{overflow:hidden; width: 100%;max-height:40px;margin-bottom: 12px;font-size:14px;color:#222;line-height: 20px;}
.main .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;}

.bbs-wrap{position:absolute;top: 0;	right: 0;width: 250px;}
.bbs-wrap .btn-plus{position: absolute;top: 0;right: 0;}
.bbs-wrap .bbs-list{margin-top: 6px;padding:20px 20px 18px;background: #EDF3FB}
.bbs-wrap .bbs-list a{font-size: 14px;color:#222;line-height: 30px;}
.bbs-wrap .bbs-list a:hover{text-decoration: underline;}


#footer {padding:56px 0;background-color:#ECECEC;font-family: 'Malgun Gothic, malgun,Nanum Gothic';font-size:12px;color:#424242;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:#edefec url("http://img.imbc.com/broad/tv/culture/document48/images/tit-check.png") no-repeat 30px center;border:1px solid #c9cbc3;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 #c9cbc3;box-sizing: border-box;overflow: hidden;}


/* concept */
.concept-wrap{width:725px;height:1302px;padding:54px 0 0 68px;background: url(http://img.imbc.com/broad/tv/culture/hopeplus/images/concept-bg.jpg) no-repeat;box-sizing:border-box;}
.concept-info{color:#434343;font-size:18px;line-height:24px;letter-spacing:-2px;}
.concept-info .text_row{padding-bottom:5px;}
.concept-info .text_row .concept-title{display:block;padding-bottom:18px;color:#3a6440;font-size:30px;line-height:48px;letter-spacing:-4px;}
.concept-info .text_row .concept-title.font_bold{font-weight:bold;}
.concept-info .text_row > p {padding-bottom:25px;}
.staff-info{padding-top:20px;}
.staff-info .staff-title{margin-bottom:15px;display:block;width:152px;height:45px;background:#efefef;color:#012440;font-size:18px;font-weight:bold;text-align:center;line-height:45px;}
.staff-info ul li{padding-left:12px;color:#313131;font-size:16px;line-height:32px;}