@charset "UTF-8"; 

button {font-size:16px;}
#wrap > .icon-close {top:14px; right:14px; width:54px; height:54px; background:url(../img/game10/common/icon-close.png) no-repeat center center / 54px auto;}
#wrap > .icon-home {top:20px; left:20px; width:54px; height:57px; background:url(../img/game10/common/btn-home.png) no-repeat center center / 54px auto;}

/***** 인트로 화면 *****/
#intro {position:relative; width:100%; height:100%; background:#f5ebeb; display:none;}
#intro.show {display:block;}
#intro .title {position:absolute; z-index:220; top:58px; left:50%; transform:translate(-50%, -250%); width:670px; height:105px; transition:transform 1s;}
#intro .title.show {transform:translate(-50%, 0%);}
#intro .title span {font-size:0; text-indent:-9999px;}
#intro .wrap-btn {position:absolute; z-index:220; bottom:40px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:572px; gap:6px;}
#intro .wrap-btn button {width:283px; height:80px; border-radius:100px; transition:transform .5s;}

/* 버튼 제목을 text로 처리 시 text-shadow가 부드럽게 보이지 못하는 이슈 있어 이미지로 대체하나, 변동사항 고려하여 기존 스타일소스는 살려두고 font-size만 0으로 설정 */
#intro .wrap-btn button span {display:block; width:203px; height:66px; border-radius:4px; font-family:'OMPOP'; font-size:0px; text-indent:-9999px; color:#FFF; text-shadow:-4px 0px #0286CE, 0px 4px #0286CE, 4px 0px #0286CE, 0px -4px #0286CE;} 
#intro .wrap-btn button.btn-howToPlay {background:url(../img/game10/common/btn-howToPlay.png) no-repeat center top / cover;}
#intro .wrap-btn button.btn-start {background:url(../img/game10/common/btn-start.png) no-repeat center top / cover;}

.bg {position:absolute; z-index:90; top:0; left:0; width:100%; height:100%;}
#intro .bg {width:100%; height:100%; background:#B4E9FC;}


#intro .wrap-obj > div {position:absolute; z-index:200;}
#intro .wrap-obj > div.house {bottom:0; right:0; width:931px; height:570px; background:url(../img/game10/intro-house.png) no-repeat center center / 100% auto;}
#intro .wrap-obj > div.tree-under02 {z-index:220; bottom:0; right:0; width:199px; height:112px; background:url(../img/game10/intro-tree-under02.png) no-repeat center center / cover;}
#intro .wrap-obj > div.hill {z-index:210; bottom:0; left:0; width:1281px; height:295px; background:url(../img/game10/intro-hill.png) no-repeat center center / cover;}
#intro .wrap-obj > div.cloud {top:42px; right:67px; width:893px; height:161px; background:url(../img/game10/intro-cloud.png) no-repeat center center / cover;}
#intro .wrap-obj > div.tree {z-index:212; left:0; bottom:0; width:386px; height:720px; background:url(../img/game10/intro-tree.png) no-repeat center center / cover;}
#intro .wrap-obj > div.tree-under {z-index:215; left:0; bottom:0; width:246px; height:184px; background:url(../img/game10/intro-tree-under.png) no-repeat center center / cover;}


#intro .wrap-char {position:absolute; z-index:220; bottom:100px; left:172px; width:349px; height:414px;}
#intro .wrap-char .head {
    position:absolute; z-index:230; top:0; right:-2px; width:316px; height:246px; background:url(../img/game10/intro-char-head.png) no-repeat center center / cover;
    animation:shakeHead 3.5s ease-in-out infinite;
}
@keyframes shakeHead {
    0% {transform:rotate(0deg);}
    15% {transform:rotate(-5deg);}
    30% {transform:rotate(4deg);}
    55% {transform:rotate(0deg);}
    100% {transform:rotate(0deg);}
}

#intro .wrap-char .body {position:absolute; z-index:220; bottom:0; left:6px; width:325px; height:274px; background:url(../img/game10/intro-char-body.png) no-repeat center center / cover;}
#intro .wrap-char .body-shadow {position:absolute; z-index:201; bottom:-14px; right:16px; width:213px; height:36px; border-radius:100%; background:#8abf46; opacity:.6;}


/***** 놀이 방법 가이드 화면 *****/
.guide {width:100%; height:100%; position:absolute; top:0; left:0; z-index:220; background:rgba(0, 0, 0, 0.80); transform:translateY(0%); transition:transform .45s; display:none; }
.guide .outline {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:800px; height:340px; background:url(../img/game10/guide/guide-outline.png) no-repeat center center / cover;}
.guide .outline .txt {position:absolute; z-index:221; top:-32px; left:-14px; width:233px; height:73px; background:url(../img/game10/guide/guide-title-bg.png) no-repeat left top / cover;}
.guide .outline .txt::after {content:''; position:absolute; z-index:222; bottom:-3px; right:-46px; width:115px; height:94px; background:url(../img/game10/guide/guide-title-obj.png) no-repeat left top / contain;}
.guide .outline .txt span {position:absolute; z-index:221; top:21px; left:46px; font-family:'OAGothic'; font-weight:700; color:#FFF; font-size:0px; line-height:32px; display:block; width:107px; height:28px;}

.guide ul {width:775px; height:315px; border-radius:22px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column; justify-content:center; background:url(../img/game10/guide/guide-screen.png) no-repeat left top / cover;}
.guide .desc {position:relative; padding-left:44px; font-family:'NotoSans'; font-size:26px; line-height:40px; letter-spacing:-1px; color:#000; margin:12px 0; text-align:left; width:702px; margin:0 auto 20px;}
.guide .desc::before {content:''; position:absolute; left:0; top:0px; width:36px; height:39px;}
.guide .desc:first-child{margin-top: 23px;}
.guide .desc:last-child {margin-bottom:0;}
.guide .desc:first-child::before {background:url(../img/game10/guide/guide-num-01.png) no-repeat left top / cover;}
.guide .desc:nth-child(2)::before {background:url(../img/game10/guide/guide-num-02.png) no-repeat left top / cover;}
.guide .desc:last-child::before {background:url(../img/game10/guide/guide-num-03.png) no-repeat left top / cover;}
.guide .desc.active {font-weight:700;}

.guide .btn-close {background:#FFF; position:absolute; z-index:222; top:-23px; right:-14px; width:58px; height:63px; font-size:0; text-indent:-9999px; background:url(../img/game10/guide/icon-close-guide.png) no-repeat left top / cover;}



/***** 게임화면 *****/
.wrap-game {position:relative; width:100%; height:100%; background:#B4E9FC; display:none;}
.wrap-game .bg01 {position:absolute; z-index:100; top:160px; left:0; width:100%; height:560px; background:url(../img/game10/game-bg01.png) no-repeat center center / cover;}
.wrap-game .bg02 {position:absolute; z-index:101; bottom:0; left:0; width:100%; height:354px; background:url(../img/game10/game-bg02.png) no-repeat center center / cover;}
.wrap-game.show {display:block;}

.wrap-parts {position:absolute; z-index:190; top:32px; left:50%; transform:translateX(-50%); display:flex; align-items:center; width:100%; height:164px; padding:0 94px 0 118px; }
.wrap-parts .part {height:100%; position:relative;}


/* 각 파트 */
.wrap-parts .part .frame {position:relative; z-index:200; width:100%; height:100%;}
.wrap-parts .part .obj {position:absolute; left:0; bottom:15px; width:100%; height:100%;}
.wrap-parts .part:nth-child(1) {width:41px;}
.wrap-parts .part:nth-child(2) {width:181px; left:3px;}
.wrap-parts .part:nth-child(3) {width:67px; left:27px;}
.wrap-parts .part:nth-child(4) {width:180px; left:25px;} 
.wrap-parts .part:nth-child(5) {width:93px; left: 39px;}
.wrap-parts .part:nth-child(6) {width:136px; left: 40px;} 

.wrap-parts .part:nth-child(7) {width:203px; left: 8px;} 
.wrap-parts .part:nth-child(8) {width:93px; left:0px;} 
.wrap-parts .part:nth-child(9) {width:184px; left:-12px;} 
.wrap-parts .part:nth-child(10) {width:121px; left:-63px;}

.wrap-parts .part .obj.carrot {width:41px; height:79px; background:url(../img/game10/game-obj01.png) no-repeat center center / cover;}
.wrap-parts .part .obj.tomato {width:181px; height:151px; background:url(../img/game10/game-obj02.png) no-repeat center center / contain;}
.wrap-parts .part .obj.onion {width:67px; height:76px; background:url(../img/game10/game-obj03.png) no-repeat center center / contain;}
.wrap-parts .part .obj.cucumber {width:180px; height:151px; background:url(../img/game10/game-obj04.png) no-repeat center center / contain;}
.wrap-parts .part .obj.radish {width:93px; height:108px; background:url(../img/game10/game-obj05.png) no-repeat center center / contain;}
.wrap-parts .part .obj.cabbage {width:136px; height:120px; background:url(../img/game10/game-obj06.png) no-repeat center center / contain;}
.wrap-parts .part .obj.eggplant {width:203px; height:151px; background:url(../img/game10/game-obj07.png) no-repeat center center / contain;}
.wrap-parts .part .obj.beet {width:93px; height:86px; background:url(../img/game10/game-obj08.png) no-repeat center center / contain;}
.wrap-parts .part .obj.paprika {width:184px; height:151px; background:url(../img/game10/game-obj09.png) no-repeat center center / contain;}
.wrap-parts .part .obj.pepper {width:241px; height:151px; background:url(../img/game10/game-obj10.png) no-repeat center center / contain;}

.wrap-parts .part.success .obj.carrot {width:41px; height:79px; background:url(../img/game10/game-obj01-on.png) no-repeat center center / cover;}
.wrap-parts .part.success .obj.tomato {width:181px; height:150px; background:url(../img/game10/game-obj02-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.onion {width:67px; height:76px; background:url(../img/game10/game-obj03-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.cucumber {width:180px; height:151px; background:url(../img/game10/game-obj04-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.radish {width:93px; height:108px; background:url(../img/game10/game-obj05-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.cabbage {width:136px; height:120px; background:url(../img/game10/game-obj06-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.eggplant {width:203px; height:151px; background:url(../img/game10/game-obj07-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.beet {width:93px; height:86px; background:url(../img/game10/game-obj08-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.paprika {width:184px; height:151px; background:url(../img/game10/game-obj09-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.pepper {width:241px; height:151px; background:url(../img/game10/game-obj10-on.png) no-repeat center center / contain;}


.wrap-stone {position:absolute; z-index:200; bottom:133px; left:0; padding:0 104px 0 93px; display:flex; justify-content:space-between; align-items:center; gap:17px; width:100%; height:333px;}
.wrap-stone .stone {position:relative; width:calc(100% - 200px); height:100%;}
.wrap-stone .stone .obj {position:absolute; z-index:202; top:16px; left:50%; transform:translateX(-50%); width:100px; height:50px; border-radius:50%; background:url(../img/game10/game-stone.png) no-repeat center center / contain;}
.wrap-stone .stone .obj.obj02 {background:url(../img/game10/game-stone02.png) no-repeat center center / contain;}

/* 성공, 실패 상태표시 */
.wrap-game .part .status {font-size:0; text-indent:-9999px; position:absolute; z-index:211; top:24px; left:59%; transform:translateX(-50%); width:84px; height:54px; display:flex; justify-content:center; align-items:center; display:none; background:url(../img/game10/game-status-ing.png) no-repeat center center / contain; animation:upDown 2.5s ease infinite;}
.wrap-game .part.success .status {top:28px; width:109px; height:41px; background:url(../img/game10/game-status-success.png) no-repeat center center / contain; animation:unset;}
.wrap-game .part.fail .status {top:24px; width:70px; height:57px; background:url(../img/game10/game-status-fail.png) no-repeat center center / contain; animation:unset;}
.wrap-game .part .status.show {display:flex;}

.wrap-parts .part:nth-child(1) .status {top:30px;}
.wrap-parts .part:nth-child(2) .status {top:-24px;}
.wrap-parts .part:nth-child(3) .status {top:30px;}
.wrap-parts .part:nth-child(4) .status {top:-24px;} 
.wrap-parts .part:nth-child(5) .status {top:4px;} 
.wrap-parts .part:nth-child(6) .status {top:-10px;} 
.wrap-parts .part:nth-child(7) .status {top:-24px;} 
.wrap-parts .part:nth-child(8) .status {top:12px;} 
.wrap-parts .part:nth-child(9) .status {top:-24px;} 
.wrap-parts .part:nth-child(10) .status {top:-24px; left: 120%;}

/* 결과 페이지에서 "틀린문제 다시풀기" 버튼을 클릭하여 틀린 문제만 다시 푸는 게임으로 이동하였을때의 틀린문제 상단 오브젝트 스타일 (필요에 따라 활용 가능하며, 사용 안할 시 주석처리) */
/* .wrap-game .part.disabled {}  */

/* 플레이어 */
.wrap-game .player {position:absolute; z-index:300; top:-98px; left:75px; width:113px; height:134px;}
.wrap-game .player .head {
    position:absolute; z-index:302; top:0; right:0; width:103px; height:80px; background:url(../img/game10/game-player-head.png) no-repeat center center / cover;
    animation:shakeHead02 3.5s 1s ease-in infinite;
}
.wrap-game .player .body {position:absolute; z-index:301; bottom:0; left:0; width:106px; height:89px; background:url(../img/game10/game-player-body.png) no-repeat left center / contain;}

.wrap-game .player .body-shadow {content:''; position:absolute; z-index:201; bottom:-5px; left:50%; margin-left:7px; transform:translateX(-50%); width:72px; height:16px; transition:width .45s, height .45s; border-radius:100%; background:rgba(173, 170, 156, 0.6);}
.wrap-game .player.jump {animation: playerJump 1s ease;}
.wrap-game .player.success:before {content:'성공!'; position:absolute; font-size:16px; color:#fff; display:none;}
.wrap-game .player.fail:before {content:'실패'; position:absolute; font-size:16px; color:#fff; display:none;}

.wrap-game .player.success .head {background:url(../img/game10/game-player-head-success.png) no-repeat center center / cover;}

.wrap-game .player.fail .head {background:url(../img/game10/game-player-head-fail.png) no-repeat center center / cover;}


@keyframes shakeHead02 {
    0% {transform:rotate(0deg);}
    10% {transform:rotate(-3deg);}
    20% {transform:rotate(3deg);}
    30% {transform:rotate(0deg);}
    100% {transform:rotate(0deg);}
}
@keyframes shakeArm02 {
    0% {transform:translate(0, 0) rotate(0deg);}
    15% {transform:translate(1px, 1px) rotate(1deg);}
    30% {transform:translate(0, 0) rotate(1deg);}
    55% {transform:translate(0, 0) rotate(0deg);}
    100% {transform:translate(0, 0) rotate(0deg);}
}

@keyframes upDown {
    0% { transform: translate(-50%, 0); }
    40% { transform: translate(-50%, -6px); }
    80% { transform: translate(-50%, 0); }
    100% { transform: translate(-50%, 0); }
}

@keyframes playerJump {
    0% { transform: translateY(0); }
    35% { transform: translateY(-20%); }
    100% { transform: translateY(0); }
}

.wrap-quiz {width:100%; height:352px; position:absolute; z-index:220; left:0; bottom:0;}

/* 타이머 */
.wrap-timer {position:absolute; z-index:230; right:0px; top:0px; width:130px; height:130px; background:url(../img/game10/timer/timer-bg-01.png) no-repeat top center / cover; border-radius: 50%;box-shadow: 0px 6px rgba(0, 0, 0, 0.15);}
.wrap-timer::before {content:''; position:absolute; z-index:231; top:2px; right:4px; width:40px; height:28px; background:url(../img/game10/timer/timer-bg-before.png) no-repeat center center / cover;}
.wrap-timer .bg-02 {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:115px; height:115px; border-radius:50%;
    /* background:linear-gradient(135deg, #FE4A2C 45%, #D31616); box-shadow:inset 3px 4px 0 0 rgba(0,0,0,.25); */
    background:url(../img/game10/timer/timer-bg-02.png) no-repeat center center / cover;
}
.wrap-timer .txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:89px; height:89px; /*border:1px solid rgba(176, 251, 255, 0.5);*/ border-radius:50%; border:2px solid rgba(255, 243, 208, .5);}
.wrap-timer .txt .timer-flex {position:absolute; width:100%; top:17px; display:flex; justify-content:center; align-items:flex-end; padding-right:2px;}

#timerDisplay {display:flex; justify-content:flex-end; align-items:center; width:auto; height:30px; margin-right:2px;}
#timerDisplay img {width:16px; height:30px; margin:0 2px;}

.wrap-timer .txt .timer-flex .sec {display:block; font-family:'OAGothic'; font-weight:700; font-size:0px; line-height:20px; color:#B0FBFF; width:18px; height:19px; background:url(../img/game10/timer/timer-txt-sec.png) no-repeat center center / 19px auto;}
.wrap-timer .txt .desc {display:block; text-align:center; position:absolute; z-index:114; bottom:20px; left:50%; transform:translateX(-50%); font-family:'OAGothic'; font-weight:500; font-size:0; line-height:16px; letter-spacing:-0.3px; color:#B0FBFF; width:64px; height:13px; background:url(../img/game10/timer/timer-txt-desc.png) no-repeat center center / 64px auto;}
.wrap-timer .timer-progress-bar {width:108px; height:108px; position:absolute; z-index:230; top:50%; left:50%; transform:translate(-50%, -50%);}
.wrap-timer .timer-progress-bar svg {width:100%; height:100%;}

.wrap-quiz .box {position:absolute; top:-48px; left:50%; transform:translateX(-50%); width:1234px; height:386px; background:url(../img/game10/game-box.png) no-repeat center center / cover;}

/* 문제 카운트 */
.wrap-quiz .badge-num {position:absolute; top:19px; left:50px; width:100px; height:40px; font-family:'OAGothic'; font-weight:700; font-size:26px; color:#FFF;}

.wrap-quiz .box .wrap-desc {width:1174px; height:308px; position:absolute; left:50%; transform:translateX(-50%); bottom:14px; display:flex; justify-content:space-between; align-items:center; padding:42px 60px;}

/* 문제 영역 */
.wrap-quiz .area-question {position:relative; width:500px; height:200px; border-radius:18px; display:flex; justify-content:flex-start; align-items:center;}
.wrap-quiz .area-question .question {text-align:left; word-break:keep-all; font-family:'NotoSans'; font-weight:700; letter-spacing:-1.5px; font-size:30px; color:#000; line-height:45px;}
.wrap-quiz .area-question .question span {display:inline-block; vertical-align:bottom;}
.wrap-quiz .area-question .timer {position:absolute; top:0; right:0; width:120px; height:50px; background:#333; font-size:20px; color:#FFF; font-weight:bold; border-radius:0 0 0 18px; display:flex; justify-content:center; align-items:center;}

/* 정답 버튼 영역 */
.wrap-quiz .wrap-btn {width:494px; height:100%; border-radius:18px; display:flex; flex-direction:column; justify-content:center; gap:14px;}
.wrap-quiz .wrap-btn button {position:relative; height:94px; padding:0 0 0 20px; border:2px solid rgba(0, 0, 0, 0.1); border-radius:14px; background:#F7F7F7; display:flex; align-items:center; box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.12);}
.wrap-quiz .wrap-btn button .num-circle {line-height:24px; display:block; margin-right:7px; width:30px; height:30px; border:2px solid rgba(105, 137, 156, 0.4); background:transparent; font-size:20px; font-weight:700; color:#000;}


/*** Button - 문제 유형별 ***/
/* ox형 */
.wrap-quiz .wrap-btn .wrap-ox {display:flex; justify-content:center; gap:34px; margin-right:30px;}
.wrap-quiz .wrap-btn .wrap-ox button {width:180px; height:180px; border-radius:50%; font-size:0; text-indent:-9999px; padding:0; transition:all 0s;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-o {background:url(../img/game10/common/btn-quiz-o.svg) no-repeat center top / cover;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-x {background:url(../img/game10/common/btn-quiz-x.svg) no-repeat center top / cover;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-o.correct {background:url(../img/game10/common/btn-quiz-o-correct.svg) no-repeat center top / cover;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-x.correct {background:url(../img/game10/common/btn-quiz-x-correct.svg) no-repeat center top / cover;}


/* 선택형 (2지선다 및 3지선다 문장형) */
.wrap-quiz .wrap-btn .btn-answer-choice {max-height:94px; transition:all 0s;}
.wrap-quiz .wrap-btn .btn-answer-choice .txt-answer {font-family:'NotoSans'; font-weight:700; font-size:22px; letter-spacing:-1.5px;}

.wrap-quiz .wrap-btn .btn-answer-choice.correct {background:url(../img/game10/common/game-btn-correct.png) no-repeat center bottom / 101% auto; }
.wrap-quiz .wrap-btn .btn-answer-choice.correct .txt-answer, .wrap-quiz .wrap-btn .btn-answer-choice.wrong .txt-answer {color:#FFF;}
.wrap-quiz .wrap-btn .btn-answer-choice.correct .num-circle {line-height:28px; background:#F7F7F7; box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.1); color:#1F8DF5; border:0;}

.wrap-quiz .wrap-btn .btn-answer-choice.wrong {background:url(../img/game10/common/game-btn-wrong.png) no-repeat center bottom / 101% auto;}
.wrap-quiz .wrap-btn .btn-answer-choice.wrong .num-circle {line-height:28px; background:#F7F7F7; box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.1); color:#FD4968; border:0;}

/* 선택형 (단어형) */
.wrap-quiz .wrap-btn .wrap-select-word {display:flex; justify-content:center; gap:14px;}
.wrap-quiz .wrap-btn .wrap-select-word button {flex:1; justify-content:center; padding:0; height:180px; border:4px solid rgba(0,0,0,.1); transition:all 0s;}
.wrap-quiz .wrap-btn .wrap-select-word button span {font-family:'NotoSans'; font-weight:700; font-size:24px; letter-spacing:-1px;}

.wrap-quiz .wrap-btn .wrap-select-word button.correct {background:url(../img/game10/common/game-btn-word-correct.png) no-repeat center center / cover;}
.wrap-quiz .wrap-btn .wrap-select-word button.correct span, .wrap-quiz .wrap-btn .wrap-select-word button.wrong span {color:#FFF;}
.wrap-quiz .wrap-btn .wrap-select-word button.wrong {background:url(../img/game10/common/game-btn-word-wrong.png) no-repeat center center / cover;}

/* 주관식 (답 입력형) */
.wrap-quiz .wrap-btn .wrap-answer-text {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:27px;}
.wrap-quiz .wrap-btn .wrap-answer-text input {background:#FFF; padding:32px 20px; width:400px; height:100px; text-align:center; font-family:'NotoSans'; font-weight:700; font-size:24px; border:4px solid #C1C5D3; border-radius:14px; overflow:hidden; resize:none;}
.wrap-quiz .wrap-btn .answer-text::placeholder {color:#999;}
.wrap-quiz .wrap-btn .wrap-answer-text input + .btn-answer-submit {border:0; box-shadow:unset; background:url(../img/game10/common/btn-quiz-confirm.png) no-repeat center top / 160px auto; justify-content:center; width:160px; height:54px; border-radius:40px; font-size:0; text-indent:-9999px;}
.wrap-quiz .wrap-btn .wrap-answer-text input.on + .btn-answer-submit {background:url(../img/game10/common/btn-quiz-confirm-blue.png) no-repeat center top / 160px auto;}
.wrap-quiz .wrap-btn .wrap-answer-text input.correct {border:4px solid #1F8DF5; color:#1F8DF5;}
.wrap-quiz .wrap-btn .wrap-answer-text input.wrong {border:4px solid #FD4968; color:#FD4968;}

/* 이미지 선택형 */
.wrap-quiz .wrap-btn .wrap-select-img {display:flex; justify-content:center; gap:14px;}
.wrap-quiz .wrap-btn .wrap-select-img button {width:240px; height:180px; border-radius:7px; padding:7px; background:#FFF; transition:all 0s;}
.wrap-quiz .wrap-btn .wrap-select-img button .img {position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center; border-radius:7px; overflow:hidden;}
.wrap-quiz .wrap-btn .wrap-select-img button .img img {width:100%; height:100%; object-fit:cover;}
.wrap-quiz .wrap-btn .wrap-select-img button .desc {display:block; position:absolute; left:0; bottom:0; width:auto; height:22px; background:rgba(0,0,0,.8); border-radius:0 7px 0 7px; padding:3px 7px; font-family:'NotoSans'; font-weight:500; font-size:13px; letter-spacing:-1px; color:rgba(255,255,255,.9);}
.wrap-quiz .wrap-btn .wrap-select-img button.correct {background:#1F8DF5;}
.wrap-quiz .wrap-btn .wrap-select-img button.wrong {background:#FD4968;}


/*** 해설 Overlay ***/
.overlay {position:absolute; z-index:240; bottom:30px; left:50%; padding:45px 60px; transform:translate(-200%, 0); transition:transform .75s; width:1224px; height:348px;}
.overlay.show {transform:translate(-50%, 0);}
.overlay .btn-close-overlay {position:absolute; top:30px; right:30px; width:35px; height:35px; background:url(../img/game10/common/icon-close-overlay.png) no-repeat center top / cover;}
.overlay .badge-quiz {position:absolute; top:45px; left:60px; height:68px;}
.overlay .desc {font-family:'NotoSans'; font-weight:700; font-size:50px; line-height:60px; letter-spacing:-1.5px; word-break:keep-all; text-align:left; margin-top:95px; }
.overlay + .dim {position:absolute; z-index:239; top:0; left:0; width:100%; height:100%; background:transparent;}

/* Overlay - success */
.overlay.success {background:url(../img/game10/common/quiz-bg-overlay-success.png) no-repeat center center / cover;}
.overlay.success .badge-quiz {width:158px;background:url(../img/game10/common/badge-overlay-success.png) no-repeat left top / cover;}

/* Overlay - fail */
.overlay.fail {background:url(../img/game10/common/quiz-bg-overlay-fail.png) no-repeat center center / cover;}
.overlay.fail .badge-quiz {width:225px; background:url(../img/game10/common/badge-overlay-fail.png) no-repeat left top / cover;}


/***** 결과 화면 *****/
#result {position:relative; width:100%; height:100%; background:#f6f7f6; display:none;}
#result .bg {width:100%; height:100%; background:#B4E9FC;}
#result .bg::before {content:''; z-index:101; position:absolute; top:84px; right:27px; width:1116px; height:136px; background:url(../img/game10/result/result-bg01-cloud.png) no-repeat center center /cover;}
#result .bg::after {content:''; z-index:105; position:absolute; top:125px; left:0; width:238px; height:527px; background:url(../img/game10/result/result-bg01-tree.png) no-repeat center center / cover;}
#result .bg02 {position:absolute; z-index:120; bottom:0; left:0; width:100%; height:252px; background:url(../img/game10/result/result-bg02.png) no-repeat center center / cover;}
#result .bg02::before {content:''; position:absolute; z-index:106; right:0; bottom:0; width:237px; height:164px; background:url(../img/game10/result/result-bg02-tree.png) no-repeat center center / cover;}
#result .bg03 {z-index:110; position:absolute; bottom:96px; left:0; width:171px; height:158px; background:url(../img/game10/result/result-bg03.png) no-repeat center center / cover;}
#result.show {display:block;}

#result .title {position:absolute; z-index:220; top:0; left:50%; transform:translateX(-50%);}
#result .title .txt-result {position:absolute; z-index:230; top:70px; color:#8ADCFF; white-space:nowrap; font-family:'OAGothic'; font-weight:700; font-size:0px; letter-spacing:-1.5px; text-indent:-9999px; text-align:center;}

#result .wrap-count {position:absolute; z-index:200; top:200px; left:173px; padding:17px 0; width:229px; height:127px; text-align:center; font-family:'OAGothic'; font-weight:700; font-size:30px; line-height:36px; letter-spacing:-1.5px; text-shadow:0 3px 0 rgba(0,0,0,.1); color:#227A30; background:url(../img/game10/result/bubble.png) no-repeat center center / cover;}
#result .wrap-count .line1 {display:inline-block; font-size:26px; color:#F63100;}
#result .wrap-count .line1 span + span {margin-right:2px;}


#result .obj01 {position:absolute; z-index:220; right:184px; bottom:104px; width:530px; height:425px; background:url(../img/game10/result/result-obj01.png) no-repeat center center / cover;}

#result .wrap-char {position:absolute; left:269px; bottom:164px; width:253px; height:300px;}
#result .wrap-char .char {width:253px; height:300px; position:absolute; z-index:200;}
#result .wrap-char .char .head {position:absolute; z-index:203; top:0; right:0; width:228px; height:177px; background:url(../img/game10/result/head-char-perfect.png) no-repeat center center / cover; animation:shakeHead 2.2s ease-in infinite; animation-delay:.5s;}
#result .wrap-char .char .body {position:absolute; z-index:202; bottom:0; left:6px; width:235px; height:198px; background:url(../img/game10/result/char-body.png) no-repeat center center / cover;}

#result .wrap-char .char .body-shadow {content:''; position:absolute; z-index:201; bottom:-16px; left:50%; transform:translateX(-50%); margin-left:16px; width:239px; height:48px; border-radius:100%; background:rgba(159, 191, 100, .6);}

#result.perfect .wrap-char .perfect span {position:absolute; z-index:250;}
#result.perfect .wrap-char .perfect .ani01 {
    top:70px; left:0; width:26px; height:26px; background:url(../img/game10/result/result-perfect-ani01.png) no-repeat center center / cover;
    animation:heart01 1.5s .4s ease-out infinite; opacity:0;
}
#result.perfect .wrap-char .perfect .ani02 {
    top:40px; right:0; width:35px; height:40px; background:url(../img/game10/result/result-perfect-ani02.png) no-repeat center center / cover;
    animation:heart02 1.5s .75s ease-out infinite; opacity:0;
}
#result.perfect .wrap-char .perfect .ani03 {
    top:88px; left:58px; width:22px; height:31px; background:url(../img/game10/result/result-perfect-ani03.png) no-repeat center center / cover;
    animation:star01 1s steps(1) infinite;
}   
#result.perfect .wrap-char .perfect .ani04 {
    top:78px; left:75px; width:12px; height:17px; background:url(../img/game10/result/result-perfect-ani04.png) no-repeat center center / cover;
    animation:star02 .85s steps(1) infinite;
}
#result.perfect .wrap-char .perfect .ani05 {
    position:absolute; right:15px; top:150px; width:44px; height:44px;
    offset-path:path('M 20,22 Q 30,16 56,25'); offset-rotate:-8deg; offset-distance:0%; opacity:0;
    animation:resultAni05 1.5s .5s ease infinite;
}
#result.perfect .wrap-char .perfect .ani05 span:first-child {
    top:0; left:0; width:36px; height:25px; background:url(../img/game10/result/result-perfect-ani05-01.png) no-repeat center center / cover;
}
#result.perfect .wrap-char .perfect .ani05 span:nth-child(2) {
    top:26px; left:8px; width:10px; height:9px; background:url(../img/game10/result/result-perfect-ani05-02.png) no-repeat center center / cover;
}
#result.perfect .wrap-char .perfect .ani05 span:last-child {
    top:24px; left:24px; width:17px; height:16px; background:url(../img/game10/result/result-perfect-ani05-03.png) no-repeat center center / cover;
}
#result.perfect .wrap-char .perfect .ani06 {
    top:130px; left:0; width:18px; height:17px; background:url(../img/game10/result/result-perfect-ani06.png) no-repeat center center / cover;
    offset-path:path('M 46,42 Q 44,15 0,5'); offset-rotate:-45deg; offset-distance:0%; opacity:0;
    animation:resultAni06 1.5s .8s ease infinite;
}
#result.perfect .wrap-char .perfect .ani07 {
    top:140px; left:6px; width:10px; height:9px; background:url(../img/game10/result/result-perfect-ani05-02.png) no-repeat center center / cover;
    offset-path:path('M 52,48 Q 50,21 6,11'); offset-rotate:-45deg; offset-distance:0%; opacity:0;
    animation:resultAni07 1.5s 1s ease infinite;
}
@keyframes heart01 {
    0% {transform:translate(0px, 0px); opacity:0;}
    25% {opacity:1;}
    50% {transform:translate(-10px, -10px); opacity:0;}
    75% {transform:translate(0px, 0px); opacity:0;}
    100% {transform:translate(0px, 0px); opacity:0;}
}
@keyframes heart02 {
    0% {transform:translate(0px, 0px); opacity:0;}
    25% {opacity:1;}
    50% {transform:translate(13px, -20px); opacity:0;}
    75% {transform:translate(0px, 0px); opacity:0;}
    100% {transform:translate(0px, 0px); opacity:0;}
}
@keyframes star01 {
    0% {transform: rotate(-8deg);}
    50% {transform: rotate(8deg);}
    100% {transform: rotate(-8deg);}
}
@keyframes star02 {
    0% {transform: rotate(-10deg);}
    50% {transform: rotate(10deg);}
    100% {transform: rotate(-10deg);}
}
@keyframes resultAni05 {
    0% {offset-rotate:-8deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:14deg; offset-distance:100%;}
}
@keyframes resultAni06 { /* 노란색 별 */
    0% {offset-rotate:-45deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:90deg; offset-distance:100%;}
}
@keyframes resultAni07 {
    0% {offset-rotate:-45deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:90deg; offset-distance:100%;}
}

#result.wrong5-9 .wrap-char .wrong5-9 span {position:absolute; z-index:250;}
#result.wrong5-9 .wrap-char .wrong5-9 .ani01 {
    top:30px; right:4px; width:37px; height:53px; background:url(../img/game10/result/result-wrong5-9-ani01.png) no-repeat center center / cover;
    animation:wrong5-9-ani01 2s ease infinite; opacity:0;
}
#result.wrong5-9 .wrap-char .wrong5-9 .ani02 {
    top:88px; left:55px; width:32px; height:32px; background:url(../img/game10/result/result-wrong5-9-ani02.png) no-repeat center center / cover;
    animation:star01 1s steps(1) infinite;
}
#result.wrong5-9 .wrap-char .wrong5-9 .ani03 {
    top:130px; left:0; width:18px; height:17px; background:url(../img/game10/result/result-wrong5-9-ani02.png) no-repeat center center / cover;
    offset-path:path('M 46,42 Q 44,15 0,5'); offset-rotate:-45deg; offset-distance:0%; opacity:0;
    animation:wrong5-9-ani02 1.5s .8s ease infinite;
}
#result.wrong5-9 .wrap-char .wrong5-9 .ani04 {
    top:150px; right:15px; width:14px; height:15px; background:url(../img/game10/result/flower-blue.png) no-repeat center center / cover;
    offset-path:path('M -15,20 Q -13,4 26,-5'); offset-rotate:-45deg; offset-distance:0%; opacity:0;
    animation:flower-blue 1.5s .5s ease infinite;
}
#result.wrong5-9 .wrap-char .wrong5-9 .ani05 {
    top:40px; left:0px; width:18px; height:17px; background:url(../img/game10/result/triangle-yellow.png) no-repeat center center / cover;
    offset-path:path('M 46,42 Q 44,15 0,5'); offset-rotate:-45deg; offset-distance:0%; opacity:0;
    animation:wrong5-9-ani02 1.5s 1.1s ease infinite;
}

@keyframes wrong5-9-ani01 {
    0% {transform:translate(0,0); opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {transform:translate(8px,-8px); opacity:0;}
}
@keyframes wrong5-9-ani02 {
    0% {offset-rotate:-45deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:90deg; offset-distance:100%;}
}
@keyframes flower-blue {
    0% {offset-rotate:-45deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:90deg; offset-distance:100%;}
}
@keyframes triangle-yellow {
    0% {offset-rotate:-45deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:90deg; offset-distance:100%;}
} 

#result.wrong0-4 .wrap-char .wrong0-4 span {position:absolute; z-index:250;}
#result.wrong0-4 .wrap-char .wrong0-4 .water01 {
    top:90px; left:62px; width:14px; height:22px; background:url(../img/game10/result/result-wrong0-4-water01.png) no-repeat center center / cover;
    animation:water01 1.5s .5s ease infinite; opacity:0;
}
@keyframes water01 {
    0% {transform:translate(0, 0); opacity:0;}
    25% {opacity:1;}
    50% {transform:translate(0, 25px); opacity:1;}
    75% {transform:translate(0, 25px); opacity:0;}
    100% {transform:translate(0, 0); opacity:0;}
}
#result.wrong0-4 .wrap-char .wrong0-4 .circle01 {
    top:30px; left:-30px; width:21px; height:21px; background:url(../img/game10/result/result-wrong0-4-circle01.png) no-repeat center center / cover;
    offset-path:path('M 46,42 Q 42,28 20,22'); offset-rotate:-45deg; offset-distance:0%; opacity:0;
    animation:wrong0-4-circle01 1.8s .45s ease infinite;
}
#result.wrong0-4 .wrap-char .wrong0-4 .line01 {
    top:30px; left:0px; width:35px; height:18px; background:url(../img/game10/result/result-wrong0-4-line01.png) no-repeat center center / cover;
    offset-path:path('M 46,42 Q 42,28 20,22'); offset-rotate:0deg; offset-distance:0%; opacity:0;
    animation:wrong0-4-line01 1.8s .7s ease infinite;
}
@keyframes wrong0-4-circle01 {
    0% {offset-rotate:-45deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:90deg; offset-distance:100%;}
}
@keyframes wrong0-4-line01 {
    0% {offset-rotate:0deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:-40deg; offset-distance:100%;}
}

#result.wrong0-4 .wrap-char .wrong0-4 .circle02 {
    top:70px; right:2px; width:37px; height:37px; background:url(../img/game10/result/result-wrong0-4-circle02.png) no-repeat center center / cover;
    offset-path:path('M 0,0 Q 5,-25 25,-28'); offset-rotate:0deg; offset-distance:0%;
    animation:wrong0-4-circle02 1.5s .75s infinite; opacity:0;
}
@keyframes wrong0-4-circle02 {
    0% {offset-rotate:0deg; offset-distance:0%; opacity:0;}
    50% {offset-rotate:0deg; opacity:1;}
    75% {offset-rotate:0deg; opacity:0;}
    100% {offset-rotate:0deg; offset-distance:100%; opacity:0;}
}

#result.wrong0-4 .wrap-char .wrong0-4 .circle03 {
    top:142px; right:26px; width:30px; height:30px; background:url(../img/game10/result/result-wrong0-4-circle03.png) no-repeat center center / cover;
    offset-path:path('M 0,0 Q 8,10 18,16'); offset-rotate:40deg; offset-distance:0%;
    animation:wrong0-4-circle03 1.5s .5s infinite; opacity:0;
}
@keyframes wrong0-4-circle03 {
    0% {offset-rotate:40deg; offset-distance:0%; opacity:0;}
    50% {opacity:1;}
    75% {opacity:0;}
    100% {offset-rotate:0deg; offset-distance:100%; opacity:0;}
}

#result.wrong0-4 .wrap-char .wrong0-4 .line02 {
    top:170px; right:30px; width:18px; height:15px; background:url(../img/game10/result/result-wrong0-4-line02.png) no-repeat center center / cover;
    offset-path:path('M 0,0 Q 12,18 20,22'); offset-rotate:0deg; offset-distance:0%; opacity:0;
    animation:wrong0-4-line02 1.8s .7s ease infinite;
}
@keyframes wrong0-4-line02 {
    0% {offset-rotate:0deg; offset-distance:0%; opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    70% {opacity:0;}
    100% {opacity:0; offset-rotate:15deg; offset-distance:100%;}
}


/* 문제를 전부 맞혔을 때 */
#result.perfect .wrap-char .char .head {width:229px; height:178px; background:url(../img/game10/result/char-head-perfect.png) no-repeat center center / cover; animation:shakeHead 2.2s ease-in infinite; animation-delay:.5s;}
#result.perfect .title {width:938px; height:194px; background:url(../img/game10/result/result-title-bg.png) no-repeat center top / cover;}

/* 문제를 5~9개 맞혔을 때 */
#result.wrong5-9 .wrap-char .char .head {width:229px; height:178px; background:url(../img/game10/result/head-char-wrong.png) no-repeat center center / cover; animation:shakeHeadSlow 4.5s ease-out infinite; animation-delay:.5s;}
#result.wrong5-9 .wrap-char .char .body {background:url(../img/game10/result/char-body.png) no-repeat center center / cover;}
#result.wrong5-9 .title {width:973px; height:182px; background:url(../img/game10/result/result-title-bg-wrong5-9.png) no-repeat center top / cover;}
#result.wrong5-9 .title .txt-result {left:152px;}
#result.wrong .wrap-count {font-size:22px; line-height:25px; padding:8px 0;}
#result.wrong5-9 .wrap-count .line1 {margin-top:3px;}

/* 문제를 0~4개 맞혔을 때 */
#result.wrong0-4 .wrap-char .char .head {background:url(../img/game10/result/head-char-wrong0-4.png) no-repeat center center / cover; animation:shakeHeadSlow 4.5s ease-out infinite; animation-delay:.5s;}
#result.wrong0-4 .wrap-char .char .body {background:url(../img/game10/result/char-body.png) no-repeat center center / cover;}
#result.wrong0-4 .title {width:924px; height:176px; background:url(../img/game10/result/result-title-bg-wrong0-4.png) no-repeat center top / cover;}
#result.wrong0-4 .title .txt-result {left:150px;}
#result.wrong0-4 .wrap-count .line1 {margin-top:3px;}

/* 재도전 성공 */
#result.retried.perfect .wrap-count {padding:32px 0; font-size:30px; letter-spacing:-1px;}
#result.retried.perfect .wrap-count .line1 {font-size:30px;}
#result.retried.perfect .title {width:924px; height:176px; background:url(../img/game10/result/result-title-bg-perfect-retried.png) no-repeat center top / cover;}

/* 재도전 실패 */
#result.retried.wrong .wrap-count  {padding:18px 0; line-height:36px; font-size:30px; letter-spacing:-1px;}
#result.retried.wrong .wrap-count .line1 {font-size:30px;}
#result.retried.wrong .title {width:1024px; height:176px; background:url(../img/game10/result/result-title-bg-wrong-retried.png) no-repeat center top / cover;}
#result.retried.wrong .wrap-char .char .head {background:url(../img/game10/result/head-char-wrong0-4.png) no-repeat center center / cover; animation:shakeHeadSlow 4.5s ease-out infinite; animation-delay:.5s;}

@keyframes shakeHeadSlow {
    0% {transform:rotate(0deg);}
    20% {transform:rotate(-4deg);}
    40% {transform:rotate(4deg);}
    60% {transform:rotate(0deg);}
    100% {transform:rotate(0deg);}
}

.obj-get {position:absolute; z-index:230; width:465px; height:346px; right:208px; bottom:155px;}
.obj-get span {position:absolute; z-index:231; width:101px; height:105px;}
.obj-get span.carrot {background:url(../img/game10/result/result-get-carrot.png) no-repeat center center / cover;}
.obj-get span.tomato {background:url(../img/game10/result/result-get-tomato.png) no-repeat center center / cover;}
.obj-get span.onion {background:url(../img/game10/result/result-get-onion.png) no-repeat center center / cover;}
.obj-get span.cucumber {background:url(../img/game10/result/result-get-cucumber.png) no-repeat center center / cover;}
.obj-get span.radish {background:url(../img/game10/result/result-get-radish.png) no-repeat center center / cover;}
.obj-get span.cabbage {background:url(../img/game10/result/result-get-cabbage.png) no-repeat center center / cover;}
.obj-get span.eggplant {background:url(../img/game10/result/result-get-eggplant.png) no-repeat center center / cover;}
.obj-get span.beet {background:url(../img/game10/result/result-get-beet.png) no-repeat center center / cover;}
.obj-get span.paprika {background:url(../img/game10/result/result-get-paprika.png) no-repeat center center / cover;}
.obj-get span.pepper {background:url(../img/game10/result/result-get-pepper.png) no-repeat center center / cover;}

.obj-get.correct10 span:nth-child(1) {top:0; left:58px;}
.obj-get.correct10 span:nth-child(2) {top:0; left:179px;}
.obj-get.correct10 span:nth-child(3) {top:0; left:300px;}
.obj-get.correct10 span:nth-child(4) {top:120px; left:0px;}
.obj-get.correct10 span:nth-child(5) {top:120px; left:122px;}
.obj-get.correct10 span:nth-child(6) {top:120px; left:243px;}
.obj-get.correct10 span:nth-child(7) {top:120px; left:365px;}
.obj-get.correct10 span:nth-child(8) {top:240px; left:58px;}
.obj-get.correct10 span:nth-child(9) {top:240px; left:179px;}
.obj-get.correct10 span:nth-child(10) {top:240px; left:300px;}

.obj-get.correct09 span:nth-child(1) {top:0; left:58px;}
.obj-get.correct09 span:nth-child(2) {top:0; left:179px;}
.obj-get.correct09 span:nth-child(3) {top:0; left:300px;}
.obj-get.correct09 span:nth-child(4) {top:120px; left:58px;}
.obj-get.correct09 span:nth-child(5) {top:120px; left:179px;}
.obj-get.correct09 span:nth-child(6) {top:120px; left:300px;}
.obj-get.correct09 span:nth-child(7) {top:240px; left:58px;}
.obj-get.correct09 span:nth-child(8) {top:240px; left:179px;}
.obj-get.correct09 span:nth-child(9) {top:240px; left:300px;}

.obj-get.correct08 span:nth-child(1) {top:0; left:58px;}
.obj-get.correct08 span:nth-child(2) {top:0; left:179px;}
.obj-get.correct08 span:nth-child(3) {top:0; left:300px;}
.obj-get.correct08 span:nth-child(4) {top:120px; left:116px;}
.obj-get.correct08 span:nth-child(5) {top:120px; left:240px;}
.obj-get.correct08 span:nth-child(6) {top:240px; left:58px;}
.obj-get.correct08 span:nth-child(7) {top:240px; left:179px;}
.obj-get.correct08 span:nth-child(8) {top:240px; left:300px;}

.obj-get.correct07 span:nth-child(1) {top:0; left:116px;}
.obj-get.correct07 span:nth-child(2) {top:0; left:240px;}
.obj-get.correct07 span:nth-child(3) {top:120px; left:58px;}
.obj-get.correct07 span:nth-child(4) {top:120px; left:179px;}
.obj-get.correct07 span:nth-child(5) {top:120px; left:300px;}
.obj-get.correct07 span:nth-child(6) {top:240px; left:116px;}
.obj-get.correct07 span:nth-child(7) {top:240px; left:240px;}

.obj-get.correct06 span:nth-child(1) {top:50px; left:58px;}
.obj-get.correct06 span:nth-child(2) {top:50px; left:179px;}
.obj-get.correct06 span:nth-child(3) {top:50px; left:300px;}
.obj-get.correct06 span:nth-child(4) {top:190px; left:58px;}
.obj-get.correct06 span:nth-child(5) {top:190px; left:179px;}
.obj-get.correct06 span:nth-child(6) {top:190px; left:300px;}

.obj-get.correct05 span:nth-child(1) {top:50px; left:58px;}
.obj-get.correct05 span:nth-child(2) {top:50px; left:179px;}
.obj-get.correct05 span:nth-child(3) {top:50px; left:300px;}
.obj-get.correct05 span:nth-child(4) {top:190px; left:116px;}
.obj-get.correct05 span:nth-child(5) {top:190px; left:240px;}

.obj-get.correct04 span:nth-child(1) {top:50px; left:116px;}
.obj-get.correct04 span:nth-child(2) {top:50px; left:240px;}
.obj-get.correct04 span:nth-child(3) {top:190px; left:116px;}
.obj-get.correct04 span:nth-child(4) {top:190px; left:240px;}

.obj-get.correct03 span:nth-child(1) {top:122px; left:58px;}
.obj-get.correct03 span:nth-child(2) {top:122px; left:179px;}
.obj-get.correct03 span:nth-child(3) {top:122px; left:300px;}

.obj-get.correct02 span:nth-child(1) {top:122px; left:116px;}
.obj-get.correct02 span:nth-child(2) {top:122px; left:240px;}

.obj-get.correct01 span:nth-child(1) {top:122px; left:179px;}

.obj-get.correct00 span {display:none;}

#result .wrap-btn {position:absolute; z-index:250; bottom:40px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:100%; gap:14px;}
#result .wrap-btn button {width:360px; height:80px; border-radius:40px; transition:transform .5s; color:#fff; font-size:36px; letter-spacing:-1px;}
/* #result .wrap-btn button span {display:block;} */
#result .wrap-btn button.btn-replay {background:url(../img/game10/common/btn-replay.png) no-repeat center center / cover; font-family:'OMPOP'; text-shadow:-3px 0px #009B6E, 0px 3px #009B6E, 3px 0px #009B6E, 0px -3px #009B6E; font-size:0;}

/* .btn-endplay (활동 종료하기) 버튼 삭제 */
/* #result .wrap-btn button.btn-endplay {background:url(../img/mg01/result/btn-endplay.png) no-repeat center center / cover; font-family:'OMPOP'; text-shadow:-3px 0px #EA4A00, 0px 3px #EA4A00, 3px 0px #EA4A00, 0px -3px #EA4A00; font-size:0;} */

#result .wrap-btn button.btn-restart {background:url(../img/game10/common/btn-restart.png) no-repeat center center / cover; font-family:'OMPOP'; font-size:0;}

/* .overlay 닫힘 후 다음 문제 보이기 전까지 클릭 방지 */
.click-blocker {position:fixed; top:0; left:0; width:100%; height:100%; background-color:transparent; opacity:0.4; z-index:99999;}