@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/love/images/bg-main2018.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: 24px;margin-bottom: 28px;}
.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: #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 {height: 83px;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;height: 83px;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 42px;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: 0 auto;height: 280px;padding:10px 0;background:url(http://img.imbc.com/broad/tv/culture/spdocu/love/images5/bg-sub.jpg) no-repeat center;}
.sub .visual-top .tit-logo{margin-top: 50px}
.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;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;text-align:center;border:1px solid #e6e6e6;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-wrap h3.sub-tit{padding: 40px 0 20px ; border-bottom: 2px solid #ececec;font-size: 15px}
.mc-wrap { overflow:hidden; }
.mc-wrap .type h3 {margin:30px 0 0 55px;font-size:16px; color:#a72a71; word-break:keep-all; line-height:24px; }
.mc-wrap .list {width:660px; float:left; margin:40px 0 0 55px;padding-bottom:40px;overflow:hidden; border-bottom:1px solid #ececec;}
.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:500px; }
.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 {margin-top:10px;font-size:13px; color:#5a5a5a; word-break:keep-all;line-height: 22px}
.mc-wrap .list .text p.info strong{margin-top:5px;color:#1a1a1a;}
/* 백토 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;}
/* 사랑이야기 */
.box-love-story{
text-align:left;
overflow:hidden;
position:relative;
}
.box-love-story .list-year{
float:left;
margin-right:9px;
position:relative;
z-index:9999
}
.box-love-story .list-year .year_select_box{
position: relative;
z-index:9999;
width: 98px;
height: 68px;
background: #ffe9ec url('http://img.imbc.com/broad/tv/culture/spdocu/love/img16/bg-year-choice.png') no-repeat 80px center ;
border: 1px solid #dfdfdf;
line-height: 43px;
}
.box-love-story .list-year .year_select_box #lblarea {
position: absolute;
font-size: 24px;
color: #3c3c3c;
top: 0px;
left: 0px;
letter-spacing: 1px;
font-family:"나눔 고딕", 'Nanum Gothic';
border:0;
background:0;
display:inline-block;
width: 98px;
*width:98px;
padding-left: 10px;
padding-right: 20px;
height:68px;
cursor:pointer;
text-align:left;
}
.box-love-story .list-year .search_area {
position:absolute;
width: 100px;
background: #ffe9ec;
line-height: 30px;
top:70px;
left:0;
display:none;
z-index:99999;
}
.box-love-story .list-year .search_area li{
display:block;
height:50px;
border-top:1px solid #ddd;
text-align:center;
}
.box-love-story .list-year .search_area li:first-child{
border-top:0;
}
.box-love-story .list-year .search_area li a{
font-size:18px;
line-height:50px;
color:#2b2b2b;
letter-spacing:-1px;
cursor:pointer;
}
.box-love-story .box-list-program{
float:left;
}
.box-love-story .box-list-program .list-program{
overflow:hidden;
width:533px;
height:70px;
}
.box-love-story .box-list-program .list-program ul{
overflow:hidden;
width:533px;
height:70px;
}
.box-love-story .box-list-program .list-program ul li{
float:left;
width:101px;
height:70px;
margin-left:7px;
background:#ddd;
}
.box-love-story .box-list-program .list-program ul li.first-child{
margin-left:0;
}
.box-love-story .box-list-program .list-program ul li a{
display:block;
}
.box-love-story .box-list-program .list-program ul li a img{
width:101px;
}
.box-love-story .box-list-program .btn{
width:22px;
height:70px;
background:url('http://img.imbc.com/broad/tv/culture/spdocu/love/img16/btn-story-next-prev.png') no-repeat;
cursor:pointer;
position:absolute;
top:0;
border:0;
}
.box-love-story .box-list-program .btn-prev{
background-position:11px center;
right:29px;
}
.box-love-story .box-list-program .btn-next{
background-position:-11px center;
right:0;
}
.box-love-story .love-story-cont{
letter-spacing:-1px;
width:693px;
margin-top:10px;
float:left;
}
.box-love-story .love-story-cont .story-top{
border-top:3px solid #ff5a99;
padding:0 18px 0 13px;
background:#efefef;
width:662px;
}
.box-love-story .love-story-cont .story-top .story-info{
border-bottom:1px solid #bfbfbf;
margin-top:15px;
padding-bottom:15px;
}
.box-love-story .love-story-cont .story-top .story-info .title{
font-size:28px;
line-height:30px;
color:#2b2b2b;
padding-bottom:5px;
}
.box-love-story .love-story-cont .story-top .story-info .time{
font-size:18px;
line-height:30px;
color:#2b2b2b;
}
.box-love-story .love-story-cont .story-top .txt{
font-size:14px;
line-height:18px;
color:#c31054;
text-align:right;
margin:15px 0;
}
.box-love-story .love-story-cont .story-top .story-preview{
z-index:-1;
}
.box-love-story .love-story-cont .story-top .story-preview iframe{
z-index:-1;
}
.box-love-story .love-story-cont .story-top .staff{
font-size:14px;
line-height:36px;
text-align:right;
color:#2b2b2b;
}
.box-love-story .love-story-cont .story-bottom{
background:#efefef;
}
.box-love-story .love-story-cont .story-bottom .story-bottom-header{
background:#e1e1e1;
color:#2b2b2b;
font-size:18px;
line-height:36px;
padding-left:20px;
}
.box-love-story .love-story-cont .story-bottom .story-bottom-cont{
padding:20px;
font-style: normal;
line-height: 24px;
font-size: 14px;
letter-spacing: -1px;
color: #2b2b2b;
font-weight: normal;
}
.box-love-story .love-story-cont .story-bottom .story-bottom-cont p{
line-height:24px;
font-size:14px;
letter-spacing:-1px;
color:#2b2b2b;
}
.box-love-story .love-story-cont .story-bottom .story-bottom-cont i,
.box-love-story .love-story-cont .story-bottom .story-bottom-cont b{
font-style:normal;
line-height:24px;
font-size:14px;
letter-spacing:-1px;
color:#2b2b2b;
font-weight:normal;
}