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

body{font-family:'Nanum Gothic','¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun';letter-spacing: -1.2px;}
button {border:0 none;background:none;cursor:pointer;}
.center{width: 990px;margin: 0 auto;}
#container{width: 100%;background: url("http://img.imbc.com/broad/tv/culture/pd/images4/bg2018-v2.jpg") no-repeat top center;}

/*=====»ó´Ü=====*/
.visual-top{position:relative;text-align:center;} 
.visual-top .logo{padding-top: 72px;margin-bottom: 61px;margin-left: -7px;}
.btn-like-program-wrap{position: absolute;right: 10px;	top: 16px;}

.preVod{text-align:left;}
.preVod .broad-info{position:relative;width: 100%;height: 60px;background: url("http://img.imbc.com/broad/tv/culture/myeoneuri/images/icon-home.png") no-repeat 19px 14px;}
.preVod .broad-info strong{padding-left: 59px;margin-right: 14px;line-height: 60px;font-weight: normal;letter-spacing: -1.5px;}
.preVod .broad-info .date{padding-left: 16px;background:url("http://img.imbc.com/broad/tv/culture/myeoneuri/images/bar-date.png") no-repeat center left;letter-spacing: -0.5px;}
.preVod .broad-info .btn-vod{display:inline-block;position: absolute;top: 12px;right: 25px;width: 102px;height: 37px;background:url("http://img.imbc.com/broad/tv/culture/myeoneuri/images/btn-vod.png") no-repeat center;font-size:0;text-indent: -9999em;}
.vod-ifame{width: 100%;box-shadow: 0px 4px 4px rgba(0,0,0,0.2)}
.vod-ifame a{display: block;width: 100%;height: 100%;}
.vod-ifame img{width: 100%;}
/*¹æ¼ÛÁ¤º¸+¿¹°í¿µ»ó ¡é º¯È­ Òý*/
.preVod .broad-info{background-color: #ECECEC;}
.preVod .broad-info strong{margin-right: 16px;font-family:'notokr-demilight';font-size:20px;color:#323232;}
.preVod .broad-info .date{padding-left: 0;background:none;font-family:'notokr-light';font-size:14px;color:#000;}
.vod-ifame{height: 536px;}

/*nav*/
.main .nav{margin-top: 8px;}
.nav {text-align:center;margin: 0 auto;z-index: 100;font-family:'notokr-regular';position: relative;;}
.nav ul {overflow:hidden;margin:0 auto;text-align:center;  *margin-right: 39px;}
.nav ul li {display:inline;height:80px;padding: 0 22px;line-height:80px;text-align:center;}
.nav ul li a {font-size:18px;color:#222;letter-spacing:-1px;}
.nav ul li.first-item a {background:none;} 
.nav ul li:last-child{margin-right: 112px;}
.main .pd-fb{margin-top: 20px;z-index: 150;}
.pd-fb{position: absolute;left: 50%;margin-left: 263px;margin-top: 10px;z-index: 150;}

.sub .nav{margin:2px auto 44px;}
.sub .nav ul{border-bottom:1px solid #D6D6D6;}
.sub .nav li {display: inline-block;*display: inline;text-align: center;}
.sub .nav li:last-child{display:none;margin-right: 0;}
.sub .nav li a{position: relative;display: inline-block;*display: inline;font-size:18px;color:#222;}
.sub .nav li a:hover{border-bottom:3px solid #4d3f37;color:#4d3f37;font-weight: bold;}
.sub .nav, .sub .nav li{height: 48px;line-height: 48px;}
.sub .nav li a{height: 46px;line-height: 46px;}
.sub .nav li .item{font-family:'¸¼Àº °íµñ', '¸¼Àº°íµñ';font-size:16px;}
.sub .nav li.last-item{display: none;}

/*main*/
.main .tit-content {height:22px;line-height:1;text-align:center;font-size:22px;color:#353c4d; padding: 42px 0 47px; }
.main .tit-content span {font-weight:normal;}
.main .content-inner {overflow:hidden;margin:0 auto;width:1024px;}
.content .con-inner {position:relative;overflow:hidden;margin:0 auto;padding-bottom:29px;width:1024px;}
.content .subject {float:left;margin-right:12px;margin-bottom:10px;width:250px;height:250px;line-height:250px;font-weight:600;text-align:center;color:#fff;font-size:24px;letter-spacing:-1px;}
.content .articles {overflow:hidden;}
.content .article {float:left;margin-bottom:10px;width:500px;height:250px;}
.content .article .img {position:relative;overflow:hidden;float:left;width:250px;height:250px;}
.content .article img {position:absolute;left:-100%;right:-100%;margin:auto;min-width:250px;height:100%;}
.btn-jebo{display:block;width: 150px;height: 40px;background: url("http://img.imbc.com/broad/tv/culture/pd/images4/btn-jebo.png") no-repeat center;margin-top: 24px;position: absolute;bottom: 20px;}
.content .enews .article img {position:static;margin:0;}
.content .article .txt {position:relative;float:left;padding:30px 22px;width:206px;height:190px;letter-spacing:-1px;background:#fff;}
.content .article .txt .title {display:block;margin-bottom:15px;padding-bottom:15px;line-height:28px;border-bottom:1px solid #ccc;font-size:20px;color:#000;}
.content .article .txt .summary {overflow: hidden; max-height: 80px; line-height: 20px; font-size: 14px; color: #363636; padding-top: 29px;}
.content .article .txt .summary>em{font-size: 18px;color:606060;line-height: 1.6;}

.content .article.change .txt .title {display:block;margin-bottom:15px;padding-bottom:15px;line-height:10px;border-bottom:1px solid #ccc;font-size:16px;color:#000;}
.content .article.change .txt .summary {overflow: hidden; font-size: 14px; color: #363636; position: absolute;bottom: 68px;}
.content .article.change .txt .summary>em{font-size: 16px;color:#606060;line-height: 1.4;margin-left: 10px;}
.content .article .txt .jebo-detail{font-size:14px;line-height: 1.6;}
.content .article .txt .jebo-detail>p{font-size:14px;line-height: 1.6;}


.preview .article .txt .summary {overflow: hidden; max-height: 140px; line-height: 20px; font-size: 14px; color: #606060; padding-top: 29px;}

.content .article .txt .date {position:absolute;left:25px;bottom:20px;line-height:1.4;font-size:14px;color:#606060;}
.content .article .txt .BroadDate{font-size:14px; margin-right: 11px; color: #5e6c82; margin-bottom:15px; }
.content .article .txt .ContentNumber{font-size:14px; margin-right: 11px; color: #5e6c82;}
.bg-arr {position:absolute;left:-15px;top:50%;margin-top:-12px;width:15px;height:23px;background:url("http://img.imbc.com/broad/tv/ent/wedding/2016/img/bg-arr-left.png") no-repeat;}
.article.last-item {margin-left:12px;width:512px;}
.article.last-item .txt {padding:30px 31px;width:200px;*width:262px;}
.article.last-item .txt .date {left:31px;}

.section .section-banner {float:left;margin-left:12px;}
.section .box-square {position:relative;overflow:hidden;float:left;padding:22px 16px;width:216px;height:204px;border:1px solid #e6e6e6;color:#4f4f4f;letter-spacing:-1px;background-color:#fff;}
.box-square .title {padding-bottom:12px;font-weight:400;font-size:18px;color:#c44456;}
.box-square .img img {width:220px;}
.box-square .txt {padding-top:6px;line-height:1.4;font-size:16px;color:#040404;}

.article.article-multi {position:relative;padding:0 24px;width:712px;height:248px;border:1px solid #e6e6e6;background-color:#fff;}
.article.article-multi .img {display:none;position:absolute;left:-1px;top:-1px;}
.article.article-multi .title {margin-left:250px;height:42px;line-height:40px;border-top:1px solid #e6e6e6;font-size:18px;color:#3a3a3a;letter-spacing:-1px;}
.article.article-multi a.over .img {display:block;}
.article.article-multi a.over .title {color: #7c371c;}
.article.article-multi a:first-child .title {margin-top:18px;border-top:0 none;}
.article.article-multi .bg-arr {left:234px;}

.box-title {position:relative;float:left;margin-right:12px;width:250px;height:250px;line-height:1;text-align:center;font-size:24px;color:#fff;background: #32353D;}
.box-title strong {display:block;line-height:244px;font-weight:normal;}
.box-title span{font-size:20px;color:#fff;opacity:0.3;position: absolute;bottom: 26px;right: 64px;}
.box-title .btn-more {position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url("http://img.imbc.com/broad/radio/include/img/ico-more-w.png") no-repeat;opacity: 0.6;}
.main .box-control {position:absolute;right:28px;bottom:18px;}
.main .box-control button {width:19px;height:27px;line-height:0;font-size:0;color:transparent;}
.box-control .btn-before {margin-right:24px;background:url("http://img.imbc.com/broad/radio/include/img/btn-before-w.png") no-repeat;}
.box-control .btn-after {background:url("http://img.imbc.com/broad/radio/include/img/btn-after-w.png") no-repeat;}


.main .ad-rectangle {position:absolute;right:0;top:0;}

/* program style */

.content .section1 {background: #647387;height: 361px;overflow: hidden;padding-bottom: 29px;}
.content .section2 {background: #9BB6C8;height: 621px;overflow: hidden;padding-bottom: 29px;}
.content .section3 {background: #E0EAF1;height: 361px;overflow: hidden;padding-bottom: 29px;}

.section1 .tit-content{color:#E6E6E6;}
.section2 .con-inner .btn-more{position:absolute;top:200px;left:200px;z-index:10;}
.preview .menu {display:block;margin-bottom:18px;width:80px;line-height:20px;border-radius:10px;text-align:center;font-size:12px;color:#fff;}
.section1 .box-title {background: #32353D;border:3px solid #939DAB;width: 240px;height: 244px;}

.section-news .box-title strong {line-height:1;}
.replay {margin-left:12px;}
#footer {padding:56px 0 100px;color:#040404;background-color: #E0EAF1;}
.ui-state-sub #footer {padding:28px 0 100px;background: #fff;}
.l-copyright{font-family:'µ¸¿ò','dotum';line-height: 21px;letter-spacing: 0;opacity: 0.7;}


/* main ++ */
.main .preview{width: 500px;height:281px;border:3px solid #fff;margin-left: -490px;top: 217px;left: 50%;padding: 17px;position: absolute;}
.main .preview .article{position: relative;}
.main .preview .article .img img{height: 281px}
.main-notice{position:absolute;top: -18px;left: -18px;}
.main .preview .article .txt{margin-top: 37px;}
.main .preview .article .txt .BroadDate, .main .preview .article .txt .ContentNumber{font-size: 16px;color:#fff;letter-spacing: -1px}
.main .preview .article .txt .ContentNumber{margin-left: 6px}
.main .preview .article .txt .title{font-size: 20px;color:#fff;line-height: 1.5; margin-top:5px; letter-spacing: -1px}
.main .preview .article .txt .notice{position: absolute;right: 4px;top: 324px;}


.section2 .con-inner{height: 500px;}
.vod-list {overflow: hidden;position: absolute;}
.vod-list li{float:left;margin-bottom:10px;width:500px;height:250px;}
.vod-list li:first-child{margin:0 262px 10px}
.vod-list li:last-child{margin-left:10px;width: 513px;}
.vod-list li .img {position:relative;overflow:hidden;float:left;width:250px;height:250px;}
.vod-list img {position:absolute;left:-100%;right:-100%;margin:auto;min-width:250px;height:100%;}
.vod-list li .txt {position:relative;float:left;padding:30px 22px;width:206px;height:190px;letter-spacing:-1px;background:#fff;}
.vod-list li:last-child .txt{width: 217px;}
.vod-list li:last-child .img{width: 252px;}
.vod-list li .txt .ContentNumber{font-size: 14px;color:#5e6c82;margin-right: 12px;font-weight:normal;}
.vod-list li .txt .BroadDate{font-size:14px;color:#5e5e5e;font-weight:normal;}
.vod-list li .txt .title {display:block;margin-bottom:12px;margin-top: 14px;padding-bottom:13px;border-bottom:1px solid #ccc;font-size:20px;color:#000;line-height: 1.4;font-weight:normal;}
.vod-list li .txt .summary {overflow: hidden; max-height: 80px; line-height: 20px; font-size: 14px; color: #606060;font-weight:normal;}
.vod-list li .txt .summary>em{font-size: 18px;color:606060;line-height: 1.6;}


/* ad */
#float_stamp_ad {top: 124px! important;}


/* ====================¼­ºê sub==================== */
.sub{background: #fff;font-family:'¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun';}

.sub .visual-top{position:relative;width: 1024px;margin: 0 auto;height: 280px;padding:10px 0;background:url(http://img.imbc.com/broad/tv/culture/pd/images4/bg-sub2018-v3.jpg) no-repeat center;}
.sub .visual-top .pro-data {position:absolute;bottom:40px; left:40px;text-align:left;overflow:hidden;}
.sub .visual-top .pro-data .tit-logo{float:left;display:inline-block;width: 73px;	height: 73px;margin-right: 18px;}
.sub .visual-top .pro-data .broad-info {float:right;display:inline-block;color:#fff;letter-spacing: -0.5px;	}
.sub .visual-top .pro-data .broad-title{padding:8px 0 10px;font-size:22px;font-weight: bold;letter-spacing: -2px;line-height: 25px;}
.sub .visual-top .pro-data .broad-date{font-size:12px;line-height: 1.2;}

.sub .content { width:1024px; *width:1024px;margin: 0 auto; padding-bottom:50px;background: #fff; text-align: left; overflow: hidden;}
.sub .content .cont-left {position:relative;margin-right: 48px; width: 725px; float: left;}
.sub .content .cont-left .imbbs{text-align:center;padding-top:10px;margin-top:10px;border:1px solid #dbdbdb;}
.sub .content .cont-right { float: left;}
.sub .content h2.tit-content { color:#000; padding-left:50px; background:#F5F6F3 url(http://img.imbc.com/broad/tv/ent/livingwith/img/sub-title.png) 28px no-repeat; border:1px solid #ECF0E3; margin-bottom: 10px;letter-spacing:-0.75px;font-size:15px;line-height: 44px;font-weight:bold;}
.sub .content h2.tit-content span{color:#777; font-size:15px;font-weight:normal;}

.content .con-area {padding:20px;min-height:1140px;border:1px solid #DADADA;text-align:center;overflow:hidden;}
.content .con-area.none{position: relative;padding: 0;border:0;min-height:0;}


/* MC */
.sec-sub-content{text-align: left;}
.list-mc {padding:32px 13px 0 36px;font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò';position: relative;border:1px solid #e5e5e5;height: 1201px;}
.grid-mc {width:100%;}
.tit-mc {line-height: 2;color:#2e2e2e;}
.tit-mc em {display:inline-block;font-size:18px;margin-right:5px;}
.tit-mc span {display:inline-block;font-size:14px;}
.wrap-mc-img {float:left;}
.wrap-mc-img span {position:relative;display:block;overflow:hidden;margin:6px 12px 17px 10px;}
.wrap-mc-img .pannel {position:absolute;top:28px;z-index:10;}
.wrap-mc-txt {margin-left:234px;}
.list-year {margin-bottom:8px;color:#333;}
.list-year dt {font-size:13px;margin-bottom:7px;margin-top: 28px;font-weight:bold;}
.list-year dd {padding:0;line-height:16px;margin-bottom: 4px;}
.list-year dd.prize-dd {margin-bottom: 24px;}


/*jebo*/
.jebo .con-area{padding: 10px 22px 10px 29px;font-family: '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;text-align:left;}
.detail-box{margin-top: 22px;margin-bottom: 16px;}
.detail-box p{font-size: 16px;color:#222;line-height: 26px;}
.detail-box p.point{font-weight: bold;}
.detail-box p.point2{margin-top: 7px;font-size:14px;}
.detail-box span{color:#18779c;}

.jebo form{width: 100%;}
.jebo form table{table-layout:fixed;width: 624px;}
.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;background:#fff;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{color:#757575;letter-spacing: inherit;}
.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;} 
.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;}
.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:#18779c;}
.agr-wrap{margin-top: 13px;}
.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:#18779c;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 0px;font-size:14px;color:#111;line-height: 23px;cursor: pointer;}
.check-wrap input[type="checkbox"]:checked + label {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;}