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

/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body {text-align:center; }
.wrapper {min-width:1024px; font-family:"Malgun Gothic", "¸¼Àº °íµñ", dotum, sans-serif; letter-spacing:-0.05em; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;right:50%;z-index:100;margin-right:-505px;}

.ellipsis{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp:2; /* ¶óÀμö */
 -webkit-box-orient: vertical;
 word-wrap:break-word;
}

/*main - Æ÷½ºÅÍ ver */
.visual-top {position:relative;overflow:hidden; margin:10px auto 0; width:1024px; height:610px;}
.visual-top .program-data { position:absolute; bottom:59px; top:auto; left:40px; overflow:hidden;z-index:200;}
.visual-top .program-data .tit-logo { float:left; margin-right:20px; }
.visual-top .program-data .broad-info { float:left; font-size:0; text-align:left; color:#fff; }
.visual-top .program-data .broad-info h2 { margin-top:10px; color:#fff; font-size:20px; font-weight:bold; margin-bottom:10px; }
.visual-top .program-data .broad-info span { font-size:12px; font-weight:normal; letter-spacing:-0.075em; }
.visual-top .program-data .broad-info span em{color:#eba3b1;}
.visual-top .program-data .broad-info img { margin:1px 5px 0; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:32px;right:50%;z-index:100;margin-right:-495px;}

/*main */
/*.visual-top {position:relative;overflow:hidden; margin:0 auto; width:1028px; height:153px; background:url(http://img.imbc.com/broad/tv/ent/talknomad/images/main-bg.jpg) no-repeat 50% bottom;}
.visual-top .program-data { position:absolute;bottom:34px; left:62px; overflow:hidden; z-index: 100;}
.visual-top .program-data .tit-logo { float:left; margin-right:20px; }
.visual-top .program-data .broad-info { float:left; padding-top:14px; font-size:0; text-align:left; color:#333; }
.visual-top .program-data .broad-info h2 { margin-bottom:11px; color:#333; font-size:20px; font-weight:bold; }
.visual-top .program-data .broad-info span { font-size:12px; font-weight:normal; letter-spacing:-0.075em; }
.visual-top .program-data .broad-info img { margin:2px 4px 0; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:55px;right:50%;z-index:100;margin-right:-494px;}
*/

/*preview visual-txt-box */
.roll-ban-event { width:1024px; height:580px; position:relative; margin-bottom:13px; background-color:#000;}
.roll-ban-event li { position: absolute; top: 0; left: 0; width:1024px; height: 580px;opacity: 0; -ms-filter: "alpha(opacity=0)";font-size:0;text-indent: -9999em;}
.roll-ban-event li img { width:100%; height:100%; }
.roll-ban-event li:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.roll-controll-btn .btn:last-child {margin-right: 0;}
.roll-controll-btn .btn { vertical-align:middle; background-color:#dcdcdc; border-radius:50%; border:2px solid #dcdcdc; box-sizing:border-box; display: inline-block; width: 12px; height: 12px;margin-right: 18px; border: 0; cursor: pointer; }
.roll-controll-btn .btn.on { border:2px solid #000; background-color:#fff;}
.btn-front { position:absolute; right:0; width: 22px; height: 22px; text-indent: 100%; white-space: nowrap; cursor: pointer; background-image:url('http://img.imbc.com/broad/tv/drama/fantasy2017/images/btn-play-stop.png'); background-repeat: no-repeat; background-color: transparent; background-position: 0 0; background-color:#ddd; z-index: 1000; }
.btn-stop { background-position: 0 -22px; }

/*nav*/
.nav {margin: 0 auto;position: relative;height: 94px;font-size:15px;line-height:45px;letter-spacing:-.5px}
.nav ul {position: relative;height:45px;text-align: center;margin-top:30px;border-bottom:1px solid #ccc;}
.nav li { font-size:15px; display: inline-block;*display: inline;position: relative;height: 94px;text-align: center;vertical-align: top;}
.nav li .item{display: inline-block;*display: inline;position: relative;height: 45px;vertical-align: top;color:#000; margin:0 12px; box-sizing:border-box; letter-spacing:-1px;}
.nav li .item:hover{color:#d4173c;font-weight:bold; border-bottom:3px solid #d4173c;}
.nav li .item.active{color:#d4173c;font-weight:bold; border-bottom:3px solid #d4173c;}
.nav li .dropdown {width:350px;z-index:50;position: absolute;top: 42px;padding: 5px 0;}
.nav li.concept .dropdown { left: -83px; }
.nav li.vod .dropdown { left: -23px; }
.nav li .program_dropdown {width:700px;left: -440px}
.nav li .event_dropdown {width: 400px;left: -180px;}
.nav li .dropdown a {display:inline-block;*display: inline;text-align: center;color: #000;font-family: 'Nanum Gothic', "³ª´®°íµñ";font-size: 15px;line-height:30px;margin-right:14px;}
.nav li .dropdown a:hover {font-weight:bold;color: #b41214;	text-decoration: underline;border:0;font-weight:normal;}
.nav .hidden {display: none;}

/*floating banner*/
.flt_ban{position: absolute;top:0;left:0;z-index: 100}
.flt_ban .banner{height:271px;}
.flt_ban .btn-close{position:absolute;top:0; left:213px;z-index:200;cursor:pointer;}
.content .section{width:1024px; margin:0 auto 50px;overflow:hidden;}

/*section1*/
.section1{overflow: hidden;position:relative;}
.section1 .whatsnew{position:relative;float:left;width:198px; height:215px;padding:27px 20px;border:1px solid #fad379; background:#fde3a7;text-align:left;}
.section1 .wrap-article {float:right;text-align:left;position:relative;width:784px; background-color:#fff;}
.section1 .article-multi li:first-child p.title {border-top:1px solid #ccc;}
.section1 .article-multi li:last-child p.title {border-bottom:1px solid #ccc;}
.section1 .article-multi .img {display:none;position:absolute;right:312px;top:-1px;width:472px; height:272px; overflow: hidden;}
.section1 .article-multi .img img{width:482px;}
.section1 .article-multi .txt { display:none;position:absolute;right:805px;top:60px;width:198px; height:190px; overflow: hidden;font-size:20px; font-weight: bold;line-height:28px;}
.section1 .article-multi .txt>p { color:#000; }
.section1 .article-multi .txt>span{ color:#2e2d31; position:absolute; bottom:0;display:block;font-size:12px;font-weight: normal}
.section1 .article-multi .txt>span>span { font-weight:bold; color:#000; }
.section1 .article-multi .title {position:relative;width:258px; padding:16.5px 20px;margin-left:484px;color:#424242;font-size:12px;letter-spacing:-.5px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.section1 .article-multi .over .img {display:block;}
.section1 .article-multi .over .txt {display:block; }
.section1 .article-multi .over .bg-arr {display: block;}
.section1 .article-multi .over .title {background:#fff;color:#f6921e; text-decoration:underline;border: 1px solid #f6921e;border-left: 0}
.section1 .article-multi .bg-arr {display:none;position:absolute; z-index:10;top:0;left:-8px;width:9px; height:45px; background:url(http://img.imbc.com/broad/tv/ent/talknomad/images/arr_bar_v2.jpg);}
/*customed*/
.section1 .article-multi li.over:first-child .title{border-top:1px solid #f6921e;}
.section1 .article-multi li.over:last-child .title{border-bottom:1px solid #f6921e;}

/*section2 - È­Á¦ÀÇ 1ºÐ */
.section2 {float:left;width:714px;text-align:left; }
.section2 h2{width:228px;color:#d4173c; font-size:13px; font-weight: bold;line-height:33px;}
.section2 h2 span{color:#959595; font-weight:bold; }
.section2 .clip-wrap{position:relative;float:left;overflow:hidden;height: 250px;}
.section2 .clip{width:714px; height:482px; overflow: hidden;margin-bottom:25px;}
.section2 .clip ul { overflow:hidden; float:left; }
.section2 .clip ul li{position:relative;float:left;margin:0 12px 50px 0;width:228px; height: 214px; border:1px solid #dcdcdc;}
.section2 .clip ul li:nth-child(3n){margin-right:0;}
.section2 .clip a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-.5px; color:#424242; font-weight:bold;}
.section2 .clip .img {position:relative; display:block; width:100%; height:128px; margin-bottom:7px; overflow:hidden;}
.section2 .clip .img img{width:228px;}
.section2 .clip .txt {padding:3px 15px;display:block;font-size:14px;text-align:left;color:#424242;font-weight: normal;}
.section2 .clip img.ico-m-play {width:30px; height:30px;position:absolute; bottom:10px; right:10px; width:auto; height:auto; z-index:10;}
.date{position: absolute;color:#959595; font-size:11px;bottom:7px; left:15px;line-height: 20px;}

.section .replay-wrap{overflow: hidden}
.section .box-wrap{float:left;}
.section .box-wrap:first-child{margin-right:12px;}
.section .photo_box{overflow:hidden;}
.section .photo_box .rect:first-child{margin-right:12px;}

.rect-wrap{position: relative;overflow: hidden}
.rect{float:left;position:relative;width:228px; height: 214px; border:1px solid #dcdcdc;}
.rect a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-.5px; color:#424242; font-weight:bold;}
.rect .img {position:relative; display:block; width:100%; height:128px; margin-bottom:7px; overflow:hidden;}
.rect .img img{width:228px;}
.rect .txt {padding:3px 15px;display:block;font-size:14px;text-align:left;color:#03073f;font-weight: normal;}
.rect img.ico-m-play {width:30px; height:30px;position:absolute; bottom:10px; right:10px; width:auto; height:auto; z-index:10;}

.section2 .num{color:#818181; font-size:11px;letter-spacing:5px;line-height:28px;}
.section2 .num strong{color:#d4173c;}
.section2 .paging{position:absolute;top:0px; right:0;}

.section3 h2{width:228px;color:#d4173c; font-size:13px; font-weight: bold;line-height:33px;text-align:left;}
.section3 h2 span{color:#959595;}
.section3 .num strong{color:#d4173c;}
.section3 { float:right;width:250px;}
.section .box-wrap{overflow:hidden;margin-top:14px;position:relative;}
.section .box-wrap .rect{width:248px;}
.section .box-wrap .rect .img img{width:100%;}
.section .box-wrap .rect img.ico-m-play {width:30px;}
.section .banner{margin-top:10px;position: relative;}
.section .banner a{display:block; margin-bottom:10px;}
.section .banner .txt{width:250px;position:absolute;top:0; left:0; line-height: 135px;text-align: center;font-size:16px;font-weight:bold;color:#000; display:none;}

/* ¸ÞÀÎ ¿¹°í ¿µ»ó */

.section-preview { margin-bottom:30px; overflow:hidden; }
.section-preview h2{ text-align:left; color:#5f21d1; font-size:13px; font-weight: bold; margin-bottom:12px; }
.section-preview h2 span{color:#959595;}
.section-preview .ad-wrap { float:right; }
.teaser { float:left;margin-bottom:76px;}
.banner-teaser { margin-top:9px; }

/*------------------------------------------------------------------- ¼­ºêÆäÀÌÁö ------------*/

/*¼­ºêÆäÀÌÁö °øÅë*/
.sub .visual-top {position:relative;overflow:hidden; margin:0 auto; width:1028px; height:172px; background:url(http://img.imbc.com/broad/tv/ent/lovemeactually/images/visual_sbbg_v2.jpg) no-repeat 50% bottom;}
.sub .visual-top .program-data{left: 61px;bottom:30px;}
.sub .visual-top .program-data .broad-info { float:left; font-size:0; text-align:left; color:#010101; }
.sub .visual-top .program-data .broad-info h2{margin-top:14px;color: #000}

.sub .visual-top .program-data .broad-info span .em_point{color:#b1b1b1;}
.sub .btn-like-program-wrap{top:65px;margin-right: -480px;}
.sub .nav ul{margin-top:25px;}
.sub .btn-like-program-wrap .btn-like-program-summary{margin:3px auto 0;}
.sub .content h2.tit-content { color:#000; padding-left:50px; background:#f6f6f6 url(http://img.imbc.com/broad/tv/ent/lovemeactually/images/sub-title.png) 28px no-repeat; border:1px solid #f4eeef; margin-bottom: 15px;line-height: 44px;font-size:15px;font-weight:bold;}
.sub .content h2.tit-content span{color:#777; font-size:12px;font-weight:normal; vertical-align:bottom;}
.sub .content h2.tit-content span.sub-text { color:#5b3bbb; }
.sub .content { width:1024px; *width:1024px;margin: 0 auto; padding-bottom:50px;background: #fff; text-align: left; overflow: hidden;}
.sub .content .section-left {position:relative;margin-right: 48px; width: 725px; float: left;}
.sub .content .section-left .imbbs{text-align:center;padding-top:10px;margin-top:10px;border:1px solid #dbdbdb;}
.sub .content .section-right { float: left;}
.sub .border_box{text-align:center;}

/* concept*/
.sub .concept{position: relative;height:1464px;background:url("http://img.imbc.com/broad/tv/ent/lovemeactually/images/concept_v4.jpg") no-repeat;}
.concept .staff {display: table;position:absolute;top: 945px;left: 50%;width: 500px;margin-left: -250px;padding-top: 77px;text-align: left;}
.concept dl{padding-left: 58px;font-size:15px;color:#2e3342;line-height: 28px;}
.concept  dt{display: inline-block;width: 66px;height: 28px;font-weight:bold;}
.concept  dd{display: inline-block;width: 340px;vertical-align: top}

/* footer */
#footer {padding:55px 0;color:#424242; background-color:#ececec; }

/*vod ¹× preview »ó¼¼ÆäÀÌÁö */
.preview_wrapper p { text-align:center !important; font-size:12px; }
.preview_wrapper em { text-align:center !important; font-size:14px; }
.preview_wrapper .vod_btn { margin-left:10% !important; }

/* ¸ÞÀÎ °øº¹ÀÚµé ´º½º */
.section .paging{position:absolute;top:0;right:0;}
.section .paging a{display:block;float:left}
.section .num{float: left;color:#818181;font-size:11px;letter-spacing:5px;line-height: 28px;margin-right:5px;}
.section .box-wrap .rect li{position:relative;width:248px;height:216px;}
/* Ã⿬Áø ¼Ò°³ */
.profile_box{min-height:1474px;background:#f6efbe;padding:0 42px;}
.tab-wrap{padding:48px 0 9px}
.tab-wrap button{width:169px;height:69px;outline:none;font-size:0;}
.tab-btn-v1{background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/tab_btn_of1.png')no-repeat;margin-right:16px;}
.tab-btn-v1.active{background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/tab_btn_on1.png')no-repeat;}
.tab-wrap button.tab-btn-v2{width:177px;background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/tab_btn_of2.png')no-repeat;margin-right:6px;}
.tab-wrap button.tab-btn-v2.active{background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/tab_btn_on2.png')no-repeat;}
.tab-wrap button.tab-btn-v3{width:177px;background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/tab_btn_of3.png')no-repeat;}
.tab-wrap button.tab-btn-v3.active{background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/tab_btn_von3.png')no-repeat;}

.profile_box .profile_row:first-child{background:none;}
.profile_box .profile_row{padding:22px 0;background-image:url(http://img.imbc.com/broad/tv/ent/lovemeactually/images/line_bg.png);background-repeat:no-repeat;
  overflow:hidden;}
.profile_top_info{padding:35px 0 10px;text-align:center;}
.profile_top_info + .profile_row{background:none;}
.profile_box .profile_row .profile_imgbox{float:left;width:192px;height:230px;}
.profile_box .profile_row .profile_txt{float:left;width:448px;padding-left:25px;box-sizing:border-box;}
.profile_box .profile_row > *{min-height: 230px;}
.profile_box .profile_row .profile_txt .name{padding:29px 0 26px;color:#d4173c;font-size:18px;line-height:26px;letter-spacing:-1px;}
.profile_box .profile_row .profile_txt .name.v2{color:#e25112;}
.profile_box .profile_row .profile_txt .name.v3{padding:28px 0 16px;color:#26654c;}
.profile_box .profile_row .profile_txt .info_wrap{color:#222;font-size:13px;letter-spacing:-0.5px;}
.info_wrap .info_title{padding-bottom:9px;font-weight: bold;}
.info_wrap .info_txt{line-height:20px;}
/* µ¿È£È¸¿ø ¸ðÁý */
.apply_box{height:1214px;background:url(http://img.imbc.com/broad/tv/ent/lovemeactually/images/apply_bg.jpg);}
.ev_support{padding-top:765px;}
.step_box{width:529px;height:234px;margin:0 auto;background:url('http://img.imbc.com/broad/tv/ent/lovemeactually/images/support_bg.png')no-repeat 0 0;}
.step_txt_wrap{padding:72px 60px 0 60px;}
.st_info_txt{text-align:left;}
.stp_txt{padding:7px 0 16px;font-family:'notokr-regular';font-size:20px;color:#000000;letter-spacing:-1.2px;}
.stp_txt p{padding-bottom:9px;}
.stp_txt .point_color{color:#e6454b;font-family:'notokr-bold';}
.stp_txt .bold{font-family:'notokr-bold';}
.ev_btn{padding:90px 0 51px;text-align: center;}
.ev_btn a{display:inline-block;}

/* Ãß°¡ */
.section .box-wrap.banner{margin:20px 0 19px;}