@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/dreamfc/img/main-bg.jpg) no-repeat 50% bottom;}
.visual-top .tit-logo {position:absolute; margin-left:-452px;top:43px;left:50%;z-index:100;}
.visual-top .bg-logo { position:absolute; margin-left:19px; bottom:3px; left:50%; z-index:100; }
.visual-top h2{position: absolute;left:50%;margin-left:-358px;top:48px;color:#fff; font-size:20px; font-weight:bold;}
.broad-info {line-height:1.7em; text-align:left; position:absolute;top:78px;margin-left:-358px;color:#fff;left:50%;z-index:100;font-weight:normal;font-size:12px;}
.broad-info img { margin:0 5px; padding-top:4px; }
.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:43px;right:50%;z-index:100;margin-right:-495px;}

/* program style */
.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:35px;}
.nav li .item:hover{color:#135882;font-weight:bold; border-bottom:3px solid #135882;}
.nav li .item.active{color:#b41214;font-weight:bold; border-bottom:3px solid #b41214;}
.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 45px;overflow:hidden;}

/*section1*/
.section1{overflow: hidden;position:relative;}
.section1 .whatsnew{position:relative;float:left;width:198px; height:215px;padding:27px 20px;border:1px solid #e7e7e7; background:#f4f4f4;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:#333; }
.section1 .article-multi .txt>span{ color:#b41214; 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:#e61818;}
.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; } 
.section2 h2{width:228px;color:#b41214; font-size:13px; font-weight: bold;line-height:33px;} 
.section2 h2 span{color:#959595;}
.section2 .clip-wrap{position: relative;}
.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 ul li:nth-child(3n) ~ li {margin-bottom: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;}

.section2 .replay-wrap{overflow: hidden}
.section2 .box-wrap{float:left;}
.section2 .box-wrap:first-child{margin-right:12px;}
.section2 .photo_box{overflow:hidden;}
.section2 .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:#b41214;}
.section2 .paging{position:absolute;top:0px; right:0;}

.section3 h2{width:228px;color:#b41214; font-size:13px; font-weight: bold;line-height:33px;text-align:left;}
.section3 h2 span{color:#959595;}
.section3 { float:right;width:250px;}
.section3 .box-wrap{overflow:hidden;margin-top:14px;}
.section3 .box-wrap .rect{width:248px;}
.section3 .box-wrap .rect .img img{width:100%;}
.section3 .box-wrap .rect img.ico-m-play {width:30px;}
.section3 .banner{margin-top:10px;position: relative;}
.section3 .banner a{display:block; margin-bottom:10px;}
.section3 .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:#b41214; font-size:13px; font-weight: bold; line-height:33px;}
.section-preview h2 span{color:#959595;}
.section-preview .ad-wrap { float:right; }
.teaser { float:left; }
.banner-teaser { margin-top:56px; }


/*-------- ¼­ºêÆäÀÌÁö ------------*/
/*¼­ºêÆäÀÌÁö °øÅë*/
.sub .content h2.tit-content { color:#000; padding-left:50px; background:#faf5f5 url(http://img.imbc.com/broad/tv/ent/livingwith/img/sub-title.png) 28px no-repeat; border:1px solid #efe8e8; margin-bottom: 15px;line-height: 44px;font-size:15px;font-weight:bold;}
.sub .content h2.tit-content span{color:#777; font-size:15px;font-weight:normal;}
.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;}

/* ½ÃûÀÚ ÀÇ°ß */
.recommend-banner { margin-bottom:20px; }

/* ÇÁ·Î±×·¥ ¼Ò°³ */
.staff_info { position:absolute; top:1202px;left:60px; line-height: 28px; font-size:14px; font-weight:normal;color:#fff; letter-spacing:-0.03em; }
.staff_info strong { width:110px; display:inline-block; text-align:center; color:#fff; background:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/staff-list.png) repeat-y left center, url(http://img.imbc.com/broad/tv/ent/dreamfc/img/staff-list.png) repeat-y right center; }
.staff_info span { padding-left:15px; }

/*Ã⿬ÀÚ ¼Ò°³ */
.member-list { padding-top:30px; height:1550px; box-sizing:border-box; text-align:center; background:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-bg.jpg) no-repeat center top; }
.btn-wrap { margin-bottom:20px; overflow:hidden; display:inline-block; }
.btn-wrap li { width:160px; height:65px; background-repeat:no-repeat; background-position:center center; float:left; margin-right:10px; }
.btn-wrap li:nth-child(1) { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tab-1.png); }
.btn-wrap li:nth-child(2) { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tab-2.png); }
.btn-wrap li:nth-child(3) { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tab-3.png); }
.btn-wrap li:nth-child(4) { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tab-4.png); }
.btn-wrap li:last-child { margin-right:0; }
.btn-wrap li button { text-indent:-9999px; display:inline-block; width:100%; height:100%; }

.btn-wrap li:nth-child(1).active { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tabon-1.png); }
.btn-wrap li:nth-child(2).active { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tabon-2.png); }
.btn-wrap li:nth-child(3).active { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tabon-3.png); }
.btn-wrap li:nth-child(4).active { background-image:url(http://img.imbc.com/broad/tv/ent/dreamfc/img/member-tabon-4.png); }

.member-wrap>li { display:none; }
.member-wrap>li.active { display:block; }
.member-wrap>li>ul>li { border:2px solid #c5c5c5; box-sizing:border-box; position:relative; width:670px; margin:0 auto 10px; }
.member-wrap>li>ul>li:last-child { margin-bottom:0; }
.member-wrap>li>ul>li>.member-txt-wrap { position:absolute; right:0; text-align:left; }
.member-wrap>li>ul>li>.member-txt-wrap .member-txt { margin-bottom:18px; }
.member-wrap>li>ul>li>.member-txt-wrap strong, .member-wrap>li>ul>li>.member-txt-wrap span { display:block; font-size:13px; color:#fff; }
.member-wrap>li>ul>li>.member-txt-wrap strong { color:#edcd18;  margin-bottom:5px; }
.member-wrap>li>ul>li>.member-txt-wrap span { line-height:19px; }

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

.mc-intro ul { overflow:hidden; }
.mc-intro ul.btn-wrap { margin-bottom:6px; }
.mc-intro ul.btn-wrap li { float:left; width: 356px; }
.mc-intro ul.btn-wrap li:first-child { margin-right:12px; }
.mc-intro ul.btn-wrap li .tab-btn { width:100%; height:84px; display:inline-block; text-align:center; line-height:50px; text-indent:-9999px; }
.mc-intro ul.btn-wrap li.mc1 { background:url(http://img.imbc.com/broad/tv/ent/worldbc/img/mc-btn-0.png) no-repeat left center; }
.mc-intro ul.btn-wrap li.mc2 { background:url(http://img.imbc.com/broad/tv/ent/worldbc/img/mc-btn-1.png) no-repeat left center; }
.mc-intro ul.btn-wrap li.mc1 .active { background:url(http://img.imbc.com/broad/tv/ent/worldbc/img/mc-btn-0-on.png) no-repeat left center; }
.mc-intro ul.btn-wrap li.mc2 .active { background:url(http://img.imbc.com/broad/tv/ent/worldbc/img/mc-btn-1-on.png) no-repeat left center; }
.mc-intro ul.mc-wrap li.tab2 { display:none; }

/*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; }