*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y}img{-webkit-user-drag:none}html,body,#root{width:100%;height:100%;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}button{border:none;background:none;cursor:pointer;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block}ul,ol{list-style:none}@font-face{font-family:KCC-Murukmuruk;src:url(./KCC-Murukmuruk-CbXQtRfh.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(./Pretendard-SemiBold-ClEDdoZU.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Pretendard;src:url(./Pretendard-Medium-Dw2vNklR.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Ownglyph ryurue;src:url(./Ownglyph-ryurue-BhW0JIYR.woff2) format("woff2");font-weight:400;font-style:normal}:root{--color-black: #222222;--color-white: #ffffff;--color-light-beige: #e0dcd1;--color-beige: #bcb8b3;--color-dark-beige: #635a4f;--color-dobi: #60b3e5;--color-yellow: #ffe100;--color-result-yellow: #ffee3f;--color-gray-6: #666666}.abs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.max-size{width:100%;height:100%}#game-layout{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#1a1a1a}#game-layout>#game-page{width:1920px;height:1080px;position:relative;transform-origin:center center;overflow:hidden;flex-shrink:0}.primary-btn-atom{display:flex;flex-direction:column;align-items:flex-start;height:110px;padding:10px;background-color:var(--color-light-beige);border:3px solid var(--color-black);cursor:pointer}.primary-btn-atom:hover{border-color:var(--color-dark-beige)}.primary-btn-atom:hover>.primary-btn-atom-inner{color:var(--color-beige)}.primary-btn-atom>.primary-btn-atom-inner{display:flex;align-items:center;justify-content:center;width:100%;flex:1 0 0;min-height:1px;padding:10px 50px;background-color:var(--color-light-beige);border:5px solid var(--color-beige);font-family:KCC-Murukmuruk,sans-serif;font-size:60px;line-height:64px;color:var(--color-dark-beige);white-space:nowrap}.avatar-silhouette-comp{position:relative;flex-shrink:0;filter:drop-shadow(0 0 0px transparent);transition:filter .3s ease}.avatar-silhouette-comp.-glowing{filter:drop-shadow(0 0 10px var(--glow-color)) drop-shadow(0 0 16px var(--glow-color))}.avatar-silhouette-comp>.avatar-silhouette-comp-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.avatar-silhouette-comp>.avatar-silhouette-comp-clip>.avatar-silhouette-comp-outer{position:absolute}.avatar-silhouette-comp>.avatar-silhouette-comp-clip>.avatar-silhouette-comp-outer>.avatar-silhouette-comp-inner{position:absolute}.avatar-silhouette-comp>.avatar-silhouette-comp-clip>.avatar-silhouette-comp-outer>.avatar-silhouette-comp-inner>img{display:block;width:100%;height:100%;max-width:none}#main-page{width:1920px;height:1080px;position:relative;overflow:hidden}#main-page>.main-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1921px;height:1080px;object-fit:cover;pointer-events:none}#main-page>.main-logo{position:absolute;top:180px;left:654px;width:611px;height:276px;overflow:hidden}#main-page>.main-logo>.main-logo-group4{position:absolute;top:12.16%;left:4.11%;right:87.78%;bottom:69.4%}#main-page>.main-logo>.main-logo-group4>img{width:100%;height:100%;object-fit:contain}#main-page>.main-logo>.main-logo-group5{position:absolute;top:30.53%;left:86.31%;right:5.24%;bottom:51.86%}#main-page>.main-logo>.main-logo-group5>img{width:100%;height:100%;object-fit:contain}#main-page>.main-logo>.main-logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#main-page>.main-logo>.main-logo-overlay>img{width:100%;height:100%;object-fit:contain}#main-page>.main-logo>.main-logo-group7{position:absolute;top:2.77%;left:3.58%;right:2.98%;bottom:17.18%}#main-page>.main-logo>.main-logo-group7>img{width:100%;height:100%;object-fit:contain}#main-page>.main-silhouettes{position:absolute;top:433px;left:366px;display:flex}#main-page>.main-silhouettes>.avatar-silhouette-comp{animation:silo-float 2.4s ease-in-out infinite;transform-origin:bottom center}#main-page>.main-silhouettes>.avatar-silhouette-comp:nth-child(1){animation-delay:0s}#main-page>.main-silhouettes>.avatar-silhouette-comp:nth-child(2){animation-delay:.6s;margin-left:-40px}#main-page>.main-silhouettes>.avatar-silhouette-comp:nth-child(3){animation-delay:1.2s;margin-left:-40px}#main-page>.main-silhouettes>.avatar-silhouette-comp:nth-child(4){animation-delay:1.8s;margin-left:-40px}@keyframes silo-float{0%,to{transform:scaleY(1)}50%{transform:scaleY(.965)}}#main-page>.main-subtitle{position:absolute;top:830px;left:50%;transform:translate(-50%);font-family:KCC-Murukmuruk,sans-serif;font-size:40px;line-height:50px;color:var(--color-white);text-align:center;white-space:nowrap}#main-page>.main-start-btn{position:absolute;top:910px;left:50%;transform:translate(-50%);height:110px;transition:box-shadow .15s ease}#main-page>.main-start-btn:hover{box-shadow:0 0 18px #ffffff8c,0 0 50px #ffffff40}.answer-item-atom{display:flex;align-items:center;justify-content:center;width:100%;padding:30px 40px;border-radius:60px;border:3px solid var(--color-beige);background-color:var(--color-white);cursor:pointer;transition:background-color .15s,border-color .15s}.answer-item-atom>span{font-family:Pretendard,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--color-black);text-align:center}@media (hover: hover){.answer-item-atom:hover{background-color:#f5f2ec;border-color:var(--color-dark-beige)}}.answer-item-atom.-selected{background-color:var(--color-light-beige);border-color:var(--color-dark-beige)}.quiz-progress-comp{position:relative;display:flex;align-items:center;justify-content:space-around;width:814px;height:87px}.quiz-progress-comp>.quiz-progress-comp-dot{width:30px;height:30px;border-radius:50%;border:3px solid #222222;background:#635a4f;flex-shrink:0;box-sizing:border-box}.quiz-progress-comp>.quiz-progress-comp-dot.-done{background:#ffe100}.quiz-progress-comp>.quiz-progress-comp-book{position:absolute;bottom:10px;width:151px;height:87px;transition:left .4s cubic-bezier(.25,.46,.45,.94)}.quiz-progress-comp>.quiz-progress-comp-book>img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center}.quiz-graphic-comp{position:absolute;top:673px;left:50%;transform:translate(-50%);width:1835px;height:359px;overflow:visible;pointer-events:none;animation:graphic-rise .7s ease-out both}@keyframes graphic-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}#quiz-page{width:1920px;height:1080px;position:relative;overflow:hidden}#quiz-page>.quiz-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1921px;height:1081px;object-fit:cover;pointer-events:none}#quiz-page>.quiz-progress-wrapper{position:absolute;top:130px;left:50%;transform:translate(-50%)}#quiz-page>.quiz-silhouettes{position:absolute;top:367px;left:714px;display:flex}#quiz-page>.quiz-deco{position:absolute;top:239px;left:50%;transform:translate(-50%);width:898px;height:133px;overflow:hidden}#quiz-page>.quiz-deco>.quiz-deco-left-inner{position:absolute;top:-.01%;right:93.3%;bottom:53.59%;left:0}#quiz-page>.quiz-deco>.quiz-deco-left-inner>img{display:block;width:100%;height:100%;max-width:none}#quiz-page>.quiz-deco>.quiz-deco-right-inner{position:absolute;top:51.26%;right:.01%;bottom:.01%;left:93.79%}#quiz-page>.quiz-deco>.quiz-deco-right-inner>img{display:block;width:100%;height:100%;max-width:none}#quiz-page>.quiz-question{position:absolute;top:233px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}#quiz-page>.quiz-question>p{font-family:KCC-Murukmuruk,sans-serif;font-size:40px;line-height:50px;color:var(--color-white)}#quiz-page>.quiz-answer-list{position:absolute;top:590px;left:50%;transform:translate(-50%);width:1153px;display:flex;flex-direction:column;gap:10px}#quiz-page>.quiz-answer-list>li{width:100%}#loading-page{width:1920px;height:1080px;position:relative;overflow:hidden}#loading-page>.loading-back{position:absolute;top:0;left:50%;transform:translate(-50%);width:1921px;height:1081px;object-fit:cover;pointer-events:none}#loading-page>.loading-light{position:absolute;top:-38px;left:319px;width:346px;height:997px;pointer-events:none;animation:light-sweep 2s ease-in-out infinite alternate}#loading-page>.loading-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1921px;height:1081px;object-fit:cover;pointer-events:none}#loading-page>.loading-logo{position:absolute;top:205px;left:50%;transform:translate(-50%);width:611px;height:276px;overflow:hidden}#loading-page>.loading-logo>.loading-logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#loading-page>.loading-logo>.loading-logo-overlay>img{width:100%;height:100%;object-fit:contain}#loading-page>.loading-logo>.loading-logo-main{position:absolute;top:2.77%;left:3.58%;right:2.98%;bottom:17.18%}#loading-page>.loading-logo>.loading-logo-main>img{width:100%;height:100%;object-fit:contain}#loading-page>.loading-logo>.loading-logo-part1{position:absolute;top:12.16%;left:4.11%;right:87.78%;bottom:69.4%}#loading-page>.loading-logo>.loading-logo-part1>img{width:100%;height:100%;object-fit:contain}#loading-page>.loading-logo>.loading-logo-part2{position:absolute;top:30.53%;left:86.31%;right:5.24%;bottom:51.86%}#loading-page>.loading-logo>.loading-logo-part2>img{width:100%;height:100%;object-fit:contain}#loading-page>.loading-desc{position:absolute;top:481px;left:50%;transform:translate(-50%);font-family:KCC-Murukmuruk,sans-serif;font-size:40px;line-height:50px;color:var(--color-white);text-align:center;white-space:nowrap}#loading-page>.loading-drumroll-left{position:absolute;top:509px;left:calc(50% - 514px);font-family:Ownglyph ryurue,sans-serif;font-size:50px;line-height:50px;color:var(--color-white);transform:rotate(29.68deg);white-space:nowrap;animation:drumroll-bounce .5s ease-in-out infinite alternate}#loading-page>.loading-drumroll-right{position:absolute;top:509px;left:calc(50% + 493px);font-family:Ownglyph ryurue,sans-serif;font-size:50px;line-height:50px;color:var(--color-white);transform:rotate(-24.16deg);white-space:nowrap;animation:drumroll-bounce .5s ease-in-out infinite alternate-reverse}#loading-page>.loading-silhouettes{position:absolute;top:579px;left:341px;display:flex;gap:0}@keyframes drumroll-bounce{0%{transform:rotate(29.68deg) translateY(0)}to{transform:rotate(29.68deg) translateY(-8px)}}@keyframes light-sweep{0%{transform:translate(0)}to{transform:translate(927px)}}#result-page{width:1920px;height:1080px;position:relative;overflow:hidden}#result-page .result-avatar-inner{position:absolute;left:50%;transform:translate(-50%)}#result-page .result-avatar-inner>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}#result-page>.result-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1921px;height:1081px;object-fit:cover;pointer-events:none}#result-page>.result-deco{position:absolute;top:110px;left:50%;transform:translate(-50%);animation:result-rise .5s ease-out .1s both;width:898px;height:133px;overflow:hidden;pointer-events:none}#result-page>.result-deco>.result-deco-left-inner{position:absolute;top:-.01%;right:93.3%;bottom:53.59%;left:0}#result-page>.result-deco>.result-deco-left-inner>img{display:block;width:100%;height:100%;max-width:none}#result-page>.result-deco>.result-deco-right-inner{position:absolute;top:51.26%;right:.01%;bottom:.01%;left:93.79%}#result-page>.result-deco>.result-deco-right-inner>img{display:block;width:100%;height:100%;max-width:none}#result-page>.result-label{position:absolute;top:60px;left:50%;transform:translate(-50%);font-family:KCC-Murukmuruk,sans-serif;font-size:40px;line-height:50px;color:var(--color-dark-beige);text-align:center;white-space:nowrap;animation:result-rise .5s ease-out both}#result-page>.result-title{position:absolute;top:132px;left:50%;transform:translate(-50%);animation:result-rise .6s ease-out .1s both;font-family:KCC-Murukmuruk,sans-serif;font-size:88px;line-height:90px;color:var(--color-result-yellow);text-align:center;white-space:nowrap;text-shadow:-3px 0 0 #004705,3px 0 0 #004705,0 -3px 0 #004705,0 3px 0 #004705,-2px -2px 0 #004705,2px -2px 0 #004705,2px 2px 0 #004705,-2px 2px 0 #004705,-3px -1px 0 #004705,3px -1px 0 #004705,-3px 1px 0 #004705,3px 1px 0 #004705,-1px -3px 0 #004705,1px -3px 0 #004705,-1px 3px 0 #004705,1px 3px 0 #004705,0 5px 9px rgba(0,0,0,.5)}#result-page>.result-title>.result-title-name{color:#fff7d7}#result-page>.result-avatar-section{position:absolute;top:262px;left:399px;animation:result-rise .5s ease-out .55s both}#result-page>.result-avatar-section>.result-frame01{position:absolute;top:41px;left:0;width:322px;height:297px}#result-page>.result-avatar-section>.result-frame01>img{width:100%;height:100%;object-fit:cover}#result-page>.result-avatar-section>.result-avatar{position:absolute;top:0;left:37px;width:270px;height:320px;overflow:hidden}#result-page>.result-avatar-section>.result-avatar.-centered{left:26px}#result-page>.result-desc-card{position:absolute;top:303px;left:741px;animation:result-rise .5s ease-out .55s both;width:780px;height:297px;background-color:var(--color-white);border:3px solid var(--color-black);border-radius:20px;padding:40px 39px;display:flex;flex-direction:column;gap:30px;justify-content:center}#result-page>.result-desc-card>.result-desc-title{font-family:KCC-Murukmuruk,sans-serif;font-size:40px;line-height:50px}#result-page>.result-desc-card>.result-desc-lines>p{font-family:Pretendard,sans-serif;font-weight:500;font-size:22px;line-height:26px;color:var(--color-black)}#result-page>.result-desc-card>.result-desc-tags{font-family:Pretendard,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--color-black)}#result-page>.result-partner-section{position:absolute;top:650px;left:399px;animation:result-rise .5s ease-out .55s both}#result-page>.result-partner-section>.result-frame02{position:absolute;top:0;left:0;width:356px;height:154px}#result-page>.result-partner-section>.result-frame02>img{width:100%;height:100%;object-fit:cover}#result-page>.result-partner-section>.result-partner-label{position:absolute;top:51px;left:35px;font-family:KCC-Murukmuruk,sans-serif;font-size:40px;line-height:50px;color:var(--color-black);white-space:nowrap}#result-page>.result-partner-section>.result-partner-avatar{position:absolute;top:-20px;left:402px;width:152px;height:180px;overflow:hidden}#result-page>.result-partner-section>.result-partner-name{position:absolute;top:-6px;left:575px;width:max-content;font-family:KCC-Murukmuruk,sans-serif;font-size:32px;line-height:40px;white-space:nowrap}#result-page>.result-partner-section>.result-partner-detail{position:absolute;top:52px;left:581px;font-family:Pretendard,sans-serif;font-weight:500;font-size:22px;line-height:26px;color:var(--color-black);width:500px}#result-page>.result-btns{position:absolute;bottom:910px;left:50%;transform:translate(-50%);animation:result-rise .5s ease-out .85s both;display:flex;gap:40px;top:910px}#result-page>.result-btns>.result-save-btn,#result-page>.result-btns>.result-restart-btn{height:110px}@keyframes result-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}