@charset "UTF-8";
/* margin&padding */
.r_mp { margin: 0; padding: 0; }
.r_li { margin: 0; padding: 0; list-style-type: none; }

/* size */
.full { width: 100%; height: 100%; box-sizing: border-box; }
.fullWidth { width: 100%; }

/* float */
.clear { display: block; content: ''; height: 0; font-size: 0; opacity: 0; filter: alpha(opacity=0); clear: both; }

/* align */
.center { text-align: center; }
.flex { display: box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-flex; display: -o-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; -moz-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-align: center; }
.bold { font-weight: bold; }

/* display */
.block { display: block; }
.i_block { display: inline-block; vertical-align: middle; }

/* overflow hidden */
.hidden { overflow: hidden; }

/* pc, mo */
.pc { display: block !important; }
.mo { display: none !important; }
.hide { opacity: 0; }
.on { opacity: 1; transition: opacity .8s; }

@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; }

body.remove_scroll { overflow: hidden; }
img[class$="_mo"] { display: none !important; }
img[class$="_pc"] { display: block !important; }
br.mobile { display: none; }
[data-ephox-mobile-fullscreen-style] header { display: none; }

/* scrollbar */
body { overflow: overlay; }
body::-webkit-scrollbar-thumb { background: #fb9423; }
body::-webkit-scrollbar { width: 4px; border: 0; background: transparent; }
body::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:end:increment { display: none }
body::-webkit-scrollbar-button:start:decrement { display: none; }
body::-webkit-scrollbar-button:end:increment { display: none; }
body::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.25); }

/* custom scrollbar */
.custom_scrollbar::-webkit-scrollbar-track { background-color: transparent; }
.custom_scrollbar::-webkit-scrollbar { width: 4px; height: 4px; background-color: #1a1a23; }
.custom_scrollbar::-webkit-scrollbar-thumb { background-color: #33333f; }

/* 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="media"] { 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; z-index: 30; }
.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; }
#galleryPopup.popup_contents .btn_popup_close { position: fixed; top: 40px; right: 40px; }

/* 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: 100vh; background: url(../img/projectk_bg1.jpg) center top no-repeat #000; background-size: cover; z-index: 0; }
.wrapper > section { display: flex; justify-content: center; align-items: center; height: 100vh; min-height: 768px; box-sizing: border-box; position: relative; z-index: 30; }
.wrapper > section.page_apply { height: auto; }
.cont_wrap { width: 100%; position: absolute; bottom: 40px; left: 0; }
#main { padding: 50px 0 230px 0; }
#main h1 img { display: block; margin: 0 auto; }
#main .btn_wrap { display: flex; justify-content: center; align-items: center; }
#main > ul { position: absolute; bottom: 1rem; margin: 0 auto 0 auto; max-width: 865px; }
#main > ul li { display: flex; justify-content: center; position: relative; }
#main > ul li .btn_default:not(:nth-of-type(2n)) { margin-right: 1.875rem; }
#main > ul li:last-child { margin-top: 3vh; }
.scroll { position: relative; width: 46px; height: 72px; margin: 6vh auto 0; cursor: pointer; }
.scroll .btn_scroll { 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); }

/* screen trailer */
.screen_trailer { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; }
.screen_trailer .movieTeaser { position: relative; width: 1200px; max-width: 80%; }
.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; 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; }
.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; z-index: 31; pointer-events: none; }
.screen_trailer .movieTeaser .btn_video_play img { width: 100%; }
.screen_trailer .movieTeaser .btnTeaser { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; cursor: pointer; z-index: 10; }
.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: 30; }
.screen_trailer .movieTeaser .snsArea dt { display: none; color: #ccc; margin-bottom: 15px; pointer-events: none; }
.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 { width: 1200px; max-width: 80%; margin: 0 auto 45px; text-align: right; 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; }

.screen_gallery { display: block; box-sizing: border-box; }
.screen_gallery .stillImage { max-width: 80%; width: 1200px; height: auto; margin: 0 auto; }
.screen_gallery .stillImage .gallery_row { display: block; position: relative; width: 100%; box-sizing: border-box; }
.screen_gallery .stillImage .owl-item { -ms-touch-action: auto; touch-action: auto; }
.screen_gallery .stillImage .gallery_row li { position: relative; z-index: 0; display: inline-block; float: left; width: 32.5%; background-size: cover; 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 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 { display: block; box-sizing: border-box; padding: 0; max-height: 218px; height: 0; padding-top: 56.25%; }
.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: 3rem 2rem; width: 100%; max-height: 100%; }
.popup_contents { display: none; }
.popup_contents br.mobile { display: none; }
.popup_contents h3 { font-size: 36px; text-align: center; margin-bottom: 2.5rem; }
.popup_contents p { font-size: 18px; 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: 32px 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; }
.popup_contents .policy_emphasis { font-size: 19.2px; font-weight: bold; }

#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 { width: 63rem; 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); transition: background-color 0.2s; }
.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; }
.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: center; align-items: center; min-height: 100vh; padding: 4.166rem 0; background: url(../img/projectk_bg3.jpg) center center no-repeat #000; background-size: cover; border-top: 1px solid #ff9d00; box-sizing: border-box; }
.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; }
.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; font-size: 0.8125rem; line-height: 1.375rem; 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?v=1) no-repeat; background-size: 180px; }
.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; 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 .lang_link { display: block; padding: 0 1.75rem; color: #ffffff; font-size: 1rem; }
.page_apply footer .lang_select .lang_link.active,
.page_apply footer .lang_select .lang_link:hover { 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); }


#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%; width: 100%; height: 100%; -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 10px; 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: 1.66rem 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: 11.25rem; height: 3.4rem; 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; font-size: 15px; overflow: hidden; -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: 100; }
.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: 16px; box-sizing: border-box; }
.cookieAlert .message span { display: block; 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: 8px 16px; font-size: 15px; 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; }

/* popup */
.popup.moviePop { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); top: 0; left: 0; z-index: 999; display: none; }
.popup.moviePop .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%; }
.popup.moviePop .content:after { background-size: contain; top: -130px; right: -160px; opacity: 0.15; width: 607px; min-height: 560px; }
.popup.moviePop .btnClose { height: 100%; display: inline-block; position: absolute; width: 68px; top: 12px; right: 12px; opacity: .5; text-align: center; height: 68px; }
.popup.moviePop .btnClose:after,
.popup.moviePop .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; }
.popup.moviePop .btnClose:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; }
.popup.moviePop .btnClose:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 50%; }
.popup.moviePop .btnClose span { display: inline-block; line-height: 65px; color: #fff; opacity: 0; font-size: 22.4px; font-size: 1.4rem; margin-left: -10px; width: 100%; }
.popup.moviePop .btnClose:hover { opacity: .8; }
.popup.moviePop .btnClose:hover span { opacity: 1; }
.popup.moviePop .btnClose:hover:before { top: 0; -webkit-transform: rotate(0); transform: rotate(0); width: 68px; }
.popup.moviePop .btnClose:hover:after { bottom: 0; -webkit-transform: rotate(0); transform: rotate(0); width: 68px; }
.popup.moviePop .container { display: inline-block; }
.popup.moviePop .container .title { font-size: 24px; color: white; font-weight: normal; }
.popup.moviePop .container ul { font-size: 16px; color: #d8d8ea; margin-top: 30px; }
.popup.moviePop .container ul li { padding-left: 10px; position: relative; white-space: nowrap; }
.popup.moviePop .container ul li:before { content: '-'; position: absolute; left: 0; top: 0; }

#Movie .content { overflow: inherit; border: 1px solid #555; background: black; padding: 0; }
#Movie .content:after { 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%; }


/* English */
:lang(ko-KR) [class*="en_conts"] { display: none !important; }
:lang(en-US) .btn_default { background-position-y: -28vh; }
:lang(en-US) .btn_default[data-moveto="media"] { background-position-x: 0; }
:lang(en-US) .btn_default[data-moveto="subscribe"] { background-position-x: -30.93vh; }
:lang(en-US) .screen_trailer { padding: 9.583vh 0 }
/*:lang(en-US) .screen_trailer .movieTeaser .screen_quote {padding:4vh 0;}*/
:lang(en-US) .popup_contents .privacyPopup .privacy { overflow-y: auto; max-height: 45.138vh; }
:lang(en-US) .popup_contents p { font-size: 15px; }
:lang(en-US) .formWrap .agreement li:not(:first-child) { line-height: 1.7; }
:lang(en-US) .subscribe { padding: 10.92vh 0; }
:lang(en-US) .subscribe h3 img { max-height: 25.185vh; }
:lang(en-US) .formWrap .btn_subscribe_submit { font-size: 2.22vh; background-position-y: 0; }
:lang(en-US) [class*="ko_conts"] { display: none !important; }

@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) {
    .page_apply .sns_wrap.js-snsTop { position: fixed; top: 60px; right: 33px; -webkit-transition: transform .25s ease; transition: transform .25s ease; }
    .page_apply .sns_wrap.js-snsTop.active { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }

    .screen_trailer .movieTeaser { opacity: 0; }
    .screen_trailer .movieTeaser.showup { -webkit-animation: fadeinup ease-in-out 0.5s both; animation: fadeinup ease-in-out 0.5s both; }
    .screen_gallery .stillImage .gallery_row li { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); transition: transform 0.5s, opacity cubic-bezier(0.43, 0.28, 0, 1.04) 1s, filter 0.5s; }
    .screen_gallery .stillImage .gallery_row li:hover { -webkit-transform: scale(1.05); transform: scale3d(1.05); }
    .screen_gallery .stillImage .gallery_row.showup li { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
    .screen_gallery .stillImage .gallery_row.showup li:hover { opacity: 1; -webkit-transform: scale(1.05) translate3d(0, 0, 0); transform: scale(1.05) translate3d(0, 0, 0);}

    .screen_gallery .stillImage .gallery_row.dark li { -webkit-filter: brightness(0.7); filter: brightness(0.7); }
    .screen_gallery .stillImage .gallery_row.dark li:hover { filter: brightness(1); }
}

@media screen and (min-width: 768px) {
    .btn_orange:focus, .btn_orange:hover { background-position-y: bottom; }
    .btn_default:not(:disabled):focus, .btn_default:not(:disabled):hover { background-position-y: -13.94vh; }
    .btn_popup_close:focus::before,
    .btn_popup_close:hover::before,
    .btn_popup_close:focus::after,
    .btn_popup_close:hover::after { background-color: #ff9d00; }
    .age_agree_pop .age_agree_btn,
    .page_apply footer .lang_select .lang_link { border: 2px solid transparent; }
    .page_apply .agree_line input[type="checkbox"]:focus-visible { border: 2px solid #ff9d25; }
    .age_agree_pop .age_agree_btn:focus-visible,
    .scroll .btn_scroll:focus-visible,
    .page_apply .btn_submit:focus-visible,
    .page_apply footer .lang_select .lang_link:focus-visible { border: 2px solid #FFF; }
    .floatingSNS .snsArea a[class^="sns_"]:focus,
    .floatingSNS .snsArea a[class^="sns_"]:hover { background-size: 35.3vh; background-position-x: -19.32vh; }
    .screen_gallery .stillImage .gallery_row li:focus,
    .screen_gallery .stillImage .gallery_row li:hover { z-index: 1; }
    .screen_gallery .stillImage .gallery_row li a:focus::before,
    .screen_gallery .stillImage .gallery_row li a:hover::before { opacity: 1; }
    .screen_gallery .stillImage .gallery_row li:focus img,
    .screen_gallery .stillImage .gallery_row li:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

    .screen_trailer .movieTeaser .btnTeaser:focus + .btn_video_play,
    .screen_trailer .movieTeaser .video_container:focus .btn_video_play,
    .screen_trailer .movieTeaser .video_container:hover .btn_video_play { background-position: 0 bottom; }
    .screen_trailer .movieTeaser .snsArea a:focus,
    .screen_trailer .movieTeaser .snsArea a:hover { color: #ff9d00; }
    .screen_trailer .movieTeaser .snsArea a.sns_fb:focus::before,
    .screen_trailer .movieTeaser .snsArea a.sns_fb:hover::before { background-position: -119px -30px; }
    .screen_trailer .movieTeaser .snsArea a.sns_tw:focus::before,
    .screen_trailer .movieTeaser .snsArea a.sns_tw:hover::before { background-position: -119px -120px; }
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"]:focus span::before,
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"]:hover span::before,
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"]:focus span::after,
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"]:hover span::after { background-color: #ff9d00; }
    .formWrap .btn_subscribe_submit:focus,
    .formWrap .btn_subscribe_submit:hover { filter: brightness(1.2); }
    .formWrap .agreement .btn_moreinfo:focus,
    .formWrap .agreement .btn_moreinfo:hover { color: #000; background-position: center 94%; background-size: 100% auto; }
    .footerWrap .footer_right .snsArea a[class^="sns_"]:focus,
    .footerWrap .footer_right .snsArea a[class^="sns_"]:hover { background-position-x: -105px; }
    footer .term_list a:focus,
    footer .term_list a:hover { text-decoration: underline; }
    :lang(en-US) .btn_default:not(:disabled):focus,
    :lang(en-US) .btn_default:not(:disabled):hover { background-position-y: -42.1vh }
    .page_apply .sns_wrap { position: fixed; top: 30px; right: 33px; }
    .page_apply .agree_line .detail:focus,
    .page_apply .agree_line .detail:hover,
    .page_apply .agree_line.agree_2 a:focus,
    .page_apply .agree_line.agree_2 a:hover { color: #ff9d25; }
    .page_apply footer .lang_select .lang_link:focus,
    .page_apply footer .lang_select .lang_link:hover { color: #ff9d00; }
    .scrolling .page_apply .sns_wrap { top: 40px; }

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

}

@media screen and (max-width: 1280px) {
    #main h1 img { max-width: 80%; }
}

@media screen and (max-width: 1024px) {
    /* pc, mo */
    .pc { display: none !important; }
    .mo { display: block !important; }

    /* top bar - mobile */
    .fixed .page_wrap { position: fixed; overflow: hidden; width: 100%; height: 100%; overflow: visible; }

    .wrapper .bg { background: url(../img/projectk_bg1_mo.jpg) center top no-repeat #000; background-size: cover; }

    .popUp_layer .popup_contents { padding: 4.333rem 0.75rem 3.333rem; margin: 0 auto; }
    .popup_contents h3 { font-size: 32px; }
    .popup_contents p { text-align: center; padding: 0 1.333rem; font-size: 16px; }
    .popup_contents table { font-size: 13px; 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 { font-size: 15px; line-height: 1.6; }
    .popup_contents .policy_emphasis { font-size: 15.6px; font-weight: bold; }

    #galleryPopup { padding: 0 0.75rem; }
    #privacyPopup { width: 90%; padding: 80px 0 0 0; }
    #privacyPopup .btn_popup_close { top: 20px; right: 20px; }
    #privacyPopup .privacyPopup { max-height: calc(100vh - 160px); overflow-y: auto; }
    #privacyPopup .privacy { margin: 0 20px 40px 20px; }
    .btn_popup_close { position: fixed; top: 1rem; right: 1rem; width: 24px; height: 24px; }
    .btn_popup_close::before,
    .btn_popup_close::after { left: -1px; width: 25px; }
    .popup.moviePop .btnClose span { font-size: 1rem; }
}

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

@media screen and (max-width: 767px) {
    .popup_contents br.mobile { display: block; }
    .wrapper { width: 100%; overflow-x: hidden; }
    .wrapper > section { height: auto; }
    img[class$="_mo"] { display: block !important; }
    img[class$="_pc"] { display: none !important; }
    br.mobile { display: block; }
    .page-spark { display: none; }

    .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; }
    .scroll .btn_scroll { background: url('../img/mo_icon_scroll.png') 0 0 no-repeat; background-size: 100%; width: 3rem; height: 3.5rem; }

    .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 { height: 100vh; min-height: 768px; background: none; }
    #main .main_logo { padding: 0; }
    #main h1 { max-width: 100%; margin: 0 auto; }
    #main h1 img { width: 100%; max-width: 80%; max-height: inherit; }
    #main > ul { margin: 0 auto 0 auto; max-width: 27.916rem; }
    #main > ul li { flex-wrap: wrap; justify-content: flex-start; }
    #main > ul li:last-child { margin-top: 0; }
    #main > ul li .btn_default { margin-right: 0 !important; }
    #main > ul li .btn_default:not(:last-of-type):not(:nth-of-type(2)) { margin-bottom: 0.8333rem; }

    .screen_trailer { display: block; margin-top: 7rem; padding-top: 7rem; background: transparent; }
    .screen_trailer .movieTeaser { padding: 0 0 9rem; box-sizing: border-box; height: auto; background: transparent; max-height: none; }
    .screen_trailer .movieTeaser .video_container { display: block; max-width: 100%; max-height: 100%; margin: 0; padding-bottom: 56.25%; background: transparent; position: relative; top: inherit; left: inherit; cursor: pointer; }
    .screen_trailer .movieTeaser .video_container .video { background-color: #1a1a23; position: absolute; height: 100%; width: 100%; }
    .screen_trailer .movieTeaser .screen_quote { position: relative; top: inherit; left: inherit; max-width: 70%; margin: 0 auto 2.562rem; font-size: 1.1rem; line-height: 1.6; text-align: center; }
    .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 { display: block; 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; }
    .screen_trailer .movieTeaser .game_genre img { max-width: 144px; }

    .screenshot_title { max-width: 100%; margin: 0 auto 2.5rem; padding: 0; text-align: center; }
    .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; }
    .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; }

    /* 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.28rem; margin: 0 0 0.2rem; }
    .age_agree_pop .age_agree_text { font-size: 1rem; }
    .age_agree_pop .date_wrap { margin: 0.8rem 0 1.2rem 0; }
    .age_agree_pop .input_select { width: 12rem; max-width: 22vw; height: 3rem; }
    .age_agree_pop .input_select#f_year { width: 8.3rem; }
    .age_agree_pop .age_agree_btn { min-width: 100%; height: 3rem; }

    .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: 3rem; 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%; }

    .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 4rem; 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 .apply_wrapper { max-width: 92%; }
    .page_apply .sns_wrap a { background-size: 13.85rem; 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 { font-size: 12px; }
    .cookieAlert .alertInner { padding: 10px; }
    .cookieAlert .message { padding-right: 6px; }
    .cookieAlert .message span { text-align: left; font-size: 12px; }
    .cookieAlert .cookieAllow { flex: 1 0 auto; font-size: 12px; }


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

@media screen and (max-width: 640px) {
    #main { padding: 1.666rem 1.666rem 24rem 1.666rem; min-height: 640px; }
    #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; }
    .scroll { margin: 3rem auto 1.5rem auto; }

    .popup.moviePop .content { min-width: 100vw; min-height: 56.25vw; }
}

@media screen and (max-width: 480px) {
    .wrapper > section { min-height: 600px; }
}

@media (max-height:900px ) and (min-width: 768px) {
    .wrapper > section { min-height: 768px; }
}

@media (min-width:600px) and (max-width: 767px) and (orientation:landscape) {
    .subscribe .inner { max-width: 70%; }
    :lang(ko-KR) .formWrap .agreement li [type="checkbox"].agr_check + .agr_check_label { line-height: 2.5rem; }
}

@media screen and (max-width:767px) 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; }
}

@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); }
}

@-webkit-keyframes scale_show {
    from { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
}

@keyframes scale_show {
    from { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeinup {
    from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinup {
    from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}