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

/*top*/
.visual-top {position:relative;width: 1024px;margin:0 auto;overflow:hidden;}
.visual-top .pro-info{position: absolute;left: 40px;top: 190px;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:#000000; 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:12px;line-height: 1.1; letter-spacing:-0.03em;}
 
.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;padding-top: 10px;overflow: hidden;}
.sub .visual-top .box-visual{  }
.roll-ban-event{position:relative;width: 100%;height: 280px;background:url('http://img.imbc.com/broad/tv/culture/document48/images/docu48-thum01.jpg') no-repeat center;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: 2; }
.roll-ban-event .thum:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.roll-controll-btn {display:block;width: 100%;height: 41px;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;} 

/* nav */
.nav {position: relative;width: 100%;text-align:center;z-index: 150;}
.nav ul {height: 46px;margin:0 auto 44px;border-bottom:1px solid #E5E5E5;text-align:center;}
.nav ul li {position:relative;display:inline-block;margin-right: 24px;line-height:1;text-align:center;}
.nav ul li :last-child{margin-right: 0;	}
.nav ul li>a {display:block;width: 100%;padding: 16px 0 13px;font-size:15px;color:#000;}
.nav ul li>a:hover{border-bottom:3px solid #829320;color:#829320;font-weight: bold;}
.nav ul li>a.on{border-bottom:3px solid #829320;color:#829320;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:#567f18;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 .section1{ padding-bottom:46px; }
.main .section2{ border-top:1px solid #e5e5e5; margin-bottom:100px; padding-top:12px; }
.main .section3{ margin-bottom: 100px; }
.main .section2, .main .section3{  }

.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: 222px;padding:8px 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: 7px;font-size:17px;line-height: 27px;overflow: hidden;}
.main .preVod .txt-wrap .date{position:absolute;bottom: 6px;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(4) { 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;}

#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:#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/uhdwalk/images/concept.jpg) no-repeat center top; }

.wrap_staff{padding:90px 70px;height:925px;width:725px;background: url(http://img.imbc.com/broad/tv/culture/uhdwalk/images/bg_staff.jpg);font-size: 21px;color: #000;box-sizing: border-box;font-family: 'notokr-regular'}
.wrap_staff .staff{line-height: 1.6;margin-bottom: 30px;padding-left: 28px;background: url(http://img.imbc.com/broad/tv/culture/uhdwalk/images/bar.jpg) left 16px no-repeat}
.wrap_staff strong{font-weight: bold;display: block;}