@charset "utf-8";

/* fonts */
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:normal; font-display:swap; src:url(../fonts/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR'; font-style:normal; font-weight:bold; font-display:swap; src:url(../fonts/NotoSansKR-Bold.otf) format('opentype');}

/* reset */
html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, thead, tr, th, td, header, input {margin:0; padding:0; border:0; font:inherit; box-sizing:border-box;}
body {font-family:'Noto Sans KR', '맑은 고딕', sans-serif; font-size:14px; letter-spacing:-0.05em; line-height:1.5; color:#333;}
ol, ul {list-style:none;}
a {display:block;}
table {border-collapse:collapse; border-spacing:0;}
button {border:0; cursor:pointer; font-family:inherit;}
.hidden {position:absolute !important; top:0 !important; left:0 !important; width:1px !important; height:1px !important; margin:-1px !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important;}

/* util */
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.pt10 {padding-top:10px !important;}
.fw-strong {font-weight:bold !important;}

/* form */
.event-wrap div.form-section input:read-only, .event-wrap div.form-section input:disabled {background:#e4e4e4;}
.event-wrap select {box-sizing:border-box; width:100%; height:50px; line-height:50px; padding-left:18px; font-family:inherit; font-size:16px; border:0; appearance:none; background:#f8f8f8 url(../images/base/icon-select-arrow.jpg) no-repeat 95% 50%;}
.event-wrap .pic-radio {margin-top:20px;}
.event-wrap .pic-radio > li {position:relative; float:left; width:50%; margin-bottom:30px;}
.event-wrap .pic-radio > li label {font-size:14px; cursor:pointer;}
.event-wrap .pic-radio > li label .img {position:relative; width:95%; max-width:200px; max-height:160px; overflow:hidden; display:block; margin:0 auto;}
.event-wrap .pic-radio > li label .img img {width:100%; pointer-events:none;}
.event-wrap .pic-radio > li label:before {content:''; position:absolute; bottom:-30px; left:50%; width:22px; height:22px; background:url(../images/base/sprite.png) -22px -27px; transform:translateX(-50%);}
.event-wrap .pic-radio > li input[type=radio] {position:absolute; bottom:-30px; left:50%; width:24px; height:24px; opacity:0; transform:translateX(-50%);}
.event-wrap .pic-radio > li input[type=radio]:checked ~ label:before {background-position:0 -27px;}
.event-wrap .pic-radio > li input[type=radio]:focus + label:after {content:''; position:absolute; bottom:-30px; left:50%; width:24px; height:24px; transform:translateX(-50%); outline:dotted 1px #666; outline:-webkit-focus-ring-color auto 1px;}
.event-wrap .pic-radio:after {content:''; display:block; clear:both;}
.event-wrap .agree-area input[type=checkbox] {position:absolute; top:0; left:0; width:24px; height:24px; vertical-align:top; opacity:0;}
.event-wrap .agree-area input[type=checkbox] + label {position:relative; padding-left:30px; cursor:pointer; letter-spacing:-.02em;}
.event-wrap .agree-area input[type=checkbox] + label:before {content:''; position:absolute; top:2px; left:0; width:22px; height:22px; background:url(../images/base/sprite.png) -22px 0;}
.event-wrap .agree-area input[type=checkbox]:checked + label:before {background-position:0 0;}
.event-wrap .agree-area input[type=checkbox]:focus + label:after {content:''; position:absolute; top:2px; left:0; width:22px; height:22px; outline:dotted 1px #666; outline:-webkit-focus-ring-color auto 1px;}

/* style */
body.js-entry-noscroll {position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:scroll;}
.wrap {min-width:320px; max-width:648px; margin:0 auto;}
.container {background:#E8E9ED; overflow:hidden;}
.event-wrap {margin:30px 42px 40px;}
.event-wrap .title-area {text-align:center;}
.event-wrap .title-area h1 {background:#626075; color:#fff; line-height:1.3; padding:.95em 1em; font-size:max(min(4.6vw, 28px), 15px); font-weight:700; word-break:keep-all;}
.event-wrap .img-area {font-size:0;}
.event-wrap .img-area img {width:100%;}
.event-wrap .form-area {background:#fff; font-size:0;}
.event-wrap .form-section {background:url(../images/base/bg_line.png) no-repeat left bottom / contain; padding:0 67px 45px;}
.event-wrap .form-section:last-child {background:none;}
.event-wrap .form-section h4 {font-size:16px; margin-top:15px;}
.event-wrap .form-section .notice-desc {position:relative; color:#f5202f; font-size:16px; line-height:20px; margin-top:14px; text-align:left; display:inline-block;}
.event-wrap .form-section ul.notice-desc > li:before {content:'*'; position:absolute; top:3px; left:0;}
.event-wrap .form-section ul.notice-desc > li {position:relative; margin-bottom:5px; padding-left:12px; word-break:break-all; letter-spacing:-.08em;}
.event-wrap .form-section ul.notice-desc > li:last-child {margin-bottom:0;}
.event-wrap .form-section .ipt_tit {font-size:18px; text-align:left; padding-top:30px; word-break:keep-all;}
.event-wrap .form-section .ipt_tit:before {content:''; display:inline-block; width:4px; height:10px; background:#4a4a4a; margin-right:6px; margin-bottom:2px;}
.event-wrap .form-section input[type=text], .event-wrap .form-section input[type=tel] {width:100%; height:50px; line-height:50px; margin-top:14px; text-indent:28px; background:#f8f8f8; color:#595959; font-size:16px;}
.event-wrap .form-section input[type=text]:focus {outline:1px solid #4a4a4a; outline-offset:-1px;}
.event-wrap .form-section .field-set.entry {position:relative;}
.event-wrap .form-section .field-set.entry input[type=text], .event-wrap .form-section .field-set.entry input[type=tel] {width:70%; float:left;}
.event-wrap .form-section .field-set.entry:after {content:''; display:block; clear:both;}
.event-wrap .form-section .field-set.entry button {float:right; height:50px; width:30%; background:#434159; color:#fff; word-break:keep-all; font-size:15px; margin-top:14px;}
.event-wrap .form-section .field-set.entry button:disabled {background:#bbb; color:#e2e2e2;}
.event-wrap .form-section .field-set.entry input[type=tel]:focus, .event-wrap .form-section .field-set.entry input[type=text]:focus {position:absolute; top:0; left:0; outline:1px solid #4a4a4a; outline-offset:-1px; z-index:100;}
.event-wrap .form-section .field-set.entry .count-down-area {position:absolute; top:calc(50% + 7px); right:35%; font-size:15px; color:#f5202f; transform:translateY(-50%);}
.event-wrap .ipt-section {padding:24px 67px 34px;}
.event-wrap .ipt-section .agree-area > li {position:relative; font-size:16px; color:#4a4a4a; margin-bottom:6px;}
.event-wrap .ipt-section .agree-area > li .btn-link {position:absolute; right:0; top:3px; font-size:14px; color:#777; text-decoration:underline; background:#fff; padding:0; letter-spacing:-0.05em;}
.event-wrap .ipt-section .agree-area > li label span.require {color:#f5202f;}
.event-wrap .ipt-section .agree-area > li label span {color:#777;}
.event-wrap .ipt-section .btn-area {padding-top:30px;}
.event-wrap .ipt-section .btn-area button {width:100%; height:70px; background:#f5202f; color:#fff; font-size:21px; font-weight:bold;}
.info-section {background:#434159; padding:45px 42px; color:#fff;}
.info-section h2 {position:relative; padding-left:9px; font-size:21px; font-weight:bold;}
.info-section h2 ~ h2 {margin-top:20px;}
.info-section h2:before {content:''; position:absolute; top:7px; left:0; width:3px; height:18px; background:#fff;}
.info-section h3 {margin-top:15px; font-weight:bold; font-size:max(min(2.3vw, 18px), 15px);}
.info-section li {position:relative; margin-top:10px; font-size:16px; line-height:24px; padding-left:10px; word-break:keep-all; overflow-wrap:anywhere;}
.info-section li:before {content:''; position:absolute; left:0; background:#fff; width:3px; height:3px; border-radius:3px; top:12px;}
.info-section li a {display:inline; color:#fff; word-break:break-all;}
.info-section li strong {font-weight:bold;}
.info-section li > ul > li {margin-top:0;}
.info-section li > ul > li:before {content:''; position:absolute; left:0; background:#fff; width:5px; height:1px; top:13px;}

/* new layout - bottom area */
:root {--btmbtn:max(min(13.3vw, 70px), 48px); --chkbox:max(min(4.4vw, 21px), 16px); --inputbox:max(min(8.8vw, 50px), 32px); --size16_8:max(min(2.2vw, 16px), 8px); --size16_12:max(min(3.3vw, 16px), 12px); --sktblue:#3617CE;}
.float-wrap {position:relative; padding-bottom:var(--btmbtn);}
.float-btm {position:fixed; left:50%; bottom:0; width:100%; max-width:648px; min-width:320px; max-height:100vh; line-height:1.25; letter-spacing:-0.02em; color:#000; transform:translateX(-50%); z-index:5;}
.float-btm .btn-area-bottom {position:fixed; left:0; bottom:0; width:100%; max-width:648px; min-width:320px;}
.float-btm .btn-full {position:relative; width:100%; height:var(--btmbtn); background:#DCDBE0; color:#9A9A9A; font-size:max(min(5vw, 22px), 18px); font-weight:bold; z-index:5;}
.float-btm .btn-full.btn-toggle {background:var(--sktblue); color:#fff;}
.float-btm:has(.pass-cert .btn-cert[disabled]) .btn-full {background:var(--sktblue); color:#fff;}
.float-btm .btn-close {width:125px; height:48px; position:absolute; left:50%; top:0; transform:translateX(-50%); background:url(../images/base/arr_down.png) no-repeat 50% 20px / max(min(4.4vw, 25px), 16px) auto;}
.float-btm form {width:100%; height:100%; max-height:calc(100vh - var(--btmbtn)); overflow-y:auto; box-shadow:0px -10px 30px rgba(54, 54, 54, 0.25); border-radius:30px 30px 0 0;}
.float-btm .btn-area-bottom + form {max-height:100vh; padding-bottom:var(--btmbtn);}
.float-btm input[type=checkbox], .float-btm label, .float-btm button {margin:0; padding:0; vertical-align:top; font-size:inherit;}
.float-btm .form-area {display:none; position:relative; padding:max(min(13.3vw, 50px), 48px) max(min(5.5vw, 60px), 20px) 20px; background-color:#fff; overflow:hidden;}
.float-btm .form-area h2 {margin-bottom:.8em; font-size:max(min(3.8vw, 20px), 14px);}
.float-btm .form-area h2 strong {font-size:1.25em; font-weight:700;}
.float-btm .agree-box .wrap-chkbox {display:block; height:var(--chkbox); line-height:var(--chkbox); position:relative;}
.float-btm .agree-box input[type=checkbox] {position:absolute; top:0; left:0; width:var(--chkbox); height:var(--chkbox); vertical-align:top; opacity:0;}
.float-btm .agree-box input[type=checkbox] + label {position:relative; padding-left:calc(var(--chkbox) + 4px); cursor:pointer;}
.float-btm .agree-box input[type=checkbox] + label:before {content:''; position:absolute; top:0; left:0; width:var(--chkbox); height:var(--chkbox); background:url(../images/base/chk_false.png) no-repeat 50% 50% / var(--chkbox) auto;}
.float-btm .agree-box input[type=checkbox]:checked + label:before {background-image:url(../images/base/chk_true.png);}
.float-btm .agree-box input[type=checkbox]:focus + label:after {content:''; position:absolute; top:0; left:0; width:var(--chkbox); height:var(--chkbox); outline:dotted 1px #666; outline:-webkit-focus-ring-color auto 1px;}
.float-btm .agree-box dl {font-size:var(--size16_12); color:#4A4A4A;}
.float-btm .agree-box dl label em {color:#9E9E9E;}
.float-btm .agree-box dl label em.require {color:#F5202F;}
.float-btm .agree-box dt {position:relative; padding:var(--size16_8) var(--size16_8) var(--size16_8) max(min(3.8vw, 28px), 14px); font-weight:700; margin-bottom:.75em; background-color:#E4E4E4;}
.float-btm .agree-box dt label {display:inline-block; height:var(--chkbox); line-height:var(--chkbox);}
.float-btm .agree-box dt .btn-expand {width:3.5em; height:100%; position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(-180deg); background:url(../images/base/arr_down_s.png) no-repeat 50% 50% / 15px auto;}
.float-btm .agree-box dt .btn-expand.on {transform:translateY(-50%);}
.float-btm .agree-box dd {display:none; padding:0 max(min(5vw, 50px), 18px) 1em;}
.float-btm .agree-box dd .agree-area li {position:relative; margin-top:var(--size16_8);}
.float-btm .agree-box dd .agree-area li:first-child {margin-top:0;}
.float-btm .agree-box dd .agree-area li label {display:inline-block; height:var(--chkbox); line-height:var(--chkbox);}
.float-btm .agree-box dd .agree-area li .btn-link {position:absolute; right:0; top:50%; background:none; color:#777; text-decoration:underline; transform:translateY(-50%);}
.float-btm .agree-desc {margin-left:max(min(5vw, 50px), 18px); padding-left:11px; position:relative; color:#9E9E9E; font-size:max(min(3vw, 14px), 11px);}
.float-btm .agree-desc::before {position:absolute; left:0; top:0; content:"*";}
.float-btm .tooltip {display:none; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; background:rgba(0,0,0,50%);}
.float-btm .tooltip dl {width:70%; max-width:320px; padding:7%; position:absolute; left:50%; bottom:83px; transform:translateX(-50%); font-size:var(--size16_12); background:#fff; color:#777; border-radius:20px; word-break:keep-all; filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.3));}
.float-btm .tooltip dt {margin-bottom:1em; color:#F5202F; font-size:1.125em; font-weight:700;}
.float-btm .tooltip button {width:36px; height:36px; position:absolute; left:50%; bottom:33px; transform:translateX(-50%); font-size:14px; font-weight:700; background:#fff; color:#000; border-radius:20px; filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.3));}
.float-btm .pass-cert {position:relative; margin-top:max(min(5.5vw, 37px), 20px);}
.float-btm .pass-cert button {vertical-align:middle;}
.float-btm .pass-cert .btn-cert {padding:.75em 1em; background:#000; color:#fff; line-height:var(--size16_12); font-size:var(--size16_12); border-radius:1.77em;}
.float-btm .pass-cert .btn-cert[disabled] {background:#9C9C9C; cursor:default;}
.float-btm .pass-cert .btn-cert img {height:var(--size16_12); vertical-align:top;}
.float-btm .pass-cert .btn-faq {width:1.77em; height:1.77em; margin-left:5px; font-size:max(min(4.4vw, 22px), 16px); font-weight:700; background:#DFDFDF; border-radius:100%;}
.float-btm .pass-cert .timer {position:absolute; right:0; top:7px; color:#F5202F; font-size:max(min(3.8vw, 20px), 14px); font-weight:700;}
.float-btm .pass-cert .timer.time-out {color:#9C9C9C;}
.float-btm .pass-cert .pass-msg p {padding-top:1em; color:#000; font-size:max(min(3.3vw, 14px), 12px);}

/* modal */
.modal {display:none; z-index:10; position:fixed; width:628px; overflow-y:auto; max-height:100%; padding:50px 28px 30px; background:#fff; top:50%; left:50%; transform:translate(-50%, -50%); letter-spacing:-.05em;}
.modal .header h2 {font-size:26px; font-weight:bold;}
.modal .header h2 em {font-size:16px; color:#aaa; font-weight:normal; padding-left:5px;}
.modal .header h2 em.require {color:#f5202f;}
.modal .header .btn-close {position:absolute; top:1%; right:5px; width:50px; height:50px; background:url(../images/base/sprite.png) no-repeat -564px 13px; padding:0; z-index:100; cursor:pointer;}
.modal .contents {margin:30px 0 25px; background:#f8f8f8; padding:26px 30px; font-size:16px;}
.modal .contents .desc {color:#000; font-size:16px; line-height:1.4;}
.modal .contents .desc em {font-weight:bold;}
.modal .contents .ideal {position:relative; padding-left:17px; letter-spacing:-0.07em; font-size:14px; color:#000;}
.modal .contents .ideal:before {content:'※'; position:absolute; top:0; left:0;}
.modal .contents .ipt-txt {font-weight:bold; font-size:1.125em; color:#f5202f; text-decoration:underline;}
.modal .footer {text-align:center;}
.modal .footer .btn-confirm {width:430px; height:70px; line-height:70px; background:#434159; color:#fff; font-size:21px; font-weight:bold; cursor:pointer;}
.modal .footer .btn-confirm:disabled {background:#bbb; color:#e2e2e2;}
.dimmed {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.75); z-index:8;}

/* code_copy_modal */
.code_copy_modal .code-msg {text-align:center; color:#000; line-height:1.2;}
.code_copy_modal .code-output {position:relative; height:54px; margin-top:25px; padding-right:100px; border:1px solid #4a4a4a; background:#fff;}
.code_copy_modal .code-output input {width:100%; height:100%; text-align:center; font-size:1.375em; font-weight:bold; color:#000;}
.code_copy_modal .code-output button {position:absolute; right:6px; top:6px; width:85px; height:40px; font-size:16px; background:#757380; color:#fff;}
.code_copy_modal .code-msg strong {display:block; font-size:1.35em; font-weight:bold;}
.code_copy_modal .code-msg span {display:block; line-height:1.2em; margin-top:15px;}
.code_copy_modal .code-msg em {display:block; line-height:1.2em; margin-top:15px; color:#F5202F; font-weight:700;}
.code_copy_modal .noti {margin-top:max(min(4.32vw, 28px), 18px);}
.code_copy_modal .contents {padding:40px 70px;}
.code_copy_modal .contents img {display:block; margin:0 auto 20px; width:auto !important;}

/* table */
.tbl-section table {width:100%;}
.tbl-section .coltbl {line-height:1.3;}
.tbl-section .coltbl thead th {padding:.5em; text-align:center; border:1px solid #959595; background-color:#e4e4e4;}
.tbl-section .coltbl tbody td {padding:1em .5em; text-align:center; border:1px solid #959595; background-color:#f8f8f8;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	EVENTS STYLE (2026.10.27~)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* galaxybd-mintit */
.galaxybd-mintit .event-wrap .title-area h1 {background-color:#A93512;}

/* responsive */
@media only screen and (max-width:648px) {
	/* form */
	.event-wrap .pic-radio {margin-top:10px;}
	.event-wrap input[type=checkbox] + label {display:inline-block; width:calc(100% - 76px); word-break:keep-all;}
	.event-wrap input[type=checkbox] + label:before {top:0 !important;}
	.event-wrap input[type=checkbox]:focus + label:after {top:0 !important;}

	/* style */
	br {display:none;}
	br.all {display:block;}
	.event-wrap {margin:12px;}
	.event-wrap .form-section {padding:0 20px 20px;}
	.event-wrap .form-section .notice-desc {font-size:14px;}
	.event-wrap .form-section .ipt_tit {font-size:15px;}
	.event-wrap .form-section input[type=text], .event-wrap .form-section input[type=tel] {height:45px; font-size:14px;}
	.event-wrap .form-section .field-set.entry input[type=text], .event-wrap .form-section .field-set.entry input[type=tel] {width:68%;}
	.event-wrap .form-section .field-set.entry button {width:32%; height:45px; font-size:14px; letter-spacing:-.1em;}
	.event-wrap .ipt-section {padding:20px;}
	.event-wrap .ipt-section .agree-area > li {font-size:14px;}
	.event-wrap .ipt-section .agree-area > li .btn-link {top:2px; font-size:13px; line-height:21px;}
	.event-wrap .ipt-section .btn-area button {height:60px; font-size:18px; word-break:keep-all;}
	.info-section {padding:36px 20px;}
	.info-section h2 {font-size:16px;}
	.info-section h2:before {top:6px; height:14px;}
	.info-section li {font-size:14px;}

	/* modal */
	.modal {width:90%; max-height:90%; padding:40px 16px 22px;}
	.modal .header h2 {font-size:17px;}
	.modal .contents {padding:16px; margin:20px 0; font-size:14px;}
	.modal .contents img {width:100%;}
	.modal .contents br + br {display:block;}
	.modal .contents .desc {font-size:14px; letter-spacing:-.06em;}
	.modal .footer .btn-confirm {width:65%; height:50px; line-height:50px; font-size:17px;}

	/* table */
	.tbl-section table {font-size:.9em;}
}

@media only screen and (max-width:420px) {
	.tbl-section table {font-size:.8em;}
}

@media only screen and (max-width:360px) {
	.event-wrap .form-section .field-set.entry button {font-size:13px;}
}