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

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

/*top*/
.main .visual-top { padding-top:76px; position:relative;width: 1024px;margin:0 auto 29px;overflow:hidden; text-align:center;}
.top-wrap { margin-bottom:72px; }
.vod-wrap .vod-info { color:#fff; margin-bottom:30px; }
.vod-wrap .vod-info h1 { font-family:'Nanum Gothic Bold'; font-weight:normal; font-size:18px; display:inline-block; }
.vod-wrap .vod-info span {font-size:18px; margin-left:14px;}
.vod-wrap .preVod {  }
.vod-wrap .article {margin:0 auto; width: 558px;height: 360px; overflow: hidden;}
.btn-like-program-wrap {display:inline-block;position:absolute;top:23px;right:18px;z-index:100;}

/* nav */
.main .nav { background:url(http://img.imbc.com/broad/tv/culture/bear/images/nav-bg.png); position: relative;width: 100%;text-align:center;z-index: 150; border-top:1px solid #574f3d;}
.main .nav ul {height: 61px;margin:0 auto 44px;text-align:center;}
.main .nav ul li {background:url(http://img.imbc.com/broad/tv/culture/bear/images/nav-vertical.png) no-repeat left center; position:relative;display:inline-block; padding-left:30px; margin-left: 30px; line-height:60px; box-sizing:border-box; text-align:center;}
.main .nav ul li:first-child{margin-left: 0; background:none; }
.main .nav ul li>a {display:block;width: 100%;font-size:20px;color:#fff;}

/*===============content [START]===============*/
.main { background:#0d0a10 url(http://img.imbc.com/broad/tv/culture/bear/images/main-bg.jpg) repeat-x center top; }

#programContent.content{ padding-bottom:170px; }
.section{  }

.main .section1{ width: 1024px;	margin: 0 auto; position:relative; padding-bottom:46px; }
.main .section2{ background-color:#fff; padding:20px 0 70px; width:1084px; margin: 0 auto; box-sizing:border-box; }

.none-video { width:100%; }

/* .section1 */
.main .ad-rectangle {position:absolute;top: 0;right: 0;width: 250px;height: 250px;}
.section1 .tit-content { width:745px; padding:0 0 12px 9px; box-sizing:border-box; margin-bottom:15px; border-bottom:1px solid #575249; font-size:20px; position:relative; font-family:'Nanum Gothic Bold'; color:#ccc2a2; }
.section1 .tit-content:before { content:''; display:block; width:4px; height:17px; background-color:#b0a377; position:absolute; top:0; left:-15px; }
.section1 .txt { color:#fff; font-size:18px; line-height:30px; }
.section1 .pro-wrap { }

.pro-info { margin-bottom:42px; width:745px; }

.pro-schedule { width:745px; margin-bottom:42px; }
.pro-schedule ul li { font-size:0; margin-top:10px; }
.pro-schedule ul li:first-child { margin-top:0; }
.pro-schedule ul li span { line-height:24px; font-size:18px; display:inline-block; vertical-align:top; }
.pro-schedule ul li span.num { width:11%; }
.pro-schedule ul li span.episode { width:21%; }
.pro-schedule ul li span.date { width:68%; }

.pro-point .txt { margin-bottom:30px; }
.pro-point .txt strong, .pro-point .txt span { display:block; }
.pro-point .txt strong { font-family:'Nanum Gothic Bold'; font-weight:bold; }
.pro-point .txt span { color:#e5e5e5; }

/*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 { width:1024px; margin:0 auto; position:relative;} 
.main .clip-wrap .tit-content { line-height:28px; font-size:14px; color:#000; }
.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:30px 0;background-color:#ECECEC;font-family: 'Malgun Gothic, malgun,Nanum Gothic'; font-size:12px;color:#424242;line-height: 20px;letter-spacing: 0;}

/******************************************************************** ¼­ºê sub */
.sub .visual-top { font-family: '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun'; position:relative; width: 1024px; margin:10px auto 14px; overflow:hidden; height:280px; }
.sub .sub-top { overflow:hidden; position:absolute; bottom:30px; left:40px; }
.sub h1.tit-logo { display:inline-block; vertical-align:middle; width:73px; height:73px; }
.sub .broad-info { display:inline-block; vertical-align:middle; margin-left:17px; color:#fff; }
.sub .broad-info a { font-weight:bold; margin-bottom:10px; font-size:22px; display:inline-block;; }
.sub .broad-info span { display:block; font-size:12px; letter-spacing:-1px; }

/* nav */
.sub .nav { background:none; position: relative;width: 100%;text-align:center;z-index: 150; border-top:none; }
.sub .nav ul {height: 47px;margin:0 auto 44px;border-bottom:1px solid #E5E5E5;text-align:center;}
.sub .nav ul li {position:relative;display:inline-block; line-height:44px; margin-left: 44px; text-align:center;}
.sub .nav ul li :first-child{ margin-left: 0;}
.sub .nav ul li>a { border-bottom:3px solid #fff; display:block; font-size:17px;color:#000; box-sizing:border-box; }
.sub .nav ul li>a:hover{border-bottom:3px solid #756a37;color:#756a37;font-weight: bold;}
.sub .nav ul li>a.on{border-bottom:3px solid #756a37;color:#756a37;font-weight: bold;}


.content-sub { width: 1024px;margin: 0 auto;padding-bottom: 60px;overflow: hidden; }
.content-sub .header {height: 46px;padding-left: 52px;margin-bottom: 10px;background:#eff0ec 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 #dadada;box-sizing: border-box;overflow: hidden;}

/* Á¦ÀÛÁø ¼Ò°³ */
.staff .con-area { padding:0; border:none; background:#2c371d url(http://img.imbc.com/broad/tv/culture/bear/images/staff-bg.jpg) no-repeat center top; }
.staff .staff-wrap { background:url(http://img.imbc.com/broad/tv/culture/bear/images/staff-bottom.jpg) no-repeat center bottom; }
.staff .staff-wrap ul { padding:40px 57px 65px; box-sizing:border-box; }
.staff .staff-wrap ul li { font-size:0; color:#fff; line-height:26px; }
.staff .staff-wrap ul li.last { margin-top:26px; }
.staff .staff-wrap ul li strong, .staff .staff-wrap ul li span { color:#f2f2f2; letter-spacing:-0.5px; vertical-align:top; font-size:14px; display:inline-block; }
.staff .staff-wrap ul li strong { font-family:'Nanum Gothic Bold'; font-weight:normal; width:20%; }
.staff .staff-wrap ul li span { word-break:keep-all; width:80%; }