@charset "UTF-8";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:inherit;vertical-align:baseline}html{font-size:8px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}*{-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box}*::-webkit-scrollbar{display:none}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:100}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:200}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:300}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:400}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:500}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:600}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:700}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:800}@font-face{font-family:Famppy;src:url(https://fonts.famppy.com/suit/SUIT-Variable.woff2) format("woff2"),url(https://fonts.famppy.com/suit/SUIT-Variable.woff) format("woff"),url(https://fonts.famppy.com/suit/SUIT-Variable.eot) format("eot");font-weight:900}@font-face{font-family:Famppy;src:local("Sofia Pro UltraLight"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro UltraLight Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro UltraLight Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro UltraLight Az.eot") format("eot");font-weight:200;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro ExtraLight"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro ExtraLight Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro ExtraLight Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro ExtraLight Az.eot") format("eot");font-weight:300;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro Light"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Light Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Light Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Light Az.eot") format("eot");font-weight:400;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro Regular"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Regular Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Regular Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Regular Az.eot") format("eot");font-weight:500;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro Medium"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Medium Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Medium Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Medium Az.eot") format("eot");font-weight:600;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro SemiBold"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Semi Bold Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Semi Bold Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Semi Bold Az.eot") format("eot");font-weight:700;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro Bold"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Bold Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Bold Az.woff2") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Bold Az.eot") format("eot");font-weight:800;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}@font-face{font-family:Famppy;src:local("Sofia Pro Black"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Black Az.woff2") format("woff2"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Black Az.woff") format("woff"),url("https://fonts.famppy.com/sofia-pro/Sofia Pro Black Az.eot") format("eot");font-weight:900;unicode-range:U+0041-005A,U+0061-007A,U+0030-0039,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;ascent-override:90%;descent-override:15%}:root{--viewport-height: 100%;--vh: 1vh;--primary-color: #644bff;--secondary-color: #a473ff;--tertiary-color: #ff99ff;--font-color: #ffffff;--font-second-color: #cccccc;--font-sub-color: #eeeeee;--font-gray: #93909e;--bg-color: #000000;--phase-border: 64px}html body .color-font{color:var(--font-color, #ffffff)}html body .color-font-second{color:var(--font-second-color, #cccccc)}html body .color-font-sub{color:var(--font-sub-color, #eeeeee)}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}body{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap}body:has(.page.join){height:unset}#app{width:100%;height:100%;font-family:Famppy}#app:has(.page.join){height:unset}.page{height:100%;display:flex;align-content:center;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;background-image:url(/assets/images/background.webp);background-repeat:no-repeat;background-size:100% 100%;background-position:top center}@media (min-height: 720px){.page{background-image:url(/assets/images/background-long.webp);background-size:contain;background-size:100% 100vh}}.page.login{overflow-y:hidden}.page.join{height:100vh;background-size:cover;padding:9rem 0}@media (max-height: 1021px){.page.join{height:unset}}.float{position:absolute;z-index:1}.float.f-1{max-width:300px;max-height:310px;left:-32%;top:-35%}.float.f-1.join{top:-20%}.float.f-2{max-width:120px;left:91%;top:79%}.float.f-2.join{top:50%}.float.f-3{max-width:150px;left:-14%;bottom:-6%}.login-area{position:relative;display:flex;width:100%;max-width:471px;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 0 0 2px #fff9,0 2px 8px 4px #8976fd0e;z-index:10}.login-area .login-area-back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;backdrop-filter:blur(3px);border-radius:12px;z-index:2}.login-area:after{content:"";z-index:5;position:absolute;transform:translate(-4px,-4px);width:calc(100% + 4px);height:calc(100% + 4px);inset:0;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;border-radius:2rem;background:linear-gradient(90deg,rgba(255,153,255,.2) 0%,rgba(164,115,255,.2) 50%,rgba(100,75,255,.25) 100%);box-shadow:2px 8px 4px #8976fd0d}.login-area .logo-img{z-index:5;width:1%;min-width:160px;aspect-ratio:3.63636364;margin-top:6rem;margin-bottom:1rem}.login-area .login-text{z-index:5}.login-area .login-text>div{display:flex;flex-direction:column;align-items:center}.login-area .login-text>div>div{font-family:Famppy;font-size:2rem;line-height:2.6rem;font-weight:700}.login-area .login-text>div>div>span{font-size:2.5rem;font-weight:500;background:linear-gradient(90deg,#ff99ff 11%,#e48bff 24%,#9f68ff 60%,#7453ff 87%,#644bff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.login-area .login-text>div>div:nth-child(2){font-weight:500;line-height:2.5rem;margin-top:2px}.login-area .login-text>div>div.top{font-size:2.25rem;font-weight:700;line-height:2.75rem;text-align:left}.login-area .logout{z-index:11;margin:3rem 3rem 6rem;font-size:3rem}.login-area form{z-index:5;margin-top:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-area form>div{position:relative}.login-area form>div>img{position:absolute;width:2.25rem;height:2.25rem;transform:translate(-100%);top:1rem;right:8rem}.login-area form>div input{min-width:315px;height:4.5rem;padding:0;border:none;outline:none;margin:0 9.75rem 5rem;background:transparent;border-bottom:1px solid #999999;font-size:2rem}.login-area form>div input::-webkit-input-placeholder{color:#999}.login-area form>div input:-moz-placeholder{color:#999}.login-area form>div input::-moz-placeholder{color:#999}.login-area form>div input:-ms-input-placeholder{color:#999}.login-area form>div input::placeholder{color:#999}.login-area form>div input:focus{filter:none}.login-area form>div input[type=button].login{min-width:335px;border:none;background:linear-gradient(91.18deg,#ff99ff 5.04%,#e48bff 19.13%,#9f68ff 58.13%,#7453ff 87.38%,#644bff 101.46%);border-radius:1rem;height:50px;color:#fff;font-weight:500;margin-bottom:1rem;cursor:pointer}.login-area form>div input[type=button].join{min-width:335px;border-radius:1rem;height:50px;font-weight:500;margin-bottom:0;background:rgba(255,255,255,.3);border:1px solid var(--secondary-color, #a473ff);color:var(--secondary-color, #a473ff);cursor:pointer}.login-area form>div input[type=button].join.join-form{margin-bottom:6.5rem}.login-area form>div input[type=button].change{min-width:335px;border:none;background:linear-gradient(91.18deg,#ff99ff 5.04%,#e48bff 19.13%,#9f68ff 58.13%,#7453ff 87.38%,#644bff 101.46%);border-radius:1rem;height:50px;color:#fff;font-weight:500;cursor:pointer;margin-bottom:10.5rem}.login-area form>div input[type=button].find{margin-bottom:10.5rem}.login-area form>div>select{min-width:315px;height:4.5rem;margin-bottom:5rem;margin-left:9.75rem;margin-right:9.75rem;background:transparent;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #999999;font-family:Famppy;font-size:2rem;color:#999;padding:0;outline:none}.login-area form>div>select.t-b{color:#000}.login-area form>div.join-term-wrapper{display:flex;align-items:center;min-width:315px;height:36px;margin:0 9.75rem 2rem}.login-area form>div.join-term-wrapper>div{position:relative;cursor:pointer}.login-area form>div.join-term-wrapper>div.checkbox-wrapper{width:4rem;height:100%}.login-area form>div.join-term-wrapper>div>img.checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;margin:unset;margin-right:1.25rem;transition:all .2s}.login-area form>div.join-term-wrapper>div>img.hidden{opacity:0}.login-area form>div.join-term-wrapper>div.term-text{display:flex;flex-direction:column;padding-left:1rem;font-size:1.75rem;color:#736e92;line-height:2.25rem;font-weight:400}.login-area form>div.join-term-wrapper>div>span>a{font-weight:500;color:#a473ff;text-decoration:none}.login-area .find{display:flex;flex-direction:row;align-items:center;justify-content:center}.login-area .find>div{font-family:Famppy;color:#999;font-size:2rem;line-height:2.6rem;font-weight:400;cursor:pointer}.login-area .find>div:nth-child(2){margin:2rem}.login-area .change{display:flex;flex-direction:row;align-items:center}.login-area .change>div{font-family:Famppy;color:#999;font-size:2rem;line-height:2.6rem;font-weight:400;cursor:pointer}.login-area .change>div:nth-child(2){margin:2rem}.login-area .change .others{margin-top:60px}.login-area.join-area{padding-bottom:60px}.login-area .others{margin-bottom:5.25rem;z-index:11}.login-area .others>a{cursor:pointer}.login-area .others>a>img{width:5rem;margin:0 .75rem}@media (max-width: 767px){.login-area{box-shadow:unset}.login-area:after{content:none}.login-area .login-area-back{display:none}.login-area form>div input{min-width:280px}.login-area form>div input[type=button].login{min-width:310px}.login-area form>div input[type=button].join{min-width:310px}.login-area form>div input[type=button].change{min-width:310px}.login-area form>div>select{min-width:280px}.login-area .float.f-1{max-width:218px;max-height:225px;left:-12%;top:-24%}.login-area .float.f-1.join{top:-8%;left:-5%}.login-area .float.f-2{left:73%;top:75%}.login-area .float.f-2.join{top:51%;left:76%}.login-area .float.f-3.join{left:-2%}}.mypage{width:100%;height:100%}.mypage .header{width:100%;height:80px;background-color:gray}.mypage .body{display:grid;grid-template-columns:288px 1fr;height:300px}.mypage .body .sidebar{background-color:#7fffd4}.mypage .body .content{width:118rem;margin:0 auto;background-color:#adff2f}.mypage .footer{width:100%;height:518px;background-color:#add8e6}