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

body{font-family: '¢¬¨ù?¨¬ ¡Æ???', '¢¬¨ù?¨¬¡Æ???', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;}
a{color:inherit;}

/*top*/
.visual-top {position:relative;width: 1024px;margin:0 auto;overflow:hidden;}
.visual-top .pro-info{position: absolute;left: 40px;top: 39px;z-index: 20;}
.visual-top h1.tit-logo  {float:left;display: inline-block;width: 73px;height: 73px;}
.visual-top h1.tit-logo a{display: block;width: 100%;height: 100%;}
 h1.tit-logo a{display: block;width: 100%;height: 100%;}
.visual-top .broad-info {float: left;margin-left: 19px;color:#fff; margin-top:7px; }
.visual-top .broad-info .program-name{display:block;margin-bottom: 7px;font-size:20px;font-weight: bold;line-height: 30px;}
.visual-top .broad-info .broad-title{font-size:12px;line-height: 1.1; letter-spacing:-0.03em;}
.btn-like-program-wrap {display:inline-block;position:absolute;top:35px;right: 0;z-index:100;}

.visual-top .box-visual{margin-bottom:14px; width: 100%;height: 150px;overflow: hidden;}


/* nav */
.nav {position: relative;width: 100%;margin-bottom: 2px;text-align:center;z-index: 150;}
.nav ul {height: 46px;margin:0 auto 44px;border-bottom:1px solid #E5E5E5;text-align:center;}
.nav ul li {position:relative;display:inline-block;margin-right: 34px;line-height:1;text-align:center;}
.nav ul li :last-child{margin-right: 0;	}
.nav ul li>a {display:block;width: 100%;padding: 16px 0 13px;font-size:15px;color:#000;}
.nav ul li>a:hover{border-bottom:3px solid #04b9e8;color:#0095bd;font-weight: bold;}
.nav ul li>a.on{border-bottom:3px solid #04b9e8;color:#0095bd;font-weight: bold;}

.nav ul li .dropdown{position: absolute;left: 50%;display: none;}
.nav ul li .dropdown a{float:left;display:inline-block;margin-right: 14px;font-size:15px;color:#000;line-height: 46px;}
.nav ul li .dropdown a:hover{color:#04b9e8;text-decoration:underline;}

/*===============content [START]===============*/
#programContent.content{width: 1024px;margin: 0 auto;min-height: 380px;}
.section{position:relative;overflow:hidden;}
.main .tit-content {font-size:14px;color:#000;line-height: 28px;font-weight: bold;}

.main .section1{ padding-bottom:46px; }
.main .section2{margin-bottom: 113px;}


.none-video { height:250px; margin-left:-7%; }

/* .section1 */
.main .preVod {overflow: hidden; float:left;}
.main .preVod .article{float:left;display:inline-block;width: 384px;height: 250px;overflow: hidden;}
.main .preVod iframe{width: 100%;height: 100%;}
.main .preVod .txt-wrap{position:absolute;float:left;display:inline-block;width: 335px;height: 212px;padding:18px 0 20px 20px;color:#222;}
.main .preVod .txt-wrap a{display: block;width: 100%;height: 100%;}
.main .preVod .txt-wrap .tit-name{font-size:14px;font-weight: bold;}
.main .preVod .txt-wrap .title { max-height:190px;font-weight:bold; margin: 7px 0 10px 0; font-size:22px; line-height: 27px; overflow: hidden; word-break:keep-all; }
.main .preVod .txt-wrap .summary {max-height:148px;overflow:hidden;letter-spacing:-1px; line-height:21px; word-break:keep-all; color:#757575; font-size:15px; }
.main .preVod .txt-wrap .date{position:absolute;bottom: 6px;left: 20px;font-size:14px;color: #444;letter-spacing: 0; font-weight:bold;}
.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; }

/*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 .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(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;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;}

.bbs-wrap{position:absolute;top: 0;	right: 0;width: 250px;}
.bbs-wrap .btn-plus{position: absolute;top: 0;right: 0;}
.bbs-wrap .bbs-list{margin-top: 6px;padding:20px 20px 18px;background: #EDF3FB}
.bbs-wrap .bbs-list a{font-size: 14px;color:#222;line-height: 30px;}
.bbs-wrap .bbs-list a:hover{text-decoration: underline;}


#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 */
.content-sub { width: 1024px;margin: 0 auto;padding-bottom: 60px;overflow: hidden; }
.content-sub .header {height: 46px;padding-left: 52px;margin-bottom: 10px;background:#1d1e26 url("http://img.imbc.com/broad/tv/culture/beginagame/images/tit-check-w.png") no-repeat 30px center;border:1px solid #1d1e26;font-size:15px;color:#fff806;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 #E5F1F9;box-sizing: border-box;overflow: hidden;}
.content-sub .con-area.none{border:none;}

/* ??¨¬¢¬ 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 { position: relative;padding:0;letter-spacing: -1.4px;}
.concept .staff-info{position:absolute;top: 435px;width: 100%;padding:0 48px 0 57px;font-size:14px;color:#000;line-height: 28px;box-sizing: border-box;}
.concept .tit-staff-intro{width: 100%;height: 47px;padding-left: 28px;background: #C1CCDA url("http://img.imbc.com/broad/tv/culture/tamtv/images/dot-tit.png") no-repeat 16px center;border-radius:25px;font-size: 18px;color:#1d4888;line-height: 43px;box-sizing: border-box;}
.concept .staff-area{padding:23px 18px;}
.concept .staff-area p{padding-left: 12px;background:  url("http://img.imbc.com/broad/tv/culture/tamtv/images/dot-staff.png") no-repeat left center;font-size: 16px;color:#313131;line-height: 34px;}


/* ??¢¯??©ª ¨ù?¡Æ©ø mc */
.mc .con-area {width: 725px;padding:22px 50px 12px 30px;background: url("http://img.imbc.com/broad/tv/culture/beginagame/images/bg-mc.jpg") no-repeat top center;}
.mc .con-area img{width: 100%;}
.mc .mc-main{padding:17px 0;border-bottom: 3px solid #fff;}
.mc .mc-main:last-child{border:0;}
.mc .mc-main .img{display: inline-block;width: 180px;height: 122px;padding:3px;background:#000;vertical-align: top;box-sizing: border-box;}
.mc .mc-main .txt-wrap{display:inline-block;padding-left: 17px;}
.mc .mc-main .txt-wrap .title{margin-top: 14px;margin-bottom:21px;font-size: 18px;color:#fff;line-height: 1;font-weight: bold;}
.mc .mc-main .txt-wrap .txt{font-family:'notokr-regular';font-size:14px;color:#cacaca;line-height: 22px;}


/* ©ö©¡??¨ö??? recruit*/
.recruit .con-area{padding: 0;}
.recruit-area{width: 100%;height: 292px;padding:44px 50px 0;background:url('http://img.imbc.com/broad/tv/culture/tamtv/images/bg-recruit.jpg') no-repeat;font-size:15px;color:#0c274f;line-height: 24px;box-sizing: border-box;}
.revise-wrap{margin-top: 22px;padding:17px 0;border-top: 1px solid #D3E2F0;font-size: 15px;color:#434343;line-height: 35px;}
.revise-wrap .link-revise{display: inline-block;width: 132px;height: 35px;margin-left: 18px;background:#fff;border-radius:17.5px;font-size:13px;color:#0c274f;line-height: 33px;text-align:center;font-weight:bold;vertical-align: top;}