@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:580px; background:url(http://img.imbc.com/broad/tv/ent/dunia/images/main-visual.jpg) no-repeat 50% bottom;}
.visual-top .program-data { position:absolute; bottom:30px; left:40px; overflow:hidden; }
.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:#fff; }
.visual-top .program-data .broad-info h2 { 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 img { margin:1px 5px 0; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:30px;right:50%;z-index:100;margin-right:-495px;}

/*main - ¼­ºê ver
.visual-top {position:relative;overflow:hidden; margin:0 auto; width:1024px; height:148px; background:url(http://img.imbc.com/broad/tv/ent/dunia/images/sub-visual.jpg) no-repeat 50% bottom;}
.visual-top .program-data { position:absolute; top:42px; left:60px; overflow:hidden; }
.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:#fff; }
.visual-top .program-data .broad-info h2 { 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 img { margin:1px 5px 0; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:41px;right:50%;z-index:100;margin-right:-495px;}
 */

/*nav*/
.nav {margin: 0 auto;position: relative;height: 60px;font-size:15px;line-height:45px;letter-spacing:-.5px}
.nav ul {position: relative;height:45px;text-align: center;margin-top:25px;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 21px; box-sizing:border-box; letter-spacing:-1px;}
.nav li .item:hover{color:#1a441a;font-weight:bold; border-bottom:3px solid #1a441a;}
.nav li .item.active{color:#1a441a;font-weight:bold; border-bottom:3px solid #1a441a;}
.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;}
.section{ position:relative; width:1024px; margin:0 auto;overflow:hidden;}

/******************************************************************* ÄÁÅÙÃ÷ °øÅë */
section h2{ text-align:left; width:228px;color:#1f356f; font-size:13px; font-weight: bold;line-height:33px;} 
section h2 span{color:#959595; font-weight:normal; }

/* box-type */
section .box-wrap{width:714px; position: relative; overflow: hidden; }
section .box-type{width:100%; height:216px; overflow: hidden;margin-bottom:25px;}
section .box-type ul { overflow:hidden; float:left; }
section .box-type ul li{position:relative;float:left;margin:0 12px 0 0;width:228px; height: 214px; border:1px solid #dcdcdc;}
section .box-type a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-.5px; color:#424242; font-weight:bold;}
section .box-type .img {position:relative; display:block; width:100%; height:125px; margin-bottom:7px; overflow:hidden;}
section .box-type .img img{width:100%;}
section .box-type .txt {padding:3px 15px;display:block;font-size:14px;text-align:left;color:#424242;font-weight: normal;}
section .box-type img.ico-m-play {width:30px; height:30px;position:absolute; bottom:10px; right:10px; width:auto; height:auto; z-index:10;}
section .date{position: absolute;color:#959595; font-size:11px;bottom:7px; left:15px;line-height: 20px;}

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

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

/* section-preview */
.section-preview { display:none; overflow:hidden; }
.section-preview h2{ text-align:left; color:#1f356f; font-size:13px; font-weight: bold; margin-bottom:12px; }
.section-preview h2 span{color:#959595;}
.section-preview .teaser { float:left; }
.section-preview .banner-teaser { margin-top:9px; }
.section-preview .none-preview { width:714px; border:1px solid #ddd; box-sizing:border-box; }
.section-preview .none-preview img { width:100%; }
.section-preview .ad-wrap { width:250px; float:right; }

/*section1*/
.section1{ margin-top:50px; overflow: hidden;position:relative;}
.section1 .whatsnew{position:relative;float:left;width:198px; height:215px;padding:27px 20px;border:1px solid #1b343b; background:#1b343b;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:#fff; }
.section1 .article-multi .txt>span{ color:#fff; position:absolute; bottom:0;display:block;font-size:12px;font-weight: normal}
.section1 .article-multi .txt>span>span { font-weight:bold; color:#fff; }
.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:#000;color:#fff; text-decoration:underline; }
.section1 .article-multi .bg-arr {display:none;position:absolute; z-index:10;top:0;left:-8px;width:8px; height:45px; background:url(http://img.imbc.com/broad/tv/ent/dunia/images/bg-arr.png);}

/*section2*/
.section2 { margin:45px auto 60px; }
.section2 .svod_box { margin-bottom:0; }

/*section3 */
.section3 { float:right; margin-top:45px; width:250px; position:absolute; top:0; right:0; }
.section3 .ad-rectangle { margin-bottom:23px; }

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

/*¼­ºêÆäÀÌÁö °øÅë*/
.sub .visual-top {position:relative;overflow:hidden; margin:0 auto; width:1024px; height:148px; background:url(http://img.imbc.com/broad/tv/ent/dunia/images/sub-visual.jpg) no-repeat 50% bottom;}
.sub .visual-top .program-data { position:absolute; top:42px; left:60px; overflow:hidden; }
.sub .visual-top .program-data .broad-info { color:#fff; }
.sub .visual-top .program-data .broad-info h2 { color:#fff; }
.sub .btn-like-program-wrap { top:41px; }

.sub .content h2.tit-content { color:#000; padding-left:50px; background:#f5f5f5 url(http://img.imbc.com/broad/tv/ent/livingwith/img/sub-title.png) 28px no-repeat; border:1px solid #e1e7e6; margin-bottom: 15px;line-height: 44px;font-size:15px;font-weight:bold; box-sizing:border-box; width:100%; }
.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 { font-family:'notokr-light'; padding:90px 0 150px; text-align:center; background:#10171c url(http://img.imbc.com/broad/tv/ent/dunia/images/concept-bg.jpg) no-repeat center top; background-size:725px; box-sizing:border-box;}
.concept .concept-info { margin-bottom:90px; }
.concept .concept-info h3 { margin-bottom:70px; }
.concept .concept-info .info-text { font-size:16px; line-height:28px; color:#fff; }
.concept .concept-info .info-text strong.blue { color:#00deff; font-weight:normal; font-family:'notokr-bold'; }
.concept .concept-info .info-text strong.green { color:#deff00; font-weight:normal; font-family:'notokr-bold'; }
.concept .staff { position:relative; }
.concept .staff img { position:absolute; top:-16px; left:50%; margin-left:-57px; }
.concept .staff .staff-wrap { margin:0 auto; display:table; min-height:180px; width:494px; vertical-align:middle; }
.concept .staff .staff-wrap ul { display:table-cell; background:url(http://img.imbc.com/broad/tv/ent/dunia/images/concept-staff-bg.png); text-align:center; box-sizing:border-box; padding:38px 40px 25px; }
.concept .staff .staff-wrap ul li { margin-top:10px; letter-spacing:-0.075em; font-size:14px; color:#000; line-height:22px; }
.concept .staff .staff-wrap ul li:first-child { margin-top:0; }
.concept .staff .staff-wrap ul li strong, .concept .staff .staff-wrap ul li span {font-size:16px; color:#cbcbcb; }
.concept .staff .staff-wrap ul li strong { font-weight:normal; }
.concept .staff .staff-wrap ul li span { word-break:keep-all; }
.concept .staff .staff-wrap ul li span p { display:inline; }

/*Ã⿬ÀÚ ¼Ò°³ */
.profile { overflow:hidden; padding-top:10px; }
.profile li { overflow:hidden; margin-top:35px; border-top:1px solid #dcdcdc; padding-top:35px; }
.profile li:first-child { margin-top:0; border-top:none; padding-top:0; }
.profile li .thumb { float:left; margin-right:43px; position:relative; width:200px; }
.profile li .thumb img { width:100%; height:150px; }
.profile li .text { float:left; width:480px; font-family: 'notokr-light' }
.profile li .text strong, .profile li .text span { display:block; }
.profile li .text strong.name { margin-bottom:20px; font-size:28px; font-family:'notokr-black'; color:#333; }
.profile li .text span.sum { margin-bottom:20px; font-size:18px; line-height:28px; color:#333; font-family: 'notokr-medium'; }
.profile li .text span.info, .profile li .text span.add-info { color:#666; font-size:14px; } 
.profile li .text span.info { margin-bottom:20px; line-height:21px; }
.profile li .text span.add-info { line-height:24px; }

/* Á¦ÀÛ¹ßǥȸ */
.live { padding-top:135px; box-sizing:border-box; background:#160c07 url(http://img.imbc.com/broad/tv/ent/dunia/images/live-bg.jpg) no-repeat center top; }
.live .live-info span { line-height:28px; display:block; text-align:center; font-family:'notokr-bold'; font-size:18px; color:#01deff; }
.live .live-info span.first { color:#fff; }
.live .live-info span.center { margin:14px 0 295px; }
.live .live-info span.last { color:#deff00; font-size:24px; margin-bottom:20px; }
.live .live-vod { text-align:center; }
.live .btn-area { padding:45px 0; box-sizing:border-box; }
.live .btn-area ul { padding-left:97px; overflow:hidden; }
.live .btn-area ul li { float:left; }
.live .btn-area ul li a { text-indent:-9999px; display:block; width:250px; height:69px; }
.live .btn-area ul li a.concept-btn { background:url(http://img.imbc.com/broad/tv/ent/dunia/images/info-btn.png) no-repeat center center; }
.live .btn-area ul li a.cast-btn { background:url(http://img.imbc.com/broad/tv/ent/dunia/images/cast-btn.png) no-repeat center center; }
.live .btn-area ul li:first-child { margin-right:30px; }
.live .btn-area ul li:hover a.concept-btn { background-image:url(http://img.imbc.com/broad/tv/ent/dunia/images/info-btn-on.png); }
.live .btn-area ul li:hover a.cast-btn { background-image:url(http://img.imbc.com/broad/tv/ent/dunia/images/cast-btn-on.png); }

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