.menu-toggle[data-v-bcef299a]{align-items:center;color:inherit;display:none;flex:none;grid-area:toggle;height:var(--gnb-height);justify-content:center;position:relative;z-index:1}@media (max-width:1279px){.menu-toggle[data-v-bcef299a]{display:flex}}.menu[data-v-4039c179]{grid-area:menu;justify-self:flex-start;position:relative;scrollbar-color:var(--color-black) var(--color-white);scrollbar-width:thin}@media (max-width:1279px){.menu[data-v-4039c179]{overflow:hidden;overflow-y:auto;padding:55px 0;width:100%}}.menu-items[data-v-4039c179]{align-items:start;display:flex;justify-content:center;position:relative}@media (max-width:1279px){.menu-items[data-v-4039c179]{align-items:center;flex-direction:column;gap:50px 0}}@media (hover:hover) and (pointer:fine){.menu-items:hover .menu-subItems[data-v-4039c179]{display:block}}@media (hover:hover) and (pointer:fine) and (max-width:1279px){.menu-items:hover .menu-subItems[data-v-4039c179]{display:flex}}@keyframes slideUp-4039c179{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translate(0)}}.menu-item[data-v-4039c179]{margin:27px 0;position:relative}@media (max-width:1279px){.menu-item[data-v-4039c179]{align-items:center;animation:slideUp-4039c179 .2s ease-in-out forwards;animation-delay:calc(var(--slide-delay, 0)*.1s);display:flex;flex-direction:column;margin:0;opacity:0;transform:translateY(100px)}}@media (hover:hover) and (pointer:fine){.menu-item:hover .menu-item__link[data-v-4039c179]{border:2px solid var(--color-black)}}@media (hover:hover) and (pointer:fine) and (max-width:1279px){.menu-item:hover .menu-item__link[data-v-4039c179]{border-color:transparent}}.menu-item__link[data-v-4039c179]{align-items:center;border:2px solid transparent;border-radius:18px;box-sizing:border-box;display:inline-flex;font-size:16px;font-weight:700;height:36px;justify-content:center;letter-spacing:-.3px;margin-right:24px;padding:0 16px;position:relative;transition:margin .2s,border .1s ease-in-out;white-space:nowrap}.menu-item__link .link-icon[data-v-4039c179]{flex:none;height:8px;margin-left:4px;position:relative;top:-3px;width:8px}@media (max-width:1279px){.menu-item__link[data-v-4039c179]{font-size:40px;height:auto;line-height:40px;margin-right:0;transition:none}.menu-item__link.router-link-active[data-v-4039c179]{border:2px solid transparent}}@media (max-width:1023px){.menu-item__link[data-v-4039c179]{font-size:30px;line-height:30px}}@keyframes fadeIn-4039c179{0%{opacity:0}to{opacity:1}}.menu-subItems[data-v-4039c179]{animation:fadeIn-4039c179 .5s ease-in-out forwards;display:none;margin-top:15px}@media (max-width:1279px){.menu-subItems[data-v-4039c179]{display:flex;flex-direction:column;justify-content:center;margin-bottom:-5px;margin-top:10px;opacity:.6;text-align:center}}@media (max-width:1023px){.menu-subItems[data-v-4039c179]{margin-top:22px}}.menu-subItem[data-v-4039c179]{position:relative}.menu-subItem .hover-icon[data-v-4039c179]{left:-2px;opacity:0;pointer-events:none;position:absolute;top:13px;transform:translate(-8px);transition:transform .2s ease-out}@media (max-width:1279px){.menu-subItem .hover-icon[data-v-4039c179]{display:none}}@media (hover:hover) and (pointer:fine){.menu-subItem:hover .hover-icon[data-v-4039c179]{opacity:1;transform:translate(0)}}@media (hover:hover) and (pointer:fine) and (max-width:1279px){.menu-subItem:hover .hover-icon[data-v-4039c179]{transform:none}}@media (hover:hover) and (pointer:fine){.menu-subItem:hover .menu-subItem__link[data-v-4039c179]{font-weight:700}}@media (hover:hover) and (pointer:fine) and (max-width:1279px){.menu-subItem:hover .menu-subItem__link[data-v-4039c179]{font-weight:600}}.menu-subItem__link[data-v-4039c179]{box-sizing:border-box;display:block;font-size:13px;font-weight:600;letter-spacing:-.3px;line-height:16px;max-width:120px;padding:8px 0 8px 18px;word-break:keep-all}.menu-subItem__link .link-icon[data-v-4039c179]{height:10px;position:relative;top:0;width:10px}@media (max-width:1279px){.menu-subItem__link[data-v-4039c179]{color:var(--color-black);font-size:18px;max-width:100%;padding:8px 0}}.login[data-v-8a2ba910]{align-items:center;display:flex;gap:20px;line-height:normal}@media (max-width:1023px){.login[data-v-8a2ba910]{background-color:#fff;height:80px;justify-content:flex-end;left:0;opacity:0;padding:0 20px;pointer-events:none;position:fixed;top:70px;visibility:hidden;width:100%}}.login.show[data-v-8a2ba910]{background-color:var(--color-white);border-top:1px solid #e8e8e8;opacity:1;pointer-events:auto;visibility:visible}.login__nickname[data-v-8a2ba910]{color:var(--color-orange)}.login button[data-v-8a2ba910]{color:inherit;transition:all .3s ease-in-out}@media (hover:hover) and (pointer:fine){.login button[data-v-8a2ba910]:hover{color:var(--color-orange)}}.login__no-character[data-v-8a2ba910]{display:flex;flex-direction:column;gap:6px;text-align:right}.login__no-character p[data-v-8a2ba910]{font-weight:700;letter-spacing:.5px;line-height:14px}.login__no-character span[data-v-8a2ba910]{font-size:11px;font-weight:300;line-height:14px}.login__login-button[data-v-8a2ba910]{align-items:center;display:flex;font-weight:500;gap:10px;line-height:14px}@media (max-width:1023px){.login__login-button[data-v-8a2ba910]{flex-direction:row-reverse}}.language[data-v-c8269a86]{background-color:#fff;opacity:0;pointer-events:none;position:absolute;right:-60px;top:calc(100% - 20px);visibility:hidden;z-index:1}@media (max-width:1023px){.language[data-v-c8269a86]{background-color:var(--color-white);border-top:1px solid #e8e8e8;position:fixed;right:0;top:70px;width:100%}}.language.show[data-v-c8269a86]{opacity:1;pointer-events:auto;visibility:visible}.language__links[data-v-c8269a86]{display:flex;flex-direction:column;min-width:140px}.language__link[data-v-c8269a86]{border-bottom:1px solid var(--color-white);color:var(--color-black);font-size:13px;font-weight:400;padding:14px;text-align:center;transition:all .3s ease-in-out;width:100%}@media (max-width:1023px){.language__link[data-v-c8269a86]{border-color:#e8e8e8}}.language__link.active[data-v-c8269a86]{color:var(--color-orange)}@media (hover:hover) and (pointer:fine){.language__link[data-v-c8269a86]:hover{color:var(--color-orange)}}.util[data-v-123cc15f]{align-items:center;display:flex;gap:20px;grid-area:util;height:var(--gnb-height);margin-right:30px;position:relative}@media (max-width:1023px){.util[data-v-123cc15f]{margin-right:20px;position:absolute;right:0;top:0}}.util__line[data-v-123cc15f]{background-color:currentColor;height:18px;opacity:.15;width:1px}@media (max-width:1023px){.util__line[data-v-123cc15f]{display:none}}.login-toggle[data-v-123cc15f]{display:none}@media (max-width:1023px){.login-toggle[data-v-123cc15f]{display:block}}@media (hover:hover) and (pointer:fine){.login-toggle[data-v-123cc15f]:hover{color:var(--color-orange)}}.language-toggle[data-v-123cc15f]{color:inherit;display:flex;transition:all .3s ease-in-out}@media (hover:hover) and (pointer:fine){.language-toggle[data-v-123cc15f]:hover{color:var(--color-orange);transform:rotate(180deg)}}.sns{align-items:center;display:none;gap:0 10px;grid-area:sns;height:var(--gnb-height);justify-content:center;position:relative}.sns a{display:inline-block;line-height:0;padding:10px}@media (max-width:1023px){.sns{align-items:center;border-top:1px solid #bbb5ae;gap:0 30px;height:var(--gnb-sns-not-desktop-height);justify-content:center;margin-top:auto;width:100%}.sns a{margin:0}.sns svg{height:40px;width:40px}}.wish[data-v-cdce351a]{align-items:center;display:flex;grid-area:wish;height:var(--gnb-height);padding-right:36px;position:relative}@media (max-width:1279px){.wish[data-v-cdce351a]{padding-right:26px}}@media (max-width:1023px){.wish[data-v-cdce351a]{display:none}}.wish .button[data-v-cdce351a]{align-items:center;background:var(--color-orange);color:var(--color-black);display:flex;flex-shrink:0;font-family:var(--font-key);font-size:16px;font-weight:700;gap:8px;height:48px;letter-spacing:2px;min-width:180px;overflow:hidden;padding:0 20px;position:relative;text-transform:uppercase;white-space:nowrap}.wish .button svg[data-v-cdce351a]{flex-shrink:0}.wish .button[data-v-cdce351a]:before{background-image:linear-gradient(135deg,var(--color-black) 50%,transparent 50%);background-position:100%;background-size:400%;content:"";display:block;height:100%;left:0;opacity:.15;position:absolute;top:0;transition:background .5s ease-in-out;width:100%}@media (hover:hover) and (pointer:fine){.wish .button[data-v-cdce351a]:hover:before{background-position:0}}@keyframes fadeInBg-24e183e0{0%{background-color:transparent}to{background-color:var(--color-white)}}@keyframes fadeInSns-24e183e0{0%{opacity:0}to{opacity:1}}.gnb[data-v-24e183e0]{height:var(--gnb-height);position:sticky;top:0;width:100%;z-index:2000}.gnb.game[data-v-24e183e0],.gnb.main[data-v-24e183e0]{height:0}.gnb.game.top .gnb-wrapper[data-v-24e183e0],.gnb.main.top .gnb-wrapper[data-v-24e183e0]{border-bottom:0}.gnb.game .gnb-wrapper.transparent-bg[data-v-24e183e0]:before,.gnb.main .gnb-wrapper.transparent-bg[data-v-24e183e0]:before{background-color:transparent}@media (max-width:1023px){.gnb.game .gnb-wrapper.transparent-bg[data-v-24e183e0]:before,.gnb.main .gnb-wrapper.transparent-bg[data-v-24e183e0]:before{background-color:var(--color-white)}}.gnb.game .gnb-wrapper.color-light[data-v-24e183e0],.gnb.main .gnb-wrapper.color-light[data-v-24e183e0]{color:var(--color-white)}@media (max-width:1023px){.gnb.game .gnb-wrapper.color-light[data-v-24e183e0],.gnb.main .gnb-wrapper.color-light[data-v-24e183e0]{color:var(--color-black)}}.gnb.game .gnb-wrapper[data-v-24e183e0]:has(.menu:hover),.gnb.main .gnb-wrapper[data-v-24e183e0]:has(.menu:hover){color:var(--color-black)!important}.gnb.game .gnb-wrapper:has(.menu:hover) .gnb-bg[data-v-24e183e0],.gnb.main .gnb-wrapper:has(.menu:hover) .gnb-bg[data-v-24e183e0]{background-color:var(--color-white)}.gnb.game .gnb-bg[data-v-24e183e0],.gnb.main .gnb-bg[data-v-24e183e0]{height:0}@media (max-width:1023px){.gnb.game .gnb-bg[data-v-24e183e0],.gnb.main .gnb-bg[data-v-24e183e0]{height:var(--gnb-height)}}.gnb .gnb-wrapper.show[data-v-24e183e0]{animation:fadeInBg-24e183e0 .3s ease-in-out forwards}.gnb .gnb-wrapper.show .sns[data-v-24e183e0]{animation:fadeInSns-24e183e0 .5s ease-in-out forwards}.gnb-wrapper[data-v-24e183e0]{border-bottom:1px solid rgba(9,12,25,.1);display:grid;grid-template-areas:"logo menu util wish";grid-template-columns:128px 1fr auto auto;position:relative}@media (max-width:1279px){.gnb-wrapper[data-v-24e183e0]{grid-template-areas:"toggle logo util wish" "menu menu menu menu";grid-template-columns:85px 1fr auto auto}.gnb-wrapper .menu[data-v-24e183e0]{display:none;height:calc(var(--screen-height) - var(--gnb-height))}}@media (max-width:1023px){.gnb-wrapper[data-v-24e183e0]{grid-template-areas:"toggle logo" "menu menu" "sns sns";grid-template-columns:85px 1fr}.gnb-wrapper .menu[data-v-24e183e0]{height:calc(var(--screen-height) - var(--gnb-height) - var(--gnb-sns-not-desktop-height))}.gnb-wrapper .sns[data-v-24e183e0]{display:none}}@media (max-width:1279px){.gnb-wrapper.show .menu[data-v-24e183e0]{display:block}}@media (max-width:1023px){.gnb-wrapper.show .sns[data-v-24e183e0]{display:flex}}.gnb-wrapper:has(.menu:hover) .gnb-bg[data-v-24e183e0]{height:100%}.gnb-bg[data-v-24e183e0]{background-color:var(--color-white);height:var(--gnb-height);left:0;position:absolute;top:0;transition:height .3s ease-in-out;width:100%}