@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;900&family=Oswald:wght@700&display=swap");[id^=answer] .test-content,[id^=test] .test-content{position:relative;padding:0;z-index:0}@media screen and (min-width:769px){[id^=answer] .test-content,[id^=test] .test-content{padding:0}}[id^=answer] .test-main,[id^=test] .test-main{padding:10px}[id^=answer] .test-top-title,[id^=test] .test-top-title{margin:20px auto 0;display:block;width:85vw;max-width:1120px}[id^=answer] .test-top-title img,[id^=test] .test-top-title img{width:100%;height:100%;max-height:160px;object-fit:contain}[id^=answer] .button-list,[id^=test] .button-list{justify-content:center;margin:55px auto 0;width:90%;max-width:950px;gap:0 clamp(10px,6vw,50px);display:grid;grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px){[id^=answer] .button-list,[id^=test] .button-list{margin-top:130px}}[id^=answer] .button-item,[id^=test] .button-item{width:100%;aspect-ratio:31/34;transform:skewX(-10deg);transform-origin:center center;box-shadow:0 0 0 2px #fff,0 0 0 6px #000,3px 3px 0 6px #000;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}@media screen and (min-width:960px){[id^=answer] .button-item,[id^=test] .button-item{aspect-ratio:283/240;box-shadow:0 0 0 2px #fff,0 0 0 10px #000,6px 6px 0 10px #000}}[id^=answer] .button-item:after,[id^=answer] .button-item:before,[id^=test] .button-item:after,[id^=test] .button-item:before{position:absolute;bottom:0;left:0;width:100%;height:100%;content:'';transition:all 0.3s ease}[id^=answer] .button-item:before,[id^=test] .button-item:before{background:#60c3f9;z-index:-1}[id^=answer] .button-item:after,[id^=test] .button-item:after{background:url("../img/beginner/test/dot_top.png") no-repeat bottom center;position:absolute;bottom:0;left:0;width:100%;height:100%;content:'';z-index:0}[id^=answer] .button-item.is-beginner:before,[id^=test] .button-item.is-beginner:before{background:#6ebc54}[id^=answer] .button-item.is-beginner:after,[id^=test] .button-item.is-beginner:after{filter:brightness(90%) contrast(115%) hue-rotate(260deg)}[id^=answer] .button-item.is-beginner:focus-within:after,[id^=answer] .button-item.is-beginner:hover:after,[id^=test] .button-item.is-beginner:focus-within:after,[id^=test] .button-item.is-beginner:hover:after{filter:brightness(72%) contrast(115%) hue-rotate(260deg)}[id^=answer] .button-item.is-intermediate:before,[id^=test] .button-item.is-intermediate:before{background:#f08533}[id^=answer] .button-item.is-intermediate:after,[id^=test] .button-item.is-intermediate:after{filter:brightness(86%) contrast(105%) hue-rotate(196deg) saturate(159%)}[id^=answer] .button-item.is-intermediate:focus-within:after,[id^=answer] .button-item.is-intermediate:hover:after,[id^=test] .button-item.is-intermediate:focus-within:after,[id^=test] .button-item.is-intermediate:hover:after{filter:brightness(69%) contrast(105%) hue-rotate(196deg) saturate(159%)}[id^=answer] .button-item.is-advanced:focus-within:after,[id^=answer] .button-item.is-advanced:hover:after,[id^=test] .button-item.is-advanced:focus-within:after,[id^=test] .button-item.is-advanced:hover:after{filter:brightness(80%)}[id^=answer] .button-item:focus-within:before,[id^=answer] .button-item:hover:before,[id^=test] .button-item:focus-within:before,[id^=test] .button-item:hover:before{filter:brightness(160%) contrast(250%)}[id^=answer] .button-link,[id^=test] .button-link{display:inline-block;z-index:1;transform:skewX(10deg);height:70%;width:120%;margin:auto;display:flex;justify-content:center;align-items:center;outline:none}@media screen and (min-width:960px){[id^=answer] .button-link,[id^=test] .button-link{height:60%}}[id^=answer-] .test-detail-title,[id^=test-] .test-detail-title{display:block;margin:1em auto}[id^=answer-] .test-detail-title img,[id^=test-] .test-detail-title img{object-fit:contain;width:90%;height:30vw;max-height:70px;margin:auto}@media screen and (min-width:960px){[id^=answer-] .test-detail-title img,[id^=test-] .test-detail-title img{width:600px;max-height:90px}}[id^=answer-] .test-icon,[id^=test-] .test-icon{width:36vw;max-width:260px;display:block;margin:5px auto}@media screen and (min-width:769px){[id^=answer-] .test-icon,[id^=test-] .test-icon{margin-top:10px}}[id^=answer-] .question,[id^=test-] .question{position:relative;width:calc(100% - 30px);max-width:800px;margin:clamp(40px,5vw,50px) auto 10px;padding:20px 15px;padding:clamp(20px,4.5vw,44px) clamp(15px,3.9vw,37px);box-shadow:0.4em 0.5em 0 0 #000;border:solid clamp(5px,1vw,10px) #000}[id^=answer-] .question:before,[id^=test-] .question:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff url("../img/beginner/test/dot.png") no-repeat top center/130% auto;z-index:-1}@media screen and (min-width:960px){[id^=answer-] .question:before,[id^=test-] .question:before{background-size:100% auto}}[id^=answer-] .question-no:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)),[id^=test-] .question-no:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)){font-family:'M PLUS Rounded 1c'}[id^=answer-] .question-no,[id^=test-] .question-no{font-weight:900;font-size:clamp(2rem,4vw,4rem);font-style:italic;color:#fff049;display:flex;align-items:center;position:absolute;top:0;left:clamp(-10px,-1vw,-5px);transform:translateY(-50%);padding:0.05em 0.5em}[id^=answer-] .question-no:after,[id^=test-] .question-no:after{content:'';position:absolute;top:0;left:0;width:calc(100% + 1em);height:100%;background:#000;clip-path:polygon(0 0,0% 100%,100% 0);clip-path:polygon(0 0,100% 0%,calc(100% - 1em) 100%,0% 100%);z-index:-1}[id^=answer-] .question-userAnswer:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)),[id^=test-] .question-userAnswer:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)){font-family:'M PLUS Rounded 1c'}[id^=answer-] .question-userAnswer,[id^=test-] .question-userAnswer{margin-bottom:10px;background-color:#fff9ca;border-radius:11px;padding:11px 5px;font-size:18px;line-height:1.2;font-weight:900;text-align:center;text-shadow:1px 1px #fff,-1px -1px #fff,0px 0px 4px #fff}[id^=answer-] .question-userAnswer.is-true span,[id^=test-] .question-userAnswer.is-true span{color:#eb2932}[id^=answer-] .question-userAnswer.is-false span,[id^=test-] .question-userAnswer.is-false span{color:#256bd4}@media screen and (min-width:960px){[id^=answer-] .question-userAnswer,[id^=test-] .question-userAnswer{margin-bottom:20px;border-radius:22px;padding:18px 10px;font-size:36px}}@media (max-width:374px){[id^=answer-] .question-userAnswer:lang(en),[id^=answer-] .question-userAnswer:lang(pt-BR),[id^=test-] .question-userAnswer:lang(en),[id^=test-] .question-userAnswer:lang(pt-BR){font-size:16px}[id^=answer-] .question-userAnswer:lang(fr),[id^=test-] .question-userAnswer:lang(fr){font-size:14px}}[id^=answer-] .question-text:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)),[id^=test-] .question-text:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)){font-family:'M PLUS Rounded 1c'}[id^=answer-] .question-text,[id^=test-] .question-text{font-weight:500;font-size:clamp(1.3rem,2.4vw,2.4rem);line-height:1.67;text-shadow:1px 1px #fff,-1px -1px #fff,0px 0px 4px #fff}[id^=answer-] .question-image,[id^=test-] .question-image{border:clamp(3px,0.6vw,6px) solid #000;margin:clamp(17px,3.5vw,35px) auto 0;display:block}[id^=answer-] .question-answer,[id^=test-] .question-answer{padding:35px 15px 15px;margin-top:clamp(20px,5vw,50px);background-color:#fff9ca;position:relative}[id^=answer-] .question-answer-title,[id^=test-] .question-answer-title{position:absolute;top:0;left:0;right:0;width:100%;height:clamp(30px,6vw,60px);object-fit:contain;display:block;margin:auto;transform:translateY(-50%)}[id^=answer-] .choose,[id^=test-] .choose{width:155px;margin:clamp(10px,3vw,30px) auto 0;display:block;width:100%;height:clamp(35px,6vw,60px);object-fit:contain}[id^=answer-] .answer-false,[id^=answer-] .answer-true,[id^=test-] .answer-false,[id^=test-] .answer-true{transition:all 0.3s ease;filter:drop-shadow(6px 6px 0 #000)}[id^=answer-] .answer-false img,[id^=answer-] .answer-true img,[id^=test-] .answer-false img,[id^=test-] .answer-true img{width:75.8%}[id^=answer-] .answer-true,[id^=test-] .answer-true{background:url("../img/beginner/test/bg_true.png") no-repeat center/contain}[id^=answer-] .answer-false,[id^=test-] .answer-false{background:url("../img/beginner/test/bg_false.png") no-repeat center/contain}[id^=answer-] .answer-text:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)),[id^=test-] .answer-text:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)){font-family:'M PLUS Rounded 1c'}[id^=answer-] .answer-text,[id^=test-] .answer-text{font-weight:500;font-size:clamp(13px,2.4vw,2.4rem);line-height:1.67}[id^=answer-] .answer-text a,[id^=test-] .answer-text a{color:#000;text-decoration:underline;transition:all 0.3s ease}[id^=answer-] .answer-text a:focus-within,[id^=answer-] .answer-text a:hover,[id^=test-] .answer-text a:focus-within,[id^=test-] .answer-text a:hover{opacity:0.6}[id^=answer-] .answer-count:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)),[id^=test-] .answer-count:not(:lang(ko)):not(:lang(zh-cmn-Hant-TW)){font-family:'M PLUS Rounded 1c'}[id^=answer-] .answer-count,[id^=test-] .answer-count{width:88vw;max-width:580px;padding:1.25em 1em;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;line-height:1.5;font-size:clamp(1.2rem,2.8vw,2.8rem);background:#fff;border:3px solid #000;border-radius:10px;box-shadow:5px 5px 0 #000;position:relative;margin-top:10px}[id^=answer-] .answer-count:lang(de),[id^=answer-] .answer-count:lang(fr),[id^=test-] .answer-count:lang(de),[id^=test-] .answer-count:lang(fr){max-width:804px}@media screen and (min-width:960px){[id^=answer-] .answer-count,[id^=test-] .answer-count{padding:0.75em;border-width:6px;border-radius:20px;box-shadow:10px 10px 0 #000;margin-top:20px}[id^=answer-] .answer-count br,[id^=test-] .answer-count br{display:none}}[id^=answer-] .answer-count:before,[id^=test-] .answer-count:before{content:"";position:absolute;top:-12.5px;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom:8px solid #fff;z-index:2}@media screen and (min-width:960px){[id^=answer-] .answer-count:before,[id^=test-] .answer-count:before{top:-25px;margin-left:-10px;border:10px solid transparent;border-bottom:16px solid #fff}}[id^=answer-] .answer-count:after,[id^=test-] .answer-count:after{content:"";position:absolute;top:-20.5px;left:50%;margin-left:-8px;border:8px solid transparent;border-bottom:12.5px solid #000;z-index:1}@media screen and (min-width:960px){[id^=answer-] .answer-count:after,[id^=test-] .answer-count:after{top:-41px;margin-left:-16px;border:16px solid transparent;border-bottom:25px solid #000}}[id^=answer-] .answer-count-text,[id^=test-] .answer-count-text{color:#eb2932;font-size:135%;font-weight:900}[id^=answer-] .answer-count .sub,[id^=test-] .answer-count .sub{font-size:clamp(1.2rem,2.4vw,2.4rem)}[id^=answer-] .answer-image,[id^=answer-] .answer-image2,[id^=test-] .answer-image,[id^=test-] .answer-image2{margin:20px auto 0;max-width:100%;height:auto;display:block;border:clamp(3px,0.6vw,6px) solid #000}[id^=answer-] .answer-mp4,[id^=test-] .answer-mp4{margin:20px auto 0}[id^=answer-] .answer-mp4 video,[id^=test-] .answer-mp4 video{max-width:100%;height:auto}[id^=answer-] .answer-youtube,[id^=test-] .answer-youtube{margin:20px auto 0;max-width:100%;aspect-ratio:16/9}[id^=answer-] .answer-youtube iframe,[id^=test-] .answer-youtube iframe{width:100%;height:100%}.answer-group{display:flex;justify-content:center;align-items:center;gap:16px;width:90%;margin:8px auto 0;max-width:280px}@media screen and (min-width:960px){.answer-group{margin-top:15px;gap:30px;max-width:560px}}.answer-group input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}.answer-group .answer-btn{overflow:visible;display:flex;justify-content:center;align-items:center;cursor:pointer;aspect-ratio:265/160}@media (hover:hover) and (pointer:fine){.answer-group input[type=radio]:focus-visible+label.answer-btn,.answer-group label.answer-btn:hover{filter:contrast(200%) grayscale(19%) drop-shadow(6px 6px 0 black)}.answer-group input[type=radio]:focus-visible+label.answer-btn img,.answer-group label.answer-btn:hover img{filter:drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 2px black)}}.answer-group label img{display:block}#answer-low .title-bg:before,#test-low .title-bg:before{filter:brightness(90%) contrast(115%) hue-rotate(260deg)}#answer-low .question:before,#test-low .question:before{filter:hue-rotate(263deg)}#answer-middle .title-bg:before,#test-middle .title-bg:before{filter:brightness(86%) contrast(105%) hue-rotate(196deg) saturate(159%)}#answer-middle .question:before,#test-middle .question:before{filter:hue-rotate(196deg)}.js-anime-fadein{opacity:0;transform:scale(1.25) translateY(-20px);transition:all 0.2s ease}.js-anime-fadein.js-anime-fadein-01{transition-delay:0.1s}.js-anime-fadein.js-anime-fadein-02{transition-delay:0.2s}.js-anime-fadein.js-anime-fadein-03{transition-delay:0.3s}.js-anime-fadein.js-anime-fadein-04{transition-delay:0.4s}.js-anime-fadein.js-anime-fadein-loaded{opacity:1;transform:none}.js-anime-scroll{opacity:0;visibility:hidden;transform:scale(1.25) translateY(-20px);transition:all 0.2s ease;transition-delay:0.4s}.js-anime-scroll.js-anime-scroll-loaded{opacity:1;visibility:visible;transform:none}#answer-content{display:none}.test-hidden{opacity:0;visibility:hidden}.test-hidden.js-show{opacity:1;visibility:visible}.loading{top:0;left:0;width:100%;height:100vh;position:absolute;transition:all 0.2s}.loading.js-hide{opacity:0;visibility:hidden}.loading .loading-img{position:absolute;top:22vw;left:50%;transform:translateX(-50%);font-size:0;line-height:0}.loading .loading-img .loader,.loading .loading-img .loader:after,.loading .loading-img .loader:before{border-radius:50%;width:12px;height:12px;animation-fill-mode:both;animation:loaderAnimationSp 1.8s infinite ease-in-out}@media screen and (min-width:960px){.loading .loading-img .loader,.loading .loading-img .loader:after,.loading .loading-img .loader:before{width:25px;height:25px;animation:loaderAnimationPc 1.8s infinite ease-in-out}}.loading .loading-img .loader{color:#000;font-size:10px;margin:auto;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-0.16s}.loading .loading-img .loader:before{left:-18px;animation-delay:-0.32s}.loading .loading-img .loader:after{left:18px}@media screen and (min-width:960px){.loading .loading-img .loader:before{left:-35px}.loading .loading-img .loader:after{left:35px}}.loading .loading-img .loader:after,.loading .loading-img .loader:before{content:'';position:absolute;top:0}@keyframes animationNext{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes loaderAnimationSp{0%,80%,to{box-shadow:0 12px 0 -7px}40%{box-shadow:0 12px 0 0}}@keyframes loaderAnimationPc{0%,80%,to{box-shadow:0 25px 0 -13px}40%{box-shadow:0 25px 0 0}}