.app-nav-sub{position:absolute;top:calc(100% + 22px);left:0;background:var(--Background-Normal-Normal,#fff);box-shadow:inset 0 2px 0 var(--Primary-Normal,#ff7926);padding:20px;width:220px;display:flex;flex-direction:column;gap:4px}.app-nav-sub:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:24px}.app-nav-sub:has(.app-nav-sub){min-width:184px;padding:12px}.app-nav-sub>.app-nav-sub-item{display:flex;flex-direction:column;align-items:flex-start;width:100%}.app-nav-sub .app-nav-sub{top:0;left:100%;box-shadow:none;margin-left:5px;padding:6px;width:auto;z-index:2;background:var(--Background-Elevated-Normal,#f4f4f5)}.app-nav-sub .app-nav-sub:before{content:"";position:absolute;top:0;left:-5px;width:5px;height:100%}.app-nav-sub .app-nav-sub>.app-nav-sub-item{min-width:150px;width:100%}.app-nav-sub .nav-item{--item-color:var(--Label-Neutral,#333e48);width:100%;justify-content:space-between}.app-nav-sub .nav-item .nav-item-content{width:100%}.app-nav-sub .nav-item .nav-item-content .nav-item-label{width:-moz-fit-content;width:fit-content}.app-nav-sub .nav-item .nav-item-content .nav-item-icon-wrap,.app-nav-sub .nav-item .nav-item-content .nav-item-link-icon{margin-left:auto}.app-nav-sub .nav-item:hover{--item-color:var(--Primary-Normal,#ff7926)}@media(max-width:1599px){.app-nav-sub{padding:10px;top:calc(100% + 17px)}.app-nav-sub:has(.app-nav-sub){min-width:152px;padding:6px;top:calc(100% + 17px)}.app-nav-sub .app-nav-sub{margin-left:0}}.nav-item{--item-color:var(--Label-Normal,#1b1c1e);--icon-color:var(--Line-Normal-_Strong,#28303785);position:relative;display:flex;width:100%;padding:8px 12px;height:38px}.nav-item>.sub-menu-content{display:none}.nav-item--has-children:after{content:"";position:absolute;top:100%;left:0;width:100%;height:24px}.nav-item--has-children.in-sub-menu:after{top:0;left:100%;width:5px;height:100%}.nav-item:hover{background:var(--Fill-Normal,rgba(40,48,55,.08));border-radius:4px;--item-color:var(--Label-Strong,#000);--icon-color:var(--Label-Strong,#000)}.nav-item:hover>.sub-menu-content{display:flex;z-index:1;--item-color:var(--Primary-Normal,#ff7926);--icon-color:var(--Primary-Normal,#ff7926)}.nav-item--has-children:hover{z-index:1}.nav-item .nav-item-link{display:flex;flex:1;min-width:0;text-decoration:none;color:inherit}.nav-item .nav-item-label{position:relative;color:var(--item-color);font-family:var(--font-pretendard);font-size:17px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-.34px}.nav-item .nav-item-label .is-new-dot{position:absolute;left:95%;top:-3px;width:20px;height:20px}@media(max-width:1599px){.nav-item .nav-item-label{font-size:16px;letter-spacing:-.32px}}.nav-item .nav-item-icon-wrap,.nav-item .nav-item-link-icon{display:flex;width:10px;height:10px;justify-content:center;align-items:center;aspect-ratio:1/1;color:var(--icon-color)}.nav-item .nav-item-icon{width:10px;height:10px}.sub-menu-content .nav-item-label{font-size:15px;letter-spacing:-.3px;line-height:22px}.sub-menu-content .nav-item:hover{--item-color:var(--Primary-Normal,#ff7926);--icon-color:var(--Primary-Normal,#ff7926)}.mobile-menu[data-v-06595eff]{display:none}.icon-menu[data-v-06595eff]{color:var(--Label-Normal,#1b1c1e)}@media(max-width:1024px){.mobile-menu[data-v-06595eff]{display:block;grid-area:mobile-menu;width:30px;height:30px;margin-right:30px}.mobile-menu svg[data-v-06595eff]{display:block;width:100%;height:100%}}@media(max-width:767px){.mobile-menu[data-v-06595eff]{margin-right:0}}.user-item[data-v-52c824de]{--item-color:var(--Label-Normal,#1b1c1e);--icon-color:var(--Line-Normal-_Strong,rgba(40,48,55,.52));position:relative;display:flex;align-items:center;gap:10px;font-family:var(--font-pretendard);font-weight:700;border-radius:4px;padding:8px 12px}.user-item[data-v-52c824de]:hover{background:var(--Fill-Alternative,rgba(40,48,55,.05));--item-color:var(--Label-Strong,#000);--icon-color:var(--Label-Strong,#000)}.user-item:hover .user-dropdown[data-v-52c824de]{display:flex}.user-item:hover .user-dropdown .nick-name[data-v-52c824de]{padding:12px 6px}.user-item .icon-exit[data-v-52c824de]{color:var(--icon-color)}.user-item .user-icon[data-v-52c824de]{flex-shrink:0;width:24px;height:24px}.user-item .nick-name-text[data-v-52c824de],.user-item .user-icon[data-v-52c824de]{color:var(--item-color)}.user-item .login[data-v-52c824de]{display:flex;align-items:center;gap:10px}.user-item .login .login-text[data-v-52c824de]{font-size:16px;letter-spacing:-.32px;color:var(--item-color);white-space:nowrap}@media(max-width:767px){.user-item .login .login-text[data-v-52c824de]{display:none}}.user-item .no-character[data-v-52c824de]{border-radius:4px}.user-item .no-account[data-v-52c824de]{cursor:pointer}.user-item .no-character-text[data-v-52c824de]{color:var(--item-color);font-size:13px;line-height:16px;letter-spacing:-.26px}.user-item .nick-name[data-v-52c824de]{display:flex;align-items:center;gap:10px;border-radius:4px}.user-item .nick-name .user-logo[data-v-52c824de]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;overflow:hidden}.user-item .nick-name .user-logo img[data-v-52c824de]{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.user-item .nick-name .user-sub-menu[data-v-52c824de]{width:10px;height:10px;flex-shrink:0;color:var(--icon-color)}.user-item .logout-button[data-v-52c824de]{display:flex;align-items:center;justify-content:center;border:1px solid var(--icon-color);padding:2px;width:12px;height:12px}.user-item .user-dropdown[data-v-52c824de]{display:none;position:absolute;top:calc(100% + 16px);right:0;width:-moz-max-content;width:max-content;background:var(--Background-Normal-Normal,#fff);border-top:2px solid var(--Primary-Normal,#ff7926);padding:20px;gap:4px;--item-color:var(--Label-Neutral,#333e48);--icon-color:var(--Label-Assistive,rgba(51,62,72,.5))}.user-item .user-dropdown[data-v-52c824de]:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:24px}.user-item .user-dropdown .nick-name[data-v-52c824de]{align-items:center;justify-content:center;color:var(--item-color);white-space:nowrap}.user-item .user-dropdown .nick-name[data-v-52c824de]:hover{background:var(--Fill-Normal,rgba(40,48,55,.08));--item-color:var(--Primary-Normal,#ff7926);--icon-color:var(--Label-Alternative,#556069);cursor:pointer}.user-item .user-dropdown .nick-name:hover .battle-tag[data-v-52c824de]{color:var(--Label-Alternative,#556069)}.user-item .user-dropdown .battle-tag[data-v-52c824de],.user-item .user-dropdown .icon-exit[data-v-52c824de]{color:var(--icon-color)}.user-item .no-character-dropdown[data-v-52c824de]{display:none}@media(max-width:1599px){.user-item .user-dropdown[data-v-52c824de]{top:calc(100% + 10px);padding:10px}}@media(max-width:1024px){.user-item .user-dropdown[data-v-52c824de]{left:unset;right:0}}@media(max-width:767px){.user-item[data-v-52c824de]{width:-moz-fit-content;width:fit-content;margin-left:auto}.user-item .user-dropdown[data-v-52c824de]{left:unset;right:0}.user-item .user-dropdown .nick-name .nick-name-text[data-v-52c824de]{display:block}.user-item .nick-name .nick-name-text[data-v-52c824de],.user-item .nick-name .user-sub-menu[data-v-52c824de],.user-item .no-character .logout-button[data-v-52c824de],.user-item .no-character .no-character-text[data-v-52c824de]{display:none}.user-item .no-character-dropdown[data-v-52c824de]{align-items:center;gap:10px}}.default-button{display:inline-flex;height:56px;min-width:234px;padding:5px 5px 5px 43px;justify-content:space-between;align-items:center;gap:28px;border-radius:2px;background:var(--Label-Normal,#1b1c1e);cursor:pointer;transition:background-color .2s ease,color .2s ease}.default-button .default-button-icon-wrap{display:flex;flex:0 0 auto;width:auto;height:100%;aspect-ratio:1/1;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:2px;background:var(--Background-Normal-Alternative,#f9fbff);color:var(--Label-Normal,#1b1c1e);transition:background-color .2s ease}.default-button .default-button-icon-wrap .default-button-icon{display:flex;width:20px;height:20px;justify-content:center;align-items:center;flex-shrink:0}.default-button .default-button-label{min-width:0;color:var(--Background-Normal-Alternative,#f9fbff);font-family:var(--font-pretendard);font-size:16px;font-style:normal;font-weight:600;line-height:1.25;letter-spacing:3.2px;text-align:left;text-transform:uppercase;transition:color .2s ease}.default-button:hover{background:var(--Primary-Normal,#ff7926)}.default-button:hover .default-button-label{color:var(--Static-Neutral-Dark-Heavy,#283037)}.default-button.is-color{background:var(--Primary-Normal,#ff7926)}.default-button.is-color .default-button-label{color:var(--Static-Neutral-Dark-Heavy,#283037)}.default-button.is-color:hover{background:var(--Label-Normal,#1b1c1e)}.default-button.is-color:hover .default-button-label{color:var(--Background-Normal-Alternative,#f9fbff)}@media(max-width:1599px){.default-button{min-width:185px;height:46px;padding:4px 4px 4px 28px;gap:24px}.default-button,.default-button .default-button-icon-wrap{border-radius:2px}.default-button .default-button-label{font-size:15px;letter-spacing:1.5px}}@media(max-width:1024px){.default-button{min-width:227px;height:56px;padding:5px 5px 5px 43px}.default-button,.default-button .default-button-icon-wrap{border-radius:2px}.default-button .default-button-label{font-size:16px;letter-spacing:3.2px}}.game-start-button[data-v-bec6d0ed]{margin-left:20px;grid-area:button}@media(max-width:1599px){.game-start-button[data-v-bec6d0ed]{margin-left:16px}}@media(max-width:1024px){.game-start-button[data-v-bec6d0ed]{display:none}}.sns-button{display:flex;flex-shrink:0;width:54px;height:54px;justify-content:center;align-items:center;border-radius:9999px;border:1px solid var(--Line-Normal-Normal,hsla(0,0%,100%,.2));opacity:.43;background:var(--Line-Normal-Normal,hsla(0,0%,100%,.2));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;transition:opacity .2s ease}.sns-button .sns-button-icon{flex-shrink:0;width:28px;height:28px}.sns-button .sns-button-icon.sns-x{width:19.6px;height:19.6px}.sns-button .sns-button-icon.sns-facebook{width:22.4px;height:22.4px}.sns-button .sns-button-icon.sns-youtube{width:22.4px;height:15.4px;aspect-ratio:16/11}.sns-button .sns-button-icon.sns-tiktok{width:19.6px;height:22.4px}.sns-button:hover{opacity:1}.mobile-menu-panel{position:fixed;inset:0;z-index:100;background:var(--Background-Normal-Normal,#fff);overflow-y:auto;display:flex;flex-direction:column}.mobile-menu-close{position:absolute;top:32px;left:32px;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;color:var(--Label-Strong,#000)}.mobile-menu-close,.mobile-menu-header{display:flex;align-items:center;justify-content:center}.mobile-menu-header{padding:32px}.mobile-menu-header a{display:flex;align-items:center;justify-content:center}.mobile-menu-logo{width:200px;height:auto}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-item{border-bottom:1px solid var(--Line-Normal-Normal,rgba(40,48,55,.15))}.mobile-menu-nav{display:flex;flex-direction:column;gap:4px;padding:32px}.mobile-menu-parent-label{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;font-family:var(--font-pretendard);font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.56px;color:var(--Label-Neutral,#333e48);text-decoration:none}.mobile-menu-ext-icon{width:24px;height:24px;flex-shrink:0;color:var(--Line-Normal-_Strong,rgba(40,48,55,.52))}.mobile-menu-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mobile-menu-sub-group{display:inline-flex;align-items:center;gap:8px}.mobile-menu-sub-label{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;font-family:var(--font-pretendard);font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.36px;color:var(--Label-Assistive,rgba(51,62,72,.5));text-decoration:none;position:relative}.mobile-menu-new-dot{position:absolute;right:-4px;top:5px;width:20px;height:20px;flex-shrink:0}.mobile-menu-sub-ext-icon{width:14px;height:14px;flex-shrink:0;margin-left:12px}.mobile-menu-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--Label-Assistive,rgba(51,62,72,.5));flex-shrink:0}.mobile-menu-sns{display:flex;align-items:center;justify-content:center;gap:20px;padding:28px 0;background:var(--Inverse-Background-4,#f9fbff);margin-top:auto}.mobile-menu-sns .sns-button{background:var(--Static-Neutral-Light-Heavy,#aeb3b9);border-color:var(--Line-Normal-Normal,rgba(40,48,55,.15))}@media(max-width:767px){.mobile-menu-close{top:16px;left:16px}.mobile-menu-header{padding:32px 16px}.mobile-menu-nav{padding:24px 16px}}.app-header[data-v-f96f7a20]{position:sticky;top:0;z-index:30;display:grid;align-items:center;grid-template-columns:45px 1fr auto auto;grid-template-rows:1fr;grid-template-areas:"logo pc-menu user button";padding:0 18px 0 50px;height:88px;background:var(--Background-Normal-Normal,#fff)}.app-header.color-transparent[data-v-f96f7a20]{background:transparent}.app-header .app-nav-menu[data-v-f96f7a20]{grid-area:pc-menu;display:flex;align-items:center;gap:20px;margin-left:48px}.app-header .app-nav-menu .app-nav-item[data-v-f96f7a20]{position:relative}@keyframes gnb-fade-in-f96f7a20{0%{opacity:0}to{opacity:1}}.app-header .app-nav-menu[data-v-f96f7a20],.app-header .user-info[data-v-f96f7a20]{animation:gnb-fade-in-f96f7a20 .15s ease}.app-header .user-info[data-v-f96f7a20]{grid-area:user}@media(max-width:1599px){.app-header[data-v-f96f7a20]{padding:0 11px 0 40px;height:68px}.app-header .app-nav-menu[data-v-f96f7a20]{margin-left:40px;gap:16px}}@media(max-width:1024px){.app-header[data-v-f96f7a20]{grid-template-columns:auto 1fr auto auto;grid-template-areas:"mobile-menu logo user button";padding:0 10px 0 30px;height:70px}.app-header .app-header-container[data-v-f96f7a20]{max-width:100%}}@media(max-width:767px){.app-header[data-v-f96f7a20]{grid-template-columns:1fr auto 1fr;grid-template-areas:"mobile-menu logo user";padding:0 16px}}.sns-box{padding:50px 0;gap:20px;background:var(--Inverse-Background-4,#0e1425)}@media(max-width:1599px){.sns-box{padding:40px 0}}@media(max-width:767px){.sns-box{padding:28px 0}}.app-footer-top-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:80px;height:80px;padding:0;border:none;border-radius:50%;background:#fff;color:#000;cursor:pointer;transition:transform .15s ease}.app-footer-top-btn .top-arrow{display:block;width:12px}.app-footer-top-btn .top-label{font-family:var(--font-pretendard);font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.32px}.app-footer-top-btn:hover{background:#ff7926;color:#f9fbff}@media(max-width:1599px){.app-footer-top-btn{width:60px;height:60px}.app-footer-top-btn .top-arrow{display:block;width:10px}.app-footer-top-btn .top-label{font-size:14px;line-height:20px;letter-spacing:-.28px}}@media(max-width:767px){.app-footer-top-btn{display:none}}.app-footer{width:100%;overflow-x:auto}.app-footer-content{position:relative;background:#1d253a;padding:70px;width:100%}.app-footer-content .app-footer-inner{width:100%;max-width:1400px;margin:0 auto}.app-footer-content .app-footer-inner .app-footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid hsla(0,0%,100%,.2)}.app-footer-content .app-footer-inner .app-footer-top .app-footer-logo{display:flex;align-items:center;gap:60px;min-width:-moz-max-content;min-width:max-content}.app-footer-content .app-footer-inner .app-footer-top .app-footer-logo .footer-ci{display:block;height:46px;width:auto;flex-shrink:0;overflow:visible}.app-footer-content .app-footer-inner .app-footer-top .app-footer-logo .footer-ci.nexon-pc{display:block;width:131px;height:40px;aspect-ratio:131/40}.app-footer-content .app-footer-inner .app-footer-top .app-footer-logo .footer-ci.nexon-m{display:none}.app-footer-content .app-footer-inner .app-footer-top .app-footer-logo .footer-ci.blizzard-ci{width:77px;height:40px;aspect-ratio:77/40}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu{display:flex;align-items:center;gap:40px}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu .app-footer-nav-link{position:relative;color:#cdd3dc;font-family:var(--font-pretendard);font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.32px}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu .app-footer-nav-link:hover{font-weight:700;color:#fff}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu .app-footer-nav-link+.app-footer-nav-link:before{content:"";position:absolute;left:-20px;top:50%;width:1px;height:14px;background-color:#ffffff80;transform:translateY(-50%);pointer-events:none}.app-footer-content .app-footer-inner .app-footer-bottom{display:flex;align-items:center;padding-top:40px;gap:260px}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright{flex:1;min-width:0;color:var(--Label-Neutral,#cdd3dc);font-family:var(--font-pretendard);font-size:15px;font-weight:500;line-height:22px;letter-spacing:-.3px}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info .app-footer-biz-item{display:flex;align-items:center;gap:12px}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info .app-footer-biz-item span{opacity:.7;white-space:nowrap}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info .app-footer-biz-divider{width:1px;height:14px;background:#fff3;flex-shrink:0}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info .app-footer-biz-link{font-weight:700;color:var(--Label-Neutral,#cdd3dc);white-space:nowrap}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-copyright-item{opacity:.7}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-copyright-item p{margin:0}@media(max-width:1599px){.app-footer-content{padding:60px 40px}.app-footer-content .app-footer-inner .app-footer-top{align-items:flex-start}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu{flex-wrap:wrap;justify-content:flex-end;gap:20px 40px;max-width:617px}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu .app-footer-nav-link+.app-footer-nav-link:before{left:-20px}.app-footer-content .app-footer-inner .app-footer-bottom{gap:80px}}@media(max-width:1024px){.app-footer-content{padding:50px 40px}.app-footer-content .app-footer-inner .app-footer-top{justify-content:center;flex-direction:column;align-items:center;gap:60px}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu{flex-wrap:wrap;justify-content:center;gap:20px;max-width:617px;padding-left:20px}.app-footer-content .app-footer-inner .app-footer-top .app-footer-menu .app-footer-nav-link+.app-footer-nav-link:before{left:-10px}}@media(max-width:767px){.app-footer-content{padding:40px}.app-footer-content .app-footer-inner{padding:0}.app-footer-content .app-footer-inner .app-footer-top{flex-direction:column-reverse;gap:40px}.app-footer-content .app-footer-inner .mobile-sns-box{padding-bottom:40px}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright{color:var(--Label-Neutral,#cdd3dc);text-align:center;font-size:13px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:-.26px}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info{justify-content:center}.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-biz-info .app-footer-biz-item span,.app-footer-content .app-footer-inner .app-footer-bottom .app-footer-copyright .app-footer-copyright-item{opacity:.7}}.app-mobile-footer-menu{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;padding:28px 0;background:var(--Inverse-Background-4,#0e1425);text-align:center;font-family:var(--font-pretendard);font-size:16px;font-style:normal;line-height:24px;letter-spacing:-.32px;color:var(--Label-Alternative,#aeb3b9);font-weight:500}.app-mobile-footer-menu .footer-privacy{position:relative;font-weight:700;color:var(--Label-Normal,#f9fbff);margin-right:32px}.app-mobile-footer-menu .footer-privacy:after{content:"";position:absolute;width:1px;height:14px;top:50%;right:-32px;transform:translateY(-50%);background:#ffffff80}