@charset "UTF-8";
/* html, body
html, body { overflow: hidden;}*/

@font-face {
  font-family: "Noto Sans KR";
  src: url("../font/notosanskr-regular2.eot");
  src: url("../font/notosanskr-regular2.woff2") format("woff2"),
    url("../font/notosanskr-regular2.woff") format("woff"),
    url("../font/notosanskr-regular2.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  }


img[class$="_mo"]{display:none !important;}
img[class$="_pc"]{display:block !important;}
br.mobile {display:none;}
:lang(ko) [class*="en_conts"]{display:none !important;}
:lang(en) [class*="ko_conts"]{display:none !important;}
/* inner */
.inner {position:relative; box-sizing: border-box; width:100%; height:100%; margin:0 auto;}
[class$="Wrap"] .inner {display:flex; justify-content:space-between; align-items: center;}
.spr_img { background: url(../img/spr_common.png); background-size: 400px 400px; }
/* icons */
.icon_cta_arrow {position:relative; height:24px; width:24px; display:block;}
.icon_cta_arrow::before,
.icon_cta_arrow::after {content:''; height:1px; width:24px; right:0; position:absolute; top:0;display:block; background-color:#fff; -webkit-transform-origin:top right; transform-origin:top right;}
.icon_cta_arrow::before {-webkit-transform:rotate(40deg); transform:rotate(40deg);}
.icon_cta_arrow::after {-webkit-transform:rotate(-40deg); transform:rotate(-40deg);}
i[class^="icon_corner"] {position:absolute; width:132px; height:132px; display:block; z-index:2;}
i[class^="icon_corner"]::before,
i[class^="icon_corner"]::after {content:''; display:block; position:absolute; background-color:#ff9d00; height:1px; width:132px; -webkit-backface-visibility: hidden;}
.icon_corner_right {bottom:0; right:0;}
.icon_corner_right::before {bottom:0;}
.icon_corner_right::after {bottom:50%; right:-50%; -webkit-transform:rotate(90deg); transform:rotate(90deg) translateY(0px);}
.icon_corner_left {top:0; left:0;}
.icon_corner_left::after {top:50%; left:-50%; -webkit-transform:rotate(90deg); transform:rotate(90deg) translateY(0px);}

/* logo */
.logo {display:block;}

/* buttons */
.btn_default {width:28.88vh; height:8.055vh; overflow:hidden; background:url(../img/btn_ctc.png) no-repeat; background-position-y:0; background-size: 59.8vh; font-size:0; text-indent:-9999px; position:relative; overflow:hidden; z-index:0;}
.btn_default:disabled {color:rgba(255,255,255,.5); cursor:default;}
.btn_default[data-moveto="screen_trailer"]{background-position-x:0;}
.btn_default[data-moveto="subscribe"]{background-position-x:-30.93vh;}
.btn_default .icon_cta_arrow {display:none;}
.btn_default:disabled .icon_cta_arrow {opacity:0.5;}
.btn_default:not(:disabled)::after {content:''; transition-duration:.3s; background-color:#ff9d00; position:absolute; width:0; left:-10%; bottom:-1px; height:120%; -webkit-transform:skewX(15deg); transform:skew(15deg); z-index:-1;}
.btn_orange { position: relative; display:block; width: 225px; height: 68px; background: transparent; background:url(../img/btn_orange_ko.png) no-repeat; text-indent:-99999px; overflow:hidden; background-position:0 0;}
.btn_orange:nth-of-type(2n){background-position-x:right; margin-left:24px;}
.btn_orange:nth-of-type(3){background-image:url(../img/en/btn_orange_en.png); }
.btn_orange:nth-of-type(4){background-image:url(../img/en/btn_orange_en.png); }

.btn_orange:before {position: absolute; content: ''; display: block; width: 100%; height: 100%; background: #f29b00; transform: translateX(-100%); transition: 0.3s; pointer-events: none; z-index: 0;  display:none;}
.btn_popup_close {position:absolute; top:-3px; right:-60px; width:40px; height:40px; overflow:hidden; font-size:0; text-indent:-99999px;}
#galleryPopup.popup_contents .btn_popup_close{position:fixed; top:40px; right:40px; }
.btn_popup_close::before,
.btn_popup_close::after {content:''; height:2px; width:47px; top:50%; left:-4px; position:absolute; display:block; background-color:rgba(255,255,255,1);}
.btn_popup_close::before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.btn_popup_close::after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_popup_close:hover::before,
.btn_popup_close:hover::after {background-color:#ff9d00;}

/* snsArea */
.snsArea a[class^="sns_"] {background:url(../img/icon_sns_sprite.png) no-repeat; display:block; width:60px; height:60px; text-indent:-99999px; overflow:hidden; font-size:0;}
.snsArea li:not(:last-child) {margin-bottom:1.38vh;}

/* floating sns */
.floatingSNS {position:fixed; top:50%; right:2.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:10;}
.floatingSNS .snsArea a[class^="sns_"]{background-position-x:-12.96vh; padding:0; width:5.55vh; height:5.55vh; opacity:0.5; background-size:35.3vh;}
.floatingSNS .snsArea a[class^="sns_"]:hover {opacity:1;}
.floatingSNS .snsArea a.sns_fb {background-position-y: -0.4vh;}
.floatingSNS .snsArea a.sns_tw {background-position-y: -6.75vh;}
.floatingSNS .snsArea a.sns_yt {background-position-y: -13.13vh;}


/* header */
header {position:absolute; top:0; left:0; width:100%; z-index:10;}
header .inner {padding:50px 2.5rem 0;}
header .logo {position:fixed; top:70px; left:3.47vh; z-index:10;}
header .logo img {max-height:5.902vh;}

/* main */
.wrapper { background-size:cover; opacity:0; -webkit-transition:1s; transition:1s;}
.wrapper.on{opacity:1;}
.wrapper > .bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/projectk_bg1.jpg) center top no-repeat #000; background-size: cover; z-index: 0; }
.wrapper > section { height: 100vh; box-sizing: border-box; position: relative; z-index: 30; }
.main .inner {padding:18vh 2.5rem 0;}
.main .inner h1 img {display:block; margin:0 auto; max-width:80%;}
.cont_wrap{width:100%; position:absolute; bottom:40px; left:0;}
.main .btn_wrap { display: flex; justify-content: center; align-items: center; }
.main .inner > ul { position: absolute; bottom: 1rem; margin:0 auto 0 auto; max-width:865px;}
.main .inner > ul li {display:flex; justify-content: center; position:relative;}
.main .inner > ul li .btn_default:not(:nth-of-type(2n)) {margin-right:1.875rem;}
.main .inner > ul li:last-child {margin-top:3vh;}
.scroll { width: 46px; height: 72px; margin:6vh auto 0; position:relative}
.scroll i {display:block; background:url('../img/icon_scroll.png') 0 0 no-repeat; background-size:auto 100%;  width:46px; height:46px; animation:scrollIcon 1.4s ease-out infinite forwards; background-position:center 0;}
.scroll::before {content:''; left:50%; position:absolute; animation:scrollArrow 1.4s ease-out infinite forwards; bottom:8px; display:block; border:solid #a76300; border-width:0 2px 2px 0; padding:4px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);}
.scroll::after {content:''; left:50%; position:absolute; animation:scrollArrow 1.4s ease-out infinite forwards; bottom:0; display:block; border:solid #a76300; border-width:0 2px 2px 0; padding:4px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);}
@keyframes scrollIcon{
    0% {transform:translateY(0);}
    50% {transform:translateY(7px);}
    100% {transform:translateY(0);}
}
@keyframes scrollArrow{
    0% {transform:translate(-50%, 0) rotate(45deg);}
    50% {transform:translate(-50%, 7px) rotate(45deg);}
    100% {transform:translate(-50%, 0) rotate(45deg);}
}


/* screen trailer */
.screen_trailer {padding:0; position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.screen_trailer .movieTeaser {position:relative; max-width:1200px; width:100%;}
.screen_trailer .movieTeaser .video_container {position:relative; max-width:1200px; width:100%; padding-bottom:56.25%; height:100%; top:0; left:0;}
.screen_trailer .movieTeaser .video_container::after {content:''; display:table; clear:both;}
.screen_trailer .movieTeaser .game_genre {margin:20px 0 17px;}
.screen_trailer .movieTeaser .game_genre p{display:block; font-size:38px; letter-spacing:-3px; color:#fff; line-height:1.4; word-break:keep-all; font-weight:400;}
.screen_trailer .movieTeaser .screen_quote { z-index:1; position:absolute; top:40px; left:40px; box-sizing:border-box;color:#ccc; font-size:15px; line-height:1.8; word-break: break-word; word-break:keep-all}
.screen_trailer .movieTeaser .screen_quote strong {display:block; font-weight:normal; color:#ff9d00;}
.screen_trailer .movieTeaser .screen_quote strong::before,
.screen_trailer .movieTeaser .screen_quote strong::after {content:'"'; display:inline-block;}

.screen_trailer .movieTeaser .video_container .icon_locked {display:none !important; max-width:12.77vh; margin:0 auto 1.785rem auto;}
.screen_trailer .movieTeaser .btn_video_play {position:absolute; width:78px; height:78px; z-index:2; top:50%; left:50%; display:flex; justify-content:center; flex-direction: column; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:url(../img/icon_play.png) no-repeat; }
.screen_trailer .movieTeaser .btn_video_play img{width:100%;}
/* video */
.screen_trailer .movieTeaser .video_container .video {position:absolute; width:100%; height:100%; z-index:0;}
.screen_trailer .movieTeaser .video_container .video::before,
.screen_trailer .movieTeaser .video_container .video::after {content:''; position:absolute;}
.screen_trailer .movieTeaser .video_container .video .video_poster {display:block; width:100%;}
.screen_trailer .movieTeaser .video_container iframe,
.screen_trailer .movieTeaser .video_container embed,
.screen_trailer .movieTeaser .video_container object {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.screen_trailer .movieTeaser .snsArea {position:absolute; bottom:40px; left:40px; display:flex; width:auto; flex-direction:column; z-index:1;}
.screen_trailer .movieTeaser .snsArea dt {color:#ccc; margin-bottom:15px;}
.screen_trailer .movieTeaser .snsArea dd {display:flex; position:static; margin-left:-7px;}


/* screen_gallery */
.screenshot{display:flex; flex-direction:column; justify-content:center; align-items:center;  width:100%; height:100%;}
.screenshot_title{text-align:right; width:100%; max-width:1200px; margin:0 auto 45px; box-sizing:border-box;}
.screenshot_title .tit{float:right;}
.screenshot_title .tit img{max-width:154px; display:block; }
.screenshot_title .tit.en_conts img{max-width:144px;}
.screenshot_title .text{display:block; clear:both; line-height:1.6; color:#cccccc; padding-top:20px; word-break:keep-all;}

.screen_gallery {display:block; box-sizing:border-box; }
.screen_gallery .stillImage {max-width:1200px; width:100%; height:auto; margin:0 auto;}
.screen_gallery .stillImage .gallery_row {display:block; position:relative; width:100%; box-sizing:border-box;}
/*.screen_gallery .stillImage .gallery_row_mobile {display:none;}*/
.screen_gallery .stillImage .gallery_row li {position:relative; z-index:0; display: inline-block; float: left; width:32.5%; box-sizing: border-box;}
.screen_gallery .stillImage .gallery_row li:nth-of-type(3n - 1) { margin: 0 1.25%; }
.screen_gallery .stillImage .gallery_row li:nth-of-type(3) ~ li{margin-top:1.25%;}
.screen_gallery .stillImage .gallery_row a {display:block; box-sizing:border-box; padding:0; max-height:218px; height:100%;}
.screen_gallery .stillImage .gallery_row li a::before{content:''; opacity:0; position:relative; z-index:2; -webkit-transition:all .5s; transition:all .5s; position:absolute; left:50%; top:50%; width:5rem; height:5rem; margin-left:-2.5rem; margin-top:-2.5rem; background:url(../img/ico_thumbnail_hover.png) no-repeat; background-size:5rem auto;}
.screen_gallery .stillImage .gallery_row a img {width:100%; max-width:100%; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.5s; transition:.5s;}


.screen_gallery .stillImage .gallery_row .owl-dots {text-align: center;}
.screen_gallery .stillImage .gallery_row .owl-dot {margin-top: 2.43rem; display: inline-block; opacity: 0.5;}
.screen_gallery .stillImage .gallery_row .owl-dot:not(:last-of-type){margin-right:0.625rem;}
.screen_gallery .stillImage .gallery_row .owl-dot.active {opacity:1;}
.screen_gallery .stillImage .gallery_row .owl-dot > span {display: block; width: 1.25rem; height: 1.25rem; background-color: #ff9d00; border-radius: 50%;}


/* gallery carousel */
/* popupLayer */
.popUp_layer {display:none; position:fixed; top:0; left:0; z-index:40; background:rgba(0,0,0,.9); width:100%; height:100%;}
.popUp_layer .popup_contents {color:#cccccc; border:1px solid #373740; background:#1a1a23; box-sizing:border-box; padding:5rem; width:100%; max-height:100%;  }
.popup_contents {display:none;}
.popup_contents br.mobile {display:none;}
.popup_contents h3 {font-size:2.25rem; text-align:center; margin-bottom:2.5rem;}
.popup_contents p {font-size:1.125rem; padding: 0 1.25rem; line-height:1.7;}
.popup_contents ul + p {margin:1.25rem 0;}
.popup_contents p + p {margin-bottom: 1.25rem;}
.popup_contents ul {padding:0 1.25rem;}
.popup_contents li {line-height:1.4; position:relative; padding-left:1.5625rem;}
.popup_contents li.red_highlight {color:red;}
.popup_contents li::before {content:'※'; display:block; position:absolute; top:0; left:0;}
.popup_contents li:not(:last-child) {margin-bottom:0.625rem;}
.popup_contents p a,
.popup_contents li a {color:#ff9d00;}
.popup_contents table {width:100%; border-collapse:collapse; border:2px solid #373740; margin:2.375rem 0;}
.popup_contents table tr:not(:last-of-type) th,
.popup_contents table tr:not(:last-of-type) td {border-bottom:1px solid #373740;}
.popup_contents table th,
.popup_contents table td {padding:1.25rem 0.9375rem;}
.popup_contents table th {width:25%; font-weight:normal; text-align:left; border-right:1px solid #373740;}
.popup_contents table td {width:75%;}
.popup_contents .galleryPopup {padding:0; margin:0 auto; position:relative;}

#Movie .btnClose:hover { opacity: .8; }
#Movie .btnClose:hover span { opacity: 1; }
#Movie .btnClose:hover:before { top: 0; -webkit-transform: rotate(0); transform: rotate(0); width: 68px; }
#Movie .btnClose:hover:after { bottom: 0; -webkit-transform: rotate(0); transform: rotate(0); width: 68px; }
.popup_layer .popup_contents {padding:3.333rem 0.75rem; overflow-y: auto !important; margin: 0 auto;}



/* privacyPopup */
#privacyPopup {max-width:62.5rem; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#galleryPopup {border:none; background:transparent; height:100vh;}
/* popupLayer */
.popup_layer {display:none; position:fixed; top:0; left:0; z-index:9999; background:rgba(0,0,0,.8); width:100%; height:100%;}
.popup_layer .popup_contents {color:#cccccc; box-sizing:border-box; padding:5rem; width:100%; max-height:100%;  }
#galleryPopup {border:none; background:transparent; height:100vh;}
.popup_contents .galleryPopup{max-height:80rem;}
.popup_contents .galleryPopup {padding:0; margin:0 auto; position:relative;}
.galleryPopup .owl-carousel .owl-stage{height:calc(100vh - 190px); overflow:hidden;}
.galleryPopup .owl-carousel.owl-drag .owl-item{height:100%;}
.galleryPopup .owl-carousel.owl-drag .owl-item > div{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.galleryPopup .owl-carousel .owl-item img{display:block; width:auto; max-width:100%; max-height:100%; -webkit-touch-callout: default; -webkit-user-select: default; -khtml-user-select:default; -moz-user-select:default; -ms-user-select:default; user-select:default;}
.galleryPopup .owl-carousel .owl-item .hidden_img img{max-width:80%;}
.gallery.on .owl-drag .owl-item{ -ms-touch-action:auto; touch-action:auto;}
.galleryPopup .owl-carousel .owl-item div::before {position:absolute; content:''; width:100%; height:100%; box-sizing:border-box; left:0; top:0; z-index:-1;}
.galleryPopup .owl-carousel .owl-nav{position:absolute; z-index:1; bottom:-62px; left:50%; width:100%; max-width:180px; height:31px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.galleryPopup .owl-carousel .owl-nav:before{content:''; display:block; width:1px; height:20px; position:absolute; left:50%; top:50%; margin-top:-10px; background-color:rgba(255,255,255,.2); }
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"]{position:absolute;}
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span {font-size:0; width:22px; height:31px; display:block;}
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span::before,
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span::after {content:''; height:2px; width:20px;  top:50%; right:0; position:absolute; display:block; background-color:rgba(255,255,255,1); -webkit-transform-origin:top right; transform-origin:top right;}
.galleryPopup .owl-carousel .owl-nav button.owl-prev {left:0;}
.galleryPopup .owl-carousel .owl-nav button.owl-prev span::before {right:calc(100% - 2px); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.galleryPopup .owl-carousel .owl-nav button.owl-prev span::after {right:100%; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
.galleryPopup .owl-carousel .owl-nav button.owl-next {right:0;}
.galleryPopup .owl-carousel .owl-nav button.owl-next span::before {right:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.galleryPopup .owl-carousel .owl-nav button.owl-next span::after {right:2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.galleryPopup .owl-carousel .owl-dots { display:flex; width:100%; position:absolute; z-index:0; left:0; bottom:-54px; justify-content:center; align-items:center;counter-reset: slides-num; }
.galleryPopup .owl-carousel .owl-dots:after{content: counter(slides-num); margin-left:17px; opacity:.5;}
.galleryPopup .owl-carousel .owl-dot {display:inline-block; opacity:1; counter-increment:slides-num;}
.galleryPopup .owl-carousel .owl-dot.active:before{content: counter(slides-num); margin-right:17px;}
.galleryPopup .owl-carousel .owl-nav button.owl-next span::after {right:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.galleryPopup .owl-carousel .owl-item .icon_corner_right {right:1px;}
.galleryPopup .owl-carousel .owl-item .icon_corner_left {left:1px;}
.popup_contents#galleryPopup .galleryPop{max-height:100%;}
.btn_popup_close {position:absolute; top:-3px; right:-60px; width:40px; height:40px; overflow:hidden; font-size:0; text-indent:-99999px;}
#galleryPopup.popup_contents .btn_popup_close{position:fixed; top:40px; right:40px; z-index:99;}
.btn_popup_close::before,
.btn_popup_close::after {content:''; height:2px; width:47px; top:50%; left:-4px; position:absolute; display:block; background-color:rgba(255,255,255,1);}
.btn_popup_close::before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.btn_popup_close::after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_popup_close:hover::before,
.btn_popup_close:hover::after {background-color:#ff9d00;}



/* subscribe */
.subscribe {background:url(../img/projectk_bg3.jpg) center center no-repeat #000; background-size:cover; padding:12.93vh 0; border-top:1px solid #ff9d00;}
.subscribe .inner {max-width:77.037vh;}
.subscribe h3 img {display:block; margin:0 auto; max-height:24.296vh;}
.formWrap {position:relative; margin-top:4.444vh;}
.formWrap .subscribeForm {display:flex; flex-flow: row wrap;}
.formWrap .subscribeForm dt {color:#66666d; font-size:1.77vh; padding: 0 50px 1.33vh 1.481vh; position:relative; line-height: 1.3;}
.formWrap .subscribeForm dt label span {display:block; color:#948487;}
.formWrap .subscribeForm dd {width:100%; flex:1 100%;}
.formWrap .subscribeForm dt:last-of-type,
.formWrap .subscribeForm dt:nth-last-of-type(2){margin-top:2.222vh;}
.formWrap .subscribeForm input,
.formWrap .subscribeForm select {background-color:#15151d; outline:none; box-sizing: border-box; cursor:pointer; border:1px solid #999; font-size:2.2vh; padding:1.5vh 3.303vh; width: 100%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.formWrap .subscribeForm input {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.formWrap .subscribeForm input:focus {border:1px solid #ff9d00; color:#fff;}
.formWrap .subscribeForm .formInput::placeholder {line-height:1.3em; color:#66666d;}
.formWrap .subscribeForm ul {display:flex;}
.formWrap .subscribeForm ul li{width: 33.333%;}
.formWrap .subscribeForm ul li {position:relative;}
.formWrap .subscribeForm ul li select{background:url(../img/icon_arrow_sprite.png) 0 0 no-repeat #15151d; background-position: 92% -4.8vh; background-size:3.2vh;color:#66666d;}
.formWrap .subscribeForm ul li select
.formWrap .subscribeForm ul li select::ms-expand{display:none;}
.formWrap .subscribeForm ul li select:focus{border:1px solid #ff9d00; background-position:92% 1.59vh; color:#fff;}
.formWrap .subscribeForm ul li select option {color:#999; background-color:#000;}
.formWrap .subscribeForm ul li select option:hover {color:#fff; box-shadow:0 0 10px 100px #ddd inset;}
.formWrap .subscribeForm ul li select option:disabled {background-color:#d7d7d7;}
.formWrap .subscribeForm ul li:first-child:nth-last-child(2) {width:40%;}
.formWrap .subscribeForm ul li:nth-child(2):last-child {width:60%;}
.formWrap .subscribeForm ul li:not(:last-child) {margin-right: 1.25rem;}
.formWrap .btn_subscribe_submit {display:block; margin:5.185vh auto 0 auto; font-size:0; height:8.88vh; width:100%; max-width:44.44vh; overflow:hidden; text-indent:-99999px; font-size:0; background:url(../img/btn_subscribe.png) no-repeat; background-size:88.9vh; background-position-y:-14.85vh;}

/* subscribe agreement checkbox */
.formWrap .agreement {font-size: 0.875rem; position:relative; padding:2.962vh 0 0 1.25rem; z-index:1;}
.formWrap .agreement li {display:flex; align-items:center; width:100%; position:relative; color:#66666d; font-size:1.48vh; word-break: break-word;}
.formWrap .agreement li:not(:last-child) {margin-bottom:1.62vh;}
.formWrap .agreement input {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.formWrap .agreement input::-ms-check {display:none;}
.formWrap .agreement [type="checkbox"].agr_check {position:absolute;-webkit-appearance:none; -moz-appearance:none; appearance:none}
.formWrap .agreement [type="checkbox"].agr_check + .agr_check_label {cursor:pointer; position:relative; padding-left:3vh;}
.formWrap .agreement [type="checkbox"].agr_check + .agr_check_label::before {content:''; z-index:0; background: url(../img/icon__checkbox_sprite.png) 0 0 no-repeat; cursor:pointer; position:absolute; top:0; left:0; width:1.925vh; height:1.925vh; background-size:100%;}
.formWrap .agreement [type="checkbox"].agr_check:checked + .agr_check_label::before{background-position-y:-2.58vh;}
.formWrap .agreement [type="checkbox"].agr_check + .agr_check_label a{position:relative; display:inline-block; color:#34a2f8}
.formWrap .agreement [type="checkbox"].agr_check + .agr_check_label a::after{content:''; background-color: #34a2f8; display:block; width:100%; height:1px; position:absolute; bottom:0; left:0;}
.formWrap .agreement .btn_moreinfo {margin-left:1.25rem; padding:0.59vh 1.125rem; font-size:1.18vh; color:#fff; background:url(../img/btn_privacy.png) center top no-repeat; display:block; background-size:100% auto; /*background:linear-gradient(to right, #2c2c34 0, #2c2c34 100%) no-repeat top center, linear-gradient(to bottom, #2c2c34 0, #2c2c34 100%) no-repeat center left, linear-gradient(0, transparent 0, #2c2c34 0) no-repeat top left, linear-gradient(0, transparent 0, #2c2c34 0) no-repeat top right, linear-gradient(0, transparent 0, #2c2c34 0) no-repeat bottom left, linear-gradient(-45deg, transparent 30%, #2c2c34 0) no-repeat bottom right; background-size:calc(100% - 32px) 100%, 100% calc(100% - 32px), 17px 17px, 17px 14px, 17px 17px, 17px 12px;*/}
.formWrap .agreement .btn_moreinfo:hover {background-position:center 94%; background-size:100% auto;}

/* footer */
.footerWrap {background-color:#151515; padding:6.44vh 3.125rem; color:#fff; display:flex; justify-content:space-between; align-items:center;}
.footerWrap [class^='footer_'] {display:flex; color:#666; align-items:center;}
.footerWrap .logo a {display:block; text-indent:-9999px; overflow:hidden; font-size:0; background:url(../img/pearlabyss_logox2@.png) center center no-repeat; width: 138px; height: 25px; margin-right:14px; background-size:122px 15px; border:1px solid #8e8e8e; border-radius:2px;}
.footerWrap .footer_right .snsArea {display:flex; padding-right:70px; position:relative;}
.footerWrap .footer_right .snsArea::after {content:''; display:block; position:absolute; width:1px; height:20px; background-color:#444; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.footerWrap .footer_right .snsArea li:not(:last-child) {margin-bottom:0; margin-right:1.875rem;}
.footerWrap .footer_right .snsArea a[class^="sns_"]{background-position-x:-15px; padding:0;}
.footerWrap .footer_right .snsArea a.sns_fb {background-position-y: -15px;}
.footerWrap .footer_right .snsArea a.sns_tw {background-position-y: -106px;}
.footerWrap .footer_right .snsArea a.sns_yt {background-position-y: -195px;}
.footerWrap .footer_right .lang {padding-left:70px; position:relative;}
.footerWrap .footer_right .lang a:not(.btn_popup_close) {color:#999; position:relative; padding:10px 20px; display:block; width:200px; box-sizing:border-box;}
.footerWrap .footer_right .lang a.active::before,
.footerWrap .footer_right .lang a.active::after  {content:''; height:1px; width:15px; top:18px; right:5px; position:absolute; display:block; background-color:#999;}
.footerWrap .footer_right .lang a.active::after {-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.footerWrap .footer_right .lang .languages {display:none; background-color:#151515; width:200px; position:absolute; top:0; right:0;}
.footerWrap .footer_right .lang .languages .select_culture { display: flex; flex-direction: column; }
.footerWrap .footer_right .lang .languages .select_culture li { order: 2; }
.footerWrap .footer_right .lang .languages .select_culture li.active { order: 1; color:#ff9d00; }
.footerWrap .footer_right .lang .languages li {border-bottom:2px solid #3e3e3e;}
.footerWrap .footer_right .lang .languages .btn_popup_close {width:18px; height:17px; position:absolute; top:10px; z-index:1;}
.footerWrap .footer_right .lang .languages .btn_popup_close::before, #page_apply
.footerWrap .footer_right .lang .languages .btn_popup_close::after {
    width: 18px;
    background-color: #ff9d00;
    left: -2px
}


#page_apply { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; box-sizing: border-box; height: 100vh; background:url(../img/projectk_bg3.jpg) center center no-repeat #000; background-size:cover; border-top:1px solid #ff9d00; word-break:break-word; }
#page_apply .apply_wrapper{display:flex; justify-content:center; align-items:center;}
#page_apply .apply_wrap { width: 40rem; min-width:640px; max-height:834px; margin-bottom: 0; background: #1a1a23; padding: 2.5rem 2rem ; box-sizing: border-box; border: solid 1px #2a2a35; }
#page_apply .apply_wrap .input_select.error,
#page_apply .apply_wrap .input_text.error { border: solid 1px #9a896c; }
#page_apply .apply_wrap .title_img { text-align: center; }
#page_apply .apply_wrap .title_img img { max-width: 90%; }
#page_apply .apply_wrap .desc { color: #999; font-size: 1.125rem; text-align: center; line-height: 1.6; margin-bottom: 1.625rem; }
#page_apply .apply_wrap .desc2 { color: #999; font-size: 1rem; text-align: center; line-height: 1.6; margin-top: 1.872rem; word-break:keep-all}
#page_apply .apply_wrap .input_title { color: #66666d; font-size: 1rem; margin-bottom: 1rem; margin-top: 1.875rem; font-weight: bold; }
#page_apply .apply_wrap .input_text { height: 4.375rem; font-size: 1rem; color: #FFF; background: transparent; line-height: 3.125rem; box-sizing: border-box; border: none; padding:0.625rem 1.25rem; width: 100%; border: solid 1px #999; }
#page_apply .apply_wrap .input_text:focus { border-color: #ff9d00; }
#page_apply .apply_wrap .input_text::placeholder { color: rgba(255,255,255,1); }
#page_apply .apply_wrap .date_wrap { display: flex; justify-content: space-between; align-items: center; }
#page_apply .apply_wrap .input_select { width: 32%; height: 4.375rem; padding:0.625rem 1.25rem; font-size: 1rem; color: #FFF; background: url(../img/icn_arrow_down_white.png) no-repeat right 1rem center transparent; line-height: 3.125rem; border: solid 1px #999; }
#page_apply .apply_wrap .input_select:focus { border: solid 1px #ff9d00; }
#page_apply .apply_wrap .input_select::-ms-expand { display: none; }
#page_apply .apply_wrap .input_select::-ms-value { background: transparent; }
#page_apply .agree_1 label { padding-right: 5rem; }
#page_apply .agree_line { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 1.5rem; line-height: 1.375rem; font-size: 0.8125rem; color: #66666d; }
#page_apply .agree_line + .agree_line { margin-top: 0.5rem; }
#page_apply .agree_line input[type="checkbox"] { float: left; flex: 0 0 1.375rem; height: 1.375rem; background: #3a3a48; border-radius: 0.25rem; margin-right: 0.625rem; }
#page_apply .agree_line input[type="checkbox"]:checked { background: url(../img/icn_check.png) no-repeat center center #3a3a48; }
#page_apply .agree_line label { flex: 1 1 auto; cursor: pointer; }
#page_apply .agree_line.agree_2 a { color: #666; text-decoration:underline;}
#page_apply .agree_line .detail { position: absolute; right: 0; top: auto; color: #999; text-decoration: underline; }
#page_apply .btn_submit { width: 100%; height: 5rem; margin-top: 2.375rem; color: #FFF; background: linear-gradient(to bottom, #545454, #434343); border: solid 1px #656565; transition:0.3s; }
#page_apply .btn_submit.active { background: linear-gradient(to bottom, #f29d00, #f29a00); border: solid 1px #f5af00; color:#FFF; font-weight: bold; }

.sns_wrap { text-align: center; }
.sns_wrap a { display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin: 0 6px 0 6px; box-sizing: border-box;  background:url(../img/spr_sns.png) no-repeat; background-size:11.3rem }

.sns_wrap a.twitter{background-position:-66px 0;}
.sns_wrap a.youtube{background-position:right 0;}
.sns_wrap a:active { opacity: 1; }
.spr_img.footer_logo { background-position: -44px 0px; width: 122px; height: 22px; }

#page_apply footer { width: 100%; height: auto; margin: 0; padding-bottom: 3rem; text-align: center; min-height: auto; }
#page_apply footer .lang_select { display: inline-block; margin: 2.5rem 0; }
#page_apply footer .lang_select li { display: inline-block; border-right: solid 1px rgba(255, 255, 255, 0.2); }
#page_apply footer .lang_select li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
#page_apply footer .lang_select li a {color: #ffffff;  padding: 0 1.75rem; display:block;}
#page_apply footer .lang_select li.active a, .footer .lang_select ul li:hover a {color: #ff9d00;}
#page_apply footer .pearlabyss { width: 100%; text-align: center; }
#page_apply footer .pearlabyss .footer_logo { display: inline-block; opacity: 0.4; }
#page_apply footer .pearlabyss .copyright { display: inline-block; line-height: 22px; font-size: 0.75rem; margin-left: 0.75rem; color: #FFF; opacity: 0.3; }

footer .term_list { width: 100%; margin: 40px 0 0; text-align: center }
footer .term_list a { display: inline-block; position: relative; padding: 0 1.75rem; font-size: 14px; color: #d5d4d4; }
footer .term_list a.line:before { content: "";display: block;  position: absolute; left: 0; top: 50%; width: 1px; height: 11px; margin-top: -5px; background-color: #727373 }




/* particles */
#particles-js { position: absolute; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; opacity: 1; transition: .6s; z-index: 1; }
/* fire spark*/
.page-spark {
 position: fixed;
 left:0;right:0;bottom:0;top:0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 background-color: transparent;
 -webkit-filter: blur(2px) contrast(2);
         filter: blur(2px) contrast(2);
         z-index:1;
}
.page-spark canvas {
 position: absolute;
 display: block;
 left: 0;
 top: 0;
 z-index:1;
}
.page-spark #canvas {
 opacity: 0.5;
 -webkit-filter: blur(20px) contrast(40);
         filter: blur(20px) contrast(40);
}
.page-spark #buffer {
 opacity: 0.5;
 -webkit-filter: blur(1px) contrast(15);
         filter: blur(1px) contrast(15);
}

/* English */
:lang(en) .btn_default {background-position-y:-28vh;}
:lang(en) .btn_default[data-moveto="screen_trailer"]{background-position-x:0;}
:lang(en) .btn_default[data-moveto="subscribe"]{background-position-x:-30.93vh;}
:lang(en) .screen_trailer {padding:9.583vh 0}
/*:lang(en) .screen_trailer .movieTeaser .screen_quote {padding:4vh 0;}*/
:lang(en) .popup_contents .privacyPopup .privacy{overflow-y:auto; max-height:45.138vh;}
:lang(en) .popup_contents p {font-size:0.9375rem; line-height:1.3;}
:lang(en) .formWrap .agreement li:not(:first-child) {line-height:1.7;}
:lang(en) .subscribe {padding:10.92vh 0;}
:lang(en) .subscribe h3 img {max-height:25.185vh;}
:lang(en) .formWrap .btn_subscribe_submit {font-size:2.22vh; background-position-y:0;}

#Movie { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); top: 0; left: 0; z-index: 999; display: none; }
#Movie .content { width: auto; min-width: 540px; height: auto; min-height: 240px; display: inline-block; top: 52%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: relative; background: #3a3552; max-width: 100%; overflow: hidden; color: white; font-size: 24px; padding: 4%;  overflow: inherit; border:none; background: black; padding: 0; }
#Movie .content:after { background-size: contain; top: -130px; right: -160px; opacity: 0.15; width: 607px; min-height: 560px; display: none; }
#Movie .content .btnClose { width: 68px; height: 68px; display: inline-block; position: absolute; top: -88px; right: 0; }
#Movie .content .container { width: 100%; height: 100%; }
#Movie .content .container iframe { width: 100%; height: 100%; }
#Movie .btnClose { height: 100%; display: inline-block; position: absolute; width: 68px; top: 12px; right: 12px; opacity: .5; text-align: center; height: 68px; border: none; }
#Movie .btnClose:after,
#Movie .btnClose:before { content: ''; position: absolute; left: -5px; height: 2px; background-color: #fff; width: 80px; right: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
#Movie .btnClose:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; }
#Movie .btnClose:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 50%; }
#Movie .btnClose span { display: inline-block; line-height: 65px; color: #fff; opacity: 0; font-size: 1rem; margin-left: -10px; width: 100%; }

#Movie .container { display: inline-block; }
#Movie .container .title { font-size: 24px; color: white; font-weight: normal; }
#Movie .container ul { font-size: 16px; color: #d8d8ea; margin-top: 30px; }
#Movie .container ul li { padding-left: 10px; position: relative; white-space: nowrap; }
#Movie .container ul li:before { content: '-'; position: absolute; left: 0; top: 0; }

/*age_agree_pop*/
.age_agree_pop.show { display:flex;}
.age_agree_pop { display: none; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); box-sizing: border-box; border: 1px solid #5d5344; background: rgba(0, 0, 0, 0.8); text-align: center; z-index: 2; }
.age_agree_pop .age_agree_title { margin: 0 0 1rem; font-size: 2.1rem; color: #fff; }
.age_agree_pop .age_agree_text { font-size: 1.2rem; color: #b29b73; }
.age_agree_pop .date_wrap { display: flex; justify-content: space-between; align-items: center; margin: 2.5rem 0; }
.age_agree_pop .custom_select { position: relative; display: inline-block; box-sizing: border-box;}
.age_agree_pop .custom_select + .custom_select { margin: 0 0 0 10px; }
.age_agree_pop .input_select { display: inline-block; width: 180px; height: 55px; position: relative; box-sizing: border-box; padding: 0 15px; font-size: 1.2rem; color: #333; background: #9b9b9b; }
.age_agree_pop .input_select#f_year { width: 220px; margin: 0 0 0 15px; }
.custom_select::after { content: ""; display: block; position: absolute; right: 15px; top: calc(50% - 8px); width: 8px; height: 8px; overflow: hidden; border-left: 2px solid #4f4f4f; border-top: 2px solid #4f4f4f; background-color: transparent; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.age_agree_pop .btn_wrap { display: flex; justify-content: center; align-items: center; margin: 0; }
.age_agree_pop .age_agree_btn { display: flex; justify-content: center; align-items: center; min-width: 220px; height: 55px; color: #565656; font-size: 1.2rem; text-align: center; background: #292929; -webkit-transition: filter 0.3s; transition: filter 0.3s; cursor: auto; }
.age_agree_pop .age_agree_btn.active { background: #761014; cursor: pointer; color: #fff; }


/* 쿠키 동의 팝업 추가 */
.cookieAlert { position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 20; -moz-transition: transform .7s ease-in-out; -o-transition: transform .7s ease-in-out; -webkit-transition: transform .7s ease-in-out; transition: transform .7s ease-in-out; -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); -webkit-transform: translate(0,100%); transform: translate(0,100%); z-index: 40; }
.cookieAlert .alertInner { position: relative; display: flex; justify-content: flex-start; align-items: center; max-width: 1250px; margin: 0 auto; padding: 15px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #222; border-radius: 4px; overflow: hidden; }
.cookieAlert.active { -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); }
.cookieAlert .message { flex: 1 1 auto; padding-right: 1rem; box-sizing: border-box; }
.cookieAlert .message span { display: block; font-size: 0.92rem; line-height: 1.4; color: #fff; text-align: left; }
.cookieAlert .message a { display: inline-block; color: #31a8f0; text-decoration: underline; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }
.cookieAlert .message a:hover { color: #b2f7ff; }
.cookieAlert .cookieAllow { float: right; display: inline-flex; justify-content: center; align-items: center; padding: 0.5rem 1rem; font-size: 0.92rem; line-height: 20px; color: #000; text-align: center; vertical-align: top; border-radius: 6px; text-shadow: 1px 1px rgba(255,255,255,.3); background-color: #f1d600; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.cookieAlert .cookieAllow:hover { background-color: #fff; }


@media screen and (min-width:1921px) {
   .wrapper .bg {background-size:100% auto;}
    #page_apply{justify-content:center;}
    #page_apply footer{position:absolute; bottom:0;}
    #page_apply .apply_wrapper{margin-bottom:8rem;}
}

@media screen and (min-width: 1025px){
    .btn_orange:hover{background-position-y:bottom;}
    .btn_default:not(:disabled):hover {background-position-y:-13.94vh;}
    .btn_popup_close:hover::before,
    .btn_popup_close:hover::after {background-color:#ff9d00;}
    .floatingSNS .snsArea a[class^="sns_"]:hover {background-size:35.3vh; background-position-x:-19.32vh;}
    .screen_trailer .movieTeaser .btn_video_play:hover{background-position:0 bottom;}
    .screen_trailer .movieTeaser .snsArea a:hover {color: #ff9d00;}
    .screen_gallery .stillImage .gallery_row li:hover{z-index:1;}
    .screen_gallery .stillImage .gallery_row li a:hover::before{opacity:1;}
    .screen_gallery .stillImage .gallery_row li:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
    .screen_trailer .movieTeaser .snsArea a.sns_fb:hover::before{background-position:-119px -30px;}
    .screen_trailer .movieTeaser .snsArea a.sns_tw:hover::before{background-position:-119px -120px;}
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"]:hover span::before,
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"]:hover span::after {background-color:#ff9d00;}
    .formWrap .btn_subscribe_submit:hover {filter:brightness(1.2);}
    .formWrap .agreement .btn_moreinfo:hover {color:#000;background-position:center 94%; background-size:100% auto;}
    .footerWrap .footer_right .snsArea a[class^="sns_"]:hover {background-position-x:-105px;}
    footer .term_list a:hover{ text-decoration:underline;}
    :lang(en) .btn_default:not(:disabled):hover { background-position-y: -42.1vh }

    #page_apply .sns_wrap { position: fixed; top: 90px; right: 33px;  -webkit-transition:.5s; transition:.5s;}
    .scrolling #page_apply .sns_wrap{top:40px;}

    /* 추가 - cd */
    .scrolling .sns_wrap{top:40px}
	.sns_wrap a.facebook:hover{background-position: 0 bottom;}
    .sns_wrap a.twitter:hover{background-position:-66px bottom;}
    .sns_wrap a.youtube:hover{background-position:right bottom;}
    .sns_wrap a:hover { opacity: 1; border-color: #9a896c; }


}


@media screen and (max-width: 1024px){

    .wrapper {width:100%; overflow-x:hidden;}
    .wrapper .bg { background:url(../img/projectk_bg1_mo.jpg) center top no-repeat #000; background-size:cover; }
    img[class$="_mo"]{display:block !important;}
    img[class$="_pc"]{display:none !important;}
    br.mobile {display:block;}
    .page-spark {display:none;}
    .cont_wrap{position:static;}

	.main .btn_wrap { flex-direction: column; margin-top: 4.5rem; }
    .btn_orange{width:25rem; height:5rem; margin:0 auto; background-image:url(../img/mo_btn_orange_ko.png); background-size:cover;}
    .btn_orange.en_conts {background-image:url(../img/en/mo_btn_orange_en.png);}
    .btn_orange:nth-of-type(2n){margin-left:0; margin:0rem auto; background-position-y:bottom;}

    .btn_default {background:url(../img/mo_btn_ctc.png) no-repeat; background-size:100%; width:100%; padding:0; height:5.416rem;}
    .btn_default .icon_cta_arrow {right: 2.083rem; margin-top:0;}
    .btn_default[data-moveto="subscribe"] {background-position-x: 0; background-position-y: -5.85rem;}

    i[class^="icon_corner"] {width:3.125rem; height:3.125rem;}
    i[class^="icon_corner"]::before,
    i[class^="icon_corner"]::after {width:3.125rem;}
    .icon_cta_arrow::before, .icon_cta_arrow::after {width:22px;}
    .scroll {width:3rem; height:5.5rem; margin: 1.5rem auto 0 auto;}
    .scroll i {background:url('../img/mo_icon_scroll.png') 0 0 no-repeat; background-size:100%; width:3rem; height:3.5rem;}
    .wrapper > section {height: auto !important; min-height:100%;}

    .headerWrap {position:fixed;}
    .header.inner {padding:0;}
    .header.inner .logo {display:none;}
    .floatingSNS {position:relative; top:inherit; right:inherit; -webkit-transform:none; transform:none; width:100%; padding:5rem 0 1.666rem; transition:padding .3s ease;  background:transparent;}
    .floatingSNS.sticky {padding:0.833rem 0; background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 30%, transparent 100%); background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 30%, transparent 100%);}
    .floatingSNS .snsArea {display:flex; justify-content:center;}
    .floatingSNS.sticky .snsArea {opacity:.7;}
    .floatingSNS .snsArea li:not(:last-child) {margin-bottom:0; margin-right:18px;}
    .floatingSNS .snsArea a[class^="sns_"] {width:4.166rem; height:3.583rem; background-size: 20.3rem; background-position-x: -16.2rem; opacity:1;}
    .floatingSNS .snsArea a[class^="sns_"]:hover {background-position-x: -16.2rem;}
    .floatingSNS .snsArea a.sns_fb {background-position-y:0;}
    .floatingSNS .snsArea a.sns_tw {background-position-y:-3.69rem;}
    .floatingSNS .snsArea a.sns_yt {background-position-y:-7.39rem;}
    .main {background:none;}
    .main .inner { padding:10.062rem 1.666rem 1.666rem 1.666rem; }
    .main .inner h1  {max-width:100%; margin:0 auto;}
    .main .inner h1 img {width:100%; max-width:80%; max-height:inherit;}
    .main .inner > ul {margin:0 auto 0 auto; max-width:27.916rem;}
    .main .inner > ul li {flex-wrap:wrap; justify-content:flex-start;}
    .main .inner > ul li:last-child {margin-top:0;}
    .main .inner > ul li .btn_default {margin-right:0 !important;}
    .main .inner > ul li .btn_default:not(:last-of-type):not(:nth-of-type(2)) {margin-bottom:0.8333rem;}

    .screen_trailer {background: transparent; height:100vh !important; display:flex; align-items:flex-end; margin-top:7rem;}
    .screen_trailer .movieTeaser {padding:0 1.333rem 9rem; box-sizing:border-box;height:auto; background:transparent; max-height:none;}
    .screen_trailer .movieTeaser .video_container {max-width:100%; max-height:100%; margin:0; padding-bottom: 56.25%; background:transparent; position:relative; top:inherit; left:inherit;}
    .screen_trailer .movieTeaser .video_container .video {background-color:#1a1a23;position:absolute; height:100%; width:100%;}
    .screen_trailer .movieTeaser .screen_quote {font-size: 1.1rem; line-height: 1.6; text-align:center; position:relative; top:inherit; left:inherit; margin:0 auto 2.562rem; }
    .screen_trailer .movieTeaser .game_genre {margin:1.34rem auto 1.7rem;}
    .screen_trailer .movieTeaser .game_genre img {max-width:154px; margin:0 auto;}
    .screen_trailer .movieTeaser .icon_locked {max-width:8.5rem; margin:0 auto 1.666rem auto;}
    .screen_trailer .movieTeaser .btn_video_play{width:4rem; height:4rem; background-size:cover;}
    .screen_trailer .movieTeaser .btn_video_play img{max-width:8.5rem;}
    .screen_trailer .movieTeaser .snsArea {position:absolute; left:auto; right:1.333rem; flex-direction: row; align-items: center;  bottom:4rem;}
    .screen_trailer .movieTeaser .snsArea dt{margin-bottom:5px; display:block; min-width:5rem; font-size:1.1rem;}
    .en .screen_trailer .movieTeaser .snsArea dt{min-width:4rem;}
    .screen_trailer .movieTeaser .snsArea dd{margin-left:0; margin-top:0;}

    .screenshot_title{text-align:center; padding:0 2%; margin:0 auto 2.5rem;}
    .screenshot_title .tit{float:none;}
    .screenshot_title .tit img{margin:0 auto; height:auto;}
    .screenshot_title .text{font-size:1.1rem; padding:1.5rem 1rem 0;}

    .screenshot{padding:8rem 0 9rem;}
    .screen_gallery{}
    .screen_gallery.owl-carousel {display:flex;}
    .screen_gallery {padding-bottom:3.125rem;}
    .screen_gallery .stillImage {max-width:100%; margin:0 auto;}
    .screen_gallery .stillImage .owl-nav {display:none;}
    .screen_gallery .stillImage .gallery_row .owl-stage{padding-left:1.33rem !important}
    .screen_gallery .stillImage .gallery_row li{width:100%;}
    .screen_gallery .stillImage .gallery_row a{max-height:100%;}
    .screen_gallery .stillImage .gallery_row a img{height:auto;}

    .sns_wrap {width: 100%;}
    .sns_wrap a{width:3rem; height:3rem;margin:0 .3rem;}
    .sns_wrap a:last-of-type{margin-right:0;}

    .popUp_layer .popup_contents {padding:4.333rem 0.75rem 3.333rem; overflow-y: auto !important; margin: 0 auto;}
    .popup_contents br.mobile {display:block;}
    .popup_contents h3 {font-size:1.75rem;}
    .popup_contents p {text-align:center; padding:0 1.333rem; font-size:1rem;}
    .popup_contents table {font-size:0.75rem; line-height:1.5;}
    .popup_contents table th,
    .popup_contents table td {padding:0.833rem 0.5rem;}
    .popup_contents table th {width:40%;}
    .popup_contents table td {width:60%;}
    .popup_contents ul {padding:0 0.416rem;}
    .popup_contents li {line-height:1.6;}

    .popup_contents .btn_popup_close{top:-45px; right:0;}
    #galleryPopup{padding:0 0.75rem;}
    #privacyPopup.popup_contents .btn_popup_close{top:.5rem; right:.5rem;}
    #galleryPopup.popup_contents .btn_popup_close{position:fixed; top:1.8rem;right: 1.8rem;}
    .popup.moviePop .btnClose span {font-size:1rem;}
    /* Moive Popup */
    #Movie .btnClose:hover { opacity: .8; }
    #Movie .btnClose:hover span { opacity: 1; }
    #Movie .btnClose:hover:before { top: 0; -webkit-transform: rotate(0); transform: rotate(0); width: 68px; }
    #Movie .btnClose:hover:after { bottom: 0; -webkit-transform: rotate(0); transform: rotate(0); width: 68px; }

    /*age_agree_pop*/
    .age_agree_pop { border: none; width: 100% !important; height: 100% !important; }
    .age_agree_pop .age_agree_title { font-size: 1.6rem; }
    .age_agree_pop .age_agree_text { font-size: 1rem; }
    .age_agree_pop .input_select { width: 8rem; height: 3.2rem; font-size: 1rem; }
    .age_agree_pop .input_select#f_year { width: 8.3rem; }
    .age_agree_pop .age_agree_btn { min-width: 13rem; height: 3.2rem; font-size: 1rem; }

    .popup_layer .popup_contents {padding:3.333rem 0.75rem; overflow-y: auto !important; margin: 0 auto;}
    .galleryPopup .owl-carousel .owl-dots{bottom:0.1rem;}
    .galleryPopup .owl-carousel .owl-nav{position:fixed; bottom:3rem;}
    .galleryPopup .owl-carousel .owl-dots {position:fixed; bottom:3.65rem; font-size:1.45rem;}
    .popup_layer .popup_contents{padding:0;}
    .popup_contents .galleryPopup{height:100%; display:flex; align-items:center;}
    /*.owl-carousel.owl-drag .owl-item:last-of-type{width:28rem !important}*/
    .spr_img.footer_logo{background-size:30rem; width:10rem; height:1.8rem; background-position: -32.9rem 0; }
    .galleryPopup .owl-carousel .owl-stage{overflow:hidden; display:flex; justify-content:center; align-items:center;}


    .subscribe {background-image:url(../img/mo_projectk_bg3.jpg); padding-top:7.416rem; padding-bottom:8.333rem;}
    .subscribe .inner {padding:0 1.666rem; max-width:inherit;}
    .subscribe h3 img {width:100%; max-height:inherit;max-width: 27.29rem;}
    .formWrap {margin-top:3.333rem;}
    .formWrap .subscribeForm dt {font-size:1rem; padding:0 50px 0.708rem 0;}
    .formWrap .subscribeForm dd + dt {margin-top:1.25rem;}
    .formWrap .subscribeForm input,
    .formWrap .subscribeForm select {font-size:1.333rem; padding:1rem;}
    .formWrap .subscribeForm input {text-align:center;}
    .formWrap .subscribeForm ul li select {background-position:90% -3.2rem; padding-right:0; background-size:2.1rem;}
    .formWrap .subscribeForm ul li select:focus {background-position:90% 1rem;}
    .formWrap .agreement {padding-left:0;}
    .formWrap .agreement li{font-size:1rem; line-height:1.5}
    .formWrap .agreement [type="checkbox"].agr_check + .agr_check_label {padding-left:3.333rem; min-height:2.5rem;flex:0 1 auto}
    .formWrap .agreement [type="checkbox"].agr_check + .agr_check_label::before {width:2.5rem; height:2.5rem;}
    .formWrap .agreement [type="checkbox"].agr_check:checked + .agr_check_label::before {background-position-y: -3.333rem;}
    .formWrap .agreement .btn_moreinfo,
    .formWrap .agreement .btn_moreinfo:hover {background:url(../img/icon_magnifying.png)center center no-repeat #2c2c34; background-size:50%; border-radius:50%; text-indent:-99999px; overflow:hidden; width:3.25rem; height:3.25rem; box-sizing:border-box;}
    .formWrap .agreement .btn_moreinfo {margin-left:0.5rem; flex:0 0 auto}
    .formWrap .btn_subscribe_submit {margin-top:4.16rem; max-width:27.916rem; height:5.216rem; background:url(../img/mo_btn_subscribe.png) 0 0 no-repeat; background-size:100%;}

    :lang(ko) .formWrap .agreement li:first-child [type="checkbox"].agr_check + .agr_check_label {line-height:2.5rem;}
    :lang(en) .btn_default {background-position-y:-12.3rem;}
    :lang(en) .btn_default[data-moveto="subscribe"] {background-position-x: 0; background-position-y:-18.5rem;}
    :lang(en) .screen_trailer{padding:0}
    :lang(en) .screen_trailer .movieTeaser .screen_quote {padding:3.25rem 0 0;}
    :lang(en) .subscribe h3 img {max-height:inherit;}
    :lang(en) .formWrap .subscribeForm dt {font-size:1.167rem;}
    :lang(en) .formWrap .agreement li {line-height:1.6 !important; font-size:1.083rem; word-break:keep-all; word-wrap:break-word;}
    :lang(en) .formWrap .btn_subscribe_submit {background-position-y:-7rem;}
    :lang(en) .popup_contents .privacyPopup .privacy {max-height:100%;}
    :lang(en) .popup_contents .privacyPopup p {text-align:left;}

    .footerWrap {flex-direction:column; padding:0 3.125rem 5rem}
    .footerWrap .logo a {width: 6.798rem; background-size: 90%; height: 1.16rem;}
    .spr_img.footer_logo{background-size:30rem; width:10rem; height:1.8rem; background-position: -32.9rem 0; }
    .footerWrap .footer_left {order:1; font-size:0.666rem;}
    .footerWrap .footer_right {flex-direction:column;}
    .footerWrap .footer_right .snsArea {padding:0; margin:0 auto 0 auto;}
    .footerWrap .footer_right .snsArea::after {display:none;}
    .footerWrap .footer_right .lang {padding:0; margin:1.66rem 0 3.333rem;}
    .footerWrap .footer_right .lang a:not(.btn_popup_close) {border-bottom:1px solid #363636;}
    .footerWrap .footer_right .lang .languages li {border-bottom:1px solid #363636;}

	/* 추가 CD 레이아웃 */
	#page_apply { padding: 5.5rem 0 0; height: auto; background-position: top left; }
	#page_apply .apply_wrap { min-width:100%; padding:1.5rem 1.3rem 2.5rem; max-height:100%;}
    #page_apply .btn_submit{font-size:1.8rem;}
    #page_apply .apply_wrapper{width:100%; max-width:88%}
	.sns_wrap { margin-top:4rem;}
	#page_apply .apply_wrap .title { font-size: 1.48rem; }
	#page_apply .apply_wrap .desc { font-size: 1.25rem; margin-top:1rem; margin-bottom:1rem; }
    #page_apply .apply_wrap .desc2{margin-bottom:1rem; margin-top:1rem;}
	#page_apply .apply_wrap .input_title { font-size: 1.1rem; margin-bottom:.75rem; margin-top:1.2rem;}
	#page_apply .apply_wrap .input_text, #page_apply .apply_wrap .input_select { height: 4.375rem; line-height: 2.125rem; zoom: 0.8;  font-size:1.3rem;}
	#page_apply .agree_line { font-size: 1rem; }

	#page_third.footer .pearlabyss { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	#page_third.footer .pearlabyss a { margin-bottom: 0.625rem; }
	#page_third.footer .lang_select li a { font-size: 1rem; }

	.footer .lang_select li a { font-size: 1rem; }
	#page_apply footer .pearlabyss { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
	#page_apply footer .pearlabyss .copyright { margin-left: 0; margin-top: 0.6rem; }
	#page_apply footer .lang_select { margin: 2.6rem 0; }

    footer .term_list { margin: 1.916rem 0 0; }
    footer .term_list a { padding: 0 0.625rem; font-size: 0.791rem; line-height: 1.768 }
    footer .term_list a.line:before { height: 0.616rem; margin-top: -0.3083rem }

    .sns_wrap a{background-size:11.06rem; width:3rem; height:2.98rem; background-repeat:no-repeat}
    .sns_wrap a.twitter{background-position:-4rem 0;}
    .sns_wrap a.youtube{background-position:-8rem 0;}
    #page_apply .sns_wrap a{background-size:13.85rem; width:3.7rem; height:3.7rem;}
    #page_apply .sns_wrap a{background-size:13.85em; width:3.7rem; height:3.7rem;}
    #page_apply .sns_wrap a.twitter{background-position:-5.1rem 0;}
    #page_apply .sns_wrap a.youtube{background-position:-10.17rem 0;}

    /* 쿠키 동의 팝업 추가 */
    .cookieAlert .alertInner { padding: 0.625rem; }
    .cookieAlert .message { padding-right: 0.4rem; }
    .cookieAlert .message span { text-align: left; font-size: 0.68rem; }
    .cookieAlert .cookieAllow { flex: 1 0 auto; font-size: 0.68rem; }
}

@media all and (max-width:768px) {
    .screen_trailer .movieTeaser .game_genre img{max-width:144px;}
    #page_apply .apply_wrapper{max-width:92%;}
    .screen_trailer .movieTeaser .screen_quote{max-width:220px;}

}

@media (max-height:1000px ) and (min-width: 1024px) {
	.wrapper > section { min-height: 1000px; }
	#page_apply { min-height: 1080px; }
}

@media (min-width:600px) and (max-width: 1024px) and (orientation:landscape) {
    :lang(ko) .formWrap .agreement li [type="checkbox"].agr_check + .agr_check_label {line-height:2.5rem;}
    /*.screen_trailer .movieTeaser .video_container {max-width:55%; margin:0 auto;}*/
    .subscribe .inner {max-width:70%;}
}
@media screen and (max-width:1024px) and (orientation: landscape) {
    .galleryPopup .owl-carousel .owl-stage-outer{margin-top:-3rem;}
    .galleryPopup .owl-carousel .owl-nav{bottom:1.8rem;}
    .galleryPopup .owl-carousel .owl-dots {bottom:2.4rem; font-size:1.5rem;}
    .galleryPopup .owl-carousel .owl-stage{height:22rem; -webkit-transform:translateY(-1rem); transform:translateY(-1rem); overflow:visible;}
    .galleryPopup .owl-carousel.owl-drag .owl-item{margin-top:-1rem;}
    .galleryPopup .owl-carousel .owl-item img{max-height:96%;}
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (min-width:1025px){
    .btn_default:not(:disabled):hover{border-color:rgba(255,157,0,.2);}
    .formWrap .agreement [type="checkbox"].agr_check {display:none;}
    .formWrap .agreement [type="checkbox"].agr_check + .agr_check_label::before {background-size:92%; display:block;}
    .formWrap .agreement [type='checkbox']:checked.agr_check + .agr_check_label::before {background-position-y:-2.35vh;}
    .formWrap .agreement li:last-child [type='checkbox']:checked.agr_check + .agr_check_label::before{background-position-y:-2.25vh;}

    .formWrap .agreement .btn_moreinfo {background:url(../img/btn_privacy.png) center top no-repeat; display:block; background-size:100% auto;}
    .formWrap .agreement .btn_moreinfo:hover {background-position:center 94%; background-size:100% auto;}
}

@media all and (max-width: 768px) and (orientation:portrait) {
    /* 영상 */
    #Movie .content { min-width: 90vw; min-height: 56.25vw; margin: 0 auto;}
}