@import "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap";
@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.otf)format("opentype"),url(/fonts/Pretendard-Bold.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.otf)format("opentype"),url(/fonts/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-style:normal}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.otf)format("opentype"),url(/fonts/Pretendard-Medium.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.otf)format("opentype"),url(/fonts/Pretendard-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:TmoneyRoundWind;src:url(/fonts/TmoneyRoundWindExtraBold.otf)format("opentype"),url(/fonts/TmoneyRoundWindExtraBold.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundL.ttf)format("truetype"),url(/fonts/NanumSquareRoundOTFL.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundR.ttf)format("truetype"),url(/fonts/NanumSquareRoundOTFR.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundB.ttf)format("truetype"),url(/fonts/NanumSquareRoundOTFB.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundEB.ttf)format("truetype"),url(/fonts/NanumSquareRoundOTFEB.otf)format("opentype");font-weight:800;font-style:normal}*{box-sizing:border-box;-webkit-tap-highlight-color:#0000;margin:0;padding:0}:before,:after{box-sizing:border-box}body,button,input,select,table,textarea,h1,h2,h3,h4{font-family:NanumSquareRound,Noto Sans KR,-apple-system,BlinkMacSystemFont,Helvetica Neue,Apple SD Gothic Neo,sans-serif}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#250c50;min-width:360px;font-weight:800}ul,ol{list-style:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button,fieldset{border:0}table{border-collapse:collapse;border-spacing:0;width:100%}em,address,i{font-style:normal}a,u{color:#fff;text-decoration:none}fieldset,legend{border:0}legend{visibility:hidden;height:0}button{background:0 0}button *{position:relative}button::-moz-focus-inner{border:0;padding:0}input::-ms-clear{display:none}input[type=password]::-ms-reveal{display:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input{box-sizing:border-box}textarea{resize:none}a,button,input,select,textarea,[contenteditable]{outline:0}button,select,input[type=checkbox],input[type=radio]{cursor:pointer}button:disabled,input:disabled{cursor:default}button:active{will-change:transform,filter;transition:transform .12s cubic-bezier(.4,0,.2,1),filter .12s}button:active:active{filter:brightness(1.04);transform:scale(1.04)translateY(-1px)}@keyframes motion{0%{margin-top:0}to{margin-top:-10px}}.wrap-page{background-color:#3a266e;width:1280px;min-height:100vh;margin:0 auto}@media (min-width:720px) and (max-width:1279px){.wrap-page{width:100%}}@media (max-width:719px){.wrap-page{width:100%;padding-bottom:108px}}.component-tabs{gap:8px;display:flex}.component-tabs .tabs-round{color:#b3abd4;background-color:#54478a;border-radius:48px;padding:0 16px;font-size:16px;font-weight:400;line-height:48px;display:inline-block}@media (max-width:719px){.component-tabs .tabs-round{padding:0 12px;font-size:13px;line-height:40px}}.component-tabs .tabs-round.active{color:#4e34f4;background-color:#fff;font-weight:800}.btn-solid{color:#d1cce5;background-color:#54478a;border-radius:16px;align-items:center;padding:0 16px;line-height:48px;display:inline-flex}@media (max-width:719px){.btn-solid{border-radius:12px;padding:0 8px;font-size:13px;line-height:40px}.btn-solid .txt-web{display:none}}.btn-solid.ico-pen:before{content:"";background:url(../media/btn-pen.07pf0_98vmky4.svg) 0 0/100% 100% no-repeat;width:20px;height:20px;margin-right:8px;display:inline-block}@media (max-width:719px){.btn-solid.ico-pen:before{width:16px;height:16px;margin-right:4px}}.btn-solid-s{color:#e1ddfd;background-color:#6b5bab;border-radius:12px;min-width:100px;padding:0 10px;font-size:15px;font-weight:800;line-height:40px}.btn-solid-s.bg-dark{background-color:#806ef7}.btn-solid-round{color:#b3abd4;background-color:#54478a;border-radius:48px;align-items:center;padding:0 16px;font-size:16px;font-weight:700;line-height:48px;display:inline-flex}@media (max-width:719px){.btn-solid-round{padding:0 12px;font-size:13px;font-weight:400;line-height:40px}}.btn-solid-round.ico-check:before{content:"";background:url(../media/btn-check.0ol5gvp-h-3es.svg) 0 0/100% 100% no-repeat;width:24px;height:24px;margin-right:8px;display:inline-block}@media (max-width:719px){.btn-solid-round.ico-check:before{width:16px;height:16px;margin-right:4px}}.component-select.type-s .m_8fb7ebe7{color:#d1cce5;background:#54478a url(../media/arrow-select.37mjgljkizoul.svg) right 10px center/20px 20px no-repeat;border-radius:12px;height:40px;padding:0 30px 0 10px;font-weight:400}.component-select.type-s .m_8fb7ebe7[data-expanded=true]{background-size:20px 20px}.component-select.type-s .mantine-Popover-dropdown .m_390b5f4{padding:5px 10px}.component-select .m_8fb7ebe7{color:#d1cce5;background:#54478a url(../media/arrow-select.37mjgljkizoul.svg) right 14px center/20px no-repeat;border:none;border-radius:16px;height:48px;padding-left:16px;font-size:15px}@media (max-width:719px){.component-select .m_8fb7ebe7{border-radius:12px;height:40px;font-size:13px}}.component-select .m_8fb7ebe7[data-expanded=true]{color:#280cdf;background:#fff url(../media/arrow-select-active.27lj3whrxiccq.svg) right 14px center/20px no-repeat}.component-select .m_8fb7ebe7[data-expanded=true]::placeholder{color:#280cdf}.component-select .m_8fb7ebe7::placeholder{color:#d1cce5}.component-select .mantine-Input-section[data-position=right]{display:none}.mantine-ScrollArea-viewport{padding:0}.component-select2.is-error .mantine-Input-input{border-color:#ff1f1f}.component-select2.is-value .mantine-Input-input{border-color:#d1cafc}.component-select2 .mantine-Input-input{border:1px solid #ededed;border-radius:12px;height:52px;font-size:15px;font-weight:400;position:relative}.component-select2 .mantine-Input-input::placeholder{color:#9e9e9e}.component-select2 .mantine-Input-input:focus::placeholder{color:#424242}.component-select2 .mantine-Input-input[data-expanded=true]{border-color:#4e34f4;transition:border .2s}.component-select2 .mantine-Input-input[data-expanded=true]+.m_82577fc2[data-position=right]:after{transform:rotate(0)}.component-select2 .m_82577fc2[data-position=right] svg{display:none}.component-select2 .m_82577fc2[data-position=right]:after{content:"";background:url(../media/arrow-select2.0djn9lj5lkivy.svg) 100%/100% 100% no-repeat;width:20px;height:20px;display:inline-block;transform:rotate(180deg)}.mantine-Popover-dropdown{border-radius:16px;padding:10px 0}@media (max-width:719px){.mantine-Popover-dropdown{border-radius:12px;padding:8px 0}}.mantine-Popover-dropdown .m_390b5f4{padding:16px;font-size:15px;font-weight:400}@media (max-width:719px){.mantine-Popover-dropdown .m_390b5f4{padding:11px 16px;font-size:13px}}.mantine-Popover-dropdown .m_390b5f4:hover{color:#280cdf;background-color:#f7f5fe}.mantine-Popover-dropdown .m_8ee53fc2{display:none}.component-input{color:#262626;background-color:#fff;border:1px solid #ededed;border-radius:12px;width:100%;padding:0 16px;font-size:15px;font-weight:700;line-height:50px;transition:border .2s ease-in-out}.component-input.is-error{border-color:#ff1f1f}.component-input.is-value{border-color:#d1cafc}.component-input::placeholder{color:#9e9e9e;font-weight:400}.component-input:focus{border-color:#4e34f4;transition:border .2s}.component-input:focus::placeholder{color:#424242}.form-input{position:relative}.form-input.type-white .form-search:after{background:url(../media/icon-search-white.2a17gqazfd0br.svg) no-repeat}.form-input.type-white .btn-solid-xs{color:#fff;background-color:#806ef7}.form-input.type-white .form-label{color:#f0eef6}.form-input.type-white .btn-radio span{color:#b3abd4;background-color:#372870;border-color:#54478a}.form-input.type-white .btn-radio input:checked+span{color:#fff;background-color:#54478a;border-color:#54478a}.form-input.type-white .component-input{color:#fff;background-color:#54478a;border-color:#54478a;font-weight:400}.form-input.type-white .component-input.is-error{border-color:#ff1f1f}.form-input.type-white .component-input:focus{border-color:#b3abd4}.form-input.type-white .component-input:focus::placeholder,.form-input.type-white .component-input::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .multi-input{color:#fff;background-color:#54478a;border-color:#54478a;font-weight:400}.form-input.type-white .multi-input:focus-within{border-color:#b3abd4}.form-input.type-white .multi-input input{color:#fff;font-weight:400}.form-input.type-white .multi-input input:focus{border-color:#b3abd4}.form-input.type-white .multi-input input:focus::placeholder,.form-input.type-white .multi-input input::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .component-select2 .mantine-Input-input{color:#fff;background-color:#54478a;border-color:#54478a}.form-input.type-white .component-select2 .mantine-Input-input:focus::placeholder,.form-input.type-white .component-select2 .mantine-Input-input::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .component-select2 .mantine-Input-section[data-position=right]:after{content:"";background:url(../media/arrow-select2-w.1s1og4x-0i0um.svg) 100%/100% 100% no-repeat;width:20px;height:20px;display:inline-block;transform:rotate(180deg)}.form-input .form-label{color:#333;padding-bottom:8px;font-size:15px}@media (max-width:719px){.form-input .form-label{font-size:13px}}.form-input+.form-input{margin-top:32px}.form-input+.type-agree{margin-top:6px;margin-bottom:40px;display:flex}.form-input.type-multi .right{align-items:center;gap:4px;display:flex;position:absolute;top:0;right:16px}.form-input.type-multi .right .data-time{position:relative;right:0}.form-input .btn-round{color:#fff;background-color:#4e34f4;border-radius:18px;padding:0 12px;font-size:13px;line-height:37px;display:inline-block}.form-input .btn-round:disabled{color:#737373;background-color:#f5f5f5}.form-input .data-time{color:#ff5252;font-size:13px;line-height:50px;position:absolute;top:0;right:16px}.form-input .btn-solid-xs{position:absolute;top:12%;right:16px}.form-input .btn-solid-xs:disabled{color:#737373;background-color:#d9d9d9}.btn-radio{cursor:pointer}.btn-radio input{display:none}.btn-radio input:checked+span{color:#262626;background-color:#e1ddfd;border-color:#4e34f4;transition:border .2s}.btn-radio span{text-align:center;color:#737373;border:1px solid #ededed;border-radius:12px;width:100%;font-size:15px;font-weight:400;line-height:50px;display:block}.form-search{position:relative}.form-search:after{content:"";background:url(../media/icon-search.3lk9hca2fvnde.svg) no-repeat;width:20px;height:20px;margin-top:-10px;display:inline-block;position:absolute;top:50%;right:16px}.form-search input{padding-right:52px}.bottom-buttons{flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:40px;display:flex}@media (max-width:719px){.bottom-buttons{padding:0 20px 40px}}.bottom-buttons .btn-cancel{text-align:center;text-align:center;color:#737373;background-color:#0000;border-radius:12px;width:100%;max-width:406px;font-size:14px;font-weight:400;line-height:56px;text-decoration:underline}.bottom-buttons.flex-row{flex-direction:row;gap:10px}.bottom-buttons .btn-solid2{text-align:center;color:#f0eef6;background-color:#54478a;border-radius:16px;min-width:155px;font-size:16px;line-height:56px;display:inline-block}.bottom-buttons .btn-solid2.type-red{color:#fff;background-color:#ff5252}.bottom-buttons button+button{margin-top:4px}.bottom-buttons .btn-default-dark,.bottom-buttons .btn-default{text-align:center;color:#fff;text-align:center;background-color:#4e34f4;border-radius:12px;width:100%;max-width:406px;font-size:16px;line-height:56px}.bottom-buttons .btn-default-dark:disabled,.bottom-buttons .btn-default:disabled{color:#737373;background-color:#d9d9d9}.bottom-buttons .btn-default-dark.type-big,.bottom-buttons .btn-default.type-big{font-size:19px;line-height:56px}@media (max-width:719px){.bottom-buttons .btn-default-dark.type-big,.bottom-buttons .btn-default.type-big{font-size:16px;line-height:56px}}.bottom-buttons .btn-white{text-align:center;color:#4e34f4;text-align:center;border:1.5px solid var(--p-60,#280cdf);background-color:#fff;border-radius:12px;width:100%;max-width:406px;font-size:16px;line-height:56px}.bottom-buttons .btn-white:disabled{color:#737373;background-color:#d9d9d9}.bottom-buttons .btn-white.type-big{font-size:19px;line-height:56px}@media (max-width:719px){.bottom-buttons .btn-white.type-big{font-size:16px;line-height:56px}}.bottom-buttons .btn-green{text-align:center;color:#000;text-align:center;background-color:#9dee00;border:1.5px solid #72a114;border-radius:12px;width:100%;max-width:406px;font-size:16px;line-height:56px}.bottom-buttons .btn-green:disabled{color:#737373;background-color:#d9d9d9}.bottom-buttons .btn-green.type-big{font-size:19px;line-height:56px}@media (max-width:719px){.bottom-buttons .btn-green.type-big{font-size:16px;line-height:56px}}.bottom-buttons .icon-arrow{vertical-align:middle;background:url(../media/arrow-btn.12cmunrh-64w8.svg) 0 0/100% 100% no-repeat;width:20px;height:20px;margin-left:8px;display:inline-block;position:relative}@media (max-width:719px){.bottom-buttons .icon-arrow{display:none}}.bottom-buttons .btn-txt{text-align:center;text-align:center;color:#737373;background-color:#0000;border-radius:12px;width:100%;max-width:406px;font-size:16px;font-weight:400;line-height:56px;text-decoration:underline}.bottom-buttons .btn-default-dark{background-color:#806ef7}.bottom-buttons .btn-default-dark:disabled{color:#8e82bf;background-color:#54478a}.fix-top{z-index:110;width:1280px;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}@media (min-width:720px) and (max-width:1279px){.fix-top{width:100%;bottom:130px;left:0;right:20px;transform:none}}@media (max-width:719px){.fix-top{width:100%;bottom:130px;left:0;right:20px;transform:none}}.fix-top button{background-color:#ffb83c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;position:absolute;bottom:0;right:44px}@media (min-width:720px) and (max-width:1279px){.fix-top button{right:20px}}@media (max-width:719px){.fix-top button{right:20px}}.fix-top button:before{content:"";background:url(../media/arrow-fix-top.1wgfivq4fiyub.svg) 0 0/100% 100% no-repeat;width:30px;height:30px;margin-top:-8px;display:inline-block}.fix-top button span{color:#573700;font-size:13px;font-weight:800;line-height:13px;display:block}.fix-talk{z-index:60;pointer-events:none;width:720px;height:50px;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}@media (min-width:720px) and (max-width:1279px){.fix-talk{right:20px}}@media (max-width:719px){.fix-talk{width:100%;right:20px}}.fix-talk button{pointer-events:auto;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;position:absolute;bottom:0;right:44px}.fix-talk button span{color:#573700;font-size:13px;font-weight:800;line-height:13px;display:block}.fix-download{z-index:30;background:#f7f7f7f2;width:720px;margin-left:-360px;position:fixed;bottom:0;left:50%;box-shadow:0 -1px 4px #00000026}@media (min-width:720px) and (max-width:1279px){.fix-download{width:100%;margin-left:0;left:0}}@media (max-width:719px){.fix-download{width:100%;margin-left:0;left:0}}.fix-download .btn-fix-close{background-color:#fff;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:0;left:0}.fix-download .btn-fix-close:before{content:"";background:url(../media/btn-popup-close.1-f5hzh0p13dj.svg) no-repeat;width:18px;height:18px;display:inline-block}.fix-download .ui-app{align-items:center;padding:15px 22px 21px 40px;display:flex}.fix-download .ui-app .txt-app{align-items:center;display:flex}.fix-download .ui-app .txt-app .txt-in{color:#000;font-size:13px;font-weight:500;line-height:19px}.fix-download .ui-app .txt-app .txt-in strong{font-weight:900}.fix-download .ui-app .txt-app i{content:"";background:url(../media/icon-app-ddokseo.2eslg--m_t5pw.svg) no-repeat;flex:none;width:34px;height:34px;margin-right:12px;display:inline-block;position:relative}.fix-download .ui-app .btn-down{color:#fff;background:#000;border-radius:3px;flex:none;margin-left:auto;padding:5px 10px;font-size:13px;font-weight:700;line-height:19px}.Toastify .Toastify__toast-container--top-center{width:60vw;max-width:250px;top:50%;left:50%;transform:translate(-50%,-50%)}.Toastify__toast{margin-bottom:1rem}.Toastify__toast-body{text-align:center;font-size:13px;font-weight:500}.Toastify__toast-body .img-cash{color:#fff;flex-flow:column;justify-content:center;align-items:center;font-size:12px;display:flex}.Toastify__toast-body .img-cash .icon-cash{width:40px;height:41px;margin-bottom:6px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212b4;--toastify-color-info:#3498dbb4;--toastify-color-success:#07bc0cb4;--toastify-color-warning:#f1c40fb4;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-background:#fff;--toastify-toast-min-height:48px;--toastify-toast-max-height:800px;--toastify-font-family:"Noto Sans KR";--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)}.badge-img{width:100px;height:100px;display:inline-block;position:relative}.badge-img.size-b{width:180px;height:180px}.badge-img.type01{background:url(../media/badge-image01.1n_flh14o9ke2.svg) 0 0/100% 100% no-repeat}.badge-img.type02{background:url(../media/badge-image02.40qz6xsifvh6i.svg) 0 0/100% 100% no-repeat}.badge-img.type03{background:url(../media/badge-image03.12bmg04id6z5g.svg) 0 0/100% 100% no-repeat}.badge-img.type04{background:url(../media/badge-image04.1osr2yanwt_zk.svg) 0 0/100% 100% no-repeat}.badge-img.type05{background:url(../media/badge-image05.1cw6wditlzsk2.svg) 0 0/100% 100% no-repeat}.badge-img.type06{background:url(../media/badge-image06.27ver1ezmrpu4.svg) 0 0/100% 100% no-repeat}.badge-img.type07{background:url(../media/badge-image07.3nzc8zhmbnn5d.svg) 0 0/100% 100% no-repeat}.badge-img.type08{background:url(../media/badge-image08.0yrpwd0kilrri.svg) 0 0/100% 100% no-repeat}.badge-img.type09{background:url(../media/badge-image09.1jgld10cfjbrk.svg) 0 0/100% 100% no-repeat}.badge-img.type10{background:url(../media/badge-image10.0ouo0k3f8_z63.svg) 0 0/100% 100% no-repeat}.badge-img.type11{background:url(../media/badge-image11.0hgaslm_5waoe.svg) 0 0/100% 100% no-repeat}.badge-img.type12{background:url(../media/badge-image12.2l0vc-e20m8_w.svg) 0 0/100% 100% no-repeat}.badge-img.type-fail{background:url(../media/badge-image-fail.1p_v_j_imrrpc.svg) 0 0/100% 100% no-repeat}.badge-img.size-b .new{border-radius:12px;width:68px;font-size:23px;line-height:30px;top:12px;right:0}.badge-img.size-b .number{font-size:40px;bottom:-18px}.badge-img .new{color:#517a00;text-align:center;background-color:#b8ff2e;border:1.5px solid #e0ffa3;border-radius:12px;width:33px;font-size:11px;font-weight:800;line-height:15px;display:inline-block;position:absolute;top:3px;right:0}.badge-img .number{z-index:1;paint-order:stroke fill;-webkit-text-stroke:4px #fff;color:#000;font-family:TmoneyRoundWind;font-size:23px;font-weight:700;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.badge-border{display:block;position:absolute;inset:0}.badge-border.step01{background:url(../media/bg-badge-border1.1joi-eh94tw3c.svg) 0 0/100% 100% no-repeat}.badge-border.step02{background:url(../media/bg-badge-border2.2fp0o_yfxk--h.svg) 0 0/100% 100% no-repeat}.badge-border.step03{background:url(../media/bg-badge-border3.34atwgxvk-4id.svg) 0 0/100% 100% no-repeat}.badge-border.step04{background:url(../media/bg-badge-border4.2g07g5qupsb-c.svg) 0 0/100% 100% no-repeat}.badge-border.step05{background:url(../media/bg-badge-border5.3uyqnm2tgaa_7.svg) 0 0/100% 100% no-repeat}.badge-border.step06{background:url(../media/bg-badge-border6.3hph2a85217pf.svg) 0 0/100% 100% no-repeat}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.page-outcome{z-index:100;background:#2b1369 0 0/100% 100%;width:100%;position:fixed;top:0;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}@media (max-width:719px){.page-outcome{width:100%;padding:0 20px}}.page-outcome .wrap-result{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.page-outcome .box-result{text-align:center;background-color:#fff;border:8px solid #806ef7;border-radius:48px;width:588px;height:546px;margin:0 auto;padding:48px 20px 24px;position:relative}@media (max-width:719px){.page-outcome .box-result{width:100%}}.page-outcome .box-result:before{content:"";background:url(../media/bg-note.3_6zwqqejblmx.svg) 0 0/contain repeat-x;width:500px;height:48px;display:inline-block;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@media (max-width:719px){.page-outcome .box-result:before{background:url(../media/bg-note-m.3-8y7erf60boz.svg) 0 0/contain no-repeat;width:234px;height:48px}}.page-outcome .box-result .box-top .txt-message{color:#0d0d0d;font-size:17px;font-weight:800;display:block}.page-outcome .box-result .box-top .xp{display:inline-block;position:relative}.page-outcome .box-result .box-top .xp .result{z-index:3;position:relative}.page-outcome .box-result .box-top .xp .result strong{color:#806ef7;paint-order:stroke fill;-webkit-text-stroke:12px #fff;font-family:TmoneyRoundWind;font-size:54px;font-weight:800;position:relative}.page-outcome .box-result .box-top .xp .result em{color:#806ef7;paint-order:stroke fill;-webkit-text-stroke:12px #fff;font-family:TmoneyRoundWind;font-size:30px;font-weight:800;position:relative}.page-outcome .box-result .box-top .xp .clone{position:absolute;top:1px;left:-2px}.page-outcome .box-result .box-top .xp .clone strong{color:#ccc;paint-order:stroke fill;-webkit-text-stroke:12px #ece7e7;letter-spacing:-3px;font-family:TmoneyRoundWind;font-size:58px;font-weight:800;position:relative}.page-outcome .box-result .box-top .xp .clone em{color:#ece7e7;paint-order:stroke fill;-webkit-text-stroke:12px #ece7e7;letter-spacing:0;font-size:37px}.page-outcome .box-result .list-default{background-color:#e8f0fd;border-radius:20px;justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex;box-shadow:inset 0 2px 4px #d1e1fa}@media (max-width:719px){.page-outcome .box-result .list-default{border-radius:16px;height:48px}}.page-outcome .box-result .list-default .label{color:#333;align-items:center;font-size:17px;font-weight:700;display:flex}@media (max-width:719px){.page-outcome .box-result .list-default .label{font-size:15px}}.page-outcome .box-result .list-default .label [class^=icon-]{width:24px;height:24px;margin-right:4px;display:inline-block}@media (max-width:719px){.page-outcome .box-result .list-default .label [class^=icon-]{width:20px;height:20px}}.page-outcome .box-result .list-default .label .icon-book{background:url(../media/icon-list-book.2q9hdiz93zisf.svg) 0 0/100% 100% no-repeat}.page-outcome .box-result .list-default .label .icon-quiz{background:url(../media/icon-list-quiz.2j4qnmlx5twzh.svg) 0 0/100% 100% no-repeat}.page-outcome .box-result .list-default .label .data{color:#7eabf2;margin-left:4px;font-size:15px;font-weight:400}@media (max-width:719px){.page-outcome .box-result .list-default .label .data{font-size:12px}}.page-outcome .box-result .list-default .wrap-data{position:relative}.page-outcome .box-result .list-default .data-xp{paint-order:stroke fill;-webkit-text-stroke:4px #fff;z-index:3;color:#0d0d0d;font-family:TmoneyRoundWind;font-size:22px;font-weight:800;position:relative}@media (max-width:719px){.page-outcome .box-result .list-default .data-xp{font-size:19px}}.page-outcome .box-result .list-default .data-xp span{font-size:16px}@media (max-width:719px){.page-outcome .box-result .list-default .data-xp span{font-size:14px}}.page-outcome .box-result .list-default .clone{paint-order:stroke fill;color:#ccc;-webkit-text-stroke:4px #0d0d0d4d;font-family:TmoneyRoundWind;font-size:22px;position:absolute;top:2px;left:0}@media (max-width:719px){.page-outcome .box-result .list-default .clone{font-size:19px}}.page-outcome .box-result .list-default .clone span{font-size:16px}@media (max-width:719px){.page-outcome .box-result .list-default .clone span{font-size:14px}}.page-outcome .box-result .box-list{background-color:#f7f5fe;border-radius:20px;margin-top:34px;padding:0 12px;position:relative;box-shadow:inset 0 2px 4px #e1ddfd}@media (max-width:719px){.page-outcome .box-result .box-list{border-radius:16px}}.page-outcome .box-result .box-list .bonus{color:#fff;background-color:#806ef7;border-radius:8px;padding:0 8px;font-size:13px;font-weight:800;line-height:24px;display:inline-block;position:absolute;bottom:100%;left:12px}@media (max-width:719px){.page-outcome .box-result .box-list .bonus{font-size:12px;line-height:20px}}.page-outcome .box-result .box-list .bonus:before{content:"";background:url(../media/arrow-tag.1amba3t-w9t3v.svg) 0 0/100% 100% no-repeat;width:12px;height:8px;margin-top:-1px;display:inline-block;position:absolute;top:100%;left:50%;transform:translate(-50%)}.page-outcome .box-result .box-list .list{justify-content:space-between;align-items:center;height:56px;display:flex}@media (max-width:719px){.page-outcome .box-result .box-list .list{height:48px}}.page-outcome .box-result .box-list .list+.list{border-top:1px dashed #e1ddfd}.page-outcome .box-result .box-list .list .label{color:#333;align-items:center;font-size:17px;font-weight:700;display:flex}@media (max-width:719px){.page-outcome .box-result .box-list .list .label{font-size:15px}}.page-outcome .box-result .box-list .list .label [class^=icon-]{width:24px;height:24px;margin-right:4px;display:inline-block}@media (max-width:719px){.page-outcome .box-result .box-list .list .label [class^=icon-]{width:20px;height:20px}}.page-outcome .box-result .box-list .list .label .icon-check{background:url(../media/icon-list-check.386_s81v153-g.svg) 0 0/100% 100% no-repeat}.page-outcome .box-result .box-list .list .label .icon-all{background:url(../media/icon-list-all.0sxxz7eammo9u.svg) 0 0/100% 100% no-repeat}.page-outcome .box-result .box-list .list .label .icon-fire{background:url(../media/icon-list-fire.03o2bnzgllmgb.svg) 0 0/100% 100% no-repeat}.page-outcome .box-result .box-list .list .label .data{color:#806ef7;margin-left:4px;font-size:15px;font-weight:400}@media (max-width:719px){.page-outcome .box-result .box-list .list .label .data{font-size:12px}}.page-outcome .box-result .box-list .list .wrap-data{position:relative}.page-outcome .box-result .box-list .list .data-xp{paint-order:stroke fill;-webkit-text-stroke:4px #fff;z-index:3;color:#806ef7;font-family:TmoneyRoundWind;font-size:22px;font-weight:800;position:relative}@media (max-width:719px){.page-outcome .box-result .box-list .list .data-xp{font-size:19px}}.page-outcome .box-result .box-list .list .data-xp span{font-size:16px}@media (max-width:719px){.page-outcome .box-result .box-list .list .data-xp span{font-size:14px}}.page-outcome .box-result .box-list .list .clone{paint-order:stroke fill;color:#ccc;-webkit-text-stroke:4px #806ef74d;font-family:TmoneyRoundWind;font-size:22px;position:absolute;top:2px;left:0}@media (max-width:719px){.page-outcome .box-result .box-list .list .clone{font-size:19px}}.page-outcome .box-result .box-list .list .clone span{font-size:16px}@media (max-width:719px){.page-outcome .box-result .box-list .list .clone span{font-size:14px}}.page-outcome .box-result .book-history{background-color:#f5f5f5;border-radius:20px;margin-top:36px;padding:32px 0 24px;display:flex;position:relative;box-shadow:inset 0 2px 4px #ededed}@media (max-width:719px){.page-outcome .box-result .book-history{border-radius:16px;padding:27px 0 15px}}.page-outcome .box-result .book-history .box-tag{color:#fff;background:url(../media/bg-tag.0t6co80xvlk9i.svg) 0 0/100% 100% no-repeat;justify-content:center;align-items:center;width:132px;font-family:TmoneyRoundWind;font-size:16px;line-height:36px;display:inline-flex;position:absolute;top:0;left:50%;transform:translateY(-50%)translate(-50%)}@media (max-width:719px){.page-outcome .box-result .book-history .box-tag{width:116px;font-size:14px;line-height:32px}}.page-outcome .box-result .book-history .box-tag:after,.page-outcome .box-result .book-history .box-tag:before{content:"";background-color:#fff;border-radius:50%;width:4px;height:4px;margin:0 6px;display:inline-block}.page-outcome .box-result .book-history .history{text-align:center;flex-direction:column;flex:auto;width:100%;display:flex;position:relative}.page-outcome .box-result .book-history .history+.history:before{content:"";border-left:1px solid #ededed;display:block;position:absolute;top:0;bottom:0;left:0}.page-outcome .box-result .book-history .history .label{color:#737373;font-size:15px;font-weight:400}@media (max-width:719px){.page-outcome .box-result .book-history .history .label{font-size:12px}}.page-outcome .box-result .book-history .history .data{color:#0d0d0d;font-size:20px;font-weight:800}@media (max-width:719px){.page-outcome .box-result .book-history .history .data{font-size:17px}}.page-outcome .wrap-badge{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.page-outcome .wrap-badge.badge-enter{animation:.5s badge-pop}.page-outcome .wrap-badge .form-badge{flex-direction:column;justify-content:center;align-items:center;height:546px;display:flex}.page-outcome .wrap-badge .form-badge .wrap-image{position:relative}.page-outcome .wrap-badge .form-badge .area-lottie{position:absolute;inset:-30px}.page-outcome .wrap-badge .badge-label{text-align:center;color:#fff;margin:24px 0 0;font-family:TmoneyRoundWind;font-size:22px}.page-outcome .wrap-badge .badge-det{color:#fff;text-align:center;margin-top:10px;font-size:16px;font-weight:400}.page-outcome .wrap-badge .badge-det strong{color:#b3abd4;margin:10px 0 0;font-size:15px;display:block}.page-outcome .wrap-badge.unlock-notice .badge-label{word-break:keep-all;padding:0 20px}.page-outcome .wrap-badge.unlock-notice .form-badge{width:568px}@media (max-width:719px){.page-outcome .wrap-badge.unlock-notice .form-badge{width:100%}}.page-outcome .wrap-badge .progress-card{color:#fff;text-align:left;flex-direction:column;gap:20px;width:100%;margin-top:24px;display:flex}.page-outcome .wrap-badge .progress-card .progress-heading{justify-content:center}.page-outcome .wrap-badge .unlock-thumbs{justify-content:center;align-items:center;gap:12px;min-height:180px;display:flex;position:relative}.page-outcome .wrap-badge .unlock-thumbs .unlock-thumb{box-sizing:border-box;object-fit:cover;border:4px solid #ffb83c;border-radius:50%;width:120px;height:120px}.page-outcome .wrap-badge .unlock-thumbs .unlock-thumb.unlock-thumb--locked{border-color:#b8ff2e}@media (max-width:719px){.page-outcome .wrap-badge .unlock-thumbs .unlock-thumb{width:96px;height:96px}}.page-outcome .ui-buttons{gap:16px;width:568px;margin:0 auto;padding:40px 0 20px;display:flex}@media (max-width:719px){.page-outcome .ui-buttons{width:100%}}.page-outcome .ui-buttons button{text-align:center;color:#fff;border-radius:20px;flex:auto;width:100%;line-height:67px}@media (max-width:719px){.page-outcome .ui-buttons button{font-size:16px;line-height:51px}}.page-outcome .ui-buttons .btn-solid-r{background-color:#ff5252;box-shadow:0 4px #d10000}.page-outcome .ui-buttons .btn-solid-p{background-color:#806ef7;position:relative;box-shadow:0 4px #4e34f4}.page-outcome .ui-buttons .btn-solid-p .tooltip{color:#333;white-space:nowrap;background-color:#fff;border-radius:12px;margin-top:-31px;padding:0 13px;font-size:15px;font-weight:400;line-height:36px;display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:719px){.page-outcome .ui-buttons .btn-solid-p .tooltip{font-size:12px;line-height:32px}}.page-outcome .ui-buttons .btn-solid-p .tooltip:before{content:"";background:url(../media/arrow-tooltip-w.3042kfz1jmsfk.svg) 0 0/100% 100% no-repeat;width:10px;height:10px;margin-top:-1px;display:inline-block;position:absolute;top:100%;left:50%;transform:translate(-50%)}.skeleton-image{background-color:#6b5bab;border-radius:16px;width:100%;height:100%}@media (max-width:719px){.skeleton-image{border-radius:12px}}@keyframes bgScroll{0%{background-position:0 0}to{background-position:992px 984px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.wrap-page:has(.page-league-ranking){height:100vh;min-height:unset}.page-league-ranking{flex-direction:column;height:100%;margin-top:-78px;padding:78px 66px 40px;display:flex;position:relative;overflow:hidden}.page-league-ranking:before{content:"";background:url(../media/bg-ranking.2f1-x0w8ln637.svg) 50%/124px 123px;animation:60s linear infinite bgScroll;position:absolute;inset:-100px;transform:rotate(15deg)}@media (max-width:719px){.page-league-ranking{height:100%;margin-top:-68px;padding:68px 20px 20px}}.page-league-ranking .view-league-ranking{z-index:1;flex-direction:column;height:100%;display:flex}.page-league-ranking .league-badges{flex:none;padding:20px 0 24px}@media (max-width:719px){.page-league-ranking .league-badges{padding:20px 0 24px}}.page-league-ranking .league-badges .swiper{margin:0 -66px;padding:0 66px}.page-league-ranking .league-badges .swiper .swiper-wrapper{justify-content:center}@media (max-width:719px){.page-league-ranking .league-badges .swiper{margin:0 -20px;padding:0 20px}.page-league-ranking .league-badges .swiper .swiper-wrapper{justify-content:flex-start}}.page-league-ranking .league-badges .swiper-slide{width:auto}.page-league-ranking .badge-slide{align-items:center;padding-bottom:10px;display:flex}.page-league-ranking .badge-node{opacity:.3;flex-direction:column;flex:none;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:relative}@media (max-width:719px){.page-league-ranking .badge-node{gap:4px}}.page-league-ranking .badge-node.active{opacity:1}.page-league-ranking .badge-node .badge-icon{border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}@media (max-width:719px){.page-league-ranking .badge-node .badge-icon{width:64px;height:64px}}.page-league-ranking .badge-node .badge-icon img{object-fit:contain;width:100%;height:100%}.page-league-ranking .badge-node.active .badge-icon .badge-shine{border-radius:50%;width:55px;height:55px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:719px){.page-league-ranking .badge-node.active .badge-icon .badge-shine{width:45px;height:45px}}.page-league-ranking .badge-node.active .badge-icon .badge-shine:after{content:"";background:linear-gradient(120deg,#0000 0%,#fff0 30%,#fff9 50%,#fff0 70%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite badge-shine;position:absolute;top:0;left:-100%}@keyframes badge-shine{0%{left:-100%}60%{left:150%}to{left:150%}}.page-league-ranking .badge-node .badge-name{color:#fff;-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#372870;paint-order:stroke fill;letter-spacing:-.39px;white-space:nowrap;font-family:TmoneyRoundWind;font-size:13px;font-style:normal;font-weight:800;line-height:100%;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@media (max-width:719px){.page-league-ranking .badge-node .badge-name{-webkit-text-stroke-width:2px;font-size:11px}}.page-league-ranking .badge-node.active .badge-name{color:#fff;-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#372870;letter-spacing:-.42px;font-family:TmoneyRoundWind;font-size:14px;font-weight:800;line-height:100%}@media (max-width:719px){.page-league-ranking .badge-node.active .badge-name{-webkit-text-stroke-width:2px;font-size:12px}}.page-league-ranking .badge-arrow{background:url(../media/arrow-right2.1k7mjinl9kdro.svg) 50%/100% 100%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin:0 12px;font-size:0;display:flex}@media (max-width:719px){.page-league-ranking .badge-arrow{width:12px;height:12px;margin:0 2px}}.page-league-ranking .league-badges:has(.badge-list-static){overflow:visible}.page-league-ranking .badge-list-static{justify-content:center;align-items:flex-start;display:flex}.page-league-ranking .league-empty{flex-direction:column;flex:1;align-items:center;width:100%;max-width:588px;min-height:0;margin:0 auto;display:flex}@media (max-width:719px){.page-league-ranking .league-empty{max-width:320px}}.page-league-ranking .league-empty .league-empty-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.page-league-ranking .league-empty p{color:#b3abd4;text-align:center;margin:0;font-family:NanumSquareRoundOTFExBd;font-size:18px;line-height:1.4}.page-league-ranking .league-empty .character-image{width:180px;height:180px;margin-bottom:8px;position:relative}@media (max-width:719px){.page-league-ranking .league-empty .character-image{width:140px;height:140px}}.page-league-ranking .league-empty .character-image:before{content:"";background:radial-gradient(#00000040 0%,#0000 70%);border-radius:50%;width:100px;height:20px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.page-league-ranking .league-empty .character-image img{object-fit:contain;width:100%;height:100%;animation:2s ease-in-out infinite characterBounce;position:relative}.page-league-ranking .league-empty .btn-league-start{color:#fff;cursor:pointer;background-color:#806ef7;border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:72px;margin-top:auto;font-family:NanumSquareRound,sans-serif;font-size:16px;font-weight:800;transition:background-color .2s;display:flex}@media (max-width:719px){.page-league-ranking .league-empty .btn-league-start{border-radius:14px;height:56px;font-size:15px}}.page-league-ranking .league-header{flex:none;justify-content:space-between;align-items:center;padding:0 0 12px;display:flex}@media (max-width:719px){.page-league-ranking .league-header{padding:0 0 10px}}.page-league-ranking .league-header .remaining-time{color:#b3abd4;align-items:center;gap:4px;font-size:16px;display:inline-flex}@media (max-width:719px){.page-league-ranking .league-header .remaining-time{gap:4px;font-size:13px}}.page-league-ranking .league-header .remaining-time .ico-clock{width:28px;height:28px}@media (max-width:719px){.page-league-ranking .league-header .remaining-time .ico-clock{width:20px;height:20px}}.page-league-ranking .league-header .league-ended{background:#b8ff2e;border-radius:50px;align-items:center;gap:4px;padding:6px 12px 6px 8px;display:inline-flex}.page-league-ranking .league-header .league-ended .ico-check{width:20px;height:20px}.page-league-ranking .league-header .league-ended .ended-text{letter-spacing:-.39px;color:#0d0d0d;font-family:NanumSquareRoundOTF;font-size:16px;font-weight:700}@media (max-width:719px){.page-league-ranking .league-header .league-ended .ended-text{font-size:13px}}.page-league-ranking .league-header .ranking-title{align-items:center;gap:6px;display:inline-flex}.page-league-ranking .league-header .ranking-title .title-text{color:#8e82bf;font-size:16px;font-weight:700}@media (max-width:719px){.page-league-ranking .league-header .ranking-title .title-text{font-size:13px}}.page-league-ranking .league-header .ranking-title .btn-help{color:#b3abd4;cursor:pointer;background:url(../media/btn-help.0qv18bh-jfq-p.svg) 0 0/100% 100% no-repeat;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:0;font-weight:700;display:flex}@media (max-width:719px){.page-league-ranking .league-header .ranking-title .btn-help{width:20px;height:20px}}.page-league-ranking .ranking-card{background-color:#44357b;border:1px solid #54478a;border-radius:20px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (max-width:719px){.page-league-ranking .ranking-card{border-radius:16px}}.page-league-ranking .ranking-scroll{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.page-league-ranking .ranking-scroll::-webkit-scrollbar{width:6px}.page-league-ranking .ranking-scroll::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.page-league-ranking .ranking-scroll::-webkit-scrollbar-track{background-color:#0000}@keyframes ranking-alone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ranking-alone-shadow{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.3;transform:translate(-50%)scale(.75)}}.page-league-ranking .ranking-alone{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.page-league-ranking .ranking-alone .character-image{margin-bottom:16px;animation:2s ease-in-out infinite ranking-alone-float;position:relative}.page-league-ranking .ranking-alone .character-image:after{content:"";background:radial-gradient(#00000040 0%,#0000 70%);border-radius:50%;width:60px;height:10px;animation:2s ease-in-out infinite ranking-alone-shadow;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.page-league-ranking .ranking-alone p{color:#fffc;text-align:center;font-size:15px;line-height:1.6}.page-league-ranking .league-table{border-collapse:separate;border-spacing:0;z-index:100;table-layout:fixed;width:100%}.page-league-ranking .league-table tbody tr td{color:#8e82bf;text-align:center;vertical-align:middle;border-bottom:1px solid #54478a99;height:88px;padding:0 12px;font-size:16px;font-weight:700}@media (max-width:719px){.page-league-ranking .league-table tbody tr td{height:76px;padding:0 8px;font-size:14px}}.page-league-ranking .league-table tbody tr td .num{text-align:center;width:36px;height:36px;margin-right:4px;line-height:36px;display:inline-block}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .num{width:28px;height:28px;line-height:28px}}.page-league-ranking .league-table tbody tr td:first-of-type{color:#8e82bf;font-family:TmoneyRoundWind;font-size:19px;font-weight:800}@media (max-width:719px){.page-league-ranking .league-table tbody tr td:first-of-type{font-size:16px}}.page-league-ranking .league-table tbody tr td:last-of-type{color:#8e82bf;font-family:TmoneyRoundWind;font-size:16px}@media (max-width:719px){.page-league-ranking .league-table tbody tr td:last-of-type{font-size:14px}}.page-league-ranking .league-table tbody tr td.txt-left{text-align:left}.page-league-ranking .league-table tbody tr td [class^=rank-medal]{vertical-align:middle;width:36px;height:36px;line-height:36px;display:inline-block}@media (max-width:719px){.page-league-ranking .league-table tbody tr td [class^=rank-medal]{width:28px;height:28px}}.page-league-ranking .league-table tbody tr td .rank-medal-01{background:url(../media/img-ranking01.3oghm8pxjw1xd.svg) 0 0/100% 100% no-repeat}.page-league-ranking .league-table tbody tr td .rank-medal-02{background:url(../media/img-ranking02.2inbt1wzm8-iy.svg) 0 0/100% 100% no-repeat}.page-league-ranking .league-table tbody tr td .rank-medal-03{background:url(../media/img-ranking03.3_q9dhov1n-it.svg) 0 0/100% 100% no-repeat}.page-league-ranking .league-table tbody tr td .profile-area{vertical-align:middle;align-items:center;gap:12px;font-family:NanumSquareRound,sans-serif;display:inline-flex}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .profile-area{gap:8px}}.page-league-ranking .league-table tbody tr td .profile-area .final-rank-chip{color:#5a3a00;white-space:nowrap;background:linear-gradient(90deg,#c5f95e,#b8ff2e);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:800}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .profile-area .final-rank-chip{padding:2px 8px;font-size:10px}}.page-league-ranking .league-table tbody tr td .profile-area .profile-icon{border-radius:50%;flex:none;width:48px;height:48px;overflow:hidden}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .profile-area .profile-icon{width:40px;height:40px}}.page-league-ranking .league-table tbody tr td .profile-area .profile-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.page-league-ranking .league-table tbody tr td .profile-area .profile-text{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .profile-area .profile-text{gap:6px}}.page-league-ranking .league-table tbody tr td .profile-area .streak-text{color:#b3abd4;letter-spacing:-.03em;white-space:nowrap;font-size:15px;font-weight:400;line-height:1}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .profile-area .streak-text{font-size:13px}}.page-league-ranking .league-table tbody tr td .profile-area .nickname{color:#b3abd4;letter-spacing:-.03em;font-size:17px;font-weight:800;line-height:1}@media (max-width:719px){.page-league-ranking .league-table tbody tr td .profile-area .nickname{font-size:15px}}.page-league-ranking .league-table tbody tr.top-rank-1 td .profile-area .nickname,.page-league-ranking .league-table tbody tr.top-rank-2 td .profile-area .nickname,.page-league-ranking .league-table tbody tr.top-rank-3 td .profile-area .nickname,.page-league-ranking .league-table tbody tr.top-rank-1 td:last-of-type,.page-league-ranking .league-table tbody tr.top-rank-2 td:last-of-type,.page-league-ranking .league-table tbody tr.top-rank-3 td:last-of-type{color:#b3abd4}.page-league-ranking .league-table tbody tr.is-me{z-index:2;position:relative}.page-league-ranking .league-table tbody tr.is-me td{background-color:#4d3f85}.page-league-ranking .league-table tbody tr.is-me td .profile-area .nickname,.page-league-ranking .league-table tbody tr.is-me td .profile-area .streak-text{color:#f0eef6}.page-league-ranking .league-table tbody tr.is-me td .profile-area .nickname{font-weight:800}.page-league-ranking .league-table tbody tr.is-me td:first-of-type,.page-league-ranking .league-table tbody tr.is-me td:last-of-type{color:#f0eef6}.page-league-ranking .league-table tbody tr.is-me.zone-promote td,.page-league-ranking .league-table tbody tr.is-me.zone-promote td .profile-area .nickname{color:#ceff70}.page-league-ranking .league-table tbody tr.is-me.zone-demote td,.page-league-ranking .league-table tbody tr.is-me.zone-demote td .profile-area .nickname{color:#ff8585}.page-league-ranking .league-table tbody tr.is-me.highlight td{animation:.4s ease-in-out rowHighlight}@keyframes rowHighlight{0%,to{background-color:#4d3f85}50%{background-color:#6b5aad}}.page-league-ranking .league-table tbody tr.line-promote td{border-bottom:1px solid #54478a99;height:32px;padding:0}@media (max-width:719px){.page-league-ranking .league-table tbody tr.line-promote td{height:28px}}.page-league-ranking .league-table tbody tr.line-promote td .line-text{color:#ceff70;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}@media (max-width:719px){.page-league-ranking .league-table tbody tr.line-promote td .line-text{gap:6px;font-size:11px}}.page-league-ranking .league-table tbody tr.line-promote td .line-text .arrow-up{font-size:12px;display:inline-block}@media (max-width:719px){.page-league-ranking .league-table tbody tr.line-promote td .line-text .arrow-up{font-size:10px}}.page-league-ranking .league-table tbody tr.line-demote td{border-bottom:1px solid #54478a99;height:32px;padding:0}@media (max-width:719px){.page-league-ranking .league-table tbody tr.line-demote td{height:28px}}.page-league-ranking .league-table tbody tr.line-demote td .line-text{color:#ff8585;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}@media (max-width:719px){.page-league-ranking .league-table tbody tr.line-demote td .line-text{gap:6px;font-size:11px}}.page-league-ranking .league-table tbody tr.line-demote td .line-text .arrow-down{font-size:12px;display:inline-block}@media (max-width:719px){.page-league-ranking .league-table tbody tr.line-demote td .line-text .arrow-down{font-size:10px}}.page-league-tutorial{z-index:10;background-color:#3a266e;flex-direction:column;justify-content:flex-end;width:1280px;display:flex;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}@media (min-width:720px) and (max-width:1279px){.page-league-tutorial{width:100%}}@media (max-width:719px){.page-league-tutorial{width:100%}}.page-league-tutorial:before{content:"";z-index:0;background:url(../media/bg-ranking.2f1-x0w8ln637.svg) 50%/124px 123px;animation:60s linear infinite bgScroll;position:absolute;inset:-100px;transform:rotate(15deg)}.page-league-tutorial .tutorial-inner{z-index:1;flex-direction:column;height:100%;padding:0 66px;display:flex;position:relative}@media (max-width:719px){.page-league-tutorial .tutorial-inner{padding:0 20px}}.page-league-tutorial .tutorial-indicator{justify-content:center;gap:6px;padding:24px 0 16px;display:flex}.page-league-tutorial .tutorial-indicator .dot{background-color:#ffffff40;border-radius:50%;width:8px;height:8px;transition:all .3s}.page-league-tutorial .tutorial-indicator .dot.active{background-color:#ffc300;border-radius:4px;width:24px}.page-league-tutorial .tutorial-content{flex-direction:column;flex:1;align-items:center;width:100%;max-width:588px;min-height:0;margin:0 auto;display:flex}@media (max-width:719px){.page-league-tutorial .tutorial-content{max-width:320px}}.page-league-tutorial .tutorial-content>*{margin-top:auto;margin-bottom:auto}.page-league-tutorial .tutorial-speech{text-align:center;color:#d1cce5;box-sizing:border-box;opacity:0;background-color:#44357b;border:1px solid #6b5bab;border-radius:20px;justify-content:center;align-items:center;width:100%;height:120px;margin:36px 0 0;padding:24px 20px;font-size:15px;font-weight:400;line-height:1.6;transition:background-color .2s;animation:.4s .5s forwards fadeIn;display:flex}@media (max-width:719px){.page-league-tutorial .tutorial-speech{width:100%;margin:32px 0 0}}.page-league-tutorial .tutorial-speech .tutorial-speech-text{text-align:center;width:100%;margin:0}.page-league-tutorial .tutorial-bottom{z-index:1;opacity:0;width:100%;max-width:588px;margin:0 auto;padding:24px 0 40px;animation:.4s 1.5s forwards fadeIn;position:relative}@media (max-width:719px){.page-league-tutorial .tutorial-bottom{max-width:320px;padding:16px 0 32px}}.page-league-tutorial .tutorial-bottom .btn-next{color:#fff;cursor:pointer;background-color:#806ef7;border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:72px;margin:0 auto;font-family:NanumSquareRound,sans-serif;font-size:16px;font-weight:800;transition:background-color .2s;display:flex}@media (max-width:719px){.page-league-tutorial .tutorial-bottom .btn-next{border-radius:14px;width:100%;height:56px;font-size:15px}}.page-league-tutorial .tutorial-bottom .btn-next:hover{background-color:#6f5ce6}.page-league-tutorial .step-character{flex-direction:column;align-items:center;width:100%;display:flex}.page-league-tutorial .step-character .character-image{width:220px;height:220px;position:relative}@media (max-width:719px){.page-league-tutorial .step-character .character-image{width:180px;height:180px}}.page-league-tutorial .step-character .character-image:before{content:"";background:radial-gradient(#00000040 0%,#0000 70%);border-radius:50%;width:100px;height:20px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.page-league-tutorial .step-character .character-image img{object-fit:contain;width:100%;height:100%;animation:2s ease-in-out infinite characterBounce;position:relative}@keyframes characterBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-league-tutorial .step-badges{flex-direction:column;align-items:center;width:100%;display:flex}.page-league-tutorial .step-badges .badge-grid{grid-template-columns:repeat(3,1fr);display:grid}.page-league-tutorial .step-badges .badge-item{opacity:0;flex-direction:column;align-items:center;width:138px;margin-top:24px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards badgePopIn;display:flex;transform:translateY(20px)scale(.8)}@media (max-width:719px){.page-league-tutorial .step-badges .badge-item{width:86px;margin-top:16px}}.page-league-tutorial .step-badges .badge-item .badge-icon{justify-content:center;align-items:center;width:120px;height:120px;display:flex}@media (max-width:719px){.page-league-tutorial .step-badges .badge-item .badge-icon{width:80px;height:80px}}.page-league-tutorial .step-badges .badge-item .badge-icon img{object-fit:contain;width:100%;height:100%}.page-league-tutorial .step-badges .badge-item .badge-name{color:#fff;font-family:TmoneyRoundWind;font-size:17px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-badges .badge-item .badge-name{font-size:12px}}@keyframes badgePopIn{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.page-league-tutorial .step-ranking{flex-direction:column;width:100%;max-width:588px;padding:40px 0 0;display:flex;overflow-y:auto}@media (max-width:719px){.page-league-tutorial .step-ranking{max-width:320px;padding:20px 0 0}}.page-league-tutorial .step-ranking .ranking-box{background-color:#54478a;border:1px solid #54478a;border-radius:16px;max-height:100%;animation:.4s forwards fadeIn;overflow:auto}.page-league-tutorial .step-ranking .ranking-box::-webkit-scrollbar{width:6px}.page-league-tutorial .step-ranking .ranking-box::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.page-league-tutorial .step-ranking .ranking-box::-webkit-scrollbar-track{background-color:#0000}.page-league-tutorial .step-ranking .ranking-table{table-layout:fixed;width:100%}.page-league-tutorial .step-ranking .ranking-table tbody tr:last-of-type td{border:none}.page-league-tutorial .step-ranking .ranking-table tbody tr td{color:#b3abd4;text-align:center;height:68px;font-size:17px;font-weight:700;line-height:initial;background-color:#44357b;border-bottom:1px solid #54478a}@media (max-width:719px){.page-league-tutorial .step-ranking .ranking-table tbody tr td{height:60px;font-size:15px}}.page-league-tutorial .step-ranking .ranking-table tbody tr td:first-of-type{padding-left:20px}@media (max-width:719px){.page-league-tutorial .step-ranking .ranking-table tbody tr td:first-of-type{padding-left:12px}}.page-league-tutorial .step-ranking .ranking-table tbody tr td:last-of-type{padding-right:20px}@media (max-width:719px){.page-league-tutorial .step-ranking .ranking-table tbody tr td:last-of-type{padding-left:12px}}.page-league-tutorial .step-ranking .ranking-table tbody tr td.txt-left{text-align:left}.page-league-tutorial .step-ranking .ranking-table tbody tr td.txt-right{text-align:right}.page-league-tutorial .step-ranking .ranking-table tbody tr td .medal{width:36px;height:36px}@media (max-width:719px){.page-league-tutorial .step-ranking .ranking-table tbody tr td .medal{width:28px;height:28px}}.page-league-tutorial .step-ranking .ranking-table tbody tr td .rank-num{color:#54478a;text-align:center;vertical-align:top;width:36px;font-size:19px;line-height:36px;display:inline-block}.page-league-tutorial .step-ranking .ranking-table tbody tr.is-me td{color:#fff;background-color:#ffffff1a}.page-league-tutorial .step-ranking .ranking-table tbody tr.is-me td .name{color:#fff}.page-league-tutorial .step-ranking .ranking-table tbody tr.is-me td .rank-num{color:#8e82bf}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td{height:56px}@media (max-width:719px){.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td{height:48px}}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text{color:#f0eef6;justify-content:center;align-items:center;gap:8px;font-size:17px;display:flex}@media (max-width:719px){.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text{font-size:13px}}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text:before,.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text:after{content:"";background:url(../media/arrow-rank.27w6moa7sc54r.svg) 0 0/100% 100% no-repeat;width:12px;height:8px;display:inline-block}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text.up{color:#ceff70}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text.up:before,.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text.up:after{background:url(../media/arrow-rank-up.2pzpbqgxvj7am.svg) no-repeat}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text.down{color:#ff8585}.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text.down:before,.page-league-tutorial .step-ranking .ranking-table tbody tr.rank-line td .line-text.down:after{background:url(../media/arrow-rank-down.3hzvo7w8q0ppu.svg) no-repeat;transform:rotate(180deg)}.page-league-tutorial .step-ranking .name{color:#8e82bf;align-items:center;margin-left:2px;font-size:16px;line-height:36px;display:inline-flex}@media (max-width:719px){.page-league-tutorial .step-ranking .name{font-size:15px}}.page-league-tutorial .step-ranking .name .name-thumb{border-radius:50%;flex:none;width:36px;height:36px;margin-right:6px;overflow:hidden}@media (max-width:719px){.page-league-tutorial .step-ranking .name .name-thumb{width:30px;height:30px}}.page-league-tutorial .step-ranking .name .name-thumb img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.page-league-tutorial .step-league-scroll .tutorial-speech{animation-delay:1s!important}@media (max-width:719px){.page-league-tutorial .step-league-scroll .tutorial-speech{width:320px}}.page-league-tutorial .step-league-scroll .tutorial-bottom{animation-delay:1s!important}@media (max-width:719px){.page-league-tutorial .step-league-scroll .tutorial-bottom{width:320px}}.page-league-tutorial .step-mission{width:100%;max-width:320px}.page-league-tutorial .step-mission>section>div:first-child{flex-flow:column;height:auto}.page-league-tutorial .step-mission>section>div:first-child>div:last-child{width:100%;margin-inline:auto}.page-league-tutorial .step-mission>section>div:last-child{flex-direction:column}.page-league-tutorial .step-mission>section>div:last-child>*{flex:none}.page-league-tutorial .step-mission>section [data-state]>img{display:block}.page-league-tutorial .step-mission .section-challenge{justify-content:center;align-items:flex-start;display:flex}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge{width:320px}}.page-league-tutorial .step-mission .section-challenge .box-challenge{margin:20px 0 0;flex:none;width:100%;margin-right:14px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge{width:100%}}.page-league-tutorial .step-mission .section-challenge .box-challenge .btn-tabs{display:flex}.page-league-tutorial .step-mission .section-challenge .box-challenge .btn-tabs .tabs{text-align:center;color:#8e82bf;background-color:#54478a;border-radius:17px 17px 0 0;flex:auto;width:100%;font-family:TmoneyRoundWind;font-size:12px;font-weight:800;line-height:34px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .btn-tabs .tabs{border-radius:20px 20px 0 0;font-size:14px;line-height:40px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .btn-tabs .tabs.active{color:#fff;background-color:#806ef7}.page-league-tutorial .step-mission .section-challenge .box-challenge .btn-tabs .tabs .badge{background-color:#9dee00;border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents{background-color:#54478a;border-radius:0 0 36px 36px}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .tabs-in{background-color:#f8f7fe;border:4px solid #806ef7;border-radius:30px 0 30px 30px;padding:16px 20px;position:relative;box-shadow:0 4px #4e34f4}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .tabs-in.type01{border-radius:0 30px 30px}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .day{color:#54478a;background:url(../media/icon-clock-m.33g8xdfdj2vcd.svg) 0/16px 16px no-repeat;margin-bottom:7px;padding:0 0 0 18px;font-size:11px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .day{margin-bottom:10px;font-size:11px}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .swiper{margin:0 -20px;padding:0 20px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-wrapper{gap:8px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-wrapper{width:272px}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-wrapper .swiper-slide+.swiper-slide{margin-left:8px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-wrapper .swiper-slide{flex:auto;width:50%}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-wrapper .swiper-slide{width:100%}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-pagination{justify-content:center;align-items:center;gap:8px;height:8px;margin:10px 0 0;font-size:0;display:none}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-pagination{display:flex}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-pagination .swiper-pagination-bullet{opacity:1;border-radius:50%;width:8px;height:8px;display:inline-block;background:#e1ddfd!important}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .wrap-box .swiper-pagination .swiper-pagination-bullet-active{background:#806ef7!important}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission{background-color:#fff;border:1px solid #e1ddfd;border-radius:13px;align-items:center;width:100%;height:57px;padding:8px 10px;display:flex;position:relative;overflow:hidden}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission{width:227px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission+.box-mission{margin-top:12px}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission.clear{background-color:#ffe865;border-color:#eace30}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission.clear .data-xp{color:#fff;background-color:#ffa50a;border-color:#e08e00;box-shadow:inset -2px -2px #e08e00}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission.perfect:before{content:"";z-index:3;background:#2b1369cc;position:absolute;inset:-1px}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission.perfect:after{content:"";z-index:4;background:url(../media/ico-perfect-check.0u8_9vybesj8l.svg) no-repeat;width:33px;height:33px;display:inline-block;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission [class^=ico-]{flex:none;width:40px;height:40px;margin-right:6px;display:inline-block}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .ico-mission{background:url(../media/ico-mission.2irdfnkd_dwgb.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .ico-book{background:url(../media/icon-list-book.2q9hdiz93zisf.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .ico-perfect{background:url(../media/ico-perfect.0jpcc2iaq5426.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .ico-attendance{background:url(../media/ico-mission-attendance.11c32yvg79hqm.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .label{color:#0d0d0d;margin-bottom:5px;font-family:TmoneyRoundWind;font-size:10px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .label{font-family:NanumSquareRound;font-size:13px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .bar-graph{text-align:center;background-color:#edebfe;border-radius:30px;width:115px;height:13px;position:relative}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .bar-graph{width:98px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .bar-graph .num{color:#8e82bf;text-align:center;z-index:1;font-size:10px;font-weight:800;line-height:13px;display:block;position:relative}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .bar-graph .num{line-height:16px}}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .bar-graph .bg{color:#8e82bf;background-color:#806ef7;border-radius:30px;font-size:12px;font-weight:800;line-height:20px;position:absolute;inset:0}.page-league-tutorial .step-mission .section-challenge .box-challenge .tabs-contents .box-mission .data-xp{color:#b3a8fa;text-align:center;background-color:#dfdaff;border:1px solid #b3a8fa;border-radius:10px;width:50px;margin-left:auto;padding:10px 0;font-family:TmoneyRoundWind;font-size:11px;box-shadow:inset -2px -2px #c0b3ff}.page-league-tutorial .step-mission .section-challenge .box-attendance{background-color:#e8f0fd;border:6px solid #508ded;border-radius:32px;width:371px;height:200px;margin:20px 0 0;padding:50px 0 0;position:relative;box-shadow:0 4px #2a74e9}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-attendance{width:100%;height:102px;margin:12px 0 0;padding:45px 0 0}}.page-league-tutorial .step-mission .section-challenge .box-attendance:before{content:"";background:url(../media/bg-note-attendance.21xh7itu-v262.svg) no-repeat;height:36px;margin:0 0 -20px;position:absolute;bottom:100%;left:0;right:0}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-attendance:before{display:none}}.page-league-tutorial .step-mission .section-challenge .box-attendance .title{white-space:nowrap;text-align:center;color:#fff;background-color:#508ded;border-radius:0 0 20px 20px;padding:0 20px;font-family:TmoneyRoundWind;line-height:40px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px #2a74e9}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-attendance .title{font-size:14px;line-height:initial;box-shadow:none;color:#424242;background:0 0;padding:0;top:20px;left:20px;transform:translate(0)}}.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day{color:#acc9f6;text-align:center;background-color:#fff;border:1px solid #d1e1fa;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:8px;font-family:TmoneyRoundWind;display:inline-flex;position:relative}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day{width:36px;height:36px;font-size:10px}}.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day .complete{color:#fff;background-color:#ff5252;border-radius:50%;justify-content:center;align-items:center;font-family:TmoneyRoundWind;font-size:13px;line-height:18px;display:inline-flex;position:absolute;inset:-2px;transform:rotate(-20deg)}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day .complete{font-size:10px;line-height:12px}}.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day .complete:before{content:"";border:2px solid #fff;border-radius:50%;position:absolute;inset:2px}.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day+.day{margin-left:12px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .box-attendance .view-day .day+.day{margin-left:5px}}.page-league-tutorial .step-mission .section-challenge .ui-rank{flex-direction:column;align-items:center;width:100%;margin:20px 0 0;display:flex}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank{margin:12px 0 0}}.page-league-tutorial .step-mission .section-challenge .ui-rank .rank-in{display:flex}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .rank-in{width:100%}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking{background-color:#fff2db;border:6px solid #ffa50a;border-radius:32px;width:181px;height:184px;margin-left:8px;padding:50px 0 0;position:relative;box-shadow:0 4px #e08e00}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking{border-radius:24px;flex:auto;width:100%;height:96px;padding:15px 17px 0 0}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .title{white-space:nowrap;text-align:center;color:#fff;background-color:#ffa50a;border-radius:0 0 20px 20px;padding:0 20px;font-family:TmoneyRoundWind;line-height:40px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px #e08e00}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .title{font-size:14px;line-height:initial;box-shadow:none;color:#424242;background:0 0;padding:0;top:20px;left:20px;transform:translate(0)}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank{text-align:center}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank{text-align:right}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank .rank-image{background:url(../media/img-rank.015v8g7wejv3j.svg) 0 0/100% 100% no-repeat;width:112px;height:112px;display:inline-block}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank .rank-image{width:56px;height:56px}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank .rank-image .txt-rank{text-align:center;color:#5d3309;margin:24px 0 0;font-family:TmoneyRoundWind;font-size:14px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank .rank-image .txt-rank{margin:15px 0 0;font-size:10px}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank .rank-image .txt-rank strong{font-size:25px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-ranking .view-rank .rank-image .txt-rank strong{font-size:13px}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success{background-color:#fff;border:6px solid #ededed;border-radius:32px;width:181px;height:184px;padding:50px 0 0;position:relative;box-shadow:0 4px #ccc}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success{border-radius:24px;flex:auto;width:100%;height:96px;padding:15px 17px 0 0}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .title{white-space:nowrap;text-align:center;color:#424242;background-color:#ededed;border-radius:0 0 20px 20px;padding:0 20px;font-family:TmoneyRoundWind;line-height:40px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px #d9d9d9}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .title{font-size:14px;line-height:initial;box-shadow:none;background:0 0;padding:0;top:20px;left:20px;transform:translate(0)}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge{text-align:center}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge{text-align:right}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image{width:100px;height:112px;display:inline-block}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image{width:50px;height:56px}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image .txt-day{margin:30px 0 0;font-family:TmoneyRoundWind;font-size:14px}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image .txt-day{text-align:center;margin:13px 0 0;font-size:10px}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image .txt-day strong{font-family:TmoneyRoundWind;font-size:25px;line-height:25px;display:block}@media (max-width:719px){.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image .txt-day strong{font-size:12px;line-height:12px}}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type00{background:url(../media/medal-badge00.3opn8q_opg7t_.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type00 .txt-day{color:#a55c12}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type01{background:url(../media/medal-badge01.3opn8q_opg7t_.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type01 .txt-day{color:#a55c12}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type02{background:url(../media/medal-badge02.1mevht0a6hikq.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type02 .txt-day{color:#7a5a24}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type03{background:url(../media/medal-badge03.2x00fidljwwqt.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type03 .txt-day{color:#666}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type04{background:url(../media/medal-badge04.1hklciclaulq-.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type04 .txt-day{color:#666}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type05{background:url(../media/medal-badge05.1zbwxjhuppay-.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type05 .txt-day{color:#734c1b}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type06{background:url(../media/medal-badge06.2yyu_75xim-ox.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type06 .txt-day{color:#734c1b}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type07{background:url(../media/medal-badge07.1jnjr4hr9a37k.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type07 .txt-day{color:#822424}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type08{background:url(../media/medal-badge08.1mp7fu6syrp8e.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type08 .txt-day{color:#822424}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type09{background:url(../media/medal-badge09.2gd92mgyiytfz.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type09 .txt-day{color:#266976}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type10{background:url(../media/medal-badge10.3xyhpaa_52ssn.svg) 0 0/100% 100% no-repeat}.page-league-tutorial .step-mission .section-challenge .ui-rank .box-success .view-badge .medal-image.type10 .txt-day{color:#0f283c}.page-league-tutorial .step-my-league{perspective:800px;flex-direction:column;align-items:center;width:100%;display:flex}.page-league-tutorial .step-my-league .reward-badge{opacity:0;background-color:#ffffff1f;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;animation:.4s .2s forwards fadeIn;display:inline-flex}@media (max-width:719px){.page-league-tutorial .step-my-league .reward-badge{margin-bottom:20px;padding:6px 16px}}.page-league-tutorial .step-my-league .reward-badge span{color:#d1cce5;font-size:14px;font-weight:600}@media (max-width:719px){.page-league-tutorial .step-my-league .reward-badge span{font-size:12px}}.page-league-tutorial .step-my-league .reward-badge strong{color:#ffc300;font-family:TmoneyRoundWind;font-size:16px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-my-league .reward-badge strong{font-size:14px}}.page-league-tutorial .step-my-league .my-badge{opacity:0;border-radius:50%;width:160px;height:160px;animation:1s cubic-bezier(.34,1.56,.64,1) forwards badgeReveal,2s ease-in-out 1.2s infinite badgeFloat;position:relative;overflow:hidden;transform:rotateY(180deg)scale(.3)}@media (max-width:719px){.page-league-tutorial .step-my-league .my-badge{width:130px;height:130px}}.page-league-tutorial .step-my-league .my-badge img{object-fit:contain;width:100%;height:100%}.page-league-tutorial .step-my-league .my-badge .badge-shine{border-radius:50%;width:110px;height:110px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:719px){.page-league-tutorial .step-my-league .my-badge .badge-shine{width:90px;height:90px}}.page-league-tutorial .step-my-league .my-badge .badge-shine:after{content:"";background:linear-gradient(120deg,#0000 0%,#fff0 30%,#fff9 50%,#fff0 70%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out 1.2s infinite badge-shine;position:absolute;top:0;left:-100%}@keyframes badgeReveal{0%{opacity:0;filter:brightness(1.4);transform:rotateY(180deg)scale(.3)}50%{opacity:1;filter:brightness(1.2)}80%{filter:brightness(1.1);transform:rotateY(-10deg)scale(1.15)}to{opacity:1;filter:brightness();transform:rotateY(0)scale(1)}}@keyframes badgeFloat{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.06)translateY(-4px)}}.page-league-tutorial .step-my-league .my-badge-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd70066 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:1s ease-out .6s forwards glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:719px){.page-league-tutorial .step-my-league .my-badge-glow{width:170px;height:170px}}@keyframes glowPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1}to{opacity:.3;transform:translate(-50%,-50%)scale(1.2)}}.page-league-tutorial .step-my-league .my-badge-wrap{justify-content:center;align-items:center;display:flex;position:relative}.page-league-tutorial .step-my-league .my-league-name{color:#fff;opacity:0;font-family:TmoneyRoundWind;font-size:22px;font-weight:800;animation:.5s ease-out .8s forwards fadeSlideUp}@media (max-width:719px){.page-league-tutorial .step-my-league .my-league-name{font-size:19px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-league-tutorial .step-prev-result{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.page-league-tutorial .step-prev-result .result-info{flex-direction:column;align-items:center;width:100%;display:flex}.page-league-tutorial .step-prev-result .reward-badge{opacity:0;background-color:#ffffff1f;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;animation:.4s .2s forwards fadeIn;display:inline-flex}@media (max-width:719px){.page-league-tutorial .step-prev-result .reward-badge{margin-bottom:20px;padding:6px 16px}}.page-league-tutorial .step-prev-result .reward-badge span{color:#d1cce5;font-size:14px;font-weight:600}@media (max-width:719px){.page-league-tutorial .step-prev-result .reward-badge span{font-size:12px}}.page-league-tutorial .step-prev-result .reward-badge strong{color:#ffc300;font-family:TmoneyRoundWind;font-size:16px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-prev-result .reward-badge strong{font-size:14px}}.page-league-tutorial .step-prev-result .prev-rank-label{color:#b3abd4;opacity:0;margin-bottom:8px;font-size:15px;font-weight:600;animation:.4s .4s forwards fadeIn}@media (max-width:719px){.page-league-tutorial .step-prev-result .prev-rank-label{margin-bottom:6px;font-size:13px}}.page-league-tutorial .step-prev-result .prev-league-title{opacity:0;align-items:center;gap:8px;margin-bottom:24px;animation:.4s .5s forwards fadeIn;display:flex}@media (max-width:719px){.page-league-tutorial .step-prev-result .prev-league-title{margin-bottom:20px}}.page-league-tutorial .step-prev-result .prev-league-title .league-icon{width:40px;height:40px}@media (max-width:719px){.page-league-tutorial .step-prev-result .prev-league-title .league-icon{width:32px;height:32px}}.page-league-tutorial .step-prev-result .prev-league-title span{color:#fff;font-family:TmoneyRoundWind;font-size:24px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-prev-result .prev-league-title span{font-size:20px}}.page-league-tutorial .step-prev-result .my-rank-card{opacity:0;background-color:#4d3f85;border:1px solid #5c4e96;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px 20px;animation:.4s .6s forwards fadeIn;display:flex}@media (max-width:719px){.page-league-tutorial .step-prev-result .my-rank-card{border-radius:14px;gap:10px;padding:12px 16px}}.page-league-tutorial .step-prev-result .my-rank-card .rank-num{color:#f0eef6;text-align:center;min-width:36px;font-family:TmoneyRoundWind;font-size:22px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-prev-result .my-rank-card .rank-num{min-width:28px;font-size:18px}}.page-league-tutorial .step-prev-result .my-rank-card .profile-area{flex:1;align-items:center;gap:8px;display:flex}@media (max-width:719px){.page-league-tutorial .step-prev-result .my-rank-card .profile-area{gap:6px}}.page-league-tutorial .step-prev-result .my-rank-card .profile-area .profile-icon{border-radius:50%;flex:none;width:36px;height:36px;overflow:hidden}@media (max-width:719px){.page-league-tutorial .step-prev-result .my-rank-card .profile-area .profile-icon{width:30px;height:30px}}.page-league-tutorial .step-prev-result .my-rank-card .profile-area .profile-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.page-league-tutorial .step-prev-result .my-rank-card .profile-area .nickname{color:#f0eef6;font-size:17px;font-weight:700}@media (max-width:719px){.page-league-tutorial .step-prev-result .my-rank-card .profile-area .nickname{font-size:15px}}.page-league-tutorial .step-prev-result .my-rank-card .xp{color:#b3abd4;white-space:nowrap;font-family:TmoneyRoundWind;font-size:16px;font-weight:800}@media (max-width:719px){.page-league-tutorial .step-prev-result .my-rank-card .xp{font-size:14px}}.step-league-scroll{flex-direction:column;align-items:center;max-width:588px;display:flex}@media (max-width:719px){.step-league-scroll{max-width:320px}}.step-league-scroll .league-badges{padding:16px 0;overflow:hidden}.step-league-scroll .league-badges .swiper-slide{width:auto}.step-league-scroll .badge-slide{align-items:center;padding-bottom:10px;display:flex}.step-league-scroll .badge-node{opacity:.3;flex-direction:column;flex:none;align-items:center;transition:opacity .8s;display:flex;position:relative}.step-league-scroll .badge-node.active{opacity:1}.step-league-scroll .badge-node .badge-icon{border-radius:50%;width:160px;height:160px;position:relative;overflow:hidden}@media (max-width:719px){.step-league-scroll .badge-node .badge-icon{width:130px;height:130px}}.step-league-scroll .badge-node .badge-icon img{object-fit:contain;width:100%;height:100%}.step-league-scroll .badge-node.active .badge-icon .badge-shine{border-radius:50%;width:110px;height:110px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:719px){.step-league-scroll .badge-node.active .badge-icon .badge-shine{width:90px;height:90px}}.step-league-scroll .badge-node.active .badge-icon .badge-shine:after{content:"";background:linear-gradient(120deg,#0000 0%,#fff0 30%,#fff9 50%,#fff0 70%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite badge-shine;position:absolute;top:0;left:-100%}.step-league-scroll .badge-node .badge-name{color:#fff;-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#372870;paint-order:stroke fill;letter-spacing:-.39px;white-space:nowrap;font-family:TmoneyRoundWind;font-size:22px;font-style:normal;font-weight:800;line-height:100%;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@media (max-width:719px){.step-league-scroll .badge-node .badge-name{-webkit-text-stroke-width:3px;font-size:18px}}.step-league-scroll .badge-node.active .badge-name{color:#fff;-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#372870;letter-spacing:-.42px;font-family:TmoneyRoundWind;font-size:24px;font-weight:800;line-height:100%}@media (max-width:719px){.step-league-scroll .badge-node.active .badge-name{-webkit-text-stroke-width:3px;font-size:20px}}.step-league-scroll .badge-arrow{background:url(../media/arrow-right2.1k7mjinl9kdro.svg) 50%/100% 100%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin:0 12px;font-size:0;display:flex}@media (max-width:719px){.step-league-scroll .badge-arrow{width:12px;height:12px;margin:0 2px}}.league-guide .mantine-Modal-body{padding:0}.league-guide .mantine-Modal-close{width:36px;height:36px}.league-guide .mantine-Modal-close svg{width:28px;height:28px}@media (max-width:719px){.league-guide .mantine-Modal-close{width:24px;height:24px}.league-guide .mantine-Modal-close svg{width:18px;height:18px}}.league-guide .guide-scroll{max-height:60vh;overflow-y:auto}.league-guide .guide-scroll::-webkit-scrollbar{width:4px}.league-guide .guide-scroll::-webkit-scrollbar-thumb{background-color:#8e82bf4d;border-radius:2px}.league-guide .guide-section{margin-bottom:20px}.league-guide .guide-section:last-child{margin-bottom:0}.league-guide .guide-intro{background-color:#806ef7;border-radius:16px;padding:16px}.league-guide .guide-intro .guide-title{color:#fff;font-family:TmoneyRoundWind;font-size:19px;font-weight:800}@media (max-width:719px){.league-guide .guide-intro .guide-title{font-size:16px}}.league-guide .guide-intro .guide-desc{color:#e1ddfd;margin:0;font-size:16px;font-weight:400;line-height:1.6}.league-guide .guide-leagues{background-color:#f5f5f5;border-radius:16px;padding:16px}@media (max-width:719px){.league-guide .guide-leagues{border-radius:14px}}.league-guide .guide-leagues .section-title{color:#0d0d0d;margin:0 0 6px;font-family:TmoneyRoundWind;font-size:16px;font-weight:800}.league-guide .guide-leagues .section-desc{color:#333;margin:0 0 16px;font-size:16px;font-weight:400;line-height:1.6}@media (max-width:719px){.league-guide .guide-leagues .section-desc{margin:0 0 16px;font-size:15px}}.league-guide .guide-badge-grid{background-color:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:16px 12px;padding:20px 24px;display:grid}.league-guide .guide-badge-item{flex-direction:column;align-items:center;display:flex}.league-guide .guide-badge-item .guide-badge-icon{width:56px;height:56px}.league-guide .guide-badge-item .guide-badge-icon img{object-fit:contain;width:100%;height:100%}.league-guide .guide-badge-item .guide-badge-name{color:#666;font-size:12px;font-weight:400}.league-guide .guide-rules{background-color:#f5f5f5;border-radius:16px;padding:16px}.league-guide .guide-rules .section-title{color:#333;margin:0 0 14px;font-family:TmoneyRoundWind;font-size:17px;font-weight:800}@media (max-width:719px){.league-guide .guide-rules .section-title{margin:0 0 12px;font-size:15px}}.league-guide .guide-rules .rules-list{counter-reset:rules;margin:0;padding:0;list-style:none}.league-guide .guide-rules .rules-list li{counter-increment:rules;color:#333;letter-spacing:.45px;margin-bottom:10px;padding-left:17px;font-size:15px;font-weight:400;line-height:1.2;position:relative}.league-guide .guide-rules .rules-list li:last-child{margin-bottom:0}.league-guide .guide-rules .rules-list li:before{content:counter(rules) ".";color:#333;font-weight:400;position:absolute;top:0;left:0}.ranking-step-view{margin-top:0;padding-top:40px}.ranking-step-view:before{display:none}.ranking-step-view .ranking-step-league{justify-content:center;align-items:center;gap:10px;padding-bottom:16px;display:flex}.ranking-step-view .ranking-step-badge{width:48px;height:48px}.ranking-step-view .ranking-step-league-name{color:#fff;font-family:TmoneyRoundWind;font-size:20px}.ranking-step-view .ranking-card{max-width:588px;max-height:60vh;margin:0 auto}
.boost-result-note-card-module-scss-module__o6F6rG__wrap{flex-direction:column;align-items:center;width:100%;max-width:588px;margin:0 auto;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__rings{z-index:2;background-image:url(/images/boost/note-ring.svg);background-repeat:space no-repeat;background-size:40px 40px;width:calc(100% - 92px);height:40px;margin-bottom:-20px;position:relative}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__rings{width:calc(100% - 24px)}}.boost-result-note-card-module-scss-module__o6F6rG__card{z-index:1;box-sizing:border-box;background:#fff;border:8px solid #806ef7;border-radius:36px;flex-direction:column;align-items:center;gap:24px;width:100%;padding:40px 20px 24px;display:flex;position:relative;box-shadow:0 4px #4e34f4}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__card{border-width:6px;border-radius:24px;gap:24px;padding:40px 16px 24px;box-shadow:0 2px #4e34f4}}.boost-result-note-card-module-scss-module__o6F6rG__top{flex-direction:column;align-items:center;gap:8px;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__headline{letter-spacing:-.51px;color:#0d0d0d;margin:0;font-size:17px;font-weight:800;line-height:1}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__headline{font-size:13px}}.boost-result-note-card-module-scss-module__o6F6rG__total{color:#806ef7;filter:drop-shadow(0 4px #ededed);justify-content:center;align-items:flex-end;margin:0;font-family:TmoneyRoundWind,NanumSquareRound,sans-serif;font-weight:800;line-height:1;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__totalNumber{letter-spacing:-1.62px;font-size:54px}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__totalNumber{font-size:40px}}.boost-result-note-card-module-scss-module__o6F6rG__totalUnit{letter-spacing:-.9px;font-size:30px}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__totalUnit{font-size:24px}}.boost-result-note-card-module-scss-module__o6F6rG__rows{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:12px;width:100%;max-height:250px;display:flex;overflow-y:auto}.boost-result-note-card-module-scss-module__o6F6rG__rows::-webkit-scrollbar{display:none}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__rows{gap:8px}}.boost-result-note-card-module-scss-module__o6F6rG__row{box-sizing:border-box;opacity:.25;background:#f7f5fe;border:1px solid #e1ddfd;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:opacity .3s ease-out,transform .3s ease-out;display:flex;transform:translateY(6px);box-shadow:inset 0 2px 4px #e1ddfd}.boost-result-note-card-module-scss-module__o6F6rG__row[data-revealed]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.boost-result-note-card-module-scss-module__o6F6rG__row{transition:none}}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__row{border-radius:12px;padding:12px}}.boost-result-note-card-module-scss-module__o6F6rG__row[data-dimmed][data-revealed]{opacity:.5}.boost-result-note-card-module-scss-module__o6F6rG__row[data-dimmed]{background:#f5f5f5;border-color:#ededed;box-shadow:inset 0 2px 4px #ededed}.boost-result-note-card-module-scss-module__o6F6rG__rowLeft{align-items:center;gap:4px;min-width:1px;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__rowIcon{flex:none;width:20px;height:20px;display:inline-flex}.boost-result-note-card-module-scss-module__o6F6rG__rowIcon img{object-fit:contain;width:100%;height:100%}.boost-result-note-card-module-scss-module__o6F6rG__rowText{flex-direction:column;gap:4px;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__rowTitle{letter-spacing:-.51px;color:#333;font-size:17px;font-weight:700;line-height:1}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__rowTitle{font-size:15px}}.boost-result-note-card-module-scss-module__o6F6rG__rowSub{letter-spacing:-.45px;color:#737373;font-size:15px;font-weight:400;line-height:1}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__rowSub{font-size:13px}}.boost-result-note-card-module-scss-module__o6F6rG__rowXp{color:#0d0d0d;filter:drop-shadow(0 1px #d9d9d9);flex:none;align-items:flex-end;font-family:TmoneyRoundWind,NanumSquareRound,sans-serif;font-weight:800;line-height:1;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__rowXpNumber{letter-spacing:-.66px;font-size:22px}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__rowXpNumber{font-size:19px}}.boost-result-note-card-module-scss-module__o6F6rG__rowXpUnit{letter-spacing:-.48px;font-size:16px}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__rowXpUnit{font-size:14px}}.boost-result-note-card-module-scss-module__o6F6rG__record{flex-direction:column;align-items:center;width:100%;margin-top:-8px;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__recordTag{z-index:2;letter-spacing:-.48px;color:#fff;box-sizing:border-box;background:url(/images/boost/note-tag-ribbon.svg) 50%/100% 100% no-repeat;justify-content:center;align-items:center;gap:5px;width:132px;height:36px;margin-bottom:-20px;padding-bottom:2px;font-family:TmoneyRoundWind,NanumSquareRound,sans-serif;font-size:16px;font-weight:800;line-height:1;display:inline-flex;position:relative}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__recordTag{gap:2px;width:117px;height:32px;margin-bottom:-16px;font-size:14px}}.boost-result-note-card-module-scss-module__o6F6rG__recordTagDot{background:#fff;border-radius:50%;width:4px;height:4px}.boost-result-note-card-module-scss-module__o6F6rG__recordBox{box-sizing:border-box;background:#f5f5f5;border:1px solid #ededed;border-radius:16px;align-items:stretch;width:100%;padding:32px 0 16px;display:flex;box-shadow:inset 0 2px 4px #ededed}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__recordBox{padding:24px 0 16px}}.boost-result-note-card-module-scss-module__o6F6rG__stat{flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;gap:12px;min-width:1px;padding:8px 12px;display:flex}.boost-result-note-card-module-scss-module__o6F6rG__stat[data-divided]{border-left:1px dashed #d9d9d9}.boost-result-note-card-module-scss-module__o6F6rG__statLabel{letter-spacing:-.39px;color:#737373;font-size:13px;font-weight:400;line-height:1}.boost-result-note-card-module-scss-module__o6F6rG__statValue{letter-spacing:-.6px;color:#0d0d0d;white-space:nowrap;font-size:20px;font-weight:800;line-height:1}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__statValue{font-size:15px}}.boost-result-note-card-module-scss-module__o6F6rG__zeroLottie{width:156px;height:280px;position:relative;overflow:hidden}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__zeroLottie{width:140px;height:250px}}.boost-result-note-card-module-scss-module__o6F6rG__zeroLottiePlayer{width:519px;height:519px;position:absolute;top:-170px;left:-196px}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__zeroLottiePlayer{width:464px;height:464px;top:-152px;left:-175px}}.boost-result-note-card-module-scss-module__o6F6rG__zeroCopy{letter-spacing:-.51px;text-align:center;color:#0d0d0d;margin:0;padding-bottom:12px;font-size:17px;font-weight:800;line-height:1.5}@media (max-width:719px){.boost-result-note-card-module-scss-module__o6F6rG__zeroCopy{font-size:15px}}