@charset "utf-8";

/*
Eungom's Reset
Last Updated: 2021.07.27
Author: Jeong Eunmi
*/

/* font */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(../css/font/NanumGothic-Regular.eot);
  src: url(../css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(../css/font/NanumGothic-Regular.woff) format('woff'),
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: bold;
  src: url(../css/font/NanumGothic-Bold.eot);
  src: url(../css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../css/font/NanumGothic-Bold.woff2) format('woff2'),
       url(../css/font/NanumGothic-Bold.woff) format('woff'),
}

/* reset */
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: '나눔스퀘어', Nanum Square,'나눔고딕', Nanum Gothic, '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
html {font-size:10px;-webkit-text-size-adjust: none;text-size-adjust: none;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells: show;table-layout: fixed;word-break: break-all;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{outline:0}
section{width:100%;text-align: center;}
html, body{height: 100%;font-size: 10px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
body{font-family: '나눔고딕', Nanum Gothic, '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;font-size: 10px;color: rgba(0, 0, 0, 1);line-height: 1;font-weight: 400;}

::-webkit-input-placeholder {color:#999 !important;}
:-moz-placeholder {color:#999 !important;opacity: 1;}
::-moz-placeholder {color:#999 !important;opacity: 1;}
:-ms-input-placeholder {color:#999 !important;}
select::-ms-expand {display: none;}
select{-webkit-appearance: none;appearance: none;background:url(../images/ico_select_arrow.png) right 8px center no-repeat;padding-right:20px !important}

/* float해제 */
.clearfix:after,ol:after,ul:after,dl:after {content:"";display:block;clear:both;}
.clear {clear:both !important}
.blind, .skip-nav {font-size:0;line-height:0;overflow:hidden;visibility:hidden;margin-left:-4000em;}

.none{display:none;}
.flex{display:flex;}
.block{display:block !important;}
.inline-block{display:inline-block;}

.no-margin{margin:0;}
.no-padding{padding:0;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.ellipsis{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.main-popup{position:fixed;top:0;left:0;z-index:1000;}

.main-popup .pop-content .pop-close{position:absolute;right:15px;top:10px;width:30px;height:30px;background:url(../images/btn_close_gray.png) center center no-repeat;background-size:25px;z-index:10;font-size:0;cursor:pointer;}



html, body{position:relative;min-width:1183px;height:auto;color:#565656;letter-spacing:-0.5px;height:100%;background:#000;}
.wrap{position:relative;width: 100%;z-index: 0;margin: 0 auto;}
.container{position:relative;height:100%;}
.section-tit{padding:45px 0 44px;font-size:26px;letter-spacing:-0.5px;font-weight:500;line-height:32px;color:#565656;}
section{position:relative;height:100vh;background-color:#000;}
section .content{margin:0 auto;}
.asterisk{display:inline-block;margin-left:3px;font-size:17px;color:#ec008c;}
.btn-down{position:absolute;left:0;right:0;bottom:45px;width:50px;height:26px;margin: auto;text-indent:-99999em;background:url(../images/btn_down.png) 0 0 no-repeat;cursor:pointer;}
/* .btn-top{position:absolute;left:0;right:0;bottom:45px;width:50px;height:26px;margin: auto;text-indent:-99999em;background:url(../images/btn_top1.png) 0 0 no-repeat;cursor:pointer;} */


.header{position:fixed;top:0;left:0;right:0;background:transparent;width:100%;z-index:100;padding:30px 60px;}
.header .top-menu{display:flex;align-items:center;justify-content:space-between;}
.header .logo{font-size:0}
.header .logo a{display:block;}
.header .btn-login{display:block;text-align:center;color:#fff;background:#ed1c24;border-radius:25px;font-weight:bold;font-size:17px;padding:8px 20px;}
.btn-qa-customer{position:fixed;bottom:150px;z-index:100;display:block;width:86px;right:86px;left:auto;}
@media only screen and (max-width: 1024px) {
.btn-qa-customer{width:200px;height:200px;bottom:100px;}
.btn-qa-customer img{width:200px;}
}
.btn-kakao-customer{position:fixed;bottom:50px;z-index:100;display:block;width:94px;right:80px;left:auto;}
@media only screen and (max-width: 1024px) {
.btn-kakao-customer{width:200px;height:200px;bottom:100px;}
.btn-kakao-customer img{width:200px;}

}

/* LNB */
.lnb{position:fixed;top:calc(50% - 130px);right:60px;z-index:10;text-align:right;}
.lnb ul,
.lnb ul li{position:relative;}
.lnb ul:after{content:"";position:absolute;top:20px;right:7px;width:1px;height:110px;background:#ddd;z-index:-1;}
.lnb ul li a{position:relative;display:block;padding:15px 40px 15px 30px;font-size:22px;letter-spacing:0;color:#bbb;transition:all .4s;height:52px;}
.lnb ul li a:hover{font-weight:600;color:#fff;}
/* .lnb.active ul li a{color:#565656;} */
.lnb ul li a:after{content:"";position:absolute;top:calc(50% - 8px);right:0;width:15px;height:15px;border-radius:20px;background:#ddd;transition:all .5s;}
.lnb ul li.active a{font-weight:bold;color:#fff;}
.lnb ul li.active a:after{top:3px;background:#ed1c24;height:43px;}
.lnb ul li.menu5.active a:after{background:#fff;}

.section1,.section2,.section3{border-bottom:8px solid #232323;min-height:960px;}

/* section1 - Intro */
.section1{background:#000 url(../images/bg_section1-1-1.jpg) top center no-repeat;background-size:auto 100%;min-height:100vh}
.section1 img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding:0 2rem;}
.section1 .btn-down{bottom:115px;}
/*.section1 .btn-download{position:absolute;display:flex;align-items:center;justify-content:center;bottom:95px;width:330px;height:62px;left:0;right:0;margin:auto;border:2px solid #fff;border-radius:50px;font-size:22px;color:#fff;font-weight:600;}*/
.section1 .launcher-download-area{
	position:absolute;display:flex;align-items:center;justify-content:center;bottom:95px;margin:0 auto;gap:15px;left:0;right:0;
}
.section1 .btn-download{display:flex;align-items:center;justify-content:center;width:330px;height:62px;left:0;right:0;border:2px solid #fff;border-radius:50px;font-size:22px;color:#fff;font-weight:600;}
.section1 .btn-download > span{font-size:18px;font-weight:500;margin-left:5px;}
.section1 .btn-download i{display:inline-block;width:21px;height:21px;background:url(../images/ico_launcher_down.png) center center no-repeat;background-size:21px;margin-right:5px;}
.section1 .btn-download .addinfo{position:absolute;bottom:-25px;background:#000;font-size:15px;left:0;right:0;margin:auto;width:63%;}
.section1 .download-launcher{width:980px;margin:0 auto;}
.section1 .btn-download.youtube{left:29.5%;}
.section1 .btn-download.org{left:51%;}
.section1 .btn-download img{padding:0;}
/* 런처 버튼 정렬 주석처리 20211028 */
/* .section1 .btn-download.down1{transform:translateX(-53%)}
.section1 .btn-download.down2{transform:translateX(53%)} */
.section1 .notice-launcher{position:absolute;display:flex;align-items:center;justify-content:center;bottom:50px;left:0;right:0;margin:auto;font-size:17px;color:#ed1c24;font-weight:500;}


/* section2 - 와우시네란? */
.section2 .section-tit{padding:52px 0 40px;font-size:24px;font-weight:500;}
.section2 .content p{margin-bottom:30px;font-size:24px;letter-spacing:-0.5px;color:#565656;line-height:32px;}
.section2 .content img:first-child{margin-bottom:20px;}
.section2 .content img{margin-top:16px;padding:0 2rem}
.section2 .btn-down{background-image:url(../images/btn_down_grey.png)}

/* section3 - 최신 상영작 */
.section2{background:#000 url(../images/bg_section2.jpg) top center no-repeat;background-size:auto 100%;min-height:960px;}
.section2 .section-tit{margin-bottom:-38px;}
.section2 .movie-list{width:900px;margin:0 auto;padding:30px 0 30px 3px;}
.section2 .slide-nav {position:absolute;top:64%;left:0;right:0;margin:0 auto;width:1080px;}
.section2 .slide-nav > span{width:26px;height:50px;outline:none;}
.section2 .swiper-button-prev{background:url(../images/btn_prev.png);background-size: contain;}
.section2 .swiper-button-next{background:url(../images/btn_next.png);background-size: contain;}
.section2 .movie-list{position:absolute;left:0;right:0;bottom:8%;margin:auto;}
.section2 .movie-list .swiper-wrapper{box-sizing:border-box;}
.movie-item {position:relative;/*width:235px !important;*/height:285px;margin-top:0 !important;}
.movie-item .item-info{position:absolute;top:0;left:3px;width:100%;transition:all .5s;}
.movie-item img{height:250px;border:5px solid #232323;border-radius:12px;}
.movie-item:hover .item-info{top:-22px;height:328px;}
.movie-item .movie-tit{display:none;height:37px;text-align:left;line-height:36px;}
.movie-item:hover .movie-tit{display: block;width:100%;padding:0 25px;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee;}
.movie-item .flag{position:absolute;top:0;left:23px;width:47px;height:48px;color:#fff;background:#ec008c;text-align:center;line-height:46px;font-size:15px; border-top-left-radius: 7px;border-bottom-right-radius: 7px;}
.movie-item i{position:relative;display:inline-block;width:24px;height:24px;margin-right: 5px;}
.movie-item i:after{display:block;width:24px;height:24px;border-radius:50%;color:#fff;font-size:15px;font-weight:600;text-align:center;letter-spacing:-0.75px;line-height: 23px;font-style:normal;}
.movie-item i.grade-12:after{content:"12";background:#1a3d80;}
.movie-item i.grade-15:after{content:"15";background:#c91e67;}
.movie-item i.grade-19:after{content:"19";background:#c91e67;}

.section2{background:#000 url(../images/bg_section2.jpg) top center no-repeat;background-size:auto 100%;/*min-height:100vh;*/}


/* section3 - 서비스 사양&상품소개 */
.section3{background:#000 url(../images/bg_section3-1.jpg) top center no-repeat;background-size:auto 100%;/*min-height:100vh;*/}
.section4 .btn-down{background-image:url(../images/btn_down_grey.png)}

/* section5 - 프리미엄 서비스 */
.section5{background:#3e99e8;}
.section5 .section-tit{color:#fff;}
.section5 img{position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:0 20px;}

.section4{background:#000 url(../images/bg_section4.jpg) center center no-repeat;background-size:auto 100%;}



/* section6 - 문의하기 */
.section6 form{text-align:center;max-width:1024px;margin:0 auto;}
.section6 .info-list{width:100%;table-layout:fixed;margin:16px 0;border-top:1px solid #ddd;border-bottom:1px solid #eee;font-size:17px;}
.section6 .txt-notice{margin-top:-30px;text-align:right;font-size:14px;color:#a1a1a1;}
.info-list tr{height:61px;border-top:1px solid #eee;}
.info-list th{position:relative;width:128px;padding:22px 0 22px 42px;font-weight:normal;text-align:left;}
.info-list th:after{content:"";position:absolute;top:23px;right:0;width:2px;height:12px;background:#eee;}
.info-list td{text-align:left;padding:11px 20px;}
.info-list td input,
.info-list td .select-box select{width:219px;height:39px;padding:0 10px;border:1px solid #ddd;font-size:17px;}
.info-list td .select-box{display:inline-block;vertical-align:middle;}
.info-list td input[type="email"] + span{display:inline-block;margin:0 10px;font-size:17px;}
.info-list td input.ask-tit{width:100%;}
.info-list td textarea{width:100%;height:206px;margin:3px 0;padding:10px;resize:none;overflow-y:auto;border:1px solid #ddd;}
.info-list td .text-counter{float: right;margin:6px 0 3px;font-size:14px;color:#a1a1a1;}
.info-list td .text-counter .current-num{color:#565656;font-weight:500;}
.agree-box{padding:12px 0 12px 43px;text-align:left;}
.agree-box .input-item{margin-bottom:12px;}
.agree-box > p{line-height:24px;font-size:1.4rem;}
.agree-box > p:first-of-type{color:#a1a1a1;}
.agree-box .input-item {position: relative;height:22px;}
input.checkbox{display: none;}
input.checkbox + label{display: inline-block;position: absolute;cursor: pointer;width: 22px;left: 0;height: 22px;border:1px solid #ddd;background:#f5f5f5;margin-left: 140px;}
input.checkbox + label:after{content:"";display:block;height:20px;text-align: center;line-height:18px;}
input.checkbox:checked + label:after{content: '';display: block;width: 6px;height: 11px;margin-top:1px;margin-left:6px;border: solid #000;border-width: 0 2px 2px 0;transform: rotate(45deg);}
input.checkbox + label span{position: absolute;top:0;left: -140px;font-size: 17px;width: 140px;line-height: 18px;}
.btn-submit{width:316px;height:72px;margin-top:22px;line-height:62px;font-size:17px;text-align:center;color:#565656;border:1px solid #ddd;font-weight:600;background:#f5f5f5;cursor:pointer;}

.footer.magnetic{width:100%;border-top:1px solid #484848;background:#000;}
.link-inner{display:flex;justify-content:space-between;width:1024px;height:100%;margin:0 auto;}
.download-link ul{display:flex;justify-content:space-between;width:calc(100% - 104px);height:100%;}
.download-link p.tit{width:104px;padding:29px 0;background:#3e99e8;color:#fff;font-size:17px;text-align:center;line-height:20px;font-weight:500;}
.download-link ul li{width:25%;text-align:center;border-right:1px solid #565656;}
.download-link ul li a{display:block;position:relative;padding:30px 0;color:#dcdcdc;text-align:center;font-size:14px;}
.download-link ul li a:after{content:'';display:block;background:url(../images/ico_download.png) center bottom no-repeat;width:100%;height:12px;margin-top:10px;background-size:11px 12px;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;width:1024px;height:120px;margin:0 auto;}
.footer-info{color:#a1a1a1;font-size:14px;line-height:24px;}
.footer-info p:last-child{color:#565656;}
.footer-right{display:flex;align-items:center;justify-content:flex-end;float:right;width:190px;height:100%;font-size:17px;font-weight:600;letter-spacing:-0.5px;color:#565656;}
.footer-right span{position:relative;display:block;height:31px;padding-right:32px;}
.footer-right span:after{content:"";position:absolute;right:0;top:-15px;width:24px;height:24px;background:url(../images/ico_tel.png) right top no-repeat;}

/* notice-area */
.top-area{position:absolute;top:calc(100vh - 70px);width:100%; display:none;}
.top-area .notice-area{width:100%;height:70px;background:#3e99e8;margin-top: 0;}
.top-area .notice-inner{display:flex;justify-content:flex-start;align-items:center;max-width:1024px;height:100%;margin:0 auto;border-left:1px solid rgba(255, 255, 255, 0.2);border-right:1px solid rgba(255, 255, 255, 0.2);background:url(../images/ico_notice_left.png) 32px 23px no-repeat}
.top-area .notice-inner > div{position:relative;width:50%;height:100%;display:flex;align-items:center;}
.top-area .notice-inner > div:after{content:'';position:absolute;right:40px;top:28px;background:url(../images/ico_arrow_right.png) right center no-repeat;width:7px;height:14px}
.top-area .notice-inner .title{display:inline-block;position:relative;width:178px;padding-left:55px;color:#fff;line-height: 70px;font-size:20px;}
.top-area .notice-inner .title:after{content:'';width:1px;height:18px;position:absolute;right:0;top:26px;background:rgba(255, 255, 255, 0.2);}
.top-area .notice-inner .cont{padding-left:28px;font-size:19px;color:#fff}
.top-area .notice-inner > div > a{width:calc(100% - 178px);height:100%;line-height:70px}

/* 공지사항 */
.notice{width:100%;margin:0 auto;background:#fff;}
.notice h3{float:left;font-size:30px;color:#484848;font-weight:bold;margin-top:10px;}
.notice-board{margin:0 auto;min-height:400px;}
.notice-board .all-num{float:left;padding-left:10px;font-size:21px;color:#959595;margin-top:18px;}
.notice-board .all-num > span{color:#f33233}
.notice-board .search-area{float:right;}
.notice-list{clear:both;padding-top:40px;min-height:450px;}
.notice-list table{width:100%;border-top:2px solid #484848;}
.notice-list table tr:hover{background:#f9f9f94a;}
.paging-area{clear:both;margin:30px auto;text-align:center;font-size:22px;color:#959595}
.paging-area a{display:inline-block;margin:0 5px;}
.paging-area a.selected{color:#399ef7;font-weight:bold;}
.paging-area .btn-prev,
.paging-area .btn-next{width:25px;height:25px;font-size:0;vertical-align:middle;cursor:pointer;}
.search-area{position:relative;}
.paging-area .btn-prev{background:url(../images/btn_page_prev.png) center center no-repeat;background-size:10px;}
.paging-area .btn-next{background:url(../images/btn_page_next.png) center center no-repeat;background-size:10px;}
.search-area input{border:1px solid #ddd;width:400px;height:48px;padding:10px;padding-right:60px;font-size:16px;}
.btn-search{position:absolute;top:0;right:0;width:48px;height:58px;background:url(../images/ico_search.png) center center no-repeat;cursor:pointer;font-size:0;}
.notice-list ul{border-top:2px solid #000;}
.notice-list ul li{min-height:58px;font-size:22px;letter-spacing:-0.25px;text-align:left;cursor:pointer;color:#484848}
.notice-list ul li .title{font-size:18px;display:flex;justify-content:space-between;height:58px;padding:0 15px;align-items:center;border-bottom:1px solid #ddd;}
.notice-list ul li .title .date{font-size:17px;color:#959595;}
.notice-list ul li .notice-cont{display:none;}
.notice-list ul li.active .notice-cont{display:block;padding:25px 30px;background:#f2f2f2;font-size:18px;color:#666;line-height:28px;border-bottom:1px solid #ddd;}

/* 공지사항 팝업 */
body.fixed{position:fixed;height:100vh;}
.popup{display:none;z-index:10;overflow:hidden;border-radius: 8px;left:calc(50% - 450px) !important;}
.dimmed{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;overflow:hidden;z-index:1;background:rgba(0,0,0,0.4)}
.popup-area{width:900px;height:650px;background:#fff;border-radius:8px;overflow:auto;padding:35px 40px 40px}
.pop-content{position:relative;}
.pop-content .pop-close{position:absolute;right:0;top:0;width:30px;height:30px;background:url(../images/btn_close.png) center center no-repeat;background-size:25px;z-index:10;font-size:0;cursor:pointer;}

.btn-down{display:none;}

/* top */
.btn-top{position: fixed;right:80px;bottom:30px;z-index: 5;width: 36px;height: 36px;background: url(../images/btn_top.png);background-size: cover;opacity: 0;transition: 0.25s all;-webkit-transition: 0.25s all; -moz-transition: 0.25s all;text-indent: -99999px;}
.btn-top.active{opacity: 1;}

/* ===============
Media Query
=============== */
 
@media only screen and (max-width: 1024px) {
.lnb{display:none;}
.section1,
section{min-height:960px;}
}

@media only screen and (max-width: 1400px) {
  .lnb ul li a{font-size:0;}
}

.popupOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1000;}
.popupBox {     position: fixed; left: 30%; transform: translate(-50%, 5%); background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); z-index: 1001; width: 600px; max-width: 90%; overflow: hidden; top: 0%;}
.popupBox img { width: 100%; display: block; cursor: pointer;}

.popupOverlay2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1000;}
.popupBox2 {     position: fixed; right: 0%; transform: translate(-50%, 5%); background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); z-index: 1001; width: 600px; max-width: 90%; overflow: hidden; top: 0%;}
.popupBox2 img { width: 100%; display: block; cursor: pointer;}

.popupClose { padding: 10px; background: #f44336; color: white;  text-align: center;  cursor: pointer;  font-weight: bold; }

/* 20251021 pmc add */
/* 가운데 뜨는 팝업 추가 */
.popupOverlayCenter{
  position: fixed; inset: 0;
  display: none;                 /* 기본 숨김 */
  align-items: center;           /* 세로 중앙 */
  justify-content: center;       /* 가로 중앙 */
  background: rgba(0,0,0,0.5);   /* 반투명 배경 */
  z-index: 9999;
}

/* 열릴 때 */
.popupOverlayCenter.is-open{
  display: flex;
}

.popupBoxCenter{
  position: relative;
  width: min(90vw, 520px);       /* 반응형 너비 */
  max-height: 90vh;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;              /* 둥근 모서리 안 넘치지 않도록 */
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* 이미지 크기 자동 맞춤 */
.popupBoxCenter > img{
  display:block;
  width: 100%;
  height: auto;
}

/* 닫기 버튼 */
.popupCenterClose{
  position: absolute;
  right: 10px; top: 10px;
  background: rgba(0,0,0,0.6);
  color:#fff; border:0; padding:6px 10px;
  border-radius: 8px; cursor:pointer; font-size:14px;
}

/* 바깥쪽(오버레이) 클릭해도 닫히게 하려면 선택적 포인터 설정 */
.popupOverlayCener{ cursor: pointer; }
.popupBoxCenter{ cursor: default; }   /* 내부 클릭은 무시 */