@import url(https://font.imbc.com/nanumgothic/nanumgothic.css);
@import url(https://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", 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; 
} 
.imbbs{text-align:center;padding-top:10px;margin-top:10px;border:1px solid #dbdbdb;}

/*main - Æ÷½ºÅÍ ver */
.visual-wrap{ background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/main-top.jpg)}
.visual-top {position:relative;overflow:hidden; margin:0 auto; width:1024px; height:580px;}
.visual-top .program-data { position:absolute; bottom:33px; left:0; overflow:hidden; }
.visual-top .program-data .tit-logo { float:left; margin-right:14px; }
.visual-top .program-data .broad-info { float:left; padding-top:10px; font-size:0; text-align:left; color:#fff; }
.visual-top .program-data .broad-info h2 { margin:4px 0 10px; }
.visual-top .program-data .broad-info h2 strong { color:#fff; font-size:20px; font-weight:bold; }
.visual-top .program-data .broad-info .staff-info span.item { font-size:12px; line-height:13px;font-weight:normal; letter-spacing:-0.075em; color:#f6d6d4; margin-right:12px; }
.visual-top .program-data .broad-info .staff-info span.line{ display:inline-block;width:2px;height:13px;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/board-info-line.png) no-repeat 50% 0; text-indent:-9999px; vertical-align:middle;margin:0 4px}
.visual-top .program-data .broad-info img { margin:1px 5px 0; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:30px;right:0;z-index:100;margin-right:0;}


/*main - ¼­ºê ver 
.visual-top {position:relative;overflow:hidden; margin:0 auto; width:1024px; height:148px; background:url(http://img.imbc.com/broad/tv/ent/realman300/images/main-top.jpg) no-repeat 50% bottom;}
.visual-top .program-data { position:absolute; bottom:33px; left:34px; overflow:hidden; }
.visual-top .program-data .tit-logo { float:left; margin-right:14px; }
.visual-top .program-data .broad-info { float:left; padding-top:12px; font-size:0; text-align:left; color:#fff; }
.visual-top .program-data .broad-info h2 { margin:4px 0 10px; }
.visual-top .program-data .broad-info h2 strong { color:#fff; font-size:20px; font-weight:bold; }
.visual-top .program-data .broad-info .staff-info span { font-size:12px; font-weight:normal; letter-spacing:-0.075em; color:#fff; margin-right:12px; }
.visual-top .program-data .broad-info img { vertical-align:middle; margin:0 5px; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:41px;right:50%;z-index:100;margin-right:-495px;}
 */

/*nav*/
.nav {margin: 0 auto 45px;position: relative;font-size:15px;line-height:45px;letter-spacing:-.5px}
.nav ul {position: relative;height:45px;text-align: center;margin-top:15px;border-bottom:1px solid #ccc;}
.nav li { font-size:15px; display: inline-block;*display: inline;position: relative;text-align: center;vertical-align: top;  margin:0 18px; }
.nav li .item{display: inline-block;*display: inline;position: relative;height: 45px;vertical-align: top;color:#000; box-sizing:border-box; letter-spacing:-1px;}
.nav li .item:hover{color:#9e3048;font-weight:bold; border-bottom:3px solid #9e3048;}
.nav li .item.active{color:#9e3048;font-weight:bold; border-bottom:3px solid #9e3048;}
.nav li .dropdown {display:none;z-index:50;position: absolute;top:45px; text-align: center; padding:2px 0; height:40px; line-height:40px; }
.nav li .dropdown a {display:inline-block;*display: inline;color: #000;font-family: 'Nanum Gothic';font-size: 15px;line-height: 30px;margin-left:22px;}
.nav li .dropdown a:hover {color: #9e3048;	text-decoration: underline;border:0; font-family: 'Nanum Gothic Bold';}
.nav li .dropdown a:first-child { margin-left:0; }


/*floating banner*/
.flt-banner{position: absolute;right: 0;bottom: 0;}
.flt-banner .banner-img{position: relative;}
.flt-banner .btn-close{display:inline-block;width: 32px;height: 32px;position: absolute;top: 0;right: 0;z-index:10;cursor: pointer;text-indent: -9999px}

/******************************************************************* ÄÁÅÙÃ÷ °øÅë */
.section{ position:relative; width:1024px; margin:0 auto;overflow:hidden;}
section h2{ text-align:left; width:228px;color:#8d3c4e; font-size:12px; font-weight: bold;line-height:28px; margin-bottom:5px; } 
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 0 50px 12px;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; height:3em; overflow:hidden; }
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 .clip-wrap { width:250px; }
section .replay-wrap { width:250px; }
section .replay-wrap .rect, section .clip-wrap .rect { width:250px; height:216px; }
section .svod-wrap { margin-bottom:31px }
section .svod-wrap ul { width:100%; height:100%; box-sizing:border-box; }
section .svod-wrap ul li { }
section .news-wrap { } 
section .news-wrap ul { width:100%; height:100%; box-sizing:border-box; }
section .clip-wrap ul li { margin:0;width:100%; box-sizing:border-box; }

section .rect { box-sizing:border-box; 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:#8d3c4e;}
section .paging{position:absolute;top:0px; right:0;}

/* section-preview */
.section-preview { overflow:hidden; margin-bottom:30px; display:none }
.section-preview h2{ text-align:left; font-weight: bold; }
.section-preview h2 span{color:#959595;}
.section-preview .teaser { float:left; }
.section-preview .teaser h2 { margin-bottom:24px; }
.section-preview .banner-teaser { margin-top:9px; }
.section-preview .none-preview { width:714px; height:450px; position:relative; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; }
.section-preview .none-preview a { }
.section-preview .none-preview img { min-height:100%; position:absolute; left:-50%; right:-50%; bottom:50%; top:50%; margin:auto; }
.section-preview .before-preview { font-size:25px; line-height:450px; background-color:#000; color:#fff; }
.section-preview .ad-wrap { width:250px; float:right; }
.section-preview .ad-wrap .ad-rectangle { margin-bottom:20px; }

/*section1*/
.section1{ margin-top:45px; margin-bottom:45px; overflow: hidden;position:relative; display:none; }
.section1 .whatsnew{position:relative;float:left;width:198px; height:215px;padding:27px 20px;border:1px solid #0d0d11; background:#1d1e26;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:normal; }
.section1 .article-multi .title {position:relative;width:258px; padding:16.5px 20px;margin-left:484px;color:#222;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:#1d1e26;color:#fff; font-weight:bold; 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/realman300/images/bg-arr.png);}

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

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

/* none-bbs */
.none-bbs { width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; line-height:216px; }

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

/*¼­ºêÆäÀÌÁö °øÅë*/
.sub .visual-top {position:relative;overflow:hidden; margin:0 auto; width:1024px; height:148px; background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/sub-top.jpg) no-repeat 50% bottom;}
.sub .visual-top .program-data { position:absolute; bottom:33px; left:34px; overflow:hidden; }
.sub .visual-top .program-data .tit-logo { float:left; margin-right:14px; }
.sub .visual-top .program-data .broad-info { float:left; padding-top:11px; font-size:0; text-align:left; color:#000; }
.sub .visual-top .program-data .broad-info h2 { margin:4px 0 10px; }
.sub .visual-top .program-data .broad-info h2 a { color:#fff; font-size:20px; font-weight:bold; }
.visual-top .program-data .broad-info .staff-info span.item { font-size:12px; line-height:13px;font-weight:normal; letter-spacing:-0.075em; color:#f6d6d4; margin-right:12px; }
.visual-top .program-data .broad-info .staff-info span.line{ display:inline-block;width:2px;height:13px;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/board-info-line.png) no-repeat 50% 0; text-indent:-9999px; vertical-align:middle;margin:0 4px}
.sub .btn-like-program-wrap { top:41px; right:20px; }

.sub .content h2.tit-content { color:#9e3048; padding-left:50px; background:#f9f9f9 url(http://img.imbc.com/broad/tv/ent/2020gain/images/sub-title.png) 28px no-repeat; border:1px solid #f4ece5; 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-right { float: left;}
.sub .border_box{text-align:center;}

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

/*main promotion banner*/
.flt-banner {position: absolute;right: 0;bottom: 0;z-index:10}
.flt-banner .banner-img {position: relative;}
.flt-banner ul {padding:70px 0 0 92px}
.flt-banner li {text-align:left;font-size: 14px;line-height: 32px;letter-spacing: -.075em}
.flt-banner li span {color: #eb008b}
.flt-banner .btn-close{display:inline-block;width: 30px;height: 30px;position: absolute;top: 0;right: 0;z-index:10;cursor: pointer;text-indent: -9999px;}

/* ÇÁ·Î±×·¥ ¼Ò°³ */
.concept .concept-wrap{min-height:1132px;background:#593d78 url(http://img.imbc.com/broad/tv/ent/2020gain/images/concept-bg.jpg) no-repeat 50% 0;padding-top:820px;box-sizing:border-box}
.concept .staff-wrap{position:relative;width:480px;height:247px;padding-top:60px;box-sizing:border-box;background-color:#fff;margin:0 auto;text-align:center}
.concept .staff-wrap:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.concept h4.staff-tit{position:absolute;top:0;left:0;background-color:#fcdc96;width:100%;height:60px;text-align:center;line-height:60px}
.concept h4.staff-tit img{vertical-align:middle;}
.concept ul{display:inline-block;vertical-align:middle;text-align:left;max-width:350px}
.concept ul li{margin-top:17px}
.concept ul li:first-child{margin-top:0}
.concept ul li strong, .concept ul li span{display:inline-block;line-height:21px;vertical-align:top;font-size:15px;color:#2b3135}
.concept ul li strong{width:40px;font-family:'notokr-bold';color:#664e86;font-weight:normal}
.concept ul li span{margin-left:12px;max-width:290px;font-family:'notokr-regular';}

/* ¹æû½Åû */
.join .content{width:100%}
.join .wrapper{width:1218px;margin:0 auto;position:relative;font-family:'notokr-demilight';font-size:16px}
.join .concent-spot{height:679px;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/join-spot-bg.jpg) no-repeat 50% 0}
.join .concent-spot h2{padding:94px 0 0 52px;margin-bottom:22px}
.join .concent-spot p{padding-left:109px}
.join .content-area{margin-top:-132px}
.join .join-info{margin-bottom:45px;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/join-info-bg.png) no-repeat 50% 0}
.join .info-area{padding:40px 100px 36px}
.join .info-txt .info{padding:21px 24px;margin-bottom:15px;box-sizing:border-box;background-color:#7e283b;overflow:hidden}
.join .info-txt ul{float:left}
.join .info-txt ul.left{width:54%}
.join .info-txt ul.right{width:46%}
.join .info-txt ul li{margin-top:4px}
.join .info-txt ul li:first-child{margin-top:0}
.join .info-txt ul li strong, .join .info-txt ul li span{color:#f1dbe0;line-height:23px}
.join .info-txt ul li strong.tit, .join .info-txt ul li p.txt{display:inline-block;vertical-align:top;}
.join .info-txt ul li strong.tit{font-family:'notokr-bold';width:20.62%;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/join-list-style.png) no-repeat 0 10px;padding-left:12px;box-sizing:border-box}
.join .info-txt ul li p.txt{width:78%;letter-spacing:-1px}
.join .info-txt ul li p strong{display:block;color:#ff9685}
.join .info-txt .mypage strong{font-family:'notokr-bold';}
.join .info-txt .mypage p, .join .info-txt .mypage p strong{color:#f3bfc1;line-height:28px}
.join .info-txt .mypage p, .join .info-txt .mypage a{display:inline-block;vertical-align:middle;}
.join .info-txt .mypage p{}
.join .info-txt .mypage a{margin-left:12px;width:128px;height:28px;line-height:28px;color:#1a0e15;font-size:14px;text-align:center;background-color:#f49080;letter-spacing:-1px}
.join .notice-area{background-color:#2b1722;padding:27px 100px 46px;}
.join .notice-area h3{margin-bottom:12px;font-family:'notokr-bold';color:#f49080;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/join-icon-notice.png) no-repeat 0 50%;padding-left:30px;line-height:22px}
.join .notice-area ul li{font-size:15px;line-height:24px;color:#e2cec8;padding-left:13px;background:url(http://img.imbc.com/broad/tv/ent/2020gain/images/join-list-style2.png) no-repeat 0 12px}
.join .imbbs{padding:45px}