@charset "UTF-8";.quiz{color:#fff}.quiz-contents{padding-bottom:30px}.quiz-contents__result-area{position:relative;text-align:center}.quiz-contents__result-area__img-text{position:absolute;width:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:25%}.quiz-contents__result-area__img-arrow{position:absolute;width:8%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:5%}.quiz-contents__result-area__img-mark{width:80%}.quiz-contents__quiz-area__quiz-count-area{position:relative}.quiz-contents__quiz-area__quiz-count-area__quiz-count{color:#000;position:absolute;width:100%;text-align:center;bottom:0;font-size:38px;font-weight:700}.quiz-contents__quiz-area__quiz-img-area{text-align:center}.quiz-contents__quiz-area__quiz-img-area__quiz-img{padding:15px;width:250px;height:250px;object-fit:cover}.quiz-contents__quiz-area__quiz-text-area{padding:15px}.quiz-contents__quiz-area__quiz-select-area{padding:10px;text-align:center}.quiz-contents__quiz-area__quiz-select-area__quiz-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:10px}.quiz-contents__quiz-area__quiz-select-area__quiz-select__quiz-select-item{position:relative;width:25%;height:100px;text-align:center;cursor:pointer}.quiz-contents__quiz-area__quiz-select-area__quiz-select__quiz-select-item input[type=radio]{opacity:0}.quiz-contents__quiz-area__quiz-select-area__quiz-select__quiz-select-item input[type=radio]+label{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;font-size:28px}.quiz-contents__quiz-area__quiz-select-area__answer-sub{width:60%;border:none;background-color:rgba(0,0,0,0);height:10%;background-position:center;background-size:contain;background-repeat:no-repeat}.quiz-contents__level-area__level-img-reflection{position:relative;overflow:hidden}.quiz-contents__level-area__level-img-reflection:after{content:"";display:block;width:30px;height:100%;position:absolute;top:-180px;left:0;background-color:#fff;opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:reflection 2s ease-in-out infinite;animation:reflection 2s ease-in-out infinite}.quiz-contents__level-area__level-img-download{text-align:center;padding:20px 0}.quiz-contents__level-area__level-img-download__btn{width:70%;max-width:480px}.quiz-contents__level-area__sns{position:relative}.quiz-contents__level-area__sns__text{text-align:center;position:absolute;top:20%;left:0;width:100%;color:#000;font-weight:700}.quiz-contents__level-area__sns__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:10%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:80%;height:50%}.quiz-contents__level-area__sns__wrapper__sns-icon{width:30%}.quiz-contents__level-area__quiz-link{text-align:center;padding:20px 0}.quiz-contents__level-area__quiz-link__btn-frame{width:70%;max-width:480px}.quiz-contents__level-area__quiz-link__btn{width:40%;max-width:320px}.dnone{display:none}#topics-page{padding:60px 0 100px}@media(min-width:750px){#topics-page{padding:100px 0}.quiz{background-size:60%!important}}@-webkit-keyframes reflection{0%{-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);opacity:.35}81%{-webkit-transform:scale(5) rotate(45deg);transform:scale(5) rotate(45deg);opacity:1}100%{-webkit-transform:scale(45) rotate(45deg);transform:scale(45) rotate(45deg);opacity:0}}@keyframes reflection{0%{-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);opacity:.35}81%{-webkit-transform:scale(5) rotate(45deg);transform:scale(5) rotate(45deg);opacity:1}100%{-webkit-transform:scale(45) rotate(45deg);transform:scale(45) rotate(45deg);opacity:0}}