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

body{ font-family: "Nanum Gothic", "Malgun Gothic", "¸¼Àº °íµñ", dotum, µ¸¿ò; font-weight:normal; letter-spacing: -1px; }
a{color:inherit;}

/*top*/
.visual-top { width:100%; height:460px; background:url(http://img.imbc.com/broad/tv/culture/judgment/images/main-bg.jpg) no-repeat center top;}
.visual-top .visual { position:relative; width:1024px; height:100%; margin:0 auto; }
.visual-top .visual .pro-info { padding:119px 0 0 60px; box-sizing:border-box; }
.visual-top h1.tit-logo { margin-bottom:30px; }
.visual-top h1.tit-logo a {}
.visual-top .broad-info { }
.visual-top .broad-info .broad-title { font-size:20px; color:#ff8d9a; font-family: "Nanum Gothic Bold"; letter-spacing:-1px; }
.visual-top .broad-info .broad-title strong { color:#ffc2d3; }

.visual-top .btn-like-program-wrap { position:absolute; top:20px; right:0; }

.visual-top .box-visual{margin-bottom:15px; width: 100%;height: 280px;padding-top: 10px;overflow: hidden;}
.sub .visual-top .box-visual{  }
.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 */
.nav { position: relative; width: 100%; text-align:center; z-index:150; margin-bottom:45px; }
.nav ul { font-size:0; height:60px; }
.nav ul li { line-height:60px; display:inline; font-size:16px; color:#3a3a3a; padding:0 18px; background:url(http://img.imbc.com/broad/tv/culture/judgment/images/nav-vertical.png) no-repeat left center; letter-spacing:-0.05em; }
.nav ul li:first-child { background:none; }
.nav ul li a { font-family: "Nanum Gothic", "Malgun Gothic", "¸¼Àº °íµñ", dotum, µ¸¿ò; border-bottom:1px solid #fff; box-sizing:border-box; }
.nav ul li a.on { color:#800d31; font-family: "Nanum Gothic Bold"; border-bottom:1px solid #800d31; }

/*===============content [START]===============*/
#programContent.content{width: 1024px;	margin: 0 auto;}
.section{position:relative;overflow:hidden;}
.main .tit-content {font-size:14px;color:#000; margin-bottom:13px; font-family: "Nanum Gothic Bold"; }

.main .section1{margin-bottom:73px;}
.main .section2{  }
.main .section3{ margin-top:10px; margin-bottom: 100px;}
.main .section2, .main .section3{  }

/* .section1 */
.main .preVod { overflow: hidden; float:left; overflow:hidden; }
.main .preVod .article { display:block; float:left; overflow:hidden; width:384px; height:250px; }
.main .preVod .txt-wrap { letter-spacing:-0.01em; position:relative; padding:25px 30px; width:370px; height:250px; float:left; overflow:hidden; background-color:#f8f8f8; border:1px solid #e5e5e5; box-sizing:border-box; }
.main .preVod .txt-wrap .tit-name { margin-bottom:8px; font-weight:normal; color:#c1146a; font-size:14px; }
.main .preVod .txt-wrap .title { color:#1a1a1a; font-size:22px; line-height:32px; height:160px; overflow:hidden; word-break:keep-all; }
.main .preVod .txt-wrap .date { font-size:14px; color:#1a1a1a; position:absolute; bottom:25px; left:30px; }
.main .preVod .txt-wrap .date .num { margin-left:10px; padding-left:10px; background:url(http://img.imbc.com/broad/tv/culture/judgment/images/nav-vertical.png) no-repeat left center; }
.main .ad-rectangle { position:absolute; bottom:0; right:0; width:250px; height:250px;}
.main .banner { position:absolute; top:0; right:0; }
.video-img { height:100%; margin-left:-7%; }

/*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 { position:relative;}
.main .clip-wrap .tit-content { padding-top:6px; }
.main .type-list{width: 100%;height: 216px; overflow: hidden;}
.main .type-list li{float: left;width: 230px;margin-right: 34px;}
.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;}
.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-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 */
.sub { background-color:#efefef; }
.sub .visual-top { margin-bottom:0; width:100%; height:310px; background:url(http://img.imbc.com/broad/tv/culture/judgment/images/sub-bg.jpg) no-repeat center top;}
.sub .visual-top .visual .pro-info { padding:60px 0 0 125px; box-sizing:border-box; }
.sub .visual-top h1.tit-logo { margin-bottom:13px; }
.sub .visual-top .broad-info .broad-title { font-size:18px; }

.sub .content { width:1024px; background-color:#fff; margin: -60px auto 0; }
.sub .content .nav { margin-bottom:45px;  }
.sub .content .nav ul {  }
.sub .content .nav ul li {  }
.sub .content .nav ul li a {  }
.sub .content .nav ul li a.on {  }
.sub .content-sub { padding:0 36px 60px; box-sizing:border-box; overflow: hidden; }
.sub .content-sub .cont-left {float:left; width: 685px; text-align: left;}
.sub .content-sub .cont-right{ float: right !important; }
.sub .content-sub .con-area{ overflow: hidden; }
.sub .content-sub h2.header { padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #eee; }

/* ÇÁ·Î±×·¥ ¼Ò°³ */
.staff { padding:48px 0; text-align:center; background:#b22c45; font-size:14px; color:#ffb9a7; }
.staff h4 { margin-bottom:12px; }
.staff p { margin-bottom:6px; line-height:20px; }

/* Ã⿬Áø ¼Ò°³ mc */
.mc .cont-left { }
.mc-wrap { overflow:hidden; margin-left:40px; border-bottom:1px solid #ececec; padding:40px 0; }
.mc-wrap .type { width:65px; float:left; }
.mc-wrap .type h3 { font-size:16px; color:#a72a71; word-break:keep-all; line-height:24px; }
.mc-wrap .list-note { font-size:13px; text-align:right; font-family: "Nanum Gothic Bold"; margin-bottom:5px; color:#444; }
.mc-wrap .list { width:580px; float:left; overflow:hidden; }
.mc-wrap .list ul li { margin-top:40px; overflow:hidden; }
.mc-wrap .list ul li:first-child { margin-top:0; }
.mc-wrap .list img { float:left; width:140px; margin-right:20px; }
.mc-wrap .list .text { line-height:22px; float:left; width:420px; }
.mc-wrap .list .text h4.name { font-size:16px; color:#1a1a1a; letter-spacing:0; }
.mc-wrap .list .text p.sub-info { font-size:13px; color:#810c2f; font-family: "Nanum Gothic Bold"; letter-spacing:0; }
.mc-wrap .list .text p.sub-info strong { text-decoration:underline; }
.mc-wrap .list .text p.info { font-size:13px; color:#5a5a5a; word-break:keep-all; letter-spacing:-0.075em;}

/* Á¦º¸ jebo*/
.jebo { text-align:left; }
.detail-box{ margin-bottom: 23px;}
.detail-box p{font-size: 16px;color:#222;line-height: 26px; word-break:keep-all;}
.detail-box p.point{font-family: "Nanum Gothic 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-family: "Nanum Gothic Bold";}
.agr-area dl{margin-bottom: 5px;font-size:14px;line-height: 21px;}
.agr-area dt{color:#9e1616;font-family: "Nanum Gothic 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-family: "Nanum Gothic Bold";line-height: 46px;cursor: pointer;}