@charset "UTF-8";
/* default set */
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, table, th, td, figure, hr {
  margin: 0;
  padding: 0;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  box-sizing: border-box;
}
ul, ol {list-style:none;}
a{text-decoration:none;color:inherit;}
.blind {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
img {border:0;margin:0;padding:0;line-height:0;}
a{display:inline-block;text-decoration:none;}


@keyframes txt-main-ani{0%{opacity:0;top:18%}
  100%{opacity:1;top:23%}
}

@keyframes dot{
	0%{transform:scale(0);-webkit-transform:scale(0)}
}


/* 공용 */
.center{width:1200px;margin:0 auto;}
.center.slide-big{width:1216px;}

/* 헤더 */
.header{position:fixed;top:0;left:0;right:0;width:100%;height:72px;margin:0 auto;padding:10px 0 20px;z-index:999;font-weight:500;text-align:center;transition:margin 200ms;color:#fff;box-sizing:border-box;background:rgba(16, 11, 25, 0.32);backdrop-filter:blur(16px);}

.gnb{position:relative;max-width:1200px;min-width:1200px;margin:0 auto;box-sizing:border-box;}
.gnb-logo{display:inline-block;float:left;}
.gnb-logo a{width:100%;height:100%;display:inline-block;}
.gnb-menu{float:right;padding:10px 0 0 0;}
.gnb-menu .login{letter-spacing:-0.24px;background:url(../img/btn-mypage-white.png) 2px 9px no-repeat;padding:0 0 0 28px;}
.gnb-menu .onair{position:relative;width:70px;height:18px;background:url(../img/btn-onair-white.png) 0 100% no-repeat;padding:0 10px 0 0;margin-top:10px}
.gnb-menu .onair::after{content:"";display:block;position:absolute;top:0;right:-2px;width:8px;height:8px;border-radius:100%;background:#f33;animation:dot 1s infinite alternate ease;-webkit-animation:dot 1s infinite alternate ease;}

.gnb-menu li{float:left;line-height:38px;}
.gnb-menu li+li{margin-left:40px;}



/* 메인 영상 영역 */
.main{padding-top:72px;background-color:#1E1F21;}
.main-visual-cont{position:relative;padding:0;background:url(../img/main-back.png) center no-repeat;min-height:781px;padding:53px 0;background-size:cover;}
.main-iframe{width:1200px;height:675px;margin:0 auto;}


/* 최신드라마 */
.video-slide-cont{background-color:rgba(0,0,0,0.27);padding:34px 0 53px;position:relative;}

.tit-txt{color:#fff;text-align:left;font-size:40px;font-weight:700;}
.tit-txt span{color:#FF64B1;}
.slide-txt{text-align:center;padding:12px 0 20px;background-color:#fff;}
.slide-txt p{font-size:18px;font-weight:700;color:#000;}

.slick-slide .slide-div{border-radius:16px;overflow:hidden;box-sizing:border-box;}
/* .slick-slide:hover{transition:transform .5s cubic-bezier(0.25,1,.5,1);transform:scale(1.05);} */


.slider a:hover .img-div img{position:relative;transition:transform .5s cubic-bezier(0.25,1,.5,1);transform:scale(1.05);}
.slider a:hover .img-div{position:relative;}
.slider a:hover .img-div::before{content:"재생";width:100%;height:100%;background:rgba(0,0,0,.6) url(/img/ico-play.png) center no-repeat;left:0;top:0;position:absolute;z-index:1;font-size:0;}
.slider a:hover .img-div::after{content:"아웃링크";width:16px;height:16px;background:url(/img/ico-outlink.png) no-repeat;position:absolute;right:15px;top:15px;z-index:1;font-size:0;}

.slider a:hover .slide-txt{background-color:#FF64B1;}
.slider a:hover .slide-txt p{color:#fff;}

.time{z-index:10;position:absolute;right:0;bottom:0;background-color:#000;color:#fff;font-size:12px;padding:3px 8px;}

/* 드라마 리스트 */
.drama-list{padding:50px 0;}
.drama-list ul{width:1200px;margin:0 auto;}
.drama-list li{width:100%;padding:28px 55px;position:relative;height:351px;box-sizing:border-box;}
.drama-list li+li{margin-top:50px;}

.drama-list .drama-01{background:url(../img/drama-back01.png) center no-repeat;}
.drama-list .drama-02{background:url(../img/drama-back02.png) center no-repeat;}
.drama-list .drama-03{background:url(../img/drama-back03.png) center no-repeat;}
.drama-list .drama-04{background:url(../img/drama-back04.png) center no-repeat;}

.go-home:hover{border:1px solid;}
.drama-01 .go-home:hover{border-color:#AAFFAF;color:#AAFFAF;}
.drama-02 .go-home:hover{border-color:#F7FF92;color:#F7FF92;}
.drama-03 .go-home:hover{border-color:#F7A8EF;color:#F7A8EF;}
.drama-04 .go-home:hover{border-color:#85D6FF;color:#85D6FF;}

.list-text{display:inline-block;}
.list-text a{font-size:16px;font-weight:700;color:#fff;border:1px solid #fff;border-radius:7px;width:171px;box-sizing:border-box;}
.go-home{padding:8px 23px 10px;float:left;}
.go-video{padding:8px 25px 10px 51px;margin-left:15px;position:relative;}
.go-video::before{content:"";background:url(../img/ico-show.png) no-repeat;position:absolute;top:13px;left:20px;width:22px;height:15px;background-size:cover;}
.go-video:hover::before{background:url(../img/ico-show-active.png) no-repeat;}


.fr{float:right !important;}

.when-text{font-size:20px;color:#fff;}
.sub-text{font-size:18px;color:#fff;margin:23px 0 32px;line-height:27px;}
.t{font-size:50px;font-weight:700;line-height:70px;}

.list-text .t.drama-color01{color:#AAFFAF}
.list-text .t.drama-color02{color:#F7FF92}
.list-text .t.drama-color03{color:#F7A8EF}
.list-text .t.drama-color04{color:#85D6FF}

.list-poster{width:224px;display:inline-block;}
.list-poster img{width:100%;}

/* 푸터 */
footer{padding:0 0 80px 0;width:100%;border-top:1px solid #414141;background-color:#1e1f21;}
footer .footer-top{margin:0 auto;width:1200px;border-bottom:1px solid #414141;;}
footer .footer-top > ul{margin:0 -10px;}
footer .footer-top > ul li{float:left;}
footer .footer-top > ul li a{padding:16px 10px;font-size:12px;font-weight:600;color:#b6b3ae;}
footer .footer-top > ul li a strong{color:#0384c7;}
footer .footer-top > ul li a:focus{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;transform:scale(0.99);}
footer .footer-top > ul li.footer-select{position:relative;margin:0 20px 0 0;}
footer .footer-top > ul li.footer-select a{padding:16px 35px 16px 10px;}
footer .footer-top > ul li.footer-select a .ico{position:absolute;right:13px;top:50%;border-bottom:6px solid #b6b3ae;;border-right:5px solid transparent;border-left:5px solid transparent;margin:-2px 0 0 0;}
footer .footer-top > ul li.footer-select > ul{display:none;border:1px solid #414141;position:absolute;bottom:-1px;right:0;z-index:3;background:#252628;}
footer .footer-top > ul li.footer-select > ul li a{position:relative;min-width:140px;padding:0 20px;box-sizing:border-box;line-height:40px;font-size:12px;font-weight:600;color:#b6b3ae;}
footer .footer-top > ul li.footer-select > ul li a:focus{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;transform:scale(0.99);}
footer .footer-top > ul li.footer-select > ul li a .ico{position:absolute;right:13px;top:50%;border-top:6px solid #b6b3ae;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:none;margin:-2px 0 0 0;}
footer .footer-top > ul li.footer-select > ul li:nth-last-of-type(1) > a{padding:5px 20px;}
footer .footer-top > ul li.footer-select > ul.on{display:block;}
footer .footer-top .footer-top-left{float:left;}
footer .footer-top .footer-top-left .footer-select{margin:0;}
footer .footer-top .footer-top-right{float:right;}
footer .footer-top::after{content:"";display:block;clear:both;width:100%;}
footer .footer-bottom{position:relative;width:1200px;margin:30px auto 0;}
footer .footer-bottom dl{overflow:hidden;}
footer .footer-bottom dl dt{float:left;margin:0 20px 0 0;font-size:12px;color:#b6b3ae;}
footer .footer-bottom dl dd{float:left;}
footer .footer-bottom dl dd ul{overflow:hidden;}
footer .footer-bottom dl dd ul li{float:left;margin:0 0 5px 0;font-size:12px;color:#7A7B85;}

footer .footer-bottom dl dd ul li a{vertical-align:top;color:#7A7B85;}
footer .footer-bottom dl dd ul li a:focus{outline:1px dashed;  outline:1px auto -webkit-focus-ring-color;  transform:scale(0.99);}
footer .footer-bottom dl dd ul li + li{margin-left: 20px;}
footer .footer-bottom dl dd.footer-sns{float:right;margin:0 23px 0 0;}
footer .footer-bottom dl dd.footer-sns ul li{position:relative;margin:0 4px;width:30px;height:30px;background:url(../img/ico-sns.png) no-repeat;}
footer .footer-bottom dl dd.footer-sns ul li a{position:absolute;top:0;left:0;width:100%;height:100%;}
footer .footer-bottom dl dd.footer-sns ul li a:focus{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;transform:scale(0.99);}
footer .footer-bottom dl dd.footer-sns ul li.facebook{background-position-y:0;background-position-x:-30px;}
footer .footer-bottom dl dd.footer-sns ul li.youtube{background-position-y:-31px;background-position-x:-30px;}
footer .footer-bottom dl dd.footer-sns ul li.instagram{background-position-y:-64px;background-position-x:-30px;}
footer .footer-bottom dl dd.footer-sns ul li.twitter{background-position-y:-96px;background-position-x:-30px;}


/* 헤더 */
.header{position:fixed;top:0;left:0;right:0;width:100%;height:72px;margin:0 auto;padding:10px 0 20px;z-index:999;font-weight:500;text-align:center;transition:margin 200ms;color:#fff;box-sizing:border-box;background:rgba(16, 11, 25, 0.32);backdrop-filter:blur(16px);}

.gnb{position:relative;max-width:1200px;min-width:1200px;margin:0 auto;box-sizing:border-box;}
.gnb-logo{display:inline-block;float:left;}
.gnb-logo a{width:100%;height:100%;display:inline-block;}
.gnb-menu{float:right;padding:10px 0 0 0;}
.gnb-menu .login{letter-spacing:-0.24px;background:url(../img/btn-mypage-white.png) 2px 9px no-repeat;padding:0 0 0 28px;}
.gnb-menu .onair{position:relative;width:70px;height:18px;background:url(../img/btn-onair-white.png) 0 100% no-repeat;padding:0 10px 0 0;margin-top:10px}
.gnb-menu .onair::after{content:"";display:block;position:absolute;top:0;right:-2px;width:8px;height:8px;border-radius:100%;background:#f33;animation:dot 1s infinite alternate ease;-webkit-animation:dot 1s infinite alternate ease;}

.gnb-menu li{float:left;line-height:38px;}
.gnb-menu li+li{margin-left:40px;}