@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");
}
@font-face {
  font-family: "GANA";
  font-style: normal;
  font-weight: normal;
  src: url(/static/media/Ghanachocolate.291ea5217ff6b064bc27.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 .mystory-btn-container{display:flex;align-items:center;gap:.5rem;position:absolute;right:0}.mystorybook-section .inner .mystory-btn-container .audiobook-make-btn{width:200px;cursor:pointer}.mystorybook-section .inner .mystory-btn-container .all-view-btn{cursor:pointer;width:140px}.mystorybook-section .inner .mystory-btn-container .cancel-audio-btn{width:140px;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:18%;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:79%;position:relative;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 15rem)}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;flex-shrink:0}.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 .audio-toggle-container{display:flex;align-items:center;gap:.75rem}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container span{font-size:1rem;color:#525252}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch{position:relative;display:inline-block;width:50px;height:26px}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch input{opacity:0;width:0;height:0}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch input:checked+.slider{background-color:#fe8498}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch input:focus+.slider{box-shadow:0 0 1px #fe8498}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch input:checked+.slider:before{transform:translateX(24px)}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch .slider.round{border-radius:34px}.mystorybook-section .inner .mybook-container .mybook-box.right .box-title .audio-toggle-container .switch .slider.round:before{border-radius:50%}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container{overflow-y:auto;flex-grow:1;padding-right:.5rem}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container::-webkit-scrollbar{width:6px}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container::-webkit-scrollbar-thumb{background:rgba(254,132,152,.5019607843);border-radius:10px}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section{margin-top:2rem;padding-top:2rem;border-top:1px dashed #f0ced4}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section:first-child{margin-top:0;padding-top:0;border-top:none}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .category-title{font-size:1.4rem;color:#fe8498;font-weight:700;margin-bottom:1.5rem;padding-left:.5rem;border-left:4px solid #fe8498}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .vertical-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .vertical-list .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 4.5rem)/4);margin-bottom:2rem}@media(max-width: 1024px){.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .vertical-list .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 1.5rem)/2)}}@media(min-width: 1025px)and (max-width: 1439px){.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .vertical-list .book-cover{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 3rem)/3)}}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .vertical-list .book-cover .book-cover-figure img{aspect-ratio:4/3;object-fit:cover}.mystorybook-section .inner .mybook-container .mybook-box.right .book-slide-list-container .category-section .vertical-list .no-data{width:100%;padding:3rem 0;text-align:center;color:#999;font-size:1.1rem}.mystorybook-section .navigate-char{position:fixed;bottom:0;left:0;width:17vw;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:17vw}}@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:17vw}}
.book-cover{width:32%;position:relative;border-radius:0px 6.448px 6.448px 0px;overflow:hidden;cursor:pointer;transition-duration:.3s}.book-cover .audiobook-badge{position:absolute;right:10px;top:10px;width:3.5vw}.book-cover .book-checkbox{position:absolute;top:12px;left:16px;z-index:10}.book-cover .book-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;width:24px;height:24px;border:2px solid #bebebe;border-radius:6px;background-color:var(--bs-white);cursor:pointer;transition:all .2s ease}.book-cover .book-checkbox input[type=checkbox]:checked{background-color:#ffcf4a;border-color:#f4b400}.book-cover .book-checkbox input[type=checkbox]:checked::after{content:"✔";display:block;text-align:center;font-size:16px;font-weight:bold;color:#000;line-height:24px}.book-cover .book-checkbox input[type=checkbox]:hover{border-color:#555}.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}
.audio-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column}.audio-modal-overlay .modal-box{display:flex;align-items:center;justify-content:center;flex-direction:column}.audio-modal-overlay .modal-box .making-arial{width:26vw}.audio-modal-overlay .modal-box p{color:var(--bs-white);font-size:2rem;font-weight:900;text-align:center;line-height:1.4}.audio-modal-overlay .modal-box p span{color:#fdf36e}.audio-modal-overlay .modal-box .modal-buttons{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.audio-modal-overlay .modal-box .modal-buttons button{border:none;background:none;width:6vw;cursor:pointer}@media screen and (max-width: 1400px){.audio-modal-overlay .modal-box .making-arial{width:36vw}.audio-modal-overlay .modal-box p{font-size:2.5rem}.audio-modal-overlay .modal-box .modal-buttons button{width:13vw}}
.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:9999;border-radius:18px;gap:16px}.loading-overlay figure{width:70%}.loading-overlay .spinner{display:flex;font-size:24px;align-items:center;gap:4px}
.stories-section{position:relative;min-width:1340px;height:100vh;overflow:hidden;background-color:#000}.stories-section .magic-logo{position:absolute;top:32px;left:32px;width:200px;z-index:2}.stories-section .making-audio-btn{position:absolute;top:80px;left:20px;width:5.5vw;cursor:pointer}.stories-section .spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:9999;border-radius:18px;gap:16px}.stories-section .spinner-container figure{width:40%}.stories-section .spinner-container figure img{max-width:100%;height:auto;object-fit:contain;display:block}.stories-section .spinner-container .spinner{display:flex;font-size:24px;align-items:center;gap:4px}@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%;transition:opacity .3s,visibility .3s}.stories-section .story-contents-container.hide{opacity:0;visibility:hidden;pointer-events:none}.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 .edit-box{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:2rem}.stories-section .story-contents-container .story-contents .edit-box .edit-textarea{width:100%;height:15vh;padding:1rem;border-radius:1rem;border:2px solid #562e15;font-family:"Maple";font-size:2rem;font-weight:bold;resize:none;background-color:rgba(255,255,255,.9);color:#333;outline:none;box-shadow:0 4px 10px rgba(0,0,0,.2);text-align:center;line-height:1.6}.stories-section .story-contents-container .story-contents .edit-box .save-btn{padding:8px 24px;background-color:#8f4f1e;color:#fff;border:none;border-radius:.5rem;font-family:"Maple";font-size:1.4rem;font-weight:bold;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.stories-section .story-contents-container .story-contents .edit-box .save-btn:hover{background-color:#8f4f1e}.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 .only-cover-toggle-btn{position:absolute;top:20px;right:20px;width:130px;background:none;border:none;padding:0;cursor:pointer;z-index:1000;transition:transform .2s}.stories-section .only-cover-toggle-btn:hover{transform:scale(1.05)}.stories-section .only-cover-toggle-btn img{width:100%;height:100%}.stories-section .story-ui-layer{transition:opacity .3s,visibility .3s}.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:999}.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}.rechoice-section .inner .share-btn{background-color:#ddd;font-family:"Maple";font-size:42px}.rechoice-section .inner .share-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}
.stories-bg{position:relative;min-height:300px;overflow:hidden}.stories-bg .spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;z-index:10;border-radius:inherit;gap:16px}.stories-bg .spinner-container figure{width:40%;margin:0 auto}.stories-bg .spinner-container figure img{max-width:100%;height:auto;object-fit:contain;display:block}.stories-bg .spinner-container .spinner{display:flex;font-size:24px;align-items:center;gap:4px;color:#fff;font-family:"Maple",sans-serif}.stories-bg img{display:block;width:100%;height:100%;object-fit:cover;background-color:#000}
.audio-creation-modal{width:100%;height:100vh;background-color:rgba(0,0,0,.85);position:fixed;top:0;left:0;z-index:9999 !important}.audio-creation-modal .inner{max-width:90%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.close-select-mode{position:fixed;top:100px;right:100px;cursor:pointer;width:2.5vw}.audio-explain-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;color:var(--bs-white);gap:1.5rem}.audio-explain-container h3{font-size:2.5rem;font-weight:900;color:#fdf36e}.audio-explain-container .step-desc{font-size:1.25rem}.audio-selection-list{display:flex;align-items:stretch;justify-content:center;gap:1rem;width:60%}.audio-selection-list.w100{width:100%}.audio-selection-list li{background-color:var(--bs-white);display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;padding:2rem;border-radius:1rem;cursor:pointer;transition-duration:.3s;position:relative;overflow:hidden}.audio-selection-list li.selected{border:10px solid #ffc400}.audio-selection-list li p{color:#494f61;font-weight:900;font-size:2rem;margin-bottom:1.5rem;text-align:center;line-height:1.4}.audio-selection-list li figure{width:100%}.audio-selection-list li .beta-tag{position:absolute;top:22px;right:-70px;transform:rotate(45deg);color:var(--bs-white);background-color:#134388;width:200px;text-align:center;padding:5px 52px}.audio-desc-text{color:var(--bs-white);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}.audio-desc-text .light-text{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.audio-desc-text .light-text figure{width:20px}.audio-desc-text .light-text h4{font-size:1.8rem;font-weight:900;color:#fdf3bb}.audio-desc-text .audio-desc{font-size:1.25rem;line-height:1.4;text-align:center;color:#dedede;white-space:pre-line}.next-btn{border:none;background:none;cursor:pointer;width:6vw;margin-top:2rem}@media screen and (max-width: 1400px){.close-select-mode{width:5vw}.audio-explain-container{gap:.875rem;margin-bottom:1rem}.audio-explain-container h3{font-size:1.5rem}.audio-selection-list{width:70%}.audio-selection-list li{padding:.8rem}.audio-selection-list li p{font-size:1rem;margin-bottom:1rem}.audio-selection-list li .beta-tag{top:10px;right:-80px;font-size:12px}.audio-desc-text{margin-top:1.5rem}.audio-desc-text .light-text h4{font-size:1.3rem}.next-btn{width:13vw;margin-top:1rem}}
.audio-explain-container .close-select-mode{position:fixed;top:100px;right:100px;cursor:pointer;width:2.5vw}.audio-explain-container.recording{position:absolute;top:100px}.audio-explain-container .recording-desc{font-size:1.5rem;text-align:center;line-height:1.4}.audio-explain-container .recording-confirm-btn{border:none;background:none;cursor:pointer;width:10vw;transition:.3s}.audio-explain-container .recording-confirm-btn:hover{animation:scaleUp .8s linear infinite alternate}.recording-character{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:30vw}@keyframes scaleUp{0%{transform:scale(1)}100%{transform:scale(1.1)}}@media screen and (max-width: 1440px){.close-select-mode{width:5vw}.audio-explain-container.recording{top:70px}.audio-explain-container .recording-confirm-btn{width:20vw}.recording-character{width:28vw}}
.re-select-btn{background:none;border:none;cursor:pointer;width:10vw;margin-top:2rem}@media screen and (max-width: 1400px){.re-select-btn{margin-top:1rem;width:16vw}}
.recording-container{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.recording-container .recording-title{width:10vw}.recording-container .recording-guide-container{width:50%;background-color:rgba(255,255,255,.7);padding:1rem;border-radius:.5rem;margin:1rem auto;position:relative}.recording-container .recording-guide-container .guide-text-close{position:absolute;top:10px;right:10px;cursor:pointer;width:1.8vw}.recording-container .recording-guide-container .guide-title{display:flex;align-items:center;justify-content:center;gap:.25rem}.recording-container .recording-guide-container .guide-title figure{width:20px}.recording-container .recording-guide-container .guide-title h3{font-weight:900;font-size:1.5rem}.recording-container .recording-guide-container .guide-desc{text-align:center;line-height:1.4;font-size:1.15rem;margin-top:1rem;color:#2a2a2a}.recording-container .sentence-box{margin:2rem auto}.recording-container .sentence-box .origin-text{text-align:center;line-height:1.6;position:relative;font-size:2.7rem;font-weight:bold;z-index:10;font-family:"Maple";white-space:pre-line}.recording-container .sentence-box .origin-text .text-stroke{text-align:center;width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:8px #fff;z-index:-1;white-space:pre-line}.recording-container .preview-controls{display:flex;justify-content:center;margin-bottom:1rem}.recording-container .preview-controls button{width:9vw}.recording-container .recording-controls .recorded-complete-text{color:var(--bs-white);font-size:2rem;text-align:center;margin-bottom:2rem;animation:scaleUp 1s linear infinite alternate;color:#fdf36e}.recording-container .recording-controls button{border:none;background:none;cursor:pointer}.recording-container .recording-controls button.record-btn{width:6vw}.recording-container .recording-controls button.complete-btn{width:11vw}.recording-container .recording-controls button.complete-btn.record-complete{width:8.5vw}.recording-container .page-counter{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:var(--bs-white)}@media screen and (max-width: 1440px){.recording-container .recording-guide-container .guide-title h3{font-size:1.25em}.recording-container .recording-guide-container .guide-desc{font-size:1rem}.recording-container .sentence-box{margin:1rem auto}.recording-container .sentence-box .origin-text{font-size:2rem}.recording-container .preview-controls button{width:17vw}.recording-container .recording-controls button.complete-btn{width:17vw}.recording-container .recording-controls button.complete-btn.retry{width:18vw}.recording-container .recording-controls .recorded-complete-text{font-size:1.35rem}}
.audio-loading-bg{width:100%;height:100vh;position:fixed;top:0;left:0;background:url(/static/media/audio-loading.50314af26a5962ace991.svg) no-repeat right 10px center;display:flex;align-items:center;justify-content:center;flex-direction:column}.audio-loading-bg .loading-flag{position:absolute;top:40px;width:15vw}.audio-loading-bg .progress-bar{position:absolute;top:150px;background-color:#ffe4d9}.audio-loading-bg .progress-bar .progress{background-color:#ffd07c;color:#715540}.audio-loading-bg .loading-text{position:absolute;top:200px;width:50vw}.audio-loading-bg .sleepLoading{position:fixed;bottom:-10px;left:50%;transform:translateX(-50%);width:70vw}
.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}
.recording-review-page{width:100%}.recording-review-page .inner .review-container{width:70%;background-color:var(--bs-white);border:10px solid #ea8a37;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.recording-review-page .inner .review-container h3{font-size:1.5rem;margin-bottom:.8rem}.recording-review-page .inner .review-container p{font-size:1.05rem;color:#4e4e4e;margin-bottom:1rem}.recording-review-page .inner .detail-accordian{display:flex;flex-direction:column;gap:1rem;max-height:520px;overflow-y:scroll}.recording-review-page .inner .detail-accordian details{padding:16px;border-radius:12px;background-color:#fff7ed;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer}.recording-review-page .inner .detail-accordian details.no-audio{background-color:#f0f0f0}.recording-review-page .inner .detail-accordian details audio{margin-top:.5rem}.recording-review-page .inner .detail-accordian details summary{line-height:1.4}.recording-review-page .inner .save-audio-book{background:none;border:none;cursor:pointer;width:10vw;margin-top:1rem}@media screen and (max-width: 1440px){.recording-review-page .inner .review-container{width:85%}.recording-review-page .inner .detail-accordian{max-height:360px}.recording-review-page .inner .save-audio-book{width:18vw}}
.save-recording-modal{width:100%}.save-recording-modal .inner .recording-title-box{width:50%;background-color:var(--bs-white);border:10px solid #ea8a37;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.save-recording-modal .inner .recording-title-box h2{font-size:1.5rem;margin-bottom:.5rem}.save-recording-modal .inner .recording-title-box p{text-align:center;line-height:1.4;color:#5e5e5e}.save-recording-modal .inner .recording-title-box input{width:100%;padding:.5rem;font-family:"Maple";font-size:1.05rem;border:1px solid #d7d7d7;border-radius:.25rem;margin:1rem auto}.save-recording-modal .inner .recording-title-box .recording-btns{display:flex;align-items:center}.save-recording-modal .inner .recording-title-box .recording-btns button{border:none;background:none;cursor:pointer;width:5vw}.save-recording-modal .inner .recording-title-box .recording-btns button.save-audio-book{width:10.8vw}@media screen and (max-width: 1440px){.save-recording-modal .inner .recording-title-box{width:85%}.save-recording-modal .inner .recording-title-box .recording-btns button.save-audio-book{width:20vw}}
.complete-audio-modal .inner .random-char{width:25vw}.complete-audio-modal .inner h2{color:var(--bs-white);font-size:2rem;margin-top:2rem}.complete-audio-modal .inner .button-group{display:flex;align-items:center;margin-top:2rem}.complete-audio-modal .inner .button-group button{border:none;background:none;cursor:pointer;width:17vw}@media screen and (max-width: 1400px){.complete-audio-modal .inner .button-group button{width:30vw}}
.result-wrap{background-color:#1e1d1d;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.result-wrap .background{width:100%;position:absolute;z-index:1}.result-wrap .captions{display:flex;flex-direction:column;align-items:flex-start;position:absolute;bottom:20px;z-index:2;width:80%}.result-wrap .captions .modify-btn{background-color:rgba(0,0,0,0);border:none;width:15vw;margin-bottom:4px}.result-wrap .captions p{color:#111;text-align:center;font-size:2.5rem;font-weight:bold;z-index:2;line-height:1.6;-webkit-text-stroke:1.5px #fff;z-index:-1}.result-wrap .captions .edit-box{width:100%;z-index:10;display:flex;flex-direction:column;gap:10px}.result-wrap .captions .edit-box .edit-textarea{width:100%;height:100px;font-size:2rem;padding:10px;border-radius:8px;line-height:1.4;border:2px solid #562e15;font-family:"Maple";background-color:rgba(255,255,255,.9);resize:vertical}.result-wrap .captions .edit-box .save-btn{padding:8px 24px;background-color:#8f4f1e;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:2rem;font-family:"Maple";align-self:flex-start}.result-wrap .captions .edit-box .save-btn:hover{background-color:#6d3a16}.result-wrap .choice-btns{width:calc(100% - 40px);position:absolute;top:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:flex-end;z-index:4}.result-wrap .choice-btns .right-btn{display:flex;flex-direction:column;align-items:flex-end}.result-wrap .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"}.result-wrap .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)}.result-wrap .choice-btns .ballon.right{right:0}.result-wrap .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)}.result-wrap .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}.result-wrap .choice-btns .btn figure{width:24px;height:24px}.result-wrap .choice-btns .btn span{font-size:24px;font-family:"Maple"}.result-wrap .choice-btns .go-choice-modal{background-color:#3c3c3c}.result-wrap .choice-btns .go-choice-modal:hover{background-color:#212121}.result-wrap .choice-btns .open-image-modal{background-color:var(--bs-green-light)}.result-wrap .choice-btns .open-image-modal:hover{background-color:var(--bs-green-primary)}.result-wrap .story-btn{position:absolute;top:50%;transform:translateY(-50%);width:6vw;height:6vw;z-index:10;transition:transform .2s}.result-wrap .story-btn:hover{transform:translateY(-50%) scale(1.1)}.result-wrap .story-btn.prev-btn{left:20px}.result-wrap .story-btn.next-btn{right:20px}.error-wrap{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#1e1d1d;color:#fff;font-size:24px;font-family:"Maple"}.novel-wrap{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:url(/static/media/novel-bg.b4e0af2f14b790fbcb71.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.novel-wrap .magic-logo{position:absolute;top:40px;left:40px;width:15vw;max-width:160px;z-index:100}.novel-wrap .novel-asset1{position:absolute;top:0;left:0%;z-index:3}.novel-wrap .novel-asset2{position:absolute;top:0;right:0%;z-index:3}.novel-wrap .novel-inner{width:90%;height:90%;display:flex;justify-content:center;align-items:center;position:relative;z-index:50;transform:translateY(-10px);overflow:visible}.novel-wrap .novel-inner .novel-frame{position:absolute;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center;background-color:#6f3c13;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);border-bottom:15px solid #50290a}.novel-wrap .novel-inner .novel-frame::before{content:"";position:absolute;width:calc(100% - 60px);height:calc(100% - 40px);background-color:#bca889;border-radius:4px;z-index:1}.novel-wrap .novel-inner .novel-frame::after{content:"";position:absolute;width:10px;height:calc(100% - 40px);left:50%;top:20px;transform:translateX(-50%);background-color:#cabcab;z-index:3;box-shadow:0 0 10px rgba(0,0,0,.2)}.novel-wrap .novel-inner .novel-frame .inner-pages{position:absolute;width:calc(100% - 100px);height:calc(100% - 60px);background-color:#fbebd4;z-index:2;border-radius:2px;display:flex;overflow:hidden}.novel-wrap .novel-inner .novel-frame .inner-pages::before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;border-right:1px solid rgba(0,0,0,.1);box-shadow:inset 10px 0 15px rgba(0,0,0,.05)}.novel-wrap .novel-inner .novel-frame .inner-pages::after{content:"";position:absolute;right:0;top:0;width:50%;height:100%;box-shadow:inset -10px 0 15px rgba(0,0,0,.05)}.novel-wrap .novel-inner .novel{position:absolute;width:calc(100% - 100px);height:calc(100% - 60px);z-index:52;display:flex;justify-content:center;align-items:center}.novel-wrap .novel-inner .novel .flipbook-container{width:100%;height:100%;position:relative;overflow:hidden}.novel-wrap .novel-inner .novel .flipbook-container>div{width:100% !important;height:100% !important}.novel-wrap .novel-inner .novel .flipbook-container .page{background-color:#fbebd4;overflow:hidden;position:relative;width:100%;height:100%}.novel-wrap .novel-inner .novel .flipbook-container .page .page-wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.novel-wrap .novel-inner .novel .flipbook-container .page.image-page img{width:100%;height:100%;object-fit:cover}.novel-wrap .novel-inner .novel .flipbook-container .page.empty-page{background-color:rgba(0,0,0,0)}.novel-wrap .novel-inner .novel .flipbook-container .page.cover-page{background-color:#000}.novel-wrap .novel-inner .novel .flipbook-container .page.cover-page .cover-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;text-align:center;font-family:"Maple";font-size:3.5rem;font-weight:900;color:#000;-webkit-text-stroke:2px #fff;text-shadow:0 4px 10px rgba(0,0,0,.3);word-break:keep-all;z-index:10;pointer-events:none}.novel-wrap .novel-inner .novel .flipbook-container .page.title-page .title-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:#fbebd4;padding:40px}.novel-wrap .novel-inner .novel .flipbook-container .page.title-page .title-content h1{font-family:"Maple";color:#4881e1;font-size:2.8rem;text-align:center;word-break:keep-all}.novel-wrap .novel-inner .novel .flipbook-container .page .text-page{width:100%;height:100%;padding:60px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.novel-wrap .novel-inner .novel .flipbook-container .page .text-page p{font-size:2.2rem;line-height:1.6;color:#333;text-align:left;word-break:keep-all;font-family:"Maple";pointer-events:none}.novel-wrap .novel-inner .novel .flipbook-container .page .text-page .page-number{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:1.2rem;color:#888;pointer-events:none}.novel-wrap .novel-inner .novel .flipbook-container .page .click-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;cursor:pointer}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:100;display:flex;justify-content:center;align-items:center;border-radius:4px}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box{background-color:#fff;padding:30px;border-radius:12px;width:80%;height:80%;box-shadow:0 10px 25px rgba(0,0,0,.2)}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box h3{font-size:2.5rem;margin-bottom:20px;color:#562e15;font-weight:700}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .edit-textarea{width:100%;height:80%;padding:15px;border:2px solid #ddd;border-radius:8px;font-size:3rem;line-height:1.4;font-family:"Maple";margin-bottom:20px;resize:none;outline:none}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .edit-textarea:focus{border-color:#c87f30}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .btn-group{display:flex;gap:10px;justify-content:flex-end}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .btn-group button{padding:10px 25px;border-radius:25px;font-size:2rem;cursor:pointer;font-family:"Maple";transition:all .2s}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .btn-group button.save-btn{background-color:#8f4f1e;color:#fff;border:none}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .btn-group button.save-btn:hover{background-color:#562e15}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .btn-group button.cancel-btn{background-color:#eee;color:#666;border:none}.novel-wrap .novel-inner .novel .flipbook-container .editing-overlay .edit-box .btn-group button.cancel-btn:hover{background-color:#ddd}.novel-wrap .novel-inner .novel .flipbook-container .change-image-btn,.novel-wrap .novel-inner .novel .flipbook-container .change-content-btn{position:absolute;z-index:101;width:10vw;height:auto;cursor:pointer;transition:opacity .3s ease}.novel-wrap .novel-inner .novel .flipbook-container .change-image-btn.flipping,.novel-wrap .novel-inner .novel .flipbook-container .change-content-btn.flipping{opacity:0;pointer-events:none}.novel-wrap .novel-inner .novel .flipbook-container .change-image-btn img,.novel-wrap .novel-inner .novel .flipbook-container .change-content-btn img{width:100%;height:100%}.novel-wrap .novel-inner .novel .flipbook-container .change-image-btn{top:20px;left:20px}.novel-wrap .novel-inner .novel .flipbook-container .change-content-btn{top:20px;right:20px}.novel-wrap .novel-left-hand{position:absolute;bottom:0;left:0;z-index:888;width:10vw;pointer-events:none;transition:opacity .3s ease}.novel-wrap .novel-left-hand.flipping{opacity:0}.novel-wrap .novel-left-hand img{width:100%}.novel-wrap .novel-right-hand{position:absolute;bottom:0;right:0;z-index:888;width:10vw;pointer-events:none;transition:opacity .3s ease}.novel-wrap .novel-right-hand.flipping{opacity:0}.novel-wrap .novel-right-hand img{width:100%}@media screen and (min-width: 768px)and (max-width: 1280px){.result-wrap .captions{width:90%}.result-wrap .captions p{font-size:1.8rem}.result-wrap .captions .modify-btn{width:20vw}.result-wrap .choice-btns{top:60px}.result-wrap .choice-btns .btn span{font-size:18px}.result-wrap .choice-btns .ballon{font-size:16px;padding:16px}.novel-wrap .novel-inner{width:95%;height:85%}.novel-wrap .novel-inner .novel-frame::before{width:calc(100% - 40px);height:calc(100% - 30px)}.novel-wrap .novel-inner .novel-frame .inner-pages{width:calc(100% - 70px);height:calc(100% - 50px)}.novel-wrap .novel-inner .novel .flipbook-container .page.cover-page .cover-title{font-size:2.5rem;-webkit-text-stroke:1.5px #fff}.novel-wrap .novel-inner .novel .flipbook-container .page.title-page .title-content h1{font-size:2rem}.novel-wrap .novel-inner .novel .flipbook-container .page .text-page{padding:40px 30px}.novel-wrap .novel-inner .novel .flipbook-container .page .text-page p{font-size:1.6rem;line-height:1.5}}.book-shelf-cover{position:absolute;top:0;left:0;width:100vw;height:100vh;background:url(/static/media/bg.b4e0af2f14b790fbcb71.svg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1000;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .6s ease-in-out,visibility .6s,transform .6s ease-in-out;transform:scale(1)}.book-shelf-cover.opened{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.1)}.book-shelf-cover .only-cover-toggle-btn{position:absolute;top:20px;right:20px;width:200px;background:none;border:none;padding:0;cursor:pointer;z-index:100;transition:transform .2s}.book-shelf-cover .only-cover-toggle-btn:hover{transform:scale(1.05)}.book-shelf-cover .only-cover-toggle-btn img{width:100%;height:100%}.book-shelf-cover .result-book-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:translate(2%, -5%)}.book-shelf-cover .result-book-container .result-book{position:absolute;width:70vh;aspect-ratio:1/1;background-color:#723d1d;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:10px 10px 20px rgba(0,0,0,.3)}.book-shelf-cover .result-book-container .result-book .cover-content{width:100%;height:100%;position:relative}.book-shelf-cover .result-book-container .result-book .cover-content img{width:100%;height:100%;object-fit:cover}.book-shelf-cover .result-book-container .result-book .cover-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1)}.book-shelf-cover .result-book-container .result-book .cover-content .novel-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:85%;text-align:center;z-index:2;font-size:64px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.5);word-break:keep-all;font-family:"Maple";transition:opacity .3s,visibility .3s}.book-shelf-cover .result-book-container .result-book .cover-content .novel-title.hide{opacity:0;visibility:hidden}.book-shelf-cover .result-book-container .result-book-left{position:absolute;left:calc(50% - 35vh - 13vh + 3vh);width:13vh;top:15vh;height:calc(70vh + 4vh);z-index:5}.book-shelf-cover .result-book-container .result-book-left img{width:100%;height:100%}.book-shelf-cover .result-book-container .result-book-bottom{position:absolute;left:calc(50% - 35vh - 13vh + 4.6vh);top:calc(50% + 35vh - 1px);width:calc(70vh + 13vh - 4vh);z-index:5}.book-shelf-cover .result-book-container .result-book-bottom img{width:100%}@media screen and (min-width: 768px)and (max-width: 1280px){.book-shelf-cover .result-book-container .result-book{width:55vh}.book-shelf-cover .result-book-container .result-book .cover-content .novel-title{font-size:42px}.book-shelf-cover .result-book-container .result-book-left{left:calc(50% - 27.5vh - 10vh + .4vh);width:10vh;height:calc(55vh + 1.5vh);top:auto}.book-shelf-cover .result-book-container .result-book-bottom{left:calc(50% - 27.5vh - 10vh + 1vh);top:calc(50% + 27.5vh - 1px);width:calc(55vh + 10vh - 1vh)}}.flipbook-fade-in-wrapper{animation:flipbookFadeIn .8s ease-in-out forwards;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@keyframes flipbookFadeIn{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}
.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}}
.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%}}
.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 .modify-container .warning{color:red;margin-top:8px;line-height:1.4}.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:stretch;justify-content:flex-start;gap:1.25rem;flex-wrap:wrap}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .create-story-btn{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 3.75rem)/4);display:flex;justify-content:center;align-items:center;border-radius:16px;cursor:pointer;transition:all .25s ease}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .create-story-btn:hover{transform:translateY(-4%)}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .create-story-btn:active{transform:translateY(-2px) scale(0.98)}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .create-story-btn button{border:none;width:100%;height:100%;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;overflow:hidden;border-radius:16px;cursor:pointer}.selecting-section .inner .selecting-container .selecting-box.right .box-conts .create-story-btn button img{width:100%;height:100%;object-fit:cover}.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 .create-story-btn{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 2.5rem)/3)}.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 .create-story-btn{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 1.25rem)/2)}.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;position:relative;right:0}.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}#header.share{display:none}@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}}
.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}
.audio-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.audio-modal-backdrop button{border:none;background:none;cursor:pointer}.audio-modal-backdrop .audio-modal{background:#fff;padding:1.25rem;border-radius:16px;width:40%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 20px rgba(0,0,0,.2);position:relative;border:10px solid #ea8a37}.audio-modal-backdrop .delete-mode-btn{position:absolute;top:10px;left:6px;width:6.25vw}.audio-modal-backdrop .audio-select-title{text-align:center;padding-top:2rem}.audio-modal-backdrop .audio-select-title h2{font-size:1.5rem}.audio-modal-backdrop .audio-select-title p{color:#747474;margin-top:.7rem}.audio-modal-backdrop .audio-list{margin-top:2rem;max-height:400px;overflow-y:scroll}.audio-modal-backdrop .audio-list .audio-item{padding:.75rem;border-bottom:1px solid #ddd;cursor:pointer}.audio-modal-backdrop .audio-list .audio-item:hover{background-color:#f5f5f5}.audio-modal-backdrop .audio-list .audio-item label{display:flex;align-items:center}.audio-modal-backdrop .audio-list .audio-item label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #ea8a37;border-radius:4px;margin-right:10px;cursor:pointer;position:relative;background-color:#fff;transition:background .2s ease}.audio-modal-backdrop .audio-list .audio-item label input[type=checkbox]:checked{background-color:#ea8a37}.audio-modal-backdrop .audio-list .audio-item label input[type=checkbox]:checked::after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%, -52%);font-size:14px;color:#fff}.audio-modal-backdrop .audio-list .audio-item label span{display:inline-block;flex:1 1}.audio-modal-backdrop .audio-list .audio-item .audio-meta{margin-top:.5rem}.audio-modal-backdrop .audio-list .audio-item .audio-meta span{color:#7a7a7a}.audio-modal-backdrop .audio-list .audio-item .audio-meta span:first-child{padding-right:.5rem}.audio-modal-backdrop .audio-list .audio-item.selected{background-color:#fff2e5}.audio-modal-backdrop .modal-buttons{display:flex;align-items:center;justify-content:flex-end;margin-top:2rem}.audio-modal-backdrop .modal-buttons .audio-close-btn{width:5vw}.audio-modal-backdrop .modal-buttons .audio-read-btn{width:9.5vw}.audio-modal-backdrop .modal-buttons .delete-audio-btn{width:12vw}@media screen and (max-width: 1440px){.audio-modal-backdrop .delete-mode-btn{width:14vw}.audio-modal-backdrop .audio-modal{width:85%}.audio-modal-backdrop .modal-buttons .audio-close-btn{width:12vw}.audio-modal-backdrop .modal-buttons .audio-read-btn{width:24vw}.audio-modal-backdrop .modal-buttons .delete-audio-btn{width:24vw}}
.wrap{width:100vw;height:100vh}.wrap .home{position:absolute;top:40px;left:40px;cursor:pointer;z-index:4;width:4vw}.wrap .divider{height:1px;width:90%;background-color:#838383;margin:0 auto}@media screen and (min-width: 768px)and (max-width: 1280px){.wrap .home{width:6vw;top:20px;left:20px}}
.arial-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/static/media/arial-bg.c825a876d22ee1593d00.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.arial-wrap .arial-title{position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:35vw;z-index:3}.arial-wrap .arial-title p{text-align:center;font-size:46px;font-weight:700;color:#fff;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, 0%);width:100%;word-break:keep-all}.arial-inner{position:relative;width:100%;height:80%;z-index:2;display:flex;justify-content:center;align-items:center;background-color:#5f3318}.arial-inner .arial-contents{position:absolute;width:98%;height:96%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:10px}.arial-inner .arial-contents::-webkit-scrollbar{display:none}.arial-inner .arial-contents .question-wrap{display:flex;flex-direction:column;align-items:center;width:100%;height:70%;overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.arial-inner .arial-contents .question-wrap::-webkit-scrollbar{display:none}.arial-inner .arial-contents .question-wrap .question{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;height:100%;min-height:100%;scroll-snap-align:start;flex-shrink:0}.arial-inner .arial-contents .question-wrap .question h3{font-size:36px;color:#471e1e;margin-bottom:30px;font-weight:700}.arial-inner .arial-contents .question-wrap .question .options{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:24px;gap:24px;margin-top:30px;width:80%}.arial-inner .arial-contents .question-wrap .question .options li{border:6px solid rgba(0,0,0,0);border-radius:20px;cursor:pointer;transition:all .2s;gap:16px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:10px;transform:scale(1)}.arial-inner .arial-contents .question-wrap .question .options li:hover{transform:scale(1.2)}.arial-inner .arial-contents .question-wrap .question .options li.action p .num::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70px;height:70px;background-image:url(/static/media/circle.22dbd48968db3d0bebb5.svg);background-size:contain;background-repeat:no-repeat;z-index:1;pointer-events:none}.arial-inner .arial-contents .question-wrap .question .options li p{font-size:32px;font-weight:700;color:#111;text-align:center;line-height:1.4;display:flex;align-items:center;gap:12px}.arial-inner .arial-contents .question-wrap .question .options li p .num{display:flex;align-items:center;justify-content:center;font-size:32px;color:#111;flex-shrink:0;transition:all .2s;font-family:"Maple";line-height:1;position:relative;z-index:2}.arial-inner .arial-contents .question-wrap .question .custom-input-section{width:80%;margin-top:30px;display:flex;flex-direction:column;align-items:center;background:rgba(255,238,225,.4);padding:30px;border-radius:20px}.arial-inner .arial-contents .question-wrap .question .custom-input-section .custom-guide{font-size:28px;font-weight:700;color:#471e1e;margin-bottom:20px;width:100%;text-align:center}.arial-inner .arial-contents .question-wrap .question .custom-input-section .custom-input-box{width:85%;display:flex;justify-content:center}.arial-inner .arial-contents .question-wrap .question .custom-input-section .custom-input-box input{width:100%;padding:16px 24px;font-size:22px;border:none;border-radius:10px;outline:none;font-family:"Maple";background-color:#fff;color:#111;text-align:left}.arial-inner .arial-contents .question-wrap .question .custom-input-section .custom-input-box input::placeholder{color:#d2cbcb}.arial-inner .arial-contents .question-wrap .question .custom-input-section .custom-input-box input:focus{box-shadow:0 0 0 3px rgba(95,51,24,.2)}.arial-inner .arial-contents .question-wrap .question .custom-input-section .custom-example{width:85%;text-align:left;margin-top:15px;font-size:24px;font-weight:700;color:#471e1e}.arial-inner .arial-contents .btns{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}.arial-inner .arial-contents .btns .prev-btn{cursor:pointer;width:8vw}.arial-inner .arial-contents .btns .prev-btn img{object-fit:contain}.arial-inner .arial-contents .btns .next-btn{cursor:pointer;width:10vw;margin-top:0px}.arial-inner .arial-contents .btns .next-btn img{object-fit:contain}.arial-asset1{position:absolute;top:0%;left:20%;width:5vw;z-index:3;transform:translate(0%, -20%)}.arial-asset2{position:absolute;top:0%;right:20%;width:5vw;z-index:3;transform:translate(0%, -20%)}.arial-bottom{position:absolute;width:100vw;bottom:0;left:50%;transform:translate(-50%, 50%);z-index:3}.custom-arial{width:30vw;position:absolute;bottom:0;left:2%;z-index:4}@media screen and (max-width: 1280px){.arial-wrap .arial-title{width:50vw}.arial-wrap .arial-title p{font-size:28px;word-break:keep-all}.arial-inner{width:92%;height:85%;border-width:10px}.arial-inner .arial-contents .question-wrap .question h3{font-size:28px}.arial-inner .arial-contents .question-wrap .question .options{width:90%;grid-template-columns:repeat(2, 1fr);gap:16px}.arial-inner .arial-contents .question-wrap .question .options li.custom-li .custom-input-box{width:100%}.arial-inner .arial-contents .question-wrap .question .options li.custom-li .custom-input-box input{font-size:18px;padding:10px 16px}.arial-inner .arial-contents .question-wrap .question .options li p{font-size:24px}.arial-inner .arial-contents .btns .prev-btn{width:12vw}.arial-inner .arial-contents .btns .next-btn{width:15vw}.custom-arial{width:40vw;left:-5%}}
.select-progress{position:absolute;width:21vw;height:35px;z-index:5;right:4%;top:2%}.select-progress progress{width:100%;height:100%;-webkit-appearance:none;appearance:none;border:none}.select-progress progress::-webkit-progress-bar{background-color:#fff8e1;border-radius:30px;border:none;overflow:hidden}.select-progress progress::-webkit-progress-value{background-color:#ffaf18;border-radius:30px}.select-progress progress::-moz-progress-bar{background-color:#ffaf18;border-radius:30px}.select-progress p{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:20px;font-weight:700;color:#5e3c16;z-index:2;margin:0}.select-progress figure{position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:5vw;z-index:3;margin:0}@media screen and (min-width: 768px)and (max-width: 1280px){.select-progress{width:30vw;height:25px;top:10%;right:2%}.select-progress p{font-size:16px}.select-progress figure{width:5vw;right:-20px}}
.niki-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/static/media/niki-bg.92559e846cf9459fe0c1.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.niki-wrap .niki-title{position:absolute;top:1%;left:50%;transform:translate(-50%, 0);width:37vw;z-index:3}.niki-wrap .niki-title p{text-align:center;font-size:46px;font-weight:700;color:#fff;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;word-break:keep-all}.niki-wrap .niki-inner{position:relative;width:95%;height:80%;border:14px solid #c87f30;background-color:#fff;border-radius:26px;z-index:2;margin-bottom:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.niki-wrap .niki-inner h3{font-size:36px;font-weight:700;color:#471e1e;margin-bottom:30px}.niki-wrap .niki-inner .btns .niki-next{cursor:pointer;position:absolute;bottom:2%;right:2.5%;width:9vw}.niki-wrap .niki-inner .btns .niki-prev{cursor:pointer;position:absolute;bottom:2%;right:12.5%;width:9vw}.niki-wrap .niki-bottom{position:absolute;width:130vw;bottom:0;left:50%;transform:translate(-50%, 60%);z-index:3}.niki-wrap .custom-niki{width:30vw;position:absolute;bottom:0;left:2%;z-index:4}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (min-width: 768px)and (max-width: 1280px){.niki-wrap .niki-title{width:50vw}.niki-wrap .niki-title p{font-size:32px}.niki-wrap .niki-inner{width:92%;height:85%;border-width:10px}.niki-wrap .niki-inner h3{font-size:28px;margin-bottom:20px}.niki-wrap .niki-inner .btns .niki-next,.niki-wrap .niki-inner .btns .niki-prev{width:12vw}.niki-wrap .niki-inner .btns .niki-prev{right:16%}.niki-wrap .custom-niki{width:40vw;left:-5%}}
.picture-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.picture-box h3{font-size:36px;font-weight:700;color:#471e1e;margin-bottom:12px}.picture-box p{font-size:24px;color:#828282;margin-bottom:30px}.picture-box .upload-area{width:80%;height:60%;background-color:#f2f2f2;border:2px dashed #cecece;border-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;margin-bottom:30px}.picture-box .upload-area .preview{width:100%;height:100%}.picture-box .upload-area .preview img{width:100%;height:100%;object-fit:contain}.picture-box .upload-area .placeholder{display:flex;flex-direction:column;align-items:center;gap:16px}.picture-box .upload-area .placeholder figure{width:100px}.picture-box .upload-area .placeholder p{margin:0;font-size:24px;color:#111;font-weight:700}.picture-box .upload-area .placeholder span{color:red;font-weight:500;font-size:18px}.picture-box .upload-btn{background-color:#f9be06;padding:16px 48px;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:20px}.picture-box .upload-btn figure{width:3vw;margin:0}.picture-box .upload-btn p{margin:0;font-size:40px;color:#111;font-weight:700;font-family:"Maple"}@media screen and (min-width: 768px)and (max-width: 1280px){.picture-box h3{font-size:28px}.picture-box p{font-size:18px}.picture-box .upload-area{height:50%}.picture-box .upload-btn{padding:12px 32px}.picture-box .upload-btn p{font-size:28px}.picture-box .upload-btn figure{width:5vw}}
.story-list{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px;max-height:400px;overflow-y:auto;width:85%;margin-bottom:30px;padding:10px}.story-list li{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 16px);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease-in-out;border:6px solid rgba(0,0,0,0);border-radius:20px;padding:10px}.story-list li.action{transform:scale(0.95);border:6px solid #e74416}.story-list li figure{width:15vw;aspect-ratio:1/1;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.story-list li figure img{width:100%;height:100%;object-fit:contain}.story-list li p{margin-top:16px;font-size:28px;font-weight:400;color:#000;text-align:center;word-break:keep-all;line-height:1.2}.story-list::-webkit-scrollbar{display:none}.scroll-indicator{display:flex;align-items:center;flex-direction:column;gap:4px;font-family:"Maple";font-size:24px;color:#111;font-weight:400;animation:bounce 1s infinite;position:absolute;bottom:5%}.scroll-indicator img{width:1.5vw}.gender-list{margin-top:30px;display:flex;justify-content:center;flex-wrap:nowrap;gap:24px;width:100%;margin-bottom:80px}.gender-list li{flex:0 0 auto;width:25vw;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease-in-out;border:6px solid rgba(0,0,0,0);border-radius:20px;padding:10px}.gender-list li.action{transform:scale(0.95);border:6px solid #e74416}.gender-list li figure{width:19vw;aspect-ratio:1/1;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.gender-list li figure img{width:100%;height:100%;object-fit:contain}.gender-list li p{margin-top:32px;font-size:40px;font-weight:700;color:#000;text-align:center;word-break:keep-all}.gender-list::-webkit-scrollbar{display:none}.genre-list{margin-top:30px;display:flex;justify-content:center;flex-wrap:nowrap;gap:24px;width:100%;margin-bottom:80px}.genre-list li{flex:0 0 auto;width:35vw;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease-in-out;border:6px solid rgba(0,0,0,0);border-radius:20px;padding:10px}.genre-list li.action{transform:scale(0.95);border:6px solid #e74416}.genre-list li figure{width:30vw;aspect-ratio:2/1;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.genre-list li figure img{width:100%;height:100%;object-fit:contain}.genre-list li p{margin-top:32px;font-size:40px;font-weight:700;color:#000;text-align:center;word-break:keep-all}.genre-list::-webkit-scrollbar{display:none}.name-input-box{display:flex;flex-direction:column;align-items:center;width:100%}.name-input-box h3{font-size:36px;font-weight:700;color:#471e1e;margin-bottom:18px}.name-input-box p{font-size:30px;font-weight:300;color:#471e1e;margin-bottom:36px}.name-input-box .input-wrap{width:80%;border:1px solid #cdcdcd;background-color:#f2f2f2;border-radius:20px}.name-input-box .input-wrap input{width:100%;border:none;background:none;outline:none;font-size:48px;font-weight:700;text-align:center;color:#111;padding:64px 0;font-family:"Maple"}.name-input-box .input-wrap input::placeholder{color:#cecece}@media screen and (min-width: 768px)and (max-width: 1280px){.story-list{width:90%}.story-list li{flex-grow:0;flex-shrink:0;flex-basis:calc(33.33% - 16px)}.story-list li figure{width:22vw}.story-list li p{font-size:20px;margin-top:10px}.gender-list{width:100%;margin-bottom:40px;flex-wrap:nowrap}.gender-list li{width:30vw}.gender-list li figure{width:25vw}.gender-list li p{font-size:24px;margin-top:16px}.genre-list{width:100%;flex-wrap:nowrap}.genre-list li{width:38vw}.genre-list li figure{width:34vw}.genre-list li p{font-size:28px}.name-input-box h3{font-size:28px}.name-input-box p{font-size:22px}.name-input-box .input-wrap input{font-size:36px;padding:40px 0}}
.final-modal-section{width:100%;height:100vh;background:#000 url(/static/media/bg.b4e0af2f14b790fbcb71.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,.8);display:flex;justify-content:center;align-items:center;font-family:"Maple";z-index:2000}.final-modal-section .name-modal{background:#fff;padding:40px;border-radius:20px;text-align:center;width:50%;min-width:400px}.final-modal-section .name-modal input{width:100%;padding:15px;font-size:24px;border-radius:10px;border:2px solid #c6742a;margin-bottom:30px;text-align:center;font-family:"Maple"}.final-modal-section .name-modal h3{font-size:28px;margin-bottom:20px;color:#723d1d;font-family:"Maple"}.final-modal-section .name-modal-buttons{margin-top:15px;display:flex;gap:20px;justify-content:center;font-family:"Maple"}.final-modal-section .name-modal-buttons button{padding:15px 40px;border:none;border-radius:10px;font-size:20px;cursor:pointer;font-family:"Maple";transition:opacity .2s}.final-modal-section .name-modal-buttons button:hover{opacity:.8}.final-modal-section .name-modal-buttons button.cancel{background-color:#eee;color:#333}.final-modal-section .name-modal-buttons button.save{background-color:#c6742a;color:#fff}.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:1.5rem;flex-wrap:wrap}.final-modal-section .make-buttons{padding:1rem 2.5rem;border:none;border-radius:.5rem;cursor:pointer;font-family:"Maple";font-size:32px;transition:all .2s}.final-modal-section .make-buttons:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.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}}
.novel-final-modal-wrap{width:100vw;height:100vh;background:url(/static/media/bg.b4e0af2f14b790fbcb71.svg);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;top:0;left:0;z-index:1000}.novel-final-modal-wrap .result-book-container{position:absolute;width:50%;left:0;height:100%;display:flex;justify-content:center;align-items:center}.novel-final-modal-wrap .result-book-container .result-book{position:absolute;left:calc(50% - 35vh + 5vh);top:45%;transform:translateY(-50%);width:70vh;aspect-ratio:1/1;background-color:#723d1d;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.novel-final-modal-wrap .result-book-container .result-book .cover-content{width:100%;height:100%;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-init p{font-size:60px;font-weight:700;line-height:1.4;white-space:nowrap}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-init p span{color:#fce18c}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .badge{color:#fce18c;font-size:42px;font-weight:400}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .novel-title{font-size:72px;font-weight:700;margin-top:18px;margin-bottom:18px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .sub-buttons{display:flex;flex-direction:column;align-items:center;gap:18px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .sub-buttons button{width:500px;padding:18px;color:#fff;border:none;border-radius:12px;font-size:54px;font-weight:700;cursor:pointer;font-family:"Maple"}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .sub-buttons button.btn-direct{background-color:#c6742a;box-shadow:0 4px 0 #8b480b}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .sub-buttons button.btn-retry{color:#a85f1c;background-color:#f0be50;box-shadow:0 4px 0 #d99a10}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .img-wrap img{width:100%;height:100%;object-fit:cover}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .img-wrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .novel-title{position:relative;z-index:2;font-size:72px;font-weight:900;margin-bottom:40px;color:#fff;text-shadow:0 2px 4px #111}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .retry-btn{position:relative;z-index:2;width:400px;padding:15px 0;background-color:#c6742a;color:#fff;border-radius:10px;font-size:54px;font-weight:700;box-shadow:0 5px 0 #8b480b;font-family:"Maple";border:none}.novel-final-modal-wrap .result-book-container .result-book-left{position:absolute;top:45%;left:calc(50% - 35vh + 7vh - 13vh);transform:translateY(-46%);width:13vh;height:calc(70vh + 6vh);z-index:5}.novel-final-modal-wrap .result-book-container .result-book-left img{width:100%;height:100%;display:block}.novel-final-modal-wrap .result-book-container .result-book-bottom{position:absolute;left:calc(50% - 35vh + 8vh - 13vh + .8vh);top:calc(45% + 35vh - 1px);width:calc(70vh + 13vh - 2vw);z-index:5}.novel-final-modal-wrap .result-book-container .result-book-bottom img{width:100%;display:block}.novel-final-modal-wrap .result-book-container .top-badge{position:absolute;top:calc(45% - 35vh - 60px);left:50%;transform:translateX(-50%);background-color:#c6742a;color:#fff;padding:12px 40px;border-radius:10px;font-size:28px;font-weight:700;z-index:15;font-family:"Maple";box-shadow:0 4px 0 #8b480b;white-space:nowrap}.novel-final-modal-wrap .arial-asset{position:absolute;bottom:0;right:1%;width:25vw;z-index:20}.novel-final-modal-wrap .arial-asset img{width:100%}.novel-final-modal-wrap .bubble-asset{position:absolute;top:10%;right:5%;width:40vw;z-index:20}.novel-final-modal-wrap .bubble-asset img{width:100%;display:block}.novel-final-modal-wrap .bubble-asset .bubble-content{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);width:80%;text-align:center;display:flex;flex-direction:column;align-items:center}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-title{font-size:58px;font-weight:700;color:#111;margin-bottom:28px;white-space:nowrap}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-desc{font-size:38px;font-weight:400;color:#333;margin-bottom:28px;line-height:1.4;white-space:nowrap}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-btn{background-color:#c6742a;color:#fff;border:none;padding:24px 48px;font-size:64px;font-weight:700;border-radius:18px;cursor:pointer;box-shadow:0 5px 0 #8b480b;font-family:"Maple";white-space:nowrap}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-btn.step-title{background-color:#c6742a;box-shadow:0 5px 0 #8b480b}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-btn.step-cover{background-color:#3377ec;box-shadow:0 5px 0 #275993}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-btn.step-save{background-color:#81c668;box-shadow:0 5px 0 #539e44}.novel-final-modal-wrap .go-back-btn{position:absolute;top:30px;right:30px;color:#fff;font-size:24px;cursor:pointer;z-index:1100;background-color:rgba(0,0,0,.5);padding:10px 20px;border-radius:30px;font-family:"Maple"}.novel-final-modal-wrap .go-back-btn:hover{background-color:rgba(0,0,0,.7)}.novel-final-modal-wrap .name-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:2000}.novel-final-modal-wrap .name-modal-overlay .name-modal{background-color:#fff;padding:40px;border-radius:20px;text-align:center;min-width:400px}.novel-final-modal-wrap .name-modal-overlay .name-modal h3{font-size:28px;margin-bottom:20px;color:#723d1d;font-family:"Maple"}.novel-final-modal-wrap .name-modal-overlay .name-modal input{width:100%;padding:15px;font-size:24px;border-radius:10px;border:2px solid #c6742a;margin-bottom:30px;text-align:center;font-family:"Maple";outline:none}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group{display:flex;gap:20px;justify-content:center}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group button{padding:15px 40px;font-size:20px;border-radius:10px;border:none;cursor:pointer;font-family:"Maple";transition:all .2s}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group button.cancel{background-color:#eee;color:#333}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group button.cancel:hover{background-color:#ddd}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group button.save{background-color:#c6742a;color:#fff}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group button.save:hover{background-color:#a55d1e}@media screen and (min-width: 768px)and (max-width: 1280px){.novel-final-modal-wrap .result-book-container{width:45%}.novel-final-modal-wrap .result-book-container .result-book{left:calc(50% - 27.5vh + 3vh);width:55vh}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-init p{font-size:38px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .badge{font-size:28px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .novel-title{font-size:48px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-title-ready .sub-buttons button{width:320px;font-size:32px;padding:12px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .novel-title{font-size:48px;margin-bottom:20px}.novel-final-modal-wrap .result-book-container .result-book .cover-content .cover-final .retry-btn{width:280px;font-size:32px;padding:10px 0}.novel-final-modal-wrap .result-book-container .result-book-left{left:calc(50% - 27.5vh + 5.5vh - 10vh);width:10vh;height:calc(55vh + 4vh)}.novel-final-modal-wrap .result-book-container .result-book-bottom{left:calc(50% - 27.5vh + 6.5vh - 10vh + .6vh);width:calc(55vh + 10vh - 1.5vw);top:calc(45% + 27.5vh - 1px)}.novel-final-modal-wrap .arial-asset{width:33vw;right:2%}.novel-final-modal-wrap .bubble-asset{width:40vw;top:10%;right:10%}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-title{font-size:36px;margin-bottom:15px}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-desc{font-size:24px;margin-bottom:15px}.novel-final-modal-wrap .bubble-asset .bubble-content .bubble-btn{font-size:40px;padding:16px 32px;border-radius:12px}.novel-final-modal-wrap .name-modal-overlay .name-modal{min-width:350px;padding:30px}.novel-final-modal-wrap .name-modal-overlay .name-modal h3{font-size:24px}.novel-final-modal-wrap .name-modal-overlay .name-modal input{font-size:20px;padding:12px}.novel-final-modal-wrap .name-modal-overlay .name-modal .btn-group button{font-size:18px;padding:12px 30px}}
.image-comparison-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.image-comparison-modal-overlay .modal-container{width:90%;max-width:1400px;background:#fff;border-radius:30px;padding:40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative;overflow:hidden}.image-comparison-modal-overlay .modal-container h2{font-size:36px;font-weight:800;color:#111;margin-bottom:40px;font-family:"Maple",sans-serif}.image-comparison-modal-overlay .modal-container .comparison-wrap{display:flex;gap:40px;width:100%;justify-content:center;margin-bottom:50px}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side{flex:1 1;display:flex;flex-direction:column;align-items:center;background:#f9f9f9;border-radius:20px;padding:24px;border:1px solid #e1e1e1;cursor:pointer}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side.after{background-color:#eef5fe}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side.selected{border:4px solid #4f7cff;box-shadow:0 10px 40px rgba(79,124,255,.2)}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .label{font-size:20px;font-weight:700;padding:8px 30px;border-radius:30px;margin-bottom:20px}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .label.before-label{background:#aaa;color:#fff}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .label.after-label{background:#8e8e8e;color:#fff}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side.selected.before .before-label{background:#4f7cff}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side.selected.after .after-label{background:#4f7cff}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .image-box{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:20px;background:#eee;box-shadow:0 4px 15px rgba(0,0,0,.1)}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .image-box img{width:100%;height:100%;object-fit:contain}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .content-box{width:100%;background:#fff;padding:20px;border-radius:12px;min-height:120px;max-height:240px;overflow:scroll;display:flex;align-items:center;justify-content:center;border:1px solid #eee;font-family:"Maple"}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .content-box::-webkit-scrollbar{display:none}.image-comparison-modal-overlay .modal-container .comparison-wrap .compare-side .content-box p{font-size:24px;color:#333;line-height:1.4;text-align:center;word-break:keep-all;margin:0}.image-comparison-modal-overlay .modal-container .comparison-wrap .arrow-divider{display:flex;align-items:center;justify-content:center}.image-comparison-modal-overlay .modal-container .comparison-wrap .arrow-divider img{width:40px;opacity:.5}.image-comparison-modal-overlay .modal-container .button-group{display:flex;gap:20px;width:100%;justify-content:center}.image-comparison-modal-overlay .modal-container .button-group button.complete-btn{padding:20px 50px;font-size:28px;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:"Maple",sans-serif;background:#bfbfbf;color:#fff;border:none;box-shadow:none}.image-comparison-modal-overlay .modal-container .button-group button.complete-btn.active{cursor:pointer;background:#5bbc6b}.image-comparison-modal-overlay .modal-container .button-group button.complete-btn.active:active{transform:translateY(-1px)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.custom-start-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/static/media/bg.3604a25733cac0191d52.svg) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-start-modal .modal-container{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;margin-top:140px;font-family:"GANA";position:relative;z-index:3}.custom-start-modal .modal-container h2{font-size:40px;font-weight:700;color:#fff}.custom-start-modal .modal-container h1{font-size:140px;font-weight:700;color:#fc7813;margin-top:16px}.custom-start-modal .modal-container .subtitle-box{position:relative;display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:50px}.custom-start-modal .modal-container .subtitle-box figure{display:flex;width:30vw}.custom-start-modal .modal-container .subtitle-box span{position:absolute;font-size:28px;font-weight:700;color:#fff;line-height:1;padding-bottom:4px}.custom-start-modal .modal-container button{padding:10px 32px;color:#fff;background-color:#fc7813;font-size:36px;font-weight:700;font-family:"GANA";border-radius:10px;border:none;cursor:pointer}.custom-start-modal .home{position:absolute;top:40px;left:40px;cursor:pointer;z-index:4;width:4vw}.custom-start-modal .asset1{position:absolute;bottom:0;left:50%;transform:translateX(-40%);z-index:2}.custom-start-modal .asset2{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);width:60vw}.custom-start-modal .asset3{position:absolute;top:0;left:0}.custom-start-modal .asset4{position:absolute;top:0;right:0}.custom-start-modal .skip-btn{border:none;background:none;cursor:pointer;font-size:36px;font-weight:700;color:#fff;font-family:"GANA";position:absolute;bottom:60px;right:60px;z-index:4}@media screen and (min-width: 768px)and (max-width: 1280px){.custom-start-modal .modal-container{margin-top:80px}.custom-start-modal .modal-container h2{font-size:28px}.custom-start-modal .modal-container h1{font-size:90px;margin-top:10px}.custom-start-modal .modal-container .subtitle-box{margin-top:15px;margin-bottom:30px}.custom-start-modal .modal-container .subtitle-box figure{width:40vw}.custom-start-modal .modal-container .subtitle-box span{font-size:20px}.custom-start-modal .modal-container button{padding:8px 24px;font-size:28px}.custom-start-modal .home{width:6vw;top:20px;left:20px}.custom-start-modal .asset2{bottom:100px;width:70vw}.custom-start-modal .skip-btn{bottom:30px;right:30px;font-size:24px}}
.not-select-modal{width:100vw;height:100vh;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:99999;display:flex;justify-content:center;align-items:center}.not-select-modal .modal-content{background-color:#fff;padding:2.5rem 2rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3);min-width:320px;font-family:"Maple"}.not-select-modal .modal-content .message{font-size:1.5rem;margin-bottom:2rem;color:#333;white-space:pre-wrap;line-height:1.4}.not-select-modal .modal-content .close-btn{background-color:#ffc233;border:none;padding:.8rem 3rem;border-radius:10px;font-size:1.25rem;cursor:pointer;font-family:inherit;font-weight:bold;transition:all .2s}.not-select-modal .modal-content .close-btn:hover{background-color:#e6af2e;transform:translateY(-2px)}.not-select-modal .modal-content .close-btn:active{transform:translateY(0)}

/*# sourceMappingURL=main.0fccd7d3.css.map*/