@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.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: 187px;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: 19px;color:#222;}
.visual-top .broad-info .program-name{display:block;margin-bottom: 2px;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:23px;right:18px;z-index:100;}

.visual-top .box-visual{margin-bottom:15px; width: 100%;height: 283px;padding-top: 10px;overflow: hidden;}
.sub .visual-top .box-visual{ }
.roll-ban-event{position:relative;width: 100%;height: 100%;overflow: hidden;}
.roll-ban-event .thum {float:left;position: absolute; top: 0; left: 0;width: 100%; 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-left:14px; padding-left:14px;line-height:1;text-align:center; background:url(http://img.imbc.com/broad/tv/culture/countrydoctor/images/nav-vertical.png) no-repeat center left;}
.nav ul li:first-child{ background:none; margin-left:0; padding-left: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 #004f95;color:#004f95;font-weight: bold;}
.nav ul li>a.on{border-bottom:3px solid #004f95;color:#004f95;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: 50px;}
.main .section2, .main .section3{}
.main .section2{margin-bottom:100px;/* display:none; */}
.main .section3{ display:none; }

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

/* .section1 */
.main .preVod{overflow: hidden;}
.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: 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: 30px;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;}

/*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 .type-list{width: 100%;height: 216px;margin-top: 6px;overflow: hidden;}
.main .type-list li{float: left;width: 230px;margin-right: 34.5px;}
.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;widt:100%;height:128px;background:#ddd;}
.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{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;}
.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:#efedec url("http://img.imbc.com/broad/tv/culture/document48/images/tit-check.png") no-repeat 30px center;border:1px solid #c9c5c4;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;}

/*jebo*/
.jebo .con-area{ font-family:"Nanum Gothic", "╱卹?足 ﹉???", dotum, sans-serif; background-color:#f3f3ed; padding: 0 22px 0 29px;}
.detail-box{margin: 49px 0 34px;padding-bottom: 25px; border-bottom:1px solid #cfcfcb; font-weight:normal; letter-spacing:-2px; }
.detail-box p{font-size: 20px;color:#483626;line-height: 26px;}
.detail-box p.point{}
.detail-box span{  }

.jebo form table { }
.jebo form table caption{text-indent: -9999em;font-size:0px;overflow:hidden;}
.jebo table tr{  }
.jebo table th{ font-weight:normal; display:block;width: 62px;padding-left: 18px;font-size:17px;color:#7d7d7d;line-height: 46px;text-align:left;vertical-align: top;}
.jebo table td{padding: 5px 0 5px 0;width: 100%;}
.jebo table td input{width: 100%; height:36px; padding:0 20px; border:1px solid #ccc;border-radius: 2px;font-family:inherit;font-size:14px;color:#656565; box-sizing: border-box; }
.jebo table td textarea{width: 100%;height: 175px;padding:8px 12px 10px;box-sizing:border-box; border:1px solid #ccc;border-radius: 2px;font-family:inherit;font-size:14px;color:#656565;line-height: 20px;resize: none;}
.jebo .attach-box{position: relative; margin: 7px 0;}
.jebo .attach-box input{color:#757575; background-color:#fff; letter-spacing: inherit;}
.attach-box input[type="file"] { position: absolute; width: 0px; height:1px; padding: 0; margin: -1px; clip:rect(250,250,250,0); border: 0;overflow: hidden;} 
.attach-box input#upName { width:510px; }
.attach-box label { position:absolute; right:0; top:0; width:77px; height:36px; line-height:36px; display: inline-block; background: #7e6b5a; border-radius: 2px;font-size: 14px; color:#fff;text-align:center;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none; appearance: none;cursor: pointer;}
.attach-box label.upName{text-indent: -9999em;overflow: hidden;}


.agr-wrap{margin-top: 40px;}
.agr-area{padding:32px 40px;background: #fff;border-radius:2px;}
.agr-area .agr-txt { margin-bottom:18px; }
.agr-area h3{display:inline-block;padding:8px 0 10px;margin-bottom: 9px;font-size:18px;color:#483626;line-height: 1;font-family: 'Nanum Gothic Bold';}
.agr-area dd, .agr-area dt { display:inline; color:#483626; }
.agr-area dl{margin-bottom: 5px;font-size:13px;line-height: 21px;}
.agr-area dl.last { margin-top:28px; }
.agr-area dt{font-family: 'Nanum Gothic Bold'; }
.agr-area dd{  }
.check-wrap{ overflow: hidden;}
.check-wrap .check-area{position: relative;display: block;width: 100%;height: 25px;}
.check-wrap .check-area input{position: absolute;width: 14px;height: 14px;}
.check-wrap .check-area label{position: absolute;height: 14px;padding-left: 20px;background:#fff url('http://img.imbc.com/broad/tv/culture/document48/images/checkbox-v2.png') no-repeat;background-position: 0 0; background-size:14px; font-size:14px;color:#483626; font-family: 'Nanum Gothic Bold'; }
.check-wrap input[type="checkbox"]:checked + label {background:#fff url('http://img.imbc.com/broad/tv/culture/document48/images/checkbox-v2.png') no-repeat;background-position:0 -14px; background-size:14px;}

.btn-wrap{margin:25px 0 33px;text-align: center;}
.btn-wrap button{width: 159px;height: 47px;margin-left: -5px;background: #7e6b5a;border-radius: 2px;border:0;font-family:inherit;font-size:18px;color:#fff;font-family:'Nanum Gothic Bold';line-height: 47px;cursor: pointer;}

/* ??﹞?▽▼﹞? 卹?﹉昆 */
.concept .con-area{ position:relative;height: 1252px;padding: 694px 35px 0 60px; box-sizing:border-box; background:#e4ded6 url("http://img.imbc.com/broad/tv/culture/countrydoctor/images/concept-bg.jpg") no-repeat top center;border:0}
.concept .txt { font-family:"Nanum Gothic", "╱卹?足 ﹉???", dotum, sans-serif; }
.concept .txt .info-txt { letter-spacing:-1px; font-size:18px; color:#483626; line-height:30px; margin-bottom:45px; }
.concept .txt .staff-txt h4 { margin-bottom:20px; }
.concept .txt .staff-txt h4 strong { display:inline-block; font-size:18px; color:#7e6b5a; font-family:'Nanum Gothic Bold'; background-color:#fff; padding:16px 34px;}
.concept .txt .staff-txt ul li { font-size:16px; line-height:24px; margin-top:8px; color:#564231; word-break:keep-all; }
.concept .txt .staff-txt ul li:first-child { margin-top:0; }

/* ?帚???? 卹?﹉昆 */
.cast .con-area { padding:83px 53px 83px 73px; background:#ebe2d8 url("http://img.imbc.com/broad/tv/culture/countrydoctor/images/cast-bg.jpg") no-repeat top center; height:1062px; }
.cast .cast-wrap { }
.cast ul.cast-list li.item { overflow:hidden; margin-top:45px; }
.cast ul.cast-list li.item:first-child { margin-top:0; }
.cast ul.cast-list li.item .img { float:left; width:200px; height:200px; border:10px solid #6da1d5; margin-right:25px; }
.cast ul.cast-list li.item .txt {  line-height:24px; font-family:"Nanum Gothic", "╱卹?足 ﹉???", dotum, sans-serif; color:#001c58; float:left; width:352px; }
.cast ul.cast-list li.item .txt .sub { font-size:18px; margin-bottom:11px; }
.cast ul.cast-list li.item .txt .name { font-size:24px; font-family:'Nanum Gothic Bold'; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid #acc2d8; }
.cast ul.cast-list li.item .txt .career { font-size:16px; }
.cast ul.cast-list li.item .txt ul li { margin-top:9px; }
.cast ul.cast-list li.item .txt ul li:first-child { margin-top:0; }