@charset "utf-8";


/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}

body{margin:0;padding:0;font-family:'Daehan';letter-spacing:-.5px;font-size:18px;font-weight:400;color:#ffd99e;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit}
a:hover{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none;background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{outline:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
::selection{background:#555;color: #fff;}


body, html{height:100%;min-width:1280px}
body{background:#000;overflow-x:hidden}

@font-face{font-weight:200;font-style:normal;font-family:'korea';src:url(../fonts/koreaL.woff) format("woff");}
@font-face{font-weight:500;font-style:normal;font-family:'korea';src:url(../fonts/koreaM.woff) format("woff");}
@font-face{font-weight:700;font-style:normal;font-family:'korea';src:url(../fonts/koreaB.woff) format("woff");}
@font-face{font-weight:400;font-style:normal;font-family:'Daehan';src:url(../fonts/DaehanR.woff2) format("woff2");}
@font-face{font-weight:700;font-style:normal;font-family:'Daehan';src:url(../fonts/DaehanB.woff2) format("woff2");}
@font-face{font-weight:400;font-style:normal;font-family:'noto';src:url(../fonts/NotoSans-Light.woff2) format("woff2");}

/**  Swiper 6.8.4  */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

:root{
    --menu-height:70px;
    --menu-active:#ff997b;
}

input::placeholder {
    font-size:16px;font-weight:400;transform:rotate(0.03deg);letter-spacing:0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 1000px #2a2a2a inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 9999s ease-in-out 0s;
}


::-webkit-scrollbar{width:6px; height:6px;border:6px solid #000;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#1c1c1c}
::-webkit-scrollbar-track{background:#000; -webkit-border-radius: 10px;border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:6px;background:#b08f56;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

.radio_box{display:inline-block;}
.radio_box input[type=radio]{z-index:9;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
.radio_box{position:relative;}
.radio_box label{padding-left:26px;vertical-align:middle;font-size:0;}
.radio_box label img{position:relative;top:0;}
.radio_box label:before{content:"";position:absolute;top:0px;left:0;width:20px;height:20px;background:url(../images/ic_chk_off.png) no-repeat 50% 0;}
.radio_box input[type="radio"]:checked + label::before{background:url(../images/ic_chk_on.png) no-repeat 50% 0;}

.chk_box{position:relative;}
.chk_box input[type=checkbox]{z-index:9;opacity:0;position:absolute;top:0;left:0;height:100%}
.chk_box{position:relative;}
.chk_box label{display:inline-block;padding-left:34px;vertical-align:middle;font-size:14px;color:#fff;}
.chk_box label:before{content:"";position:absolute;top:1px;left:0;width:20px;height:20px;background:url(../images/ic_chk_off.png) no-repeat 50% 50%;}
.chk_box input[type="checkbox"]:checked + label::before{background:url(../images/ic_chk_on.png) no-repeat 50% 50%;}
.chk_box *{vertical-align:top;}

body {
    user-select: none;
}

input,
textarea {
    user-select: text;
}

.header{min-width:1280px;position:fixed;z-index:999;left:0;right:0;height:var(--menu-height);background:rgba(0, 0, 0, .5)}
.header .logo{position:absolute;top:0;left:66px;bottom:0;margin:auto 0;width:159px;height:46px;}
.header .logo a{position:absolute;inset:0;background:url(../images/logo.png) no-repeat 50% 50% / contain;font-size:0;}
.header .utill_link{position:absolute;top:0;right:66px;display:flex;gap:0 20px;align-items:center;height:var(--menu-height);font-size:0}
.header .utill_link .btns_book{width:203px;height:68px;background:url(../images/btn_gnb_book.png) no-repeat 50% 50% / contain;}
.header .sns_links{display:flex;gap:0 10px;}
.header .sns_links a{display:block;width:40px;height:40px;border-radius:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#a6a6a6;transition:background 0.3s ease-in-out;}
.header .sns_links .btn_community{background-image:url(../images/btn_gnb_cafe.png);}
.header .sns_links .btn_youtube{background-image:url(../images/btn_gnb_ytv.png);}
.header .sns_links .btn_kakao{background-image:url(../images/btn_gnb_ch.png);}
.header .sns_links .btn_sound{background-image:url(../images/btn_sound_on.png);}
.header .sns_links .btn_sound.off{background-image:url(../images/btn_sound_off.png);}
.header .sns_links a:hover{background-color:#828080}
#bgm{opacity:0;visibility:hidden;}

.menu_ui{position:relative;margin-left:280px}
.menu_ui nav > ul{display:flex;gap:0 20px;align-items:center;height:var(--menu-height);font-family:'korea';font-weight:500;color:#fffc}
.menu_ui nav > ul > li{position:relative}
.menu_ui a{position:relative;display:block;cursor:pointer}
.menu_ui .dep1::after{content:"";position:absolute;inset:0;opacity:0;background:url(../images/bg_menu_over.png) no-repeat 50% 50%;transition:opacity .3s ease-in-out}
.menu_ui .dep1 span{position:relative;z-index:1;display:flex;align-items:center;height:var(--menu-height);padding:0 40px;transition:color .2s ease-in-out}
.menu_ui .dep2{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out;position:absolute;left:0;top:69px;width:100%;text-align:center;border-top:1px solid #f00;background:#0009}
.menu_ui .dep2 li + li{border-top:1px solid #000}
.menu_ui .dep2 a{height:80px;line-height:80px;transition:color .2s ease-in-out}
.menu_ui .dep2 a:hover{color:var(--menu-active);}
.menu_ui .on .dep2{opacity:1;visibility:visible}
.menu_ui .on span{color:var(--menu-active);}
.menu_ui .dep1:hover span,.menu_ui .on .dep1 span{color:var(--menu-active);}
.menu_ui .dep1:hover::after,.menu_ui .on .dep1::after{opacity:.45}

/* common */
section{overflow:hidden;z-index:11;position:relative;min-width:1024px;min-height:100vh;box-sizing:border-box;}
section .cons{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;}
section .box{position:relative;z-index:101;padding-top:70px;}

.btn.btn_google,.btn.btn_app,.btn.btn_one,.btn.btn_pc{display:block;width:154px;height:47px;font-size:0;background-repeat:no-repeat;background-position:50% 50%}
.btn.btn_google{background-image:url(../images/btn_book_gp.png)}
.btn.btn_app{background-image:url(../images/btn_book_as.png)}
.btn.btn_one{background-image:url(../images/btn_book_os.png)}
.btn.btn_pc{background-image:url(../images/btn_book_pc.png)}

.btn_pop_close,.btn_msg_close{cursor:pointer;position:absolute;top:0;right:-43px;width:33px;height:33px;font-size:0 ! important;background:url(../images/ic_close.png) no-repeat 50% 50%/contain;}

/* main */
.main .cons{overflow:hidden}
.main .cons:before{z-index:2;content:"";position:absolute;inset:0;background: radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.75) 100%);}
.main .bg{position:absolute;inset:0;margin:auto;background:url(../images/bg_main.jpg) no-repeat 50% 50% / cover;}
.main .fireFx{z-index:1;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.5;mix-blend-mode:screen;}
.main .box{text-align:center;font-size:0;}
.main .sns_btng{z-index:3;display:flex;flex-direction:column;gap:20px;position:absolute;right:66px;top:210px;font-size:0;}
.main .sns_btng a{display:block;}
.main .sns_btng .btn_live{width:198px;height:184px;background:url(../images/banner_main_live.png) no-repeat 50% 50%;}
.main .sns_btng .btn_kakao{width:198px;height:184px;background:url(../images/banner_main_kako.png) no-repeat 50% 50%;}
.main .sns_btng .btn_cafe{width:198px;height:184px;background:url(../images/banner_main_cafe.png) no-repeat 50% 50%;}
.main .txt_g p{margin:0 auto;}
.main .txt_g .txt1{width:543px;height:68px;background:url(../images/txt_main_01.png) no-repeat 50% 50%;}
.main .txt_g .txt2{width:646px;height:205px;margin-top:20px;background:url(../images/txt_main_02.png) no-repeat 50% 50%;}
.main .txt_g .txt3{width:502px;height:92px;margin-top:20px;background:url(../images/txt_main_03.png) no-repeat 50% 50%;}
.main .btns{margin-top:54px;}
.main .btns button{width:369px;height:102px;background:url(../images/btn_main_book.png) no-repeat 50% 50%;}
.main .btng{display:flex;gap:0 10px;justify-content:center;margin-top:74px;}
.main .btn_google, .main .btn_app, .main .btn_one{width:172px;height:53px;font-size:0;}
.main .btn_google{background:url(../images/btn_main_gp.png) no-repeat 50% 50%;}
.main .btn_app{background:url(../images/btn_main_as.png) no-repeat 50% 50%;}
.main .btn_one{background:url(../images/btn_main_os.png) no-repeat 50% 50%;}

/* 사전예약 */
.book{background:url(../images/bg_book.jpg) no-repeat right 50% / cover;}
.book .cons{overflow:hidden;}
.book .cons:before{pointer-events: none;z-index:103;content:"";position:absolute;inset:0;background:url(../images/mask_book.png) no-repeat 50% 50% / cover;mix-blend-mode:screen}
.book .cons:after{pointer-events: none;z-index:100;content:"";position:absolute;left:0;bottom:0;width:100%;height:320px;background:url(../images/bg_grad.png) no-repeat 50% 50% / cover;}
.book .cons .img{pointer-events: none;content:"";position:absolute;inset:0;left:43.75vw;;top:18vw;bottom:0;margin:auto 0;width:103.8vw;height:68.23vw;background:url(../images/cha_book.png) no-repeat 50% 50% / cover;}
.book .box{position:relative;left:-10vw;margin-top:-10dvh}
.book .main_title{width:786px;margin:12dvh auto 3dvh;}
.book .main_title h2{height:110px;font-size:0;background:url(../images/tit_book.png) no-repeat 50% 0;}
.book .main_title p{font-size:28px;font-family:'korea';font-weight:500;text-align:center}
.book .txt{position:absolute;bottom:0;width:984px;height:133px;margin:0 auto;font-size:0;background:url(../images/txt_book.png) no-repeat 50% 50% / contain;}
.book .box_g{display:flex;justify-content:center;align-items:center;height:56dvh;}
.book .box_g article{position:relative;flex: 0 0 438px;;height:430px;font-size:0;}
.book .box_g article:after,.book .box_g article:nth-child(3):before{content:"";position:absolute;top:0;left:-7px;height:100%;width:14px;background:url(../images/h_line.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(3):before{left:auto;right:0;}
.book .box_g article h3{height:113px;}
.book .box_g article p{height:256px;margin-top:-40px}
.book .box_g article:nth-child(1) h3{background:url(../images/tit_book_market.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(1) p{background:url(../images/gift_book_market.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(1) ul{position:absolute;width:100%;bottom:34px;display:flex;gap:4px;justify-content:center;}
.book .box_g article:nth-child(1) ul a{width:132px ! important;height:40px ! important;background-size:132px auto ! important}
.book .box_g article:nth-child(2) h3{background:url(../images/tit_book_phone.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(2) p{background:url(../images/gift_book_phone.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(2) .btng{position:absolute;width:100%;bottom:0;text-align:center}
.book .box_g article:nth-child(2) .btng button{width:307px;height:101px;background:url(../images/btn_book.png) no-repeat 50% 50% / contain;}
.book .box_g article:nth-child(3) h3{background:url(../images/tit_book_subs.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(3) p{background:url(../images/gift_book_subs.png) no-repeat 50% 50%;}
.book .box_g article:nth-child(3) ul{display:flex;justify-content:center;gap:0 5px;position:absolute;width:100%;bottom:16px;}
.book .box_g article:nth-child(3) a{display:block;width:218px;height:77px;background-repeat:no-repeat;background-position:50% 50%}
.book .box_g article:nth-child(3) .btn_ytb_sub{margin-right:-14px;background-image:url(../images/btn_subs_ytv.png)}
.book .box_g article:nth-child(3) .btn_kakao_sub{background-image:url(../images/btn_subs_kako.png)}

/* 사전예약 팝업 */
.register_ui{opacity:0;visibility:hidden;transition:opacity 0.3s ease;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;}
.register_ui.show{opacity:1;visibility:visible;z-index:999}
.register_ui:before{content:"";position:absolute;inset:0;background:#000;opacity:.8}
.register_ui .box{position:relative;width:651px;height:534px;padding:50px 104px 0;background:url(../images/bg_pop_book.png) no-repeat 50% 50%/cover;box-sizing:border-box;}
.register_ui h2{height:59px;font-size:0;background:url(../images/tit_pop_book.png) no-repeat 50% 50%/contain;}
.register_ui .chkMark_g{padding-top:20px;margin-left:-100px;height:20px;text-align:center;font-size:0;}
.register_ui .chkMark_g label:after{content:"";position:absolute;left:26px;top:-1px;}
.register_ui .chkMark_g .txt_google{margin-right:120px;}
.register_ui .chkMark_g .txt_google label:after{width:98px;height:20px;background:url(../images/txt_pop_book_gp.png) no-repeat 50% 50%;}
.register_ui .chkMark_g .txt_app label:after{width:92px;height:21px;background:url(../images/txt_pop_book_as.png) no-repeat 50% 50%;}
.register_ui .chkInput_g{position:relative;margin:24px auto 0;text-align:center;}
.register_ui input[type=text],.register_ui input[type=tel]{width:100%;height:50px;padding-left:18px;text-align:left;letter-spacing:1px;font-size:20px;font-weight:500;color:#fff;border:1px solid #565656;outline:none;background:#292929;}
.register_ui .chkInput_g > div{position:relative;padding-right:145px;}
.register_ui .chkInput_g > div input[type=tel]{height:50px;}
.register_ui .chkInput_g > div + div{margin-top:5px}
.register_ui .chkInput_g > div .btns{position:absolute;top:0;right:0;width:140px;height:50px;line-height:50px;font-size:16px;font-weight:700;color:#fff;transform:rotate(0.03deg);text-align:center;background:#b08f56}
.register_ui .agree_box{margin-top:20px;text-align:left;font-size:14px;transform:rotate(0.03deg);}
.register_ui .agree_box p~p{margin-top:7px;}
.register_ui .agree_box .fAll{font-size:16px;font-weight:500;transform:rotate(0.03deg);}
.register_ui .agree_box button{position:relative;top:2px;margin-left:6px;color:#fff;}
.register_ui .agree_box strong{color:#ffd99e}
.register_ui .btn{margin-top:30px;text-align:center;}
.register_ui .btn a{display:inline-block;width:220px;height:50px;line-height:50px;letter-spacing:.3px;font-size:20px;color:#0a0e18;font-weight:700;background:#cfa851;}
.register_ui .refer{margin-top:10px;font-size:14px}

/* 친구초대 이벤트 */
.event{background:url(../images/bg_event.jpg) no-repeat 50% 50% / cover;}
.event .event_title{margin-bottom:-2px;font-size:0;}
.event .event_title h2{height:209px;margin-bottom:2px;background:url(../images/tit_invite.png) no-repeat 50% 50% / contain;}
.event .event_title p{font-family:'korea';font-size:16.5px;text-align:center;}
.event .invite_step{width:838px;height:140px;margin:0 auto 10px;font-size:0;background:url(../images/txt_invite_step.png) no-repeat 50% 50% / contain;}
.event .auth_area{text-align:center}
.event .auth_area button{width:221px;height:50px;margin-bottom:-20px;font-size:0;background:url(../images/btn_login_book.png) no-repeat 50% 50% / contain;}
.event .auth_area button[disabled]{display:none;cursor:default;background:url(../images/btn_login_book_di.png) no-repeat 50% 50% / contain;}
.event_content_box{width:790px;margin:30px auto 0;}
.event_content_box .content_box{position:relative;}
.event_content_box .content_box:before{content:"";display:block;width:100%;height:66px;background:url(../images/box_invite_top.png) repeat-y 50% 0;}
.event_content_box .content_box:after{content:"";display:block;width:100%;height:66px;background:url(../images/box_invite_btm.png) repeat-y 50% bottom;}
.event_content_box .content_in{padding:0 46px;background:url(../images/box_invite_mid.png) repeat-y 50% 50%;}
.invite_form_field{position:relative;top:-37px}
.invite_form_field .input_row{position:relative;}
.invite_form_field .input_row:not(.url_copy_row){padding-right:195px;margin-bottom:4px;}
.invite_form_field .input_row input{width:100%;height:50px;padding-left:30px;font-size:20px;font-weight:700;color:#fff;background:#292929;border:1px solid #565656}
.invite_form_field .input_row .btn_generate_url{position:absolute;right:0;top:0;width:190px;height:50px;font-size:20px;font-weight:700;color:#fff;background:#b08f56}
/* .invite_form_field .input_row .btn_generate_url[disabled]{color:#111;background:#8e8e8e} */
.invite_form_field .input_row .btn_copy{position:absolute;right:0;top:0;width:50px;height:50px;font-size:0;background:url(../images/ic_copy.png) no-repeat 50% 50%;}
.invite_form_field .input_row input::placeholder{font-size:18px;}
.invite_form_field .invite_status{margin-top:12px;font-size:16px;text-align:center}
.invite_form_field .invite_status .status_txt:before{content:"";position:relative;top:-2px;display:inline-block;vertical-align:middle;margin-right:10px;width:21px;height:21px;background:url(../images/ic_invite.png) no-repeat 50% 50% / contain;}
.invite_form_field .invite_status .status_txt .sp{margin:0 12px}
.invite_form_field .invite_status strong{margin-right:2px}
.rewardInfo_g{position:relative;width:703px;height:187px;margin:-26px auto -38px;font-size:0;background:url(../images/img_invite_01.jpg) no-repeat 50% 50% / contain;}

/* 럭키드로우 이벤트 */
.event2{background:url(../images/bg_event.jpg) no-repeat 50% 50% / cover;}
.event2 .event_title{margin-bottom:16px;font-size:0;}
.event2 .event_title h2{width:786px;height:209px;margin:0 auto 8px;background:url(../images/tit_luck.png) no-repeat 50% 50% / contain;}
.event2 .event_title p{font-family:'korea';font-size:16.5px;text-align:center;}
.event2 .draw_grid_wrap{display:flex;gap:0 16px;}
.draw_prize_box{width:683px;height:565px;padding-top:38px;text-align:center;font-size:0;background:url(../images/box_luck_01.jpg) no-repeat 50% 50% / cover;box-sizing:border-box;}
.draw_prize_box .gift{width:627px;height:401px;margin:0 auto 40px;background:url(../images/img_luck_gift.png) no-repeat 50% 50% / cover;}
.draw_prize_box button{width:221px;height:50px;background:url(../images/btn_evendone.png) no-repeat 50% 50% / contain;}
.draw_prize_box button[disabled]{cursor:default;background:url(../images/btn_evendone_di.png) no-repeat 50% 50% / contain;}
.draw_prize_box button.disabled{font-size:20px;font-weight:700;color:#0a0e18;;background:#565656}
.draw_status_sidebar{width:323px;height:565px;padding:32px 15px 0;background:url(../images/box_luck_02.jpg) no-repeat 50% 50% / cover;box-sizing:border-box;}
.draw_status_sidebar .mission_list{margin:0 5px}
.draw_status_sidebar .mission_list li{position:relative;margin-top:24px;padding-bottom:6px;line-height:20px;font-size:14px;color:#fff;border-bottom:1px solid #525252;transform:rotate(0.03deg);}
.draw_status_sidebar .mission_list .sub_info{margin-left:4px;font-size:12px;color:#a8a8a8;transform:rotate(0.03deg);}
.draw_status_sidebar .mission_list .btn_status_action,.draw_status_sidebar .mission_list .badge_status{position:absolute;top:0;right:0;width:48px;height:20px;font-size:12px;color:#fff;background:#b08f56;transform:rotate(0.03deg);}
.draw_status_sidebar .sidebar_title{margin:0 auto 34px;text-align:center;font-size:22px;font-weight:700}
.draw_status_sidebar .status_row~.status_row{margin-top:8px;}
.draw_status_sidebar .status_row .val{margin-left:20px;color:#b08f56;font-weight:700;}
.draw_status_sidebar .status_txt_logout{line-height:28px;font-size:20px;}
.draw_status_sidebar .status_txt_logout strong{font-weight:700}
.draw_status_sidebar .auth_area button{margin-top:30px;width:221px;height:50px;font-size:0;background:url(../images/btn_login_book.png) no-repeat 50% 50% / contain;}
.draw_status_sidebar .user_status_section{margin-top:23px;padding-top:30px;text-align:center;color:#fff;border-top:1px solid #998266}
.draw_status_sidebar .mission_list .state_complete{color:#a8a8a8;cursor:default;}
.draw_status_sidebar .mission_list .badge_status{background:#565656;cursor:default;text-align:center}

/* 무기/캐릭터 */
section.game{}
section.game .cons{display:block;}
section.game .cons::before{z-index:4;pointer-events: none;content: "";position:absolute;inset:0;width:100%;height:100%;background:url(../images/box_weapon2.png) no-repeat 50% 50% / cover;}
section.game .cons::after{z-index:1;pointer-events: none;content: "";position:absolute;inset:0;width:100%;height:100%;background:url(../images/bg_weapon.jpg) no-repeat 50% 50% / cover;}
section.game .box{padding:0;overflow:hidden}
.game .weapon_container{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;}
.game .weapon_container::before{z-index:3;pointer-events: none;content: "";position:absolute;inset:0;background:url(../images/box_weapon3.png) no-repeat 50% 50% / cover;mix-blend-mode:screen}
.weapon_g{z-index:2;position:relative;width:1009px;height:980px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;}
.weapon_g::before{pointer-events:none;content: "";position:absolute;inset:0;background:url(../images/box_weapon.png) no-repeat 50% 50% / cover;}
.weapon_g .weapon_title h2{width:112px;height:54px;margin:110px auto 0;font-size:0;background:url(../images/tit_weapon.png) no-repeat 50% 50% / contain}
.weapon_g .weapon_title p{line-height:29px;margin-top:30px;font-size:14px;color:#e3c9ab;text-align:center;transform:rotate(0.03deg)}
.weapon_g .it{position:absolute;font-size:0;width:330px;height:340px;opacity:1;transition:transform .5s ease,opacity .5s ease,filter .5s ease}
.weapon_g:hover .it{opacity:.45}
.weapon_g .it:hover{opacity:1;transform:translateY(-8px) scale(1.05);filter:drop-shadow(0 0 15px #ffd27873) drop-shadow(0 0 30px #ffb43c40);z-index:10}
.weapon_g .it .in{position:absolute;inset:0;}
.weapon_g .it .in:before{content:"";position:absolute;inset:0;background:url(../images/img_weapon_over.png) no-repeat 50% 50%;opacity:0;transform:rotate(0deg) scale(.95);transform-origin:center center;transition:opacity .6s ease,transform 1.5s ease}
.weapon_g .it:hover .in:before{opacity:.9;transform:rotate(8deg) scale(1)}
.weapon_g .it .in:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.weapon_g .it:hover .in:after{opacity:1}
.weapon_g .it:hover button{opacity:0}
.weapon_g .it button{z-index:1;position:absolute;inset:0;transition:opacity .4s ease}
.weapon_g .it button:before{opacity:.2;content:"";position:absolute;inset:0;background:url(../images/img_weapon_off.png) no-repeat 50% 50%;}
.weapon_g .it.item1{right:50px;bottom:215px}
.weapon_g .it.item1 button{background:url(../images/img_weapon_01_off.png) no-repeat 50% 50%}
.weapon_g .it.item1 .in:after{background:url(../images/img_weapon_01_on.png) no-repeat 50% 50%}
.weapon_g .it.item2{width:450px;height:340px;left:0;right:0;bottom:0;margin:0 auto}
.weapon_g .it.item2 button{background:url(../images/img_weapon_02_off.png) no-repeat 50% 50%}
.weapon_g .it.item2 .in:after{background:url(../images/img_weapon_02_on.png) no-repeat 50% 50%}
.weapon_g .it.item3{left:30px;bottom:200px}
.weapon_g .it.item3 button{background:url(../images/img_weapon_03_off.png) no-repeat 50% 50%}
.weapon_g .it.item3 .in:after{background:url(../images/img_weapon_03_on.png) no-repeat 50% 50%}
.weapon_g .it.item4{left:130px;top:70px}
.weapon_g .it.item4 button{background:url(../images/img_weapon_04_off.png) no-repeat 50% 50%}
.weapon_g .it.item4 .in:after{background:url(../images/img_weapon_04_on.png) no-repeat 50% 50%}
.weapon_g .it.item5{right:160px;top:70px}
.weapon_g .it.item5 button{background:url(../images/img_weapon_05_off.png) no-repeat 50% 50%}
.weapon_g .it.item5 .in:after{background:url(../images/img_weapon_05_on.png) no-repeat 50% 50%}
.weapon_g .img{position:absolute;top:0;bottom:0;left:0;right:0;width:380px;height:380px;margin:40px 0 0 -5px;background:url(../images/img_weapon.png) no-repeat 50% 50% / contain}

.weaponView_g{overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;inset:0;height:100dvh;background:url(../images/bg_weapon2.jpg) no-repeat 50% 50% / cover}
.weaponView_g .in{position:relative;display:flex;gap:0 120px;padding-top:100px;}
.weaponView_g .weapon_view{;position:relative;text-align:center;width:556px;}
.weaponView_g .weapon_view .itemg{display:flex;min-height:800px;}
.weaponView_g .weapon_view .txt1{padding-bottom:42px;font-family:'korea';font-size:78px;font-weight:500;color:#f6c77d;background:url(../images/line_txt.png) no-repeat 50% bottom}
.weaponView_g .weapon_view .txt2{margin-top:30px;font-size:24px;line-height:38px;color:#e9d1aa}
.weaponView_g .weapon_view .spec{margin-top:26px;height:34px;font-size:0;}
.weaponView_g .weapon_view .spec.sw{background:url(../images/txt_spec_sw.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .spec.wa{background:url(../images/txt_spec_wa.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .spec.bo{background:url(../images/txt_spec_bo.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .spec.sp{background:url(../images/txt_spec_sp.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .spec.gs{background:url(../images/txt_spec_gs.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .btn_emved{position:absolute;bottom:20px;display:flex;align-items:center;justify-content:center;;margin:50px auto 0;width:556px;height:312px;background:url(../images/bg_emved.png) no-repeat 50% 50%;}
.weaponView_g .weapon_view .btn_emved video{width:540px;height:296px;object-fit:cover;}
.weaponView_g .weapon_view .item .txt1,.weaponView_g .weapon_view .item .spec,.weaponView_g .weapon_view .item .txt2,.weaponView_g .weapon_view .item .btn_emved{opacity:0;filter:blur(8px);transform:translateX(80px) scale(.96);will-change:transform,opacity,filter}
.weaponView_g .weapon_view .item .txt1{transition:opacity .6s ease,transform .9s cubic-bezier(.22,1,.36,1),filter .9s ease}
.weaponView_g .weapon_view .item .spec{transition:opacity .6s ease .15s,transform .9s cubic-bezier(.22,1,.36,1) .15s,filter .9s ease .15s}
.weaponView_g .weapon_view .item .txt2{transition:opacity .6s ease .3s,transform .9s cubic-bezier(.22,1,.36,1) .3s,filter .9s ease .3s}
.weaponView_g .weapon_view .item .btn_emved{transition:opacity .6s ease .3s,transform .9s cubic-bezier(.22,1,.36,1) .3s,filter .9s ease .3s}
.weaponView_g .weapon_view .item.animation .txt1,.weaponView_g .weapon_view .item.animation .spec,.weaponView_g .weapon_view .item.animation .txt2,.weaponView_g .weapon_view .item.animation .btn_emved,
.weaponView_g .weapon_view .item.motion .txt1,.weaponView_g .weapon_view .item.motion .spec,.weaponView_g .weapon_view .item.motion .txt2,.weaponView_g .weapon_view .item.motion .btn_emved{opacity:1;filter:blur(0);transform:translateX(0) scale(1)}
.weaponView_g .weapon_view .imgs{position:absolute;left:676px;top:90px;width:820px;height:729px;}
.weaponView_g .weapon_view .imgs:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transform:scale(.95);filter: drop-shadow(0 0 6px rgba(255,232,205,.18)) drop-shadow(0 0 18px rgba(255,224,185,.14)) drop-shadow(0 0 55px rgba(255,214,160,.10));}
.weaponView_g .weapon_view .imgs.img_sword:before{width:412px;height:729px;background:url(../images/img_sword.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .imgs.img_wand:before{width:449px;height:702px;background:url(../images/img_wand.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .imgs.img_bow:before{width:551px;height:552px;background:url(../images/img_bow.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .imgs.img_spear:before{width:423px;height:637px;background:url(../images/img_spear.png) no-repeat 50% 50%}
.weaponView_g .weapon_view .imgs.img_greatsword:before{width:559px;height:559px;background:url(../images/img_greatsword.png) no-repeat 50% 50%}
.weaponView_g .weapon_box{position:relative;width:820px;}
.weaponView_g .weapon_list .item{cursor:pointer;display:flex;justify-content:center;align-items:center;width:142px;transition:.4s;opacity:.5;}
.weaponView_g .weapon_list .item p{position:relative;width:142px;height:142px;font-size:0;background:url(../images/ic_wl.png) no-repeat 50% 50%/contain}
.weaponView_g .weapon_list .item p:after{content:"";position:absolute;inset:0;background:url(../images/ic_wl.png) no-repeat 50% 50%/contain}
.weaponView_g .weapon_list .item p:before{z-index:1;content:"";position:absolute;inset:0;transition:opacity 0.3s ease-in-out;}
.weaponView_g .weapon_list p.sw:before{background:url(../images/ic_wl_sword.png) no-repeat 50% 50% / 32px auto}
.weaponView_g .weapon_list p.wa:before{background:url(../images/ic_wl_wand.png) no-repeat 50% 50% / 41px auto}
.weaponView_g .weapon_list p.bo:before{background:url(../images/ic_wl_bow.png) no-repeat 50% 50% / 48px auto}
.weaponView_g .weapon_list p.sp:before{background:url(../images/ic_wl_spear.png) no-repeat 50% 50% / 38px auto}
.weaponView_g .weapon_list p.gsw:before{background:url(../images/ic_wl_greatsword.png) no-repeat 50% 50% / 40px auto}
.weaponView_g .weapon_box .swiper-button-prev,.weaponView_g .weapon_box .swiper-button-next{display:none;z-index:1;top:85px;margin:0;width:20px;height:40px;font-size:0;background:url(../images/btn_swifer.png) no-repeat 50% 50%/contain;font-size:0;}
.weaponView_g .weapon_box .swiper-button-next{transform:rotate(180deg);}
.weaponView_g .weapon_box .swiper-button-prev:after,.weaponView_g .weapon_box .swiper-button-next:after{display:none;}
.weaponView_g .weapon_list .swiper-slide-active{opacity:1 !important;filter:drop-shadow(0 0 8px rgba(255,232,178,.35)) drop-shadow(0 0 18px rgba(255,232,178,.28)) drop-shadow(0 0 32px rgba(255,232,178,.22));z-index:5;opacity:1 ! important;}
.weaponView_g .weapon_list .swiper-slide-active p:before{opacity:1;}
.weaponView_g .weapon_list .swiper-slide-prev,.weaponView_g .weapon_list .swiper-slide-next{opacity:.5;}
.weaponView_g .weapon_list .swiper-wrapper{align-items:center;}
.weaponView_g .weapon_list .swiper-slide{display:flex;justify-content:center;box-sizing:border-box;}

@media screen and (min-width: 1930px) {
	.weaponView_g .weapon_view .imgs{top:140px;}
	.weaponView_g .weapon_view .imgs:before{transform:scale(1);}
}

.weapon_container,.weaponView_g{transition:opacity .6s ease,transform .6s ease,filter .6s ease}
.weapon_container.show,.weaponView_g.show{opacity:1;visibility:visible;transform:scale(1);filter:blur(0)}
.weapon_container.hide,.weaponView_g.hide{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.08);filter:blur(10px)}

.character .cons{overflow:hidden;background:#2a2822}
.character .bg{position:absolute;inset:0;}
.character .bg.hu{background:url(../images/cha/bg_hu.jpg) no-repeat 50% 50%/cover}
.character .bg.lu{background:url(../images/cha/bg_lu.jpg) no-repeat 50% 50%/cover}
.character .bg.el{background:url(../images/cha/bg_el.jpg) no-repeat 50% 50%/cover}
.character .cons::before{z-index:105;pointer-events: none;content: "";position:absolute;inset:0;background:url(../images/cha/mask1.png) no-repeat 50% 50% / cover;}
.character .cons::after{z-index:104;pointer-events:none;content: "";position:absolute;inset:0;background:url(../images/cha/mask2.png) no-repeat 50% 50% / cover;mix-blend-mode:screen}
.character_g .cha_box{display:flex;}
.character_g .cha_list{position:relative;z-index:2;width:550px;height:796px;margin:0 auto;overflow:hidden;}
.character_g .cha_list .itemg{display:flex;}
.character_g .cha_list .item{cursor:pointer;width:550px;transition:.4s;}
.character_g .cha_list .item .link{width:186px;height:186px;font-size:0;transition:all 0.4s ease-in-out;}
.character_g .cha_list .hu{background:url(../images/ic_hu.png) no-repeat 50% 50%/148px auto}
.character_g .cha_list .lu{background:url(../images/ic_lu.png) no-repeat 50% 50%/148px auto}
.character_g .cha_list .el{background:url(../images/ic_el.png) no-repeat 50% 50%/148px auto}
.character_g .cha_list .swiper-slide-active .hu{background:url(../images/ic_hu_on.png) no-repeat 50% 50%/186px auto}
.character_g .cha_list .swiper-slide-active .lu{background:url(../images/ic_lu_on.png) no-repeat 50% 50%/186px auto}
.character_g .cha_list .swiper-slide-active .el{background:url(../images/ic_el_on.png) no-repeat 50% 50%/186px auto}
.character_g .cha_list .txtg{position:absolute;opacity:0;left:-185px;top:220px;text-align:center;transform:scale(.98);filter:blur(8px);transition:opacity .45s ease, filter .55s ease,transform .55s ease;}
.character_g .cha_list .txtg .txt2{margin-top:70px}
.character_g .cha_list .swiper-slide-active .txtg{opacity:1;transform:scale(1);filter:blur(0);}
.character_g .cha_view{position:relative;width:860px;margin-top:400px;}
.character_g .cha_view .itemg{position:relative;}
.character_g .cha_view .item{position:relative;width:860px;transition:opacity .3s ease-in-out;opacity:0}
.character_g .cha_view .swiper-slide-active{opacity:1;}
.character_g .cha_view .swiper-slide-prev,.character_g .cha_view .swiper-slide-next{opacity:0;}
.character_g .cha_view .img{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;top:0;text-align:center;font-size:0;transition:all 0.3s ease-in-out;}
.character_g .cha_view .img.hu{left:-130px}
.character_g .cha_view .img.lu{left:140px;top:160px;}
.character_g .cha_view .img.el{left:90px;top:200px;}
.character_g .cha_view .img img{position:relative;transform:translateY(80px) scale(.75);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .6s ease;}
.character_g .cha_view .swiper-slide-active .img img{transform:translateY(0) scale(.9);}


/* 세계관 */
section.game2 .cons{display:block;overflow:hidden;background:#1b1b1b}
section.game2 .box{padding:0;height:100vh;}
.game2 h2{width:585px;height:99px;margin:0 auto 60px;font-size:0;background:url(../images/tit_word.png) no-repeat 50% 50% / contain;}
.game2 .word_container{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;margin:0 0 0 auto;width:58.9583vw;height:100%;}
.game2 .word_container::before{content:"";position:absolute;top:0;right:0;width:58.9583vw;height:100%;background:url(../images/box_word.png) no-repeat 0 center / cover;}
.game2 .sliderJs{overflow:hidden;line-height:42px;width:700px;text-align:center;font-size:20px;color:#e3c9ab}
.game2 .sliderJs strong{font-weight:700}
.game2 .sliderJs .swiper-pagination{width:700px;left:auto;right:0;bottom:60px;}
.game2 .sliderJs .swiper-pagination-bullet{position:relative;width:21px;height:20px;opacity:1;margin:0 28px ! important;border-radius:0;background:url(../images/ic_dot_off.png) no-repeat 50% 50% / contain;}
.game2 .sliderJs .swiper-pagination-bullet~.swiper-pagination-bullet::before{position:absolute;top:11px;left:-56px;margin:auto 0;content:"";width:58px;height:1px;background:#2a241f;}
.game2 .sliderJs .swiper-pagination-bullet-active{background:url(../images/ic_dot_on.png) no-repeat 50% 50% / contain;}
.game2 .word_bg{position:absolute;inset:0;overflow:hidden}
.game2 .word_bg .bg{position:absolute;inset:0;background:50% 0/cover no-repeat;opacity:0;transform:scale(1.09);transition: opacity .5s ease, transform 1s ease;}
.game2 .word_bg .bg.on{opacity:1;transform:scale(1);transition: opacity 1s ease, transform 8s ease;}
.game2 .word_bg .bg1{background-image:url(../images/bg_word01.jpg)}
.game2 .word_bg .bg2{background-image:url(../images/bg_word02.jpg)}
.game2 .word_bg .bg3{background-image:url(../images/bg_word03.jpg)}
.game2 .word_bg .bg4{background-image:url(../images/bg_word04.jpg)}
.game2 .word_bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000001a 0%,#0000008c 65%,#000c 100%);z-index:2}
.game2 .item p{opacity:0;transform:translateY(15px);transition:all 0.3s ease-in-out;}
.game2 .item p.tit{font-size:23px;font-weight:700}
.game2 .item p~p{margin-top:6px}
.game2 .item p.show{opacity:1;transform:translateY(0);transition:opacity 1s ease,transform 1s ease}

@media all and (min-width:1930px){
	.game2 .item p~p{margin-top:14px}
	.game2 .word_container{width:42vw;justify-content:center;}
	.game2 .sliderJs .swiper-pagination{left:0;right:0;margin:0 auto}
}

/* footer */
footer{display:flex;align-items:center;justify-content:center;height:235px;background:#000;}
footer div{padding-top:60px;font-family:'noto';color:#fff;font-size:16px;background:url(../images/logo_f.png) no-repeat 50% 0 / 221px auto;}
footer div span:nth-child(1):after{content:"|";margin:0 12px;}
footer div span:nth-child(2){margin-right:12px;}
.section.fp-auto-height, 
.section.fp-auto-height .fp-tableCell {
    height: 235px !important;
    min-height: 235px !important;
}

/*인증 핍압 */
.modal_box{z-index:999999;position:fixed;inset:0;}
.modal_box:before{content:"";position:absolute;inset:0;background:#000;opacity:.8}
.modal_box .cons{display:flex;align-items:center;justify-content:center;height:100%;}
.modal_box .box{position:absolute;width:543px;text-align:center;}
.modal_box .box:before{content:"";display:block;width:100%;height:36px;background:url(../images/bg_pop_frame_top02.png) repeat-y 50% 0;}
.modal_box .box:after{content:"";display:block;width:100%;height:36px;background:url(../images/bg_pop_frame_btm02.png) repeat-y 50% bottom;}
.modal_box .box .auth_popup_box{padding:0 26px;background:url(../images/bg_pop_frame_mid02.png) repeat-y 50% 50%;}
.modal_box .blind{display:none;}
.modal_box .auth_input_row{position:relative;padding-right:145px;}
.modal_box .auth_input_row~.auth_input_row{margin-top:15px}
.modal_box .auth_input_row input[type=tel]{width:100%;height:50px;padding-left:18px;text-align:left;letter-spacing:1px;font-size:20px;font-weight:500;color:#fff;border:1px solid #565656;outline:none;background:#292929;}
.modal_box .auth_input_row button{position:absolute;top:0;right:0;width:140px;height:50px;line-height:50px;font-size:16px;font-weight:700;color:#fff;transform:rotate(0.03deg);text-align:center;background:#b08f56}
.modal_box .input_item_wrap{position:relative;}
.modal_box .input_item_wrap .auth_timer{position:absolute;right:16px;top:16px;color:rgba(255 255 225 / .3)}
.modal_box .auth_submit_area{margin-top:30px}
.modal_box .auth_submit_area button{width:180px;height:50px;background:#b08f56;font-size:20px;font-weight:700;color:#fff;}
.modal_box .auth_input_row input[type=tel]::placeholder{font-size:18px;}

/* 영싱 핍업 */
.popEmved_ui{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999999;}
.popEmved_ui .pop_emved{position:absolute;z-index:99;top:0;bottom:0;left:0;right:0;;margin:auto;text-align:center;}
.popEmved_ui .pop_emved{width:1400px;height:788px;}
.popEmved_ui .pop_emved iframe{width:1400px;height:788px;}
.popEmved_ui .btn_videoClose{position:absolute;top:-55px;right:0;width:50px;height:50px;cursor:pointer;background:none;border:0;outline:none;font-size:0}
.popEmved_ui .dimmed{position:absolute;width:100%;height:100%;background:#000;opacity:.8;}
.popEmved_ui .btn_videoClose:before,.popEmved_ui .btn_videoClose:after{content:"";margin:-1px 0 0 -20px;width:50px;height:2px;position:absolute;left:50%;top:50%;background:#fff;-ms-transform:rotate(45deg);transform:rotate(45deg);transition:false}
.popEmved_ui .btn_videoClose:after{content:"";margin:-1px 0 0 -20px;width:50px;height:2px;position:absolute;left:50%;top:50%;background:#fff;-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:false}


/* msg pop */
.pop_donMsg{z-index:999999;position:fixed;inset:0;}
.pop_donMsg:before{content:"";position:absolute;inset:0;background:#000;opacity:.8}
.pop_donMsg .cons{display:flex;align-items:center;justify-content:center;height:100%;}
.pop_donMsg .msg{position:absolute;width:651px;text-align:center;}
.pop_donMsg .msg:before{content:"";display:block;width:100%;height:55px;background:url(../images/bg_pop_frame_top.png) repeat-y 50% 0;}
.pop_donMsg .msg:after{content:"";display:block;width:100%;height:30px;background:url(../images/bg_pop_frame_btm.png) repeat-y 50% bottom;}
.pop_donMsg .msg .box{padding-bottom:20px;background:url(../images/bg_pop_frame_mid.png) repeat-y 50% 50%;}
.pop_donMsg .txt{margin-bottom:18px;padding-bottom:18px;font-size:32px;font-weight:700;color:#f9c97e;letter-spacing:.5px;background:url(../images/line.png) no-repeat 50% bottom;}
.pop_donMsg .txt02{line-height:22px;font-size:16px;transform:rotate(0.03deg);}
.pop_donMsg .txt02 span{display:inline-block;padding:1px;font-weight:700;background:#8f2020}
.pop_donMsg .btns{margin-top:30px;font-size:0;}
.pop_donMsg .btns a{display:inline-block;width:354px;height:48px;background:url(../images/btn_pop_done_book.png) no-repeat 50% 50%;}
.pop_donMsg .btng{display:flex;gap:10px;justify-content:center;margin-top:30px;}

.pop_msg{z-index:999999;position:fixed;width:100%;height:100%;top:0;left:0;}
.pop_msg:before{content:"";position:absolute;inset:0;height:100%;background:#000;opacity:.8}
.pop_msg .cons{display:flex;align-items:center;justify-content:center;height:100%;}
.pop_msg .msg{position:absolute;width:543px;text-align:center;}
.pop_msg .msg:before{content:"";display:block;width:100%;height:30px;background:url(../images/bg_pop_frame_top02.png) repeat-y 50% 0;}
.pop_msg .msg:after{content:"";display:block;width:100%;height:30px;background:url(../images/bg_pop_frame_btm02.png) repeat-y 50% bottom;}
.pop_msg .msg .box{padding:40px 20px;background:url(../images/bg_pop_frame_mid02.png) repeat-y 50% 50%;}
.pop_msg .msg .txt{line-height:46px;font-size:32px;font-weight:700;color:#f9c97e;letter-spacing:.5px;}
.pop_msg .btn_trigger_auth{margin-top:30px;width:140px;height:50px;line-height:50px;font-size:16px;font-weight:700;color:#fff;transform:rotate(0.03deg);text-align:center;background:#b08f56}
.pop_msg .msg h2{margin-bottom:20px;line-height:46px;font-size:32px;font-weight:700;color:#f9c97e;letter-spacing:.5px;}
.pop_msg .msg .txt2{max-height:400px;padding:0 20px;line-height:28px;font-size:20px;color:#f9c97e;letter-spacing:.5px;text-align:left;overflow-y:auto;}
#agree01 .msg .box,#agree02 .msg .box{padding:20px}

.pop_timer{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999999;}
.pop_timer .cons{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:1084px;height:609px;background:url(../images/pop_open.png) no-repeat 50% 50%;}
.pop_timer p{position:absolute;top:336px;width:100%;line-height:66px;letter-spacing:2px;font-size:50px;color:#fff;text-align:center;}
.pop_timer .dimmed{position:absolute;width:100%;height:100%;background:#000;opacity:.8;}

.pop_msg .link{text-decoration:underline;text-underline-position:under;}
.tbl_delegate{margin-top:20px;width:100%;border-collapse:collapse;border:1px solid #333;table-layout:fixed}
.tbl_delegate th,.tbl_delegate td{border:1px solid #333;padding:10px 12px;text-align:left;vertical-align:middle}
.tbl_delegate th{font-weight:700}


@media all and (max-width:1750px) {
	.main .box,.main .sns_btng{transform:scale(.85)}
	.book .box,.event .box,.event2 .box,.weapon_g,.weaponView_g.show .in,.character .box,.word_container .in,.pop_msg .msg,.modal_box .box,.register_ui .box,.popEmved_ui .pop_emved,.pop_donMsg .cons{transform:scale(.85)}
	.game2 .sliderJs .swiper-pagination{bottom:-90px}
	.book .main_title{margin-bottom:10vh}
	footer div{transform:scale(.85)}
}
@media all and (max-width:1600px) {
	.main .box,.main .sns_btng{transform:scale(.8)}
	.book .box,.event .box,.event2 .box,.weapon_g,.weaponView_g.show .in,.character .box,.word_container .in,.pop_msg .msg,.modal_box .box,.register_ui .box,.popEmved_ui .pop_emved,.pop_donMsg .cons,.pop_timer .cons{transform:scale(.8)}
	footer div{transform:scale(.8)}
	.book .txt{bottom:-40px;}
	.game2 .in{position:relative;left:60px}
	.book .main_title{margin-top:8dvh;}
	
	.menu_ui .dep2{top:58px;}
	.menu_ui .dep2 a{height:60px;line-height:60px;}
	:root {
		--menu-height: 60px;
	}
}
@media all and (max-width:1500px) {
	.main .box,.main .sns_btng{transform:scale(.75)}
	.book .box,.event .box,.event2 .box,.weapon_g,.weaponView_g.show .in,.character .box,.word_container .in,.pop_msg .msg,.modal_box .box,.register_ui .box,.popEmved_ui .pop_emved,.pop_donMsg .cons,.pop_timer .cons{transform:scale(.75)}
	footer div{transform:scale(.75)}
	
}
@media all and (max-width:1400px) {
	.header .logo{height:40px}
	.header .utill_link .btns_book{height:40px}
	.header .sns_links a{width:36px;height:36px;background-size:65% auto}
	.menu_ui .dep1 span{padding:0 30px;font-size:16px}
	.main .box,.main .sns_btng{transform:scale(.65)}
	.book .box,.event .box,.event2 .box,.weapon_g,.weaponView_g.show .in,.character .box,.word_container .in,.pop_msg .msg,.modal_box .box,.register_ui .box,.popEmved_ui .pop_emved,.pop_donMsg .cons,.pop_timer .cons{transform:scale(.65)}
	.main .sns_btng{top:80px}
	footer div{transform:scale(.65)}
	.menu_ui .dep2{width:120px;}
	.book .main_title{margin-top:3dvh;margin-bottom:18dvh}
	.book .txt{bottom:-100px;}
	.game2 .in{left:80px}
}
@media all and (max-width:1290px) {
	.header .logo{height:34px}
	.header .utill_link .btns_book{width:140px;}
	.header .sns_links a{width:30px;height:30px;background-size:50% auto}
	.menu_ui .dep1 span{padding:0 20px;font-size:14px}
	.main .box,.main .sns_btng{transform:scale(.6)}
	.book .box,.event .box,.event2 .box,.weapon_g,.weaponView_g.show .in,.character .box,.word_container .in,.pop_msg .msg,.modal_box .box,.register_ui .box,.popEmved_ui .pop_emved,.pop_donMsg .cons,.pop_timer .cons{transform:scale(.6)}
	footer div{transform:scale(.6)}
	.menu_ui .dep2{top:48px;}
	.menu_ui .dep2 a{height:50px;line-height:50px;}
	:root {
		--menu-height: 50px;
	}
	.book .main_title{margin-top:-3dvh;}
	.book .txt{bottom:-140px;}
}


/* motion */
.main .bg{
	opacity:0;
	transform:translateY(40px) scale(1.12);
	transition:
		transform 2s cubic-bezier(.22,1,.36,1),
		opacity 1.2s ease;
}

.fp-viewing-main .main .bg{
	opacity:1;
	transform:translateY(0) scale(1);
}

.main .fireFx{opacity:0;transition:opacity 0.8s ease-in-out .2s;}
.fp-viewing-main .main .fireFx{opacity:.5;}

.main .txt_g .txt1,
.main .txt_g .txt2,
.main .txt_g .txt3,
.main .btns,
.main .btng,
.book .main_title,
.book .box_g,
.book .txt,
.event .event_title h2,
.event .event_title p,
.event .invite_step,
.event .auth_area,
.event .event_content_box,
.event2 .event_title h2,
.event2 .event_title p,
.event2 .luckydraw_container,
.weapon_g .weapon_title h2,
.weapon_g .weapon_title div,
.game2 h2{ 
	position:relative;opacity:0;
}


.header{opacity:0;transform:translateY(-70px);transition:opacity .8s ease, transform .8s ease-in-out;}
.load .header{opacity:1;transform:translateY(0);}

.main .txt_g .txt1{transform:translateY(-70px);transition:opacity .8s ease .1s, transform .8s ease-in-out .1s;}
.main .txt_g .txt2{transform:translateY(-50px);transition:opacity .8s ease .2s, transform .8s ease-in-out .2s;}
.main .txt_g .txt3{transform:translateY(-40px);transition:opacity .8s ease .3s, transform .8s ease-in-out .3s;}
.main .btns{transform:translateY(-30px);transition:opacity .8s ease .4s, transform .8s ease-in-out .4s;}
.main .btng{transform:translateY(-20px);transition:opacity .8s ease .5s, transform .8s ease-in-out .5s;}

.book .main_title{transform:translateY(-60px);transition:opacity .8s ease .2s, transform .8s ease-in-out .2s;}
.book .box_g{transform:translateY(-40px);transition:opacity .8s ease .4s, transform .8s ease-in-out .4s;}
.book .txt{transform:translateY(-20px);transition:opacity .8s ease .4s, transform .8s ease-in-out .6s;}
.book .cons .img{opacity:0;transform:translateX(140px) scale(.75) rotate(-6deg);filter:blur(10px);transition:transform 1s cubic-bezier(.18,1,.25,1),opacity .8s ease,filter .8s ease;}


.event .event_title h2{transform:translateY(-70px);transition:opacity .8s ease .1s, transform .8s ease-in-out .1s;}
.event .event_title p{transform:translateY(-50px);transition:opacity .8s ease .2s, transform .8s ease-in-out .2s;}
.event .invite_step{transform:translateY(-40px);transition:opacity .8s ease .3s, transform .8s ease-in-out .3s;}
.event .auth_area{transform:translateY(-30px);transition:opacity .8s ease .4s, transform .8s ease-in-out .4s;}
.event .event_content_box{transform:translateY(-20px);transition:opacity .5s ease .3s, transform .8s ease-in-out .5s;}

.event2 .event_title h2{transform:translateY(-60px);transition:opacity .8s ease .2s, transform .8s ease-in-out .1s;}
.event2 .event_title p{transform:translateY(-60px);transition:opacity .8s ease .2s, transform .8s ease-in-out .2s;}
.event2 .luckydraw_container{transform:translateY(-40px);transition:opacity .8s ease .4s, transform .8s ease-in-out .4s;}

.weapon_g .weapon_title h2,.game2 h2{transform:translateY(-40px);transition:opacity .8s ease .4s, transform .8s ease-in-out .4s;}
.weapon_g .weapon_title div{transform:translateY(40px);transition:opacity .8s ease .6s, transform .8s ease-in-out .6s;}

.fp-viewing-main .main .txt_g .txt1,
.fp-viewing-main .main .txt_g .txt2,
.fp-viewing-main .main .txt_g .txt3,
.fp-viewing-main .main .btns,
.fp-viewing-main .main .btng,
.fp-viewing-book .book .main_title,
.fp-viewing-book .book .box_g,
.fp-viewing-book .book .cons .img,
.fp-viewing-book .book .txt,
.fp-viewing-event .event .event_title h2,
.fp-viewing-event .event .event_title p,
.fp-viewing-event .event .invite_step,
.fp-viewing-event .event .auth_area,
.fp-viewing-event .event .event_content_box,
.fp-viewing-event2 .event2 .event_title h2,
.fp-viewing-event2 .event2 .event_title p,
.fp-viewing-event2 .event2 .luckydraw_container,
.fp-viewing-game .weapon_g .weapon_title h2,
.fp-viewing-game .weapon_g .weapon_title div,
.fp-viewing-game2 h2,.fp-viewing-footer h2{
	opacity:1;transform:translateY(0);
}

.fp-viewing-book .book .cons .img{opacity:1;transform:translateX(0) scale(1) rotate(0);filter:blur(0);}

.weapon_g .it .in{opacity:0;transition:opacity 0.6s ease-in-out .2s;}
.fp-viewing-game .weapon_g .it .in{
    animation:floatIn 1.2s cubic-bezier(.22,1,.36,1) .8s forwards;
}

@keyframes floatIn{
	0%{opacity:0;filter:blur(18px);transform:translateY(180px);}
	100%{opacity:1;filter:blur(0);transform:translateY(0);}
}


.word_bg{opacity:0;transition:opacity 0.6s ease-in-out .3s;}
.fp-viewing-game2 .word_bg,.fp-viewing-footer .word_bg{opacity:1;}
.game2 .word_bg::after{opacity:0;}


.weapon_g .img{position:relative;opacity:0;transform:scale(.55) rotate(-90deg);filter:blur(18px) brightness(2);transform-origin:center;}
.fp-viewing-game .weapon_g .img{animation:emblemAppear 1.2s cubic-bezier(.22,1,.36,1) forwards}
@keyframes emblemAppear {
	0%{opacity:0;transform:scale(.55) rotate(-90deg);filter:blur(18px) brightness(2)}
	55%{opacity:1;transform:scale(1.15) rotate(8deg);filter:blur(0) brightness(1.8) drop-shadow(0 0 20px #ffdc78e6) drop-shadow(0 0 60px #ffdc7899)}
	100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0) brightness(1)}
}
.weapon_g .img::before{content:"";position:absolute;inset:-140px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffce6673 0%,#ffce662e 35%,transparent 70%);opacity:0}
.fp-viewing-game .weapon_g .img::before{animation:halo .55s ease-out forwards}
@keyframes halo {
	0%{opacity:0;transform:scale(.2)}
	35%{opacity:1}
	100%{opacity:0;transform:scale(5)}
}
.weapon_g .img::after{content:"";position:absolute;inset:-30px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#ad916973 0%,#78624840 80%,transparent 70%)}
.fp-viewing-game .weapon_g .img::after{animation:dust .8s ease-out .55s forwards}
@keyframes dust {
	0%{opacity:0;transform:scale(.3);filter:blur(0)}
	20%{opacity:1}
	100%{opacity:0;transform:scale(2.2);filter:blur(8px)}
}


.weaponView_g .weapon_view .imgs::after{content:"";position:absolute;left:50%;top:50%;width:600px;height:600px;transform:translate(-50%,-50%) scale(.2);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffecc84d 0%,#ffe2b42e 20%,#ffd7961a 45%,#ffcd820d 70%,transparent 100%)}
.weaponView_g .weapon_view .item.motion .imgs::after,.weaponView_g .weapon_view .item.animation .imgs::after{animation:weaponLight .9s ease-out forwards}
@keyframes weaponLight {
	0%{opacity:.45;transform:translate(-50%,-50%) scale(.2);filter:blur(0)}
	100%{opacity:0;transform:translate(-50%,-50%) scale(2.8);filter:blur(12px)}
}
.weaponView_g .weapon_view .dust{position:absolute;inset:0;pointer-events:none;content:"";position:absolute;z-index:9;left:0;right:0;top:400px;margin:0 auto;width:4px;height:4px;border-radius:50%;background:#ffdca5;box-shadow:-40px 20px 0 #ffdca5,-15px -10px 0 #ffe7c5,10px 15px 0 #ffd39b,40px -5px 0 #ffe7c5,60px 30px 0 #ffd39b,-70px 0 0 #ffe7c5,70px -20px 0 #ffdca5,25px 40px 0 #ffe7c5,-20px 55px 0 #ffdca5,0 -35px 0 #ffe7c5;opacity:0}
.weaponView_g .weapon_view .item.motion .dust,.weaponView_g .weapon_view .item.animation .dust{animation:dustUp .9s ease-out forwards}
@keyframes dustUp {
	0%{opacity:0;transform:translate(-50%,0) scale(.2)}
	20%{opacity:.9}
	100%{opacity:0;transform:translate(-50%,-60px) scale(1.4)}
}
.weaponView_g .weapon_view .imgs:before{opacity:0;transform:scale(.75);filter:brightness(2.8) blur(12px) drop-shadow(0 0 45px #ffe6b473)}
.weaponView_g .weapon_view .item.motion .imgs:before,.weaponView_g .weapon_view .item.animation .imgs:before{animation:weaponAppear 1.1s ease-out forwards}
@keyframes weaponAppear {
	0%{opacity:0;transform:scale(.78);filter:brightness(2.8) blur(18px) drop-shadow(0 0 60px #ffdcaa73)}
	35%{opacity:.75;transform:scale(.89);filter:brightness(2) blur(10px) drop-shadow(0 0 65px #ffdcaa66)}
	65%{opacity:1;transform:scale(.97);filter:brightness(1.3) blur(2px) drop-shadow(0 0 35px #ffdcaa47)}
	82%{transform:scale(.945);filter:brightness(1.08) blur(.5px) drop-shadow(0 0 22px #ffdcaa33)}
	100%{opacity:1;transform:scale(.95);filter:brightness(1) blur(0) drop-shadow(0 0 18px #ffdcaa2e)}
}

.character .bg{opacity:0;transform:scale(1.04);filter:brightness(.88) blur(4px);transition:opacity .9s ease,transform 2.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease;will-change:opacity,transform,filter}
.character .bg.active{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}

.character.enter .bg.active{animation:bgEnter 1s ease-out}
@keyframes bgEnter {
	0%{transform:scale(1.05);filter:brightness(.65) blur(2px)}
	100%{transform:scale(1);filter:brightness(1) blur(0)}
}
.character.enter .cha_view .swiper-slide-active .img img{animation:characterEnter 1s ease-in-out}
@keyframes characterEnter {
	0%{transform:translateY(0) scale(.95);filter:brightness(.78) blur(4px)}
	100%{transform:translateY(0) scale(.9);filter:brightness(1) blur(0)}
}
.character.enter .cha_list .swiper-slide-active .txtg{animation:textEnter .8s .35s both;}
@keyframes textEnter {
	0%{opacity:0;transform:translateX(-80px);filter:blur(6px)}
	100%{opacity:1;transform:translateX(0);filter:blur(0)}
}
.character.enter .cha_list{animation:listEnter .9s ease-out}
@keyframes listEnter {
	0%{opacity:0;transform:translateY(20px)}
	100%{opacity:1;transform:translateY(0)}
}

#dustCanvas1{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:106;opacity:.75;}
#dustCanvas2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:106;opacity:.75;}


/* 페이드 효과를 위한 */
.fp-section{pointer-events:none;}
.fp-section.active{pointer-events:auto;}

.fp-section{transition:opacity .45s ease-out,visibility 0s linear .45s !important;}
.fp-section.active{transition: opacity .75s ease-in !important;}

#myContainer{visibility:hidden;opacity:0;}
#myContainer.fp-ready{visibility:visible;opacity:1;}

.fp-viewing-character .character{z-index:101 ! important}


#footer{position:fixed;left:0;bottom:-235px;width:100%;height:235px;transition:bottom .6s ease;}
.fp-viewing-game2 .game2{position:relative;z-index:10;transition:transform .6s ease ! important;}
body.fp-viewing-game2.footer-open .section.game2{transform:translateY(-235px) ! important;}
.section.game2{z-index:10;}
body.footer-open #footer{bottom:0;}