@import"./Elice-DX-Neolli.css";:root{--color-purple: #6A1FC1;--font-elice: "Elice DX Neolli";--bg-liner: linear-gradient(180deg, #170846 4.52%, #060D36 74.91%);--bg-pc: #0B1736}body{min-width:auto}img{vertical-align:top}.img{max-width:100%}p,span,em,strong{font-family:inherit}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar:hover{width:20px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.4)}.wrap{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;max-width:640px;overflow:hidden;margin:0 auto;box-sizing:border-box}.main.wrap{background-color:var(--color-purple)}.main.wrap .m-frame{background-color:var(--color-purple)}@keyframes fadeIn{from{opacity:.2}to{opacity:1}}.main.wrap .footer .copy{color:#d3d3d3}.main.wrap .promo{opacity:0;animation:fadeIn 1.3s ease-in forwards}.container{padding:0 28px}.promo{margin:0 -30px 44px;position:relative}.promo .tit-img{display:block;border-radius:0 0 50px 50px;overflow:hidden;filter:drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.25))}.promo .quiz-txt{position:relative;text-align:center;margin-top:-32px;padding:0 16px}.promo .quiz-txt .txt{display:inline-block;font:700 24px/1.3 var(--font-elice);color:#fff;background:var(--color-purple);text-align:center;padding:32px 38px 28px;border-radius:100px}.promo .quiz-txt .txt::after{content:"";position:absolute;top:-20px;left:50%;margin-left:-15px;display:block;width:30px;height:30px;background:url(../img/ico-bubble-tail.svg) 50% 50% no-repeat}.promo .quiz-txt .txt em{color:#f7e758}.counter{color:#fff;font-weight:500;margin:32px 0}.counter .tit{font:24px var(--font-elice)}.counter .txt{font:14px var(--font-elice);margin:8px 0;padding:0 4px}.counter .box{margin:24px 0;padding:26px 16px;border-radius:5px;border:1px solid var(--color-alpha3__white);background:rgba(255,255,255,.08)}.counter .box li{display:flex;justify-content:space-between;align-content:center;align-items:center;padding:0 4px}.counter .box li+li{margin-top:13px;padding-top:14px;border-top:1px solid var(--color-alpha3__white)}.counter .box dfn{font:normal 20px var(--font-elice)}.counter .box .num{font:20px var(--font-elice);text-align:right}.counter .box .num::after{content:" 명";font-size:18px}.counter .box .point::after{content:" 점";font-size:18px}.event-result{color:#fff;font-weight:500;margin:32px 0}.event-result .tit{font:24px var(--font-elice);margin:0 0 8px}.event-result .txt{font-size:16px;padding:0 4px}.event-result .txt p{margin:8px 0}.event-result .txt strong{color:#f7e758}.event-result .box{margin:24px 0;padding:26px 16px;border-radius:5px;border:1px solid var(--color-alpha3__white);background:rgba(255,255,255,.08)}.event-result .box .box-tit{font:18px var(--font-elice);border-bottom:1px solid var(--color-alpha3__white);margin-bottom:13px;padding-bottom:14px}.event-result .list{display:flex;gap:8px;flex-wrap:wrap}.event-result .list li{font-size:16px;letter-spacing:-1px}.event-result .list li::before{content:"· "}.event-result .btn{margin:20px 0;text-align:center}.event-result .btn.done{opacity:.3}.event-result .btn-link{display:inline-block;padding:18px;border-radius:100px;border:2px solid #fff;color:#fff;font:18px var(--font-elice)}.history{padding:28px 0;margin:0 -28px}.history .tit{font:18px var(--font-elice);color:#fff;padding:0 28px}.history .items{display:flex;overflow-x:scroll;gap:24px;justify-content:space-between;padding:12px 28px}.history .items>li{text-align:center}.history .items a{display:block;width:100px}.history .items .img-box img{width:100%}.history .items .txt{display:block;font:12px var(--font-elice);color:#fff;margin:12px 0}.banner{margin:24px 0}.footer{margin-top:auto}.footer .copy{text-align:center;padding:18px;color:#565656;font-size:13px;font-weight:400}.share{box-sizing:border-box;background:#182441;display:flex;padding:10px 24px 10px 28px;justify-content:space-between;align-items:center;gap:8px}.share .tit{color:#fff;font-size:18px;font-weight:500;font-family:var(--font-elice);letter-spacing:-0.72px}.share .sns-list{flex:1;display:flex;gap:6px;justify-content:end}.share .sns-list .sns{padding:4px}.share .sns-list .ico{display:block;width:24px;height:24px;background:var(--sp-img) var(--sp-sns-kakaotalk) no-repeat}.share .sns-list .ico.twitter{background-position:var(--sp-sns-twitter)}.share .sns-list .ico.facebook{background-position:var(--sp-sns-facebook)}.share .sns-list .ico.kakaotalk{background-position:var(--sp-sns-kakaotalk)}.share .sns-list .ico.instagram{background-position:var(--sp-sns-instagram)}.share .sns-list .ico.url{background-position:var(--sp-ico-clip)}@keyframes earthquake{0%,100%{transform:translateX(0) rotate(0)}10%,30%,50%,70%,90%{transform:translateX(-4px) rotate(0.2deg)}20%,40%,60%,80%{transform:translateX(4px) rotate(0)}}@keyframes gradientFlow{0%{background-position:0% 0}50%{background-position:100% 0}100%{background-position:0% 0}}.quiz.wrap{gap:40px;background:#efede2}.quiz.wrap .m-frame{background:#efede2}.quiz .container{height:100%}.quiz .quiz-content{display:flex;flex-direction:column;gap:40px;justify-content:space-between;flex:1;height:100%}.quiz .promo{margin-bottom:0}.quiz-answer{flex:1;display:flex;justify-content:center;align-items:center}.quiz-answer .items{display:flex;gap:16px;justify-content:center}.quiz-answer .btn-quiz{display:block;width:158px;height:154px;background:url(../img/sp-btn-quiz.png) 0 0/158px auto no-repeat}.quiz-answer .btn-quiz.o{background-position:0 -180px}.quiz-answer .btn-quiz.x{background-position:0 -540px}.quiz-answer .quiz-radio:checked+.btn-quiz{animation:earthquake 50ms 5}.quiz-answer .quiz-radio:checked+.o{background-position:0 0}.quiz-answer .quiz-radio:checked+.x{background-position:0 -360px}.quiz-btn{text-align:center}.quiz-btn .btn-next{border:2px solid var(--color-purple);padding:18px 45px;font:24px var(--font-elice);border-radius:100px;font-size:1px}.quiz-btn .btn-next:hover{background:var(--color-purple)}.quiz-btn .btn-next:hover img{filter:brightness(0) invert(1)}.quiz-btn .level{margin-top:24px}.quiz-btn .level .cur{font:600 20px var(--font-elice);color:#3d3d3d;font-weight:700}.quiz-btn .level .page{font:20px var(--font-elice);color:#9b9b9b}.process{background:var(--bg-liner)}.process .container{background:url(../img/bg-ai.jpg) 50% 0/496% auto repeat-x;animation:gradientFlow 3s cubic-bezier(0.5, 0.6, 0.5, 0.4) infinite}.process .proc-txt{font:700 20px var(--font-elice);color:#fff;text-align:center;padding:20px 0}.result{background:#efede2}.result .promo .tit-img{border-radius:0}.result .rank-txt{font:28px var(--font-elice);text-align:center;margin:36px 0}.result .rank-txt .txt{display:inline-block;position:relative;z-index:1}.result .rank-txt .txt::after{content:"";display:block;width:100%;height:22px;background:#f4e27e;border-radius:30px;padding:0 12px;margin:-16px -12px 0;position:absolute;z-index:-1}.result .rank-txt em{color:#d61414;font-weight:700}.result .rank-img{margin:0 -16px}.result .rank-desc{font-family:var(--font-elice)}.result .rank-desc .tit{color:var(--color-purple);font:700 24px var(--font-elice);letter-spacing:-2px;text-align:center;margin:0 0 18px}.result .rank-desc .txt{font-size:18px;font-weight:300;color:#3d3d3d;margin-bottom:18px}.result .rank-desc .txt strong,.result .rank-desc .txt em{display:block;font-weight:600}.result-btn{margin:32px 0;text-align:center}.result-btn .btn-retry{border:2px solid var(--color-purple);padding:18px 45px;font:24px var(--font-elice);border-radius:100px;font-size:1px}.result-btn .btn-retry:hover{background:var(--color-purple)}.result-btn .btn-retry:hover img{filter:brightness(0) invert(1)}.result .history{background:#dedbcc}.result .history .tit{color:#3d3d3d}.result .history .txt{color:#3d3d3d}@keyframes cloudBounce{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@media(min-width: 640px){body{background:var(--bg-pc);max-width:none;position:relative;height:100vh}body .pc-frame{width:1469px;min-height:760px;height:100%;background:url(../img/bg-pc-hand.png) 100% 100% no-repeat;box-sizing:border-box;padding:56px 0;position:relative;margin:0 auto;position:absolute;left:50%;transform:translate(-50%, 0)}body .pc-frame .m-frame{width:480px;height:100%;border-radius:50px;box-shadow:15px 15px 20px 0px rgba(0,0,0,.25);overflow:hidden;margin:0 auto;border:10px solid #fff;min-height:0;overflow:hidden;background:#fff}body .pc-frame .m-frame .wrap{overflow-y:auto;height:100%;min-height:0}body .pc-frame::before{position:absolute;bottom:200px;right:50%;margin-right:318px;display:block;content:"";width:565px;height:276px;background:url(../img/img-pc-bubble-left.png) 0 0 no-repeat;animation:cloudBounce 3s ease-in-out infinite}body .pc-frame::after{position:absolute;bottom:360px;left:50%;margin-left:400px;display:block;content:"";width:455px;height:273px;background:url(../img/img-pc-bubble-right.png) no-repeat;animation:cloudBounce 2s ease-in-out infinite}body .wrap.main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5);border-radius:4px}body .wrap.main::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.6)}body .wrap.main::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,.8)}}/*# sourceMappingURL=urimalgosa6.min.css.map */