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

body {font-family: 'Nanum Gothic', '맑은 고딕', '맑은고딕', 'Malgun Gothic', 'malgun'; letter-spacing: -1.2px;}
a {color: inherit;}

/*top*/
.main {/*padding-top: 10px;*/}
.main .visual-wrap {width: 100%; height: 504px; font-family: 'Nanum Gothic'; box-sizing: border-box; background: url(http://img.imbc.com/broad/tv/culture/toron/images8/main-visual-v10.jpg) no-repeat center top;}
.btn-like-program-wrap {display: inline-block; position: absolute; top: 23px; right: 18px; z-index: 100;}
.main .btn-like-program-wrap {top: 13px; right: 31px;}
.broad-top {width: 1051px; position: relative; margin: 0 auto;}
.broad-top .broad-info {position: absolute; top: 75px; left: 50%; margin-left: -450px; border-radius: 7px; font-family: 'notokr-regular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 23px; padding: 9px 24px; box-sizing: border-box; text-shadow: 1px 1px 1px #444; color: #fff;}
.broad-top .broad-info strong {display: none;}
.broad-top .broad-info .time {margin-left: 13px; padding-left: 13px; background: url(http://img.imbc.com/broad/tv/culture/toron/images8/t_sp_bar.jpg) 0 7px no-repeat;}
.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 */
.main .nav {margin-bottom: 30px; border-bottom: 1px solid #d6d6d6; box-sizing: border-box;}
.main .nav .nav-bg {width: 100%; height: 82px; line-height: 82px; background: #fff url(http://img.imbc.com/broad/tv/culture/toron/images8/nav-bg_v2.jpg) no-repeat center top;}
.main .nav ul {text-align: center;}
.main .nav ul li {display: inline-block; *display: inline; zoom: 1; background: url(http://img.imbc.com/broad/tv/culture/toron/images8/nav-vertical-line.png) no-repeat left center; margin-left: 20px; padding-left: 20px; vertical-align: middle;}
.main .nav ul li:first-child {margin-left: 0; padding-left: 0; background: none;}
.main .nav ul li a {font-size: 18px; color: #383d40;}
.main .nav ul li#youtube a {vertical-align: bottom;}
.main .nav ul li#youtube a img {vertical-align: middle;}
/*.nav ul li>a:hover{border-bottom:3px solid #0d93dc;color:#0d93dc;font-weight: bold;}
.nav ul li>a.on{border-bottom:3px solid #0d93dc;color:#0d93dc;font-weight: bold;}*/

/*===============메인 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 {margin-bottom: 60px;}
.main .section2 {margin-bottom: 40px;}
.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: 505px;height: 290px;}
.main .preVod iframe {width: 100%; height: 100%;}
.main .preVod .txt-wrap {position: absolute;float: left;display: inline-block;wid;width: 215px;ht: 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: 20px; color: #794926; padding-bottom: 9px; border-bottom: 1px solid #e6e6e6;}
.main .preVod .txt-wrap .title {color: #1b1b1b; margin: 7px 0 10px; font-size: 18px; line-height: 26px; overflow: hidden;}
.main .preVod .txt-wrap .summary {font-size: 13px; line-height: 20px; color: #7d7d7d;}
.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;}

/* .section2 패널 */
.main .section2 h2.tit-content {background: url(http://img.imbc.com/broad/tv/culture/toron/images8/toron-bg.jpg) no-repeat center top; background-size: 100%; font-size: 20px; height: 46px; line-height: 46px; text-align: center;}
.main .section2 h2.tit-content strong {margin-right: 12px; color: #fff;}
.main .section2 h2.tit-content span {color: #fff; font-weight: normal;}
.main .panel-area {background: #f3f3f3 url(http://img.imbc.com/broad/tv/culture/toron/images8/toron-shadow.png) no-repeat center top; background-size: 100%; padding: 34px 0 30px;}
.main .panel-area ul {font-size: 0; overflow: hidden; width: 1011px; margin: 0 auto; text-align: center;}
.main .panel-area ul li {width: 137px; display: inline-block; text-align: center; vertical-align: top; margin-left: 18px;}
.main .panel-area ul li:first-child {margin-left: 0;}
.main .panel-area ul li .img {margin-bottom: 10px; width: 137px; overflow: hidden; border-radius: 50%; background-color: #dddddd;}
.main .panel-area ul li .panel-info strong,
.main .panel-area ul li .panel-info span {display: block; line-height: 1;}
.main .panel-area ul li .panel-info strong {font-size: 16px; margin-bottom: 5px;}
.main .panel-area ul li .panel-info span {font-size: 14px; line-height: 20px;}

/* .section3 지난방송 */
.main .section3 h2.tit-content {text-align: center; font-size: 20px; color: #794926; margin-bottom: 30px;}

/*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 ul.type-list {text-align: center;}
.main ul.type-list .tit-content {margin-bottom: 32px;}
.main ul.type-list {overflow: hidden;}
.main ul.type-list li {float: left; width: 316px; height: 266px; margin-right: 21px;}
.main ul.type-list li:last-child {margin-right: 0;}
.main ul.type-list li a {display: block; width: 100%; height: 100%;}
.main ul.type-list li .img {width: 100%; height: 178px; overflow: hidden;}
.main ul.type-list li .img img {width: 100%;}
.main ul.type-list .txt-wrap {padding: 13px 17px 14px; border: 1px solid #E7E7E7; border-top: 0; font-size: 16px; color: #222; text-align: left;}
.main ul.type-list .txt-wrap .ico-vod {display: inline-block; width: 72px; height: auto; padding-left: 16px; background: url("http://img.imbc.com/broad/tv/culture/toron/images8/ico-vod.png") no-repeat left center; font-weight: bold; font-size: 14px; color: #444; line-height: 16px;}
.main ul.type-list .txt-wrap .title {display: inline-block; width: 190px; margin-top: -4px; min-height: 58px; line-height: 26px; vertical-align: top;}

#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 */
/* 서브 탑 */
.sub .visual-top {position: relative; width: 1024px; margin: 0 auto; overflow: hidden; font-family: 'Nanum Gothic';}
.sub .visual-top .pro-info {position: absolute; left: 120px; top: 50px; z-index: 20;}
.sub .visual-top h1.tit-logo {float: left; display: inline-block; width: 73px; height: 73px; display: none;}
.sub .visual-top h1.tit-logo a {display: block; width: 100%; height: 100%;}
.sub h1.tit-logo a {display: block; width: 100%; height: 100%;}
.sub .visual-top .broad-info {float: left;}
.sub .visual-top .broad-info .program-name {display: block; margin-bottom: 2px; font-size: 22px; font-weight: bold; line-height: 44px; display: none;}
.sub .visual-top .broad-info .broad-title {font-size: 16px; line-height: 22px; color: #FFF; font-family: 'notokr-regular', Arial, "Helvetica Neue", Helvetica, sans-serif;}
.sub .visual-top .broad-info .broad-title span.time {margin-left: 13px;}
.sub .visual-top .box-visual {margin-bottom: 20px; width: 100%; height: 280px; padding-top: 10px; overflow: hidden;}

/* 서브 nav */
.sub .nav {margin-bottom: 30px; border-bottom: 1px solid #d6d6d6; padding-bottom: 20px; box-sizing: border-box;}
.sub .nav ul {text-align: center;}
.sub .nav ul li {display: inline-block; *display: inline; zoom: 1; background: url(http://img.imbc.com/broad/tv/culture/toron/images8/nav-vertical-line.png) no-repeat left center; margin-left: 20px; padding-left: 20px; vertical-align: middle;}
.sub .nav ul li:first-child {margin-left: 0; padding-left: 0; background: none;}
.sub .nav ul li#youtube a {vertical-align: bottom;}
.sub .nav ul li#youtube a img {vertical-align: middle;}
.sub .nav ul li a {font-size: 18px; color: #383d40;}
.sub .nav ul li:hover {}
.content-sub {width: 1024px; margin: 0 auto; padding-bottom: 60px; overflow: hidden;}
.content-sub .header {height: 46px; padding-left: 52px; margin-bottom: 10px; background: #f5f6f3 url("http://img.imbc.com/broad/tv/culture/document48/images/tit-check.png") no-repeat 30px center; border: 1px solid #ecf0e3; 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;}

/* 출연진 소개 mc */
.mc .con-area {border: 1px solid #e6e6e6; padding: 0;}
.mc .mc-wrap {overflow: hidden; box-sizing: border-box; padding: 385px 65px 50px; word-break: keep-all; background: url(http://img.imbc.com/broad/tv/culture/toron/images8/mc-bg_06.jpg) no-repeat center top;}
.mc .mc-wrap h3 {/*border-bottom: 1px solid #ebebeb;*/ font-size: 18px; color: #434343; line-height: 24px; margin: 22px 0 28px; padding-bottom: 16px; overflow: hidden;}
.mc .mc-wrap h3 span.rect {text-indent: -9999px; background-color: #574568; display: block; float: left; width: 6px; height: 6px; margin: 10px 5px 0 0;}
.mc .mc-list {width: 50%; float: left;}
.mc .mc-list.left {padding-right: 36px; box-sizing: border-box;}
.mc .mc-list.right {background: url(http://img.imbc.com/broad/tv/culture/toron/images8/mc-center-dot.png) repeat-y left top; padding-left: 36px; box-sizing: border-box;}
.mc .mc-list ul.out-list li.out-item {margin-top: 27px; font-size: 13px; line-height: 20px; color: #434343;}
.mc .mc-list ul.out-list li.out-item:first-child {margin-top: 0;}
.mc .mc-list ul.out-list li.out-item strong {}
.mc .mc-list ul.inner-list li {word-break: keep-all; background: url(http://img.imbc.com/broad/tv/culture/toron/images8/mc-list-style.png) no-repeat left 9px; padding-left: 7px;}