@charset "euc-kr"; 

/* qz_t_mission */
.qz_t_mission{position:absolute; right:-250px; top:0; z-index:51;}
.qz_t_mission .floating_{position:relative;display:flex; transition:all .2s;}
.qz_t_mission .floating_ .banner{position:absolute; top:0; transition:all .2s;}
.qz_t_mission .floating_ .banner.closed {opacity: 0; display:none;}
.qz_t_mission .floating_ .banner .btn_close{position:absolute; right:0; top:-10px; width:50px; aspect-ratio: 1 / 1; text-indent:-9999em; z-index:2; background:none;}
.qz_t_mission .floating_ .banner .btn_mission_qz{position:absolute; right:0; top:0; width:100%; aspect-ratio: 1 / 1; text-indent:-9999em; z-index:1; background:none;}
.qz_t_mission .floating_ .banner.a1{right:180px;}
.qz_t_mission .floating_ .banner.a2{right:0;}


/* card */
.qz_t_mission_card {display:none; position:absolute; right:120px; top:100px; width: 645px; z-index:51; border:2px solid #F20000; border-radius: 20px; overflow: hidden; box-shadow: 0px 4px 50px #595959; background: #fff; animation: popIn .35s cubic-bezier(.175,.885,.32,1.275); }
.qz_t_mission_card.open { display: block; animation: popIn .5s cubic-bezier(.175,.885,.32,1.275); }
.qz_t_mission_card .header {position:relative; background: #F20000;padding: 26px 30px 18px;display: flex;align-items: flex-start;justify-content: space-between;color: #fff;font-family: 'Gmarket Sans';}
.qz_t_mission_card .header .header_title { font-size: 38px; font-weight: 900; letter-spacing: -0.5px; line-height: 1.2; }
.qz_t_mission_card .header .close_btn {position:absolute; right:0; top:0; background: url(/promotion/event/2026/0224_11972/img/qz_mission_t_floating/close.png) no-repeat center; width:80px; height:100%;}
.qz_t_mission_card .body { padding:32px; letter-spacing:-1px; color:#000;}
.qz_t_mission_card .body .question_label { font-size: 25px; line-height: 1.3; margin-bottom: 4px; word-break: keep-all;}
.qz_t_mission_card .body .highlight { color: #00832C; font-weight: 700; }
.qz_t_mission_card .body .hint { font-size: 20px; color: #8D8D8D; margin-bottom: 22px; }
.qz_t_mission_card .body .sentence_box {text-align: center; margin-bottom: 24px; font-size: 25px;}
.qz_t_mission_card .body .blank { display: inline-block; min-width: 100px; height: 22px; border-bottom: 1px solid #000; margin: 15px 6px 0; vertical-align: top; position: relative; }
.qz_t_mission_card .body .blank .answer_text { position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); font-size: 25px; white-space: nowrap; opacity: 0; transition: opacity .25s; }
.qz_t_mission_card .body .blank.filled .answer_text { opacity: 1; }
.qz_t_mission_card .body .options { display: flex; justify-content: center; gap: 5px 30px; flex-wrap: wrap; margin-bottom: 8px; }
.qz_t_mission_card .body .options.left {justify-content: flex-start}
.qz_t_mission_card .body .options.left .option_btn{text-align:left; align-items: flex-start; font-size:22px;}
.qz_t_mission_card .body .options.left .option_btn .num{margin:11px 0 0; text-align:center; flex-shrink: 0;}
.qz_t_mission_card .body .option_btn {display: flex; align-items: center; gap:10px; font-size: 25px; background:none; color:#000; transition: all .2s; }
.qz_t_mission_card .body .option_btn .num{ line-height:16px; font-weight:700; margin:2px 0 0; letter-spacing:1px; background:#000; width:18px; height:18px; border:1px solid #000; color:#fff; font-size:14px; border-radius:50%;}
.qz_t_mission_card .body .option_btn.selected {font-weight:700;}
.qz_t_mission_card .body .option_btn.red{color:#F20000 !important;}
.qz_t_mission_card .body .option_btn.red .num{color: #fff; background:#F20000; border:1px solid #F20000;}
.qz_t_mission_card .body .submit_btn {background: #000 url(/promotion/event/2026/0224_11972/img/qz_mission_t_floating/arrow.png) no-repeat right 50px center; color: #fff; line-height:1; border-radius: 80px; margin:0 auto; padding: 25px 75px 25px 50px; font-size: 30px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 30px; transition: background .2s, transform .1s;}
.qz_t_mission_card .body .submit_btn.active {background: #e8192c url(/promotion/event/2026/0224_11972/img/qz_mission_t_floating/arrow.png) no-repeat right 50px center; }
.qz_t_mission_card .body .submit_btn .arrow { font-size: 20px; margin-left: 2px; }
.result_overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; z-index: 100; opacity: 0; pointer-events: none; transition: opacity .25s; }
.result_overlay.show { opacity: 1; pointer-events: auto; }
.result_card { background: #fff; border-radius: 20px; padding: 40px 32px 32px; text-align: center; max-width: 460px; width: 90%; transform: scale(0.85); transition: transform .3s cubic-bezier(.175,.885,.32,1.275); }
.result_overlay.show .result_card { transform: scale(1); }
.result_icon { font-size: 52px; margin-bottom: 12px; }
.result_title { font-size: 22px; font-weight: 900; margin-bottom: 8px; }
.result_title.correct { color: #2ecc71; }
.result_title.wrong { color: #e8192c; }
.result_desc { font-size: 20px; margin-bottom: 24px; line-height: 1.5;  white-space: pre-line; }
.result_close_btn { background: #111; color: #fff; border-radius: 12px; padding: 12px 36px; font-size: 20px; font-weight: 700; transition: background .2s; }

@keyframes popIn {
	from { transform: translateY(30px); opacity: 0; } 
	to { transform: translateY(0); opacity: 1; }
}