@font-face{font-family:TmoneyRoundWind;src:url(/fonts/TmoneyRoundWindExtraBold.otf) format("otf"),url(/fonts/TmoneyRoundWindExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundL.ttf) format("truetype"),url(/fonts/NanumSquareRoundOTFL.otf) format("otf");font-weight:400;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundR.ttf) format("truetype"),url(/fonts/NanumSquareRoundOTFR.otf) format("otf");font-weight:400;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundB.ttf) format("truetype"),url(/fonts/NanumSquareRoundOTFB.otf) format("otf");font-weight:700;font-style:normal}@font-face{font-family:NanumSquareRound;src:url(/fonts/NanumSquareRoundEB.ttf) format("truetype"),url(/fonts/NanumSquareRoundOTFEB.otf) format("otf");font-weight:800;font-style:normal}*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:border-box}body,button,h1,h2,h3,h4,input,select,table,textarea{font-family:NanumSquareRound,Noto Sans KR,-apple-system,BlinkMacSystemFont,Helvetica Neue,Apple SD Gothic Neo,sans-serif}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;background-color:#250c50;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:800;min-width:360px}ol,ul{list-style:none}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,fieldset{border:0}table{width:100%;border-collapse:collapse;border-spacing:0}address,em,i{font-style:normal}a,u{text-decoration:none;color:#fff}fieldset,legend{border:0}legend{height:0;visibility:hidden}button{background:none}button *{position:relative}button::-moz-focus-inner{padding:0;border:0}input::-ms-clear,input[type=password]::-ms-reveal{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{box-sizing:border-box}textarea{resize:none}[contenteditable],a,button,input,select,textarea{outline:0}button,input[type=checkbox],input[type=radio],select{cursor:pointer}button:disabled,input:disabled{cursor:default}button:active{transition:transform .12s cubic-bezier(.4,0,.2,1),filter .12s ease;will-change:transform,filter}button:active:active{transform:scale(1.04) translateY(-1px);filter:brightness(1.04)}@keyframes motion{0%{margin-top:0}to{margin-top:-10px}}.wrap-page{width:1280px;min-height:100vh;margin:0 auto;background-color:#3a266e}@media(min-width:720px)and (max-width:1279px){.wrap-page{width:100%}}@media(max-width:719px){.wrap-page{width:100%;padding-bottom:108px}}.component-tabs{display:flex;gap:8px}.component-tabs .tabs-round{border-radius:48px;line-height:48px;background-color:#54478a;display:inline-block;padding:0 16px;font-weight:400;font-size:16px;color:#b3abd4}@media(max-width:719px){.component-tabs .tabs-round{font-size:13px;line-height:40px;padding:0 12px}}.component-tabs .tabs-round.active{background-color:#fff;color:#4e34f4;font-weight:800}.btn-solid{border-radius:16px;background-color:#54478a;line-height:48px;display:inline-flex;color:#d1cce5;padding:0 16px;align-items:center}@media(max-width:719px){.btn-solid{line-height:40px;padding:0 8px;font-size:13px;border-radius:12px}.btn-solid .txt-web{display:none}}.btn-solid.ico-pen:before{display:inline-block;margin-right:8px;width:20px;height:20px;background:url(/_next/static/media/btn-pen.a562b1f8.svg) no-repeat;background-size:100% 100%;content:""}@media(max-width:719px){.btn-solid.ico-pen:before{width:16px;height:16px;margin-right:4px}}.btn-solid-s{background-color:#6b5bab;border-radius:12px;padding:0 10px;min-width:100px;color:#e1ddfd;font-size:15px;line-height:40px;font-weight:800}.btn-solid-s.bg-dark{background-color:#806ef7}.btn-solid-round{background-color:#54478a;border-radius:48px;line-height:48px;color:#b3abd4;font-size:16px;padding:0 16px;display:inline-flex;align-items:center;font-weight:700}@media(max-width:719px){.btn-solid-round{line-height:40px;padding:0 12px;font-size:13px;font-weight:400}}.btn-solid-round.ico-check:before{display:inline-block;margin-right:8px;width:24px;height:24px;background:url(/_next/static/media/btn-check.0f0af203.svg) no-repeat;background-size:100% 100%;content:""}@media(max-width:719px){.btn-solid-round.ico-check:before{width:16px;height:16px;margin-right:4px}}.component-select.type-s .m_8fb7ebe7{height:40px;padding:0 30px 0 10px;color:#d1cce5;font-weight:400;border-radius:12px;background:url(/_next/static/media/arrow-select.18fce747.svg) no-repeat center right 10px #54478a;background-size:20px 20px}.component-select.type-s .m_8fb7ebe7[data-expanded=true]{background-size:20px 20px}.component-select.type-s .mantine-Popover-dropdown .m_390b5f4{padding:5px 10px}.component-select .m_8fb7ebe7{border-radius:16px;padding-left:16px;height:48px;border:none;font-size:15px;background:url(/_next/static/media/arrow-select.18fce747.svg) no-repeat center right 14px #54478a;background-size:20px;color:#d1cce5}@media(max-width:719px){.component-select .m_8fb7ebe7{height:40px;border-radius:12px;font-size:13px}}.component-select .m_8fb7ebe7[data-expanded=true]{background:url(/_next/static/media/arrow-select-active.ff359956.svg) no-repeat center right 14px #fff;background-size:20px;color:#280cdf}.component-select .m_8fb7ebe7[data-expanded=true]::placeholder{color:#280cdf}.component-select .m_8fb7ebe7::placeholder{color:#d1cce5}.component-select .mantine-Input-section[data-position=right]{display:none}.mantine-ScrollArea-viewport{padding:0}.component-select2.is-error .mantine-Input-input{border-color:#ff1f1f}.component-select2.is-value .mantine-Input-input{border-color:#d1cafc}.component-select2 .mantine-Input-input{height:52px;border-radius:12px;border:1px solid #ededed;position:relative;font-weight:400;font-size:15px}.component-select2 .mantine-Input-input::placeholder{color:#9e9e9e}.component-select2 .mantine-Input-input:focus::placeholder{color:#424242}.component-select2 .mantine-Input-input[data-expanded=true]{border-color:#4e34f4;transition:border .2s ease}.component-select2 .mantine-Input-input[data-expanded=true]+.m_82577fc2[data-position=right]:after{transform:rotate(0)}.component-select2 .m_82577fc2[data-position=right] svg{display:none}.component-select2 .m_82577fc2[data-position=right]:after{display:inline-block;width:20px;height:20px;background:url(/_next/static/media/arrow-select2.5e1141c9.svg) no-repeat 100%;background-size:100% 100%;content:"";transform:rotate(180deg)}.mantine-Popover-dropdown{border-radius:16px;padding:10px 0}@media(max-width:719px){.mantine-Popover-dropdown{padding:8px 0;border-radius:12px}}.mantine-Popover-dropdown .m_390b5f4{padding:16px;font-size:15px;font-weight:400}@media(max-width:719px){.mantine-Popover-dropdown .m_390b5f4{font-size:13px;padding:11px 16px}}.mantine-Popover-dropdown .m_390b5f4:hover{background-color:#f7f5fe;color:#280cdf}.mantine-Popover-dropdown .m_8ee53fc2{display:none}.component-input{border-radius:12px;border:1px solid #ededed;background-color:#fff;width:100%;line-height:50px;padding:0 16px;color:#262626;font-size:15px;font-weight:700;transition:border .2s ease-in-out}.component-input.is-error{border-color:#ff1f1f}.component-input.is-value{border-color:#d1cafc}.component-input::placeholder{color:#9e9e9e;font-weight:400}.component-input:focus{border-color:#4e34f4;transition:border .2s ease}.component-input:focus::placeholder{color:#424242}.form-input{position:relative}.form-input.type-white .form-search:after{background:url(/_next/static/media/icon-search-white.75b1266a.svg) no-repeat}.form-input.type-white .btn-solid-xs{background-color:#806ef7;color:#fff}.form-input.type-white .form-label{color:#f0eef6}.form-input.type-white .btn-radio span{border-color:#54478a;background-color:#372870;color:#b3abd4}.form-input.type-white .btn-radio input:checked+span,.form-input.type-white .component-input{border-color:#54478a;background-color:#54478a;color:#fff}.form-input.type-white .component-input{font-weight:400}.form-input.type-white .component-input.is-error{border-color:#ff1f1f}.form-input.type-white .component-input:focus{border-color:#b3abd4}.form-input.type-white .component-input:focus::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .component-input::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .multi-input{background-color:#54478a;border-color:#54478a;color:#fff;font-weight:400}.form-input.type-white .multi-input:focus-within{border-color:#b3abd4}.form-input.type-white .multi-input input{color:#fff;font-weight:400}.form-input.type-white .multi-input input:focus{border-color:#b3abd4}.form-input.type-white .multi-input input:focus::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .multi-input input::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .component-select2 .mantine-Input-input{background-color:#54478a;border-color:#54478a;color:#fff}.form-input.type-white .component-select2 .mantine-Input-input:focus::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .component-select2 .mantine-Input-input::placeholder{color:#f0eef6;opacity:.6}.form-input.type-white .component-select2 .mantine-Input-section[data-position=right]:after{display:inline-block;width:20px;height:20px;background:url(/_next/static/media/arrow-select2-w.6938bb9c.svg) no-repeat 100%;background-size:100% 100%;content:"";transform:rotate(180deg)}.form-input .form-label{color:#333;padding-bottom:8px;font-size:15px}@media(max-width:719px){.form-input .form-label{font-size:13px}}.form-input+.form-input{margin-top:32px}.form-input+.type-agree{display:flex;margin-top:6px;margin-bottom:40px}.form-input.type-multi .right{position:absolute;top:0;right:16px;display:flex;align-items:center;gap:4px}.form-input.type-multi .right .data-time{position:relative;right:0}.form-input .btn-round{line-height:37px;display:inline-block;padding:0 12px;font-size:13px;border-radius:18px;background-color:#4e34f4;color:#fff}.form-input .btn-round:disabled{background-color:#f5f5f5;color:#737373}.form-input .data-time{position:absolute;top:0;right:16px;line-height:50px;color:#ff5252;font-size:13px}.form-input .btn-solid-xs{position:absolute;top:12%;right:16px}.form-input .btn-solid-xs:disabled{background-color:#d9d9d9;color:#737373}.btn-radio{cursor:pointer}.btn-radio input{display:none}.btn-radio input:checked+span{border-color:#4e34f4;color:#262626;background-color:#e1ddfd;transition:border .2s ease}.btn-radio span{display:block;border:1px solid #ededed;border-radius:12px;line-height:50px;font-size:15px;width:100%;text-align:center;color:#737373;font-weight:400}.form-search{position:relative}.form-search:after{display:inline-block;position:absolute;top:50%;right:16px;margin-top:-10px;width:20px;height:20px;background:url(/_next/static/media/icon-search.9e02c8cf.svg) no-repeat;content:""}.form-search input{padding-right:52px}.bottom-buttons{padding-bottom:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}@media(max-width:719px){.bottom-buttons{padding:0 20px 40px}}.bottom-buttons .btn-cancel{line-height:56px;width:100%;max-width:406px;font-size:14px;background-color:transparent;text-align:center;border-radius:12px;color:#737373;font-weight:400;text-decoration:underline}.bottom-buttons.flex-row{flex-direction:row;gap:10px}.bottom-buttons .btn-solid2{background-color:#54478a;line-height:56px;text-align:center;font-size:16px;color:#f0eef6;border-radius:16px;display:inline-block;min-width:155px}.bottom-buttons .btn-solid2.type-red{background-color:#ff5252;color:#fff}.bottom-buttons button+button{margin-top:4px}.bottom-buttons .btn-default,.bottom-buttons .btn-default-dark{line-height:56px;width:100%;max-width:406px;color:#fff;font-size:16px;background-color:#4e34f4;text-align:center;border-radius:12px}.bottom-buttons .btn-default-dark:disabled,.bottom-buttons .btn-default:disabled{background-color:#d9d9d9;color:#737373}.bottom-buttons .btn-default-dark.type-big,.bottom-buttons .btn-default.type-big{font-size:19px;line-height:56px}@media(max-width:719px){.bottom-buttons .btn-default-dark.type-big,.bottom-buttons .btn-default.type-big{line-height:56px;font-size:16px}}.bottom-buttons .btn-white{line-height:56px;width:100%;max-width:406px;color:#4e34f4;font-size:16px;background-color:#fff;text-align:center;border-radius:12px;border:1.5px solid var(--p-60,#280cdf)}.bottom-buttons .btn-white:disabled{background-color:#d9d9d9;color:#737373}.bottom-buttons .btn-white.type-big{font-size:19px;line-height:56px}@media(max-width:719px){.bottom-buttons .btn-white.type-big{line-height:56px;font-size:16px}}.bottom-buttons .icon-arrow{display:inline-block;width:20px;height:20px;background:url(/_next/static/media/arrow-btn.ad3fb229.svg) no-repeat;background-size:100% 100%;margin-left:8px;position:relative;vertical-align:middle}@media(max-width:719px){.bottom-buttons .icon-arrow{display:none}}.bottom-buttons .btn-txt{line-height:56px;width:100%;max-width:406px;font-size:16px;background-color:transparent;text-align:center;border-radius:12px;color:#737373;font-weight:400;text-decoration:underline}.bottom-buttons .btn-default-dark{background-color:#806ef7}.bottom-buttons .btn-default-dark:disabled{background-color:#54478a;color:#8e82bf}.fix-top{position:fixed;width:1280px;left:50%;bottom:56px;transform:translateX(-50%);z-index:60}@media(min-width:720px)and (max-width:1279px){.fix-top{width:100%;left:0;transform:none;bottom:56px;right:20px}}@media(max-width:719px){.fix-top{width:100%;left:0;transform:none;bottom:128px;right:20px}}.fix-top button{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;right:44px;bottom:0;width:64px;height:64px;border-radius:50%;background-color:#ffb83c}@media(min-width:720px)and (max-width:1279px){.fix-top button{right:20px}}@media(max-width:719px){.fix-top button{right:20px}}.fix-top button:before{display:inline-block;width:30px;height:30px;background:url(/_next/static/media/arrow-fix-top.e4d3066e.svg) no-repeat;background-size:100% 100%;content:"";margin-top:-8px}.fix-top button span{display:block;font-size:13px;color:#573700;font-weight:800;line-height:13px}.fix-talk{position:fixed;width:720px;bottom:110px;z-index:60;height:50px;left:50%;transform:translateX(-50%)}@media(min-width:720px)and (max-width:1279px){.fix-talk{right:20px}}@media(max-width:719px){.fix-talk{width:100%;right:20px}}.fix-talk button{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;right:44px;bottom:0;width:64px;height:64px;border-radius:50%}.fix-talk button span{display:block;font-size:13px;color:#573700;font-weight:800;line-height:13px}.fix-download{position:fixed;bottom:0;left:50%;margin-left:-360px;width:720px;z-index:30;background:hsla(0,0%,97%,.95);box-shadow:0 -1px 4px 0 rgba(0,0,0,.15)}@media(min-width:720px)and (max-width:1279px){.fix-download{left:0;margin-left:0;width:100%}}@media(max-width:719px){.fix-download{left:0;margin-left:0;width:100%}}.fix-download .btn-fix-close{display:inline-block;width:24px;height:24px;position:absolute;top:0;left:0;background-color:#fff;display:flex;align-items:center;justify-content:center}.fix-download .btn-fix-close:before{display:inline-block;width:18px;height:18px;background:url(/_next/static/media/btn-popup-close.fdacfb6f.svg) no-repeat;content:""}.fix-download .ui-app{padding:15px 22px 21px 40px}.fix-download .ui-app,.fix-download .ui-app .txt-app{display:flex;align-items:center}.fix-download .ui-app .txt-app .txt-in{color:#000;font-size:13px;line-height:19px;font-weight:500}.fix-download .ui-app .txt-app .txt-in strong{font-weight:900}.fix-download .ui-app .txt-app i{display:inline-block;position:relative;flex:none;width:34px;height:34px;margin-right:12px;background:url(/_next/static/media/icon-app-ddokseo.713db94e.svg) no-repeat;content:""}.fix-download .ui-app .btn-down{padding:5px 10px;margin-left:auto;flex:none;border-radius:3px;background:#000;font-size:13px;font-weight:700;line-height:19px;color:#fff}.Toastify__toast-container--top-center{top:50%;left:50%;width:60vw;max-width:250px;transform:translateX(-50%)}.Toastify__toast{margin-bottom:1rem}.Toastify__toast-body{text-align:center;font-size:13px;font-weight:500}.Toastify__toast-body .img-cash{display:flex;flex-flow:column;align-items:center;justify-content:center;color:#fff;font-size:12px}.Toastify__toast-body .img-cash .icon-cash{width:40px;height:41px;margin-bottom:6px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212b4;--toastify-color-info:#3498dbb4;--toastify-color-success:#07bc0cb4;--toastify-color-warning:#f1c40fb4;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-background:#fff;--toastify-toast-min-height:48px;--toastify-toast-max-height:800px;--toastify-font-family:"Noto Sans KR";--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.modal-popup.modal-bottom .mantine-Modal-close{display:none}.modal-popup.modal-bottom .mantine-Modal-inner{padding:0;align-items:flex-end}.modal-popup.modal-bottom .mantine-Modal-inner .mantine-Modal-content{border-radius:40px 40px 0 0;width:100%;min-width:1280px;max-width:1280px}@media(min-width:720px)and (max-width:1279px){.modal-popup.modal-bottom .mantine-Modal-inner .mantine-Modal-content{min-width:100%;max-width:100%}}@media(max-width:719px){.modal-popup.modal-bottom .mantine-Modal-inner .mantine-Modal-content{min-width:100%;max-width:100%}}.modal-popup .mantine-focus-auto:focus-visible{outline:none}.modal-popup .mantine-Modal-content{background:#fff;color:#333;padding:16px;flex-direction:column;min-width:340px;max-width:406px;width:100%;border-radius:28px}@media(max-width:719px){.modal-popup .mantine-Modal-content{min-width:320px;max-width:340px}}.modal-popup .mantine-Modal-content:before{display:none}.modal-popup .mantine-Modal-content .title{color:#0d0d0d;font-family:TmoneyRoundWind;font-size:19px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:719px){.modal-popup .mantine-Modal-content .title{font-size:16px}}.modal-popup .mantine-Modal-content .title.ranking{padding-top:116px;background:url(/_next/static/media/img-rank-trophy.ce3e4c68.svg) no-repeat top/100px 100px}.modal-popup .mantine-Modal-content .title.ranking-start{padding-top:116px;background:url(/_next/static/media/img-rank-book.e06c2452.svg) no-repeat top/100px 100px}.modal-popup .mantine-Modal-content .title .img-child{display:inline-block;width:120px;height:120px;background:url(/_next/static/media/img-child.b0193541.svg) no-repeat;background-size:100% 100%}@media(max-width:719px){.modal-popup .mantine-Modal-content .title .img-child{width:100px;height:100px}}.modal-popup .mantine-Modal-content .title .img-download{display:inline-block;width:120px;height:120px;background:url(/_next/static/media/icon-download-default.a2f19733.svg) no-repeat;background-size:100% 100%}@media(max-width:719px){.modal-popup .mantine-Modal-content .title .img-download{width:100px;height:100px}}.modal-popup .mantine-Modal-content .title .img-book{display:inline-block;width:120px;height:120px;background:url(/_next/static/media/img-book2.a11eb058.svg) no-repeat;background-size:100% 100%}@media(max-width:719px){.modal-popup .mantine-Modal-content .title .img-book{width:100px;height:100px}}.modal-popup .mantine-Modal-content .title .img-login{display:inline-block;width:120px;height:120px;background:url(/_next/static/media/img-profile-green.a4bf12e5.svg) no-repeat;background-size:100% 100%}@media(max-width:719px){.modal-popup .mantine-Modal-content .title .img-login{width:100px;height:100px}}.modal-popup .mantine-Modal-content .det{margin-top:5px;color:#333;font-weight:400;text-align:center;font-size:17px}@media(max-width:719px){.modal-popup .mantine-Modal-content .det{font-size:15px}}.modal-popup .mantine-Modal-content .det .data-day{font-size:13px;margin:10px 0 0;color:#9e9e9e;font-family:NanumSquareRound;font-weight:800}.modal-popup .mantine-Modal-header{background:none;box-shadow:none;min-height:auto;padding:0;height:auto}.modal-popup .modal-bottom{padding:24px 0 0;display:flex;gap:8px}.modal-popup .modal-bottom button{flex:auto;width:100%;text-align:center;font-weight:700;font-size:16px}.modal-popup .modal-bottom .btn-line{border:1px solid #4e34f4;border-radius:12px;line-height:54px;color:#4e34f4}.modal-popup .modal-bottom .btn-solid2{display:block;border-radius:12px;line-height:54px;background-color:#4e34f4;color:#fff}.modal-popup .modal-bottom .btn-solid2:disabled{background-color:#d9d9d9;color:#737373}.modal-popup .modal-bottom .btn-solid2.type-red{background-color:#ff5252}.modal-popup .wrap-check{margin:20px 0 12px}@media(max-width:719px){.modal-popup .wrap-check{margin:10px 0 0}}.modal-popup .box-check{display:block}.modal-popup .box-check+.box-check{margin-top:8px}.modal-popup .box-check input{display:none}.modal-popup .box-check input:checked+.wrap-data{border:2px solid #280cdf;background-color:#d1cafc}.modal-popup .box-check input:checked+.wrap-data i{background:url(/_next/static/media/icon-check-round-active.b2f30aad.svg) no-repeat;background-size:100% 100%}.modal-popup .box-check .wrap-data{background-color:#f7f5fe;border:2px solid #f7f5fe;display:flex;align-items:center;border-radius:16px;padding:10px;cursor:pointer}.modal-popup .box-check .wrap-data i{display:inline-block;width:28px;height:28px;margin-right:4px;background:url(/_next/static/media/icon-check-round.812f4794.svg) no-repeat;background-size:100% 100%;flex:none}@media(max-width:719px){.modal-popup .box-check .wrap-data i{width:20px;height:20px}}.modal-popup .box-check .wrap-data .data-user{display:flex;align-items:center;color:#372870;font-family:TmoneyRoundWind;font-size:16px;line-height:36px}@media(max-width:719px){.modal-popup .box-check .wrap-data .data-user{font-size:14px;line-height:24px}}.modal-popup .box-check .wrap-data .data-user:before{display:inline-block;width:36px;height:36px;content:"";margin-right:4px;flex:none}@media(max-width:719px){.modal-popup .box-check .wrap-data .data-user:before{width:24px;height:24px}}.modal-popup .box-check .wrap-data .data-user.type-red:before{background:url(/_next/static/media/img-profile-red.6958e53e.svg) no-repeat;background-size:100% 100%}.modal-popup .box-check .wrap-data .data-user.type-blue:before{background:url(/_next/static/media/img-profile-blue.c68927ac.svg) no-repeat;background-size:100% 100%}.modal-popup .box-check .wrap-data .data-user.type-green:before{background:url(/_next/static/media/img-profile-green.a4bf12e5.svg) no-repeat;background-size:100% 100%}.modal-popup .box-check .wrap-data .data-user.type-yellow:before{background:url(/_next/static/media/img-profile-yellow.6d87ea21.svg) no-repeat;background-size:100% 100%}.modal-popup .box-check .wrap-data .data-user.type-purple:before{background:url(/_next/static/media/img-profile-purple.fa35ed99.svg) no-repeat;background-size:100% 100%}.modal-popup .box-check .wrap-data .membership{margin-left:auto;margin-right:8px;color:#6b5bab;font-size:13px;font-weight:400;flex:none}.modal-popup .box-check .wrap-data .membership:before{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#9dee00;content:"";margin-right:4px}.modal-code .mantine-Modal-inner{padding:0}.modal-code .txt-det{color:#fff;font-size:16px;line-height:24px}.modal-code .img-code{width:264px;height:264px;border-radius:24px;background-color:#fff;margin:24px 0 0;padding:25px 0 0;display:flex;flex-direction:column;align-items:center}.modal-code .img-code .area-img{width:180px;height:180px}.modal-code .img-code .data-num{margin:18px 0 0;color:#0d0d0d;font-size:15px;font-weight:400}.modal-code .data-time{font-size:14px;font-weight:400;color:#fff;padding:24px 0 0}.modal-code .mantine-Modal-body{text-align:center;width:360px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;line-height:24px}@media(max-width:719px){.modal-code .mantine-Modal-body{width:100%;padding:20px}}.modal-code .mantine-Modal-content{background:none;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.modal-code .mantine-Modal-header{background:none;box-shadow:none;min-height:auto;padding:0;height:auto;position:fixed;top:0;left:0;right:0}.modal-code .mantine-Modal-header button{outline:none;top:16px;right:20px}.modal-code .mantine-Modal-header button:hover{background:none}.modal-code .mantine-Modal-header button svg{color:#fff;width:36px!important;height:36px!important}.modal-note .mantine-Modal-overlay:before{position:fixed;top:0;left:0;right:0;bottom:0;content:"";background-color:rgba(0,0,0,.8);z-index:50}.modal-note .mantine-Modal-content{z-index:60;background:#fff;color:#333;flex-direction:column;max-width:360px;width:100%;padding:0 20px;background:none;overflow:initial}.modal-note .mantine-Modal-content:before,.modal-note .mantine-Modal-header{display:none}.modal-note .box-note{border-radius:24px;border:6px solid #806ef7;width:100%;padding:0 20px;position:relative;background:#fff}@media(min-width:720px)and (max-width:1279px){.modal-note .box-note{width:320px}}@media(max-width:719px){.modal-note .box-note{width:100%;max-width:320px}}.modal-note .box-note .img-read{display:inline-block;width:101px;height:74px;margin-bottom:32px;background:url(/_next/static/media/img-read.ac8eb3c5.svg) no-repeat;background-size:100% 100%}.modal-note .box-note .box-title{padding:30px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0d0d0d;font-size:16px}.modal-note .box-note .box-title .title-det{font-size:13px}.modal-note .box-note:before{display:inline-block;width:305px;height:25px;background:url(/_next/static/media/bg-read-complete.d34f2f54.svg) no-repeat;background-size:100% 100%;content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%)}@media(min-width:720px)and (max-width:1279px){.modal-note .box-note:before{left:40px;right:40px;width:240px;height:25px;transform:translateX(0);width:auto}}@media(max-width:719px){.modal-note .box-note:before{left:40px;right:40px;width:240px;height:25px;transform:translateX(0);width:auto}}.modal-note .box-note .btn-modal{background-color:#806ef7;line-height:56px;text-align:center;font-size:16px;border-radius:16px;color:#fff;width:100%;display:block;margin-bottom:30px}.modal-note .list-read{margin:24px 0 30px}.modal-note .list-read li{background-color:#f5f5f5;border-radius:8px;height:48px;width:100%}.modal-note .list-read li+li{margin:12px 0 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-note .list-read .view-result{display:flex;align-items:center;padding:0 12px;height:100%;opacity:0;transform:translateY(10px);animation:fadeInUp 1s ease-in-out forwards}.modal-note .list-read .view-result .data-result{font-family:TmoneyRoundWind;color:#000;font-size:16px;margin-left:auto;flex:none}.modal-note .list-read .view-result .txt-result{display:flex;align-items:center;font-family:TmoneyRoundWind;line-height:32px}.modal-note .list-read .view-result .txt-result [class^=icon]{display:inline-block;width:32px;height:32px;margin-right:4px}.modal-note .list-read .view-result .txt-result .icon-time{background:url(/_next/static/media/icon-time.faada878.svg) no-repeat;background-size:100% 100%}.modal-note .list-read .view-result .txt-result .icon-page{background:url(/_next/static/media/icon-page.8a625777.svg) no-repeat;background-size:100% 100%}.modal-note .list-read .view-result .txt-result .icon-star{background:url(/_next/static/media/icon-star.bb460210.svg) no-repeat;background-size:100% 100%}.modal-note .list-read li:first-child .view-result{animation-delay:0s}.modal-note .list-read li:nth-child(2) .view-result{animation-delay:.5s}.modal-note .list-read li:nth-child(3) .view-result{animation-delay:1s}.modal-ranking .mantine-Modal-content{background:transparent;padding:0;margin:0;border:none;border-radius:0;box-shadow:none}.modal-ranking .mantine-Modal-body{padding:0;margin:0}.modal-ranking .mantine-Modal-root{background:"rgba(0, 0, 0, 0.5)"}.modal-ranking .ranking-modal-content{position:relative}.modal-ranking .ranking-modal-content .bg-ranking{background:url(/_next/static/media/bg_ranking.dadda6a4.png) no-repeat;background-size:100% 100%;width:100%;height:712px;display:flex;justify-content:center;align-items:flex-start;padding:48px 0 0}@media(min-width:720px)and (max-width:1279px){.modal-ranking .ranking-modal-content .bg-ranking{height:640px;padding:40px 0 0}}@media(max-width:719px){.modal-ranking .ranking-modal-content .bg-ranking{height:562px;padding:32px 0 0}}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content{gap:28px;width:320px}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;padding:0;width:320px;height:184px}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item.rank-2{justify-content:flex-end;width:94px;height:158px}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item.rank-1{width:94px;height:184px}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item.rank-3{justify-content:flex-end;width:94px;height:140px}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;border-radius:20px;flex:none}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img:before{display:inline-block;width:50px;height:50px;content:"";flex:none}@media(max-width:719px){.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img:before{width:40px;height:40px}}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img.type-red:before{background:url(/_next/static/media/img-profile-red.6958e53e.svg) no-repeat;background-size:100% 100%}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img.type-blue:before{background:url(/_next/static/media/img-profile-blue.c68927ac.svg) no-repeat;background-size:100% 100%}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img.type-green:before{background:url(/_next/static/media/img-profile-green.a4bf12e5.svg) no-repeat;background-size:100% 100%}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img.type-yellow:before{background:url(/_next/static/media/img-profile-yellow.6d87ea21.svg) no-repeat;background-size:100% 100%}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-img.type-purple:before{background:url(/_next/static/media/img-profile-purple.fa35ed99.svg) no-repeat;background-size:100% 100%}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-section{display:flex;flex-direction:column;align-items:center;padding:0;width:94px;height:77px;flex:none;align-self:stretch}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .profile-section .username{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px;height:17px;font-size:13px;color:#fff;font-weight:800}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .xp-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 4px;gap:5px;align-self:stretch}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .xp-section .xp-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 5px;height:20px;background:#fff;border-radius:5px;align-self:stretch}.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .xp-section .xp-badge .xp-text,.modal-ranking .ranking-modal-content .bg-ranking .ranking-content .top3-ranking .rank-item .xp-section .xp-badge .xp-value{font-weight:800;font-size:12px;line-height:100%;text-align:center;color:#333}.modal-ranking .ranking-modal-content .title{color:#fff;font-size:56px;font-weight:800;text-align:center;font-family:TmoneyRoundWind}@media(max-width:719px){.modal-ranking .ranking-modal-content .title{font-size:48px}}.modal-ranking .ranking-modal-content .sub-title{font-size:38px;font-weight:700;text-align:center;color:#ffd900;font-family:TmoneyRoundWind;height:58px}@media(max-width:719px){.modal-ranking .ranking-modal-content .sub-title{font-size:32px;height:50px}}.modal-ranking .ranking-bottom-section{display:flex;flex-direction:column;align-items:center;padding:20px;position:absolute;width:100%;bottom:10px}@media(max-width:719px){.modal-ranking .ranking-bottom-section{bottom:0}}.modal-ranking .ranking-bottom-section .ranking-text-section{display:flex;flex-direction:column;align-items:center;padding:0;gap:10px}.modal-ranking .ranking-bottom-section .ranking-text-section .main-text{font-style:normal;font-weight:700;font-size:16px;line-height:100%;display:flex;align-items:center;text-align:center;color:#fff}.modal-ranking .ranking-bottom-section .ranking-text-section .date-text{font-weight:400;font-size:16px;display:flex;align-items:center;text-align:center;color:#fff;padding:10px}.modal-ranking .ranking-bottom-section .ranking-button-section{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px 32px;width:100%}.modal-ranking .ranking-bottom-section .ranking-button-section .ranking-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;background:#fff;border-radius:10px;border:none;padding:18px 0}.modal-ranking .ranking-bottom-section .ranking-button-section .ranking-button .button-text{font-weight:700;font-size:16px;color:#752fce}.page-modal .mantine-Modal-overlay:before{position:fixed;top:0;left:0;right:0;bottom:0;content:"";background-color:rgba(0,0,0,.3);z-index:50}.page-modal .mantine-Modal-content{background-color:#fff;flex-direction:column;margin:0;max-width:1000px;width:100%;max-height:70%;border-radius:16px}@media(min-width:720px)and (max-width:1279px){.page-modal .mantine-Modal-content{max-width:100%;width:auto}}@media(max-width:719px){.page-modal .mantine-Modal-content{left:20px;right:20px;margin:0;transform:translateX(0)!important;max-width:100%;width:auto}}.page-modal .mantine-Modal-content .mantine-Modal-header,.page-modal .mantine-Modal-content:before{display:none}.page-modal .line-tabs{display:flex;padding:0 20px}.page-modal .line-tabs li{flex:auto;width:100%;border-bottom:1px solid #f5f5f5}.page-modal .line-tabs li button{display:block;width:100%;padding:12px 0;text-align:center;color:#737373;font-size:16px;font-weight:700}.page-modal .line-tabs li.active{border-bottom:1px solid #4e34f4}.page-modal .line-tabs li.active button{color:#4e34f4}.page-modal .list-contents{margin:0 -20px}.page-modal .list-contents li.active button{background-color:#f5f5f5}.page-modal .list-contents li button{width:100%;display:flex;align-items:center;padding:15px 20px}.page-modal .list-contents li button:hover{background-color:#f5f5f5}.page-modal .list-contents li button .list-label{color:#333;font-size:15px;font-weight:400}.page-modal .list-contents li button .list-page{color:#333;font-weight:400;font-size:15px;margin-left:auto}.modal-quiz .mantine-Modal-content{padding:40px 66px 80px;background-color:#e8f0fd}@media(max-width:719px){.modal-quiz .mantine-Modal-content{padding:30px 20px 48px}}.modal-quiz .mantine-Modal-content .mantine-Modal-body{padding:0 20px}.modal-quiz .mantine-Modal-content .answer-label{line-height:36px;font-size:25px;color:#508ded;padding-left:44px;background:url(/_next/static/media/icon-quiz-o.7e393366.svg) no-repeat 0;background-size:36px 36px;font-family:TmoneyRoundWind;margin-bottom:8px}@media(max-width:719px){.modal-quiz .mantine-Modal-content .answer-label{font-size:19px;padding-left:32px;background-size:24px 24px;margin-bottom:12px;line-height:24px}}.modal-quiz .mantine-Modal-content .answer-label.type-not{color:#ff5252;background:url(/_next/static/media/icon-quiz-x.cf50cc77.svg) no-repeat 0;background-size:36px 36px}@media(max-width:719px){.modal-quiz .mantine-Modal-content .answer-label.type-not{background-size:24px 24px}}.modal-quiz .mantine-Modal-content .answer-cont{display:flex;align-items:center;justify-content:space-between}@media(max-width:719px){.modal-quiz .mantine-Modal-content .answer-cont{flex-direction:column}}.modal-quiz .mantine-Modal-content .answer-det{color:#0c3474;font-size:20px;font-weight:400;line-height:30px;text-align:left}@media(max-width:719px){.modal-quiz .mantine-Modal-content .answer-det{font-size:15px;line-height:22px;margin-bottom:10px}}.modal-quiz .mantine-Modal-content .btn-check{flex:none;margin-left:60px;border:7px solid #fff;background-color:#ffa50a;border-radius:21px;height:72px;width:180px;box-shadow:0 3.56px 0 0 #d9d9d9;color:#0e044d;font-size:21px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:719px){.modal-quiz .mantine-Modal-content .btn-check{width:100%;height:60px;font-size:14px;margin-left:0;line-height:22px}}.modal-quiz .mantine-Modal-content .btn-check:after{display:inline-block;width:21px;height:21px;margin-left:4px;background:url(/_next/static/media/arrow-btn-right.eedb280d.svg) no-repeat;content:"";background-size:100% 100%}.modal-school .mantine-Modal-header svg{width:40px!important;height:40px!important}.modal-school .mantine-Modal-header button:focus-visible{outline:none}.mantine-search{background:url(/_next/static/media/icon-search-24-active.5866b2b8.svg) no-repeat right 16px center;width:100%}.mantine-search .mantine-Select-input{background:none;border-radius:40px;border:1px solid #4e34f4;line-height:46px;height:48px;padding:0 52px 0 16px;font-size:15px;font-weight:400}.mantine-search .mantine-Input-section{display:none}.txt-warning{font-weight:700;font-size:16px;color:#ff1f1f;text-align:center;padding:16px 0;line-height:1}.list-items{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:1px solid #4e34f4;border-radius:12px}.list-items .list-header{display:flex;box-sizing:border-box;flex-direction:row;align-items:center;padding:12px;gap:12px;width:100%;min-height:48px;cursor:pointer}.list-items .list-header:first-child{border-radius:12px 12px 0 0}.list-items .list-header .list-header-txt{font-weight:400;color:#0d0d0d;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-items .list-header .list-header-txt.placeholder-text{color:#9e9e9e}.option-item-promo{display:flex;flex-direction:row;align-items:center;padding:12px;gap:12px;width:100%;min-height:48px;box-sizing:border-box;cursor:pointer;border-radius:12px}.option-item-promo.item-checked{background:#f7f5fe}.option-item-promo.item-checked .icon-checkbox-visual{background:#4e34f4}.option-item-promo.item-checked .option-text-promo{font-weight:700;color:#0d0d0d}.option-item-promo.item-disabled{background:#ededed;cursor:not-allowed}.option-item-promo.item-disabled .icon-checkbox-visual{background:#d9d9d9}.option-item-promo.item-disabled .option-text-promo{color:#ccc;font-weight:400}.option-text-promo{font-style:normal;font-weight:400;font-size:15px;line-height:100%;letter-spacing:-.03em;color:#0d0d0d;flex-grow:1}.option-separator-promo{width:100%;height:0;background-color:transparent;border:none;border-top:1px solid #f5f5f5}.txt-det-drawer{font-weight:400;font-size:13px;color:#737373;text-align:left;padding:16px 0 0 12px}.submit-button-area-promo{margin-top:auto;padding:16px 20px 20px;flex-shrink:0;position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#fff}.btn-submit{width:100%;height:56px;border-radius:12px;font-weight:700;font-size:16px;background-color:#4e34f4;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-submit:disabled{background-color:#ccc;color:#fff}.icon-checkbox{width:24px;height:24px;position:relative;flex-shrink:0}.icon-checkbox .icon-checkbox-visual{display:block;width:18px;height:18px;border-radius:9px;background-color:#d9d9d9;position:relative;transition:background-color .2s;margin:3px}.icon-checkbox .icon-checkbox-visual:after{content:"";position:absolute;left:7px;top:4px;width:4px;height:8px;border-color:#fff;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg)}.item-checked .icon-checkbox-visual{background:#4e34f4}.icon-arrow{display:inline-block;width:24px;height:24px;margin-right:4px;background:url(/_next/static/media/arrow-btn.ad3fb229.svg) no-repeat;transform:rotate(90deg);background-size:100% 100%;flex:none}@media(max-width:719px){.icon-arrow{width:16px;height:16px}}.promotion-items-list-area{width:100%}.step3-empty-address-box{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 12px;gap:12px;width:100%;min-height:113px;background:#fff;border:1px solid #ededed;border-radius:12px;flex:none;align-self:stretch}.step3-empty-address-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;width:100%}.step3-empty-address-text{font-family:NanumSquareRoundOTF;font-style:normal;font-weight:700;font-size:15px;line-height:100%;display:flex;align-items:center;letter-spacing:-.03em;color:#333}.step3-register-address-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px;gap:4px;height:36px;background:#4e34f4;border-radius:100px;cursor:pointer}.step3-plus-icon{width:20px;height:20px;position:relative}.step3-plus-icon:after,.step3-plus-icon:before{content:"";position:absolute;width:13.33px;height:0;left:3.33px;top:50%;border:1.66667px solid #fff}.step3-plus-icon:after{transform:rotate(90deg)}.step3-register-text{font-family:NanumSquareRoundOTF;font-style:normal;font-weight:700;font-size:15px;line-height:100%;display:flex;align-items:center;letter-spacing:-.03em;color:#fff}.user-profile-layer,.user-profile-layer .profile-container{display:flex;flex-direction:column;align-items:center}.user-profile-layer .profile-container{width:100%}.user-profile-layer .profile-container .profile-section{display:flex;flex-direction:column;align-items:center;width:100%}.user-profile-layer .profile-container .profile-section .profile-image{position:relative;width:100%;height:174px}.user-profile-layer .profile-container .profile-section .profile-image .img-profile{background:url(/_next/static/media/bg-profile.06c63217.svg) no-repeat;background-size:100% 100%;width:100%;height:100%}.user-profile-layer .profile-container .profile-section .user-container{display:flex;flex-direction:column;align-items:center;position:absolute;top:75px}.user-profile-layer .profile-container .profile-section .user-container .name{align-items:center;vertical-align:middle}.user-profile-layer .profile-container .profile-section .user-container .name:before{width:100px;height:100px;display:inline-block;content:"";background:url(/_next/static/media/img-profile-default.bccb0d66.svg) no-repeat;background-size:100% 100%}.user-profile-layer .profile-container .profile-section .user-container .name.type-red:before{background:url(/_next/static/media/img-profile-red.6958e53e.svg) no-repeat;background-size:100% 100%}.user-profile-layer .profile-container .profile-section .user-container .name.type-blue:before{background:url(/_next/static/media/img-profile-blue.c68927ac.svg) no-repeat;background-size:100% 100%}.user-profile-layer .profile-container .profile-section .user-container .name.type-green:before{background:url(/_next/static/media/img-profile-green.a4bf12e5.svg) no-repeat;background-size:100% 100%}.user-profile-layer .profile-container .profile-section .user-container .name.type-purple:before{background:url(/_next/static/media/img-profile-purple.fa35ed99.svg) no-repeat;background-size:100% 100%}.user-profile-layer .profile-container .profile-section .user-container .name.type-yellow:before{background:url(/_next/static/media/img-profile-yellow.6d87ea21.svg) no-repeat;background-size:100% 100%}.user-profile-layer .profile-container .profile-section .user-container .profile-name{font-size:21px;font-weight:800;color:#fff}.user-profile-layer .profile-container .mission-streak{display:flex;flex-direction:row;align-items:center;position:absolute;top:0;padding:4px 8px;background:hsla(0,0%,40%,.18);border-radius:16px 0;z-index:2}@media(max-width:719px){.user-profile-layer .profile-container .mission-streak{top:5px}}@media(min-width:720px)and (max-width:1279px){.user-profile-layer .profile-container .mission-streak{top:0}}.user-profile-layer .profile-container .mission-streak .icon-streak{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;position:relative}.user-profile-layer .profile-container .mission-streak .icon-streak.type00{background:url(/_next/static/media/medal-type00.f652e430.svg) no-repeat 50%;background-size:32px 32px}.user-profile-layer .profile-container .mission-streak .icon-streak.type01{background:url(/_next/static/media/medal-type01.814a5302.svg) no-repeat 50%;background-size:24px 24px}.user-profile-layer .profile-container .mission-streak .icon-streak.type02{background:url(/_next/static/media/medal-type02.814a5302.svg) no-repeat 50%;background-size:24px 24px}.user-profile-layer .profile-container .mission-streak .icon-streak:not(.type00,.type01,.type02){height:28px;background-size:24px 24px}.user-profile-layer .profile-container .mission-streak .icon-streak.type03{background:url(/_next/static/media/medal-type03.74e4c64c.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .icon-streak.type04{background:url(/_next/static/media/medal-type04.fdafaf74.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .icon-streak.type05{background:url(/_next/static/media/medal-type05.99c9531c.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .icon-streak.type06{background:url(/_next/static/media/medal-type06.447692a8.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .icon-streak.type07{background:url(/_next/static/media/medal-type07.030f00ff.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .icon-streak.type08{background:url(/_next/static/media/medal-type08.9cbd13b3.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .icon-streak.type09{background:url(/_next/static/media/medal-type09.7d1f39e3.svg) no-repeat 50%}.user-profile-layer .profile-container .mission-streak .mission-text{display:flex;flex-direction:row;align-items:center}.user-profile-layer .profile-container .mission-streak .mission-text .mission-days{font-weight:800;font-size:16px;color:#000}.user-profile-layer .stats-section{background-color:#f5f5f5;width:100%;border-radius:16px;margin-top:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:1px solid #ededed}.user-profile-layer .stats-section .stats-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.user-profile-layer .stats-section .stats-container:not(:last-child){margin-bottom:24px}.user-profile-layer .stats-section .stats-container .stat-item{display:flex;flex-direction:column;align-items:flex-start;width:120px}.user-profile-layer .stats-section .stats-container .stat-item .stat-header{display:flex;flex-direction:row;align-items:center;width:120px;font-size:13px;line-height:13px}.user-profile-layer .stats-section .stats-container .stat-item .stat-header .stat-icon{width:16px;height:16px;margin-right:4px}.user-profile-layer .stats-section .stats-container .stat-item .stat-header .stat-icon.icon-medal{background:url(/_next/static/media/icon-medal.fe21ca1e.svg) no-repeat 50%;background-size:contain}.user-profile-layer .stats-section .stats-container .stat-item .stat-header .stat-icon.icon-clock{background:url(/_next/static/media/icon-clock.d9ed7243.svg) no-repeat 50%;background-size:contain}.user-profile-layer .stats-section .stats-container .stat-item .stat-header .stat-icon.icon-book{background:url(/_next/static/media/icon-book.3b67f738.svg) no-repeat 50%;background-size:contain}.user-profile-layer .stats-section .stats-container .stat-item .stat-header .stat-icon.icon-quiz{background:url(/_next/static/media/icon-quiz.24682041.svg) no-repeat 50%;background-size:contain}.user-profile-layer .stats-section .stats-container .stat-item .stat-header .stat-label{font-size:13px;font-weight:400;color:#0d0d0d}.user-profile-layer .stats-section .stats-container .stat-item .stat-value{font-size:16px;font-weight:800;color:#333;margin-top:8px}.user-profile-layer .stats-section .stats-container .stat-item .stat-value .stat-unit{font-size:13px}.user-profile-layer .books-section{width:100%;margin-top:20px}.user-profile-layer .books-section .section-title{font-size:14px;font-weight:800;color:#0d0d0d;margin-bottom:16px}@media(max-width:719px){.user-profile-layer .books-section .section-title{margin-bottom:12px}}.user-profile-layer .books-section .books-container{display:flex;flex-direction:row;gap:7px}.user-profile-layer .books-section .books-container .book-item{width:102px;height:141px;border-radius:12px;overflow:hidden;background:#d3d3d3 50%/cover no-repeat,#d9d9d9;box-shadow:inset 3.827px -3.827px 0 0 rgba(0,0,0,.1);position:relative}.user-profile-layer .books-section .books-container .book-item .link-inventory{width:100%;position:relative}.user-profile-layer .books-section .books-container .book-item .link-inventory .area-image{width:102px;height:141px;position:relative;border-radius:12px}.user-profile-layer .books-section .books-container .book-item .link-inventory .area-image .data-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.user-profile-layer .books-section .books-container .book-item .link-inventory .area-image .data-image:after{height:60px;bottom:0;left:0;right:0;background:linear-gradient(180deg,hsla(0,0%,49%,0) 60%,hsla(0,0%,49%,.9));content:"";border-radius:12px}.user-profile-layer .achievements-section{width:100%;margin-top:16px;background:linear-gradient(90deg,#fff7e9,#fff8ed 65.625%);border:1px solid #fff0d7;border-radius:12px;padding:8px 16px 8px 12px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.user-profile-layer .achievements-section .achievement-circle{width:300px;height:300px;border-radius:60%;background-color:#fff0d7;position:absolute;top:-110px;right:-200px}.user-profile-layer .achievements-section:before{content:"";position:absolute;top:0;right:0;bottom:0;width:40%;background-color:#fff7e9;border-radius:0 12px 12px 0;pointer-events:none}.user-profile-layer .achievements-section .achievement-content{display:flex;flex-direction:column}.user-profile-layer .achievements-section .achievement-content .achievement-label{font-size:13px;font-weight:400;color:#0d0d0d}.user-profile-layer .achievements-section .achievement-content .achievement-value{font-size:16px;font-weight:800;color:#333}.user-profile-layer .achievements-section .achievement-icon{width:64px;height:64px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/_next/static/media/icon-trophy.de2e508d.svg) no-repeat 50%;background-size:contain}.user-profile-layer .achievements-section .achievement-icon.no-trophy{background:url(/_next/static/media/icon-no-trophy.96878a63.svg) no-repeat 50%;background-size:contain}.user-profile-layer .achievements-section .achievement-icon .rank-badge{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;top:12px;left:8px}.user-profile-layer .achievements-section .achievement-icon .rank-badge .rank-text{font-size:15px;font-weight:800;color:#0d0d0d;margin-bottom:16px}.user-profile-layer .achievements-section .achievement-icon .rank-badge .rank-text .rank-unit{font-size:12px}.user-profile-layer .achievements-section .achievement-icon .rank-badge .record-label{font-size:12px;color:#000;text-shadow:0 2px 0 #fff0d7,2px 0 0 #fff0d7,-2px 0 0 #fff0d7,0 -2px 0 #fff0d7;font-weight:800}