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

/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body {text-align:center; }
.wrapper {min-width:1024px;font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò';}
.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 */

.visual-top{position:relative;overflow:hidden;height:155px;background:url("http://img.imbc.com/broad/tv/ent/event/2017fullmoonidol/images/top-bg.jpg") no-repeat 50% 0;margin-top:3px;}
.visual-top .tit-logo {position:absolute;left:50%;z-index:100;}
.visual-top h2{position: absolute;left:50%;margin-left:-359px;top:61px;color:#fff;font-size:20px; font-weight:bold;}
.broad-info {position:absolute;left:50%;z-index:100;font-size:12px;letter-spacing:-.5px;}
.broad-info li {float:left;margin-right:12px;padding-left:10px;height:45px;line-height:45px;background:url(http://img.imbc.com/broad/tv/drama/include/img/bg-bar-ver1.png) no-repeat 0 center;}
.broad-info li.first-item {padding-left:2px;background:none;}
.broad-info li span {padding-left:5px;}
.btn-like-program-wrap {display:inline-block;position:absolute;top:41px;right:50%;z-index:100;margin-right:-492px;}

/* program style */
.visual-top h1 {margin-left:-452px;top:46px;}
.broad-info {top:92px;margin-left:-359px;color:#fff;}
.nav ul li a {background:url(http://img.imbc.com/broad/tv/drama/fip/img/vertical_bar_01.png) no-repeat left center;}

/*nav*/
.nav {margin: 0 auto;position: relative;height: 94px;font-size:15px;line-height:54px;letter-spacing:-.5px}
.nav ul {position: relative;height:54px;text-align: center;border-bottom:1px solid #ccc;}
.nav li {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: 54px;vertical-align: top;color:#000; margin-right:30px;}
.nav li .item:hover{color:#245e0d;border-bottom:3px solid #245e0d;height:51px;}
.nav li .item.active{color:#245e0d;border-bottom:3px solid #245e0d;height:51px;}
.nav li .dropdown {width:263px;z-index:50;position: absolute;left: -82px;top:42px;padding: 5px 0;}
.nav li .broad {left:4px}
.nav li .hotsection {left: -85px;}
.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:29px;}
.nav li .dropdown a:hover {font-weight:bold;color: #2f328e;	text-decoration: underline;border:0;font-weight:normal;}
.nav .hidden {display: none;}
.nav li a img{vertical-align:middle;margin-left:7px;}
/*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;overflow:hidden;}

/*section1*/
.section1{overflow: hidden;position:relative;}
.section1 .whatsnew{position:relative;float:left;width:198px; height:215px;padding:27px 20px;border:1px solid #ffcb3e;background:#ffcb3e;text-align:left;}
.section1 .wrap-article {float:right;text-align:left;position:relative;width:784px;height:300px;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 {color:#341417;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 span{position:absolute; bottom:0;display:block;font-size:12px;font-weight: normal}
.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:#000000;color:#fff;text-decoration: underline;}
.section1 .article-multi .bg-arr {display:none;position:absolute; z-index:10;top:0;left:-10px;width:10px; height:45px; background:url(http://img.imbc.com/broad/tv/ent/challenge/common2017/img/bg-arr.jpg);}

/*section2 - È­Á¦ÀÇ 1ºÐ*/
.section2 {float:left;width:714px;text-align:left;margin-bottom:48px;}
.section2 h2, .section3 h2{width:228px;color:#245e0d; font-size:13px; font-weight: bold;line-height:33px;text-align:left;}
.section2 h2 span{color:#959595;}
.section2 .clip-wrap{position: relative;}
.section2 .clip{width:714px; height:484px;overflow: hidden;}
.section2 .clip ul li{position:relative;float:left;margin:0 12px 52px 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, .section3 img.ico-m-play{width:30px; height:30px;position:absolute; bottom:10px; right:10px; width:auto; height:auto; z-index:10;}
.section2 .date,.section3 .date{position: absolute;color:#959595; font-size:11px;bottom:7px; left:15px;line-height: 20px;}

.section3 .replay-wrap{position:relative;overflow:hidden;margin-top:16px;}
.section3 .replay{float:left;position:relative;width:248px; height: 214px; border:1px solid #dcdcdc;}
.section3 .replay a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-.5px; color:#424242; font-weight:bold;}
.section3 .replay .img {position:relative; display:block; width:100%; height:128px; margin-bottom:7px; overflow:hidden;}
.section3 .replay .img img:first-child{width:248px;}
.section3 .replay .txt {padding:3px 15px;display:block;font-size:14px;text-align:left;color:#03073f;font-weight: normal;}

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

.banner-float {position:absolute;top:15px; right:0; width:472px;height:216px;}
.banner-float .btn-control {display:block;margin-bottom:7px;height:11px;text-align:right;}
.banner-float .btn-control button{width:12px; height:12px;}
.banner-float .btn-control .btn-stop{background:url(http://img.imbc.com/broad/tv/ent/challenge/common2017/img/btn_stop.png) no-repeat;}
.banner-float .btn-control .btn-play{background:url(http://img.imbc.com/broad/tv/ent/challenge/common2017/img/btn_play.png) no-repeat;}
.main .banner-float .indicator a {display:inline-block;margin-right:6px;width:7px;height:7px;line-height:0;border:2px solid #d7d7d7;border-radius:50%;vertical-align:top;font-size:0;color:transparent;}
.main .banner-float .indicator a.current {border: 2px solid #606060;}
.main .banner-float .banner-item {position:relative;overflow:hidden;height:216px;}
.main .banner-float .banner-item a {position:absolute;left:100%;top:0;}
.main .banner-float .banner-item a:first-child {left:0;}

.section3{float:right;width:250px;}
.section3 .insta{overflow:hidden;margin-top:12px;width:248px; height:495px;border: 1px solid #dcdcdc}
.section3 .insta .txt{padding:18px;text-align:left;font-size:12px;line-height: 20px;}
.section3 .insta .txt .img{width:73px;display:inline-block;margin:0 10px 0 0;}
.section3 .insta .txt .id{display:block;color:#15a1e9;font-weight: bold;}

/*¼­ºêÆäÀÌÁö °øÅë*/
/*-------- ¼­ºêÆäÀÌÁö ------------------------------------------------------------------------------------------------------------- */
.sub .content h2.tit-content { margin-bottom: 15px;line-height: 30px; }
.sub .section-left>h2.tit-content{font-size:15px;color: #91928d;width: 675px;line-height: 44px;border:1px solid #d7e0e4;background:#f4f4f4 url('http://img.imbc.com/broad/tv/ent/livingwith/img/sub-title.png') 28px 15px no-repeat;padding-left:49px;}
.sub .section-left>h2 span{color: #000;position: relative;padding-right: 9px;margin-right: 6px;}

.sub .content { width:1024px; *width:1024px;margin: 0 auto; padding-bottom:30px;background: #fff; text-align: left; overflow: hidden;}
.sub .content .section-left {position:relative;margin-right: 48px; width: 726px; float: left;}
.sub .content .section-left .imbbs{text-align:center;padding-top:10px;margin-top:10px;border:1px solid #e5e5e5;}
.sub .content .section-right { float: left;}
.sub .border_box{text-align:center;}

/*¹æ¼ÛÂü¿©À̺¥Æ®*/
.event_list{padding:30px; border:1px solid #e5e5e5;text-align: center}
.event_list h3{margin-bottom:3px;text-align:left;position:relative;line-height:28px; color:#f02f80;font-size:14px; font-weight:bold}
.event_list span{position:absolute;right:0;color:#444444;}
.event_list .img_box{position: relative;width:665px; overflow: hidden;}
.event_list .event_img{width:665px;}
.event_list .txt_box{position:absolute;top:314px;text-align:left;background:rgba(0,0,0,.8);width:585px;height:40px;padding:30px 40px}
.event_list .txt_box .txt{display:inline-block;margin-right:30px;width:605px;font-size:14px; color:#fff;line-height:22px;}
.event_list a.btn{display:block;margin-top:20px;}

.legend_tab{overflow: hidden;margin-bottom:10px;}
.legend_tab li{float:left;}

#footer {padding:55px 0;color:#040404;background-color:#ececec;margin-top:20px;}

/* ¼­ºê¼öÁ¤ (2017 Ãß¼®Æ¯Áý ¾ÆÀ°´ë 170825) */
.sub .apply{border:1px solid #a1c9e2;}
.sub .top{position:relative;}
.sub .apply-txt{font-family:'Nanum Gothic','³ª´® °íµñ';font-size:16px;color:#2b251d;letter-spacing:-0.05em;}
.sub .apply-txt .star{color:#2159a0;padding-left:18px;background:url("http://img.imbc.com/broad/tv/ent/event/2017fullmoonidol/images/star.png") 0 1px no-repeat;font-weight:bold;}
.sub .apply-txt li>div{position:absolute;left:66px;}
.sub .apply-txt li>p{position:absolute;left:223px;}
.sub .apply-txt li:nth-child(1)>div,.apply-txt li:nth-child(1)>p{top:313px;}
.sub .apply-txt li:nth-child(2)>div,.apply-txt li:nth-child(2)>p{top:361px;}
.sub .apply-txt li:nth-child(3)>div,.apply-txt li:nth-child(3)>p{top:409px;}
.sub .apply-txt li:nth-child(4)>div,.apply-txt li:nth-child(4)>p{top:457px;}
.sub .apply-txt li:nth-child(5)>div,.apply-txt li:nth-child(5)>p:nth-child(2){top:505px;}
.sub .apply-txt li:nth-child(5)>p:nth-child(3){top:533px;}
.sub .bottom{background-color:#f4f4f4;padding:44px 68px 40px 66px;}
.sub .apply-txt.bottom li{color:#2b2521;font-size:13px;margin-top:16px;padding-left:10px;}
.sub .apply-txt.bottom li:first-child{margin-top:19px;}
.sub .apply-txt.bottom li .blue{color:#124588;}
.wrap_view .customed{background:#3767a7 !important;}
/* ¼­ºê - ¶óÀξ÷ */
.lineUp{border:1px solid #a1c9e2;padding: 25px 25px 27px;background:url("http://img.imbc.com/broad/tv/ent/event/2017fullmoonidol/images/lineup-bg.jpg");}
.lineUp table{background-color:#fff;border:1px solid #7ba2ba;}
.lineUp th{border:1px solid #7ba2ba;}
.lineUp tbody tr:nth-child(2n){background-color:#f0f3f5;}
.lineUp tbody td{padding:11px 0 10px 32px;}
.lineUp tbody tr td:first-child{border-right:1px solid #7ba2ba;}
.lineUp tbody td img{float:left;width:121px;height:80px;border:1px solid #67a2d5;border-radius:9px;}
.lineUp tbody td:nth-child(2) img{border:1px solid #d65f72;border-radius:9px;}
.lineUp tbody td>div{float:left;padding:20px 0 0 15px;font-size:18px;letter-spacing:0;color:#6d6d6d;font-family: 'Noto Sans KR', sans-serif;}
.lineUp tbody tr td:first-child>div p:first-child{color:#007ac6;margin-bottom:6px;}
.lineUp tbody tr td:nth-child(2)>div p:first-child{color:#d65f72;margin-bottom:6px;}
.lineUp tbody tr td div p.long{letter-spacing:-0.06em;}

.popUp{display:none;width:725px;height:730px;position:absolute;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.065em;color:#111;font-size:16px;top:105px;left:50%;margin-left:-512px;z-index:101;}
.popUp img.close{position:absolute;top:-41px;right:-1px;cursor:pointer;}
.popUp h2{font-size:34px;font-weight:bold;position:absolute;top:332px;left:105px;border-bottom:2px solid #000;padding-bottom:16px;letter-spacing:-0.04em;}
.popUp>p.first{text-align:left;line-height:28px;position:absolute;top:419px;left:105px;}
.popUp>p.first+p{text-align:left;line-height:28px;position:absolute;top:516px;left:105px;}
.popUp>div{border-top:1px solid #e3e3e3;position:absolute;top:618px;left:105px;width:520px;text-align:right;padding-top:17px;color:#999;}
.popUp>div p:nth-child(2){margin-top:11px;}
.bg{display:none;position:fixed;background-color:rgba(0,0,0,0.7);height:100%;width:100%;top:0;z-index:100;}
#container{position:relative;}
#header{position:relative;z-index:110;}