@charset "UTF-8"; 

button {font-size:16px;}
#wrap > .icon-close {top:14px; right:14px; width:54px; height:54px; background:url(../img/game09/common/icon-close.png) no-repeat center center / 54px auto;}
#wrap > .icon-home {top:20px; left:20px; width:54px; height:57px; background:url(../img/game09/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:100; 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/game09/common/btn-howToPlay.png) no-repeat center top / cover;}
#intro .wrap-btn button.btn-start {background:url(../img/game09/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:#B4D253 url(../img/game09/bg-main.png) no-repeat 15px bottom / 100% auto;}


#intro .wrap-obj {position:absolute; z-index:210; top:61px; left:74px; width:306px; height:427px; background:url(../img/game09/intro-obj.png) no-repeat center center / cover;}
#intro .wrap-char {position:absolute; z-index:220; bottom:150px; left:320px; width:264px; height:293px;}
#intro .wrap-char .head {
    position:absolute; z-index:230; top:0; left:0; width:231px; height:182px; background:url(../img/game09/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:184px; height:134px; background:url(../img/game09/intro-char-body.png) no-repeat center center / cover;}
#intro .wrap-char .arm {
    position:absolute; z-index:225; bottom:54px; left:80px; width:184px; height:69px; background:url(../img/game09/intro-char-arm.png) no-repeat center center / cover;
    animation:shakeArm 3.5s .35s ease-in-out infinite;
}
@keyframes shakeArm {
    0% {transform:translate(0, 0) rotate(0deg);}
    15% {transform:translate(2px, 2px) rotate(2deg);}
    30% {transform:translate(0, 0) rotate(1deg);}
    55% {transform:translate(0, 0) rotate(0deg);}
    100% {transform:translate(0, 0) rotate(0deg);}
}
#intro .wrap-char .body-shadow {content:''; position:absolute; z-index:201; bottom:-3px; left:31px; width:180px; height:36px; border-radius:100%; background:#a7b557; opacity:.63;}


/***** 놀이 방법 가이드 화면 *****/
.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/game09/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/game09/guide/guide-title-bg.png) no-repeat left top / cover;}
.guide .outline .txt::after {content:''; position:absolute; z-index:222; bottom:-1px; right:-46px; width:115px; height:94px; background:url(../img/game09/guide/guide-title-obj.png) no-repeat left top / cover;}
.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/game09/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/game09/guide/guide-num-01.png) no-repeat left top / cover;}
.guide .desc:nth-child(2)::before {background:url(../img/game09/guide/guide-num-02.png) no-repeat left top / cover;}
.guide .desc:last-child::before {background:url(../img/game09/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/game09/guide/icon-close-guide.png) no-repeat left top / cover;}



/***** 게임화면 *****/
.wrap-game {position:relative; width:100%; height:100%; background:url(../img/game09/bg-game.png) no-repeat center center / 100% auto; display:none;}
.wrap-game.show {display:block;}

.wrap-parts {position:absolute; z-index:200; top:0; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; width:100%; height:164px; padding:0 108px 0 91px; }
.wrap-parts .part {height:100%; position:relative;}


/* 각 파트 */
.wrap-parts .part .frame {position:relative; z-index:210; 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:78px;}
.wrap-parts .part:nth-child(2) {width:121px;}
.wrap-parts .part:nth-child(3) {width:75px;}
.wrap-parts .part:nth-child(4) {width:68px;} 
.wrap-parts .part:nth-child(5) {width:101px;} 
.wrap-parts .part:nth-child(6) {width:81px;} 
.wrap-parts .part:nth-child(7) {width:128px;} 
.wrap-parts .part:nth-child(8) {width:101px;} 
.wrap-parts .part:nth-child(9) {width:88px;} 
.wrap-parts .part:nth-child(10) {width:105px;} 
.wrap-parts .part .obj.game-house01 {width:78px; height:89px; background:url(../img/game09/game-house01.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house02 {width:121px; height:84px; background:url(../img/game09/game-house02.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house03 {width:75px; height:78px; background:url(../img/game09/game-house03.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house04 {width:68px; height:73px; background:url(../img/game09/game-house04.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house05 {width:101px; height:76px; background:url(../img/game09/game-house05.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house06 {left:1px; width:81px; height:83px; background:url(../img/game09/game-house06.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house07 {left:2px; width:128px; height:81px; background:url(../img/game09/game-house07.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house08 {left:2px; width:101px; height:64px; background:url(../img/game09/game-house08.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house09 {left:2px; width:88px; height:76px; background:url(../img/game09/game-house09.png) no-repeat center center / contain;}
.wrap-parts .part .obj.game-house10 {left:3px; width:105px; height:79px; background:url(../img/game09/game-house10.png) no-repeat center center / contain;}

.wrap-parts .part.success .obj.game-house01 {background:url(../img/game09/game-house01-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house02 {background:url(../img/game09/game-house02-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house03 {background:url(../img/game09/game-house03-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house04 {background:url(../img/game09/game-house04-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house05 {background:url(../img/game09/game-house05-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house06 {background:url(../img/game09/game-house06-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house07 {background:url(../img/game09/game-house07-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house08 {background:url(../img/game09/game-house08-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house09 {background:url(../img/game09/game-house09-on.png) no-repeat center center / contain;}
.wrap-parts .part.success .obj.game-house10 {background:url(../img/game09/game-house10-on.png) no-repeat center center / contain;}

.wrap-parts .part.success .obj.ani::before {
    content:''; position:absolute; z-index:240; left:50%; transform:translate(-50%, 0); bottom:-28px; width:87px; height:51px; background:url(../img/game09/game-success-pizza.png) no-repeat center center / contain;
    animation:successPizza 1s forwards;
}
@keyframes successPizza {
    0% {transform:translate(-50%, 0) rotate(0deg);}
    20% {transform:translate(-50%, 0) rotate(8deg);}
    40% {transform:translate(-50%, 0) rotate(-6deg);}
    100% {transform:translate(-50%, 0) rotate(0deg);}
}

.wrap-stone {position:absolute; z-index:200; bottom:133px; left:0; padding:0 117px 0 79px; 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/game09/game-stone.png) no-repeat center center / contain;}
.wrap-stone .stone .obj.obj02 {background:url(../img/game09/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:50%; transform:translateX(-50%); width:84px; height:54px; display:flex; justify-content:center; align-items:center; display:none; background:url(../img/game09/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/game09/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/game09/game-status-fail.png) no-repeat center center / contain; animation:unset;}
.wrap-game .part .status.show {display:flex;}

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

/* 플레이어 */
.wrap-game .player {position:absolute; z-index:300; top:-98px; left:75px; width:122px; height:136px;}
.wrap-game .player .head {
    position:absolute; z-index:302; top:0; left:0; width:107px; height:84px; background:url(../img/game09/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:88px; height:59px; background:url(../img/game09/game-player-body.png) no-repeat left center / contain;}
.wrap-game .player .arm {
    position:absolute; z-index:302; bottom:25px; right:0; width:85px; height:32px; background:url(../img/game09/game-player-arm.png) no-repeat center center / contain;
    animation:shakeArm 3.5s 1.35s ease-in-out infinite;
}
.wrap-game .player .body-shadow {content:''; position:absolute; z-index:201; bottom:-3px; left:50%; margin-left:-10px; transform:translateX(-50%); width:78px; height:16px; transition:width .45s, height .45s; border-radius:100%; background:rgba(179, 176, 161, 0.5);}
.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/game09/game-player-head-success.png) no-repeat center center / cover;}


.wrap-game .player.fail .head {background:url(../img/game09/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:15px; top:-9px; width:130px; height:130px; background:url(../img/game09/timer/timer-bg-01.png) no-repeat center center / cover;border-radius: 50%;box-shadow: 0px 6px rgba(0, 0, 0, 0.15);}
.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, #9D612E 45%, #734015); box-shadow:inset 3px 4px 0 0 rgba(0,0,0,.25);}
.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%; background:url(../img/game09/timer/timer-txt-border.png) no-repeat center center / cover;}
.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:19px; height:20px; background:url(../img/game09/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/game09/timer/timer-txt-desc.png) no-repeat center center / 64px auto;}
.wrap-timer .timer-progress-bar {width:106px; height:106px; position:absolute; z-index:230; top:50%; left:50%; transform:translate(-50%, -50%);}
.wrap-timer .timer-progress-bar svg {width:106px; height:106px;}

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

/* 문제 카운트 */
.wrap-quiz .badge-num {position:absolute; top:21px; 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/game09/common/btn-quiz-o.svg) no-repeat center top / cover;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-x {background:url(../img/game09/common/btn-quiz-x.svg) no-repeat center top / cover;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-o.correct {background:url(../img/game09/common/btn-quiz-o-correct.svg) no-repeat center top / cover;}
.wrap-quiz .wrap-btn .wrap-ox button.btn-x.correct {background:url(../img/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/common/quiz-bg-overlay-success.png) no-repeat center center / cover;}
.overlay.success .badge-quiz {width:158px;background:url(../img/game09/common/badge-overlay-success.png) no-repeat left top / cover;}

/* Overlay - fail */
.overlay.fail {background:url(../img/game09/common/quiz-bg-overlay-fail.png) no-repeat center center / cover;}
.overlay.fail .badge-quiz {width:225px; background:url(../img/game09/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:url(../img/game09/result/result-bg.jpg) no-repeat center center / cover;}
#result .bg::before {content:''; z-index:100; position:absolute; left:0; bottom:0; width:100%; height:206px; background:url(../img/game09/result/result-bg02.png) no-repeat center center / cover;}
#result .bg::after {content:''; z-index:100; position:absolute; left:0; top:186px; width:100%; height:310px; background:url(../img/game09/result/result-bg03.png) no-repeat center center / cover;}
#result.show {display:block;}

#result .title {position:absolute; z-index:220; top:12px; 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:208px; left:200px; padding:14px 0; width:229px; height:127px; text-align:center; font-family:'OAGothic'; font-weight:700; font-size:30px; letter-spacing:-1.5px; text-shadow:0 3px 0 rgba(0,0,0,.1); color:#227A30; background:url(../img/game09/result/bubble.png) no-repeat center center / cover;}
#result .wrap-count .line1 {display:inline-block; font-size:30px; color:#F63100;}
#result .wrap-count .line1 span + span {margin-right:2px;}
#result.retried.perfect .wrap-count {padding:32px 0;}

#result .wrap-char {position:absolute; left:310px; bottom:142px; width:273px; height:299px;}
#result .wrap-char .char {width:194px; height:298px; position:absolute; z-index:200;}
#result .wrap-char .char .head {position:absolute; z-index:203; top:0; left:0; width:194px; height:176px; background:url(../img/game09/result/head-char-perfect.pngg) 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:189px; height:138px; background:url(../img/game09/result/char-body.png) no-repeat center center / cover;}
#result .wrap-char .char .arm {
    position:absolute; z-index:202; bottom:55px; left:83px; width:190px; height:71px; background:url(../img/game09/result/char-arm.png) no-repeat center center / cover;
    animation:shakeArm02 3.5s .35s ease-in-out infinite;
}
#result .wrap-char .char .body-shadow {content:''; position:absolute; z-index:201; bottom:-6px; left:50%; transform:translateX(-50%); margin-left:27px; width:239px; height:48px; border-radius:100%; background:rgba(217, 206, 157, .63);}
@keyframes shakeArm02 {
    0% {transform:translate(0, 0) rotate(0deg);}
    15% {transform:translate(2px, 2px) rotate(2deg);}
    30% {transform:translate(0, 0) rotate(1deg);}
    55% {transform:translate(0, 0) rotate(0deg);}
    100% {transform:translate(0, 0) rotate(0deg);}
}
#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/game09/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/game09/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:55px; width:22px; height:31px; background:url(../img/game09/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:71px; width:12px; height:17px; background:url(../img/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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:15px; width:37px; height:53px; background:url(../img/game09/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:76px; left:52px; width:32px; height:32px; background:url(../img/game09/result/result-wrong5-9-ani03.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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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/game09/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 {position:absolute; z-index:203; top:0; left:0; width:237px; height:188px; background:url(../img/game09/result/head-char-perfect.png) no-repeat center center / cover; animation:shakeHead 2.2s ease-in infinite; animation-delay:.5s;}
#result.perfect .title {width:887px; height:158px; background:url(../img/game09/result/result-title-bg.png) no-repeat center top / cover;}


/* 문제를 5~9개 맞혔을 때 */
#result.wrong5-9 .wrap-char .char .head {width:238px; height:188px; background:url(../img/game09/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/game09/result/char-body.png) no-repeat center center / cover;}
#result.wrong5-9 .title {width:973px; height:182px; background:url(../img/game09/result/result-title-bg-wrong5-9.png) no-repeat center top / cover;}
#result.wrong5-9 .title .txt-result {left:152px;}
#result.wrong5-9 .wrap-count {font-size:24px;}

/* 문제를 0~4개 맞혔을 때 */
#result.wrong0-4 .wrap-char .char .head {width:237px; height:188px; background:url(../img/game09/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 {left:6px; width:189px; height:138px; background:url(../img/game09/result/char-body.png) no-repeat center center / cover;}
#result.wrong0-4 .title {width:859px; height:155px; background:url(../img/game09/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 {font-size:24px;}

/* 재도전 성공 */
/* #result.retried.perfect .wrap-count {padding:32px 0;} */
#result.retried.perfect .title {width:859px; height:155px; background:url(../img/game09/result/result-title-bg-perfect-retried.png) no-repeat center top / cover;}

/* 재도전 실패 */
#result.retried.wrong .title {width:973px; height:182px; background:url(../img/game09/result/result-title-bg-wrong-retried.png) no-repeat center top / cover;}
#result.retried.wrong .wrap-char .char .head {width:237px; height:188px; background:url(../img/game09/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:200; width:336px; height:397px; right:324px; bottom:104px; padding-bottom:7px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.obj-get .pizza-shadow {position:absolute; z-index:201; bottom:-7px; left:50%; transform:translateX(-50%); width:336px; height:75px; background:url(../img/game09/result/pizza-shadow.png) no-repeat center center / cover;}
.obj-get .result-get-pizza  {position:absolute; z-index:202; width:327px; height:117px; background:url(../img/game09/result/result-get-pizza.png) no-repeat bottom center / contain;}
.obj-get .result-get-pizza.top {width:327px; height:189px; background:url(../img/game09/result/result-get-pizza-top.png) no-repeat bottom center / contain;}
.obj-get .result-get-pizza.top::before {
    content:''; position:absolute; top:67px; left:50%; transform:translateX(-50%); width:112px; height:66px; background:url(../img/game09/result/pizza-smoke.png) no-repeat bottom center / contain;
    animation:pizzaSmoke 1.5s ease-out infinite; opacity:0;
}
@keyframes pizzaSmoke {
    0% {opacity:0; transform:translate(-50%, 0);}
    25% {opacity:1;}
    70% {opacity:1; transform:translate(-50%, -20px);}
    80% {opacity:0; transform:translate(-50%, -20px);}
    100% {opacity:0; transform:translate(-50%, 0);}
}

#result .wrap-numPizza {
    position:absolute; z-index:250; width:167px; height:67px; background:url(../img/game09/result/result-numPizza.png) no-repeat bottom center / cover;
    display:flex; justify-content:center; align-items:center; padding:0px 0 8px 22px; margin-left:490px;
}
#result .wrap-numPizza span {font-family:'OAGothic'; color:#FFF428; font-weight:700; font-size:40px; line-height:52px; letter-spacing:-1.5px;}
#result .wrap-numPizza span + span {margin-left:7px;}


@keyframes resultSmoke {
    0% {right:12px; top:110px; transform:rotate(-5deg) scale(0.5); opacity:0;}
    25% {transform:rotate(5deg) scale(0.6); opacity:1;}
    50% {transform:rotate(-5deg) scale(0.75); opacity:1;}
    75% {transform:rotate(5deg) scale(0.9);}
    100% {right:-20px; top:84px; transform:rotate(0) scale(1); opacity:0;}
}

#result.wrong .obj-get span.broke-line01 {top:314px; left:50px; width:37px; height:28px; background:url(../img/game09/result/broke-line01.png) no-repeat center center / cover; animation:broke-line01 2s ease infinite; opacity:0;}
#result.wrong .obj-get span.broke-line02 {top:178px; right:48px; width:45px; height:36px; background:url(../img/game09/result/broke-line02.png) no-repeat center center / cover; animation:broke-line02 1.4s .5s ease infinite; opacity:0;}
@keyframes broke-line01 {
    0% {top:314px; left:50px; transform:rotate(0); opacity:0;}
    25% {opacity:1;}
    55% {opacity:1;}
    100% {top:270px; left:0; transform:rotate(-360deg); opacity:0;}
}
@keyframes broke-line02 {
    0% {top:178px; right:48px; transform:rotate(0); opacity:0;}
    25% {opacity:1;}
    55% {opacity:1;}
    100% {top:155px; right:-6px; transform:rotate(240deg); opacity:0;}
}

#result.wrong .obj-get span.broke-bolt01 {top:150px; right:20px; width:37px; height:36px; background:url(../img/game09/result/broke-bolt01.png) no-repeat center center / cover;
    offset-path: path('M 0,50 Q 2,-33 80,-36');
    offset-distance: 0%;
    animation:broke-bolt01 1.4s .3s ease infinite;
    opacity:0;
}
#result.wrong .obj-get span.broke-bolt02 {top:276px; left:50px; width:27px; height:27px; background:url(../img/game09/result/broke-bolt02.png) no-repeat center center / cover;
    offset-path: path('M 0,17 Q -10,-35 -74,-60');
    offset-distance: 0%;
    animation:broke-bolt02 1.4s .6s ease infinite;
    opacity:0;
}
@keyframes broke-bolt01 {
    0% {offset-distance:0%; transform:rotate(0); opacity:0;}
    50% {opacity:1;}
    70% {opacity:1;}
    100% {offset-distance:100%; transform:rotate(270deg); opacity:0;}
}
@keyframes broke-bolt02 {
    0% {offset-distance:0%; transform:rotate(0); opacity:0;}
    50% {opacity:1;}
    70% {opacity:1;}
    100% {offset-distance:100%; transform:rotate(-270deg); opacity:0;}
}

#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/game09/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/game09/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;}


/* 문제 관련 이미지 */
.q_soclai_mg01_05 {width:94px; height:46px; background:url(../img/mg01/q_soclai_mg01_05.png) no-repeat center center / cover;}