body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.App {
    text-align: center;
}

.App-logo {
    height: 40vmin;
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear;
    }
}

.App-header {
    background-color: #282c34;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: white;
}

.App-link {
    color: #61dafb;
}

@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* -------------------------Pretendard------------------------- */
@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-Thin.e7b3f421a3a379ef4137.woff) format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-ExtraLight.caca3ea2e764095a60e9.woff) format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-Light.7d1a33b829142e833fb9.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-Regular.303253288b0ba99db532.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-Medium.edd5e28caa1cc4a9e0b7.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-SemiBold.9f6b39f88e7e6a3fd0b2.woff) format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-Bold.1f1dbbbf311ffffcc770.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-ExtraBold.f6491e200d1fb5c5917b.woff) format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url(/static/media/Pretendard-Black.c51355ddc1caec596031.woff) format('woff');
    font-weight: 900;
    font-style: normal;
}

/* -------------------------넥슨 메이플체------------------------- */
@font-face {
    font-family: 'Maple';
    src: url(/static/media/MaplestoryLight.62723a08fddf0b86b9fd.eot),
        url(/static/media/MaplestoryLight.181047d24de52316389e.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

/* -------------------------강원교육모두체------------------------- */
@font-face {
    font-family: 'EduAll';
    src: url(/static/media/EduAllBold.f9a9c67e2d800fb8287f.eot), url(/static/media/EduAllBold.8eaefb5b786b8cf34f6b.woff) format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'EduAll';
    src: url(/static/media/EduAllLight.0255b7661c41108d0414.eot), url(/static/media/EduAllLight.0199f2fa3d48c9d10dc8.woff) format('woff');
    font-weight: lighter;
    font-style: normal;
}
/* -------------------------픽셀로보로보체------------------------- */
@font-face {
    font-family: 'robo';
    src: url(/static/media/pixelroborobo.e28d50de01009f1555f1.eot), url(/static/media/pixelroborobo.7cee2e2907431c2d4d51.woff) format('woff');
}

#wrap.making{background:linear-gradient(180deg, rgba(250, 81, 80, 0.2) 0%, rgba(250, 81, 80, 0) 100%);position:relative}#wrap.making .red-sun{width:20px;height:20px;border-radius:50%;background-color:#fc615d;position:absolute;top:101px;left:10px;z-index:-1;transition:all 2s;animation:move-sun 10s linear 1s infinite alternate}#wrap.making .star{width:25px;height:25px;position:absolute;top:31px;right:37px;z-index:-1;transition:all 2s;animation:move-star 10s linear 1s infinite alternate}#wrap.making .cloud{width:30px;position:absolute;top:500px;left:-10px;z-index:-1;transition:all 2s;animation:move-cloud 10s linear 1s infinite alternate}#wrap.making .inner{position:relative}#wrap.making .inner .inner-conts{width:100%;height:80vh;background-color:var(--bs-white);padding:1rem 0;border-radius:1rem;border:1px solid #dfdfdf}#wrap.making .inner .styles-grid{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%}@keyframes move-sun{0%{top:101px;left:10px}50%{top:90px;left:27px}100%{top:121px;left:7px}}@keyframes move-star{0%{top:101px;right:1px}50%{top:105px;right:17px}100%{top:151px;right:3px}}@keyframes move-cloud{0%{top:501px;left:1px}50%{top:505px;left:-17px}100%{top:551px;left:3px}}
.image-prev-container{border-radius:.625rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bs-white);min-height:40vh}.image-prev-container .preview-image-box{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:calc(100vh - 350px);overflow-y:auto}.image-prev-container .preview-image-box .scroll-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:24px;height:24px;z-index:20;background:#000;opacity:.7;animation:bounce 1.5s infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.image-prev-container .preview-image-box .preview-image{width:55%;margin-bottom:.5rem}.image-prev-container .preview-image-box .result-image{width:80%;margin:0 auto .5rem;position:relative}.image-prev-container .preview-image-box .result-image img{transition:filter .3s ease}.image-prev-container .preview-image-box .result-image img.comparing{filter:grayscale(1)}.image-prev-container .preview-image-box .result-image.shortform-video{width:50%}.image-prev-container .preview-image-box .result-image .single-download{width:40px;position:absolute;bottom:10px;right:10px;cursor:pointer}.image-prev-container .preview-image-box .arrow-navigation{width:80%;display:flex;align-items:center;justify-content:flex-end;margin-bottom:1rem;color:#111;gap:1rem}.image-prev-container .preview-image-box .arrow-navigation button{border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;background:none;font-size:1rem}.image-prev-container .preview-image-box .arrow-navigation span{font-size:12px}.image-prev-container .preview-image-box .refresh-button{padding:.25rem 1.5rem;border-radius:500px;background-color:#363636;cursor:pointer}.image-prev-container .preview-image-box .refresh-button img{width:20px}.image-prev-container .active-buttons{position:relative;display:flex;align-items:center}.image-prev-container .active-buttons .save-button{display:flex;align-items:center;gap:.25rem;background-color:#6cadff;padding:.7rem 2rem;border-radius:999px;font-size:14px;font-weight:700;margin-top:1rem;cursor:pointer}.image-prev-container .active-buttons .toggle-wrapper{display:flex;flex-direction:column-reverse;align-items:center;gap:.5rem;position:fixed;right:1.5rem;bottom:20vh}.image-prev-container .active-buttons .toggle-wrapper .compare-icon-button{background:none;border:none;color:#fff;cursor:pointer}.image-prev-container .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.image-prev-container .upload-placeholder .photo-wrapper{display:flex;align-items:center;justify-content:center;gap:.25rem;width:90%;margin:0 auto}.image-prev-container .upload-placeholder .photo-wrapper .origin-image{width:30%;border-radius:.5rem;overflow:hidden}.image-prev-container .upload-placeholder .photo-wrapper .refresh-icon{width:24px}.image-prev-container .upload-placeholder .photo-wrapper .lf-player-container{width:70%}.image-prev-container .upload-placeholder .photo-wrapper .animation-lottie{border-radius:.5rem;overflow:hidden;width:70%}.image-prev-container .upload-placeholder .video-wrapper{display:flex;align-items:center;justify-content:center;gap:.25rem;width:90%;margin:0 auto}.image-prev-container .upload-placeholder .video-wrapper .origin-image{width:30%;border-radius:.5rem;overflow:hidden}.image-prev-container .upload-placeholder .video-wrapper .refresh-icon{width:24px}.image-prev-container .upload-placeholder .video-wrapper .origin-gif{border-radius:.5rem;overflow:hidden;width:45%}.image-prev-container .upload-placeholder .upload-guide{text-align:center;line-height:1.4;margin:1rem 0;color:#000}.image-prev-container .upload-placeholder .upload-button{background:linear-gradient(270deg, #f6d365, #fda085, #f6d365);background-size:400% 400%;animation:gradientFlow 2s ease infinite;color:var(--bs-white);font-size:14px;padding:12px 2.2rem;border-radius:500px;cursor:pointer;transition:.2s;position:relative}.image-prev-container .upload-placeholder .upload-button:hover{background-color:#fc716a}.image-prev-container .upload-placeholder .upload-button::before{content:"👉🏻";position:absolute;top:50%;left:-30px;transform:translateY(-50%);font-size:30px;animation:fingerBounce 1.2s infinite}.image-prev-container .upload-placeholder .upload-button::after{content:"👈🏻";position:absolute;top:50%;right:-30px;transform:translateY(-50%);font-size:30px;animation:fingerBounce 1.2s infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes fingerBounce{0%,100%{transform:translateY(-15px) scale(1)}50%{transform:translateY(-10px) scale(0.8)}}@media screen and (min-width: 850px){.image-prev-container .preview-image-box .result-gallery .result-image{width:35%}.image-prev-container .preview-image-box .preview-image{width:35%}}
.filter-tab{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.filter-tab button{padding:.5rem 1.5rem;border-radius:999px;border:none;font-weight:bold;background-color:#dfdfdf;color:#000;cursor:pointer;transition:.2s ease;display:flex;align-items:center;gap:.25rem;font-size:14px}.filter-tab button.active{background-color:#ff9f9c;color:#000}.filter-tab button figure{width:20px}
.styles-grid-wrapper{position:relative}.styles-grid-wrapper .styles-overlay{position:fixed;top:40%;left:50%;transform:translate(-50%, -50%);width:60%;z-index:2;color:var(--bs-white);font-size:14px;font-weight:700;text-align:center;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;border-radius:4px;background-color:rgba(0,0,0,.5);padding:.8rem 1rem}.styles-grid-wrapper .styles-grid{position:relative;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:.8rem;gap:.8rem;padding:1rem 0;background-color:rgba(34,34,34,.9);padding:7rem .5rem 1rem;max-height:10vh;transition:max-height .3s ease;overflow-y:scroll;overflow-x:hidden}.styles-grid-wrapper .styles-grid .group-tabs{position:fixed;top:50px;left:0;padding:1rem;display:flex;align-items:center;justify-content:center;gap:2rem}.styles-grid-wrapper .styles-grid .group-tabs li{color:var(--bs-white);font-size:16px;opacity:.5;cursor:pointer}.styles-grid-wrapper .styles-grid .group-tabs li.active{opacity:1;font-weight:700}.styles-grid-wrapper .styles-grid.expanded{max-height:50vh}.styles-grid-wrapper .styles-grid.disabled{opacity:.5;pointer-events:none}.styles-grid-wrapper .styles-grid .styles-toggle-button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:absolute;left:50%;top:20px;transform:translateX(-50%);cursor:pointer}.styles-grid-wrapper .styles-grid .styles-toggle-button .notch{width:36px;height:5px;background-color:rgba(192,192,192,.3);border-radius:.5rem}.styles-grid-wrapper .styles-grid .styles-toggle-button img{width:20px;height:20px;opacity:.8}.styles-grid-wrapper .styles-grid .style-item-wrap{position:relative}.styles-grid-wrapper .styles-grid .style-item-wrap .hot-badge{position:absolute;left:0;top:-10px;z-index:999;width:58px}.styles-grid-wrapper .styles-grid .style-item-wrap .new-badge{position:absolute;left:4px;top:4px;z-index:999;width:58px}.styles-grid-wrapper .styles-grid .style-item-wrap .style-item{background-color:#767676;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s ease;font-weight:700}.styles-grid-wrapper .styles-grid .style-item-wrap .style-item:hover{transform:scale(1.05)}.styles-grid-wrapper .styles-grid .style-item-wrap .style-item.selected{outline:2px solid #ffd966}.styles-grid-wrapper .styles-grid .style-item-wrap .style-item.animated-border{position:relative;border:3px solid rgba(0,0,0,0);border-radius:10px;background:linear-gradient(270deg, #00ffff, #ff00ff, #ffff00, #00ffff) border-box;-webkit-mask-composite:xor;mask-composite:exclude;background-size:400% 400%;animation:borderFlow 2s linear infinite alternate}.styles-grid-wrapper .styles-grid .style-item-wrap .style-item .thumb{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.styles-grid-wrapper .styles-grid .style-item-wrap .style-item .label{position:absolute;bottom:0;width:100%;text-align:center;background-color:rgba(0,0,0,.6);color:#fff;font-size:.8rem;padding:.3rem 0}@keyframes borderFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}@media screen and (min-width: 930px){.styles-grid-wrapper .styles-grid{grid-template-columns:repeat(10, 1fr);gap:1.25rem}}
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.modal-overlay .modal-box{background-color:var(--bs-white);padding:1rem;border-radius:6px;width:90%}.modal-overlay .modal-box .button-container{display:flex;justify-content:flex-end}.modal-overlay .modal-box .button-container button{margin-left:auto;border:none;background:none;cursor:pointer}.modal-overlay .modal-box .text{text-align:center;margin-bottom:1rem;font-size:14px;color:#1967cc;font-weight:900}.modal-overlay .modal-box .modal-title{text-align:center;line-height:1.2;font-size:1.15rem;margin-bottom:1rem;font-weight:700}.modal-overlay .modal-box .guide-text{font-size:14px;line-height:1.3;text-align:center;margin-bottom:1rem;color:#797979}.modal-overlay .modal-box .frame-size{text-align:center;margin-bottom:.5rem;font-family:"EduAll";color:#fc655d;font-weight:900}.modal-overlay .modal-box .frame-size.comment{margin-bottom:2rem}.modal-overlay .modal-box .choose-btn-container{display:flex;justify-content:center;gap:.8rem}.modal-overlay .modal-box .choose-btn-container button{border:none;font-size:14px;padding:1rem 2rem;border-radius:6px;cursor:pointer;transition-duration:.5s}.modal-overlay .modal-box .choose-btn-container button.cancel-btn{background-color:#d2d4d5;color:#51535a}.modal-overlay .modal-box .choose-btn-container button.cancel-btn:hover{background-color:#c2c4c6}.modal-overlay .modal-box .choose-btn-container button.primary-btn{background-color:#3d6fe5;color:var(--bs-white)}.modal-overlay .modal-box .choose-btn-container button.primary-btn:hover{background-color:#2c60d7}.modal-overlay .modal-box .choose-btn-container button.primary-btn span{padding-left:.25rem}.modal-overlay .modal-box .choose-btn-container button.primary-btn.confirm{position:relative}.modal-overlay .modal-box .choose-btn-container button.primary-btn.confirm::before{content:"🔥 특별 프로모션 이벤트!";font-family:"EduAll";position:absolute;color:#000;top:-16px;left:0;font-weight:bold;padding:.2rem .5rem;background:linear-gradient(270deg, #ff8a00, #ffe600, #ff8a00);background-size:400% 400%;animation:gradientMove 1.5s ease infinite;border-radius:4px;font-weight:bold}.modal-overlay .modal-box .spinner-container{margin-bottom:2rem}.modal-overlay .modal-box .spinner-container .spinner{width:64px;height:64px;border:6px solid rgba(0,0,0,.1);border-top-color:#4dbfff;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.modal-overlay .modal-box .note-text{text-align:center;font-size:14px;line-height:1.4;color:#9f9f9f}@media screen and (min-width: 930px){.modal-overlay .modal-box{background-color:var(--bs-white);padding:1rem 1rem 2rem;border-radius:6px;width:40%}}

header{width:100%}header .header-inner{height:auto !important;padding:1rem 0 1.25rem !important;display:flex;align-items:center;justify-content:space-between;max-width:90%;margin:0 auto}header .header-inner .header-logo{width:140px;cursor:pointer}header .header-inner .right-utils{display:flex;align-items:center;gap:.5rem}header .header-inner .right-utils .pica-button{background:none;border:none;width:120px;position:relative;cursor:pointer}header .header-inner .right-utils .pica-button span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"Maple";font-weight:900;color:var(--bs-white)}header .header-inner .right-utils .user-profile-icon{width:28px;cursor:pointer}
.lottie{width:30%;margin:0 auto}.error-guide-text{font-size:14px;line-height:1.3;text-align:center;margin-bottom:1rem;color:#797979;margin-top:2rem}.close-button{padding:.6rem 1.5rem;border:none;border-radius:.5rem;position:relative;left:50%;transform:translateX(-50%);cursor:pointer;background-color:#797979;color:var(--bs-white);transition-duration:.3s}.close-button:hover{background-color:#525252}
.upload-wrapper{width:100%;height:100dvh;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:999}.upload-wrapper .inner{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-wrapper .inner .recom-container{width:100%;padding:1rem;background-color:var(--bs-white);border-radius:.5rem}.upload-wrapper .inner .recom-container .title-text h3{text-align:center;font-weight:900;font-size:18px;margin-bottom:1rem;color:#3e70e6}.upload-wrapper .inner .recom-container .title-text .desc{text-align:center;font-size:14px;line-height:1.4}.upload-wrapper .inner .recom-container .example-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.upload-wrapper .inner .recom-container .example-container .example{width:40%;position:relative;overflow:hidden}.upload-wrapper .inner .recom-container .example-container .example .recommand-tag{position:absolute;top:16px;right:-67px;transform:rotate(45deg);width:200px;text-align:center;padding:3px 48px;font-size:12px;background-color:#a9c6fe;font-family:"Pretendard"}.upload-wrapper .inner .recom-container .example-container p{text-align:center;font-size:14px;margin-top:.5rem}.upload-wrapper .inner .recom-container .okay-button{border:none;padding:.7rem 1.2rem;border-radius:.25rem;margin:1rem auto 0;position:relative;left:50%;transform:translateX(-50%);cursor:pointer;background-color:#3e70e6;transition-duration:.2s;color:var(--bs-white)}.upload-wrapper .inner .recom-container .okay-button:hover{background-color:#2457cf}
.modal-overlay.alert{position:fixed;top:0;left:0;z-index:999999}.modal-overlay.alert .bell{width:20%;margin:0 auto}.modal-overlay.alert .alert-title{text-align:center;margin:1.5rem auto;font-weight:700;color:#0ea5e9}.modal-overlay.alert .alert-ment{text-align:center;font-size:14px;line-height:1.5;color:#575757}.modal-overlay.alert .alert-ment .bold{font-weight:700;color:#000}.modal-overlay.alert .alert-buttons{display:flex;justify-content:center;gap:12px;margin:24px auto 12px}.modal-overlay.alert .alert-buttons button{padding:10px 16px;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.modal-overlay.alert .alert-buttons .close-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-overlay.alert .alert-buttons .close-btn:hover{background-color:#e5e7eb}.modal-overlay.alert .alert-buttons .hide-week-btn{background-color:#facc15;color:#111827}.modal-overlay.alert .alert-buttons .hide-week-btn:hover{background-color:#fde047}.modal-overlay.alert .alert-buttons .hide-forever-btn{background-color:#ef4444;color:#fff}.modal-overlay.alert .alert-buttons .hide-forever-btn:hover{background-color:#dc2626}
#wrap.login.bg-black{background-color:rgba(0,0,0,.7);position:relative}#wrap.login .inner{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#wrap.login .inner .logo{width:60%;margin:0 auto}#wrap.login .inner .guide-container{text-align:center;margin:2rem auto 1rem;line-height:1.4}#wrap.login .inner .guide-container h3{font-weight:700;font-size:1.5rem}#wrap.login .inner .guide-container p{color:#a5a5a5;margin-top:1rem}#wrap.login .inner .guide-container p span{font-weight:700;color:#1967cc}#wrap.login .inner .beta-text{font-family:"EduAll";text-align:center;line-height:1.4;margin-top:1rem;font-size:14px;color:#797979}#wrap.login .inner .beta-text span{font-weight:900}#wrap.login .inner .notice-comment{position:fixed;bottom:90px;font-size:.875rem;color:#a4a4a4;line-height:1.4;font-size:14px;text-align:center}#wrap.login .inner .notice-comment span{font-weight:bold;color:#565656;padding-left:.25rem}#wrap.login .inner .notice-text{position:fixed;bottom:40px;font-size:.875rem;color:#a4a4a4;line-height:1.4;text-align:center}#wrap.login .inner .notice-text span{font-weight:500;color:#1967cc;cursor:pointer}#wrap.login .inner .notice-text span:hover{text-decoration:underline}#wrap.login .inner .copy{position:fixed;bottom:10px;font-size:10px;color:#b9b9b9}@media screen and (min-width: 930px){#wrap.login .inner .logo{width:40%}}
.sns-login-container{width:57%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.sns-login-container::before{content:"지금 가입하면 이미지 생성 2장 무료!";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background-color:#3d6fe5;color:#fff;font-size:14px;font-family:"Maple";padding:.5rem 1rem;border-radius:6px;white-space:nowrap;animation:moving-reward .7s linear alternate infinite;z-index:10}.sns-login-container::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-3px);border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #3d6fe5;animation:moving-tale-reward .7s linear alternate infinite;z-index:9}@keyframes moving-reward{100%{transform:translateX(-50%) translateY(-12px)}}@keyframes moving-tale-reward{100%{transform:translateX(-50%) translateY(-5px)}}@media screen and (min-width: 930px){.sns-login-container{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;position:relative}.sns-login-container .sns-login{width:60%}}
.terms-section{position:fixed;top:50%;left:50%;z-index:99999;transform:translate(-50%, -50%);width:90%;background-color:var(--bs-white);box-shadow:0px 1.98px 3.959px 0px rgba(0,0,0,.25)}.terms-section .terms-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#484848}.terms-section .terms-header h1{font-size:1rem;color:var(--bs-white);font-weight:900;font-family:"nanum"}.terms-section .terms-header .close-btn{background-color:#333;border:1px solid #000;color:var(--bs-white);padding:9px 10px;font-size:.875rem;font-weight:900;font-family:"nanum";cursor:pointer}.terms-section .inner{padding:2rem 0}.terms-section .inner .contents-all{max-height:400px;overflow-y:scroll;font-family:"nanum";line-height:1.8;font-size:14px}.terms-section .inner .contents-all .first-title{font-weight:900;font-size:1rem}.terms-section .inner .contents-all .section-title{font-weight:900;font-size:1rem;margin-top:2rem;padding-top:2rem}.terms-section .inner hr{border:.5px solid #ddd}.terms-section .inner .indented-item{margin-left:1em}.terms-section .inner .more-indented-item{margin-left:2em;color:#555}.terms-section .inner .indented-item{padding-left:20px}.terms-section .inner .indented-item.level-1{padding-left:20px}.terms-section .inner .indented-item.level-2{padding-left:40px}.terms-section .inner .indented-item.level-3{padding-left:60px}.terms-section .close-cover{display:flex;justify-content:center;margin:0 0 1rem}.terms-section .close-cover button{padding:10px 20px;background-color:#333;font-family:"nanum";font-size:14px;border:1px solid #000;color:var(--bs-white);cursor:pointer}@media screen and (min-width: 930px){.terms-section{width:50%}.terms-section .inner{padding:2rem}}
#wrap.compare .inner{position:relative}#wrap.compare .inner .up-ment{text-align:center;margin:1rem 0;font-family:"robo"}#wrap.compare .inner .stamp{width:25%;position:absolute;right:0;top:-6px}#wrap.compare .inner .stamp img{width:100%;opacity:0;transform:scale(2) rotate(-20deg);animation:stampPop 2s ease-out forwards infinite;animation-delay:.5s}#wrap.compare .inner .arrow-navigation{width:90%;display:flex;align-items:center;justify-content:flex-end;margin-bottom:1rem;color:#111;gap:1rem}#wrap.compare .inner .arrow-navigation button{border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;background:none;font-size:1rem}#wrap.compare .inner .arrow-navigation span{font-size:12px}#wrap.compare .inner .download-button{display:flex;align-items:center;gap:.5rem;border:none;border-radius:.25rem;margin:0 auto .5rem;cursor:pointer;background-color:#6cadff;color:var(--bs-white);padding:.6rem 1rem}#wrap.compare .inner .download-button:hover{background-color:#519ffe}#wrap.compare .inner .nes-text{color:#fc655d;font-size:16px;margin-bottom:.5rem;text-align:center;line-height:1.4;font-family:"EduAll";font-weight:900}#wrap.compare .inner .error-text{color:#525252;font-size:14px;margin-bottom:1rem;text-align:center;line-height:1.4;font-family:"EduAll";font-weight:900}@keyframes stampPop{0%{opacity:0;transform:scale(2) rotate(-20deg)}60%{opacity:1;transform:scale(0.9) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}#wrap.compare .inner .result-image{width:80%;margin:0 auto;display:flex;align-items:center;justify-content:center}#wrap.compare .inner .ment{margin:1.5rem 0;text-align:center}#wrap.compare .inner .share-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #c9c9c9;padding-top:1rem;padding-bottom:2rem}#wrap.compare .inner .share-container p{font-size:14px;color:#a4a4a4}#wrap.compare .inner .share-container .sns-container{display:flex;align-items:center;gap:.5rem;margin:1rem}#wrap.compare .inner .share-container .sns-container figure{cursor:pointer}#wrap.compare .inner .make-other{color:#a4a4a4;padding:.8rem 2.5rem;border:1px solid #a4a4a4;display:inline-flex;border-radius:999px;cursor:pointer}#wrap.compare .inner .ad-banner-container{border-top:1px solid #a4a4a4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;width:100%;padding-top:2rem}#wrap.compare .inner .ad-banner-container .banner{cursor:pointer}@media screen and (min-width: 930px){#wrap.compare .inner .result-image{width:50%}#wrap.compare .inner .stamp{width:15%;right:260px}}
.charge-container{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:"nanum";margin-top:56px;width:100%}.charge-container .back-arrow{width:28px;margin-right:auto;margin-bottom:1rem;cursor:pointer}.charge-container .title-container{margin-bottom:2rem}.charge-container .title-container h2{color:#242424;text-align:center;font-size:28px;font-weight:700;list-style:42px;margin-bottom:12px}.charge-container .title-container p{color:#969696;font-size:1rem;font-weight:400}.charge-container .bean-container{width:70%;flex:0 0 50%}.charge-container .bean-container .remain-bean-box{min-height:1rem;background-color:var(--bs-white);padding:24px;line-height:1.4rem;border-radius:8px;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.charge-container .bean-container .remain-bean-box .box-left{font-size:28px;line-height:40px}.charge-container .bean-container .remain-bean-box .box-right{font-size:28px;font-weight:700;line-height:40px}.charge-container .bean-container .bean-notice{margin:12px 0 24px;padding:24px;border-radius:10px;background-color:#f9f9f9;list-style-type:disc}.charge-container .bean-container .bean-notice li{color:#969696;font-size:14px}.charge-container .bean-container .charge-list{display:flex;flex-direction:column}.charge-container .bean-container .charge-list .charge-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #c2c2c2;line-height:40px}.charge-container .bean-container .charge-list .charge-item .item-right button{min-width:104px;color:var(--bs-blue-primary);background-color:var(--bs-white);border-color:var(--bs-blue-primary);border:1px solid var(--bs-blue-primary);cursor:pointer;height:44px;padding:0 14px;font-size:16px;border-radius:.25rem}.charge-container .bean-container .charge-list .charge-item .item-right button:hover{background-color:var(--bs-blue-primary);color:var(--bs-white)}.charge-container .bean-container .charge-list .charge-item .item-right button.selected{background-color:var(--bs-blue-primary);color:var(--bs-white)}.charge-container .bean-container .charge-list .charge-item .item-left{display:flex;align-items:center;gap:.8rem}.charge-container .bean-container .charge-list .charge-item .item-left .charge-amont.origin{text-decoration:line-through;color:#969696}.charge-container .bean-container .charge-list .charge-item .item-left .charge-amont.promotion{font-weight:900;color:#f77043;font-size:1.25rem}.charge-container .bean-container .button-next{line-height:46px;margin-top:1.5rem;width:100%;font-family:"nanum";border-radius:.25rem;color:#969696;background-color:#e0e0e0;border:none;transition-duration:.3s}.charge-container .bean-container .button-next:not(:disabled){background-color:var(--bs-blue-primary);color:var(--bs-white);font-weight:bold}.divider{width:100%;border:.8px solid #ddd;margin-top:4rem}.table-container{margin-top:4rem;width:100%}.table-container p{font-family:"nanum";text-align:center;margin-bottom:1.5rem}.table-container table{width:100%;border-collapse:collapse;margin:20px 0;font-size:1em;font-family:"nanum"}.table-container table thead th{background-color:#dceaf7;color:#fff;padding:20px;text-align:left;border:1px solid #d6d6d6;text-align:center;color:#000;font-weight:bold}.table-container table tbody td{border:1px solid #dee2e6;padding:20px;vertical-align:middle}.table-container table body tr:hover{background-color:#f1f1f1}.table-container table th,.table-container table td{text-align:center}.table-container table .rowspan{font-weight:bold}
.charge-container{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:"nanum";padding:10px 0 70px;margin-top:0;width:100%}.charge-container .title-container{margin-bottom:3rem}.charge-container .title-container h2{color:#242424;text-align:center;font-size:28px;font-weight:700;list-style:42px;margin-bottom:12px}.charge-container .title-container p{color:#969696;font-size:1rem;font-weight:400}.charge-container .reminder-container{width:70%}.charge-container .reminder-container .reminder-box{min-height:1rem;background-color:var(--bs-white);padding:24px;line-height:1.4rem;border-radius:8px;border:1px solid #e0e0e0}.charge-container .reminder-container .reminder-box .reminder-top{display:flex;align-items:center;justify-content:space-between;line-height:40px}.charge-container .reminder-container .reminder-box .reminder-top .top-left{font-size:28px}.charge-container .reminder-container .reminder-box .reminder-top .top-right{font-size:28px;font-weight:900;color:var(--bs-blue-primary)}.charge-container .reminder-container .reminder-box .reminder-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px}.charge-container .reminder-container .reminder-box .reminder-bottom .bottom-left{display:flex;align-items:center;justify-content:space-between;flex:1 1;line-height:40px;gap:10px}.charge-container .reminder-container .reminder-box .reminder-bottom .bottom-left .charge-beans-txt{flex-shrink:0}.charge-container .reminder-container .reminder-box .reminder-bottom .bottom-left .final-line{height:1px;background-color:#bdbdbd;width:100%}.charge-container .reminder-container .payment-method-select{margin-top:2rem;background-color:var(--bs-white);padding:24px;border-radius:8px;border:1px solid #e0e0e0}.charge-container .reminder-container .payment-method-select h4{font-size:20px;margin-bottom:1rem}.charge-container .reminder-container .payment-method-select .label-flex{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.charge-container .reminder-container .payment-method-select .label-flex input{display:none}.charge-container .reminder-container .payment-method-select .label-flex input:checked+label{border:1px solid var(--bs-blue-primary);background-color:#f0f8ff;font-weight:bold}.charge-container .reminder-container .payment-method-select .label-flex label{width:45%;border:1px solid #e0e0e0;margin-right:.8rem;border-radius:.25rem;font-size:14px;padding:1rem;text-align:center;cursor:pointer}.charge-container .reminder-container .payment-method-select .label-flex label.kakaopay{display:flex;align-items:center;justify-content:center;gap:.5rem}.charge-container .reminder-container .payment-method-select .label-flex label.kakaopay figure{width:40px}.charge-container .reminder-container .payment-choice-container{border:1px solid #e0e0e0;border-radius:12px;margin-top:1.5rem;overflow:hidden}.charge-container .reminder-container .payment-choice-container .payment-option{padding:20px 24px;display:flex;align-items:center}.charge-container .reminder-container .payment-choice-container .payment-option figure{width:52px;margin:0 .3rem}.charge-container .reminder-container .payment-choice-container .payment-option input[type=checkbox]{display:none}.charge-container .reminder-container .payment-choice-container .payment-option .custom-checkbox{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:10px;font-size:16px}.charge-container .reminder-container .payment-choice-container .payment-option .custom-checkbox::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px solid #bdbdbd;background-color:rgba(0,0,0,0);transition:background-color .3s ease,border-color .3s ease;display:none}.charge-container .reminder-container .payment-choice-container .payment-option input[type=checkbox]:checked+.custom-checkbox::before{background-color:#fff;border:1px solid #bdbdbd}.charge-container .reminder-container .payment-choice-container .payment-option .custom-checkbox::after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:var(--bs-blue-primary);transition:transform .3s ease}.charge-container .reminder-container .payment-choice-container .payment-option input[type=checkbox]:checked+.custom-checkbox::after{transform:translateY(-50%) scale(1)}.charge-container .reminder-container .policy-check-form{margin:1rem 0;padding:1.5rem 0}.charge-container .reminder-container .policy-check-form label{cursor:pointer}.charge-container .reminder-container .policy-check-form .terms-container{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0}.charge-container .reminder-container .policy-check-form .terms-container .term-detail{font-size:14px;font-weight:700;color:var(--bs-blue-primary);border-bottom:1px solid var(--bs-blue-primary);padding-bottom:.1rem;cursor:pointer}.charge-container .reminder-container .check-inputs{width:100%}.charge-container .reminder-container .check-inputs.policy{width:auto}.charge-container .reminder-container .check-inputs input[type=checkbox]{display:none}.charge-container .reminder-container .check-inputs input[type=checkbox]+label{border:1.6px solid #707070;display:flex;height:20px;position:relative;width:20px}.charge-container .reminder-container .check-inputs input[type=checkbox]:checked+label:after{content:"✔";font-size:1rem;height:20px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:20px;text-align:center}.charge-container .reminder-container .check-inputs .term-box{width:auto;height:auto;display:block}.charge-container .reminder-container .check-inputs .term-box.policy span{display:flex;padding-left:.4rem}.charge-container .reminder-container .check-inputs .term-box span{display:flex;padding-left:1.6rem}.charge-container .reminder-container .policy-box{background-color:#f9f9f9;width:100%;padding:16px 32px;border-radius:8px;margin-bottom:12px;display:none}.charge-container .reminder-container .policy-box ul{list-style-type:disc}.charge-container .reminder-container .policy-box ul li{font-size:14px;font-weight:400;line-height:20px;color:#969696}.charge-container .reminder-container .term-total-box{border:var(--is-border);border-radius:4px;padding:1rem;line-height:1.5;color:#5f5f5f;height:200px;overflow-y:scroll}.charge-container .reminder-container .button-container{display:flex;align-items:center;gap:20px}.charge-container .reminder-container .button-container button{padding:12px 24px;font-size:14px;line-height:23px;border-radius:888889000px;border:none;cursor:pointer;font-family:"nanum"}.charge-container .reminder-container .button-container button.before-btn{border:1px solid var(--bs-blue-primary);background:none;color:var(--bs-blue-primary)}.charge-container .reminder-container .button-container button.charge-btn{flex:1 1;transition-duration:.3s}.charge-container .reminder-container .button-container button.charge-btn:not(:disabled){background-color:var(--bs-blue-primary);color:var(--bs-white);font-weight:bold}@media(max-width: 768px){.charge-container .bean-container{width:100%}.charge-container .bean-container .remain-bean-box .box-left{font-size:20px}.charge-container .bean-container .remain-bean-box .box-right{font-size:22px}.charge-container .reminder-container{width:100%}.charge-container .reminder-container .reminder-box .reminder-top .top-left{font-size:20px}.charge-container .reminder-container .reminder-box .reminder-top .top-right{font-size:22px}}
.pica-history-title{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0}.pica-history-title .title-left{display:flex;align-items:center;gap:.5rem}.pica-history-title .title-left h3{font-weight:700;font-size:1.25rem}.pica-history-title .title-left figure{cursor:pointer}.pica-history-title button{border:none;background:none;position:relative;width:120px}.pica-history-title button span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"Maple";color:var(--bs-white);font-weight:900;cursor:pointer}.pica-history{width:100%;text-align:center;table-layout:fixed;background-color:#f9f9f9;padding:1rem 0;border-radius:.5rem;font-size:14px}.pica-history thead{border-bottom:1px solid #222;display:table;width:100%;table-layout:fixed;width:100%;height:40px;line-height:40px}.pica-history tbody{display:block;max-height:400px;overflow-y:auto;cursor:pointer}.pica-history tbody tr{border-bottom:1px solid #eaeaea;display:table;width:100%;table-layout:fixed;height:40px;line-height:30px}.pica-history tbody tr td.text-red{color:red;font-weight:700}.pica-history tbody tr td.text-blue{color:var(--bs-blue-primary);font-weight:700}.pica-history tbody tr:last-child{border-bottom:none}.success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;font-family:"NPS"}.success-message .big-tit{color:#898d95;font-size:.8rem;font-weight:900}.success-message .small-tit{color:#426eec;font-size:1rem;font-weight:bold;margin-top:.5rem;margin-bottom:1rem}.success-message .small-tit.fail{color:#f44336}.success-message .figure{width:16%;margin:1rem 0}.success-message .desc-text{color:#898d95;font-size:14px}.success-message .success-detail{padding:1.25rem;border:1px solid #ddd;border-radius:.5rem;box-shadow:0px 2px 4px 0px rgba(0,0,0,.08);width:100%;margin-top:2rem}.success-message .success-detail p{display:flex;align-items:center;justify-content:space-between;margin:1rem 0;font-size:14px}.success-message .success-detail p span.left-tit{color:#898d95}.success-message .success-detail p span.right-tit{color:#426eec;font-weight:700}.success-message .button-container{margin-top:1.5rem;display:flex;align-items:center;gap:10px}.success-message .button-container button{border:none;font-family:"nps";color:var(--bs-white);font-weight:700;padding:1rem 2rem;cursor:pointer;border-radius:.25rem}.success-message .button-container button.writing{background-color:#fac41d}.success-message .button-container button.drawing{background-color:#66bf30}.fail-message{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:40px;font-family:"NPS"}.fail-message .big-tit{color:#898d95;font-size:.8rem;font-weight:900}.fail-message .small-tit{color:#f44336;font-size:1rem;font-weight:bold;margin-top:.5rem}.fail-message figure{width:18%;margin:0 auto}.fail-message .desc-text{color:#898d95;font-size:14px}.fail-message .fail-detail{padding:1.25rem;border:1px solid #ddd;border-radius:.5rem;box-shadow:0px 2px 4px 0px rgba(0,0,0,.08);width:100%;margin-top:2rem}.fail-message .fail-detail p{display:flex;align-items:center;justify-content:space-between;font-size:14px}.fail-message .fail-detail p:nth-child(2){margin:1rem 0}.fail-message .fail-detail p span.left-tit{color:#898d95;flex-shrink:0}.fail-message .fail-detail p span.right-tit{color:#f44336;font-weight:700;word-break:break-word;white-space:pre-wrap;text-align:right}.fail-message .recharge-btn{background-color:#66bf30;border:none;font-family:"nps";color:var(--bs-white);font-weight:700;padding:1rem 2rem;cursor:pointer;border-radius:.25rem}
#wrap.profile{background:linear-gradient(180deg, rgba(250, 81, 80, 0.2) 0%, rgba(250, 81, 80, 0) 100%)}#wrap.profile .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#313131;position:relative}#wrap.profile .inner .title-container{width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin:1rem 0 2rem}#wrap.profile .inner .title-container .page-title{font-weight:700;font-size:1.5rem;text-align:center}#wrap.profile .inner .title-container figure{width:24px;position:absolute;left:0;cursor:pointer}#wrap.profile .inner .profile-container{width:100%;border-radius:.5rem;border:1px solid #8f8f8f}#wrap.profile .inner .profile-container .profile-info{width:100%;border-bottom:1px solid #8f8f8f;padding:2rem 1.25rem;display:flex;align-items:center;justify-content:space-between}#wrap.profile .inner .profile-container .profile-info:last-child{border-bottom:none}#wrap.profile .inner .profile-container .profile-info .info-left{font-weight:700}#wrap.profile .inner .profile-container .profile-info .info-right{opacity:.7}#wrap.profile .inner .review{padding:1rem;background-color:#e7e4fd;font-size:14px;margin-top:1rem;border-radius:.25rem;cursor:pointer;color:#45444f}#wrap.profile .inner .logout{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);opacity:.7;cursor:pointer;font-size:14px}#wrap.profile .inner .logout:hover{text-decoration:underline}#wrap.profile .inner .terms{display:flex;align-items:center;position:fixed;bottom:40px;left:50%;transform:translateX(-50%);opacity:.7}#wrap.profile .inner .terms .term{cursor:pointer;font-size:14px}#wrap.profile .inner .terms .term.privacy::after{content:"|";padding:0 .5rem}
.splash-wrap{background:linear-gradient(180deg, rgba(250, 81, 80, 0.2) 0%, rgba(250, 81, 80, 0) 100%);position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-in-out;opacity:1}.splash-wrap.fade-out{opacity:0}.splash-wrap .splash-inner{text-align:center}.splash-wrap .splash-inner .logo{width:150px;animation:fadeIn 1s ease-in-out}.splash-wrap .splash-inner .loading-text{color:#fff;margin-top:1rem;font-size:1.2rem;animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}

/*# sourceMappingURL=main.ab18f7c6.css.map*/