*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{touch-action:manipulation;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;appearance:none;touch-action:manipulation;background:0 0;border:none}input{font:inherit;background:0 0;border:none;outline:none}.main-input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}ul,ol{list-style:none}img{-webkit-user-drag:none;max-width:100%;display:block}@font-face{font-family:KCC-Hanbit;src:url(./KCC-Hanbit-CQAYEX7Z.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(./Pretendard-Medium-Dw2vNklR.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(./Pretendard-SemiBold-ClEDdoZU.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}.max-size{width:100%;height:100%}body{background:#fff;overflow:hidden}#root{width:100%;height:100dvh}#game-layout{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}#game-layout>.game-canvas{transform-origin:50%;flex-shrink:0;width:1920px;height:1080px;position:relative}.primary-btn-atom{cursor:pointer;background:#bfd3de;border:3px solid #4a6a7c;border-radius:30px;justify-content:center;align-items:center;padding:10px;transition:none;display:flex}.primary-btn-atom>.primary-btn-inner{background:#dae5ec;border:1px solid #4a6a7c;border-radius:20px;flex-direction:row;align-items:center;gap:10px;padding:16px 46px;transition:background .15s;display:flex}.primary-btn-atom>.primary-btn-inner>.primary-btn-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:55px;height:50px}.primary-btn-atom>.primary-btn-inner>.primary-btn-txt{color:#222;white-space:nowrap;font-family:KCC-Hanbit,sans-serif;font-size:50px;font-weight:400;line-height:70px;transition:opacity .15s}@media (hover:hover){.primary-btn-atom:hover:not(:disabled)>.primary-btn-inner{background:#bfd3de}.primary-btn-atom:hover:not(:disabled)>.primary-btn-inner>.primary-btn-txt{opacity:.7}}.primary-btn-atom:active:not(:disabled)>.primary-btn-inner{background:#bfd3de}.primary-btn-atom:active:not(:disabled)>.primary-btn-inner>.primary-btn-txt{opacity:.7}.primary-btn-atom:disabled{opacity:.4;cursor:not-allowed}.game-bg-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game-note-bg{background:#fff;border:3px solid #4a6a7c;border-radius:0 30px 30px 0;width:1558px;height:930px;position:absolute;top:90px;left:252px}.game-notebook-line{background:#bfd3de;height:930px;position:absolute;top:90px}.game-notebook-line.game-notebook-line-1{width:1px;left:252px}.game-notebook-line.game-notebook-line-2{width:2px;left:272px}.game-progress{background:#bfd3de;border:3px solid #4a6a7c;border-radius:30px 0 0 30px;flex-direction:column;justify-content:center;align-items:center;gap:70px;width:148px;height:930px;display:flex;position:absolute;top:90px;left:107px}.game-progress-dot{background:#4a6a7c;border:2px solid #4a6a7c;border-radius:50%;flex-shrink:0;width:30px;height:30px}.game-progress-dot--done{background:#fb0}.game-progress-dot--active{animation:1.2s ease-in-out infinite progress-dot-blink}@keyframes progress-dot-blink{0%,to{box-shadow:0 0 4px 1px #ffbb0080}50%{box-shadow:0 0 14px 5px #ffbb00f2}}#main-page{background:#eff7fb;width:1920px;height:1080px;position:relative;overflow:hidden}#main-page>article{width:100%;height:100%;position:relative}#main-page .main-illust{width:670px;height:446px;position:absolute;top:150px;left:667px}#main-page .main-illust>img{object-fit:contain;width:100%;height:100%}#main-page .main-deco{background-repeat:no-repeat;background-size:100% 100%;position:absolute}#main-page .main-deco.main-deco-left{transform-origin:50%;background-image:url(../assets/icons/deco-left.svg);width:46.36px;height:39.43px;top:178px;left:793px;transform:rotate(-7.27deg)}#main-page .main-deco.main-deco-right{transform-origin:50%;background-image:url(../assets/icons/deco-right.svg);width:43.66px;height:37.26px;top:188px;left:1180px;transform:rotate(20.22deg)}#main-page .main-title{text-align:center;width:285px;position:absolute;top:307px;left:868px}#main-page .main-title>p{color:#222;white-space:nowrap;font-family:KCC-Hanbit,sans-serif;font-size:50px;font-weight:400;line-height:70px}#main-page .main-line-deco{background-image:url(../assets/icons/line-deco.svg);background-repeat:no-repeat;background-size:100% 100%;width:256px;height:69px;position:absolute;top:377px;left:882.99px}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-12px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(2px)}to{transform:translate(0)}}#main-page .main-input-wrap{border:3px solid #4a6a7c;border-radius:30px;justify-content:center;align-items:center;width:703px;height:109px;padding:10px;display:flex;position:absolute;top:649px;left:659px}#main-page .main-input-wrap.main-input-wrap--shake{animation:.45s shake}#main-page .main-input-wrap>.main-input{text-align:center;color:#222;background:0 0;width:100%;height:100%;font-family:KCC-Hanbit,sans-serif;font-size:30px;font-weight:400;line-height:40px}#main-page .main-input-wrap>.main-input::placeholder{color:#bfd3de}#main-page .main-btn-wrap{position:absolute;top:818px;left:839px}.answer-card-atom{cursor:pointer;width:620px;height:220px;position:relative}.answer-card-atom>.answer-badge{z-index:1;background:#fff;border-style:solid;border-width:4px;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:background .15s;display:flex;position:absolute;top:0;left:270px}.answer-card-atom>.answer-badge>span{font-family:KCC-Hanbit,sans-serif;font-size:40px;font-weight:400;line-height:54px}.answer-card-atom>.answer-card{background:#fff;border-style:solid;border-width:3px;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:620px;height:180px;padding:15px 40px 0;transition:box-shadow .15s;display:flex;position:absolute;top:40px;left:0}.answer-card-atom>.answer-card>p{color:#222;text-align:center;font-family:KCC-Hanbit,sans-serif;font-size:30px;font-weight:400;line-height:40px}.answer-card-atom.answer-card-atom--a>.answer-badge{border-color:#ff7248}.answer-card-atom.answer-card-atom--a>.answer-badge>span{color:#ff7248}.answer-card-atom.answer-card-atom--a>.answer-card{border-color:#ff7248}@media (hover:hover){.answer-card-atom.answer-card-atom--a:hover>.answer-badge{background:#ffd6b0}.answer-card-atom.answer-card-atom--a:hover>.answer-card{box-shadow:0 0 15px #ff724880}}.answer-card-atom.answer-card-atom--a:active>.answer-badge{background:#ffd6b0}.answer-card-atom.answer-card-atom--a:active>.answer-card{box-shadow:0 0 15px #ff724880}.answer-card-atom.answer-card-atom--b>.answer-badge{border-color:#fb0}.answer-card-atom.answer-card-atom--b>.answer-badge>span{color:#fb0}.answer-card-atom.answer-card-atom--b>.answer-card{border-color:#fb0}@media (hover:hover){.answer-card-atom.answer-card-atom--b:hover>.answer-badge{background:#fff1ca}.answer-card-atom.answer-card-atom--b:hover>.answer-card{box-shadow:0 0 15px #ffbb0080}}.answer-card-atom.answer-card-atom--b:active>.answer-badge{background:#fff1ca}.answer-card-atom.answer-card-atom--b:active>.answer-card{box-shadow:0 0 15px #ffbb0080}#quiz-page{background:#eff7fb;width:1920px;height:1080px;position:relative;overflow:hidden}#quiz-page>article{width:100%;height:100%;position:relative}#quiz-page .quiz-q-badge{z-index:1;background-image:url(../assets/images/q-badge.svg);background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;width:119px;height:119px;display:flex;position:absolute;top:40px;left:972px}#quiz-page .quiz-q-badge>span{color:#236b5f;padding-top:4px;font-family:KCC-Hanbit,sans-serif;font-size:34px;font-weight:400;line-height:1}#quiz-page .quiz-rule-line{background:#bfd3de;width:930px;height:2px;position:absolute;left:546px}#quiz-page .quiz-rule-line.quiz-rule-line-1{top:259px}#quiz-page .quiz-rule-line.quiz-rule-line-2{top:326px}#quiz-page .quiz-question-text{color:#222;text-align:center;word-break:keep-all;z-index:1;width:930px;font-family:KCC-Hanbit,sans-serif;font-size:50px;font-weight:400;line-height:68px;position:absolute;top:189px;left:546px}@keyframes rise-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#quiz-page .quiz-illust{height:400px;animation:.3s ease-out both rise-up;position:absolute;top:350px}#quiz-page .quiz-illust>img{object-fit:contain;width:100%;height:100%}#quiz-page .quiz-answer-a{position:absolute;top:750px;left:391px}#quiz-page .quiz-answer-b{position:absolute;top:750px;left:1061px}#result-page{background:#eff7fb;width:1920px;height:1080px;position:relative;overflow:hidden}#result-page>article{width:100%;height:100%;position:relative}#result-page .result-title,#result-page .result-title *,#result-page .result-type-title,#result-page .result-type-title *,#result-page .result-desc,#result-page .result-desc *,#result-page .result-partner-type,#result-page .result-partner-type *,#result-page .result-partner-desc,#result-page .result-partner-desc *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#result-page .result-label{color:#4a6a7c;white-space:nowrap;font-family:KCC-Hanbit,sans-serif;font-size:26px;font-weight:400;position:absolute;top:140px;left:1031px;transform:translate(-50%)}#result-page .result-rule{background:#bfd3de;width:1350px;height:2px;position:absolute;left:356px}#result-page .result-rule.result-rule--1{top:192px}#result-page .result-rule.result-rule--2{top:302px}#result-page .result-title{color:#222;white-space:nowrap;text-align:center;z-index:1;font-family:KCC-Hanbit,sans-serif;font-size:50px;font-weight:400;line-height:90px;position:absolute;top:247px;left:1010px;transform:translate(-50%,-50%)}#result-page .result-card{border:3px solid;border-radius:30px;width:900px;height:410px;animation:.3s ease-out both rise-up;position:absolute;top:355px;left:356px;overflow:visible}#result-page .result-char-area{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:270px;height:100%;display:flex;position:absolute;top:0;left:0}#result-page .result-char-img{object-fit:contain;height:240px}#result-page .result-save-char-btn{cursor:pointer;background:#eff7fb;border:1px solid #4a6a7c;border-radius:10px;padding:8px 24px;transition:background .15s}@media (hover:hover){#result-page .result-save-char-btn:hover{background:#bfd3de}}#result-page .result-save-char-btn:active{background:#bfd3de}#result-page .result-save-char-btn>span{color:#4a6a7c;font-family:KCC-Hanbit,sans-serif;font-size:26px;font-weight:400}#result-page .result-type-title{position:absolute;top:42px;left:270px}#result-page .result-type-title>p{color:#222;font-family:KCC-Hanbit,sans-serif;font-size:30px;font-weight:400;line-height:44px}#result-page .result-type-title>p:last-child{margin-top:2px}#result-page .result-star{width:416px;height:53px;position:absolute;top:103px;left:270px}#result-page .result-star>img{width:100%;height:100%;display:block}#result-page .result-desc{width:570px;position:absolute;top:177px;left:270px}#result-page .result-desc>p{color:#222;word-break:keep-all;font-family:Pretendard,sans-serif;font-size:24px;font-weight:600;line-height:34px}#result-page .result-desc>p+p{margin-top:0}#result-page .result-partner-label,#result-page .result-partner-wave,#result-page .result-partner-char,#result-page .result-partner-box{animation:.3s ease-out .2s both rise-up}#result-page .result-partner-label{color:#4a6a7c;font-family:KCC-Hanbit,sans-serif;font-size:30px;font-weight:400;position:absolute;top:437px;left:1300px}#result-page .result-partner-wave{width:255px;height:7px;position:absolute;top:481px;left:1256px;overflow:visible}#result-page .result-partner-wave>img{width:100%;height:9px;display:block;position:absolute;top:-1px;left:0}#result-page .result-partner-char{object-fit:contain;z-index:1;height:170px;position:absolute;top:433px}#result-page .result-partner-box{background:#fff;border:3px solid;border-radius:30px;width:420px;height:252px;padding:30px 40px;position:absolute;top:513px;left:1286px}#result-page .result-partner-type>p{color:#222;font-family:KCC-Hanbit,sans-serif;font-size:26px;font-weight:400;line-height:32px}#result-page .result-partner-rule{width:336px;height:2px;margin:10px 0 18px}#result-page .result-partner-desc{width:350px}#result-page .result-partner-desc>p{color:#222;word-break:keep-all;font-family:Pretendard,sans-serif;font-size:18px;font-weight:500;line-height:22px}#result-page .result-partner-desc>p+p{margin-top:0}#result-page .result-modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#result-page .result-modal{background:#fff;border-radius:30px;justify-content:center;align-items:center;width:780px;height:460px;display:flex;position:relative}#result-page .result-modal-close{cursor:pointer;background:0 0;border:none;width:55px;height:50px;padding:0;position:absolute;top:20px;right:30px}#result-page .result-modal-close>img{object-fit:contain;width:100%;height:100%}#result-page .result-modal-content{flex-direction:column;align-items:center;gap:50px;display:flex}#result-page .result-modal-title{flex-direction:column;align-items:center;gap:10px;display:flex}#result-page .result-modal-title>p{color:#4a6a7c;white-space:nowrap;font-family:KCC-Hanbit,sans-serif;font-size:50px;font-weight:400;line-height:70px}#result-page .result-modal-line{background:#bfd3de;width:505px;height:2px}#result-page .result-modal-share{color:#222;cursor:pointer;white-space:nowrap;background:#bfd3de;border:2px solid #4a6a7c;border-radius:20px;padding:20px 40px;font-family:KCC-Hanbit,sans-serif;font-size:30px;font-weight:400;line-height:40px;transition:background .15s}@media (hover:hover){#result-page .result-modal-share:hover{background:#dae5ec}}#result-page .result-modal-share:active{background:#dae5ec}#result-page .result-bottom-btn{cursor:pointer;background:#bfd3de;border:3px solid #4a6a7c;border-radius:30px;padding:10px;position:absolute;top:818px}#result-page .result-bottom-btn.result-bottom-btn--save{left:507px}#result-page .result-bottom-btn.result-bottom-btn--restart{left:1153px}#result-page .result-bottom-btn>.result-bottom-btn-inner{background:#dae5ec;border:1px solid #4a6a7c;border-radius:20px;flex-direction:row;align-items:center;gap:10px;padding:16px 46px;transition:background .15s;display:flex}#result-page .result-bottom-btn>.result-bottom-btn-inner>.result-bottom-btn-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:44px;height:44px}#result-page .result-bottom-btn>.result-bottom-btn-inner>span{color:#222;white-space:nowrap;font-family:KCC-Hanbit,sans-serif;font-size:50px;font-weight:400;line-height:70px;transition:opacity .15s}@media (hover:hover){#result-page .result-bottom-btn:hover>.result-bottom-btn-inner{background:#bfd3de}#result-page .result-bottom-btn:hover>.result-bottom-btn-inner>span{opacity:.7}}#result-page .result-bottom-btn:active>.result-bottom-btn-inner{background:#bfd3de}#result-page .result-bottom-btn:active>.result-bottom-btn-inner>span{opacity:.7}