@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/grandmothers/images/bg-main.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;}

/*=====»ó´Ü=====*/
.main .visual-top{position:relative;text-align:center;padding-top: 220px}

/*=====¹æ¼ÛÁ¤º¸+¿¹°í¿µ»ó 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: #ba3d57;}
.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: 537px;}


/*=====¸Þ´º default=====*/
.nav {margin:0 auto 30px;font-family: 'notokr-regular';letter-spacing:-0.75px}
.nav ul {height:84px;border-bottom:1px solid #D6D6D6;text-align: center;overflow:hidden;}
.nav li {display: inline-block;*display: inline;text-align: center;}
.nav li .item{position: relative;display: inline-block;*display: inline;font-size:18px;color:#222222;line-height:82px;}
.nav li .item:hover, .nav li .item.active{border-bottom:2px solid;}
/*¸Þ´º ¡é º¯È­ Òý*/
.nav li .item{margin:0 23px;}
.nav li .item:hover, .nav li .item.active{border-color:#ba3d57;color:#ba3d57;font-family: 'notokr-bold';}


/*=====ÆгΠdefault=====*/
.panel-wrap{padding:14px 0 76px;}
.panel-wrap .info-week{position: relative;width: 100%;height: 62px;line-height: 62px;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: 73px}
.panel-area{text-align: center;}
.panel-area .group{width: 100%;}
.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: 154px;margin:0 16px;vertical-align:top;}
.panel-area .thum .img{width: 140px;height: 140px;border-radius: 50%;background: #ddd;overflow: hidden;margin:0 auto 14px;}
.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:#1a1a1a;line-height: 25px;}
.panel-area .thum .txt-wrap .txt{font-family:'notokr-demilight';font-size:16px;color:#ba3d57;line-height: 22px;}

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

/*=====Áö³­¹æ¼Û default=====*/
.vod-wrap{padding:45px 0;text-align: center;}
.section .tit-content{margin-bottom: 40px;text-align: center;}
.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:#e7416c;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;font-family: 'notokr-medium'}

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

/*=====ÇÁ·Î±×·¥¼Ò°³ default=====*/
.prog-wrap{padding: 58px 0;}
.prog-wrap .tit-content{margin-bottom: 26px;color:#ffffff;text-align: left;}
.prog-wrap .sec-area{overflow: hidden;}
.prog-wrap .sec-area .left-area{float:left;display: inline-block;width: 660px;font-family:'notokr-demilight';font-size:16px;color:#ffc8d3;line-height: 28px;}
.prog-wrap .sec-area .left-area .txt-wrap{height: 330px;overflow: hidden;}
.prog-wrap .sec-area .left-area .txt-wrap strong{font-family:'notokr-medium';font-weight: normal;}
.prog-wrap .sec-area .left-area .btn-wrap{margin-top: 23px;text-align:left;}
.prog-wrap .sec-area .left-area .btn-wrap button{margin: 0;background: transparent;border:0;cursor: pointer;}
.prog-wrap .sec-area .right-area{float:right;display:inline-block;width: 250px;margin-top: 6px;	padding-left: 34px;}

/*ÇÁ·Î±×·¥¼Ò°³ ¡é º¯È­ Òý*/
.prog-wrap{background: #ba3d57;font-size:16px;color:#222;}
.prog-wrap .sec-area .left-area .txt-wrap strong{color:#fff;}



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

.sub .visual-top {position:relative;width: 1024px;margin:11px auto 0;overflow:hidden;}
.sub .visual-top .pro-info{position: absolute;left: 40px;top:184px;z-index: 20;}
.sub .visual-top h1.tit-logo  {float:left;display: inline-block;width: 73px;height: 73px;}
.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;margin-left: 19px;color:#fff;}
.sub .visual-top .broad-info .program-name{display:block;margin-bottom: 2px;font-size:22px;font-weight: bold;line-height: 44px;}
.sub .visual-top .broad-info .broad-title{font-size:12px;line-height: 1.1;}
 
.btn-like-program-wrap {display:inline-block;position:absolute;top:23px;right:18px;z-index:100;}
.sub .nav ul{height: 62px}
.sub .nav li .item{line-height: 60px}
.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;margin-bottom: 10px;letter-spacing:-0.75px;font-size:15px;line-height: 44px;font-weight:bold;border-bottom: 1px solid #eeeeee}
.sub .content h2.tit-content span{color:#777; font-size:15px;font-weight:normal;}

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


/* ÇÁ·Î±×·¥ ¼Ò°³ */

/*Ã⿬Áø¼Ò°³ */
.mc-wrap { overflow:hidden; margin-left:40px; border-bottom:1px solid #ececec; padding:40px 0; }
.mc-wrap:last-child{border:0;}
.mc-wrap .type { width:65px; float:left; }
.mc-wrap .type h3 { font-size:16px; color:#bc5362; word-break:keep-all; line-height:24px;text-align: left;}
.mc-wrap .list { width:570px; 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:410px; text-align: left;}
.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-weight: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;}

.mc-wrap .people{margin-bottom:15px;overflow:hidden;border: 1px solid #e9e9e9;color: #1a1a1a;}
.mc-wrap .people .tit{line-height: 48px;font-weight: bold;font-size: 16px;background:#f9efeb;}
.mc-wrap .people .wrapper{overflow:hidden;text-align: left}
.mc-wrap .people .wrapper .ppl-l{box-sizing:border-box;float: left;width: 284px;border-right: 1px solid #e9e9e9;padding:27px 20px 27px 30px} 
.mc-wrap .people .wrapper .ppl-r{box-sizing:border-box;float: left;width: 284px;border-left: 1px solid #e9e9e9;margin-left:-1px;padding:27px 20px 27px 30px}
.mc-wrap .people .top{font-size: 13px;margin-bottom: 18px}
.mc-wrap .people .top strong{font-weight: bold;font-size: 16px}
.mc-wrap .people .info{line-height:22px;font-size: 13px;color: #5a5a5a;}