@font-face {
    font-family: 'EASTARJET-DemiLight';
    font-style: normal;
    font-weight: 300;
    src: url(/static/media/EASTARJET-DemiLight.3742faf6fddec9e248c4.eot) format('eot');
}
@font-face {
    font-family: 'EASTARJET-Medium';
    font-style: normal;
    font-weight: 500;
    src: url(/static/media/EASTARJET-Medium.428cbae08d6fceac38e0.eot) format('eot');
}
@font-face {
    font-family: 'EASTARJET-Heavy';
    font-style: normal;
    font-weight: 900;
    src: url(/static/media/EASTARJET-Heavy.ed141f2f0e85e04ba96c.eot) format('eot');
}
@font-face {
    font-family: 'Katuri';
    font-style: normal;
    font-weight: normal;
    src: url(/static/media/Katuri.6806687efa34e9ab363a.eot), url(/static/media/Katuri.ddd5b089fbfd8ed5d630.woff) format('woff');
}
@font-face {
    font-family: 'Maple';
    font-style: normal;
    font-weight: lighter;
    src: url(/static/media/MaplestoryLight.62723a08fddf0b86b9fd.eot),
        url(/static/media/MaplestoryLight.181047d24de52316389e.woff) format('woff');
}
@font-face {
    font-family: 'Maple';
    font-style: normal;
    font-weight: bold;
    src: url(/static/media/MaplestoryBold.8f9a23348f880112be98.eot),
        url(/static/media/MaplestoryBold.59b028aefdc5670c3c8b.woff) format('woff');
}

.mystorybook-section{background-color:#f3e6e7;width:100%;min-height:100vh;position:relative}.mystorybook-section .inner{max-width:90%;padding:6rem 0 3rem;position:relative}.mystorybook-section .inner .all-view-btn{width:140px;position:absolute;right:0;cursor:pointer}.mystorybook-section .inner .storybook-tit{width:200px;margin:0 auto}.mystorybook-section .inner .mybook-container{display:flex;align-items:stretch;justify-content:space-between;margin-top:1rem}.mystorybook-section .inner .mybook-container .mybook-box{background-color:var(--bs-white);padding:1rem;box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);border-radius:18px}.mystorybook-section .inner .mybook-container .mybook-box.left{width:19%;padding-top:4rem}.mystorybook-section .inner .mybook-container .mybook-box.left .category-list li.active{color:#fe8498;background:#f3e6e7}.mystorybook-section .inner .mybook-container .mybook-box.right{width:80%}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title{display:flex;align-items:center;justify-content:space-between}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title p{color:#525252;font-size:1.15rem}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title select{font-family:"Maple";font-size:16px;padding:10px 26px 10px 10px;border:1px solid #ccc;border-radius:5px;background:url(/static/media/polygon.a7c6666c234f01519701.svg) no-repeat right 10px center;background-size:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color:#d9d9d9}.mystorybook-section .inner .mybook-container .mybook-box.right .box-conts{margin-top:1rem;display:flex;align-items:center;justify-content:flex-start;gap:1.25rem;flex-wrap:wrap}.mystorybook-section .inner .mybook-container .mybook-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 3.75rem)/4)}.mystorybook-section .navigate-char{position:fixed;bottom:0;left:0;width:300px;z-index:11}@media screen and (max-width: 1439px){.mystorybook-section .inner .mybook-container .mybook-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 2.5rem)/3)}.mystorybook-section .navigate-char{width:260px}}@media screen and (max-width: 1025px){.mystorybook-section .inner{padding:6rem 0 4rem}.mystorybook-section .inner .torybook-tit{width:180px}.mystorybook-section .inner .mybook-container .mybook-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 1.25rem)/2)}.mystorybook-section .navigate-char{width:240px}}
.book-cover{width:32%;position:relative;border-radius:0px 6.448px 6.448px 0px;overflow:hidden;cursor:pointer;transition-duration:.3s}.book-cover .cover-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f8f8;display:flex;justify-content:center;align-items:center}.book-cover .spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.book-cover:hover{transform:translateY(-10px)}.book-cover .grade-tag{position:absolute;top:0;left:20px}.book-cover .grade-tag span{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);color:var(--bs-white);font-weight:900;font-size:1.5rem}.book-cover .best-title{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);text-shadow:0px 2px 4px rgba(0,0,0,.73);color:var(--bs-white);font-weight:700;text-align:center;width:100%;font-size:1.5rem;width:90%;line-height:1.4}.book-cover .book-shadow{position:absolute;top:0;left:0;background:rgba(0,0,0,.3);width:12px;height:100%}.book-cover .book-white{border-radius:1.612px;background:#fff;box-shadow:0px 1.29px 1.29px 0px rgba(0,0,0,.25);width:90%;height:10px;position:absolute;bottom:10px;right:6px}
.category-list{display:flex;flex-direction:column;gap:2.5rem}.category-list li{border-bottom:1px solid #e9e9e9;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;color:#b2b2b2;font-size:1.25rem;cursor:pointer}.category-list li.active{border-radius:8px;background:#fdf2bd;color:#fda61c;padding-top:1rem;border-bottom:none;font-weight:900;display:flex;align-items:center;justify-content:space-between}
.all-view-section{width:100%;height:100vh;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:99999}.all-view-section .inner{max-width:90%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0}.all-view-section .inner .title{width:400px}.all-view-section .inner .close-btn{width:60px;margin-left:auto;cursor:pointer}.all-view-section .inner .all-view-container{width:90%;padding:1rem;background-color:#ea8a37;padding:1rem;max-height:600px;border-radius:24px;position:relative}.all-view-section .inner .all-view-container .all-view-list{padding:1rem;height:100%;background-color:var(--bs-white);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;overflow-y:scroll;border-radius:24px}.all-view-section .inner .all-view-container .all-view-list li{width:30%}.all-view-section .inner .all-view-container .all-view-list li.selected{border:10px solid #66bf30}.all-view-section .inner .all-view-container .confirm-btn-wrapper{position:absolute;bottom:0;left:0;background-color:rgba(255,255,255,.8);width:100%;border-bottom-left-radius:24px;border-bottom-right-radius:24px;display:flex;justify-content:center;align-items:center;padding:.6rem 0}.all-view-section .inner .all-view-container .confirm-btn-wrapper .confirm-btn{width:160px;cursor:pointer}@media screen and (max-width: 1441px){.all-view-section .inner .title{width:340px}.all-view-section .inner .all-view-container{max-height:500px}}@media screen and (max-width: 1300px){.all-view-section .inner .title{width:340px}.all-view-section .inner .close-btn{margin-bottom:1rem;width:54px}.all-view-section .inner .all-view-container{width:100%}}
.button-container{display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.button-container button{border:none;background:none;font-size:1.25rem;font-family:"Maple";cursor:pointer}
.stories-section{position:relative;min-width:1340px;height:100vh;overflow:hidden;background-color:#000}.stories-section .spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.stories-section .spinner{border:4px solid rgba(0,0,0,.1);border-top:8px solid #008d69;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.stories-section .arrow-button{top:43%}.stories-section .text-music-btn{position:absolute;top:50%;right:10px;transform:scaleX(-1);width:140px;background:none;border:none;cursor:pointer}.stories-section .back-mkid{position:absolute;z-index:99;top:40px;left:40px;border:none;font-family:"Maple";font-size:30px;padding:1rem;border-radius:8px;cursor:pointer;color:#fff;background-color:#134388}.stories-section .stories-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .choice-btns{width:calc(100% - 40px);position:absolute;top:100px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between}.stories-section .choice-btns .right-btn{display:flex;flex-direction:column;align-items:flex-end}.stories-section .choice-btns .ballon{position:relative;top:-15px;padding:24px;background-color:rgba(240,240,240,.6);border-radius:10px;font-size:20px;text-align:center;font-family:"Maple"}.stories-section .choice-btns .ballon::before{content:"";position:absolute;top:100%;left:20%;margin-left:-15px;border-width:10px;border-style:solid;border-color:rgba(240,240,240,.6) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.stories-section .choice-btns .ballon.right{right:0}.stories-section .choice-btns .ballon.right::before{content:"";position:absolute;top:100%;left:90%;margin-left:-15px;border-width:10px;border-style:solid;border-color:rgba(240,240,240,.6) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.stories-section .choice-btns .btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--bs-white);background-color:salmon;padding:1.5rem;border-radius:.5rem;transition-duration:.2s}.stories-section .choice-btns .btn figure{width:24px;height:24px}.stories-section .choice-btns .btn span{font-size:24px;font-family:"Maple"}.stories-section .choice-btns .go-choice-modal{background-color:#3c3c3c}.stories-section .choice-btns .go-choice-modal:hover{background-color:#212121}.stories-section .choice-btns .open-image-modal{background-color:var(--bs-green-light)}.stories-section .choice-btns .open-image-modal:hover{background-color:var(--bs-green-primary)}.stories-section .story-contents-container{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:100%}.stories-section .story-contents-container .modify-btn-container{width:90%;margin:0 auto;padding-left:1rem}.stories-section .story-contents-container .modify-btn-container .modify-btn{font-family:"Maple";cursor:pointer;background:none;border:none;border-radius:.25rem;font-size:1rem;color:#111;width:240px}.stories-section .story-contents-container.title{position:fixed;top:50%;bottom:auto;bottom:initial;transform:translate(-50%, -50%)}.stories-section .story-contents-container .story-contents{width:90%;text-align:center;padding:0 1rem;border-radius:.4rem;margin:0 auto;font-size:1.8rem}.stories-section .story-contents-container .story-contents .origin-text{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple"}.stories-section .story-contents-container .story-contents .origin-text .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:8px #fff;z-index:-1}.stories-section .story-contents-container .story-contents.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";top:50%;padding:0;color:#fff;font-size:10rem}.stories-section .story-contents-container .story-contents.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:24px var(--bs-green-primary);z-index:-1}.stories-section .numbering{position:absolute;bottom:50px;right:50px;color:#fff;font-size:1.8rem;font-family:"Maple"}@media screen and (max-width: 1440px){.stories-section .story-contents-container .story-contents.title{font-size:6rem}}@media screen and (min-width: 1367px)and (max-width: 1440px){.stories-section{min-width:100%;width:100%;height:100vh;overflow:hidden}.stories-section .text-music-btn{width:130px}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .story-contents{width:100%;bottom:50px}.stories-section.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";bottom:none;top:50%;padding:0;transform:translate(-50%, -50%);color:#fff;font-size:6rem}.stories-section.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:20px var(--bs-green-primary);z-index:-1}}@media screen and (min-width: 1023px)and (max-width: 1366px){.stories-section{min-width:100%;width:100%;height:100vh;overflow:hidden}.stories-section .text-music-btn{width:120px}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .story-contents{width:100%;bottom:50px}.stories-section.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";bottom:none;top:50%;padding:0;transform:translate(-50%, -50%);color:#fff;font-size:6rem}.stories-section.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:20px var(--bs-green-primary);z-index:-1}}@media screen and (min-width: 901px)and (max-width: 1022px){.stories-section{min-width:100%;width:100%;height:100vh;overflow:hidden}.stories-section .text-music-btn{width:120px}.stories-section .back-mkid{position:absolute;z-index:99;top:30px;left:30px;border:none;font-family:"Maple";font-size:26px;padding:1rem;border-radius:8px;cursor:pointer;color:#fff;background-color:#134388}.stories-section .choice-btns .btn{padding:1rem}.stories-section .choice-btns .btn span{font-size:24px}.stories-section .choice-btns .ballon{padding:1rem;font-size:24px}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .story-contents{width:100%;bottom:30px}.stories-section .numbering{bottom:20px}.stories-section.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";bottom:none;top:50%;padding:0;transform:translate(-50%, -50%);color:#fff;font-size:6rem}.stories-section.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:20px var(--bs-green-primary);z-index:-1}}@media screen and (min-width: 801px)and (max-width: 900px){.stories-section{min-width:100%;width:100%;height:100vh;overflow:hidden}.stories-section .text-music-btn{width:120px}.stories-section .back-mkid{position:absolute;z-index:99;top:30px;left:30px;border:none;font-family:"Maple";font-size:26px;padding:1rem;border-radius:8px;cursor:pointer;color:#fff;background-color:#134388}.stories-section .choice-btns .btn{padding:1rem}.stories-section .choice-btns .btn span{font-size:24px}.stories-section .choice-btns .ballon{padding:1rem;font-size:24px}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .story-contents{width:100%;bottom:30px}.stories-section .numbering{bottom:20px}.stories-section.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";bottom:none;top:50%;padding:0;transform:translate(-50%, -50%);color:#fff;font-size:6rem}.stories-section.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:20px var(--bs-green-primary);z-index:-1}}@media screen and (min-width: 768px)and (max-width: 800px){.stories-section{min-width:100%;width:100%;height:100vh;overflow:hidden}.stories-section .text-music-btn{width:120px}.stories-section .back-mkid{position:absolute;z-index:99;top:30px;left:30px;border:none;font-family:"Maple";font-size:26px;padding:1rem;border-radius:8px;cursor:pointer;color:#fff;background-color:#134388}.stories-section .choice-btns .btn{padding:1rem}.stories-section .choice-btns .btn span{font-size:24px}.stories-section .choice-btns .ballon{padding:1rem;font-size:24px}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .story-contents{width:100%;bottom:30px}.stories-section .numbering{bottom:20px}.stories-section.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";bottom:none;top:50%;padding:0;transform:translate(-50%, -50%);color:#fff;font-size:6rem}.stories-section.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:20px var(--bs-green-primary);z-index:-1}}@media screen and (max-width: 767px){.stories-section{min-width:100%;width:100%;height:100vh;overflow:hidden}.stories-section .text-music-btn{width:120px}.stories-section .back-mkid{position:absolute;z-index:99;top:30px;left:30px;border:none;font-family:"Maple";font-size:26px;padding:1rem;border-radius:8px;cursor:pointer;color:#fff;background-color:#134388}.stories-section .choice-btns .btn{padding:1rem}.stories-section .choice-btns .btn span{font-size:24px}.stories-section .choice-btns .ballon{padding:1rem;font-size:24px}.stories-section .stories-bg img{height:100vh;object-fit:cover}.stories-section .story-contents{width:100%;bottom:30px}.stories-section .numbering{bottom:20px}.stories-section.title{line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";bottom:none;top:50%;padding:0;transform:translate(-50%, -50%);color:#fff;font-size:6rem}.stories-section.title .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:20px var(--bs-green-primary);z-index:-1}}
.arrow-button{width:70px;height:70px;background-color:var(--bs-green-secondary);border:none;color:var(--bs-white);border-radius:50%;font-size:1.25rem;position:fixed;top:50%;transform:translateY(-50%);transition-duration:.3s;z-index:90;cursor:pointer}.arrow-button:hover{background-color:var(--bs-green-primary)}.left{left:20px;background-color:#bfbfbf}.left:hover{background-color:#000}.right{right:20px}
.rechoice-section{width:100%;height:100vh;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:50}.rechoice-section .inner{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;position:relative}.rechoice-section .inner .close-modal-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#ffc377;border:none;border-radius:50%;cursor:pointer;padding:.8rem;position:absolute;right:20px;top:50px}.rechoice-section .inner .re-btn{width:460px;height:104px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition-duration:.3s}.rechoice-section .inner .from-beginning-btn{background-color:var(--bs-green-primary);color:var(--bs-white);font-family:"Maple";font-size:42px}.rechoice-section .inner .from-beginning-btn:hover{background-color:var(--bs-green-light)}.rechoice-section .inner .my-library-btn{background-color:#ddd;font-family:"Maple";font-size:42px}.rechoice-section .inner .my-library-btn:hover{background-color:#fff}@media(min-width: 600px)and (max-width: 1200px){.rechoice-section .inner .re-btn{width:600px;height:140px;font-size:40px}}
.landscape-modal{width:100%;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:9999;display:none}.landscape-modal .inner{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.landscape-modal .inner figure{width:50%}.landscape-modal .inner .land-txt-container{width:70%;background-color:var(--bs-white);border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.landscape-modal .inner .land-txt-container p{font-family:"Maple";font-size:2rem;margin-bottom:1rem;color:#252525;text-align:center;line-height:1.4}.landscape-modal .inner .land-txt-container button{font-family:"Maple";border:none;background-color:var(--bs-green-light);color:var(--bs-white);padding:.8rem 2rem;border-radius:4px;cursor:pointer;font-size:18px}@media(orientation: portrait){.landscape-modal{display:block}}
.error-modal-section{width:100%;height:100vh;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:999}.error-modal-section .inner{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.error-modal-section .inner .sleeping-robot{width:30%}.error-modal-section .inner .error-text-container{width:80%;background-color:var(--bs-white);padding:2rem;border-radius:.5rem;text-align:center}.error-modal-section .inner .error-text-container .main-txt{font-size:28px;margin-bottom:1rem;line-height:1.4;font-family:"Maple"}.error-modal-section .inner .error-text-container .close-btn{background-color:var(--bs-blue-primary);background-color:var(--bs-green-primary);color:var(--bs-white);display:inline-flex;cursor:pointer;font-family:"Maple";padding:.6rem 2rem;border-radius:6px}
.final-modal-section{width:100%;height:100vh;background:#000 url(/static/media/final-bg.7240cc888b50618c5e77.svg) no-repeat center/cover;position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover;object-fit:cover}.final-modal-section .name-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;font-family:"Maple";z-index:999}.final-modal-section .name-modal{background:#fff;padding:20px 30px;border-radius:12px;text-align:center;width:50%}.final-modal-section .name-modal input{width:100%;padding:10px;margin-top:10px;font-size:1.25rem;border-radius:8px;border:1px solid #ccc;font-family:"Maple"}.final-modal-section .name-modal h3{font-size:2rem}.final-modal-section .name-modal-buttons{margin-top:15px;display:flex;gap:10px;justify-content:center;font-family:"Maple"}.final-modal-section .name-modal-buttons button{padding:10px 24px;border:none;border-radius:8px;font-size:1.25rem;cursor:pointer;font-family:"Maple"}.final-modal-section .name-modal-buttons button:last-child{background-color:#ffc107}.final-modal-section .loader{border:4px solid #f3f3f3;border-top:4px solid var(--bs-green-light);border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.final-modal-section .sub-title{color:var(--bs-white);margin-bottom:3rem;opacity:.8;font-size:1.25rem;text-align:center;line-height:1.2;font-family:"Maple"}.final-modal-section .title-completed-notice{font-family:"Maple";margin-bottom:1rem;font-size:2rem;color:#f9ac00}.final-modal-section .final-title,.final-modal-section .cover-instruction-notice{text-align:center;font-size:4rem;font-weight:bold;color:var(--bs-white);margin-bottom:1.5rem;-webkit-text-stroke:1px #000;text-shadow:3px 3px rgba(0,0,0,.8);font-family:"Maple";-webkit-text-stroke:4px var(--bs-green-light)}.final-modal-section .final-title.sucess,.final-modal-section .cover-instruction-notice.sucess{animation:none;color:#fbc346;-webkit-text-stroke:0px var(--bs-green-light)}@keyframes blink{50%{opacity:0}}.final-modal-section .choose-btn-container{display:flex;justify-content:center;gap:1rem}.final-modal-section .make-buttons{padding:1rem 2rem;border:none;border-radius:.5rem;cursor:pointer;font-family:"Maple";font-size:36px}.final-modal-section .complete{padding:1rem 7.5rem;margin-top:1rem;border:none;border-radius:.5rem;background-color:rgba(0,0,0,.5);color:rgba(0,0,0,.5);font-weight:bold;cursor:pointer;font-family:"Maple";font-size:32px;width:100%}.final-modal-section .complete.on{background-color:#ffc377;color:#000;animation:bg-change .5s infinite alternate}@keyframes bg-change{100%{background-color:#f9ac00}}.final-modal-section .container-flex.reverse{display:flex;flex-direction:column-reverse;gap:1rem}.final-modal-section .container-flex.reverse .complete{opacity:.9}.final-modal-section .container-flex.reverse .choose-btn-container{margin-top:0}.final-modal-section .container-flex.reverse .choose-btn-container button{height:70px;opacity:.9}.final-modal-section .go-back{padding:1rem;position:absolute;left:20px;top:100px;font-family:"Maple";font-size:1.2rem;border-radius:4px;background-color:#d3d3d3;opacity:.9;cursor:pointer}@media(min-width: 600px)and (max-width: 1200px){.final-modal-section .sub-title{font-size:2.25rem}.final-modal-section .make-buttons{width:360px;height:100px;font-size:36px}.final-modal-section .complete{width:740px;height:100px;font-size:36px}}
.loading-section{width:100%;height:100vh;background:url(/static/media/bg-black.eb17fce54b1d195619f9.svg) no-repeat center/cover;position:absolute;z-index:999;overflow:hidden}.loading-section .music-play-btn{width:120px;position:absolute;top:70px;left:240px;border:none;background:rgba(0,0,0,0);cursor:pointer;z-index:9}.loading-section .loading-bar-container{display:flex;flex-direction:column;align-items:center;margin-top:80px;gap:1.5rem}.loading-section .loading-title{font-size:2.5rem;font-weight:bold;color:var(--bs-white);font-family:"Maple"}.loading-section .loading-title.on{color:rgba(181,181,181,.4509803922)}.loading-section .loading-title.black{color:#111}.loading-section .loading-title-sub{font-size:2.5rem;font-weight:bold;color:#fff;margin-top:-10px;font-family:"Maple"}.loading-section .loading-title-sub.on{color:rgba(181,181,181,.4509803922)}.loading-section .loading-title-sub.none{display:none}.loading-section .sub-txt{color:var(--bs-white);font-size:1.25rem;opacity:.9;font-family:"Maple"}.loading-section .sub-txt.none{display:none}.loading-section .tree-left{position:absolute;left:-50px;bottom:-80px}.loading-section .tree-left.none{display:none}.loading-section .tree-right{position:absolute;right:-50px;bottom:-60px;width:480px}.loading-section .tree-right.none{display:none}.loading-section .left-top{position:absolute;left:-30px;top:90px;width:410px}.loading-section .left-top.none{display:none}.loading-section .right-top{position:absolute;right:-50px;top:50px}.loading-section .right-top.none{display:none}.loading-section .star-1{width:60px;height:60px;position:absolute;left:200px;bottom:500px;animation:starrr 2s ease infinite alternate}.loading-section .clock{position:fixed;top:50px;right:250px;width:100px;animation:swing 2s ease-in-out infinite}.loading-section .clock .count-down{position:absolute;top:55%;left:50%;transform:translateX(-50%);font-size:32px;font-family:"Maple"}.loading-section .clock .count-down.red{color:red}.loading-section .clock::before{content:"남은시간";font-family:"Maple";font-size:18px;display:block;margin:.5rem auto;text-align:center;color:var(--bs-white)}@keyframes starrr{0%{transform:rotate(180deg)}100%{opacity:0}}.loading-section .star-2{width:40px;height:40px;position:absolute;right:50px;top:200px;animation:starrr 2s ease infinite alternate}.loading-section .animation{animation:test 1s ease infinite alternate}.loading-section .star-3{width:30px;height:30px;position:absolute;left:200px;top:100px}@keyframes test{100%{transform:rotate(1deg);transform-origin:right bottom}}.loading-section .sparkle{animation:star .8s ease infinite alternate}@keyframes star{0%{transform:rotate(180deg) scale(0);opacity:0;transform-origin:center}100%{transform:rotate(10deg) scale(1);opacity:1;transform-origin:center}}.loading-section .bubble-group{animation:bubble 3s ease infinite alternate}@keyframes bubble{0%{opacity:0;transform-origin:center}100%{opacity:1;transform-origin:center}}.loading-section .bar{animation:bar-rotate 1s ease infinite alternate}@keyframes bar-rotate{0%{transform:rotate(0.2deg);transform-origin:center}100%{transform:rotate(-0.2deg);transform-origin:center}}.loading-section .book{animation:book 1s ease infinite alternate}@keyframes book{0%{transform:rotate(10deg);transform-origin:center}100%{transform:rotate(0deg);transform-origin:center}}.loading-section .book:hover{animation-play-state:paused}.loading-section .witch{position:absolute;left:50%;transform:translateX(-50%);bottom:-210px}.loading-section .story-book{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:50%}.loading-section .brow{animation:brow 2s ease infinite alternate}@keyframes brow{0%{transform:rotate(1deg);transform-origin:top center}100%{transform:rotate(0deg);transform-origin:top center}}.loading-section .circle{animation:circle .9s ease infinite alternate}@keyframes circle{0%{opacity:.3}100%{opacity:.1}}.loading-section .star-light{position:absolute;right:280px;top:90px;z-index:0;display:none}.loading-section .star-light.none{display:none}@keyframes diagonalMove{0%{transform:translateY(0) translateX(0);opacity:0}50%{transform:translateY(-100px) translateX(100px)}100%{transform:translateY(0) translateX(0)}}.loading-section.background-changed{width:100%;height:100vh;position:absolute;z-index:999;overflow:hidden;background:url(/static/media/loading-bg.a08cd12a25fec6e5589c.svg) no-repeat center/cover}@media screen and (min-width: 1441px)and (max-width: 1540px){.loading-section .witch{bottom:-275px}.loading-section .witch .witch-svg{width:650px}.loading-section .tree-left{width:25%}.loading-section .tree-right{width:25%}}@media screen and (min-width: 1367px)and (max-width: 1440px){.loading-section .witch{bottom:-290px}.loading-section .witch .witch-svg{width:620px}.loading-section .tree-left{width:25%}.loading-section .tree-right{width:25%}}@media screen and (min-width: 1023px)and (max-width: 1366px){.loading-section .loading-bar-container{position:relative;z-index:9}.loading-section .story-book{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:70%;position:absolute;z-index:9}.loading-section .left-top{width:210px}.loading-section .right-top{width:230px}.loading-section .tree-left{width:260px}.loading-section .tree-right{width:260px}.loading-section .witch{bottom:-290px}.loading-section .witch-svg{width:620px}.loading-section .star-light{width:100px;right:130px}.loading-section .clock{right:70px;z-index:99}.loading-section .music-play-btn{top:-10px;left:120px}}@media screen and (min-width: 901px)and (max-width: 1022px){.loading-section .loading-bar-container{position:relative;z-index:9}.loading-section .story-book{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:70%;position:absolute;z-index:9}.loading-section .left-top{width:210px}.loading-section .right-top{width:230px}.loading-section .tree-left{width:260px}.loading-section .tree-right{width:260px}.loading-section .witch{bottom:-338px}.loading-section .witch-svg{width:450px}.loading-section .star-light{width:100px;right:130px}.loading-section .clock{right:70px;z-index:99;width:80px}.loading-section .music-play-btn{top:-10px;left:80px;width:100px}}@media screen and (min-width: 801px)and (max-width: 900px){.loading-section .loading-bar-container{position:relative;z-index:9}.loading-section .story-book{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:70%;position:absolute;z-index:9}.loading-section .left-top{width:210px}.loading-section .right-top{width:230px}.loading-section .tree-left{width:260px}.loading-section .tree-right{width:260px}.loading-section .witch{bottom:-338px}.loading-section .witch-svg{width:450px}.loading-section .star-light{width:100px;right:130px}.loading-section .clock{right:70px;z-index:99;width:80px}.loading-section .music-play-btn{top:-10px;left:80px;width:100px}}@media screen and (min-width: 768px)and (max-width: 800px){.loading-section .loading-bar-container{position:relative;z-index:9}.loading-section .story-book{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:70%;position:absolute;z-index:9}.loading-section .left-top{width:210px}.loading-section .right-top{width:230px}.loading-section .tree-left{width:260px}.loading-section .tree-right{width:260px}.loading-section .witch{bottom:-338px}.loading-section .witch-svg{width:450px}.loading-section .star-light{width:100px;right:130px}.loading-section .clock{right:70px;z-index:99;width:80px}.loading-section .music-play-btn{top:-10px;left:80px;width:100px}}@media screen and (max-width: 767px){.loading-section .loading-bar-container{position:relative;z-index:9}.loading-section .story-book{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:70%;position:absolute;z-index:9}.loading-section .left-top{width:210px}.loading-section .right-top{width:230px}.loading-section .tree-left{width:260px}.loading-section .tree-right{width:260px}.loading-section .witch{bottom:-338px}.loading-section .witch-svg{width:450px}.loading-section .star-light{width:100px;right:130px}.loading-section .clock{right:70px;z-index:99;width:80px}.loading-section .music-play-btn{top:-10px;left:80px;width:100px}}@media(orientation: portrait){.loading-section .clock{top:130px}.loading-section .progress-bar{width:70%;height:40px}.loading-section .music-play-btn{top:-150px}.loading-section .loading-bar-container{margin-top:0;top:30%}.loading-section .sub-txt{font-size:1.5rem}.loading-section .witch{bottom:-288px}.loading-section .witch .witch-svg{width:630px}}
.progress-bar{width:40%;height:24px;background-color:#d9d9d9;border-radius:24px;margin:0 auto;overflow:hidden}.progress-bar .progress{height:100%;background-color:#90b4e0;color:#fff;display:flex;align-items:center;justify-content:center;transition:width .6s;font-family:"Maple";border-radius:24px}
.ongoing-section{width:100%;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:100}.ongoing-section .inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ongoing-section .inner figure{width:50%;margin-bottom:1rem;animation:move .8s infinite alternate}.ongoing-section .inner .txt-container{padding:2rem 4rem;border-radius:4px;background-color:var(--bs-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.ongoing-section .inner .txt-container p{font-size:2rem;font-family:"Maple";text-align:center;line-height:1.4}.ongoing-section .inner .txt-container button{border:none;font-family:"Maple";padding:1rem 4rem;border-radius:4px;font-size:20px;cursor:pointer;background-color:var(--bs-green-light);color:var(--bs-white)}@keyframes move{100%{transform:translateY(-10px)}}
.complete-section{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:99;background-color:rgba(0,0,0,.5)}.complete-section .inner{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.complete-section .inner .blink{animation:blink 1s linear infinite}.complete-section .inner .hand{animation:up-hand .5s linear infinite alternate}.complete-section .inner .complete-character{position:relative;top:3rem}.complete-section .inner .text-container{width:100%;padding:2rem;background-color:var(--bs-white);border-radius:.5rem;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;bottom:3rem}.complete-section .inner .text-container h2{font-family:"Maple";font-size:3rem;margin-bottom:2rem;color:var(--bs-green-light)}.complete-section .inner .text-container .btn-container{display:flex;justify-content:center;gap:1rem;width:100%}.complete-section .inner .text-container .btn-container li{font-family:"Maple";font-size:1.5rem;padding:2rem;width:30%;background-color:var(--bs-green-light);text-align:center;border-radius:8px;cursor:pointer}.complete-section .inner .text-container .btn-container li:nth-child(2){background-color:#e6e7a7}@keyframes blink{50%{opacity:0}}@keyframes up-hand{100%{transform:translateY(-2px)}}@media screen and (min-width: 1441px)and (max-width: 1540px){.complete-section .inner .complete-character{top:7rem}.complete-section .inner .text-container{bottom:7rem}}@media screen and (min-width: 1367px)and (max-width: 1440px){.com-svg{width:300px}.complete-section .inner .text-container{width:90%;bottom:9rem}.complete-section .inner .text-container .btn-container li{padding:1rem}}@media screen and (min-width: 1023px)and (max-width: 1366px){.com-svg{width:300px}.complete-section .inner .text-container{width:90%;bottom:9rem}.complete-section .inner .text-container .btn-container li{padding:1rem}}@media screen and (min-width: 901px)and (max-width: 1022px){.com-svg{width:230px}.complete-section .inner .text-container{width:90%;bottom:14rem}.complete-section .inner .text-container h2{font-size:2rem;margin-bottom:1rem}.complete-section .inner .text-container .btn-container li{padding:1rem}}@media screen and (max-width: 900px){.com-svg{width:400px}.complete-section .inner .text-container{width:90%;bottom:14rem}.complete-section .inner .text-container h2{font-size:2rem;margin-bottom:1rem}.complete-section .inner .text-container .btn-container li{padding:1rem;display:flex;flex-shrink:1;align-items:center;justify-content:center}}
.choice-section{width:100%;height:100vh;background-color:rgba(0,0,0,.8);position:absolute;top:0;left:0;z-index:30}.choice-section .go-back{padding:1rem;position:absolute;left:20px;top:100px;font-family:"Maple";font-size:1.2rem;border-radius:4px;background-color:#d3d3d3;opacity:.9;cursor:pointer;z-index:30}.choice-section .inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.choice-section .inner .close-modal-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#ffc377;border:none;border-radius:50%;cursor:pointer;padding:.8rem;position:absolute;right:20px;top:50px}.choice-section .inner .question-container{margin-bottom:2rem;width:80%}.choice-section .inner .question-container .origin-text{line-height:1.3;position:relative;font-size:2.2rem;font-weight:bold;z-index:10;text-align:center;font-family:"Maple"}.choice-section .inner .question-container .origin-text .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:6px #fff;z-index:-1;text-align:center}.choice-section .inner .choice-btn-container{display:flex;width:100%;gap:2rem}.choice-section .inner .choice-btn-container .choice{width:100%;background-color:rgba(255,255,255,.9);display:flex;align-items:center;flex-direction:column;gap:0rem;padding:0rem 0rem;border-radius:.5rem;transition-duration:.3s;overflow:hidden;text-align:center;line-height:1.4}.choice-section .inner .choice-btn-container .choice figure{max-height:320px;overflow:hidden}.choice-section .inner .choice-btn-container .choice h3{font-size:3rem;font-weight:bold;font-family:"Maple";padding:2rem;flex-grow:1;display:flex;align-items:center}.choice-section .inner .choice-btn-container .choice h3.small-tit{font-size:2rem}.choice-section .inner .choice-btn-container .choice p{line-height:1.4;color:var(--text-dark);font-size:1.3rem;font-family:"Maple"}.choice-section .inner .choice-btn-container .choice:hover{background-color:var(--bs-green-light);color:var(--bs-white)}.choice-section .inner .choice-btn-container .choice:hover p{color:var(--bs-white)}.choice-section .inner .choice-btn-container .choice.choice-1{background-color:#a1cef2}.choice-section .inner .choice-btn-container .choice.choice-2{background-color:#afdfdf}.choice-section .inner .choice-btn-container .choice.border{border:10px solid #ff0}.choice-section .inner .confirm-choice-btn{background-color:var(--bs-green-light);border:none;padding:2rem 6rem;font-family:"Maple";color:var(--bs-white);border-radius:8px;margin-top:2rem;cursor:pointer;transition:background-color .5s;font-size:26px}.choice-section .inner .confirm-choice-btn:hover{background-color:var(--bs-green-primary)}@keyframes blink{0%{background-color:var(--bs-green-primary)}100%{background-color:var(--bs-green-light)}}@media screen and (min-width: 1441px)and (max-width: 1540px){.choice-section .inner .question-container .origin-text{font-size:2rem}.choice-section .inner .choice-btn-container .choice h3{font-size:2.6rem;padding:1.5rem}}@media screen and (min-width: 1367px)and (max-width: 1440px){.choice-section .inner .choice-btn-container .choice h3{font-size:2rem;padding:.5rem}.choice-section .inner .confirm-choice-btn{padding:1.5rem 5rem;font-size:22px}}@media screen and (min-width: 1023px)and (max-width: 1366px){.choice-section .inner .question-container .origin-text{font-size:2.2rem}.choice-section .inner .choice-btn-container .choice h3{font-size:2.2rem;padding:1rem}.choice-section .inner .confirm-choice-btn{padding:1.5rem 5rem;font-size:22px}}@media screen and (min-width: 901px)and (max-width: 1022px){.choice-section .inner .question-container .origin-text{font-size:2rem}.choice-section .inner .choice-btn-container .choice h3{font-size:1.8rem;padding:1rem}.choice-section .inner .confirm-choice-btn{padding:1.5rem 5rem;font-size:24px;margin-top:1.25rem}}@media screen and (min-width: 801px)and (max-width: 900px){.choice-section .inner .question-container .origin-text{font-size:1.8rem}.choice-section .inner .choice-btn-container .choice h3{font-size:1.6rem;padding:1rem}.choice-section .inner .confirm-choice-btn{padding:1.5rem 5rem;font-size:24px;margin-top:1.25rem}}@media screen and (min-width: 768px)and (max-width: 800px){.choice-section .inner .question-container .origin-text{font-size:1.8rem}.choice-section .inner .choice-btn-container .choice h3{font-size:1.6rem;padding:1rem}.choice-section .inner .confirm-choice-btn{padding:1.5rem 5rem;font-size:24px;margin-top:1.25rem}}@media screen and (max-width: 767px){.choice-section .inner .question-container .origin-text{font-size:1.8rem}.choice-section .inner .choice-btn-container .choice h3{font-size:1.6rem;padding:1rem}.choice-section .inner .confirm-choice-btn{padding:1.5rem 5rem;font-size:24px;margin-top:1.25rem}}
.image-modal-section{width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:100}.image-modal-section .close-modal-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#ffc377;border:none;border-radius:50%;cursor:pointer;padding:.8rem;position:absolute;right:20px;top:50px}.image-modal-section .modal-container{padding:1.8rem 1.25rem;width:80%;border-radius:1rem;background-color:var(--bs-white)}.image-modal-section .modal-container .modal-title{text-align:center;font-size:1.5rem;font-weight:bold;color:var(--bs-green-primary);margin-bottom:1.5rem;position:relative;font-family:"Maple"}.image-modal-section .modal-container .modal-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);display:block;width:30%;height:2px;background-color:#cacaca}.image-modal-section .modal-container .ai-image-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.image-modal-section .modal-container .ai-image-container .ai-image-box{width:48%;position:relative}.image-modal-section .modal-container .ai-image-container .ai-image-box .ai-image{width:100%;opacity:50%}.image-modal-section .modal-container .ai-image-container .ai-image-box .ai-image.selected{opacity:100%}.image-modal-section .modal-container .ai-image-container .ai-image-box .origin-text{position:absolute;top:20px;width:100%;text-align:center;font-size:2rem;font-weight:bold;z-index:10;font-family:"Maple"}.image-modal-section .modal-container .ai-image-container .ai-image-box .origin-text.new{color:#2f4f2b}.image-modal-section .modal-container .ai-image-container .ai-image-box .text-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:8px #fff;z-index:-1}.image-modal-section .modal-container .ai-image-container .ai-image-box .text-stroke.new{-webkit-text-stroke:8px #efda78}.image-modal-section .modal-container .choose-btn-container{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.image-modal-section .modal-container .choose-btn-container .class-btns{padding:1rem 1.5rem;border:none;color:var(--bs-white);border-radius:.5rem;cursor:pointer;font-family:"Maple";font-size:1.25rem}.image-modal-section .modal-container .choose-btn-container .re-make{background-color:#bfbfbf}.image-modal-section .modal-container .choose-btn-container .confirm-image{background-color:var(--bs-green-primary)}.image-modal-section .modal-container .choose-btn-container .confirm-image.disabled{background-color:#bfbfbf}@media screen and (max-width: 1440px){.image-modal-section .modal-container{width:70%}.image-modal-section .choose-btn-container .class-btns{font-size:1.4rem}}@media(orientation: portrait){.image-modal-section .modal-container .ai-image-container{flex-direction:column}.image-modal-section .modal-container .ai-image-container .ai-image-box{width:100%}}
.alert-modal{width:100%;height:100vh;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:100;overflow:hidden}.alert-modal .close-modal-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#ffc377;border:none;border-radius:50%;cursor:pointer;padding:.8rem;position:absolute;right:100px;top:50px}.alert-modal .wizard{position:absolute;left:50%;transform:translateX(-50%);top:60px}.alert-modal .pot{position:absolute;top:420px;left:50%;display:none}.alert-modal .text-container{width:50%;min-height:200px;padding:2rem;background-color:#f5f5f5;display:inline-flex;flex-direction:column;position:absolute;left:50%;transform:translateX(-50%);bottom:195px;border-radius:10px;align-items:center;justify-content:center}.alert-modal .text-container .title{font-weight:bold;font-size:1.5rem;line-height:1.2;margin-bottom:1rem;font-family:"Maple"}.alert-modal .text-container .tip{font-weight:lighter}.alert-modal .text-container p{width:100%;text-align:center;font-size:1.4rem;font-family:"Maple"}.alert-modal .btn{border:none;background-color:var(--bs-green-light);color:var(--bs-white);padding:1rem 3rem;position:absolute;left:50%;transform:translateX(-50%);bottom:120px;border-radius:4px;transition-duration:.3s;font-family:"Maple";width:20%;text-align:center;font-size:28px}.alert-modal .btn:hover{background-color:var(--bs-green-primary)}.alert-modal .arm{animation:move-arm 1s infinite alternate}@keyframes move-arm{0%{transform:rotate(1deg)}100%{transform:rotate(2deg)}}.alert-modal .bubble{animation:bubble-move .9s infinite alternate}@keyframes bubble-move{0%{transform:scale(0.9);transform-origin:center center}100%{transform:scale(1);transform-origin:center center}}@media screen and (min-width: 1367px)and (max-width: 1440px){.alert-modal .wizard{top:-30px;left:50%;transform:translateX(-50%)}.alert-modal .wizard svg{width:330px}.alert-modal .pot{display:none}.alert-modal .text-container{width:65%;bottom:135px}.alert-modal .btn{bottom:60px}}@media screen and (min-width: 1023px)and (max-width: 1366px){.alert-modal .wizard{left:50%;transform:translateX(-50%);top:-50px}.alert-modal .wizard svg{width:300px}.alert-modal .text-container{width:80%;margin-bottom:1rem;bottom:145px}.alert-modal .text-container .title{font-size:2rem;margin-bottom:1.8rem}.alert-modal .text-container .tips{font-size:1.8rem;color:#888}.alert-modal .btn{width:80%;padding:1.5rem;text-align:center;font-size:28px;bottom:70px}}@media screen and (min-width: 901px)and (max-width: 1022px){.alert-modal .wizard{left:50%;transform:translateX(-50%);top:-90px}.alert-modal .wizard svg{width:240px}.alert-modal .pot{display:none}.alert-modal .text-container{width:90%;min-height:auto;margin-bottom:1rem;padding:1rem;bottom:115px}.alert-modal .text-container .title{font-size:1.5rem;margin-bottom:1.8rem}.alert-modal .text-container .tips{font-size:1.2rem;color:#888}.alert-modal .btn{width:90%;padding:1.5rem;text-align:center;font-size:1.5rem;bottom:50px}}@media screen and (min-width: 801px)and (max-width: 900px){.alert-modal .wizard{left:50%;transform:translateX(-50%);top:-90px}.alert-modal .wizard svg{width:240px}.alert-modal .pot{display:none}.alert-modal .text-container{width:90%;min-height:auto;margin-bottom:1rem;padding:1rem;bottom:115px}.alert-modal .text-container .title{font-size:1.5rem;margin-bottom:1.8rem}.alert-modal .text-container .tips{font-size:1.2rem;color:#888}.alert-modal .btn{width:90%;padding:1.5rem;text-align:center;font-size:1.5rem;bottom:50px}}@media screen and (min-width: 768px)and (max-width: 800px){.alert-modal .wizard{left:50%;transform:translateX(-50%);top:-90px}.alert-modal .wizard svg{width:240px}.alert-modal .pot{display:none}.alert-modal .text-container{width:90%;min-height:auto;margin-bottom:1rem;padding:1rem;bottom:115px}.alert-modal .text-container .title{font-size:1.5rem;margin-bottom:1.8rem}.alert-modal .text-container .tips{font-size:1.2rem;color:#888}.alert-modal .btn{width:90%;padding:1.5rem;text-align:center;font-size:1.5rem;bottom:50px}}@media screen and (max-width: 767px){.alert-modal .wizard{left:50%;transform:translateX(-50%);top:-90px}.alert-modal .wizard svg{width:400px}.alert-modal .pot{display:none}.alert-modal .text-container{width:90%;min-height:auto;margin-bottom:1rem;padding:1rem;bottom:115px}.alert-modal .text-container .title{font-size:1.5rem;margin-bottom:1.8rem}.alert-modal .text-container .tips{font-size:1.2rem;color:#888}.alert-modal .btn{width:90%;padding:1.5rem;text-align:center;font-size:1.5rem;bottom:50px}}@media(orientation: portrait){.alert-modal .wizard{top:50%;transform:translate(-50%, -50%)}.alert-modal .text-container{bottom:30%}.alert-modal .btn{bottom:23%}}
.books-section{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:99;background:#f7f6f0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow-y:scroll;overflow-x:hidden}.books-section .music-play-btn{width:120px;position:fixed;top:40px;left:240px;border:none;background:rgba(0,0,0,0);cursor:pointer}.books-section .bookloading-title{font-size:32px;font-family:"Maple";margin-bottom:1rem;opacity:.2}.books-section .bookloading-title.on{color:var(--bs-green-light);opacity:1;font-size:40px}.books-section .bookloading-title-sub{font-size:32px;font-family:"Maple";opacity:.2}.books-section .bookloading-title-sub.on{color:var(--bs-green-light);opacity:1;font-size:40px}.books-section .progress-bar{margin:2rem 0;height:24px;border-radius:3rem}.books-section .progress-bar .progress{border-radius:3rem;font-family:"Maple"}.books-section .clock{position:fixed;top:40px;right:250px;width:100px;animation:swing 2s ease-in-out infinite}.books-section .clock .count-down{position:absolute;top:55%;left:50%;transform:translateX(-50%);font-size:32px;font-family:"Maple"}.books-section .clock .count-down.red{color:red}.books-section .clock::before{content:"남은시간";font-family:"Maple";font-size:18px;display:block;margin:.5rem auto;text-align:center}.books-section .waiting-txt{font-family:"Maple";font-size:1.5rem;margin-bottom:1rem;text-align:center;line-height:1.4}.books-section .storyland-container{position:relative;width:65%;margin:0 auto}.books-section .storyland-container .storyland-book-text{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;font-family:"Maple";font-size:2rem;width:85%;text-align:center;color:#000;line-height:1.4}.books-section .storyland-container .storyland-book-text .bg-stroke{width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:8px #fff;z-index:-1;line-height:1.4}.books-section .storyland-container .book-container{position:relative;width:100%;height:520px;overflow:hidden}.books-section .storyland-container .page{width:100%;height:100%;position:absolute;left:0;top:0}.books-section .storyland-container .page img{height:100%;object-fit:cover}.books-section .chat-bubble{width:200px;position:absolute;left:20px;bottom:240px;animation:brow-move 1s infinite alternate}.books-section .girl-left{width:16%;position:fixed;left:30px;bottom:0}.books-section .girl-left .girl-svg{width:240px}.books-section .boy-right{width:17%;position:fixed;right:40px;bottom:-10px}.books-section .boy-right figure{width:360px}.books-section .boy-right .boy-svg{width:280px}.books-section .shelf{position:fixed;bottom:0;width:10%}.books-section .shelf.book-left{left:-10px}.books-section .shelf.book-right{right:-10px}.books-section .btn-container{display:flex;align-items:center;gap:.5rem;width:65%}.books-section .btn-container .btn{width:50%;padding:.5rem;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border-radius:4px;background-color:#9adbc5}.books-section .btn-container .btn figure{background-color:#31a78f;width:30px;height:30px;padding:.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.books-section .btn-container .btn span{color:#204743;font-family:"Maple";font-size:24px}.books-section.background-changed{width:100%;height:100vh;position:absolute;z-index:999;overflow:hidden;background:url(/static/media/loading-bg.a08cd12a25fec6e5589c.svg) no-repeat center/cover}.books-section .arm{animation:move 1s infinite alternate}@keyframes move{100%{transform:rotate(1deg)}}.books-section .brow{animation:brow-move 1s infinite alternate}@keyframes brow-move{100%{transform:translateY(-2px)}}@media screen and (min-width: 1441px)and (max-width: 1540px){.books-section .bookloading-title{font-size:28px}.books-section .bookloading-title.on{font-size:32px}.books-section .bookloading-title-sub{font-size:28px}.books-section .bookloading-title-sub.on{font-size:32px}.books-section .waiting-txt{font-size:1.2rem}.books-section .progress-bar{height:20px;margin:1rem 0}.books-section .storyland-container{width:70%}.books-section .storyland-container .book-container{width:100%;height:460px}.books-section .btn-container{width:70%}.books-section .btn-container .btn{padding:.6rem}.books-section .btn-container .btn span{font-size:18px}.books-section .music-play-btn{left:60px}.books-section .clock{right:80px}.books-section .shelf{width:7%}.books-section .chat-bubble{width:200px;left:10px;bottom:200px}.books-section .girl-left{left:40px;bottom:0px}.books-section .girl-svg{width:200px}.books-section .boy-right{right:10px;bottom:-10px}.books-section .boy-svg{width:250px}}@media screen and (min-width: 1367px)and (max-width: 1440px){.books-section .bookloading-title{font-size:28px}.books-section .bookloading-title.on{font-size:32px}.books-section .bookloading-title-sub{font-size:28px}.books-section .bookloading-title-sub.on{font-size:32px}.books-section .waiting-txt{font-size:1.2rem}.books-section .progress-bar{height:20px;margin:1rem 0}.books-section .storyland-container{width:70%}.books-section .storyland-container .book-container{width:100%;height:400px}.books-section .btn-container{width:70%}.books-section .btn-container .btn{padding:.6rem}.books-section .btn-container .btn span{font-size:18px}.books-section .music-play-btn{left:60px}.books-section .clock{right:80px}.books-section .shelf{width:7%}.books-section .chat-bubble{width:200px;left:10px;bottom:200px}.books-section .girl-left{left:40px;bottom:0px}.books-section .girl-svg{width:200px}.books-section .boy-right{right:10px;bottom:-10px}.books-section .boy-svg{width:250px}}@media screen and (min-width: 1023px)and (max-width: 1366px){.books-section .shelf{width:8%}.books-section .waiting-txt{font-size:1rem}.books-section .bookloading-title{font-size:28px}.books-section .bookloading-title.on{font-size:32px}.books-section .bookloading-title-sub{font-size:28px}.books-section .bookloading-title-sub.on{font-size:32px}.books-section .btn-container .btn span{font-size:20px}.books-section .storyland-container{width:80%}.books-section .storyland-container .book-container{width:100%;margin:0 auto;height:390px}.books-section .progress-bar{margin:1rem 0;height:20px}.books-section .music-play-btn{top:40px;left:30px}.books-section .progress-bar{width:40%}.books-section .clock{top:40px;right:40px}.books-section .chat-bubble{width:160px;bottom:190px;left:10px}.books-section .girl-left{bottom:0px;left:50px}.books-section .girl-svg{width:200px}.books-section .boy-right{right:-10px;bottom:-10px}.books-section .boy-svg{width:230px}.books-section .btn-container{width:80%}}@media screen and (min-width: 901px)and (max-width: 1022px){.books-section .progress-bar{height:20px;margin:1rem 0}.books-section .storyland-container{width:100%}.books-section .bookloading-title{font-size:24px;font-family:"Maple";margin-bottom:1rem;opacity:.2}.books-section .bookloading-title.on{color:var(--bs-green-light);opacity:1;font-size:34px}.books-section .bookloading-title-sub{font-size:24px}.books-section .shelf{width:6%}.books-section .storyland-container .book-container{width:75%;height:300px;margin:0 auto}.books-section .storyland-container .storyland-book-text{width:70%;bottom:10px;font-size:1.8rem}.books-section .music-play-btn{width:100px;top:40px;left:30px}.books-section .progress-bar{width:40%}.books-section .clock{width:65px;top:40px;right:40px}.books-section .waiting-txt{font-family:"Maple";font-size:1.25rem;margin-bottom:1rem;text-align:center;line-height:1.4}.books-section .chat-bubble{width:100px;bottom:140px;left:10px}.books-section .girl-left{bottom:0px;left:10px}.books-section .girl-left .girl-svg{width:140px}.books-section .boy-right{bottom:-10px}.books-section .btn-container{width:75%}.books-section .btn-container .btn{padding:.5rem}.books-section .btn-container .btn span{font-size:20px}}@media screen and (min-width: 801px)and (max-width: 900px){.books-section .progress-bar{height:20px;margin:1rem 0}.books-section .storyland-container{width:100%}.books-section .bookloading-title{font-size:24px;font-family:"Maple";margin-bottom:1rem;opacity:.2}.books-section .bookloading-title.on{color:var(--bs-green-light);opacity:1;font-size:34px}.books-section .bookloading-title-sub{font-size:24px}.books-section .shelf{width:6%}.books-section .storyland-container .book-container{width:75%;height:300px;margin:0 auto}.books-section .storyland-container .storyland-book-text{width:70%;bottom:10px;font-size:1.8rem}.books-section .music-play-btn{width:100px;top:40px;left:30px}.books-section .progress-bar{width:40%}.books-section .clock{width:65px;top:40px;right:40px}.books-section .waiting-txt{font-family:"Maple";font-size:1.25rem;margin-bottom:1rem;text-align:center;line-height:1.4}.books-section .chat-bubble{width:100px;bottom:140px;left:10px}.books-section .girl-left{bottom:0px;left:10px}.books-section .girl-svg{width:140px}.books-section .boy-right{bottom:-10px}.books-section .btn-container{width:75%}.books-section .btn-container .btn{padding:.5rem}.books-section .btn-container .btn span{font-size:20px}}@media screen and (min-width: 768px)and (max-width: 800px){.books-section .progress-bar{height:20px;margin:1rem 0}.books-section .storyland-container{width:100%}.books-section .bookloading-title{font-size:24px;font-family:"Maple";margin-bottom:1rem;opacity:.2}.books-section .bookloading-title.on{color:var(--bs-green-light);opacity:1;font-size:34px}.books-section .bookloading-title-sub{font-size:24px}.books-section .shelf{width:6%}.books-section .storyland-container .book-container{width:75%;height:300px;margin:0 auto}.books-section .storyland-container .storyland-book-text{width:70%;bottom:10px;font-size:1.8rem}.books-section .music-play-btn{width:100px;top:40px;left:30px}.books-section .progress-bar{width:40%}.books-section .clock{width:65px;top:40px;right:40px}.books-section .waiting-txt{font-family:"Maple";font-size:1.25rem;margin-bottom:1rem;text-align:center;line-height:1.4}.books-section .chat-bubble{width:100px;bottom:140px;left:10px}.books-section .girl-left{bottom:0px;left:10px}.books-section .girl-svg{width:140px}.books-section .boy-right{bottom:-10px}.books-section .btn-container{width:75%}.books-section .btn-container .btn{padding:.5rem}.books-section .btn-container .btn span{font-size:20px}}@media screen and (max-width: 767px){.books-section .progress-bar{height:20px;margin:1rem 0}.books-section .storyland-container{width:100%}.books-section .bookloading-title{font-size:24px;font-family:"Maple";margin-bottom:1rem;opacity:.2}.books-section .bookloading-title.on{color:var(--bs-green-light);opacity:1;font-size:34px}.books-section .bookloading-title-sub{font-size:24px}.books-section .shelf{width:6%}.books-section .storyland-container .book-container{width:75%;height:300px;margin:0 auto}.books-section .storyland-container .storyland-book-text{width:70%;bottom:10px;font-size:1.8rem}.books-section .music-play-btn{width:100px;top:40px;left:30px}.books-section .progress-bar{width:40%}.books-section .clock{width:65px;right:40px}.books-section .waiting-txt{font-family:"Maple";font-size:1.25rem;margin-bottom:1rem;text-align:center;line-height:1.4}.books-section .chat-bubble{width:100px;bottom:140px;left:10px}.books-section .girl-left{bottom:0px;left:10px}.books-section .girl-svg{width:140px}.books-section .boy-right{bottom:-10px}.books-section .btn-container{width:75%}.books-section .btn-container .btn{padding:.5rem}.books-section .btn-container .btn span{font-size:20px}}@media(orientation: portrait){.books-section .storyland-container{width:90%}.books-section .storyland-container .book-container{width:100%}.books-section .btn-container{width:90%}.books-section .btn-container .btn{padding:1rem}.books-section .shelf{width:9%}.books-section .girl-left{left:180px;bottom:0px}.books-section .girl-left .girl-svg{width:160px}.books-section .chat-bubble{left:130px}.books-section .boy-right{display:block;right:210px;bottom:-10px}.books-section .boy-right .boy-svg{width:250px}}
.quiz-container{width:100%;height:100vh;background:url(/static/media/long-loading.629938dac00b53021503.svg) no-repeat bottom/cover;font-family:"Maple";position:fixed;top:0;left:0;z-index:999999999}.quiz-container .progress-bar{position:absolute;left:50%;transform:translateX(-50%);top:100px;height:30px;border-radius:50px}.quiz-container .progress-bar .progress{border-radius:50px}.quiz-container .clock{position:fixed;top:50px;right:140px;width:100px;animation:swing 2s ease-in-out infinite}.quiz-container .clock .count-down{position:absolute;top:55%;left:50%;transform:translateX(-50%);font-size:32px;font-weight:bold;font-family:"Maple"}.quiz-container .clock .count-down.red{color:red}.quiz-container .clock::before{content:"남은시간";font-size:18px;display:block;margin:.5rem auto;text-align:center;font-family:"Maple"}.quiz-container .music-play-btn{width:120px;position:absolute;top:70px;left:140px;border:none;background:rgba(0,0,0,0);cursor:pointer;z-index:9}.quiz-container .inner{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-container .inner .quiz-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-container .inner .title{font-size:3rem}.quiz-container .inner .quiz-title{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:2rem}.quiz-container .inner .quiz-main{display:flex;align-items:center;justify-content:flex-end}.quiz-container .inner .quiz-main figure{width:28%;position:fixed;left:10px;bottom:-100px}.quiz-container .inner .quiz-main .quiz-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-container .inner .quiz-main .quiz-wrap .question{margin:2rem 0;font-size:2rem;text-align:center}.quiz-container .inner .quiz-main .quiz-wrap .answer-buttons{display:flex;align-items:center;gap:1rem}.quiz-container .inner .quiz-main .quiz-wrap .answer-buttons .btn{border:none;background-color:var(--bs-white);font-family:"Maple";font-weight:900;font-size:9rem;width:300px;height:300px;cursor:pointer}.quiz-container .inner .quiz-main .quiz-wrap .answer-buttons .btn.btn-x{color:#fd7e14}.quiz-container .inner .quiz-main .quiz-wrap .answer-buttons .btn.btn-o{color:#007bff}.quiz-container .inner .feedback{margin-top:2rem}@media screen and (max-width: 1440px){.quiz-container .inner .quiz-main figure{width:20%}}
.confirm-section{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:999}.confirm-section .inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.confirm-section .inner .close-modal-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#ffc377;border:none;border-radius:50%;cursor:pointer;padding:.8rem;position:absolute;right:20px;top:50px}.confirm-section .inner .confirm-images{width:36%;margin-bottom:1.5rem;animation:book-move 1s infinite cubic-bezier(0.4, -0.06, 0.35, 1.18) alternate}.confirm-section .inner .confirm-txt-container{padding:1.5rem;background-color:var(--bs-white);width:80%;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.confirm-section .inner .confirm-txt-container .confirm-txt{text-align:center;font-family:"Maple";font-size:36px;line-height:1.4}.confirm-section .inner .confirm-txt-container .confirm-txt em{color:var(--bs-green-secondary)}.confirm-section .inner .confirm-txt-container button{border:none;font-family:"Maple";padding:1rem 1.2rem;font-size:24px;border-radius:4px;display:inline-block;width:30%;margin:0 auto;background-color:var(--bs-green-secondary);color:var(--bs-white);font-weight:lighter;transition-duration:.3s;cursor:pointer}.confirm-section .inner .confirm-txt-container button:hover{background-color:var(--bs-green-primary)}@keyframes book-move{100%{transform:translateY(-10px)}}@media screen and (min-width: 1441px)and (max-width: 1540px){.confirm-section .inner .confirm-images{width:30%;margin-bottom:1rem}}@media screen and (min-width: 1367px)and (max-width: 1440px){.confirm-section .inner .confirm-images{width:30%;margin-bottom:1rem}.confirm-section .inner .confirm-txt-container .confirm-txt{font-size:30px}}@media screen and (min-width: 1023px)and (max-width: 1366px){.confirm-section .inner .confirm-images{width:30%}.confirm-section .inner .confirm-txt-container .confirm-txt{font-size:32px}.confirm-section .inner .confirm-txt-container button{width:40%}}@media screen and (min-width: 901px)and (max-width: 1022px){.confirm-section .inner .confirm-images{width:25%}.confirm-section .inner .confirm-txt-container{padding:1rem}.confirm-section .inner .confirm-txt-container .confirm-txt{font-size:24px}.confirm-section .inner .confirm-txt-container button{width:40%}}@media screen and (max-width: 901px){.confirm-section .inner .confirm-images{width:50%}.confirm-section .inner .confirm-txt-container{padding:1rem}.confirm-section .inner .confirm-txt-container .confirm-txt{font-size:26px}.confirm-section .inner .confirm-txt-container button{width:40%}}
.backward-modal{width:100%;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:100}.backward-modal .inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.backward-modal .inner figure{width:45%;animation:move-up .8s 1s infinite alternate}.backward-modal .inner .backward-txt-container{background-color:var(--bs-white);padding:2rem;border-radius:4px}.backward-modal .inner .backward-txt-container p{font-size:36px;font-family:"Maple"}.backward-modal .inner .backward-txt-container p em{color:var(--bs-green-light)}.backward-modal .inner .backward-txt-container .btn-container{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.backward-modal .inner .backward-txt-container .btn-container button{border:none;cursor:pointer;font-family:"Maple";padding:1rem 2rem;border-radius:4px;font-size:20px}.backward-modal .inner .backward-txt-container .btn-container button.go-back{background-color:#86e3ce}.backward-modal .inner .backward-txt-container .btn-container button.on-stay{background-color:#d0e6a5}@keyframes move-up{100%{transform:translateY(10px)}}@media screen and (min-width: 1367px)and (max-width: 1440px){.backward-modal .inner figure{width:35%}}@media screen and (min-width: 1023px)and (max-width: 1366px){.backward-modal .inner figure{width:35%}}@media screen and (min-width: 901px)and (max-width: 1022px){.backward-modal .inner figure{width:35%}.backward-modal .inner .backward-txt-container p{font-size:28px}}@media screen and (max-width: 900px){.backward-modal .inner figure{width:35%}.backward-modal .inner .backward-txt-container p{font-size:28px}}@media(orientation: portrait){.backward-modal .inner figure{width:50%}.backward-modal .inner .backward-txt-container p{font-size:30px}}

.modify-section{width:100%}.modify-section .inner{max-width:95%;height:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.modify-section .inner .modify-tit{width:240px;margin-bottom:1rem}.modify-section .inner .modify-box{background:#ea8a37;width:80%;border-radius:26px;padding:1rem}.modify-section .inner .modify-container{width:100%;height:100%;background-color:var(--bs-white);border-radius:32px;display:flex;align-items:center;overflow:hidden}.modify-section .inner .modify-container .modify{width:100%;height:100%;padding:1.5rem}.modify-section .inner .modify-container .modify.left{background-color:#fdf2bd}.modify-section .inner .modify-container .modify.right .modify-area{margin-top:1rem;width:100%;height:90%;border:none;font-family:"Maple";color:#8c8b8b;font-size:1.5rem}.modify-section .inner .btn-container .confirm-btn{position:relative;margin-top:1rem;cursor:pointer}.modify-section .inner .btn-container .confirm-btn .modify-text{color:var(--bs-white);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.25rem}.modify-section .inner .btn-container .close-btn{position:relative;margin-top:1rem;cursor:pointer}.modify-section .inner .btn-container .close-btn .modify-text{color:var(--bs-white);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.25rem}
.selecting-section{background-color:#c9ebf7;width:100%;min-height:100vh;position:relative}.selecting-section .spinner-container{display:flex;justify-content:center;align-items:center;height:300px}.selecting-section .spinner-container .spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.selecting-section .inner{max-width:90%;padding:6rem 0;position:relative}.selecting-section .inner .all-view-btn{width:140px;position:absolute;right:0;cursor:pointer}.selecting-section .inner .selecting-tit{width:200px;margin:0 auto}.selecting-section .inner .selecting-container{display:flex;align-items:stretch;justify-content:space-between;margin-top:1rem}.selecting-section .inner .selecting-container .selecting-box{background-color:var(--bs-white);padding:1.25rem 1rem;box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);border-radius:18px;min-height:720px}.selecting-section .inner .selecting-container .selecting-box.left{width:28%;position:relative}.selecting-section .inner .selecting-container .selecting-box.left .before-select .left-title{border-radius:8px;background:#c9ebf7;color:#32a3e3;padding:1rem 0;font-size:1.5rem;font-weight:900;text-align:center}.selecting-section .inner .selecting-container .selecting-box.left .before-select .left-desc{line-height:2;text-align:center;margin:2rem 0;font-size:28px;font-weight:100}.selecting-section .inner .selecting-container .selecting-box.left .before-select .left-desc span{color:#4881e1;font-weight:900}.selecting-section .inner .selecting-container .selecting-box.left .before-select .char{width:240px;margin:0 auto;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .selected-story-detail-cover{position:relative;border-radius:0px 6.448px 6.448px 0px;overflow:hidden;box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);width:80%;margin:0 auto}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .selected-story-detail-cover .selected-story-title{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--bs-white);text-align:center;font-size:1.8rem;text-shadow:0px 3.095px 6.191px rgba(0,0,0,.73);font-weight:700}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .selected-story-detail-cover .book-shadow{position:absolute;top:0;left:0;background:rgba(0,0,0,.3);width:12px;height:100%}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .selected-story-detail-cover .book-white{border-radius:1.612px;background:#fff;box-shadow:0px 1.29px 1.29px 0px rgba(0,0,0,.25);width:90%;height:10px;position:absolute;bottom:10px;right:6px}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .selected-story-plot-title{font-weight:900;text-align:center;margin-top:2rem}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .selected-story-plot{text-align:center;line-height:1.6;font-size:1.15rem;margin:.8rem 0;font-size:1.25rem}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .plot-more-view{font-family:"Maple";border:none;background:none;cursor:pointer;font-size:16px;cursor:pointer;padding:1rem 2rem;background:#3d76f0;color:#fff;-webkit-text-stroke-width:3.8795416355;-webkit-text-stroke-color:#fff;font-style:normal;font-weight:500;line-height:normal;border-radius:55px;border:4px solid #fff;box-shadow:0px 1.29px 1.29px 0px #d5d5d5;transition-duration:.3s;display:flex;justify-content:center;width:50%;margin:0 auto}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .plot-more-view.expanded{background-color:#858585}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .plot-more-view.expanded:hover{background-color:#474747}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .plot-more-view:hover{background:#235ad0}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button{font-family:"Maple";border:none;background:none;cursor:pointer;font-size:18px;cursor:pointer}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button.make-btn{padding:1rem 2rem;background:#00aa7b;color:#fff;-webkit-text-stroke-width:3.8795416355;-webkit-text-stroke-color:#fff;font-style:normal;font-weight:700;line-height:normal;border-radius:55px;border:4px solid #fff;box-shadow:0px 1.29px 1.29px 0px #d5d5d5;transition-duration:.3s}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button.make-btn:hover{background:#019a6e}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button.cancel-btn{padding:1rem 2rem;background:#d5d5d5;color:#fff;-webkit-text-stroke-width:3.8795416355;-webkit-text-stroke-color:#fff;font-style:normal;font-weight:500;line-height:normal;border-radius:55px;border:4px solid #fff;box-shadow:0px 1.29px 1.29px 0px #d5d5d5;transition-duration:.3s}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button.cancel-btn:hover{background:#b5b4b4}.selecting-section .inner .selecting-container .selecting-box.right{width:70%;padding-bottom:1rem}.selecting-section .inner .selecting-container .selecting-box.right .box-title{display:flex;align-items:center;justify-content:space-between}.selecting-section .inner .selecting-container .selecting-box.right .box-title p{color:#525252;font-size:1.15rem}.selecting-section .inner .selecting-container .selecting-box.right .box-title select{font-family:"Maple";font-size:16px;padding:10px 26px 10px 10px;border:1px solid #ccc;border-radius:5px;background:url(/static/media/polygon.a7c6666c234f01519701.svg) no-repeat right 10px center;background-size:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color:#d9d9d9}.selecting-section .inner .selecting-container .selecting-box.right .box-conts{margin-top:1rem;display:flex;align-items:center;justify-content:flex-start;gap:1.25rem;flex-wrap:wrap}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 3.75rem)/4)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width: 1440px){.selecting-section .inner{padding:6rem 0 4rem}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 2.5rem)/3)}.selecting-section .inner .selecting-container .selecting-box.left{padding-bottom:1.25rem;padding-bottom:1.25rem}.selecting-section .inner .selecting-container .selecting-box.left .before-select .left-desc{font-size:24px;margin:1rem 0}.selecting-section .inner .selecting-container .selecting-box.left .before-select .char{width:260px}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .plot-more-view{width:100%}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group{flex-direction:column-reverse}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button{width:100%}}@media screen and (max-width: 1025px){.selecting-section .inner{padding:6rem 0 4rem}.selecting-section .inner .selecting-tit{width:180px}.selecting-section .inner .selecting-container .selecting-box.left{padding-bottom:1.25rem}.selecting-section .inner .selecting-container .selecting-box.left .before-select .left-title{font-size:1.2rem;line-height:1.4}.selecting-section .inner .selecting-container .selecting-box.left .before-select .left-desc{font-size:20px}.selecting-section .inner .selecting-container .selecting-box.left .before-select .char{width:180px}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group{flex-direction:column-reverse}.selecting-section .inner .selecting-container .selecting-box.left .selected-story-detail .button-group button{width:100%}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 1.25rem)/2)}}
.storyland-section{background-color:#fdf2bd;width:100%;min-height:100vh;position:relative}.storyland-section.gyeongnam{background:url(/static/media/kn-test-bg.53035d43faa68186505b.svg) no-repeat bottom/cover}.storyland-section .inner{max-width:90%;padding:6rem 0 3rem;position:relative}.storyland-section .inner .all-view-btn{width:140px;position:absolute;right:0;cursor:pointer}.storyland-section .inner .storyland-tit{width:200px;margin:0 auto}.storyland-section .inner .storyland-container{display:flex;align-items:stretch;justify-content:space-between;margin-top:1rem;gap:1rem}.storyland-section .inner .storyland-container .str-box{background-color:var(--bs-white);padding:1rem;box-shadow:0px 4px 4px 0px rgba(0,0,0,.25);border-radius:18px}.storyland-section .inner .storyland-container .str-box.left{width:19%;padding-top:4rem}.storyland-section .inner .storyland-container .str-box.right{flex:1 1}.storyland-section .inner .storyland-container .str-box.right .box-title{display:flex;align-items:center;justify-content:space-between}.storyland-section .inner .storyland-container .str-box.right .box-title p{color:#525252;font-size:1.15rem}.storyland-section .inner .storyland-container .str-box.right .box-title select{font-family:"Maple";font-size:16px;padding:10px 26px 10px 10px;border:1px solid #ccc;border-radius:5px;background:url(/static/media/polygon.a7c6666c234f01519701.svg) no-repeat right 10px center;background-size:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color:#d9d9d9}.storyland-section .inner .storyland-container .str-box.right .box-conts{margin-top:1rem;display:flex;align-items:center;justify-content:flex-start;gap:1.25rem;flex-wrap:wrap}.storyland-section .inner .storyland-container .str-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 3.75rem)/4)}.storyland-section .inner .storyland-container .str-box.right.series{max-height:710px;overflow-y:scroll}.storyland-section .navigate-char{position:fixed;bottom:0;left:0;width:300px;z-index:11}.storyland-section .navigate-char.gyeongnam{width:12vw}.storyland-section .bottom{width:100%;height:60px;background:#503925;position:absolute;bottom:0;z-index:10;margin-top:60px}@media screen and (max-width: 1439px){.storyland-section .inner .storyland-container .str-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 2.5rem)/3)}.storyland-section .navigate-char{width:260px}}@media screen and (max-width: 1025px){.storyland-section .inner{padding:6rem 0 4rem}.storyland-section .inner .storyland-tit{width:180px}.storyland-section .inner .storyland-container .str-box.right .box-conts .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 1.25rem)/2)}.storyland-section .navigate-char{width:240px}}
.series-book-list .series-group{margin:2rem 0;padding:1rem;background-color:#fdd;border-radius:1rem}.series-book-list .series-group:nth-child(even){background-color:#d1eac7}.series-book-list .series-group .series-title{font-size:1.5rem;margin-bottom:1rem}.series-book-list .series-group .series-books{display:flex;flex-wrap:wrap;gap:1rem}.series-book-list .series-group .series-books .book-cover{width:32%}@media screen and (max-width: 1240px){.series-book-list .series-group .series-books .book-cover{width:30%}}
#header{width:100%;position:fixed;top:0;left:0;z-index:100;background-color:var(--bs-white);border-bottom:1px solid #d3d3d3;transition-duration:.5s;opacity:1}#header .inner{max-width:90%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0}#header .inner .header-left{display:flex;align-items:center;gap:2rem}#header .inner .header-left .logo{cursor:pointer;width:160px}#header .inner .header-left nav ul{display:flex;align-items:center;gap:1.25rem}#header .inner .header-left nav ul li{font-size:1.1rem;cursor:pointer}#header .inner .header-left nav ul li.active{color:#ff611d;font-weight:900;border-bottom:2px solid #ff611d;padding-bottom:.25rem}#header .inner .header-right{display:flex;align-items:center;gap:.7rem}#header .inner .header-right .user-id{font-size:1.1rem;color:var(--text-dark);font-family:"Maple"}#header .inner .header-right .user-id .sir{font-weight:300;font-size:1rem}#header .inner .header-right button{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;gap:.5rem;border:1px solid #ebebeb;line-height:36px;border-radius:19px;width:98px;cursor:pointer}#header .inner .header-right button figure{width:16px}#header .inner .header-right .back-magickid-btn{width:150px;border-radius:3rem;cursor:pointer}#header .inner .header-right .storyland-btn{padding:.8rem 1.25rem;margin-right:.5rem;border-radius:30px;background-color:#00c491;color:var(--bs-white);font-size:.8rem;transition-duration:.3s;cursor:pointer;font-family:"Maple";font-size:1.25rem}#header .inner .header-right .storyland-btn:hover{background-color:#01ad7f}#header .inner .header-right .library-btn{padding:.8rem 1.25rem;margin-right:.5rem;border-radius:30px;background-color:#e6357d;color:var(--bs-white);font-size:.8rem;transition-duration:.3s;cursor:pointer;font-family:"Maple";font-size:1.25rem}#header .inner .header-right .library-btn:hover{background-color:#d63374}#header .inner .hamburger-mobile{display:none}#header .inner .hamburger-mobile button{display:flex;align-items:center;border:none;background-color:#f2b44a;gap:.4rem;padding:.8rem;border-radius:4px;cursor:pointer}#header .inner .hamburger-mobile button span{color:var(--bs-white);font-family:"Maple";font-size:1.25rem}#header .inner .ham-fixed{width:100%;height:100vh;position:fixed;top:0;right:0;background-color:var(--bs-white);padding:40px 30px}#header .inner .ham-fixed .name-container{width:100%;border-bottom:1px solid #dadada;padding-bottom:1rem;display:flex;justify-content:flex-end;align-items:flex-end;font-family:"Maple";margin:4rem 0 1rem;font-size:3rem;color:var(--bs-green-secondary)}#header .inner .ham-fixed .name-container span{font-size:1rem;color:#000}#header .inner .ham-fixed button{border:none;background:none;cursor:pointer}#header .inner .ham-fixed .close-m{position:relative;display:flex;justify-content:flex-end}#header .inner .ham-fixed .close-m button{width:3.5rem;height:3.5rem;cursor:pointer;font-size:2rem;background-color:#f2b44a;padding:1rem;border-radius:50%}#header .inner .ham-fixed .navi{padding:2rem 0rem;display:flex;flex-direction:column;gap:1rem}#header .inner .ham-fixed .navi li{font-size:1rem;cursor:pointer;font-weight:bold;padding:2rem 1rem;text-align:center}#header .inner .ham-fixed .navi li.storyland{background-color:#00c491;font-family:"Maple";font-size:1.8rem;color:var(--bs-white);border-radius:8px;font-weight:lighter}#header .inner .ham-fixed .navi li.my-library{background-color:#e6357d;font-family:"Maple";font-size:1.8rem;color:var(--bs-white);border-radius:8px;font-weight:lighter}#header .inner .ham-fixed .navi li.back-magic-kid{background-color:#1f3a79;font-family:"Maple";font-size:1.8rem;color:var(--bs-white);border-radius:8px;font-weight:lighter}#header.hovered{opacity:0}#header.hovered:hover{opacity:1}@media screen and (max-width: 1024px){#header .inner{width:90%}#header .inner .header-left nav{display:none}#header .inner .header-right .back-magickid-btn{width:190px;cursor:pointer;display:none}#header .inner .storyland-btn{padding:1rem 2rem;font-size:20px}#header .inner .library-btn{padding:1rem 2rem;font-size:20px}#header .inner .hamburger-mobile{display:block}}@media(orientation: portrait){#header .inner{width:90%}#header .inner .user-container{display:none}#header .inner .storyland-btn{padding:1rem 2rem;font-size:20px}#header .inner .library-btn{padding:1rem 2rem;font-size:20px}#header .inner .hamburger-mobile{display:block}}
footer{background-color:var(--bs-green-primary)}footer .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}footer .inner .footer-logo{width:140px}footer .inner .copy-text{font-size:14px;color:var(--bs-white);margin:1.5rem 0 2rem}footer .inner .footer-icon-container{display:flex;gap:2rem}footer .inner .footer-icon-container img{width:24px}
.expired-section{width:100%;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:999}.expired-section .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem}.expired-section .inner figure{width:40%}.expired-section .inner .expired-container{width:80%;padding:2rem;background-color:var(--bs-white);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.expired-section .inner .expired-container p{font-family:"Maple";font-size:32px;text-align:center;line-height:1.4}.expired-section .inner .expired-container button{font-family:"Maple";border:none;background:none;color:var(--bs-white);background-color:var(--bs-green-light);padding:.8rem 1.5rem;font-size:20px;border-radius:4px;cursor:pointer}@media screen and (max-width: 1440px){.expired-section .inner figure{width:25%}}
.heart{position:absolute;width:24px;height:24px;background-color:red;transform:rotate(-45deg);animation:popHeart .5s forwards;z-index:9999999}.heart::before,.heart::after{content:"";position:absolute;width:24px;height:24px;background-color:red;border-radius:50%}.heart::before{top:-12px;left:0}.heart::after{left:12px}@keyframes popHeart{0%{opacity:1;transform:scale(1) rotate(-45deg)}50%{opacity:.5;transform:scale(1.2) rotate(-45deg)}100%{opacity:0;transform:scale(0.5) rotate(-45deg)}}
.home-wrapper{width:100%;min-height:100vh;background-color:#fdf2bd;position:relative}.home-wrapper .inner{max-width:90%;padding:7rem 0}.home-wrapper .inner .seller-container{width:100%;display:flex;justify-content:space-between;display:none}.home-wrapper .inner .seller-container>*{width:47%}.home-wrapper .inner .seller-container>* .title{display:inline-flex;align-items:center;background-color:#b0561d;border-radius:12px 12px 0px 0px;color:var(--bs-white);font-size:2rem;padding:1rem}.home-wrapper .inner .seller-container>* .title span{color:#fcc92c;padding-left:.5rem}.home-wrapper .inner .seller-container>* .container{width:100%;background-color:#b0561d;border-radius:0px 12px 12px 12px;padding:.5rem}.home-wrapper .inner .seller-container>* .container .container-bg{border-radius:12px;background:#fcf9ed;padding:1rem}.home-wrapper .inner .seller-container>* .container .container-bg .more-view-btn{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;cursor:pointer}.home-wrapper .inner .seller-container>* .container .container-bg .more-view-btn p{text-align:right;font-size:1.15rem}.home-wrapper .inner .seller-container>* .container .container-bg .more-view-btn .plus-icon{display:inline-flex;width:24px;height:24px;background-color:#3f1a0a;border-radius:50%;align-items:center;justify-content:center;color:var(--bs-white)}.home-wrapper .inner .seller-container>* .container .container-bg .box-conts{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.home-wrapper .inner .seller-container .create-best{width:47%}.home-wrapper .inner .seller-container .create-best .title .light-logo{margin-right:.25rem}.home-wrapper .inner .experience-title{width:280px;margin:40px auto}.home-wrapper .inner .experience-container{position:relative;z-index:10}.home-wrapper .inner .experience-container .book-icon{position:absolute;cursor:pointer;width:35%;transition-duration:.3s}.home-wrapper .inner .experience-container .book-icon:hover{animation:move-up .5s infinite ease-in alternate}.home-wrapper .inner .experience-container .book-icon .title-figure{width:75%;margin:0 auto}.home-wrapper .inner .experience-container .book-icon.icon-1{top:-100px;left:0}.home-wrapper .inner .experience-container .book-icon.icon-1 .title-figure{width:55%}.home-wrapper .inner .experience-container .book-icon.icon-2{bottom:80px;left:50%;transform:translateX(-50%)}.home-wrapper .inner .experience-container .book-icon.icon-2 .title-figure{width:60%}.home-wrapper .inner .experience-container .book-icon.icon-2:hover{animation:moving .5s infinite ease-in alternate}.home-wrapper .inner .experience-container .book-icon.icon-3{right:100px;top:-100px;width:23%}.home-wrapper .shelf{position:absolute;bottom:99px}.home-wrapper .shelf.left{left:0}.home-wrapper .shelf.right{right:0}.home-wrapper .bottom{width:100%;height:100px;background:#503925;position:relative;z-index:10}@media screen and (max-width: 1400px){.home-wrapper .inner{padding:5rem 0}.home-wrapper .shelf{width:130px}}@media screen and (max-width: 1025px){.home-wrapper .inner{padding:7rem 0}.home-wrapper .inner .seller-container{flex-direction:column;gap:1rem}.home-wrapper .inner .seller-container>*{width:100%}.home-wrapper .inner .seller-container>* .title{font-size:1.4rem}.home-wrapper .inner .seller-container .create-best{width:100%}.home-wrapper .inner .experience-title{margin:60px auto 40px}.home-wrapper .shelf{width:100px;bottom:59px}.home-wrapper .bottom{height:60px}}@keyframes move-up{100%{transform:translateY(-20px)}}@keyframes moving{0%{bottom:80px}100%{bottom:100px}}
.shortloading-section{width:100%;height:100vh;background:rgba(0,0,0,.85);position:fixed;top:0;left:0;z-index:9999999}.shortloading-section .inner{max-width:90%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.shortloading-section .inner .loading-title{color:#fcc92c;text-align:center;font-weight:900;font-size:2rem;margin-bottom:2rem}.shortloading-section .inner .loading-char{width:25%;margin-top:2rem}.shortloading-section .inner .loading-desc{color:var(--bs-white);line-height:1.6;font-size:1.25rem;text-align:center;margin-top:3rem}
.novel-section{background-color:#fdf2bd;width:100%;min-height:100vh}.novel-section .inner{padding:5.5rem 0 0;max-width:90%}.novel-section .inner .reading-container{width:100%;position:relative}.novel-section .inner .reading-container .reading-book-bg{width:90%;margin:0 auto}.novel-section .inner .reading-container .novel-contents{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:90%;gap:2rem}.novel-section .inner .reading-container .novel-contents>*{width:45%}.novel-section .inner .reading-container .novel-contents .novel-image{aspect-ratio:1/1;overflow:hidden}.novel-section .inner .reading-container .novel-contents .novel-image img{object-fit:cover}.novel-section .inner .reading-container .novel-contents .novel-text-container{padding:1rem;aspect-ratio:1/1;position:relative}.novel-section .inner .reading-container .novel-contents .novel-text-container p{font-size:1.25rem;line-height:2;text-align:center}.novel-section .inner .reading-container .novel-contents .novel-text-container .next-page-btn{width:180px;cursor:pointer;position:absolute;bottom:10px;right:0}

/*# sourceMappingURL=main.5f31d563.css.map*/