@charset "UTF-8";@font-face{font-family:Pretendard,sans-serif;src:url(/assets/css/font/Pretendard-Bold.woff2) format("woff2");font-style:normal}@font-face{font-family:SB Aggro;src:url(/assets/css/font/SBAggro-Light.woff) format("woff");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:SB Aggro;src:url(/assets/css/font/SBAggro-Medium.woff) format("woff");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:SB Aggro;src:url(/assets/css/font/SBAggro-Medium.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:SB Aggro;src:url(/assets/css/font/SBAggro-Bold.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;color:#373737;font-family:Pretendard;-webkit-text-size-adjust:none;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;color:#332c5c;-webkit-tap-highlight-color:transparent}div,span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}*{font-family:OneMobilePop}:root{--viewport-height: 100%;--vh: 1vh;--primary-color: #8976fd;--secondary-color: #8976fd33;--tertiary-color: #8976fd1a;--font-color: #2f2c41;--font-second-color: #5d596c;--font-sub-color: #6e6b7d;--font-gray: #93909e}html body .color-font{color:var(--font-color, #2f2c41)}html body .color-font-second{color:var(--font-second-color, #5d596c)}html body .color-font-sub{color:var(--font-sub-color, #6e6b7d)}html body .color-font-gray{color:var(--font-gray, #93909e)}html body .color-font-placeholder{color:#a5a3ae}html body .text-h1{font-size:2rem}html body h1{font-weight:700;font-size:2rem}html body .text-h2{font-size:1.75rem}html body h2{font-weight:700;font-size:1.75rem}html body .text-h3{font-size:1.5rem}html body h3{font-weight:700;font-size:1.5rem}html body .text-h4{font-size:1.25rem}html body h4{font-weight:700;font-size:1.25rem}html body .text-h5{font-size:1.125rem}html body h5{font-weight:700;font-size:1.125rem}html body .text-h6{font-size:1rem}html body h6{font-weight:700;font-size:1rem}html body .text-h7{font-size:.875rem}html body h7{font-weight:700;font-size:.875rem}html body .text-s-1{font-size:1rem}html body .text-s-2{font-size:2rem}html body .text-s-3{font-size:3rem}html body .text-s-4{font-size:4rem}html body .text-s-5{font-size:5rem}html body .text-s-6{font-size:6rem}html body .text-s-7{font-size:7rem}html body .text-s-8{font-size:8rem}html body .text-s-9{font-size:9rem}html body .text-s-10{font-size:10rem}html body .text-s-11{font-size:11rem}html body .text-s-12{font-size:12rem}html body .text-s-13{font-size:13rem}html body .text-s-14{font-size:14rem}html body .text-s-15{font-size:15rem}html body .text-s-16{font-size:16rem}html body .text-s-17{font-size:17rem}html body .text-s-18{font-size:18rem}html body .text-s-19{font-size:19rem}html body .text-s-20{font-size:20rem}html body .text-c1{font-size:.75rem}html body .text-c2{font-size:.6875rem}html body .text-b{font-weight:700}html body .text-i{font-style:italic}html body .mr-1{margin-right:.5rem}html body .ml-1{margin-left:.5rem}html body .mt-1{margin-top:.5rem}html body .mb-1{margin-bottom:.5rem}html body .ma-1{margin:.5rem}html body .mr-2{margin-right:1rem}html body .ml-2{margin-left:1rem}html body .mt-2{margin-top:1rem}html body .mb-2{margin-bottom:1rem}html body .ma-2{margin:1rem}html body .mr-3{margin-right:1.5rem}html body .ml-3{margin-left:1.5rem}html body .mt-3{margin-top:1.5rem}html body .mb-3{margin-bottom:1.5rem}html body .ma-3{margin:1.5rem}html body .mr-4{margin-right:2rem}html body .ml-4{margin-left:2rem}html body .mt-4{margin-top:2rem}html body .mb-4{margin-bottom:2rem}html body .ma-4{margin:2rem}html body .mr-5{margin-right:2.5rem}html body .ml-5{margin-left:2.5rem}html body .mt-5{margin-top:2.5rem}html body .mb-5{margin-bottom:2.5rem}html body .ma-5{margin:2.5rem}html body .mr-6{margin-right:3rem}html body .ml-6{margin-left:3rem}html body .mt-6{margin-top:3rem}html body .mb-6{margin-bottom:3rem}html body .ma-6{margin:3rem}html body .mr-7{margin-right:3.5rem}html body .ml-7{margin-left:3.5rem}html body .mt-7{margin-top:3.5rem}html body .mb-7{margin-bottom:3.5rem}html body .ma-7{margin:3.5rem}html body .mr-8{margin-right:4rem}html body .ml-8{margin-left:4rem}html body .mt-8{margin-top:4rem}html body .mb-8{margin-bottom:4rem}html body .ma-8{margin:4rem}html body .mr-9{margin-right:4.5rem}html body .ml-9{margin-left:4.5rem}html body .mt-9{margin-top:4.5rem}html body .mb-9{margin-bottom:4.5rem}html body .ma-9{margin:4.5rem}html body .mr-10{margin-right:5rem}html body .ml-10{margin-left:5rem}html body .mt-10{margin-top:5rem}html body .mb-10{margin-bottom:5rem}html body .ma-10{margin:5rem}html body .mr-11{margin-right:5.5rem}html body .ml-11{margin-left:5.5rem}html body .mt-11{margin-top:5.5rem}html body .mb-11{margin-bottom:5.5rem}html body .ma-11{margin:5.5rem}html body .mr-12{margin-right:6rem}html body .ml-12{margin-left:6rem}html body .mt-12{margin-top:6rem}html body .mb-12{margin-bottom:6rem}html body .ma-12{margin:6rem}html body .mr-13{margin-right:6.5rem}html body .ml-13{margin-left:6.5rem}html body .mt-13{margin-top:6.5rem}html body .mb-13{margin-bottom:6.5rem}html body .ma-13{margin:6.5rem}html body .mr-14{margin-right:7rem}html body .ml-14{margin-left:7rem}html body .mt-14{margin-top:7rem}html body .mb-14{margin-bottom:7rem}html body .ma-14{margin:7rem}html body .mr-15{margin-right:7.5rem}html body .ml-15{margin-left:7.5rem}html body .mt-15{margin-top:7.5rem}html body .mb-15{margin-bottom:7.5rem}html body .ma-15{margin:7.5rem}html body .mr-16{margin-right:8rem}html body .ml-16{margin-left:8rem}html body .mt-16{margin-top:8rem}html body .mb-16{margin-bottom:8rem}html body .ma-16{margin:8rem}html body .mr-17{margin-right:8.5rem}html body .ml-17{margin-left:8.5rem}html body .mt-17{margin-top:8.5rem}html body .mb-17{margin-bottom:8.5rem}html body .ma-17{margin:8.5rem}html body .mr-18{margin-right:9rem}html body .ml-18{margin-left:9rem}html body .mt-18{margin-top:9rem}html body .mb-18{margin-bottom:9rem}html body .ma-18{margin:9rem}html body .mr-19{margin-right:9.5rem}html body .ml-19{margin-left:9.5rem}html body .mt-19{margin-top:9.5rem}html body .mb-19{margin-bottom:9.5rem}html body .ma-19{margin:9.5rem}html body .mr-20{margin-right:10rem}html body .ml-20{margin-left:10rem}html body .mt-20{margin-top:10rem}html body .mb-20{margin-bottom:10rem}html body .ma-20{margin:10rem}html body .w1{width:10%}html body .w2{width:20%}html body .w3{width:30%}html body .w4{width:40%}html body .w5{width:50%}html body .w6{width:60%}html body .w7{width:70%}html body .w8{width:80%}html body .w9{width:90%}html body .w10{width:100%}html body .d-block{display:block}html body .d-inline-block{display:inline-block}html,body,#app{font-size:16px;line-height:1.5;color:var(--font-color, #2f2c41);font-family:Pretendard,sans-serif}a,a:hover,a:visited,a:active{color:inherit;text-decoration:none}#app{display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}#app::-webkit-scrollbar{display:none}header{height:64px;padding:0 1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #dbdade}header .gnb-logo{width:calc(260px - 1.5rem);text-align:left;display:flex}header .gnb-logo img{object-fit:contain}header .gnb-menus{flex:1}header .gnb-menus ul{display:flex}header .gnb-menus ul li{margin-left:1.5rem}header .gnb-menus ul li a{background-color:#f7f7f7;padding:.5rem;color:var(--font-sub-color, #6e6b7d);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1}header .gnb-menus ul li a.active{color:#fff;background-color:var(--primary-color, #8976fd);-webkit-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);-moz-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);box-shadow:0 2px 16px #8976fd40}header .gnb-menus ul li a.active .svg path{fill:#fff;stroke:#fff}header .gnb-menus ul li a.active:hover{background-color:var(--primary-color, #8976fd)}header .gnb-menus ul li a:hover{background-color:#f2f2f3}header .gnb-menus ul li .svg{height:1rem;vertical-align:middle}header .gnb-user{display:flex;flex-direction:column;text-align:left;cursor:pointer}header .gnb-user>.nickname{display:flex}header .gnb-user>.user-grade{color:var(--font-sub-color, #6e6b7d)}header .user-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;border:1px solid #dbdade;position:absolute;top:calc(64px - .5rem);right:1.5rem;display:flex;flex-direction:column;background-color:#fff;z-index:99999}header .user-menu .user-title{position:relative;display:flex;align-items:center;margin:8px;padding:12px 8px;text-align:left}header .user-menu .user-title .profile-wrapper{width:40px;padding-top:40px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;z-index:1;margin-right:.5rem}header .user-menu .user-title .profile-wrapper .svg{height:1rem;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}header .user-menu .user-title .nickname{display:flex;flex-direction:column;line-height:1}header .user-menu .menus{border-top:1px solid #dbdade;padding:8px;display:flex;flex-direction:column}header .user-menu .menus a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;padding:10px 8px;display:flex;align-items:center;width:calc(100% - 16px)}header .user-menu .menus a:hover{background-color:#f7f7f7}header .user-menu .menus a .svg{height:1em;margin-right:.5rem}.layout-body{width:100%;display:flex;flex:1 1;background-color:#f7f7f7}.layout-body .lnb{padding:1.5rem .5rem;width:calc(260px - 1rem);border-right:1px solid #dbdade;background-color:#fff}.layout-body .lnb ul{display:flex;flex-direction:column}.layout-body .lnb ul li{margin-bottom:.5rem}.layout-body .lnb ul li a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;display:flex;width:calc(100% - 2rem);padding:.75rem 1rem;align-items:center}.layout-body .lnb ul li a:hover{background-color:#f2f2f3}.layout-body .lnb ul li a .svg{margin-right:.5rem}.layout-body .lnb ul li a.active{background-color:#f4f3ff;color:var(--primary-color, #8976fd);font-weight:700}.layout-body .lnb ul li a.active .svg path{fill:var(--primary-color, #8976fd)}.layout-body .layout-content-body-wrapper{flex:1;padding:2rem 1.5rem;display:flex;justify-content:center}.layout-body .layout-content-body-wrapper .layout-content-body{width:100%;display:flex;flex-direction:column}.layout-body .layout-content-body-wrapper .layout-content-body section.page-title h1{font-size:1.75rem}.layout-body .layout-content-body-wrapper .layout-content-body section.page-title h1 span{margin-left:1rem;color:#a5a3ae;font-size:1.125rem}.layout-body .layout-content-body-wrapper .layout-content-body section.page-content{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;-webkit-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);-moz-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);box-shadow:0 2px 16px #5d596c1a;margin-top:1rem;background-color:#fff;flex:1 1}.layout-body .layout-content-body-wrapper .layout-content-body section.page-content>.page-top{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid #dbdade}.layout-body .layout-content-body-wrapper .layout-content-body section.page-content>.page-top .page-top-title{font-size:1.125rem;font-weight:700;color:var(--font-sub-color, #6e6b7d);margin-bottom:1rem}.layout-body .layout-content-body-wrapper .layout-content-body section.page-content>.page-body{padding:1.5rem}.layout-body .layout-content-body-wrapper.fullpage{align-items:center}@media (min-width: 1920px){.layout-body .layout-content-body-wrapper>.layout-content-body{max-width:1180px}}#notice-inapp{position:fixed;min-height:calc(var(--vh, vh) * 100);height:calc(var(--vh, vh) * 100);width:100%;top:0;left:0;background-color:#f6e9ff;z-index:10000000000000000000}#notice-inapp>.wrap-center{position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges;text-align:center}#notice-inapp>.wrap-center>div{margin-top:20px}#notice-inapp>.wrap-center img{display:inline-block}#notice-inapp>.wrap-center p{margin-top:20px;line-height:1.5em;color:#756d65}#notice-inapp>.wrap-center .button-wrapper{display:flex;gap:1.5rem;justify-content:center}#notice-inapp>.wrap-center .button-wrapper .button{padding:0 1rem;height:50px;border:none;box-shadow:0 2px 4px #00000040;font-family:Escoredream,sans-serif!important;font-weight:500;font-size:14px;text-align:center;color:#564c5c}#notice-inapp>.wrap-center .button-wrapper .button.copy-btn{background-color:#d9d2ff}#notice-inapp>.wrap-bottom{position:absolute;bottom:20px;right:0}#notice-inapp>.wrap-bottom p{float:left;color:#58524c;text-align:right;line-height:1.5em}#notice-inapp>.wrap-bottom.top{bottom:unset;top:20px}.box-shadow{-webkit-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);-moz-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);box-shadow:0 2px 16px #5d596c1a}.box-shadow-gnb{-webkit-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);-moz-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);box-shadow:0 2px 16px #8976fd40}.apoc-checkbox{position:relative;padding-left:1.5rem}.apoc-checkbox:has(>input[type=checkbox]:checked){color:var(--primary-color, #8976fd)}.apoc-checkbox:has(>input[type=checkbox]:checked):before{content:"✔";color:#fff;font-size:.8rem;text-align:center;line-height:1.2;background-color:var(--primary-color, #8976fd);border:1px solid var(--primary-color, #8976fd)}.apoc-checkbox:before{content:"";-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden;z-index:1;display:inline-block;width:1rem;height:1rem;border:1px solid #dbdade;position:absolute!important;left:0;position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}.apoc-checkbox input[type=checkbox]{display:none}.apoc-radio{position:relative;padding-left:1.5rem}.apoc-radio:has(>input[type=radio]:checked){color:var(--primary-color, #8976fd)}.apoc-radio:has(>input[type=radio]:checked):before{content:"";color:#fff;font-size:.8rem;text-align:center;line-height:1.2;background-color:#fff;border:1px solid var(--primary-color, #8976fd)}.apoc-radio:has(>input[type=radio]:checked):after{content:"";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;z-index:1;width:calc(1rem - 4px);height:calc(1rem - 4px);position:absolute!important;background-color:var(--primary-color, #8976fd);left:3px;position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}.apoc-radio:before{content:"";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;z-index:1;display:inline-block;width:1rem;height:1rem;border:1px solid #dbdade;position:absolute!important;left:0;position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges}.apoc-radio input[type=radio]{display:none}.apoc-input{position:relative;font-size:.875rem;color:var(--font-color, #2f2c41)}.apoc-input>input{width:calc(100% - 24px);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;border:1px solid #dbdade;padding:10px 12px}.apoc-input>input:focus{outline-color:var(--primary-color, #8976fd);box-shadow:0 0 0 3px #8976fd40;caret-color:var(--primary-color, #8976fd)}.apoc-input>input:has(+.password-append){width:calc(100% - 24px - 1rem);padding:10px calc(12px + 1rem) 10px 12px}.apoc-input .icon-prepend{position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges;position:absolute;left:12px;display:flex;pointer-events:none}.apoc-input .icon-prepend .svg{height:1em;path-fill:var(--font-color, #2f2c41);path-stroke:var(--font-color, #2f2c41)}.apoc-input .icon-prepend+input{padding-left:calc(1.5rem + 12px);width:calc(100% - (1.5rem + 24px))}.apoc-input .password-append{position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges;position:absolute;right:6px;padding:.5rem 2px;display:flex;cursor:pointer}.apoc-input .password-append .svg{height:1em;path-fill:var(--font-color, #2f2c41);path-stroke:var(--font-color, #2f2c41)}.apoc-btn{padding:10px 12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;border:1px solid #dbdade;cursor:pointer;font-size:inherit;background:#fff;color:var(--font-color, #2f2c41)}.apoc-btn .svg{vertical-align:top;height:1em}.apoc-btn .svg path{fill:var(--font-color, #2f2c41);stroke:var(--font-color, #2f2c41)}.apoc-btn.primary{background:var(--primary-color, #8976fd);color:#fff;border:1px solid var(--primary-color, #8976fd);-webkit-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);-moz-box-shadow:0px 2px 16px 0px rgba(137,118,253,.2509803922);box-shadow:0 2px 16px #8976fd40}.apoc-btn.primary .svg{vertical-align:top}.apoc-btn.primary .svg path{fill:#fff;stroke:#fff}.apoc-btn.danger{color:#ea5455}.apoc-btn.danger .svg path{fill:#ea5455;stroke:#ea5455}.apoc-btn.slim{font-size:.875rem;padding:.5rem}.apoc-btn.shadow{-webkit-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);-moz-box-shadow:0px 2px 16px 0px rgba(93,89,108,.1019607843);box-shadow:0 2px 16px #5d596c1a}.apoc-btn.no-border{border:0}.apoc-select{font-size:.875rem;position:relative;min-width:3rem}.apoc-select .selected-area{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;border:1px solid #dbdade;cursor:pointer;background:#fff;padding:10px 12px;color:var(--font-color, #2f2c41)}.apoc-select .option-list-area-wrapper{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;border:1px solid #dbdade;padding:10px 12px;position:absolute;width:calc(100% - 24px);background:#fff;z-index:2;overflow-y:auto}.apoc-select .option-list-area-wrapper .option-list-area{list-style:none;padding:0;margin:0}.apoc-select .option-list-area-wrapper .option-list-area li{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;z-index:1;cursor:pointer;color:var(--font-color, #2f2c41);padding:.25rem .5rem}.apoc-select .option-list-area-wrapper .option-list-area li:hover{background-color:#f2f2f3}.apoc-select .option-list-area-wrapper .option-list-area li.selected{color:var(--primary-color, #8976fd)}.apoc-select .select-arrow-down{width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%);right:.5rem}.apoc-select .select-arrow-down.opened{transform:rotate(180deg) translateY(50%)}table{width:100%;border-top:1px solid #dbdade;font-size:.875rem}table tr th{padding:17px 8px}table tr{border-bottom:1px solid #dbdade}table tr td{padding:8px;vertical-align:middle;text-align:center}table tr td.left{text-align:left}table tr td.right{text-align:right}span.badge{font-size:.75rem;padding:.25rem .5rem;background-color:#f2f2f3;color:var(--font-sub-color, #6e6b7d);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;overflow:hidden;z-index:1}span.badge.danger{background-color:#ffebeb;color:#ea5455}span.badge.primary{background-color:#f4f3ff;color:var(--primary-color, #8976fd)}.table-paging{font-size:.875rem;display:flex;justify-content:space-between;margin-top:1rem}.table-paging .entry,.table-paging .paging{color:#a5a3ae;display:flex;flex-direction:row;align-items:center;gap:.5rem}.table-paging .paging button{color:var(--font-sub-color, #6e6b7d);display:flex}.table-paging .paging button .svg{height:1em}.table-paging .paging button .svg path{fill:var(--font-sub-color, #6e6b7d);stroke:var(--font-sub-color, #6e6b7d)}.table-paging .paging button.active{background-color:#f4f3ff;color:var(--primary-color, #8976fd)}.mount-element{opacity:0;position:absolute}#app .rank-page{width:100%;position:relative}#app .rank-page .rank-container{width:100%;height:100%;position:absolute;top:0;left:0}#app .rank-page .rank-container .my-rank{position:absolute;font-weight:700;font-family:OneMobilePop,sans-serif;top:198px;left:134px;line-height:32px;font-size:32px;width:108px;text-align:center}#app .rank-page .rank-container .my-rank span{font-size:24px;line-height:24px}#app .rank-page .rank-container .rank{font-family:OneMobilePop,sans-serif;font-weight:700;font-size:20px;line-height:24px}#app .rank-page .rank-container .rank .user-name{position:absolute;right:56px}#app .rank-page .rank-container .rank .score{position:absolute;left:136px}#app .rank-page .rank-container .rank.rank1 .user-name,#app .rank-page .rank-container .rank.rank1 .score{top:298px}#app .rank-page .rank-container .rank.rank2 .user-name,#app .rank-page .rank-container .rank.rank2 .score{top:362px}#app .rank-page .rank-container .rank.rank3 .user-name,#app .rank-page .rank-container .rank.rank3 .score{top:426px}#app .rank-page .rank-container .rank.rank4 .user-name,#app .rank-page .rank-container .rank.rank4 .score{top:490px}#app .rank-page .rank-container .rank.rank5 .user-name,#app .rank-page .rank-container .rank.rank5 .score{top:554px}#app .rank-page .rank-container .rank.rank6 .user-name,#app .rank-page .rank-container .rank.rank6 .score{top:618px}#app .rank-page .rank-container .rank.rank7 .user-name,#app .rank-page .rank-container .rank.rank7 .score{top:682px}#app .rank-page .rank-container .rank.rank8 .user-name,#app .rank-page .rank-container .rank.rank8 .score{top:746px}#app .rank-page .rank-container .rank.rank9 .user-name,#app .rank-page .rank-container .rank.rank9 .score{top:810px}#app .rank-page .rank-container .rank.rank10 .user-name,#app .rank-page .rank-container .rank.rank10 .score{top:874px}#app .rank-page .rank-container .my-score{font-family:GyeonggiBatang,sans-serif;font-weight:700;line-height:20px;font-size:16px;position:absolute;left:123px;top:234px}#app .rank-page .rank-container .submit-btn{position:absolute;top:938px;width:160px;height:48px;left:50%;transform:translate(-50%);opacity:0}#app .rank-page .rank-background{top:0;left:0}#app .rank-page img{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#app .rank-list-page{width:100%;position:relative}#app .rank-list-page img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#app .rank-list-page .my-score{top:5.9%;left:45%;position:absolute;font-size:36px;line-height:100%;color:#00234f;min-width:135px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .my-score.leo{color:#62371b}#app .rank-list-page .my-score.dada{color:#00234f}#app .rank-list-page .my-score.genie{color:#62371b}#app .rank-list-page .my-score.luna{color:#003f6f}#app .rank-list-page .my-rank>.rank{font-family:OneMobilePop;font-size:36px;color:#00234f;position:absolute;top:5.3%;left:8%;letter-spacing:0;min-width:98px;text-align:center}#app .rank-list-page .my-rank>.rank.leo{color:#62371b}#app .rank-list-page .my-rank>.rank.dada{color:#00234f}#app .rank-list-page .my-rank>.rank.genie{color:#62371b}#app .rank-list-page .my-rank>.rank.luna{color:#003f6f}#app .rank-list-page .my-rank>.score{font-size:72px;color:#fff;position:absolute;top:58.5%;left:16%}#app .rank-list-page .rank-list-background{width:100%}#app .rank-list-page .one-btn{bottom:27%;left:4.6%;position:absolute;width:164px;height:266px;cursor:pointer}#app .rank-list-page .two-btn{bottom:27%;right:4.6%;position:absolute;width:164px;height:266px;cursor:pointer}#app .rank-list-page .three-btn{bottom:9.6%;left:4.6%;position:absolute;width:164px;height:266px;cursor:pointer}#app .rank-list-page .four-btn{bottom:9.6%;right:4.6%;position:absolute;width:164px;height:266px;cursor:pointer}#app .rank-list-page .rank-list .rank-1-item{position:absolute;width:233px;height:264px;padding:2px;top:172px;left:12px}#app .rank-list-page .rank-list .rank-1-item .profile-img-large{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:7px}#app .rank-list-page .rank-list .rank-1-item .gold-medal{position:absolute;top:-10px;left:-9px;width:66px;height:81px}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper{position:absolute;top:206px;right:16px;font-size:16px;line-height:100%;min-width:100px;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:100px;text-align:right}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-1-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper{position:absolute;top:224px;left:54px;font-size:28px;line-height:100%;min-width:150px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:150px;text-align:right}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(4px)}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .stroke{position:absolute;min-width:150px;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:5px #FFFFFF}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .fill{position:absolute;min-width:150px;text-align:right;color:#0068b7;z-index:2}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-1-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper{position:absolute;top:230px;right:15px;font-size:20px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-1-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-2-item{position:absolute;width:110px;height:126px;padding:2px;top:172px;right:8px}#app .rank-list-page .rank-list .rank-2-item .profile-img-medium{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:7px}#app .rank-list-page .rank-list .rank-2-item .silver-medal{position:absolute;top:-10px;left:-14px;width:54px;height:64px}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper{position:absolute;top:90px;left:38px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-2-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper{position:absolute;top:103px;left:5px;font-size:18px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-2-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper{position:absolute;top:105px;right:15px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-2-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-3-item{position:absolute;width:110px;height:126px;padding:2px;top:310px;right:8px}#app .rank-list-page .rank-list .rank-3-item .profile-img-medium{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:7px}#app .rank-list-page .rank-list .rank-3-item .bronze-medal{position:absolute;top:-10px;left:-14px;width:54px;height:64px}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper{position:absolute;top:90px;left:38px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-3-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper{position:absolute;top:103px;left:5px;font-size:18px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-3-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper{position:absolute;top:105px;right:15px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-3-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-4-item{position:absolute;width:112px;height:87px;top:452px;left:12px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-4-item.tomtomi{top:453px;left:11px}#app .rank-list-page .rank-list .rank-4-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:30px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .shadow{position:absolute;min-width:30px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .stroke{position:absolute;min-width:30px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:30px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-4-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-4-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-4-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-4-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-5-item{position:absolute;width:112px;height:87px;top:452px;left:131.5px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-5-item.tomtomi{top:453px;left:131px}#app .rank-list-page .rank-list .rank-5-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:30px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .shadow{position:absolute;min-width:30px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .stroke{position:absolute;min-width:30px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:30px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-5-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-5-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-5-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-5-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-6-item{position:absolute;width:112px;height:87px;top:452px;right:12px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-6-item.tomtomi{top:453px;right:12.5px}#app .rank-list-page .rank-list .rank-6-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:30px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .shadow{position:absolute;min-width:30px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .stroke{position:absolute;min-width:30px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:30px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-6-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-6-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-6-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-6-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-7-item{position:absolute;width:112px;height:87px;top:573px;left:12px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-7-item.tomtomi{top:574.5px;left:11px}#app .rank-list-page .rank-list .rank-7-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:30px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .shadow{position:absolute;min-width:30px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .stroke{position:absolute;min-width:30px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:30px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-7-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-7-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-7-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-7-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-8-item{position:absolute;width:112px;height:87px;top:573px;left:131.5px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-8-item.tomtomi{top:574.5px;left:131px}#app .rank-list-page .rank-list .rank-8-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:30px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .shadow{position:absolute;min-width:30px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .stroke{position:absolute;min-width:30px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:30px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-8-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-8-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-8-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-8-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-9-item{position:absolute;width:112px;height:87px;top:573px;right:12px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-9-item.tomtomi{top:574.5px;right:12.5px}#app .rank-list-page .rank-list .rank-9-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:30px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .shadow{position:absolute;min-width:30px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .stroke{position:absolute;min-width:30px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:30px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-9-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-9-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-9-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-9-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app .rank-list-page .rank-list .rank-10-item{position:absolute;width:112px;height:87px;top:694px;left:12px;padding:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#app .rank-list-page .rank-list .rank-10-item.tomtomi{top:696px;left:11px}#app .rank-list-page .rank-list .rank-10-item .profile-img-small{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper{position:absolute;top:5px;left:5px;font-size:20px;line-height:100%;min-width:40px;height:20px;letter-spacing:0;text-align:center;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .shadow{position:absolute;min-width:40px;height:20px;text-align:center;z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .shadow span{font-size:13px}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .stroke{position:absolute;min-width:40px;height:20px;text-align:center;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .stroke span{font-size:13px;color:#fff}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill{position:absolute;color:#093a8e;z-index:2;min-width:40px;height:20px;text-align:center}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill span{font-size:13px}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.tomtomi,#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.tomtomi span{color:#093a8e}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.leo,#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.leo span{color:#1f7d3a}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.dada,#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.dada span{color:#572e84}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.genie,#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.genie span{color:#007564}#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.luna,#app .rank-list-page .rank-list .rank-10-item .user-rank-wrapper .fill.luna span{color:#0a426b}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper{position:absolute;top:68px;left:44px;font-size:13px;line-height:100%;min-width:60px;height:15px;letter-spacing:0;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:60px;text-align:right}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .stroke{z-index:1;color:#fff;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .fill{z-index:2;color:#093a8e}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .fill.leo{color:#1f7d3a}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .fill.dada{color:#572e84}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .fill.genie{color:#007564}#app .rank-list-page .rank-list .rank-10-item .user-name-wrapper .fill.luna{color:#0a426b}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper{position:absolute;top:94px;right:28px;font-size:16px;line-height:100%;min-width:80px;height:15px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper span{position:absolute;top:0;left:0;white-space:nowrap;min-width:80px;text-align:right}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .stroke{position:absolute;min-width:80px;height:15px;letter-spacing:0;text-align:right;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .fill{position:absolute;color:#0068b7;z-index:2;min-width:80px;height:15px;letter-spacing:0;text-align:right}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .fill.leo{color:#00a73c}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .fill.dada{color:#7b40bc}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .fill.genie{color:#00ab8d}#app .rank-list-page .rank-list .rank-10-item .user-score-wrapper .fill.luna{color:#0067b4}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper{position:absolute;top:95px;right:12px;font-size:14px;line-height:100%;min-width:40px;letter-spacing:0;text-align:right;font-family:OneMobilePop}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper span{position:absolute;top:0;right:0;white-space:nowrap;min-width:40px;text-align:right}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .shadow{z-index:0;color:#0006;transform:translateY(3px)}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .stroke{position:absolute;color:#fff;z-index:1;-webkit-text-stroke:4px #FFFFFF}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .fill{position:absolute;color:#00234f;z-index:2}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .fill.leo{color:#005e56}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .fill.dada{color:#4f277b}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .fill.genie{color:#005a4d}#app .rank-list-page .rank-list .rank-10-item .user-score-desc-wrapper .fill.luna{color:#00234f}#app{margin:0!important}#app .photo-page{width:100%;height:100%;position:relative}#app .photo-page .captured-result{width:100%;height:100%}#app .photo-page .photo-bg-flip-wrapper{position:absolute;width:114px;height:114px;top:20px;right:19px;z-index:102;cursor:pointer}#app .photo-page .photo-bg-flip-wrapper .photo-bg-front,#app .photo-page .photo-bg-flip-wrapper .photo-bg-back{width:100%;height:100%}#app .photo-page .photo-bg-flip-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#app .photo-page .photo-wrapper{position:absolute;width:375px;height:667px;z-index:100}#app .photo-page .photo-wrapper .photo-background{width:375px;height:667px}#app .photo-page .photo-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}#app .photo-page .camera-wrapper{position:absolute;width:375px;height:667px;z-index:99}#app .photo-page .camera-wrapper .camera-video{width:375px;height:667px;position:absolute;object-fit:cover;transform:scale(-.99,.99)}#app .photo-page .camera-wrapper .camera-video.capturing{transform:scale(-.99,.99)}#app .photo-page .capture-button-wrapper{position:absolute;width:212px;height:74px;top:551px;left:81px;cursor:pointer;z-index:101}#app .photo-page .capture-button-wrapper .photo-button{width:100%;height:100%}#app .photo-page .capture-button-wrapper .photo-button.move{animation:clickBtn linear .3s}#app .photo-page .capture-button-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#app .photo-page .save-regist-button-wrapper{width:100%;height:100%;z-index:102}#app .photo-page .save-regist-button-wrapper .reset-button{position:absolute;width:76px;height:82px;top:16px;left:283px;object-fit:contain;cursor:pointer;z-index:102}#app .photo-page .save-regist-button-wrapper .save-button{position:absolute;width:163px;height:74px;top:551px;left:16px;cursor:pointer;z-index:102}#app .photo-page .save-regist-button-wrapper .save-button.move{animation:clickBtn linear .3s}#app .photo-page .save-regist-button-wrapper .regist-button{position:absolute;width:164px;height:74px;opacity:1;top:551px;left:195px;cursor:pointer;z-index:102}#app .photo-page .save-regist-button-wrapper .regist-button.move{animation:clickBtn linear .3s}#app .photo-page .save-regist-button-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#app .photo-page .photo-count{position:absolute;width:64px;height:106px;top:24px;right:24px;z-index:102;display:flex;align-items:center;justify-content:center}#app .photo-page .photo-count .count-img{height:100%;width:auto;max-width:100%;object-fit:contain}#app .photo-page .photo-count img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@-webkit-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-moz-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-ms-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-o-keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@keyframes clickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}#app .default-btn{position:absolute;cursor:pointer;width:12.375rem;height:4.625rem;left:88px;bottom:44px;background-color:#fff0;background-repeat:no-repeat;background-position:center center;background-size:cover;border:none;padding:0}#app .move{animation:clickBtn linear .3s}#app .leo{color:#621124}#app .genie{color:#62371b}#app .luna,#app .dada{color:#223153}#app .tomtomi{color:#00234f}.btn-area{background:none;border:none}.back-btn{position:absolute;top:28px;left:39px}.hide-area{opacity:0%;background-color:red;position:absolute;width:70px;height:70px;top:15px;right:15px;z-index:105}.login-page{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;color:#060604;container-type:size}.login-page,.login-page *{box-sizing:border-box;font-family:SB Aggro,sans-serif!important;line-height:normal}.login-page .login-background{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.login-page .back-button{position:absolute;z-index:3;top:3.2258cqh;left:4.9479cqw;width:9.375cqw;aspect-ratio:36/31;padding:0;border:0;background:transparent;cursor:pointer}.login-page .back-button.move-btn{animation:loginBackMoveBtn .3s ease}.login-page .back-button img{display:block;width:100%;height:100%}.login-page .brand{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-page .brand-logo{position:absolute;top:7.4047cqh;left:26.5625cqw;display:block;width:47.9357cqw;height:auto}.login-page .brand-year{position:absolute;top:4.6921cqh;left:45.3125cqw;display:block;width:10.2057cqw;height:auto;transform:rotate(2.13deg)}.login-page .login-card{position:absolute;top:25.2199cqh;left:5.2083cqw;width:89.5833cqw;height:62.1701cqh;border-radius:2.0833cqw;background:#ffffffe6}.login-page .login-content{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;color:#060604}.login-page .login-title{position:absolute;top:29.3255cqh;left:0;width:100%;margin:0;color:#060604;font-size:5.2083cqw;font-weight:500;text-align:center;white-space:nowrap}.login-page .login-description{position:absolute;top:33.4311cqh;left:21.875cqw;margin:0;color:#717171;font-size:3.125cqw;font-weight:300;white-space:nowrap}.login-page .login-form{position:absolute;top:0;right:0;bottom:0;left:0}.login-page .field{position:absolute;left:11.4583cqw;display:block;width:77.0833cqw;color:#060604;font-weight:300}.login-page .field input{display:block;width:100%;height:7.3314cqh;margin-top:.5865cqh;padding:0 3.9063cqw;border:1px solid #717171;border-radius:2.0833cqw;outline:0;background:#fff;color:#060604;font-size:4.1667cqw;font-weight:300;-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-page .field input::placeholder{color:#a8a8a8;opacity:1}.login-page .field input:focus{border-color:#060604}.login-page .nickname-field{top:39.0029cqh}.login-page .password-field{top:51.7595cqh}.login-page .field-label{display:block;height:2.4927cqh;color:#060604;font-size:3.6458cqw;font-weight:300;white-space:nowrap}.login-page .login-button{position:absolute;top:65.6891cqh;left:11.4583cqw;width:77.0833cqw;height:7.0381cqh;padding:0;border:0;border-radius:2.0833cqw;background:#c2f200;color:#060604;font-size:4.1667cqw;font-weight:500;cursor:pointer}.login-page .login-button:disabled{cursor:default}.login-page .account-links{position:absolute;top:79.4721cqh;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;height:2.4927cqh;font-size:3.125cqw;font-weight:300;white-space:nowrap}.login-page .first-time{margin-top:.1466cqh;color:#717171}.login-page .signup-link{margin:.1466cqh 0 0 2.0833cqw;color:#060604;text-decoration:none}.login-page .link-divider{display:block;width:1px;height:1.6129cqh;margin:0 4.1667cqw;background:#717171}.login-page .password-link{margin:.1466cqh 0 0;padding:0;border:0;background:transparent;color:#060604;font-size:3.125cqw;font-weight:300;cursor:pointer}@keyframes loginBackMoveBtn{0%,to{transform:translateY(0)}50%{transform:translateY(4%)}}.signup-page{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;color:#060604}.signup-page,.signup-page *{box-sizing:border-box;font-family:SB Aggro,sans-serif!important}.signup-page .signup-background{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.signup-page .signup-card{position:absolute;top:12.5367%;left:5.2083%;width:89.5833%;height:74.9267%;border-radius:8px;background:#ffffffe6}.signup-page .back-button{position:absolute;z-index:3;top:3.2258%;left:4.9479%;width:9.375%;aspect-ratio:36/31;padding:0;border:0;background:transparent;cursor:pointer}.signup-page .back-button img{display:block;width:100%;height:100%}.signup-page .back-button.move-btn{animation:signupBackMoveBtn .3s ease}.signup-page .signup-content,.signup-page .signup-form{position:absolute;top:0;right:0;bottom:0;left:0}.signup-page .signup-content{z-index:1;color:#060604}.signup-page .signup-title{position:absolute;top:18.695%;left:0;width:100%;margin:0;color:#060604;font-size:20px;font-weight:500;line-height:24px;text-align:center;white-space:nowrap}.signup-page .signup-description{position:absolute;top:22.7996%;left:20.5729%;width:59.1146%;margin:0;color:#717171;font-size:12px;font-weight:300;line-height:14px;text-align:center;white-space:nowrap}.signup-page .field{position:absolute;left:11.4583%;display:block;width:77.0833%;height:10.4106%;color:#060604;font-weight:300}.signup-page .field input{display:block;width:100%;height:50px;margin-top:4px;padding:0 15px;border:1px solid #717171;border-radius:8px;outline:0;background:#fff;color:#060604;font-size:16px;font-weight:300;line-height:19px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.signup-page .field input::placeholder{color:#a8a8a8;opacity:1}.signup-page .field input:focus{border-color:#060604}.signup-page .nickname-field{top:28.3724%}.signup-page .password-field{top:41.7155%}.signup-page .password-confirm-field{top:55.0587%}.signup-page .field-heading{display:flex;align-items:center;height:17px;color:#060604;font-size:14px;font-weight:300;line-height:17px;white-space:nowrap}.signup-page .field-heading small{margin-left:5px;color:#717171;font-size:12px;font-weight:300;line-height:14px}.signup-page .agreements{position:absolute;top:68.4017%;left:11.4583%;width:66.9271%;height:18.7683%}.signup-page .agreement{position:absolute;left:0;display:flex;align-items:flex-start;height:18px;color:#060604;font-size:14px;font-weight:300;line-height:17px;white-space:nowrap;cursor:pointer}.signup-page .agreement input{position:absolute;width:1px;height:1px;opacity:0}.signup-page .agreement input:checked+.checkbox-box{background:#c2f200}.signup-page .agreement input:checked+.checkbox-box:after{position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #060604;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.signup-page .age-agreement{top:0}.signup-page .privacy-agreement{top:30px}.signup-page .checkbox-box{position:relative;display:block;width:16px;height:16px;margin-right:6px;flex:0 0 16px;border-radius:2px;background:#d4d4d4}.signup-page .privacy-details{position:absolute;top:54px;left:22px;width:235px;margin:0;padding:0;color:#717171;font-size:12px;font-weight:300;line-height:16px;white-space:nowrap}.signup-page .privacy-details li{position:relative;color:#717171}.signup-page .privacy-details li:before{position:absolute;top:5.5px;left:-10px;width:3px;height:3px;border-radius:50%;background:#717171;content:""}.signup-page .agreement-notice{position:absolute;top:114px;left:0;margin:0;color:#060604;font-size:12px;font-weight:300;line-height:14px;white-space:nowrap}.signup-page .signup-button{position:absolute;top:74.5601%;left:11.4583%;width:77.0833%;height:7.0381%;padding:0;border:0;border-radius:8px;background:#c2f200;color:#060604;font-size:16px;font-weight:500;line-height:19px;cursor:pointer}.signup-page .signup-button:disabled{cursor:default}@keyframes signupBackMoveBtn{0%,to{transform:translate(0)}50%{transform:translate(-8%)}}.auth-modal-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060604b8}.auth-modal-overlay,.auth-modal-overlay *{box-sizing:border-box;font-family:SB Aggro,sans-serif!important}.auth-modal{position:relative;width:83.3333%;height:23.4604%;border-radius:8px;background:#fff}.auth-modal.tall{height:26.393%}.auth-modal.tall .auth-modal-message{top:40px;line-height:22px}.auth-modal-message{position:absolute;top:40px;left:24px;width:calc(100% - 48px);margin:0;color:#060604;font-size:16px;font-weight:300;line-height:24px;text-align:center;white-space:pre-line}.auth-modal-actions{position:absolute;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:1fr;height:48px}.auth-modal-actions.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-modal-button{min-width:0;height:48px;padding:0;border-radius:8px;color:#060604;font-size:16px;font-weight:500;line-height:19px;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-modal-button.primary{border:0;background:#c2f200}.auth-modal-button.secondary{border:2px solid #c2f200;background:#fff}.main-home{position:relative;width:384px;height:682px;overflow:hidden}.main-home .bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.main-home .start-btn{position:absolute;left:112px;top:573px;width:160px;height:62px;padding:0;border:none;background:none}.main-home .start-btn.pressed{animation:mainHomeClickBtn .3s ease;-webkit-animation:mainHomeClickBtn .3s ease}.main-home .start-btn-img{width:100%;height:100%;display:block}@keyframes mainHomeClickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}@-webkit-keyframes mainHomeClickBtn{0%{transform:translateY(0)}50%{transform:translateY(4%)}to{transform:translateY(0)}}.hide{opacity:0}.app-shell{display:flex;flex-direction:column;height:100%}.app-content{flex:1;overflow-y:auto}.app-header{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid #eee}.app-header .back-btn{background:none;border:none;font-size:20px;cursor:pointer}.bottom-tab-bar{display:flex;justify-content:space-around;height:56px;border-top:1px solid #eee}.bottom-tab-bar .tab-item{display:flex;align-items:center;justify-content:center;flex:1;text-decoration:none;color:#999}.bottom-tab-bar .tab-item.active{color:#000;font-weight:700}.certificate-page{position:relative;width:384px;height:682px;overflow:hidden}.certificate-page .certificate{position:relative;width:100%;height:100%}.certificate-page .certificate-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.certificate-page .cert-info{position:absolute;left:218px;top:274px;display:flex;flex-direction:column;gap:4px}.certificate-page .cert-info-row{display:flex;align-items:baseline;margin:0}.certificate-page .cert-info-label,.certificate-page .cert-info-value{font-family:SB Aggro,sans-serif;font-size:20px;font-weight:500;line-height:140%;color:#060604;white-space:nowrap}.certificate-page .cert-info-label{width:48px;text-align:right;margin-right:4px}.certificate-page .cert-body{position:absolute;left:63px;top:366px;width:258px;margin:0;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:300;line-height:160%;text-align:center;color:#060604;word-break:auto-phrase;white-space:pre-line}.certificate-page .cert-date{position:absolute;right:126px;top:499px;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:300;line-height:100%;text-align:right;white-space:nowrap;color:#060604}.certificate-page .cert-error{color:#d92d20}.certificate-page .cert-back-button{position:absolute;top:3.2258%;left:4.9479%;width:9.375%;aspect-ratio:36/31;padding:0;border:none;background:none;cursor:pointer}.certificate-page .cert-back-button img{display:block;width:100%;height:100%}.certificate-page .cert-home-button{position:absolute;top:16px;left:252px;width:112px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:1px solid #060604;border-radius:8px;background:#c2f200;box-shadow:1px 2px #000;cursor:pointer}.certificate-page .cert-home-button img{width:19px;height:17px}.certificate-page .cert-home-button span{font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:500;color:#060604;white-space:nowrap}.certificate-page .cert-bottom-gradient{position:absolute;left:0;bottom:0;width:100%;height:161px;background:linear-gradient(180deg,#0000,#000);opacity:.5;pointer-events:none}.certificate-page .cert-save-button,.certificate-page .cert-share-button{position:absolute;top:586px;width:156px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;border:none;border-radius:8px;background:#c2f200;cursor:pointer}.certificate-page .cert-save-button img,.certificate-page .cert-share-button img{width:32px;height:32px}.certificate-page .cert-save-button span,.certificate-page .cert-share-button span{font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:500;color:#060604;white-space:nowrap}.certificate-page .cert-save-button{left:30px}.certificate-page .cert-share-button{left:198px}.course-guide-page{position:relative;width:384px;height:682px;overflow:hidden;background:#fff}.course-guide-page .map-container{position:absolute;top:0;right:0;bottom:0;left:0;background:#eee}.course-guide-page .map-error{position:absolute;top:64px;left:0;right:0;text-align:center;color:#d92d20;font-family:SB Aggro,sans-serif!important}.course-guide-page .map-pin{position:relative;width:172px;height:120px;pointer-events:none}.course-guide-page .map-pin-hit{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:40px;height:48px;pointer-events:auto;cursor:pointer}.course-guide-page .map-pin.active .map-pin-hit{width:48px;height:64px}.course-guide-page .map-pin-bg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1.4px 2.8px 0px #000000)}.course-guide-page .map-pin.active .map-pin-bg{filter:drop-shadow(2px 4px 0px #000000)}.course-guide-page .map-pin-number{position:absolute;top:46%;left:47%;transform:translate(-50%,-50%);color:#060604;font-family:SB Aggro,sans-serif!important;font-weight:500;font-size:16px;line-height:1}.course-guide-page .map-pin.active .map-pin-number{font-size:24px}.course-guide-page .map-pin.active{z-index:10}.course-guide-page .map-pin-bubble{position:absolute;left:50%;bottom:70px;transform:translate(-50%);width:172px;visibility:hidden;opacity:0;pointer-events:none}.course-guide-page .map-pin.active .map-pin-bubble{visibility:visible;opacity:1}.course-guide-page .map-pin-bubble-text{display:block;box-sizing:border-box;width:100%;padding:6px 12px;background:#fff;border:2px solid #c2f200;border-radius:22.5px;filter:drop-shadow(0px 1px 4px rgba(0,0,0,.4));font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:500;line-height:24px;text-align:center;color:#060604;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-guide-page .map-pin-bubble-arrow{position:absolute;left:50%;bottom:-6px;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-right:2px solid #c2f200;border-bottom:2px solid #c2f200}.course-guide-page .my-location-dot{box-sizing:border-box;width:20px;height:20px;border-radius:50%;background:#006bff;border:2px solid #ffffff;box-shadow:0 1px 4px #0003}.course-guide-page .course-header{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 3px 4px #0000001a;z-index:5}.course-guide-page .course-back-button{position:absolute;left:20px;top:16px;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer}.course-guide-page .course-back-button img{display:block;width:100%;height:100%}.course-guide-page .course-title{margin:0;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:500;line-height:24px;color:#060604}.course-guide-page .course-gps-button{position:absolute;left:312px;top:76px;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:none;box-shadow:0 1px 4px #0000004d;cursor:pointer;z-index:5}.course-guide-page .course-gps-button svg{display:block;width:100%;height:100%}.course-guide-page .location-loading-backdrop{position:absolute;right:0;bottom:0;left:0;z-index:20;background:#000c;display:flex;align-items:center;justify-content:center;width:101%;top:-1px}.course-guide-page .location-loading-card{width:320px;height:180px;box-sizing:border-box;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding-top:24px}.course-guide-page .location-loading-lottie{width:72px;height:72px}.course-guide-page .location-loading-text{margin:12px 0 0;text-align:center;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:300;line-height:160%;color:#060604}.course-guide-page .stamp-panel{position:absolute;left:20px;bottom:24px;width:344px;min-height:184px;z-index:5;box-sizing:border-box;padding:20px 16px;background:#fff;border-radius:12px;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.3));display:flex;flex-direction:column;align-items:center}.course-guide-page .stamp-panel-header{align-self:flex-start;display:flex;align-items:center;gap:6px;width:100%}.course-guide-page .stamp-panel-flag{width:18px;height:20px}.course-guide-page .stamp-panel-title{font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:500;color:#060604}.course-guide-page .stamp-panel-count{margin-left:auto;font-family:SB Aggro,sans-serif!important;font-size:20px;font-weight:500;color:#c2f200}.course-guide-page .stamp-panel-count-label{font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:500;color:#717171}.course-guide-page .stamp-row{position:relative;width:312px;height:66px;margin-top:12px}.course-guide-page .stamp-row-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.course-guide-page .stamp-row-item{position:absolute;top:5px;width:56px;height:56px;padding:0;border:none;background:none;cursor:pointer}.course-guide-page .stamp-row-item img{display:block;width:100%;height:100%}.course-guide-page .stamp-row-item-number{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:#060604;display:flex;align-items:center;justify-content:center;font-family:SB Aggro,sans-serif!important;font-size:12px;font-weight:500;line-height:1;color:#fff;pointer-events:none}.course-guide-page .stamp-panel-done-button{margin-top:12px;width:296px;height:48px;border:none;border-radius:8px;background:#c2f200;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:500;color:#060604;cursor:pointer}.course-guide-page .stamp-panel-guide{margin-top:16px;margin-bottom:0;text-align:center;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:500;line-height:1.4;color:#717171}.course-guide-page .spot-detail-panel{position:absolute;left:20px;bottom:24px;width:344px;height:170px;z-index:5;box-sizing:border-box;background:#fff;border-radius:12px;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.3))}.course-guide-page .spot-detail-status{position:absolute;left:24px;top:16px;display:flex;align-items:center;gap:4px}.course-guide-page .spot-detail-flag{width:14px;height:16px}.course-guide-page .spot-detail-status-label{font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:300;color:#717171}.course-guide-page .spot-detail-title{position:absolute;left:24px;top:44px;max-width:210px;margin:0;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:500;line-height:140%;color:#060604;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-guide-page .spot-detail-address{position:absolute;left:24px;top:73px;max-width:210px;margin:0;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:300;color:#717171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-guide-page .spot-detail-badge{position:absolute;left:250px;top:16px;width:70px;height:70px;border-radius:50%;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.course-guide-page .spot-detail-badge img{width:70px;height:70px}.course-guide-page .spot-detail-button{position:absolute;left:24px;top:106px;width:296px;height:48px;border:none;border-radius:8px;background:#c2f200;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:500;color:#060604;cursor:pointer}.course-guide-page .spot-detail-button--done{background:#d9d9d9;color:#717171;cursor:default}.spot-auth{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.spot-auth .permission-banner{width:100%;padding:12px;border-radius:8px;background:#fff3cd;text-align:center}.spot-auth .permission-banner p{margin:0 0 8px;color:#856404;font-size:14px}.spot-auth .debug-info{width:100%;padding:12px;border-radius:8px;background:#eee;font-size:12px;white-space:pre-wrap;word-break:break-all}.stamp-modal-backdrop{position:absolute;right:0;bottom:0;left:0;z-index:30;background:#000c;display:flex;align-items:center;justify-content:center;width:101%;top:-1px}.stamp-modal{position:relative;width:320px;box-sizing:border-box;background:#fff;border-radius:8px;padding:40px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;overflow:hidden}.stamp-modal-title{margin:0 0 8px;font-family:SB Aggro,sans-serif!important;font-size:24px;font-weight:500;line-height:29px;color:#060604}.stamp-modal-desc{margin:0 0 24px;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:300;line-height:140%;color:#060604}.stamp-modal-button{width:100%;height:48px;border:none;border-radius:8px;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:500;cursor:pointer}.stamp-modal-button+.stamp-modal-button{margin-top:8px}.stamp-modal-button--primary{background:#c2f200;color:#060604}.stamp-modal-button--secondary{background:#f4f4f4;color:#060604}.stamp-modal-close{position:absolute;top:16px;right:16px;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer}.stamp-modal-close img{display:block;width:100%;height:100%}.stamp-modal--gps-disabled{width:320px;height:165px}.stamp-modal--gps-disabled .stamp-modal-title{font-weight:700}.stamp-modal--gps-disabled .stamp-modal-desc{width:235px;margin-bottom:0;font-weight:300}.stamp-modal--gps-disabled .stamp-modal-desc .stamp-modal-desc-strong{font-family:SB Aggro,sans-serif!important;font-weight:400}.stamp-badge{position:relative;width:156px;height:156px;border-radius:50%;background:#ce4847;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.stamp-badge:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:133px;height:133px;border-radius:50%;background:#fff}.stamp-badge img{position:relative;width:100px;height:100px}.stamp-modal--success>*:not(.confetti-deco){position:relative;z-index:1}.confetti-deco{position:absolute;top:15px;left:50%;transform:translate(-50%);width:284px;height:123px;z-index:0;pointer-events:none}.badge-page{position:relative;width:384px;height:682px;overflow:hidden;background:#fff}.badge-page .badge-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.badge-page .badge-error{position:relative;z-index:2;text-align:center;color:#d92d20;font-family:SB Aggro,sans-serif!important}.badge-page .badge-back-button{position:absolute;left:20px;top:24px;width:32px;height:26px;z-index:5;padding:0;border:none;background:none;cursor:pointer}.badge-page .badge-back-button img{display:block;width:100%;height:100%}.badge-page .badge-card{position:absolute;left:20px;top:68px;width:344px;height:546px;box-sizing:border-box;background:#ffffffe6;border-radius:8px;z-index:2}.badge-page .badge-medal-container{position:absolute;left:24px;top:25px;width:291px;height:299px}.badge-page .badge-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.badge-page .badge-medal{position:absolute;left:44px;top:54px;width:213px;height:230px;object-fit:contain;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.badge-page .badge-medal-char{position:absolute;font-family:SB Aggro,sans-serif!important;font-size:22px;font-weight:500;line-height:26px;text-align:center;color:#fff9e9;text-shadow:0px 1px 0px #9b5310}.badge-page .badge-medal-char--1{left:124px;top:93px;width:24px;transform:rotate(-5deg)}.badge-page .badge-medal-char--2{left:152.81px;top:93.15px;width:22px;transform:rotate(5deg)}.badge-page .badge-title{position:absolute;left:47px;top:357px;width:250px;margin:0;font-family:SB Aggro,sans-serif!important;font-size:24px;font-weight:500;line-height:29px;text-align:center;color:#060604}.badge-page .badge-body{position:absolute;left:73px;top:394px;width:198px;margin:0;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:300;line-height:140%;text-align:center;color:#717171}.badge-page .badge-issue-button{position:absolute;left:24px;top:470px;width:296px;height:48px;border:none;border-radius:8px;background:#c2f200;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:500;color:#060604;cursor:pointer}.badge-page .badge-issue-button:disabled{opacity:.6;cursor:default}.region-select{position:relative;width:384px;height:682px;overflow:hidden;background:#fff}.region-select .region-select-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.region-select .region-back-button{position:absolute;left:20px;top:24px;width:32px;height:26px;padding:0;border:none;background:none;cursor:pointer;z-index:5}.region-select .region-back-button img{display:block;width:100%;height:100%}.region-select .region-mypage-button{position:absolute;left:252px;top:16px;width:112px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #060604;border-radius:8px;background:#c2f200;box-shadow:1px 2px #000;gap:4px;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:400;color:#060604;text-decoration:none;z-index:5}.region-select .region-mypage-button .region-mypage-icon{width:20px;height:20px}.region-select .region-summary-card{position:absolute;left:20px;top:68px;width:344px;height:100px;box-sizing:border-box;border:1px solid #060604;border-radius:10px;background:#c2f200;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.3));z-index:3}.region-select .region-summary-card:before{content:"";position:absolute;left:4px;top:4px;right:4px;bottom:4px;border:1px solid #000;border-radius:8px;background:#fff}.region-select .region-summary-title{position:absolute;left:0;top:16px;width:100%;margin:0;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:400;line-height:22px;text-align:center;color:#060604}.region-select .region-summary-hr{position:absolute;left:96px;top:41px;width:153px;height:0;border-top:1px dashed #8f8f8f}.region-select .region-summary-stats{position:absolute;left:33px;top:53px;width:278px;height:29px;display:flex;align-items:center;justify-content:space-between;font-family:SB Aggro,sans-serif!important}.region-select .region-summary-label{font-size:20px;font-weight:500;color:#060604}.region-select .region-summary-count{font-size:24px;font-weight:700;line-height:29px;color:#c2f200}.region-select .region-summary-unit{font-size:20px;font-weight:400;color:#060604}.region-select .region-summary-vr{width:0;height:24px;border-left:1px dashed #bfbfbf}.region-select .region-mascot{position:absolute;left:95px;top:179px;width:60px;height:77px;object-fit:contain;z-index:3}.region-select .region-speech-bubble{position:absolute;left:169px;top:188px;width:162px;height:52px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1.5px solid #747474;border-radius:8px;background:#fff;box-shadow:0 2px #00000040;transform:rotate(-1.14deg);z-index:3}.region-select .region-speech-bubble p{margin:0;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:400;line-height:16px;text-align:center;color:#060604}.region-select .region-pin{position:absolute;padding:0;border:none;background:none;cursor:pointer;z-index:2}.region-select .region-pin-icon{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0px 2px 0px rgba(0,0,0,.25))}.region-select .region-pin-badge{position:absolute;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:74px;height:23px;padding:4px 8px;background:#c2f200;box-shadow:0 2px #00000040}.region-select .region-pin-name{font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:700;line-height:17px;letter-spacing:.04em;color:#060604}.region-select .region-pin-count{font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:300;line-height:16px;color:#8daf00}.region-select .region-footer-period{position:absolute;left:108px;top:582px;margin:0;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:300;line-height:16px;text-align:center;color:#5d5d5d;z-index:3}.region-select .region-sns-button{position:absolute;left:20px;top:622px;width:344px;height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border:none;border-radius:50px;background:#c2f200;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:400;color:#060604;cursor:pointer;z-index:3}.region-select .region-sns-button-arrow{width:20px;height:14px}.region-intro{position:relative;width:384px;height:682px;overflow:hidden;background:#fff}.region-intro .region-intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}.region-intro .region-intro-header{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 3px 4px #0000001a;z-index:5}.region-intro .region-intro-back-button{position:absolute;left:20px;top:16px;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer}.region-intro .region-intro-back-button img{display:block;width:100%;height:100%}.region-intro .region-intro-title{margin:0;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:500;line-height:24px;color:#060604}.region-intro .region-intro-body{position:relative;display:flex;flex-direction:column;align-items:center;padding:88px 20px 0;z-index:3}.region-intro .region-intro-photo-wrap{width:320px;margin:0}.region-intro .region-intro-photo{display:block;width:320px;height:209px;object-fit:cover;object-position:top;border:1px solid #060604;border-radius:8px;box-shadow:0 0 0 5px #c2f200,0 0 0 11px #060604,0 3px 0 11px #00000040}.region-intro .region-intro-name-ribbon{position:relative;margin:-20px 0 16px}.region-intro .region-intro-name-ribbon svg{display:block}.region-intro .region-intro-name-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:SB Aggro,sans-serif!important;font-size:20px;font-weight:400;color:#060604}.region-intro .region-intro-desc{margin:0 0 25px;white-space:pre-line;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:300;line-height:1.4;text-align:center;color:#060604}.region-intro .region-intro-card{position:relative;width:100%;height:112px;padding:0;margin-bottom:12px;border:1px solid #060604;border-radius:8px;background:#c2f200;box-shadow:0 2px 6px #0000004d;cursor:pointer;text-align:left}.region-intro .region-intro-card:last-child{margin-bottom:0}.region-intro .region-intro-card-face{position:absolute;top:0;right:0;left:0;bottom:8px;display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:16px;border:1px solid #060604;border-radius:8px;background:#fff}.region-intro .region-intro-card-icon{flex-shrink:0;width:74px;object-fit:contain}.region-intro .region-intro-card-icon--gps{height:80px}.region-intro .region-intro-card-icon--mission{height:68px}.region-intro .region-intro-card-text{flex:1}.region-intro .region-intro-card-text h3{margin:0 0 4px;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:400;color:#060604}.region-intro .region-intro-card-text p{margin:0;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:300;line-height:1.3;color:#5d5d5d}.region-intro .region-intro-card-arrow{flex-shrink:0;width:18px;height:16px}.mypage{position:relative;width:384px;height:682px;overflow:hidden;background:#fff}.mypage .mypage-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}.mypage .mypage-back-button{position:absolute;left:20px;top:24px;width:32px;height:26px;padding:0;border:none;background:none;cursor:pointer;z-index:5}.mypage .mypage-back-button img{display:block;width:100%;height:100%}.mypage .mypage-card-row{display:flex;align-items:center;justify-content:space-between}.mypage .mypage-card-header{display:flex;align-items:center;gap:8px}.mypage .mypage-card-icon{flex-shrink:0;width:20px;height:20px}.mypage .mypage-card-title{margin:0;font-family:SB Aggro,sans-serif!important;font-size:18px;font-weight:400;color:#060604;white-space:nowrap}.mypage .mypage-badge-card{position:absolute;left:20px;top:126px;width:344px;height:190px;box-sizing:border-box;padding:24px 20px 0;border-radius:12px;background:#fff;z-index:3}.mypage .mypage-badge-count{flex-shrink:0;white-space:nowrap;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:400;color:#717171}.mypage .mypage-badge-count strong{position:relative;top:3px;margin-right:4px;font-size:20px;font-weight:700;color:#c2f200}.mypage .mypage-badge-desc{margin:6px 0 0;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:400;text-align:left;color:#717171}.mypage .mypage-badge-list{display:flex;justify-content:space-between;list-style:none;margin:16px 0 0;padding:0}.mypage .mypage-badge-item{display:flex;flex-direction:column;align-items:center;gap:4px}.mypage .mypage-badge-img{display:block;width:56px;height:56px;object-fit:contain}.mypage .mypage-badge-ribbon{display:block}.mypage .mypage-badge-ribbon-text{font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:400;fill:#9ca3af}.mypage .mypage-badge-ribbon-text.earned{fill:#111928}.mypage .mypage-progress-card{position:absolute;left:20px;top:332px;width:344px;height:274px;box-sizing:border-box;padding:24px 20px 0;border-radius:12px;background:#fff;z-index:3}.mypage .mypage-progress-desc{margin:6px 0 0;font-family:SB Aggro,sans-serif!important;font-size:13px;font-weight:400;color:#717171}.mypage .mypage-progress-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:16px 0 0;padding:0}.mypage .mypage-progress-row{display:flex;align-items:center;gap:8px;height:24px}.mypage .mypage-progress-name{flex-shrink:0;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:400;color:#060604}.mypage .mypage-progress-divider{flex-shrink:0;width:0;height:12px;border-left:1px solid #cccccc}.mypage .mypage-progress-fraction{flex-shrink:0}.mypage .mypage-progress-num{position:relative;font-family:SB Aggro,sans-serif!important;font-size:16px;font-weight:700;color:#a1c900}.mypage .mypage-progress-max{font-family:SB Aggro,sans-serif!important;font-size:12px;font-weight:300;color:#717171}.mypage .mypage-progress-soon{flex-shrink:0;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:400;letter-spacing:.04em;color:#717171}.mypage .mypage-progress-track{position:relative;flex:1;height:24px}.mypage .mypage-progress-track-bg{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:1px solid #cecece;border-radius:8px;background:#f4f4f4}.mypage .mypage-progress-fill{position:absolute;left:0;top:0;height:100%;min-width:24px;box-sizing:border-box;border:1px solid #87a800;border-radius:8px;background:#c2f200;transition:width .3s ease}.mypage .mypage-logout{position:absolute;left:50%;top:641px;transform:translate(-50%);margin:0;padding:0;border:none;background:none;white-space:nowrap;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:300;text-align:center;text-decoration:underline;color:#717171;cursor:pointer;z-index:3}.merit-info{position:relative;width:384px;height:682px;overflow:hidden;background:#fff}.merit-info .merit-iframe-layer{position:absolute;top:0;right:0;bottom:0;left:0}.merit-info .merit-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-family:SB Aggro,sans-serif!important;font-size:14px;font-weight:400;color:#717171}.mission-view,.mission-view .iframe-layer{position:relative;width:100%;height:100%}.progress-page{padding:24px}.splash{display:flex;align-items:center;justify-content:center;height:100%}