@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;}
br.enter-mo {display:none;}

/* 공통 > 로딩바 */
#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 + .form-check-icon > em button {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:14px; line-height:18px; font-weight:400; color:#beb6a6;}
.form-checkbox .form-check-icon > em:empty {display:none;}
.form-checkbox button {font-size:14px; 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:64px; 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:30px 0 0 0; background:url(../images/header-language-arrow.png) no-repeat 0 10px; z-index:5;}
.header-language .language-list > ul {position:relative; width:161px; background:url(../images/header-language-bg.png) center bottom no-repeat; background-size:100% 100%; box-sizing:border-box; padding:0 16px 8px 21px;}
.header-language .language-list > ul > li {height:40px;background:url(../images/header-language-line.png) no-repeat center bottom;}
.header-language .language-list > ul > li + li{margin-top:1px;}
.header-language .language-list > ul > li:last-child{background:none;}
.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:20px 0;pointer-events: all;}
/* .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-inner:before{content:''; position:absolute;top:15px;right:auto;bottom:auto;left:0;width:1px;height:307px;margin:0 0px 1px 2px; background:url(../images/icon-gnb-line.png) no-repeat center 0 ;background-size:1px 307px; z-index:0;}
.gnb-list-cell {font-size:0;}
.gnb-list-cell.actived .btn-gnb-nav:before {opacity:1;background:url(../images/icon-gnb-unit-active.png) center center no-repeat;}
.gnb-list-cell.actived .btn-gnb-nav .txt:before,
.gnb-list-cell.actived .btn-gnb-nav .unit:before {opacity:1;}
.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:0 0 7px 32px;}
.btn-gnb-nav:before {content:''; position:absolute; top:50%; left:0;  margin:-26px 0 0 -18px; width:42px; height:42px; background:url(../images/icon-gnb-unit-off.png) center center no-repeat; z-index:15; 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-active.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:40px 0 0 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 .txt-2 .txt {display:inline-block; position:relative; margin-top:20px; transform-origin:50% 100%;}
.main .btn-video {margin-top:130px;}
.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:130px; 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:10px 0 0 0;}
.registration .section-bg {background-image:url(../images/registration-bg.jpg);}
.registration .txt {display:inline-block; position:relative;}
.registration .txt-2 {margin-top:40px;}
.registration .btn-register {top: 82%;left: 37.5%; width: 25%; height: 12%;}
.registration .btn-note {top: 87.1%; left: 82.5%; width: 15.5%; height: 9%;}
.register-note .btn-pop-close {top:3%; 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:480px; line-height:1;}
.form-registration .email-input {padding:0 10px 0 15px;}
.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 10px 0 15px; 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:space-around; 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:#a99b7f; 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:#a99b7f; 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:90px 0 75px 0;}
.area-1 .section-bg {background-image:url(../images/area-1-bg.jpg);}
.area-1 .txt-2 {position:relative; padding-top:35px; 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:1040px; 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:28px 0 0 0;}
.area-1 .txt-4 .btna-rea {display: flex;justify-content:center;padding:15px 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 .tit{position: absolute;top: 5%;left: 0;width: 100%;display: flex;justify-content: center;z-index: 3;}
.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:relative; display:inline-block; height:auto; width:auto; flex:0 0 auto;}
.area-2 .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-2 .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-2 .map .view img {width:auto; height:100vh; max-width:none;}
.area-2 .map .view button{
	position: absolute;
	top: 47%;
	left: 65.6%;
	width: 10%;
	height: 480px;
	transform: rotateZ(36deg);
	border-radius: 47%;
}
.area-2 .map .view button:before{
	/* display: block; content:"";position: absolute;top:0;left:-100%;width:1%;height:1%;background:Red; opacity: 0.5; */
}
.area-2 .over > img {position:absolute; max-width:none; opacity:0; transition:opacity 0.2s ease;}
.area-2 .over > img.hover {opacity:1;}
.area-2 .over > img.over-1 {top:0; left:0; width: auto; height: 100vh; 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 {}
.area-3 .section-outer {position:absolute; top:0; left:0;}
.area-3 .tit{position: absolute;top: 120px;left: 0;width: 100%; display: flex; justify-content: center;z-index: 3;pointer-events: none;}
.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:9999; 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:9999; 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-map-nav {}
.area-3 .map .btn-nav-1 {top:45%;left:47.7%;width: 6.75%;height: 12.4%;}
.area-3 .map .btn-nav-1::after {display: block;content:"";position: absolute;top:99%;left:2%;width:100%;height:32%;}
.area-3 .map .btn-nav-2 {top: 26%;left: 43.7%;width: 6.75%;height: 12.4%;}
.area-3 .map .btn-nav-2::after {display: block;content:"";position: absolute;top:99%;left:2%;width:100%;height:32%;}

.area-3 .over > img {position:absolute; max-width:none; opacity:0; transition:opacity 0.2s ease;}
.area-3 .over > img.hover {opacity:1;}
.area-3 .over img.over-1 {position: absolute; top:0; left:50%; width: auto; height: 100vh; object-fit: cover;transform: translateX(-50%);}
.area-3 .over img.over-2 {position: absolute; top:0; left:50%; width: auto; height: 100vh; object-fit: cover;transform: translateX(-50%);}
.area-3 .over .btn-close {position: absolute;width: 3.5%;height: 6%;z-index: 1;}
.area-3 .over.dragon .btn-close {top: 30%;left: 39%;z-index:999;}
.area-3 .over.port .btn-close {position: absolute;top: 11%;left:38%;z-index:999;}

.area-3  .section-bg {transform-origin:60% 80%;}
.area-3  .swiper-info {display:none; position:absolute; bottom:60px; left:0; width:100%; text-align:center; z-index:15;}


.newClass .section-outer {position:absolute; top:0; left:0;}
.newClass .txt-1 {position: absolute;top:130px;left:0;width:100%;text-align: center;z-index: 5;}
.newClass .map {position:absolute; top:0; left:0;width:100%;height:100%; display:flex; justify-content:center; transform-origin:50% 10%;}
.newClass .map .view {position:relative; display:inline-block; height:auto; width:auto; flex:0 0 auto;min-width:100%;}
.newClass .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%);}
.newClass .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%);}
.newClass .map .view img {width:auto; height:100vh; max-width:none;min-width:100%;}
.newClass .section-bg::after {
	content:"";
	display: block;
	position: absolute;
	top:0;
	left:50%;
    width: 1920px;
    height: 1350px;
	transform: translateX(-50%);
	background:url(../images/class-bg-flag.png) no-repeat center top;
    background-size: cover;
    z-index: 0;
}
.newClass .txt-2 {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
}

.character-wrap {
    position: relative;
    width: 1920px;
    height: 1350px !important;
    left: 50%;
    transform: translateX(-50%);
    min-width: 1920px;
}
.character-wrap .bg img{
    width: 100% !important;
    height: auto !important;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
}
.character-wrap .class-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1350px !important;
    opacity: 0;
    transition: opacity .35s ease-in-out;
}
.character-wrap .class-img img{
    width: 100% !important;
    height: auto !important;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    min-width: 1920px;
}
.character-wrap .btn-class-open {
	display: inline-block;
	position: absolute;
	width:20.75vw;
	left:50%;
    z-index: 10;
}
.character-wrap .btn-vanguard {
	top:22.5%;
	height:77.5%;
	margin-left:-187px;margin-left: -10.25vw;
}
.character-wrap .btn-vanguard:hover + .vanguard {
    opacity: 1;
    transition: opacity .35s ease-in-out;
}
.character-wrap .btn-mage {
	top:22.5%;
	height:77.5%;
	margin-left:-592px;margin-left: -32.15vw;
	opacity: 0.5;
}
.character-wrap .btn-mage:hover + .mage {
    opacity: 1;
    transition: opacity .35s ease-in-out;
}
.character-wrap .btn-slayer {
	top:22.5%;
	height:77.5%;
	margin-left:217px;
	margin-left:11.79vw;
}
.character-wrap .btn-slayer:hover + .slayer {
    opacity: 1;
    transition: opacity .35s ease-in-out;
}



.class-pop-wrap {position:absolute; top:0;left:100%;width:100%;height:100%; z-index:1500; overflow:hidden; transition:left 0s 0.15s ease;}
.class-pop-wrap .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(7,7,7,0.6); opacity:0; transition:opacity 0.15s 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);z-index:0;}
.class-pop-wrap.actived {position: fixed; left:0;transition-delay:0s;z-index:1500;}
.class-pop-wrap.actived .cover {opacity:1;position: absolute;}
.class-pop-outer {position:absolute;top:0;left:0;width:100%;height:100%; display:flex; align-items:center; justify-content:center; z-index:999;}
.class-pop-outer .class-pop-inner {position: relative; z-index: 1500;}
.class-pop-wrap.actived .class-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.15s 0s ease; z-index:1500;}
.class-pop-view {
	position: relative;
    display: inline-block;
    max-width: 1360px;
    padding: 0 120px;
    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;
}
.class-pop-cell {display:none;}
.class-pop-cell.actived {display:block;}

.class-pop-items {position:relative;width:1120px; height:752px; padding:0; box-sizing:border-box;}
.class-pop-items .swiper-slide .bg img.mo{
	display: none;
}
.class-pop-items .swiper-slide .bg::after{
	content:"";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0; 
	background:url(../images/bg-class-pop-frame.png) no-repeat center center;
	background-size:100%;
	z-index: 1;
	pointer-events: none;
}
.class-pop-items .swiper-slide .class-data .pop-sub-tit {
	margin-top:-20px;
	width:356px;
}
.class-pop-items .swiper-slide .class-data .pop-txt-story {
	margin-top:-27px;
}
.class-pop-items .swiper-slide .class-data .txt-information {
	text-align: left;
    color: #e3dcd0;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 25px 3px;
}
/* .class-pop-items .item-data { display: flex;align-items: center; width:864px;height:533px;} */
.class-pop-items .btn-swiper-slider-prev,
.class-pop-items .btn-swiper-slider-next{
    display: block;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    cursor: pointer;
    margin: -50px 0 0 0;
    font-size: 0;
    z-index: 15;
    transition: all 0.2s ease;
}
.class-pop-items .btn-swiper-slider-prev {
    left: -100px;
    background: url(../images/btn-pop-slide-prev-off.png) center center no-repeat;
    background-size: 100% 100%;
}
.class-pop-items .btn-swiper-slider-prev:hover,
.class-pop-items .btn-swiper-slider-prev:active {
	background:url(../images/btn-pop-slide-prev-on.png) center center no-repeat;
	background-size:100% 100%;
}
.class-pop-items .btn-swiper-slider-next {
    right: -100px;;
    background: url(../images/btn-pop-slide-next-off.png) center center no-repeat;
    background-size: 100% 100%;
}
.class-pop-items .btn-swiper-slider-next:hover,
.class-pop-items .btn-swiper-slider-next:active {
	background:url(../images/btn-pop-slide-next-on.png) center center no-repeat;
	background-size:100% 100%;
}
.class-pop-items .btn-swiper-slider-prev.swiper-button-disabled,
.class-pop-items .btn-swiper-slider-next.swiper-button-disabled {display:none;}
.class-pop-view {position:relative;}
.class-pop-view .btn-class-pop-close {position:absolute;top:20px;right:135px;z-index:15;display:block;width:50px;height:50px;background:url(../images/btn-class-pop-close.png) center center no-repeat;}
.newClass .swiper-info {display:none; position:absolute; bottom:60px; left:0; width:100%; text-align:center; z-index:15;}


.class-pop-items .swiper-slide.swiper-slide-active .class-data {
	opacity: 1;
	transition: all .45s ease-out;
}
.class-pop-items .swiper-slide.swiper-slide-active .bg img{
	transform: scale(1);
}
/* 고해상도 */
@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;}



	.character-wrap .btn-class-open {
		display: inline-block;
		position: absolute;
		width:22%;
		left:50%;
		z-index: 10;
	}
	.character-wrap .btn-vanguard {
		width:18%;
		top:22.5%;
		height:77.5%;
		margin-left:-9%;
	}
	.character-wrap .btn-vanguard:hover + .vanguard {
		opacity: 1;
		transition: opacity .35s ease-in-out;
	}
	.character-wrap .btn-mage {
		top:22.5%;
		height:77.5%;
		margin-left:-31.5%;
		opacity: 0.5;
	}
	.character-wrap .btn-mage:hover + .mage {
		opacity: 1;
		transition: opacity .35s ease-in-out;
	}
	.character-wrap .btn-slayer {
		top:22.5%;
		height:77.5%;
		margin-left:9.25%;
	}
	.character-wrap .btn-slayer:hover + .slayer {
		opacity: 1;
		transition: opacity .35s ease-in-out;
	}
}

@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:1000;}
	.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{width:1px; height:303px;top:30px;left:6px; background:url(../images/icon-gnb-line-m.png) no-repeat 0 0;background-size:1px 303px;
		opacity:0;transform:translate(0% , 40px); transition:transform 0s 0.35s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0s 0.35s ease;}

	.btn-gnb-nav {height:63px; padding:0 0 0 32px;; text-align:left;}
	.btn-gnb-nav:before {margin:-24px 0 0 -11px; width:40px; height:40px; background:url(../images/icon-gnb-unit-off-m.png) center center no-repeat; background-size:100% 100%;}
	.btn-gnb-nav .txt {}
	.btn-gnb-nav .txt:before { background:url(../images/icon-gnb-unit-off-m.png) center center no-repeat; background-size:100% 100%;}
	.gnb-list-cell.actived .btn-gnb-nav:before{ background:url(../images/icon-gnb-unit-active-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;
	}
	
	.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-inner:before {transform:translate(0% , 0%);opacity:1; transition-duration:0.35s; transition-delay:0.35s; }
	#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 {padding:19px 0 0 0;background:url(../images/header-language-arrow-m.png) no-repeat 0 0;background-size:125px 19px;}
	.header-language .language-list > ul {width:125px; padding:0 18px 9px 18px; background:url(../images/header-language-bg-m.png) no-repeat center bottom; background-size:125px auto;}
	.header-language .language-list > ul > li {height:32px;}
	.header-language .language-list > ul > li > a {padding-left:35px; height:100%;; 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;}
	


	#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;}
	br.enter-mo {display:block;}
	.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;}
	
	.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 .map .btn-nav-1 {top: 46.5%;left: 48.7%;}
	.area-3 .map .btn-nav-1::after {display: block;content:"";position: absolute;top:99%;left:2%;width:100%;height:32%;}
	.area-3 .map .btn-nav-2 { top: 31%;left: 44.7%;}
	.area-3 .map .btn-nav-2::after {display: block;content:"";position: absolute;top:99%;left:2%;width:100%;height:32%;}
	.area-3 .over .btn-close {
		width:5%;
	}
	.area-3 .over.dragon .btn-close {top: 30%;left: 39%;z-index:999;}
	.area-3 .over.port .btn-close {position: absolute;top: 11%;left: 38%;z-index:999;}
	.main .btn-register .pc {display:none;}
}

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


	.class-pop-items .swiper-slide .bg{
		position: relative;
		width:1120px;
		height:752px;
		background:#000;
	}
	.class-pop-items .swiper-slide .bg .pc{
		width:1120px;
		height:750px;
		transform: scale(1.2);
		transition: all .25s ease-out;
	}
	/*
	.newClass .list-swiper .swiper-wrapper {width:auto; padding-left:33.33%;}	
	.newClass .swiper-slide {width:50%;}
	.newClass .list-swiper .swiper-slide:nth-child(2) {position:absolute; top:0; left:0; width:33.33%; height:100%;}
	*/

	.class-pop-items .swiper-slide .class-data {
		width:435px;
		position: absolute;
		top:125px;
		left:680px;
		text-align: left;
		opacity: 0.1;
		transition: all .45s ease-out;
	}
}

/* 모바일 */
@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;border:1px solid #92856c}
	.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;}

	.agree-pop-view {
		font-size: 12px;
	}
	.agree-pop-wrap .btn-pop-close{
		width:50px;
		height:50px;
	}

	
	.loading-wrap img {width:150px;}
	
	.page-scroll-ui {bottom:20px;}
	
	.main .section-inner {padding:60px 0px;}
	.main .btn-video {margin-top:55px;}
	.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:55px; gap:0 12px;}
	
	.main .bubble {width:155px; height:328px; margin:-260px 0 0 2px;}
	
	.registration .section-inner {}
	.registration .section-bg {background-image:url(../images/registration-bg-m.jpg);}
	.registration .txt-2 {margin-top:25px; padding:0 20px;}
	.registration .btn-register {top:83.5%; left:21.4%; width:57.4%; height:11.5%;}
	.registration .btn-note {top:76.4%; left:64.4%; width:30.3%; height: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 25px;}
	.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:11px; padding:0 27px;}
	.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:14px; padding:0 24px; gap:2px;}

	#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:9px; line-height:1.6;}
	.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:35px 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:15px 0 0 0;}
	.area-1 .txt-4 .btn-video {	position: relative;width:145px;height:82px;margin:0 4px;}

	.area-2 .tit {top:40px;}
	.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 .map .view img.hover {display: none;}
	.area-2 .map .view button{
		top: 44%;left: 48%;width: 12%;height: 40%;
	}
	.area-2 .swiper-info {display:block;}



	/* .area-3 .over {display:none;} */
	.area-3 .tit {top:75px;}
	.area-3 .map {overflow-x:auto; justify-content:flex-start;}
	.area-3 .map.center {justify-content:center;}
	.area-3 .map .view {position:relative; top:auto; left:auto; display:inline-block; height:100%; width:auto; flex:0 0 auto;}

	.area-3 .over > img.hover {opacity:1;}
	.area-3 .over img {
		top: 0;
		left: 50%;
		width: auto;
		height: 100vh;
		object-fit: cover;
		transform: translateX(-50%);
	}
	.area-3 .map .btn-map-nav {width:6.75%;height:12%; width:10vh;height:14vh;}
	.area-3 .map .btn-nav-1 {top: 46vh;left:73vh;}
	.area-3 .map .btn-nav-2 { top: 30vh;left:67vh;}
	.area-3 .map .btn-nav-1::after {display: none;}
	.area-3 .over .btn-close {width:7vh;height:7vh;}
	.area-3 .over.dragon .btn-close {top: 34vh;left: 59vh;}
	.area-3 .over.port .btn-close {top: 19.6vh;left: 57vh;}

	.area-3 .swiper-info {display:block;}



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

	.newClass .txt-1 {
		top:73px;
	}
	.newClass .txt-2 {
		height:100%;
	}
	.character-wrap {
		position: relative;
		width: 100%;
		height: 100% !important;
		left: 50%;
		transform: translateX(-50%);
		min-width: 100%;
	}
	.character-wrap .bg img{
		width: 100%;
		height: 100% !important;
		object-fit: contain;
	}
	.character-wrap .class-img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		opacity: 0;
		transition: opacity .35s ease-in-out;
	}
	.character-wrap .class-img img{
		width: 100% !important;
		height: auto !important;
		position: absolute;
		top: 0%;
		transform: translateX(-50%);
		min-width: 100%;
	}
	.character-wrap .btn-class-open {
		display: inline-block;
		width:20%;
		position: absolute;
		top:22%;
		height:78%;
		margin-left:0 !important;
		z-index: 10;
	}
	.character-wrap .btn-vanguard {
		left:40%;
	}
	.character-wrap .btn-vanguard:hover + .vanguard {
		opacity: 1;
		transition: opacity .35s ease-in-out;
	}
	.character-wrap .btn-mage {
		left:19.5%;
	}
	.character-wrap .btn-mage:hover + .mage {
		opacity: 1;
		transition: opacity .35s ease-in-out;
	}
	.character-wrap .btn-slayer {
		left:61.90%;
	}
	.character-wrap .btn-slayer:hover + .slayer {
		opacity: 1;
		transition: opacity .35s ease-in-out;
	}





	.class-pop-wrap {position:absolute; top:0;left:100%;width:100%;height:100%; z-index:999; overflow:hidden; transition:left 0s 0.35s ease;}
	.class-pop-wrap.actived {position: fixed; left:0;transition-delay:0s;z-index:999;}
	.class-pop-wrap.actived .cover {opacity:1;position: absolute;}
	.class-pop-outer {position:absolute;top:0;left:0;width:100%;height:100%; display:flex; align-items:center; justify-content:center; z-index:999;}
	.class-pop-outer .class-pop-inner {position: relative; z-index: 999;}
	.class-pop-wrap.actived .class-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; z-index:999;}

	.class-pop-outer {
	}
	.class-pop-outer .class-pop-inner {
		width:100%;
		height:100%;
		min-height:100%;
		background:#000;
	}
	.class-pop-view {
		width: 100%;
		min-width:100%;
		max-width: 100%;
		height:100%;
		padding: 0;
	}
	.class-pop-items {
        position: relative;
        width: 100%;
		height:100%;
        padding: 0;
        box-sizing: border-box;
	}
	.class-pop-items .swiper {
		width:100%;
		height:100%;
	}
	.class-pop-items .swiper-slide {
        /* height: 100%;
		min-height:100%; */
		width:100%;
		height:100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		touch-action: auto;
		background:#000;
	}
	.class-pop-items .swiper-slide .slide-inner{
		width: 100%;
		height:114vh;
		touch-action: auto;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.class-pop-items .swiper-slide .bg{
		position: relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow: auto;
		display: none;
	}
	.class-pop-items .swiper-slide.slide01 .class-data {
		background:url(../images/bg-class-pop1-m.png) no-repeat 0 0;
		background-size:100% auto;
	}

	.class-pop-items .swiper-slide.slide02 .class-data {
		background:url(../images/bg-class-pop2-m.png) no-repeat 0 0;
		background-size:100% auto;
	}

	.class-pop-items .swiper-slide.slide03 .class-data {
		background:url(../images/bg-class-pop3-m.png) no-repeat 0 0;
		background-size:100% auto;
	}
	.class-pop-items .swiper-slide .bg img{
		display: none;
	}
	.class-pop-items .swiper-slide .bg::after{
		display: none;
	}
	.class-pop-items .swiper-slide .bg img{
		width:auto;
		height:100%;
		object-fit: cover;
	}
	.class-pop-items .swiper-slide .class-data {
		width:100%;
		position: relative;
		text-align: center;
		overflow-y: auto;
		position: absolute;
		top:0;
		min-height:100%;
	}
	.class-pop-items .swiper-slide .class-data .pop-tit {
		margin:0 !important;
		padding-top:75px;
		text-align: center;
		width:100%;
	}
	.class-pop-items .swiper-slide .class-data .pop-sub-tit{
		padding-top:66%;
		margin:0 auto;
		text-align: center;
	}
	.class-pop-items .swiper-slide .class-data .pop-txt-story {
		margin-top:-5px;
	}
	.class-pop-items .swiper-slide.slide03 .class-data .pop-txt {
		width:100%;
	}
	.class-pop-items .swiper-slide .class-data .txt-information {
		text-align:center;
		font-size: 12px;
		line-height: 19px;
		margin: 5px 0 15px 0;
	}
	.class-pop-items .swiper-slide .class-data .txt-information:last-child {
		padding:0 0 50px 0;
	}
	.class-pop-items .btn-swiper-slider-prev {position:absolute;top:42%;left:0;display:block;width:40px;height:40px;z-index:15; cursor:pointer; margin:-50px 0 0 0; font-size:0;}
	.class-pop-items .btn-swiper-slider-next {position:absolute;top:42%;right:0;display:block;width:40px;height:40px;z-index:15; cursor:pointer; margin:-50px -0 0 0; font-size:0;}
	.class-pop-items .btn-swiper-slider-prev:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/btn-pop-slide-prev-on-m.png) center center no-repeat; background-size:100% 100%;opacity:1;transition:opacity 0.2s ease;}
	.class-pop-items .btn-swiper-slider-prev:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/btn-pop-slide-prev-on-m.png) center center no-repeat; background-size:100% 100%;opacity:0;transition:opacity 0.2s ease;}
	.class-pop-items .btn-swiper-slider-next:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/btn-pop-slide-next-on-m.png) center center no-repeat; background-size:100% 100%;opacity:1;transition:opacity 0.2s ease;}
	.class-pop-items .btn-swiper-slider-next:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/btn-pop-slide-next-on-m.png) center center no-repeat; background-size:100% 100%;opacity:0;transition:opacity 0.2s ease;}
	.class-pop-items.none .btn-swiper-slider-prev,
	.class-pop-items.none .btn-swiper-slider-next,
	.class-pop-items .btn-swiper-slider-prev.swiper-button-disabled,
	.class-pop-items .btn-swiper-slider-next.swiper-button-disabled {display:none;}
	.class-pop-view .btn-class-pop-close {position: absolute;top:60px;right:20px;;width:40px;height:40px;background:url(../images/btn-class-pop-close-m.png) center center no-repeat;background-size:cover;}

	.newClass .swiper-info {display:block;}

	

}

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