.visual{margin:0 -50px;background:#ffece9;position:relative}.visual>img{width:100%}.visual .btn{position:absolute;top:380px;left:50%;transform:translateX(-50%);width:55%}.visual .btn .visual-btn{width:100%}.section{margin:0 -50px;background:#ffece9}.section .section-wrap{padding:0 72px}.section .section-wrap .txt-detail{text-align:center;letter-spacing:-1.2px}.section .section-wrap .txt-detail p{color:#121212}.section .section-wrap .txt-detail p+p{margin-top:4px}.section .section-wrap .txt-detail span{color:#f250bc;font-weight:700}.section .section-wrap .quiz-area{margin:55px auto 0;width:100%;position:relative;z-index:1}.section .section-wrap .quiz-area .quiz-tit{position:absolute;padding:11px 0;width:198px;background:#fff;font-family:"NanumSquare";font-size:28px;font-weight:600;text-align:center;border:2px solid #121212;border-radius:80px;top:-30px;right:40px}.section .section-wrap .quiz-area .quiz-desc{padding:60px 50px;width:100%;border:2px solid #121212;border-radius:30px;background:#fff;font-size:36px;text-align:center;letter-spacing:-1.4px}.section .section-wrap .quiz-area .quiz-desc>p{font-size:36px}.section .section-wrap .quiz-area .quiz-desc .hint{position:relative;display:inline-block;margin-top:30px;font-weight:500;color:#0b87f3}.section .section-wrap .quiz-area .quiz-desc .hint:before{position:absolute;content:"";display:block;width:43px;height:60px;background:url(/img/mobile/maeil-quiz/ico-clover-heart.png) no-repeat;left:-35%;top:0}.answer-area{padding:260px 0 160px;margin:0 -50px;background:url(/img/mobile/maeil-quiz/quiz-bg.png) no-repeat top center;background-size:100%;position:relative;top:-200px;z-index:0}.answer-area .answer-list{padding:0 50px}.answer-area .answer-list .radio-group div{position:relative}.answer-area .answer-list input{position:absolute;left:0;top:0;width:100%;height:100%}.answer-area .answer-list label{display:block;height:100%}.answer-area .answer-list label span{display:block}.answer-area .answer-list.typeA{padding:0 72px}.answer-area .answer-list.typeA .radio-group div+div{margin-top:30px}.answer-area .answer-list.typeA .radio-group div input{opacity:0}.answer-area .answer-list.typeA .radio-group div input[type=radio]:checked+label,.answer-area .answer-list.typeA .radio-group div input[type=checkbox]:checked+label{position:relative}.answer-area .answer-list.typeA .radio-group div input[type=radio]:checked+label span.answer,.answer-area .answer-list.typeA .radio-group div input[type=checkbox]:checked+label span.answer{background:#ffdbd6}.answer-area .answer-list.typeA .radio-group div input[type=radio]:checked+label::after,.answer-area .answer-list.typeA .radio-group div input[type=checkbox]:checked+label::after{position:absolute;content:"";display:block;width:684px;height:117px;background:url(/img/mobile/maeil-quiz/ico-correct-a.png) no-repeat;background-size:100%;bottom:-2px;right:-2px;z-index:100}.answer-area .answer-list.typeA .radio-group div label span{display:flex;align-items:center}.answer-area .answer-list.typeA .radio-group div label span.number{justify-content:center;width:100px;height:100px;border:2px solid #121212;border-radius:50%;background:#fff;font-size:40px;position:absolute}.answer-area .answer-list.typeA .radio-group div label span.answer{width:100%;height:100px;padding-left:124px;border:2px solid #121212;border-radius:100px;background:#fff;font-size:36px}.answer-area .answer-list.typeB{padding:0;margin:0 auto;width:700px}.answer-area .answer-list.typeB .radio-group{display:flex;flex-wrap:wrap;gap:20px}.answer-area .answer-list.typeB .radio-group div{width:340px}.answer-area .answer-list.typeB .radio-group div input[type=radio],.answer-area .answer-list.typeB .radio-group div input[type=checkbox]{opacity:0}.answer-area .answer-list.typeB .radio-group div input[type=radio]:checked+label::after,.answer-area .answer-list.typeB .radio-group div input[type=checkbox]:checked+label::after{position:absolute;content:"";display:block;width:340px;height:398px;background:url(/img/mobile/maeil-quiz/ico-correct-b.png) no-repeat;background-size:100%;bottom:-1px;right:0;z-index:100}.answer-area .answer-list.typeB .radio-group div input[type=radio]:checked+label span.answer,.answer-area .answer-list.typeB .radio-group div input[type=checkbox]:checked+label span.answer{position:relative;background:#ffece9}.answer-area .answer-list.typeB .radio-group div label span.answer{width:100%;height:340px;overflow:hidden;border:2px solid #121212;border-radius:40px;background:#fff}.answer-area .answer-list.typeB .radio-group div label span img{width:100%}.answer-area .answer-list.typeC .radio-group{display:flex;justify-content:center;gap:20px}.answer-area .answer-list.typeC .radio-group div{width:340px}.answer-area .answer-list.typeC .radio-group div input[type=radio]:checked+label,.answer-area .answer-list.typeC .radio-group div input[type=checkbox]:checked+label{position:relative}.answer-area .answer-list.typeC .radio-group div input[type=radio]:checked+label span.answer,.answer-area .answer-list.typeC .radio-group div input[type=checkbox]:checked+label span.answer{position:relative}.answer-area .answer-list.typeC .radio-group div input[type=radio]:checked+label span.answer.answerA,.answer-area .answer-list.typeC .radio-group div input[type=checkbox]:checked+label span.answer.answerA{background:#ffece9 url(/img/mobile/maeil-quiz/answer-onA.png) no-repeat center}.answer-area .answer-list.typeC .radio-group div input[type=radio]:checked+label span.answer.answerB,.answer-area .answer-list.typeC .radio-group div input[type=checkbox]:checked+label span.answer.answerB{background:#ffece9 url(/img/mobile/maeil-quiz/answer-onB.png) no-repeat center}.answer-area .answer-list.typeC .radio-group div input[type=radio]:checked+label::after,.answer-area .answer-list.typeC .radio-group div input[type=checkbox]:checked+label::after{position:absolute;content:"";display:block;width:340px;height:398px;background:url(/img/mobile/maeil-quiz/ico-correct-b.png) no-repeat;background-size:100%;bottom:-1px;right:0;z-index:100}.answer-area .answer-list.typeC .radio-group div label span.answer{width:100%;height:340px;border:2px solid #121212;border-radius:40px}.answer-area .answer-list.typeC .radio-group div label span.answer.answerA{background:#fff url(/img/mobile/maeil-quiz/answer-defaultA.png) no-repeat center}.answer-area .answer-list.typeC .radio-group div label span.answer.answerB{background:#fff url(/img/mobile/maeil-quiz/answer-defaultB.png) no-repeat center}.answer-area .answer-list.typeD{padding:0 72px}.answer-area .answer-list.typeD .input-wrap input{position:relative;padding:20px 48px;height:100px;border-radius:20px;border:2px solid #121212}.answer-area .answer-list.typeD .input-wrap input::placeholder{font-size:36px}.quiz-btn{margin:-300px 0 0 0}.quiz-btn .btn{position:relative;width:100%;padding:33px 0;border-radius:40px;border:2px solid #121212;box-shadow:0 4px 0 0 #121212;font-weight:500}.quiz-btn .btn+.btn{margin-top:38px}.quiz-btn .btn.confirm{background:#29b674 url(/img/mobile/maeil-quiz/ico-btn-confirm.png) no-repeat center right 200px;color:#fff;font-size:36px;letter-spacing:-1.3px}.quiz-btn .btn.confirm::after{position:absolute;content:"";display:block;width:751px;height:146px;background:url(/img/mobile/maeil-quiz/ico-btn-coin.png) no-repeat;top:-24px;left:-33px}.quiz-btn .btn.share{display:inline-flex;justify-content:center;padding-left:56px;background:#ffeb00 url(/img/mobile/maeil-quiz/ico-btn-kakao.png) no-repeat center left 141px;color:#121212;font-size:33px;letter-spacing:-1.4px}.quiz-btn .btn:disabled,.quiz-btn .btn.complete{color:#393939;background-color:#d8d8d8}.quiz-btn .btn.complete:after{content:"";display:inline-block;width:12px;height:20px;margin:-4px 0 0 10px;vertical-align:middle;background:url(/img/mobile/common/ico_more16.png) no-repeat}.quiz-bann{margin-top:10px;padding-top:30px}.product-list-area{margin-top:80px}.product-list-area .tit{font-size:36px;text-align:center;letter-spacing:-1.4px}.checkAnswerLayer.layer{padding:80px 50px;background:#fff;overflow-y:auto}.checkAnswerLayer.layer .description{display:flex;flex-direction:column;justify-content:center;text-align:center}.checkAnswerLayer.layer .description .top-tit{display:block;padding-top:110px;font-size:48px;font-weight:500;background:url(/img/mobile/maeil-quiz/ico-smile.png) no-repeat center top}.checkAnswerLayer.layer .description .top-tit.right{line-height:1em}.checkAnswerLayer.layer .description .top-tit.right .point{color:#f250bc}.checkAnswerLayer.layer .description .date{margin-top:20px;font-size:20px;line-height:1em}.checkAnswerLayer.layer .description .add-txt{margin:23px 0 40px 0;letter-spacing:-1.2px}.checkAnswerLayer.layer .description .coupon-area{margin-top:35px;padding-top:32px;border-top:1px solid #d8d8d8}.checkAnswerLayer.layer .description .coupon-area .box-tit{margin-bottom:35px;font-size:40px;font-weight:500;line-height:1em}.checkAnswerLayer.layer .description .coupon-area .couponWrap{position:relative;margin-top:18px;padding:26px 200px 30px 45px;border:2px solid #3866a0;border-radius:20px;text-align:left}.checkAnswerLayer.layer .description .coupon-area .couponWrap .title p{margin-bottom:15px;color:#242424;word-break:normal}.checkAnswerLayer.layer .description .coupon-area .couponWrap .title span{font-size:40px;color:#3866a0;font-weight:700}.checkAnswerLayer.layer .description .coupon-area .couponWrap .title span strong{font-size:60px}.checkAnswerLayer.layer .description .coupon-area .couponWrap .condition{margin-top:15px;color:#838383;font-size:25px}.checkAnswerLayer.layer .description .coupon-area .couponWrap .limit{position:absolute;right:-2px;top:-2px;bottom:-2px;padding-right:2px;display:flex;justify-content:center;flex-direction:column;width:176px;border-radius:0 23px 23px 0;text-align:center;font-size:25px;color:#c7e0ff;line-height:40px;background:#3866a0 url(/img/mobile/maeil-quiz/bg_coupon.png) repeat-y 0 0}.checkAnswerLayer.layer .description .coupon-area .couponWrap .limit span{color:#fff}.checkAnswerLayer.layer .description .commentary{padding-top:30px;margin-top:30px;border-top:1px solid #d8d8d8;text-align:left}.checkAnswerLayer.layer .description .commentary .tit{display:inline-block;padding:0 18px;margin-bottom:30px;height:60px;line-height:58px;border:1px solid #f250bc;border-radius:8px;color:#f250bc;font-weight:500;letter-spacing:-1.2px}.checkAnswerLayer.layer .description .commentary .txt{text-align:center}.checkAnswerLayer.layer .description .btnArea{margin-top:50px}.checkAnswerLayer.layer#answerTypeB .description .top-tit{background:url(/img/mobile/maeil-quiz/ico-sad.png) no-repeat center top}.checkAnswerLayer.layer#answerTypeB .description .add-txt{margin:30px 0 0 0}.checkAnswerLayer.layer#answerTypeB .btnArea{margin-top:40px}.checkAnswerLayer.successAnswerLayer{overflow:initial;max-height:calc(100% - 100px);padding:0;transform:translateY(-50%)}.checkAnswerLayer.successAnswerLayer .description{overflow-y:auto;padding:80px 50px;justify-content:flex-start}.pcVer .checkAnswerLayer{transform:translateY(-50%) scale(var(--current-scale))}