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

body{font-family: 'notokr-regular','¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;}
a{color:inherit;}
.ellip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellip2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;}

#container{width: 100%;background: url("http://img.imbc.com/broad/tv/culture/newlife/images/bg-main2018-v2.jpg") no-repeat top center;}
.center{width: 990px;margin: 0 auto;}
.main .tit-content{font-family: 'notokr-bold';font-size:24px;color:#222;letter-spacing: -0.25px;line-height: 32px;}

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

/*=====¹æ¼ÛÁ¤º¸+¿¹°í¿µ»ó default====*/
.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.8px;}
.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: #f38300;}
.preVod .broad-info strong{margin-right: 16px;font-family:'notokr-demilight';font-size:20px;color:#fff;}
.preVod .broad-info .date{padding-left: 0;background:none;font-family:'notokr-light';font-size:14px;color:#fff;opacity: 0.5;}
.vod-ifame{height: 603px;}


/*=====¸Þ´º default=====*/
.nav { display:none; height: 83px;margin: 7px auto 44px;font-family:'¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun';letter-spacing:-0.75px}
.nav ul {height: 83px;border-bottom:1px solid #D6D6D6;text-align: center;overflow: hidden;}
.nav li {display: inline-block;*display: inline;height: 83px;text-align: center;}
.nav li .item{position: relative;display: inline-block;*display: inline;font-size:18px;color:#222;line-height:81px;}
.nav li .item:hover, .nav li .item.active{border-bottom:3px solid;}
/*¸Þ´º ¡é º¯È­ Òý*/
.nav li .item{margin:0 23px;}
.nav li .item:hover, .nav li .item.active{border-color:#1B4C4F;color:#1B4C4F;}
.sub .nav, .sub .nav li, .sub .nav li a{height: 46px;line-height: 46px;}
.sub .nav li .item{font-size:16px;}
.sub .nav{margin:2px auto 44px;}


/*=====ÆгΠdefault v1=====*/
.panel-wrap{padding:75px 0 100px; overflow:hidden;}
.panel-wrap .info-week{position: relative;width: 100%; margin-bottom:30px; overflow: hidden;}
.panel-wrap .info-week .title{ text-align:center; font-family: 'notokr-bold';font-size:24px;color:#222;letter-spacing: -1.2px;}
.panel-wrap .info-week .date{float:right;font-family: 'notokr-medium';font-size:16px;color:#454545;letter-spacing: -0.1px;line-height: 73px}
.panel-area{text-align: center; background:#30334c;}
.panel-area .group{width: 100%;background:#F3F3F3;overflow: hidden;}
.panel-area .group .txt-panel{border-bottom:1px solid #fff;font-family: 'notokr-regular';font-size:18px;color:#1a1a1a;line-height: 55px;}
.panel-area .group .thum-area{padding: 0 12px;}
.panel-area .thum{display:inline-block;width: 150px;padding:35px 21px 45px;vertical-align:top;}
.panel-area .thum .img{width: 150px;height: 150px;border-radius: 50%; overflow: hidden;}
.panel-area .thum .img img{width: 100%;}
.panel-area .thum .txt-wrap{margin-top: 6px;text-align:center;}
.panel-area .thum .txt-wrap .name{font-family:'notokr-medium';font-size: 16px;color:#fff;line-height: 25px;}
.panel-area .thum .txt-wrap .name span { font-size:13px; line-height:16px; }
.panel-area .thum .txt-wrap .txt{font-family:'notokr-demilight';font-size:14px;color:#666;line-height: 22px;}

/*°íÁ¤ ÆгΠon È°¼ºÈ­ ¡é º¯È­ Òý
.panel-area .group.active{ margin-bottom: 10px;background:#E7EFEE; }
.panel-area .group.active .thum .img{ background: #8DB3AF }*/

/*=====¾î¸°ÀÌ¿¡°Ô »õ»ý¸íÀ» mc=====*/
.panel-mc-wrap { padding-top:45px; float:left; width:50%; background:#30334c; }
.panel-mc-wrap .mc-class .place { font-family:'notokr-medium'; font-size:21px; color:#fff; }

/*=====ÆгΠdefault v2=====*/
/*.panel-wrap{padding:43px 0 96px;}
.panel-wrap .info-week{position: relative;width: 100%;height: 69px;margin-bottom: 37px;border-bottom: 1px solid #EAEAEA;line-height: 67px;overflow: hidden;}
.panel-wrap .info-week .title{display:inline-block;width: 880px;padding-left: 2px;font-family: 'notokr-bold';font-size:24px;color:#222;letter-spacing: -1.2px;}
.panel-wrap .info-week .date{float:right;font-family: 'notokr-medium';font-size:16px;color:#454545;letter-spacing: -0.1px;line-height: 75px}
.panel-area{overflow: hidden;text-align: center;}
.panel-area .thum{display:inline-block;width: 140px;margin-right: 30px;vertical-align:top;}
.panel-area .thum:last-child{margin-right: 0;}
.panel-area .thum .img{width: 140px;height: 140px;border-radius: 50%;background: #ddd;overflow: hidden;}
.panel-area .thum .img img{width: 100%;}
.panel-area .thum .txt-wrap{margin-top: 15px;text-align:center;}
.panel-area .thum .txt-wrap .name{font-family:'notokr-medium';font-size: 16px;color:#1a1a1a;line-height: 22px;}
.panel-area .thum .txt-wrap .txt{font-family:'notokr-demilight';font-size:14px;color:#666;line-height: 28px;}

.panel-area .thum.on .img{background: #8DB3AF}
.panel-area .thum.on .txt-wrap .txt{color:#589d95;}
*/


/*=====ÇÁ·Î±×·¥¼Ò°³ default=====*/
.prog-wrap { margin-bottom:88px; }
.prog-wrap .tit-content { margin-bottom: 84px; text-align:center; }
.prog-wrap .sec-area {overflow: hidden;}
.prog-wrap ul.info-list li { margin-top:60px; overflow:hidden; }
.prog-wrap ul.info-list li:first-child { margin-top:0; }
.prog-wrap ul.info-list li h3 { line-height:28px; width:23%; box-sizing:border-box;float:left; font-size:24px; font-family: 'notokr-medium'; color:#000; }
.prog-wrap ul.info-list li div.info { font-size:0; width:77%;float:left; padding-left:85px;border-left:2px solid #f1f1f1; box-sizing:border-box; }
.prog-wrap ul.info-list li div.info span { line-height:28px; font-size:16px; color:#454545; display:block; word-break:keep-all; }
.prog-wrap ul.info-list li div.info span.support-img { display:inline; margin-right:55px; }
.prog-wrap ul.info-list li div.info span.bottom-margin { margin-bottom:11px; }
.prog-wrap ul.info-list li div.info span strong { font-weight:normal; font-family:'notokr-bold'; }
.prog-wrap ul.info-list li div.info span strong.list-style { padding-right:7px; }
.prog-wrap ul.info-list li div.info span strong.block { display:block; }

/*=====ÇÁ·Î±×·¥¼Ò°³ ÆĶûÀÌ ¼Ò°³=====*/
.character-wrap { background:#ffe981; margin-bottom: 0;}
.character-wrap .sec-area { padding:90px 0; position:relative; overflow:visible;}
.character-wrap ul.info-list li {  }
.character-wrap ul.info-list li h3 { line-height:36px; }
.character-wrap ul.info-list li h3 img { vertical-align:middle; margin-right:10px; }
.character-wrap ul.info-list li div.info { font-size:0; width:53%;float:left; padding-left:85px;border-left:2px solid #e7d374; box-sizing:border-box; }
.character-wrap .sec-area div.character { position:absolute; right:0; bottom:40px; }

/*=====Áö³­¹æ¼Û default=====*/
.vod-wrap{padding:55px 0;text-align: center;}
.vod-wrap .tit-content{margin-bottom: 32px;	}
.vod-area{overflow: hidden;}
.vod-area li{float:left;width: 316px;height: 266px;margin-right: 21px;}
.vod-area li:last-child{margin-right: 0;}
.vod-area li a{display: block;width: 100%;height: 100%;}
.vod-area li .img{width: 100%;height: 178px;overflow: hidden;}
.vod-area li .img img{width: 100%;	}
.vod-area .txt-wrap{padding:13px 17px 14px;border:1px solid #E7E7E7;border-top:0;font-size:16px;color:#222;text-align: left;}
.vod-area .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-family:'notokr-medium';font-size:14px;color:#1b4c4f;line-height: 16px;}
.vod-area .txt-wrap .title{display: inline-block;width: 190px;margin-top: -4px;min-height: 58px;line-height: 26px;vertical-align: top;}

#footer{padding:70px 0;background: #fff;letter-spacing: 0px;line-height: 19px;}



/* ¼­ºê 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/toron/images8/bg-sub2018.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;border:1px solid #DADADA;text-align:center;overflow:hidden;}
.content .con-area.none{position: relative;padding: 0;border:0;}


/* ÇÁ·Î±×·¥ ¼Ò°³ */
.content .pro-tit{font-size:0;text-indent: -9999em;}
.content .pro-detail{position: absolute;top: 410px;left: 160px;text-align:left;}
.content .pro-detail strong{padding-bottom: 4px;border-bottom:1px solid #dfedeb;font-family: 'notokr-medium';font-size: 18px;color:#dfedeb;line-height: 1;font-weight: normal;font-style: italic;}
.content .pro-detail p{margin-top: 12px;margin-bottom: 60px;font-family: 'notokr-demilight';font-size:16px;color:#dfedeb;line-height: 28px;}


/* Ã⿬Áø ¼Ò°³ mc */
.mc-wrap {margin-bottom:41px;background: #EBEBEB;text-align: left;}
.mc-wrap .mc-tit{width: 100%;height: 31px;background:#8C8C8C;font-family:'notokr-medium';font-size:16px;color:#fff;text-align: center;line-height: 30px;letter-spacing: -0.75px;}
.mc-wrap .group{padding:31px 32px;overflow: hidden;}
.mc-wrap .group .img{float:left;display:inline-block;width: 271px;height: 271px;margin-right: 21px;overflow: hidden;}
.mc-wrap .group .img img{width: 100%;}
.mc-wrap .group .txt-wrap{display: inline-block;width: 369px;}
.mc-wrap .group .txt-wrap .name-sub{font-family:'notokr-bold';padding-top: 20px;font-size:21px;color:#333;font-style: italic;line-height: 26px;letter-spacing: -1.5px;}
.mc-wrap .group .txt-wrap .name{padding:6px 0 15px;margin-bottom: 15px;border-bottom:1px solid #D6D6D6;font-family:'notokr-bold';font-size: 28px;color:#222;letter-spacing: -1.2px;font-style: italic;}
.mc-wrap .group .txt-wrap .txt{font-family: 'notokr-demilight';font-size: 14px;color:#555;line-height: 24px;}
.mc-wrap .group .txt-wrap .txt strong{font-family: 'notokr-medium';font-weight: normal;}
.mc-wrap.on{margin-top: 28px;background:#E8F0EF }
.mc-wrap.on .mc-tit{background: #589D95;}


/* ¹éÅä a/s */
.as-wrap{height: 129px;margin-bottom: 14px;padding:31px 30px 0;background: url(http://img.imbc.com/broad/tv/culture/toron/images8/bg-as.jpg) no-repeat top center}
.as-wrap .tit-as{margin-bottom: 7px;font-family: 'notokr-bold';font-size:24px;color:#222;font-style: italic;}
.as-wrap .txt{font-family: 'notokr-demilight';font-size:14px;color:#555;line-height: 24px;}

/*jebo*/
.jebo .con-area{padding: 10px 22px 10px 29px;text-align: left;}
.detail-box{margin-top: 22px;margin-bottom: 23px;}
.detail-box p{font-size: 16px;color:#222;line-height: 26px;}
.detail-box p.point{font-weight: bold;}
.detail-box span{color:#587827;}

.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:100px;padding-left: 18px;font-size:14px;color:#000;line-height: 64px;text-align:left;vertical-align: top;}
.jebo table td{padding:14px 36px 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{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: 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:#4c7115;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;}

.jebo .btn-wrap{margin:25px 0 33px;text-align: center;}
.jebo .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;}