@import url(//font.imbc.com/noto/noto.css);
@import url(//font.imbc.com/mbcnew/mbcnew.css);

body{font-family:"notokr-regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Helvetica Neue", "Apple SD Gothic Neo", sans-serif;font-weight:400;letter-spacing:-1px;color:#fff;background-color:#000;font-size:14px}
a{color:inherit;}
button{border:none;cursor:pointer;font-family:"notokr-regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Helvetica Neue", "Apple SD Gothic Neo", sans-serif;font-weight:400;}
.ellipsis-multi { text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/* common */
#container{padding-bottom:100px;background:url(//img.imbc.com/broad/tv/culture/docuflex/images/main-bg.jpg) repeat-x 50% 0}
.content{background:url(//img.imbc.com/broad/tv/culture/docuflex/images/line_wt20.png) repeat-x 50% 0}
.content .wrapper{position:relative;width:1200px;margin:0 auto;}
.btn_wrap{text-align:center}
.btn_wt{display:inline-block;height:30px;line-height:30px;padding:0 50px;font-size:14px;color:#000}
.btn_bbs{background:#fff url(//img.imbc.com/broad/tv/culture/docuflex/images/img_arr_left.png) no-repeat 92% 50%;}
.btn_more{background:#fff url(//img.imbc.com/broad/tv/culture/docuflex/images/img_arr_down.png) no-repeat 75% 50%;}

/* top */
.content_top{margin-bottom:48px;padding:35px 0 20px;background:url(//img.imbc.com/broad/tv/culture/docuflex/images/line_wt20.png) repeat-x 50% 100%}
.content_top .wrapper{overflow:hidden;}
.content_top .top_left{float:left;padding-top:20px;}
.content_top .top_left h1{font-size:30px;font-family:'mbcnew-light';font-weight:400}
.content_top .top_left h1 b{font-family:'mbcnew-bold';font-weight:600;}
.content_top .top_left p{font-size:0}
.content_top .top_left p strong, .content_top .top_left p span{display:inline-block;font-size:14px;vertical-align:middle}
.content_top .top_left p strong{width:47px;height:20px;border-radius:20px;font-weight:normal;background:url(//img.imbc.com/broad/tv/culture/docuflex/images/img_staff_tit.png);color:#000;text-indent:-9999px}
.content_top .top_left p span{margin-left:9px}
.content_top .top_right{float:right;text-align:right}
.content_top .top_right .logo{margin-bottom:20px}

/* list */
.flex_list ul{font-size:0}
.flex_list ul li{display:inline-block;margin-right:26px;margin-bottom:52px;width:280px;height:158px;overflow:hidden}
.flex_list ul li:nth-child(4n){margin-right:0}
.flex_list ul li a img{width:100%;}

/* 메인 spot */
.flex_spot{width:1200px;height:300px;overflow:hidden;margin:0 auto 50px;}
.flex_spot video{display: block; width: 100%;}

/* 예고보기 view */
.flex_vod .vod_area{margin-bottom:30px;width:1200px;height:676px;overflow:hidden}
.flex_vod .info_area:after{content:'';display:block;clear:both;}
.flex_vod .program_info{max-width:75%;float:left;margin-bottom:56px}
.flex_vod .program_info .date{margin-bottom:12px;letter-spacing:0}
.flex_vod .program_info .tit{margin-bottom:22px;font-size:26px;line-height:32px}
.flex_vod .program_info .txt{line-height:20px}
.flex_vod .program_info .txt b{font-family:'notokr-bold';font-weight:600;}
.flex_vod .program_btn{float:right;font-size:0}
.flex_vod .program_btn button{width:104px;height:72px;text-indent:-9999px;overflow:hidden;}
.flex_vod .program_btn button.btn_vod {background:url(//img.imbc.com/broad/tv/culture/docuflex/images/btn-play.png) }
.flex_vod .program_btn button.btn_download{display:none;margin-left:5px;background:url(//img.imbc.com/broad/tv/culture/docuflex/images/btn-download.png) }

/* 시청자의견 */
.flex_bbs{width:1024px;padding:50px 88px;overflow:hidden;margin:0 auto;background-color:#fff}

#footer {padding:56px 0;background-color:#000;font-family: 'Malgun Gothic, malgun,Nanum Gothic';font-size:12px;color:#ddd;line-height: 20px;letter-spacing: 0;}