@charset "utf-8";
/*@import url("fullpage.min.css");*/
/*@import url("https://www.unpkg.com/fullpage.js/dist/fullpage.min.css");*/
@import url('../js/fullpage/3.1.2/fullpage.min.css');
@import url("swiper.min.css");

html,body{position:relative; width:100%; height:100%; color:#333; font-size:16px; line-height:1.5; font-weight:400; letter-spacing:-0.025em; word-break:break-all; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body {background:#000;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0px; padding:0px; vertical-align:top;}
body {position:relative; width:100%;}
ul, ol, dl {list-style-type:none;}
h1, h2, h3, h4, h5, h6, th {font-weight:400}
table {border-collapse:collapse; border-spacing:0; word-break:break-all;}
table th {font-weight:normal;}
img, button, fieldset, abbr, acronym {border:0;}
label {cursor:pointer;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
strong {font-weight:700;}
em{font-weight:400;}
caption, legend {width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
img {max-width:100%;}
q:before, q:after {content:'';}
hr {display:none;}
iframe {border:none; outline:none;}
br{font-family:dotum}
fieldset {display:block;min-width:0;}

input,
select {font-weight:400;}
button {font-weight:400; font-size:16px; padding:0; border:none; outline:none; background:none; cursor:pointer;}
a {text-decoration:none; color:inherit; cursor:pointer;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}

/* 입력 number 타입 화살표 제거 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 40px #efefef inset; -webkit-text-fill-color: #333}
input:-webkit-autofill ,
input:-webkit-autofill:hover ,
input:-webkit-autofill:focus ,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}


button,
textarea,
select,
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
input[type=file],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {padding:0; border:none; outline:none; border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; vertical-align:top; background:none;}

input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit],
button {cursor:pointer; border:none; background:none; cursor:pointer; -webkit-appearance:none; appearance:none;}
button:focus,
button:hover {outline:none;}

/* 공통 */
html {overflow:hidden;}

/* 공통 > 로딩바 */
#loading {position:fixed;top:0;left:100%; right:0; bottom:0; width:auto;height:auto; margin:auto; display:block;z-index:999999999; opacity:0; visibility:hidden; overflow:hidden; transition:left 0s 0.35s ease, visibility 0s 0.35s ease, opacity 0.35s 0s ease;}
#loading.actived {left:0; visibility:visible; opacity:1; background-color:rgba(0,0,0,0.4); transition:left 0s 0s ease, visibility 0s 0s ease, opacity 0.35s 0s ease;}
.loading-wrap {position:relative;display:flex;align-items:center;justify-content:center; width:100%;height:100%;background:rgba(0,0,0,0.8);}

.video-wrap {position:relative;}
.video-player {position:relative; padding-top:56.25%;}
.video-player iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.video-player video {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;}

.full-video-wrap {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.full-video-wrap.actived .full-video-visual {opacity:0;}
.full-video-inner {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.full-video-inner img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.full-video-inner video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.full-video-visual {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1; transition:opacity 0.4s ease;}
.full-video-visual img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.form-checkbox {position:relative;display:inline-block;}
.form-checkbox input {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-checkbox input:checked + .form-check-icon:before{}
.form-checkbox input:checked + .form-check-icon:after{opacity:1;}
.form-checkbox input:checked + .form-check-icon > em {color:#e3dcd0;}
.form-checkbox input:checked:disabled + .form-check-icon:after{opacity:1;}
.form-checkbox input:checked:disabled + .form-check-icon:before{opacity:0;}
.form-checkbox input:checked:disabled + .form-check-icon > em {opacity:1;}
.form-checkbox input:disabled + .form-check-icon:after {opacity:0;}
.form-checkbox input:disabled + .form-check-icon:before {opacity:0.5;}
.form-checkbox input:disabled + .form-check-icon > em {opacity:0.5;}
.form-checkbox input:disabled + .form-check-icon > span {opacity:0.5;}
.form-checkbox .form-check-icon {position:relative; display:block; min-width:16px; min-height:16px;}
.form-checkbox .form-check-icon:before {content:''; position:absolute; top:1px; left:0; display:block; width:16px; height:16px; z-index:5; opacity:1;  border:2px solid #92856c; background:#2e2922; box-sizing:border-box; border-radius:0;}
.form-checkbox .form-check-icon:after {content:''; position:absolute; top:-2px; left:1px; display:block; width:21px; height:17px; z-index:5; background:url(../images/icon-check-on.png) center center no-repeat;  box-sizing:border-box; transition:transform 0.25s ease; opacity:0; background-size:100% auto;}
.form-checkbox .form-check-icon > em {display:inline-block; padding-left:28px; font-size:15px; line-height:18px; font-weight:400; color:#beb6a6;}
.form-checkbox .form-check-icon > em:empty {display:none;}
.form-checkbox button {font-size:16px; line-height:20px; font-weight:400; color:#beb6a6;}

/* 공통 > 아이콘 */
.icons {display:inline-flex; font-size:0; line-height:1; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}

/*
.icon-sns-share-white {width:36px; height:36px;background-image:url(../images/icon_sns_share.png);}
*/

/* 공통 > 팝업 */
.pop-wrap {position:fixed; top:0; left:100%; width:100%; height:100%; z-index:9999; overflow:hidden; transition:left 0s 0.35s ease;}
.pop-wrap.actived {left:0;transition-delay:0s;}
.pop-wrap.actived .cover {opacity:1;}
.pop-container {position:absolute;top:0;left:0;width:100%;height:100%; overflow-y:auto;z-index:10;}
.pop-parents {position:relative; display:table; width:100%; height:100%;z-index:5;table-layout:fixed;}
.pop-children {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; padding:50px 53px;}
.pop-wrap .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8); opacity:0; transition:opacity 0.45s 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.btn-pop-close {position:absolute; left:100%; top:0; width:41px; height:36px; margin:0px 0 0 24px; z-index:10; background:url(../images/btn_pop_close2.png) center center no-repeat;}

.pop-wrap.actived .pop-basic-data {transform:scale(1); opacity:1; transition:transform 0.25s 0.05s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease;}
.pop-basic-data {position:relative; display:inline-block; transform:scale(0.3); opacity:0; transition:transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease; box-sizing:border-box;}
.pop-basic-data.full {display:block;width:100%;height:100%;}
.video-pop-data {display:block;}
.video-pop-view {position:relative; max-width:1280px; margin:0 auto;}
.video-pop-data .btn-pop-close {width:48px; height:48px; margin:0 0 0 20px; background:url(../images/icon-youtube-close.png) center center no-repeat; background-size:100% 100%;}
.blind-audio {position:fixed;top:0;left:-99999px;}

.alert-pop-wrap {width:508px; height:380px; background:#e9e6e1; padding:30px; display:inline-flex; flex-direction:column;}
.alert-pop-wrap .alert-msg {display:flex; align-items:center; justify-content:center; text-align:center; height:100%; font-size:18px; color:#1d1a15; line-height:30px; flex:1;}
.alert-pop-wrap .alert-ui {text-align:center; flex:0 0 auto; margin-top:auto; padding-top:20px;}
.alert-pop-wrap .alert-ui > button {display:inline-flex; width:185px; height:46px;align-items:center; justify-content:center; text-align:center; font-size:14px; color:#fff; background:#675a41;}
.alert-pop-wrap .btn-pop-close {position:absolute; top:0; right:0; width:72px; height:72px; font-size:0; margin:0; left:auto; background:url(../images/icon-alert-pop-close.png) center center no-repeat; background-size:100% auto; z-index:15;}

.agree-pop-wrap {width:100%; max-width:720px; background:#e9e6e1; padding:30px;}
.agree-pop-wrap .btn-pop-close {position:absolute; top:0; right:0; width:72px; height:72px; font-size:0; margin:0; left:auto; background:url(../images/icon-alert-pop-close.png) center center no-repeat; background-size:100% auto; z-index:15;}
.agree-pop-view {text-align:left; font-size:16px; line-height:1.5;}
.agree-pop-view p.tit:first-child {margin-top:0;}
.agree-pop-view p.tit {margin:40px 0 10px 0;font-size:18px; font-weight:700; color:#333;}

/* 공통 > 헤더 */
.header-wrap {}
.header-outer {position:fixed; top:0; left:0; width:100%; height:70px; background:rgba(7,7,7,0.7); z-index:1500;}
.header-inner {position:relative; padding:0 34px 0 45px; max-width:2560px; margin:0 auto; display:flex; align-items:center; height:100%;}
.header-logo {display:inline-flex; align-items:center; justify-content:center; width:102px; height:100%; position:relative; z-index:100;}
.header-logo > button {display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:0;}

.btn-all-menu {position:fixed;top:0;left:5px;display:none; width:50px; height:50px; font-size:0; z-index:1500;}
.btn-all-menu:before{content:''; position:absolute; top:0;left:0;display:block;width:100%;height:100%;background:url(../images/icon-all-menu.png) center center no-repeat; background-size:100% 100%;}

.gnb-global {position:absolute; top:0; right:34px; display:inline-flex; align-items:center; height:100%;}

.btn-global-facebook,
.btn-global-cafe,
.btn-global-youtube {display:block; width:48px; height:48px; font-size:0; position:relative;}
.btn-global-facebook:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-global-facebook-off.png); background-size:100% 100%;}
.btn-global-facebook:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-global-facebook-on.png); background-size:100% 100%;}
.btn-global-cafe:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-global-cafe-off.png); background-size:100% 100%;}
.btn-global-cafe:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-global-cafe-on.png); background-size:100% 100%;}
.btn-global-youtube:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-global-youtube-off.png); background-size:100% 100%;}
.btn-global-youtube:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-global-youtube-on.png); background-size:100% 100%;}
.btn-global-youtube {margin-left:5px;}



.btn-global-home {display:inline-flex; margin-right:24px; padding:0 8px; height:35px; align-items:center; justify-content:center; font-size:16px; color:#92856c; border:2px solid #524c3f; border-radius:4px; line-height:1; transition:color 0.2s ease, border 0.2s ease;}
.btn-global-home .icon {position:relative; width:28px; height:28px; margin-right:1px;}
.btn-global-home .icon:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-global-home-off.png); background-size:100% 100%;}
.btn-global-home .icon:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-global-home-on.png); background-size:100% 100%;}
.btn-global-home .arrow {position:relative; width:18px; height:18px; margin-left:2px;}
.btn-global-home .arrow:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-global-home-arrow-off.png); background-size:100% 100%;}
.btn-global-home .arrow:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-global-home-arrow-on.png); background-size:100% 100%;}

.header-language {position:absolute; top:11px; right:135px; font-size:0;}
.header-language .language-list {position:absolute; top:100%; right:2px; padding:13px 0 0 0; z-index:5;}
.header-language .language-list > ul {position:relative; width:161px; height:154px; background:url(../images/header-language-bg.png) center center no-repeat; background-size:100% 100%; box-sizing:border-box; padding:20px 16px 0 21px;}
.header-language .language-list > ul > li + li{margin-top:1px;}
.header-language .language-list > ul > li > a {position:relative;display:flex; align-items:center; padding-left:46px; height:41px; font-size:16px; font-weight:400; color:#bcab91; transition:color 0.2s ease; box-sizing:border-box;}
.header-language .language-list > ul > li > a:before {content:''; position:absolute;top:6px;left:0;width:36px;height:30px;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-header-language-unit-off.png); background-size:100% 100%;}
.header-language .language-list > ul > li > a:after {content:''; position:absolute;top:6px;left:0;width:36px;height:30px;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-header-language-unit-on.png); background-size:100% 100%;}
.header-language .language-list > ul > li.actived > a ,
.header-language .language-list > ul > li > a:hover {
	color:#e3dcd0; 
	text-shadow: 
		0px 0px 5px rgba(101,14,14,1),
		0px 0px 10px rgba(101,14,14,1),
		0px 0px 10px rgba(101,14,14,1),
		0px 0px 10px rgba(101,14,14,1);

}


.header-language .language-list > ul > li.actived > a:before,
.header-language .language-list > ul > li > a:hover:before {opacity:0;}
.header-language .language-list > ul > li.actived > a:after,
.header-language .language-list > ul > li > a:hover:after {opacity:1;}
.header-language .language-list {transform:translate(0px , 20px); opacity:0; visibility:hidden; transition:transform 0s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000), visibility 0s 0s ease;}

.btn-header-language {position:relative; display:inline-flex; font-size:0;}
.btn-header-language > em {font-size:0; position:relative; display:block; width:48px; height:48px; font-size:0;}
.btn-header-language > em:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:1; transition:opacity 0.2s ease; background-image:url(../images/icon-language-nav-off.png); background-size:100% 100%;}
.btn-header-language > em:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;display:block; opacity:0; transition:opacity 0.2s ease; background-image:url(../images/icon-language-nav-on.png); background-size:100% 100%;}
.btn-header-language > span {display:none;}


.gnb-list {position:absolute; top:0; left:0; z-index:50; height:100vh; display:flex; align-items:center; padding-left:45px;}
.gnb-list-inner {position:relative; display:inline-flex; flex-direction:column; gap:12px 0;}
.gnb-list-inner:before{content:''; position:absolute;top:0;right:auto;bottom:0;left:0;width:1px;height:auto;margin:19px 0px 19px 6px; background:rgba(193,241,255,0.23); z-index:0;}
.gnb-list-cell {font-size:0;}
.gnb-list-cell.actived .btn-gnb-nav:before {opacity:1;}
.gnb-list-cell.actived .btn-gnb-nav .txt:before,
.gnb-list-cell.actived .btn-gnb-nav .unit:before {opacity:0;}
.gnb-list-cell.actived .btn-gnb-nav .txt:after,
.gnb-list-cell.actived .btn-gnb-nav .unit:after {opacity:1;}

.btn-gnb-nav {position:relative; display:inline-flex; align-items:center; padding-left:24px;}
.btn-gnb-nav:before {content:''; position:absolute; top:50%; left:0;  margin:-24px 0 0 -18px; width:51px; height:56px; background:url(../images/icon-gnb-unit-active.png) center center no-repeat; z-index:15; opacity:0;  transition:opacity 0.2s ease;}
.btn-gnb-nav .txt {position:relative; display:block; font-size:0;}
.btn-gnb-nav .txt:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; opacity:1; transition:opacity 0.2s ease;}
.btn-gnb-nav .txt:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; opacity:0; transition:opacity 0.2s ease;}
.btn-gnb-nav .unit {position:absolute; top:50%; left:0; display:block; width:13px; height:13px; margin-top:-7px;}
.btn-gnb-nav .unit:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/icon-gnb-unit-off.png) center center no-repeat; background-size:100% 100%; opacity:1; transition:opacity 0.2s ease;}
.btn-gnb-nav .unit:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/icon-gnb-unit-on.png) center center no-repeat; background-size:100% 100%; opacity:0; transition:opacity 0.2s ease;}
.footer-wrap {height:200px; background:#fafafa;}

/* 컨텐츠 */
/* 컨텐츠 > 레이아웃 */
.stage-wrap {position:relative; width:100%; height:100%; opacity:0; transition:opacity 0.4s ease;}
.stage-wrap.actived {z-index:30; opacity:1;}
#stage {position:relative; width:100%; height:100%;}
.section {position:relative; width:100%; height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;}
.section-outer {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; z-index:5;}
.section-inner {position:relative; width:100%; margin:0 auto; z-index:15;}
.section-bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-repeat:no-repeat;background-position:center; background-size:cover;}
.section-bg img {position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;}

.page-scroll-ui {position:fixed; bottom:37px; left:36px; width:82px; height:106px; z-index:1000; text-align:center;padding:0;}
.page-scroll-ui .txt {position:relative; display:inline-block; font-size:0; width:100%; height:100%;}
.page-scroll-ui .txt:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%; background:url(../images/icon-page-scroll-off.png) center center no-repeat; background-size:100% 100%;}
.page-scroll-ui .txt {animation-name:pageScrollAction; animation-duration:1s;animation-direction:alternate;animation-iteration-count:infinite;}
.page-scroll-ui .txt:before {animation-name:pageScrollFade;animation-duration:2s;animation-delay:0s;animation-timing-function: linear;  animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards}
.page-scroll-ui:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%; background:url(../images/icon-page-scroll-txt.png) center center no-repeat; background-size:100% 100%;}
.page-scroll-ui.hide {opacity:0 !important;}
/* @keyframes pageScrollFade {
	0%{ opacity:0.5; }
	50%{opacity:1;}
	100%{opacity:0.5;}
} */

@keyframes pageScrollAction { 
	0%{ transform:translate(0px , 0px);} 
	100%{transform:translate(0px , 10px);}
}

.btn-transparent {position:absolute; z-index:15; display:block; background:rgba(0,0,0,0.0.5); font-size:0;}


/* 컨텐츠 > 메인 */
.main {}
.main .section-inner {padding:100px 0 90px 0;}
.main .section-bg:before {content:''; position:absolute; top:0;left:0;width:100%;height:100%;z-index:5; background:rgba(0,0,0,0);}
.main .txt-1 .txt {display:inline-block; position:relative; transform-origin:50% 100%;}
.main .btn-video {margin-top:28px;}
.main .btn-video .obj {position:relative; display:inline-block; width:100px; height:100px;}
.main .btn-video .obj:before {content:''; position:absolute; top:50%; left:50%; display:block; width:274px; height:274px; margin:-137px 0 0 -137px; background:url(../images/main-play.png) center center no-repeat; background-size:100% 100%;}
.main .btn-video .obj > button {position:relative; display:block; width:100%; height:100%; z-index:1;}
.main .btn-register {margin-top:100px; display:flex; align-items:center; justify-content:center; gap:0 16px;}
.main .btn-register > button {position:relative; display:inline-block;}
.main .btn-register .pc {display:block;}
.main .bubble {position:absolute;top:50%;left:50%;width:254px; height:541px; margin:-405px 0 0 2px; z-index:5; transform-origin:50% 100%; display:none;}
.main .bubble img {opacity:0.7;}

.registration .section-inner {padding:100px 0 90px 0;}
.registration .section-bg {background-image:url(../images/registration-bg.jpg);}
.registration .txt-2 {margin-top:23px;}
.registration .txt {display:inline-block; position:relative;}
.registration .btn-register {top:78.6%; left:35.0%; width:28.8%; height:16.1%;}
.registration .btn-note {top:84.1%; left:80.9%; width:17.0%; height:9.6%;}
.register-note .btn-pop-close {top:4.7%; left:86.9%; width:11.5%; height:15.7%;margin:0; right:auto; bottom:auto;}


::-webkit-input-placeholder	{color:#5a5c5f;}
::-moz-placeholder	{color:#5a5c5f;}
:-ms-input-placeholder	{color:#5a5c5f;}
:-moz-placeholder   {color:#5a5c5f;}

.form-registration .email-input .input input {
	position:relative;
	display:block;
	width:100%;
	height:36px;
	padding:0;
	color:#e3dcd0;
	font-weight:400;
	font-size:14px;
	line-height:1; 
	border:none;
	border-radius:0;
	background-color:none;
	box-sizing:border-box;
	z-index:0;
}

.form-registration .email-input .input select {
	position:relative;
	display:block;
	flex:1;
	width:100%;
	height:36px;
	padding:0 34px 0 0px;
	color:#e3dcd0;
	font-weight:400;
	text-align:left;
	font-size:14px;
	line-height:1;
	border:none;
	border-radius:8px;
	background-image:url(../images/icon-select-arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:none;
	background-size:24px auto;
	box-sizing:border-box;
	z-index:0;
}
.form-registration .email-input .input option { color:#000; }
.form-registration {position:absolute; top:107px; right:39px; width:493px; line-height:1;}
.form-registration .email-input {padding:0 5px 0 3px;}
.form-registration .email-input .cell {display:flex; gap:0 10px;}
.form-registration .email-input .cell + .cell {margin-top:8px;}
.form-registration .email-input .cell:nth-child(2) .input input {width:100%; text-align:center;}
.form-registration .email-input .input {flex:1; width:100%; background:url(../images/icon-input-line.png) left bottom repeat-x; height:38px; display:flex; box-sizing:border-box; padding:0 0 0 0; gap:0 8px; align-items:center;}
.form-registration .email-input .ui {flex:0 0 auto;}
.form-registration .email-input .input input {flex:0 0 auto; width:50%}
.form-registration .email-input .input select {flex:1;}
.form-registration .email-input .unit {flex:0 0 auto; font-size:20px; font-weight:300; color:#e3dcd0;}
.form-registration .agree-input {margin-top:20px; padding:0 5px 0 3px; position:relative; text-align:left;}
.form-registration .agree-inner {position:relative;}
.form-registration .agree-inner .btn-note {position:relative; top:auto; right:auto; width:auto; left:auto; margin:15px 0 0 4px;}
.form-registration .agree-check {}
.form-registration .agree-check .cell {line-height:1; font-size:0;}
.form-registration .agree-check .cell:first-child ~ .cell {padding-left:9px;}
.form-registration .agree-check .cell + .cell {margin-top:9px;}
.form-registration .btn-input {margin-top:22px;display:flex; justify-content:center; gap:1px;}

#registrationCodePop {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; box-sizing:border-box; align-items:flex-end; padding:40px; display:none; z-index:150;}
#registrationCodePop.actived {display:flex;}
#registrationCodePop .item-inner {width:100%; text-align:center;}
#registrationCodePop .items {display:inline-block; position:relative;}
#registrationCodePop .items img {width:521px;}
#registrationCodePop .btn-confirm {top:87.5%; left:30.3%; width:38.6%; height:7.5%; z-index:15;}
#registrationCodePop .item-code {position:absolute; top:39.8%; left:33.8%; width:57.9%; height:6.9%; z-index:15;}
#registrationCodePop .item-code .value{ height:100%; align-items:center; font-size:14px; color:#8da8c1; font-weight:500; padding:0 17px; justify-content:flex-end;}
#registrationCodePop .item-code .btn {position:absolute; top:0; right:0; width:100%; height:100%; text-align:right;}
#registrationCodePop .item-code .btn button {display:inline-flex; height:100%; align-items:center; font-size:14px; color:#8da8c1; font-weight:500; padding:0 17px;}
#registrationCodePop .item-code .value {display:none;}
#registrationCodePop .item-code .btn {display:block;}
#registrationCodePop.show .item-code .value {display:flex;}
#registrationCodePop.show .item-code .btn {display:none;}

.area-1 .section-inner {padding:100px 0 90px 0;}
.area-1 .section-bg {background-image:url(../images/area-1-bg.jpg);}
.area-1 .txt-2 {position:relative; padding-top:40px; font-size:16px; line-height:1.75; color:#e3dcd0; font-weight:500; word-break:keep-all;}
.area-1 .txt-2:before {content:''; position:absolute;top:-8px;left:0;width:100%;height:41px; background:url(../images/area-1-txt-unit.png) center top no-repeat;}
.area-1 .txt-2 .txt {max-width:1024px; margin:0 auto; padding:0 30px; text-shadow:0px 0px 10px rgba(0,0,0,1); filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5))}
.area-1 .txt-1 img,
.area-1 .txt-2 img {filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5))}
/* 24. 09. 04 add*/
.area-1 .txt-3 {padding:50px 0 0 0;}
.area-1 .txt-4 .btna-rea {display: flex;justify-content:center;padding:23px 0 0 0;}
.area-1 .txt-4 .btn-video {	position: relative;width:260px;height:146px;margin:0 5px;}
.area-1 .txt-4 .btn-video::before {content:"";display:block;position: absolute;top:0;left:0;width:100%;height:100%;background:url(../images/area-1-video-play.png) no-repeat center center;background-size: 100% 100%;z-index: 2;pointer-events: none;}
.area-1 .txt-4 .btn-video img{filter: grayscale(95%);transition: all 0.5s ease;}
.area-1 .txt-4 .btn-video:hover img,
.area-1 .txt-4 .btn-video:active img,
.area-1 .txt-4 .btn-video:focus img{filter: grayscale(0%);}

.area-2 {}
.area-2 .section-outer {position:absolute; top:0; left:0;}
.area-2 .map {position:absolute; top:0; left:0;width:100%;height:100%; display:flex; justify-content:center; transform-origin:50% 10%;}
.area-2 .map .view { position:absolute; top:0; left:0;width:100%;height:100%;}
.area-2 .map .view img {width:100%; height:100%; object-fit:cover;}
.area-2 .section-bg {transform-origin:60% 80%;}
.area-2 .swiper-info {display:none; position:absolute; bottom:60px; left:0; width:100%; text-align:center; z-index:15;}

.area-3 .section-outer {position:absolute; top:0; left:0;}
.area-3 .map {position:absolute; top:0; left:0;width:100%;height:100%; display:flex; justify-content:center; transform-origin:50% 10%;}
.area-3 .map .view {position:relative; display:inline-block; height:auto; width:auto; flex:0 0 auto;}
.area-3 .map .view:before {content:'';position:absolute;top:0;left:0;width:100px;height:100%;z-index:1; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.area-3 .map .view:after {content:'';position:absolute;top:0;right:0;width:100px;height:100%;z-index:1; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.area-3 .map .view img {width:auto; height:100vh; max-width:none;}
.area-3 .map .btn-nav-1 {top:17.3%; left:30.3%; width:8.3%; height:12.4%;}
.area-3 .map .btn-nav-2 {top:25.4%; left:43.3%; width:10.1%; height:19.0%;}
.area-3 .map .btn-nav-3 {top:36.9%; left:55.3%; width:12.7%; height:26.3%;}
.area-3 .map .btn-nav-4 {top:52.2%; left:45.1%; width:9.9%; height:22.1%;}
.area-3 .map .btn-nav-5 {top:44.9%; left:33.4%; width:9.9%; height:22.1%;}
.area-3 .map .btn-nav-6 {top:69.9%; left:27.9%; width:8.6%; height:18.1%;}
.area-3 .swiper-info {display:none; position:absolute; bottom:60px; left:0; width:100%; text-align:center; z-index:15;}
.area-3 .over > img {position:absolute; max-width:none; opacity:0; transition:opacity 0.2s ease;}
.area-3 .over > img.hover {opacity:1;}


.area-pop-wrap {position:absolute; top:0;left:100%;width:100%;height:100%; z-index:150; overflow:hidden; transition:left 0s 0.35s ease;}
.area-pop-wrap.actived {left:0;transition-delay:0s;}
.area-pop-wrap.actived .cover {opacity:1;}
.area-pop-outer {position:absolute;top:0;left:0;width:100%;height:100%; display:flex; align-items:center; justify-content:center; z-index:5;}
.area-pop-wrap .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(7,7,7,0.8); opacity:0; transition:opacity 0.45s 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);z-index:0;}
.area-pop-wrap.actived .area-pop-view {transform:scale(1); opacity:1; transition:transform 0.25s 0.05s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease;}
.area-pop-view {position:relative; display:inline-block; max-width:1050px; padding:0 86px; box-sizing:border-box; transform:scale(0.3); opacity:0; transition:transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease; box-sizing:border-box;}

.area-pop-cell {display:none;}
.area-pop-cell.actived {display:block;}

.area-pop-items {position:relative; width:873px; height:738px; padding:16px 60px 0 60px; box-sizing:border-box; background:url(../images/area-pop-bg.png) center center no-repeat; background-size:100% 100%;}
.area-pop-items .item-title {display:flex; height:127px; width:100%; align-items:center; justify-content:center; text-align:center; font-size:0;}
.area-pop-items .item-visual {width:100%;}
/* .area-pop-items .item-desc {margin-top:21px; width:100%; text-align:center; font-size:22px; line-height:1.5; color:#2b2925; word-break:keep-all; padding:0 100px; box-sizing:border-box; font-weight:500;} */
.area-pop-items .item-desc {margin-top:21px; width:100%; text-align:center; font-size:21px; line-height:1.5; color:#2b2925; word-break:keep-all; padding:0 0px; box-sizing:border-box; font-weight:500;}
.area-pop-items .btn-swiper-slider-prev {position:absolute;top:50%;left:-86px;display:block;width:74px;height:96px;z-index:15; cursor:pointer; margin:-48px 0 0 0; font-size:0;}
.area-pop-items .btn-swiper-slider-next {position:absolute;top:50%;right:-86px;display:block;width:74px;height:96px;z-index:15; cursor:pointer; margin:-48px 0 0 0; font-size:0;}
.area-pop-items .btn-swiper-slider-prev:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/icon-area-slider-prev-off.png) center center no-repeat; background-size:100% 100%;opacity:1;transition:opacity 0.2s ease;}
.area-pop-items .btn-swiper-slider-prev:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/icon-area-slider-prev-on.png) center center no-repeat; background-size:100% 100%;opacity:0;transition:opacity 0.2s ease;}
.area-pop-items .btn-swiper-slider-next:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/icon-area-slider-next-off.png) center center no-repeat; background-size:100% 100%;opacity:1;transition:opacity 0.2s ease;}
.area-pop-items .btn-swiper-slider-next:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/icon-area-slider-next-on.png) center center no-repeat; background-size:100% 100%;opacity:0;transition:opacity 0.2s ease;}
.area-pop-items.none .btn-swiper-slider-prev,
.area-pop-items.none .btn-swiper-slider-next,
.area-pop-items .btn-swiper-slider-prev.swiper-button-disabled,
.area-pop-items .btn-swiper-slider-next.swiper-button-disabled {display:none;}
.area-pop-view {position:relative;}
.area-pop-view .btn-area-close {position:absolute;top:33px;right:115px;z-index:15;display:block;width:40px;height:41px;background:url(../images/icon-area-pop-close.png) center center no-repeat;}

.update .section-outer {overflow:hidden;}
.update .section-bg {background-image:url(../images/update-bg.jpg);}
.update .list {margin-top:0;}
.update .list-swiper {max-width:1158px; margin:0 auto;}
.update .swiper {overflow:visible;}
.update .swiper-slide {width:33.33%;}
.update .list-items {}
.update .item-view {position:relative; padding-top:113.42%; background:rgba(255,255,255,0);}
.update .item-view .obj {position:absolute; top:50%; left:50%;}
.update .item-1 .item-view .obj {width:568px; height:419px; margin:-210px 0 0 -284px;}
.update .item-2 .item-view .obj {width:458px; height:458px; margin:-219px 0 0 -225px;}
.update .item-3 .item-view .obj {width:524px; height:344px; margin:-162px 0 0 -262px;}
.update .list-info {display:none;}
/*
.update .list,
.update .list-info {display:none;}
*/

.update .txt-1 {position:relative; z-index:5;}
.update .txt-3 .txt {position:relative; display:none; width:600px; height:500px;}
.update .txt-3 .txt img {position:absolute; top:0; left:50%; max-width:none; width:1074px; height:713px; margin:-113px 0 0 -537px;}

/* 고해상도 */
@media screen and (min-width:2560px) {
	.page-scroll-ui {left:50%; margin-left:-1280px;}
}

@media screen and (min-width:1921px) {

}

/* 저해상도 */
@media screen and (min-width:1441px) {
	.page-scroll-ui,
	.header-outer {opacity:0; transition:opacity 0.4s ease;}
	.page-scroll-ui.start ,
	#header.start .header-outer {opacity:1;}
	.header-language:hover .language-list {transform:translate(0px , 0px); opacity:1; visibility:visible; transition-duration:0.4s; transition-delay:0s;}
	.btn-global-facebook:hover:before,
	.btn-global-cafe:hover:before,
	.btn-global-youtube:hover:before {opacity:0;}
	.btn-global-facebook:hover:after,
	.btn-global-cafe:hover:after,
	.btn-global-youtube:hover:after {opacity:1;}
	.btn-global-home:hover .icon:before,
	.btn-global-home:hover .arrow:before {opacity:0;}
	.btn-global-home:hover .icon:after,
	.btn-global-home:hover .arrow:after {opacity:1;}
	.btn-global-home:hover {color:#e3dcd0; border-color:#7e7b75;}

	.btn-gnb-nav:hover .txt:before {opacity:0;}
	.btn-gnb-nav:hover .txt:after {opacity:1;}
}

@media screen and (max-width:1600px) {
	.header-inner {padding:0 30px;}
	.gnb-list {padding-left:30px;}
	.page-scroll-ui {left:30px;}
}

@media screen and (max-width:1440px) {
	.header-outer {position:static; top:auto; left:auto; width:auto; height:auto; background:rgba(7,7,7,0);}
	.header-inner {position:static; padding:0; max-width:none; margin:0 auto; display:block; height:auto;}
	.header-inner:before {content:''; position:fixed; top:0;left:0;width:100%;height:50px; background:rgba(7,7,7,0.7); z-index:10;}
	.header-logo {position:fixed; top:0; left:0; width:100%; height:50px; display:flex; align-items:center; justify-content:center; z-index:1200;}
	.header-logo > button {display:inline-flex; align-items:center; justify-content:center; width:69px; height:100%; font-size:0;}
	.header-logo > button > img {width:100%; max-width:none;}	
	.btn-all-menu {display:block;}
	
	.gnb-wrap {position:fixed; top:0; left:0; right:0; bottom:0; width:auto; height:auto; z-index:1050; visibility:hidden; transform:translate(110% , 0%); transition:transform 0s 0.6s ease, visibility 0s 0.6s ease;}
	.gnb-outer {position:absolute; top:0; left:0;width:100%; height:0%; overflow:hidden; transition:height 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
	.gnb-outer:before {content:''; position:absolute;top:0;left:0;width:100%;height:100vh; height:100dvh; background:#000 url(../images/header-mobile-bg.jpg) center center no-repeat; background-size:cover; z-index:0;}
	.gnb-inner {position:absolute; top:0;left:0;width:100%;height:100%; display:flex; z-index:5; padding-top:50px; box-sizing:border-box; flex-direction:column;}
	.gnb-inner:before {
		content:''; position:absolute; top:50px; left:0; display:block;width:100%;height:1px; background:url(../images/header-mobile-line-top.png) center center repeat-x; background-size:320px auto;
		-webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%);
		mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%);
		-webkit-mask-position : center center;
		mask-position : center center;
		-webkit-mask-size :100% 100%;
		mask-size :100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
	.gnb-list {position:relative; top:auto; left:auto; height:auto; display:block; padding:0; width:100%; padding-top:50px; text-align:center;}
	.gnb-list-inner {gap:0;}
	.gnb-list-inner:before{display:none;}

	.btn-gnb-nav {height:55px; padding-left:17px; text-align:left;}
	.btn-gnb-nav:before {margin:-13px 0 0 -11px; width:30px; height:32px; background:url(../images/icon-gnb-unit-active-m.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav .txt {}
	.btn-gnb-nav .unit {width:7px; height:8px; margin-top:-4px;}
	.btn-gnb-nav .unit:before { background:url(../images/icon-gnb-unit-off-m.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav .unit:after { background:url(../images/icon-gnb-unit-on-m.png) center center no-repeat; background-size:100% 100%;}

	.gnb-list-cell {position:relative; opacity:0; margin:0; text-align:left; transform:translate(0% , 40px); transition:transform 0s 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0s 0.6s ease;}
	/* .gnb-global {position:relative; top:auto; right:auto; display:flex; align-items:center; justify-content:center; margin-top:auto; opacity:0; transform:translate(0% , 40px); transition:transform 0s 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0s 0.6s ease; height:58px;}
	.gnb-global:before {
		content:''; position:absolute; top:0; left:0; display:block;width:100%;height:1px; background:url(../images/header-mobile-line-bottom.png) center center repeat-x; background-size:320px auto;
		-webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%);
		mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%);
		-webkit-mask-position : center center;
		mask-position : center center;
		-webkit-mask-size :100% 100%;
		mask-size :100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	} */
	.gnb-global .btn-global-home {
		display: none;
	}
	
	.btn-global-facebook,
	.btn-global-cafe,
	.btn-global-youtube {width:50px; height:50px;}
	.btn-global-facebook:before {background-image:url(../images/icon-global-facebook-off-m.png);}
	.btn-global-facebook:after {display:none;}	
	.btn-global-cafe:before {background-image:url(../images/icon-global-cafe-off-m.png);}
	.btn-global-cafe:after {display:none;}	
	.btn-global-youtube:before {background-image:url(../images/icon-global-youtube-off-m.png);}
	.btn-global-youtube:after {display:none;}	
	.btn-global-youtube {margin-left:15px;}
	.btn-global-home { margin-right:33px; padding:0; height:auto; font-size:14px; border:none;}
	.btn-global-home .icon {width:25px; height:25px; margin-right:2px;}
	.btn-global-home .icon:before {background-image:url(../images/icon-global-home-off-m.png);}
	.btn-global-home .arrow {display:none;}


	
	#header.actived .gnb-wrap {transform:translate(0% , 0%); visibility:visible; transition-delay:0s;}
	#header.actived .gnb-outer {height:100%;}	
	#header.actived .gnb-list-cell {transform:translate(0% , 0%); opacity:1;}
	#header.actived .gnb-list-cell:nth-child(1) {transition-duration:0.6s; transition-delay:0.2s;}
	#header.actived .gnb-list-cell:nth-child(2) {transition-duration:0.6s; transition-delay:0.25s;}
	#header.actived .gnb-list-cell:nth-child(3) {transition-duration:0.6s; transition-delay:0.3s;}
	#header.actived .gnb-list-cell:nth-child(4) {transition-duration:0.6s; transition-delay:0.35s;}
	#header.actived .gnb-list-cell:nth-child(5) {transition-duration:0.6s; transition-delay:0.4s;}
	#header.actived .gnb-global {opacity:1; transform:translate(0% , 0%); transition-duration:0.6s; transition-delay:0.45s;}
	
	.header-language {position:fixed; top:0; right:18px; z-index:1500; font-size:0;}
	.header-language .language-list {position:absolute; top:100%; right:2px; padding:0; z-index:5;}
	.header-language.actived .language-list {transform:translate(0px , 0px); opacity:1; visibility:visible; transition-duration:0.4s; transition-delay:0s;}
	.header-language .language-list {margin-top:-12px;}
	.header-language .language-list > ul {width:125px; height:120px; padding:18px 18px 0 18px;}
	.header-language .language-list > ul > li > a {padding-left:35px; height:31px; font-size:12px;}
	.header-language .language-list > ul > li > a:before {top:6px;left:0;width:24px;height:20px;}
	.header-language .language-list > ul > li > a:after {top:6px;left:0;width:24px;height:20px;}

		
	.btn-header-language {height:50px; align-items:center; line-height:1; gap:2px;}
	.btn-header-language > em {width:20px; height:20px; flex:0 0 auto;}
	.btn-header-language > em:before {background-image:url(../images/icon-language-nav-off-m.png);}
	.btn-header-language > em:after {background-image:url(../images/icon-language-nav-on-m.png);}
	.btn-header-language > span {display:block; font-size:11px; color:#92856c; font-weight:400;}
	
	.header-language,
	.btn-all-menu,
	.header-logo,
	.header-inner:before {opacity:0; transition:opacity 0.4s ease;}
	
	#header.start .header-language,
	#header.start .btn-all-menu,
	#header.start .header-logo,
	#header.start .header-inner:before {opacity:1;	}
	
	.page-scroll-ui {opacity:0; transition:opacity 0.4s ease;}
	.page-scroll-ui.start {opacity:1;}
	
	.video-pop-view {max-width:720px;}
	
	.main .section-inner {padding:80px 0 90px 0;}
	.registration .section-inner {padding:80px 0 90px 0;}
	
}

@media screen and (min-width:1025px) and (max-height:900px) {	
	.area-pop-view {zoom:0.9}
}

@media screen and (min-width:1025px) and (max-height:850px) {	
	.area-pop-view {zoom:0.8}
	.video-pop-view {max-width:720px;}
}

@media screen and (min-width:1025px) and (max-height:800px) {	
	.area-pop-view {zoom:0.7}
	.main .btn-register {margin-top:50px;}
	.page-scroll-ui {bottom:30px;}
	
	.update .item-view {padding-top:100%;}
	.update .item-1 .item-view .obj {width:calc( 568px * 0.8 ); height:calc( 419px * 0.8 ); margin:calc( -210px * 0.8 ) 0 0 calc( -284px * 0.8 );}
	.update .item-2 .item-view .obj {width:calc( 458px * 0.8 ); height:calc( 458px * 0.8 ); margin:calc( -219px * 0.8 ) 0 0 calc( -225px * 0.8 );}
	.update .item-3 .item-view .obj {width:calc( 524px * 0.8 ); height:calc( 344px * 0.8 ); margin:calc( -162px * 0.8 ) 0 0 calc( -262px * 0.8 );}


	#registrationCodePop .items img {width:421px;}

}

@media screen and (min-width:1025px) and (max-height:700px) {	
	.area-pop-view {zoom:0.7}
}

/* 태블릿 */
@media screen and (max-width:1024px) {
	br.enter {display:none;}
	.pop-children {padding:30px;}	
	.video-pop-data .btn-pop-close {top:auto; bottom:100%; left:auto; right:0; margin:0 0 20px 0; height:24px; width:24px;}
	
	.page-scroll-ui {bottom:30px; left:20px; width:41px; height:53px;}
	
	.update .list {padding:0 30px;}
	.update .item-view {padding-top:120%;}
	.update .item-1 .item-view .obj {width:calc( 568px * 0.8 ); height:calc( 419px * 0.8 ); margin:calc( -210px * 0.8 ) 0 0 calc( -284px * 0.8 );}
	.update .item-2 .item-view .obj {width:calc( 458px * 0.8 ); height:calc( 458px * 0.8 ); margin:calc( -219px * 0.8 ) 0 0 calc( -225px * 0.8 );}
	.update .item-3 .item-view .obj {width:calc( 524px * 0.8 ); height:calc( 344px * 0.8 ); margin:calc( -162px * 0.8 ) 0 0 calc( -262px * 0.8 );}
	
	.area-pop-view {zoom:0.8}
	/* 24. 09. 04 add*/
	.area-1 .txt-4 .btn-video img{filter: grayscale(0%);transition: all 0.5s ease;}
	
	.area-3 .over {display:none;}
	.area-3 .map {overflow-x:auto; justify-content:flex-start;}
	.area-3 .map.center {justify-content:center;}
	.area-3 .map .view:before ,
	.area-3 .map .view:after {display:none;}
	.area-3 .map .view img {width:100%; height:100%; object-fit:cover;}
	.area-3 .map .btn-nav-1 {top:27.2%; left:7.8%; width:30.6%; height:9.2%;}
	.area-3 .map .btn-nav-2 {top:36.4%; left:28.8%; width:30.6%; height:12.1%;}
	.area-3 .map .btn-nav-3 {top:43.9%; left:63.8%; width:34.0%; height:16.3%;}
	.area-3 .map .btn-nav-4 {top:52.5%; left:36.1%; width:26.7%; height:16.9%;}
	.area-3 .map .btn-nav-5 {top:48.5%; left:6.3%; width:28.2%; height:14.7%;}
	.area-3 .map .btn-nav-6 {top:70.3%; left:0.6%; width:49.4%; height:13.7%;}
	.area-3 .swiper-info {display:block;}

	.main .btn-register .pc {display:none;}
}

@media screen and (min-width:769px) {
	/*
	.update .list-swiper .swiper-wrapper {width:auto; padding-left:33.33%;}	
	.update .swiper-slide {width:50%;}
	.update .list-swiper .swiper-slide:nth-child(2) {position:absolute; top:0; left:0; width:33.33%; height:100%;}
	*/
}

/* 모바일 */
@media screen and (max-width:768px) {

	.form-checkbox .form-check-icon {min-width:10px; min-height:10px;}
	.form-checkbox .form-check-icon:before {top:1px; left:0;  width:10px; height:10px;}
	.form-checkbox .form-check-icon:after {top:-1px; left:-1px; width:12px; height:10px; background:url(../images/icon-check-on-m.png) center center no-repeat; background-size:100% 100%;}
	.form-checkbox .form-check-icon > em {padding-left:15px; font-size:8px; line-height:10px;}
	.form-checkbox button {font-size:8px; line-height:10px;}


	.pop-children {padding:20px;}
	.alert-pop-wrap {}
	.alert-pop-wrap {width:100%; max-width:480px; margin:0 auto; height:auto; padding:30px;}
	.alert-pop-wrap .alert-msg { min-height:100px;  font-size:16px; line-height:1.5;}
	.alert-pop-wrap .alert-ui {text-align:center; flex:0 0 auto; margin-top:auto; padding-top:20px;}

	
	.loading-wrap img {width:150px;}
	
	.page-scroll-ui {bottom:20px;}
	
	.main .section-inner {padding:60px 0px;}
	.main .btn-video {margin-top:44px;}
	.main .btn-video .obj {width:50px; height:50px;}
	.main .btn-video .obj:before {width:137px; height:137px; margin:-68px 0 0 -68px;}
	.main .btn-register {margin-top:45px; gap:0 12px;}
	
	.main .bubble {width:155px; height:328px; margin:-260px 0 0 2px;}
	
	.registration .section-inner {padding:94px 0 60px 0;}
	.registration .section-bg {background-image:url(../images/registration-bg-m.jpg);}
	.registration .txt-2 {margin-top:30px; padding:0 20px;}
	.registration .btn-register {top:88.5%; left:21.4%; width:57.4%; height:7.5%;}
	.registration .btn-note {top:59.4%; left:64.4%; width:30.3%; height:4.6%;}

	.form-registration .email-input .input input { height:19px; font-size:8px; }
	.form-registration .email-input .input select { height:19px; padding:0 22px 0 10px; font-size:8px; background-size:12px auto;}
	.form-registration {top:425px; left:0; right:auto; width:100%;}
	.form-registration .email-input {padding:0 22px;}
	.form-registration .email-input .cell {gap:0 4px;}
	.form-registration .email-input .cell + .cell {margin-top:4px;}
	.form-registration .email-input .input {height:20px; padding:0 8px 0 0; background-size:214px auto;}
	.form-registration .email-input .unit {font-size:9px;}
	.form-registration .agree-input {margin-top:15px; padding:0 22px;}
	.form-registration .agree-inner .btn-note {position:absolute; top:0; right:0; left:auto; width:83px; margin:0;}
	.form-registration .agree-check .cell:first-child ~ .cell {padding-left:5px;}
	.form-registration .agree-check .cell + .cell {margin-top:5px;}
	.form-registration .btn-input {margin-top:16px; gap:1px;}

	#registrationCodePop { padding:20px;}
	#registrationCodePop .item-code .value{font-size:10px; padding:0 10px;}
	#registrationCodePop .item-code .btn button { font-size:10px; padding:0 10px;}


	
	.area-1 .section-bg {background-image:url(../images/area-1-bg-m.jpg);}
	.area-1 .txt-2 {padding-top:32px; font-size:14px; line-height:1.5;}
	.area-1 .txt-2:before {top:5px;height:21px; background:url(../images/area-1-txt-unit-m.png) center top no-repeat; background-size:auto 100%;}
	.area-1 .txt-2 .txt {padding:0 30px; text-shadow:0px 0px 10px rgba(0,0,0,1); filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5))}.area-1 .txt-3 {padding:50px 0 0 0;}
	/* 24. 09. 04 add*/
	.area-1 .txt-3 {padding:20px 0 0 0;}
	.area-1 .txt-4 .btna-rea {display: flex;justify-content:center;padding:23px 0 0 0;}
	.area-1 .txt-4 .btn-video {	position: relative;width:145px;height:82px;margin:0 4px;}

	.area-2 .map {overflow-x:auto; justify-content:flex-start;}
	.area-2 .map.center {justify-content:center;}
	.area-2 .map .view {position:relative; top:auto; left:auto; display:inline-block; height:100%; width:auto; flex:0 0 auto;}
	.area-2 .map .view img {width:auto; height:100%; object-fit:contain;}
	.area-2 .swiper-info {display:block;}
	

	.area-pop-inner {width:100%;}
	.area-pop-view { max-width:376px; padding:0 28px; zoom:1;}
	.area-pop-items {width:320px; height:392px; padding:6px 20px 0 20px; background:url(../images/area-pop-bg-m.png) center center no-repeat; background-size:100% 100%;}
	.area-pop-items .item-title { height:55px;}
	.area-pop-items .item-desc {margin-top:10px; width:100%; text-align:center; font-size:14px; line-height:1.5; padding:0;}
	.area-pop-items .item-desc br {display:none;}
	.area-pop-items .btn-swiper-slider-prev {left:-28px;width:29px;height:35px; margin:-28px 0 0 0;}
	.area-pop-items .btn-swiper-slider-next {right:-28px;width:29px;height:35px; margin:-28px 0 0 0;}
	.area-pop-items .btn-swiper-slider-prev:before {background:url(../images/icon-area-slider-prev-off-m.png) center center no-repeat; background-size:100% 100%;}
	.area-pop-items .btn-swiper-slider-prev:after {background:url(../images/icon-area-slider-prev-on-m.png) center center no-repeat; background-size:100% 100%;}
	.area-pop-items .btn-swiper-slider-next:before {background:url(../images/icon-area-slider-next-off-m.png) center center no-repeat; background-size:100% 100%;}
	.area-pop-items .btn-swiper-slider-next:after {background:url(../images/icon-area-slider-next-on-m.png) center center no-repeat; background-size:100% 100%;}
	.area-pop-view .btn-area-close {top:6px;right:34px;width:30px;height:30px;background:url(../images/icon-area-pop-close-m.png) center center no-repeat; background-size:16px auto;}
	
	.update .section-bg {background-image:url(../images/update-bg-m.jpg);}
	.update .list {margin-top:48px;}
	.update .list-swiper {max-width:240px; margin:0 auto;}	
	.update .item-view {margin:0; padding-top:250px;}
	.update .swiper {overflow:visible;}
	.update .swiper-slide {width:100%; padding:0; box-sizing:border-box;}
	.update .list-info {display:block; margin-top:60px;}
	.update .txt-3 .txt { width:100%; height:300px;}
	.update .txt-3 .txt img { width:537px; height:356px; margin:-57px 0 0 -268px;}

	
	.update .item-1 .item-view .obj {width:360px; height:275px; margin:-137px 0 0 -180px;}
	.update .item-2 .item-view .obj {width:360px; height:275px; margin:-137px 0 0 -180px;}
	.update .item-3 .item-view .obj {width:360px; height:275px; margin:-137px 0 0 -180px;}


}

@media screen and (max-width:420px) {
	.gnb-inner:before,
	.gnb-global:before { background-repeat:no-repeat; background-position:center center; background-size:320px auto; -webkit-mask-image:none; mask-image:none;}

}


@media screen and (max-width:360px) {
	.area-pop-view { max-width:343px; padding:0 28px;}
	.area-pop-items {width:287px; height:352px;}
}


/* 기존 푸터 적용 */
@media screen and (min-width:769px) and (max-width:3840px) {
	footer {
		display: block;
		position: relative;
		width: 100%;		
		text-align: center;
		background-color: #000;
		table-layout: fixed;
		z-index: 1;
		padding-bottom:60px;
	}
	.foot_wrap {

		display: table;
		position: relative;
		width: 100%;
	}
	.inner_footer {
		display: table-cell;
		vertical-align: top;
	}

	footer .logo_foot {
		margin-top: 65px;
		font-size:0;
	}

	footer .logo_foot .link_foot {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

	footer .logo_foot .link_foot:nth-child(1) {
		top: 6px;
	}

	footer .logo_foot .link_foot + .link_foot {
		margin-left: 36px;
	}

	footer .logo_foot .link_foot .img_logo {
		display: inline-block;
		vertical-align: middle;
	}

	footer .info_foot {
		margin:55px auto 0;
	}
	footer .info_foot .info_address,
	footer .info_foot .link_g,
	footer .info_foot .info_copyright {
		display: block;
		font-size: 12px;
		line-height: 18px;
		color: #7e7e7e;
		letter-spacing: -0.-20em;
		font-style: normal;
	}
	footer .info_foot .info_address {
		padding-top: 20px;
	}
	footer .info_foot .info_address .bar_g.type_other {
		background-color: transparent;
	}
	footer .info_foot .info_copyright {
		padding-top: 15px;
		font-family: "noto-light",sans-serif;
	}
	footer .info_foot .link_g,footer .info_foot .link_copyright {
		display: inline-block;
		vertical-align: top;
	}
	footer .info_foot .link_business {
		margin-left: 5px;
		/* text-decoration: underline; */
	}
	footer .info_foot .link_copyright {
		color: #7e7e7e;
		font-size: 12px;
		line-height: 18px;
		color: #7e7e7e;
		letter-spacing: -0.-20em;
		font-style: normal;
	}
	footer .list_csmenu li {
		display: inline-block;
		position: relative;
		padding-left: 30px;
		vertical-align: top;
	}
	footer .list_csmenu li:first-child {
		margin-left: 0;
		padding:0;
	}
	footer .list_csmenu li:first-child .link_csmenu::before ,
	footer .list_csmenu li:first-child .link_csmenu::after {
		content: none;
	}
	footer .list_csmenu li .link_csmenu {
		display: block;
		position: relative;
		font-weight: 500;
		font-size: 14px;
		line-height: 26px;
		color: #e7e7e7;
		font-weight: 300;
	}
	footer .list_csmenu li #footer_pcgame_policy,
	footer .list_csmenu li #footer_age_policy {
		padding:0 18px 0 0;
		background:url(../images/img_footer_arrow_bottom.png) no-repeat 100% 9px;
	}
	footer .list_csmenu li::before {
		content:"";

	}
	footer .list_csmenu li .link_csmenu.emph_g {
		font-weight: 500;
		color: #bc9f72;
	}
	footer .list_csmenu li .link_grade {
		padding-right: 15px;
	}
	footer .list_csmenu li:nth-child(2) {
		position: relative;
		font-weight: 400;
	}
	footer .list_csmenu li .link_csmenu::after {
		content:"";
		display: block;
		position: absolute;
		top:12px;
		left:-16px;
		width:3px;
		height:3px;
		background:#e7e7e7; 
		border-radius: 2px;;
	}


	/* PC환경 이용 정책 팝업 */
	#pcgame_policy_pop .txt_policy {
		position: relative;
		display: inline-block;
		width: 630px;
		height: 350px;
		padding:15px 45px;
		background:#e9e6e1;
	}
	#pcgame_policy_pop .txt_policy p.title{
		font-size:18px;
		line-height: 50px;
		padding:0;
		border-bottom:2px solid #504431
	}
	#pcgame_policy_pop .txt_policy p{
		font-size: 14px;
		line-height: 26px;
		letter-spacing: -0.040em;
		text-align: center;
		padding:25px 0;
		color:#1d1a15;
	}
	#pcgame_policy_pop .txt_policy p a{
		display: inline-block;
		font-size: 14px;
		line-height: 26px;
		letter-spacing: -0.040em;
		color:#1d1a15;
		font-weight: 600;
	}
	#pcgame_policy_pop .txt_policy .btn_pop_close {
		position: static;
		text-align: center;
		font-size:16px ;
		letter-spacing: -0.040em;
		width:auto;
		height:30px;
		color:#000000
	}
	/* 게임이용등급 */
	#age_policy_pop.pop .pop_container .pop_wrap .popup_inner {
		vertical-align: bottom;
		padding:50px 50px 95px 50px;
	}
	#age_policy_pop .txt_policy {
		position: relative;
		display: inline-block;
		width:688px;
		height:138px;
		padding:30px;
		border:1px solid #575041;
		background:#000000;
	}
	#age_policy_pop .info_txt {
		font-size: 16px;
		color:#e7e7e7;
		line-height: 22px;
		letter-spacing: -0.020em;
		text-align: left;
	}
	#age_policy_pop .info_txt .point{
		display: inline-block;
		font-size: 16px;
		color:#c34d4b;
		line-height: 22px;
		letter-spacing: -0.020em;
		text-align: left;
		font-weight: 500;
	}

	#age_policy_pop .age_infor_box {
		border:1px solid #786d57;
		width:500px;
		background:#504431;
		margin:20px 0 0 0;
	}

	#age_policy_pop .age_infor_box dl {
		width:100%;
		height:22px;
		display: flex;
		border-bottom:1px solid #786d57;
	}

	#age_policy_pop .age_infor_box dl:last-child{
		border-bottom:none;
	}
	#age_policy_pop .age_infor_box dt,
	#age_policy_pop .age_infor_box dd {
		font-size: 12px;
		height:22px;
		line-height: 22px;
		letter-spacing: -0.020em;
		text-align: left;
		padding:0 0 0 10px;
	}
	#age_policy_pop .age_infor_box dt {
		position: relative;
		color:#a1998d;
		width:116px;
	}

	#age_policy_pop .age_infor_box dt::after {
		content:"";
		width:1px;
		height:11px;
		background: #786d57;
		position: absolute;
		top:5px;
		right:0;
	}
	#age_policy_pop .age_infor_box dd {
		color:#e3dcd0;
		width:122px;
	}

	#age_policy_pop .age_infor_box dt.left {
		width:81px;
	}
	#age_policy_pop .age_infor_box dd.left {
		width:140px;
		border-right:1px solid #786d57;
	}

	#age_policy_pop .txt_policy .foot_age_label {
		position: absolute;
		bottom:35px;
		right:30px;
	}

	#age_policy_pop .btn-pop-close {
		position: absolute;
		top:0;
		right:0;
		width:60px;
		height:60px;
		margin:0;
		left:auto;
	}
}

@media screen and (min-width:320px) and (max-width:768px) {
	footer {
		position: relative;
		width: 100%;
		text-align: center;
		background-color: #000;
		z-index: 100;
	}
	.foot_wrap {
		table-layout: fixed;
		display: table;
		position: relative;
		width: 100%;
	}
	.inner_footer {
		display: table-cell;
		vertical-align: top;
	}
	footer .info_foot {
		margin: 0 auto 0;
		padding:3.472222222vw 0;
	}
	.info_foot .list_csmenu{
		display: flex;
		justify-content: center;
		line-height: 100%;
		padding:0.416666667vw 0;
		color: #e7e7e7;
		flex-wrap:wrap;
	}
	.info_foot .list_csmenu .link_csmenu {
		display: inline-block;
		position: relative;
		line-height: 100%;
		padding:1.388888889vw 2.361111111vw;
		font-size:2.222222222vw;
		color: #e7e7e7;
		font-weight: 300;
		line-height: 100%;
	}

	footer .list_csmenu li:first-child .link_csmenu::before ,
	footer .list_csmenu li:first-child .link_csmenu::after {
		content: none;
	}
	footer .list_csmenu li .link_csmenu::after {
		content: "";
		display: block;
		position: absolute;
		top:2.500000000vw;
		left:0;
		width: 0.416666667vw;
		height: 0.416666667vw;
		background: #e7e7e7;
		border-radius: 0.277777778vw;
	}
	#footer_personal_policy {
		color:#bc9f72;
	}

	footer .list_csmenu li #footer_pcgame_policy,
	footer .list_csmenu li #footer_age_policy {
		padding-right:4.166666667vw;
		background:url(../../../static/mo/images/img_footer_arrow_bottom.png) no-repeat 95% 2.083333333vw;
		background-size:1.666666667vw 1.388888889vw;
	}
	.info_address {
		display: block;
		font-size:1.944444444vw;
		line-height: 1.3;
		color: #7e7e7e;
		font-style: normal;
		font-weight: 300;
		margin:3.472222222vw 0 0 0;
	}
	.info_address a {
		font-size:1.944444444vw;
		line-height: 1.2;
		color: #7e7e7e;
		font-style: normal;
		font-weight: 300;
	}
	footer .logo_foot {
		padding-top: 3.472222222vw;
		font-size:0;
	}
	footer .logo_foot .link_foot#footer_kg_ci{
		width:16.805555556vw;
		top:0.833333333vw;
		margin-right:2.083333333vw;
	}
	footer .logo_foot img {
		max-width:none;
		width:100%;
		height:auto;
	}
	footer .logo_foot .link_foot#footer_xl_ci{
		width:13.750000000vw;
	}
	footer .logo_foot .link_foot {
		position: relative;
		display: inline-block;
		vertical-align: bottom;
	}
	footer .info_foot .info_copyright {
		display: block;
		font-size: 1.805555556vw;
		line-height: 2.500000000vw;
		color: #ffffff;
		letter-spacing: -0.025em;
		padding:1.944444444vw 0;
		font-style: normal;
		opacity: 0.5;
	}

	/* PC환경 이용 정책 팝업 */
	#pcgame_policy_pop .txt_policy {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		padding:1.388888889vw 4.166666667vw;
		background:#e9e6e1;
		box-sizing:border-box;
	}
	#pcgame_policy_pop .pop-basic-data {
		display:block;
		width:100%;
	}
	#pcgame_policy_pop .txt_policy p.title{
		font-size:3.888888889vw;
		line-height: 9.305555556vw;
		padding:0;
		margin:0 0 5.277777778vw 0;
		text-align: center;
		border-bottom:0.277777778vw solid #504431
	}
	#pcgame_policy_pop .txt_policy p{
		font-size: 2.5vw;
		line-height: 1.5;
		letter-spacing: -0.040em;
		text-align: left;
		color:#1d1a15;
		padding:0 4vw 3.25vw 4vw;
	}
	#pcgame_policy_pop .txt_policy p a{
		display: inline-block;
		font-size: 2.5vw;
		line-height: 1.5;
		letter-spacing: -0.040em;
		color:#1d1a15;
		font-weight: bold;
	}
	#pcgame_policy_pop .txt_policy .btn_pop_close {
		position: static;
		text-align: center;
		font-size:3vw;
		letter-spacing: -0.040em;
		width:auto;
		height:4.166666667vw;
		margin:1vw 0 0 0;
		color:#000000
	}
	/* 게임이용등급 */
	#age_policy_pop.pop .pop_container .pop_wrap .popup_inner {
		vertical-align: bottom;
		padding:6.944444444vw 4.166666667vw;
	}
	#age_policy_pop .txt_policy {
		position: relative;
		display: inline-block;
		width:100%;
		height:auto;
		padding:4.166666667vw;
		border:0.138888889vw solid #575041;
		background:#000000;
		box-sizing:border-box;
	}
	#age_policy_pop .info_txt {
		padding:4.861111111vw 0 0 0;
		font-size: 2.777777778vw;
		color:#e7e7e7;
		line-height: 3.055555556vw;
		letter-spacing: -0.020em;
		text-align: left;
	}
	#age_policy_pop .info_txt .point{
		display: inline-block;
		font-size: 2.777777778vw;
		color:#c34d4b;
		line-height: 3.055555556vw;
		letter-spacing: -0.020em;
		text-align: left;
		font-weight: 500;
	}
	#age_policy_pop .age_infor_box {
		border:0.138888889vw solid #786d57;
		/* width:69.444444444vw; */
		background:#504431;
		margin:4.166666667vw 0 0 0;
	}
	#age_policy_pop .age_infor_box dl {
		width:100%;
		height:3.888888889vw;
		display: flex;
		border-bottom:0.138888889vw solid #786d57;
	}
	#age_policy_pop .age_infor_box dl:last-child{
		border-bottom:none;
	}
	#age_policy_pop .age_infor_box dt,
	#age_policy_pop .age_infor_box dd {
		font-size: 1.944444444vw;
		height:3.888888889vw;
		line-height: 3.888888889vw;
		letter-spacing: -0.020em;
		text-align: left;
		padding:0 0 0 1.388888889vw;
	}
	#age_policy_pop .age_infor_box dt {
		position: relative;
		color:#a1998d;
		width:20.138888889vw;
	}

	#age_policy_pop .age_infor_box dt::after {
		content:"";
		width:0.138888889vw;
		height:2.083333333vw;
		background: #786d57;
		position: absolute;
		top:0.972222222vw;
		right:0.694444444vw;
	}
	#age_policy_pop .age_infor_box dd {
		color:#e3dcd0;
		width:20.833333333vw;
	}

	#age_policy_pop .age_infor_box dt.left {
		width:14.166666667vw;
	}
	#age_policy_pop .age_infor_box dd.left {
		width:24.305555556vw;
		border-right:0.138888889vw solid #786d57;
	}

	#age_policy_pop .txt_policy .foot_age_label {
		position: absolute;
		top:6.250000000vw;
		right:4.166666667vw;
		width:30.000000000vw;
	}
	#age_policy_pop .txt_policy .btn-pop-close {
		position: absolute;
		top:0;
		right:0;
		width:5.555555556vw;
		height:5.555555556vw;
		text-align: center;
		left:auto;
		margin:0;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	#age_policy_pop .txt_policy .btn-pop-close img{
		width:2.916666667vw;
		height:2.916666667vw;
	}
	
	#age_policy_pop .pop-basic-data {
		display:block;
		width:100%;
	}
}