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

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

/*top*/
.main { background: url(http://img.imbc.com/broad/tv/culture/myLittleDesk/images/main-bg-pattern.jpg) repeat-x center top; }
.main .visual-wrap { width:100%; height:546px; font-family:'Nanum Gothic'; box-sizing:border-box; background:url(http://img.imbc.com/broad/tv/culture/myLittleDesk/images/main-visual.jpg) no-repeat center top; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:23px;right:18px;z-index:100;}
.broad-top { width:1051px; position:relative; margin:0 auto; }
.broad-top .broad-info { display:none; position:absolute; top:65px; left:83px; border-radius:7px; font-family:'Nanum Gothic Bold'; font-size:23px; color:#fe998b; background:url(http://img.imbc.com/broad/tv/culture/toron/images8/broad-info-bg.png); padding:11px 23px; box-sizing:border-box; text-shadow:1px 1px 1px #444; }
.broad-top .broad-info strong { display:none; }
.broad-top .broad-info .time { padding-left:13px; margin-left:10px; background:url(http://img.imbc.com/broad/tv/culture/toron/images8/broad-info-line.png) no-repeat left center; }

.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:-41px 0 30px; }
.main .nav .nav-bg { width:100%; height:83px; background:url(http://img.imbc.com/broad/tv/culture/myLittleDesk/images/nav-style.png) no-repeat center top; border-bottom:1px solid #eaeaea; box-sizing:border-box; }
.main .nav ul { text-align:center; }
.main .nav ul li { display:inline-block; *display:inline; zoom:1; height:83px; line-height:85px; background:url(http://img.imbc.com/broad/tv/culture/toron/images8/nav-vertical-line.png) no-repeat left center; margin-left:23px; padding-left:23px; }
.main .nav ul li:first-child { margin-left:0; padding-left:0; background:none; }
.main .nav ul li a {font-size:20px;color:#383d40;}
/*.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:30px; }
.main .section2{ margin-bottom:40px; }
.main .section3{ margin-bottom:50px; }
.main .section2, .main .section3{  }

img.none-video { width:100%; height:250px; }

/* .section1 ´Ù½Ãº¸±â */
.main .preVod {overflow: hidden; float:left;}
.main .preVod .article{float:left;display:inline-block;width: 450px;height: 253px;overflow: hidden;}
.main .preVod iframe{width: 100%;height: 100%;}
.main .preVod .txt-wrap{position:absolute;float:left;display:inline-block;width: 310px;height: 253px; box-sizing:border-box; padding:8px 50px 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:#7d7d7d;margin: 7px 0 10px;font-size:16px;line-height: 28px;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:13px;color: #535353;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:left;font-size:20px; line-height:36px; color:#794926; margin-bottom:13px; }

/*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/myLittleDesk/images/vod-arr.jpg") no-repeat;background-size:cover;font-size:0;text-indent: -9999em;vertical-align: top;cursor: pointer;}
.main .btn-box .btn-list.prev{width: 36px;height: 36px;margin-right: -5px; background-position: 0 0;}
.main .btn-box .btn-list.next{width: 36px;height: 36px;background-position: -35px 0;}
.main .btn-box .num { font-size:14px; color:#313131; line-height:36px; margin-right:12px; letter-spacing:2px; }
.main .btn-box .num strong {  }

/* list-style */
.main .clip-wrap { width:740px; position:relative; }
.main .type-list {text-align: center; height:240px; overflow:hidden;}
.main .type-list .tit-content{margin-bottom: 32px;	}
.main .type-list ul {overflow: hidden; height: 240px;}
.main .type-list li{float:left;width: 240px;height: 240px;margin-right: 10px; }
.main .type-list li:nth-child(3) { margin-right:0; }
.main .type-list>*:first-child + * + * { margin-right:0; }
.main .type-list li:last-child{margin-right: 0;}
.main .type-list li a{display: block;width: 100%;height: 100%;}
.main .type-list li .img{width: 100%;height: 135px;overflow: hidden;}
.main .type-list li .img img{width: 100%;	}
.main .type-list .txt-wrap{padding:15px 3px; box-sizing:border-box; font-size:16px;color:#222;text-align: left;}
.main .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 .type-list .txt-wrap .title{ overflow:hidden; font-size:14px;color:#535353; display: inline-block;width: 190px;max-height: 46px; margin-bottom:15px; line-height: 22px;vertical-align: top;}
.main .type-list .txt-wrap .date { font-size:12px; color:#535353; }

#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: 118px;top: 80px;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:15px;line-height: 1.1; color:#f4a499; font-weight:bold; }
.sub .visual-top .broad-info .broad-title span.time { font-weight:normal; margin-left:13px; }
.sub .visual-top .box-visual {margin:10px 0 20px; width: 100%;height: 280px;overflow: hidden;background:url(http://img.imbc.com/broad/tv/culture/myLittleDesk/images/sub-visual.jpg) no-repeat center top; } 
.sub .visual-top .box-visual a { display:block; width:159px; height:188px; margin:24px 0 0 120px; }

/* ¼­ºê 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:23px; padding-left:23px; }
.sub .nav ul li:first-child { margin-left:0; padding-left:0; background:none; }
.sub .nav ul li a {font-size:20px;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;}

/* Á¦º¸ jebo*/
.jebo { text-align:left; }
.detail-box{margin-top: 22px;margin-bottom: 23px;}
.detail-box p{font-size: 16px;color:#222;line-height: 26px; word-break:keep-all;}
.detail-box p.point{font-weight: bold;}
.detail-box span{color:#12408d;}

.jebo form table caption{text-indent: -9999em;font-size:0px;overflow:hidden;}
.jebo table tr{border-bottom:1px solid #e9e9e9;}
.jebo table tr:last-child{border:0;}
.jebo table th{display:block;width: 62px;padding-left: 18px;font-size:14px;color:#000;line-height: 64px;text-align:left;vertical-align: top;}
.jebo table td{padding:14px 76px 14px 0;}
.jebo table td input{width: 486px;padding:9px 12px 11px;border:1px solid #ccc;border-radius: 2px;font-family:inherit;font-size:14px;color:#656565;line-height: 18px;}
.jebo table td textarea{width: 486px;height: 175px;padding:8px 12px 10px;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;width: 512px;margin: 7px 0;}
.jebo .attach-box input{background: #fff;color:#757575;letter-spacing: inherit;}
.jebo .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;} 
.jebo .attach-box label {position: absolute;top: 2px;right: 2px;display: inline-block; padding: 10px 34px 12px 20px;background: #888a8c url("http://img.imbc.com/broad/tv/culture/pd/images4/ico-search.png") no-repeat 70px 11px;border-radius: 2px;font-size: inherit;font-size:12px;color:#fff;line-height: 14px;text-align:center;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none; appearance: none;cursor: pointer;}
.jebo .attach-box label.upName{text-indent: -9999em;overflow: hidden;}
.jebo .txt-add{margin-top: 11px;font-size:12px;color:#111;}
.jebo .txt-add span{color:#9e1616;}

.agr-wrap{margin-top: 9px;}
.agr-area{padding:26px 20px 23px;background: #f6f6f6;border-radius:2px;}
.agr-area h3{display:inline-block;padding:8px 0 10px;margin-bottom: 9px;border-top:2px solid #000;font-size:16px;color:#000;line-height: 1;font-weight: bold;}
.agr-area dl{margin-bottom: 5px;font-size:14px;line-height: 21px;}
.agr-area dt{color:#9e1616;font-weight: bold;}
.agr-area dd{color:#656565;}
.check-wrap{padding: 19px 20px 25px;border-bottom:1px solid #e9e9e9;overflow: hidden;}
.check-wrap .check-area{position: relative;display: block;width: 100%;height: 25px;}
.check-wrap .check-area input{position: absolute;width: 25px;height: 25px;}
.check-wrap .check-area label{position: absolute;height: 25px;padding-left: 33px;background:#fff url('http://img.imbc.com/broad/tv/culture/document48/images/checkbox-v2.png') no-repeat;background-position: 0 0;font-size:14px;color:#111;line-height: 23px;}
.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 -25px;}

.btn-wrap{margin:25px 0 33px;text-align:center;}
.btn-wrap button{width: 212px;height: 50px;margin-left: -5px;background: #666;border-radius: 2px;border:0;font-family:inherit;font-size:16px;color:#fff;font-weight: bold;line-height: 46px;cursor: pointer;}

.txt-reason { font-size:14px; line-height:20px; margin:5px 0 15px; letter-spacing:0px; }
.txt-reason strong { color:#eb2c2c; }

/* ÇÁ·Î±×·¥ ¼Ò°³ program */
.concept .con-area { font-family: 'Nanum Gothic'; border:1px solid #e6e6e6; padding:0; }
.concept .concept-top { padding:33px 60px 0; box-sizing:border-box; position:relative; }
.concept .concept-top .img { position:absolute; top:90px; right:63px; }
.concept .concept-top h3 { font-weight:normal; font-size:24px; color:#354295; margin-bottom:35px; }
.concept .concept-top .txt { font-size:17px; line-height:26px; }
.concept .concept-bottom .tit-area h4 { font-size:20px; color:#434343; font-family:'Nanum Gothic Bold'; background:url(http://img.imbc.com/broad/tv/culture/myLittleDesk/images/program-tit-style.jpg) no-repeat 5px 7px; padding-left:17px; box-sizing:border-box; }
.concept .concept-bottom .corner-tit { height:130px; background:url(http://img.imbc.com/broad/tv/culture/myLittleDesk/images/program-corner.jpg) no-repeat center top; padding:80px 65px 0; box-sizing:border-box; margin-bottom:20px; }
.concept .concept-bottom .corner-tit h4 { border-bottom:1px solid #ebebeb; padding-bottom:14px; }
.concept .concept-bottom .corner-info { padding:0 65px; box-sizing:border-box; margin-bottom:25px; }
.concept .concept-bottom .corner1 { }
.concept .concept-bottom .corner-info .tit-area { margin-bottom:14px; }
.concept .concept-bottom .corner-info .txt-area { font-size:14px; line-height:28px; color:#434343; }
.concept .concept-bottom .corner-staff { padding:0 65px; box-sizing:border-box; overflow:hidden; }
.concept .concept-bottom .corner-staff .tit { font-size:18px; color:#1b1b1b; font-family:'Nanum Gothic Bold'; border-bottom:1px solid #d2d2d2; padding-bottom:15px; margin-bottom:15px; }
.concept .concept-bottom .corner-staff .img { float:left; width:260px; }
.concept .concept-bottom .corner-staff .txt { width:333px; float:left; }
.concept .concept-bottom .corner-staff .mc-list ul li { font-size:16px; line-height:24px; color:#1b1b1b; margin-top:12px; }
.concept .concept-bottom .corner-staff .mc-list ul li:first-child { margin-top:0; }
.concept .concept-bottom .mc { margin-bottom:15px; }
.concept .concept-bottom .staff { margin-bottom:35px; }
.concept .concept-bottom .staff ul { overflow:hidden; margin-bottom:30px; }
.concept .concept-bottom .staff ul li { width:25%; float:left; font-size:16px; line-height:28px; }
.concept .concept-bottom .corner-end { background-color:#dbe8f6; text-align:center; line-height:42px; border-radius:30px; font-size:15px; color:#151515; }

/* Ã⿬Áø ¼Ò°³ mc */