@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.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:148px;background:url(http://img.imbc.com/broad/tv/ent/challenge/common2017/img/bg-main.jpg) no-repeat 50% 0;}
.visual-top .tit-logo {position:absolute;left:50%;z-index:100;}
.visual-top h2{position: absolute;left:50%;margin-left:-358px;top:56px;color:#000; font-size:20px; font-weight:bold;}
.broad-info {position:absolute;left:50%;z-index:100;font-weight:600;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:40px;right:50%;z-index:100;margin-right:-505px;}

/* program style */
.visual-top h1 {margin-left:-452px;top:45px;}
.broad-info {top:86px;margin-left:-358px;color:#000;}
.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:45px;letter-spacing:-.5px}
.nav ul {position: relative;height:45px;text-align: center;margin-top:12px;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: 45px;vertical-align: top;color:#000; margin-right:21px;}
.nav li .item:hover{color:#f02f80;font-weight:bold; border-bottom:3px solid #f02f80;}
.nav li .item.active{color:#f02f80;font-weight:bold; border-bottom:3px solid #f02f80;}
.nav li .dropdown {width:350px;z-index:50;position: absolute;left: -10px;top: 42px;padding: 5px 0;}
.nav li .program_dropdown {width:700px;left: -440px}
.nav li .event_dropdown {width: 400px;left: -165px;}
.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: #f43084;	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;overflow:hidden;}

/*section1*/
.section1{overflow: hidden;position:relative;}
.section1 .whatsnew{position:relative;float:left;width:198px; height:215px;padding:27px 20px;border:1px solid #db1469;background:#f43084;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:#fff;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;}
.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{width:228px;color:#eb0868; font-size:13px; font-weight: bold;line-height:33px;}
.section2 h2 span{color:#959595;}
.section2 .clip-wrap{position: relative;}
.section2 .clip{width:714px; height:452px;overflow: hidden;margin-bottom:25px;}
.section2 .clip ul li{position:relative;float:left;margin:0 12px 12px 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;}
.section2 .date{position: absolute;color:#959595; font-size:11px;bottom:7px; left:15px;line-height: 20px;}

.section2 .replay-wrap{position: relative;overflow: hidden}
.section2 .replay{float:left;position:relative;width:228px; height: 214px; border:1px solid #dcdcdc;}
.section2 .replay a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-.5px; color:#424242; font-weight:bold;}
.section2 .replay .img {position:relative; display:block; width:100%; height:128px; margin-bottom:7px; overflow:hidden;}
.section2 .replay .img img{width:228px;}
.section2 .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:#f02f80;}
.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 .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: 725px; 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;}
/*¿ùÆäÀÌÆÛ*/
.wallpaper{position:relative;}
.wallpaper .selectCal{position:absolute;top:14px; right:20px;}
.wallpaper .selectCal select{float:left;font-size:12px;height:21px;}
.wallpaper .selectCal button{float: right;margin-left:5px;}
.wallListSec .bigCal{width:655px;height:525px;padding:15px 35px;background:url(http://img.imbc.com/broad/tv/ent/challenge/common2017/img/cal_bg.png) no-repeat; }
.wallListSec .downCal {overflow: hidden;}
.wallListSec .downCal p.month{float:left;width:305px; padding:27px 0 30px 0; text-align:center;background:url(http://img.imbc.com/broad/tv/ent/challenge/common2017/img/call_month.png) no-repeat; font-size:28px; color:#f02f80; font-weight: bold}
.wallListSec .downCal p.downbtn{float:right;margin-top:20px;}
.wallListSec .downCal p.downbtn a:first-child{margin-right:10px;}
.wallListSec .calList{overflow: hidden;}
.wallListSec .calList li{position:relative;float:left; width:170px;height:130px;margin:0 15px 15px 0;background:rgba(0,0,0,.5);cursor: pointer;}
.wallListSec .calList li:nth-child(4n){margin-right:0;}
.wallListSec .calList li:after{position: absolute;content:'';top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.4);display: block;}
.wallListSec #bigCal{width:654px;}
.wallListSec .calList li img{width:170px; height:130px;}
.wallListSec .calList li p{width:170px; height:130px;line-height:130px;text-align:center;color:#fff; font-size:28px; background: rgba(0,0,0,.5);position:absolute;top:0; left:0;}
/*fromÁ¦ÀÛÁø*/
.sub .fromstaff{width:723px; border:1px solid #e5e5e5;}
.sub .mudo-insta{position: absolute;top:0px; right:0;}
.sub .fromstaff {background: #f7f7f7;text-align:center;}
.sub .fromstaff li{margin:0 auto;overflow:hidden;width:520px;border-bottom:1px solid #e5e5e5;background: #fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.sub .fromstaff li:last-child{border-bottom:0}
.sub .fromstaff li img{width:400px;}
.sub .fromstaff .txt{position:relative;font-size:16px;line-height: 26px; color:#000;font-family:'Malgun Gothic';}
.sub .fromstaff .txt h4{line-height:70px;text-align:left;font-weight: bold;font-size:18px;color:#000;padding:0 60px;border-bottom:1px solid #e5e5e5;}
.sub .fromstaff .txt h4 img{width:50px; height:50px;margin-top:12px;}
.sub .fromstaff .txt span{position:absolute;top:0; right:60px;line-height:70px;}
.sub .fromstaff p.cont{width:400px;margin:0 auto 30px;font-size:16px;text-align:left; line-height:26px;font-family:'Malgun Gothic';letter-spacing: -.5px}
.sub .fromstaff p.cont .likes{display:block;padding:10px 0 5px;font-size:18px;font-weight:bold;}

/*¹æ¼ÛÂü¿©À̺¥Æ®*/
.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;}