/* 사전접수 서브 */
#sub_content.prereg_page {padding: 6.25rem 0; background: #fff;}
#sub_content.prereg_page .sub_inner {max-width: 87.5rem;}

.prereg {width: 100%;}
.prereg_step {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
}
.prereg_step_item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.prereg_step_num {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	border: 0.0625rem solid #E1E2E4;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.02rem;
	color: #878A93;
	background: #fff;
}
.prereg_step_item.is-on .prereg_step_num {
	border: 0;
	color: #fff;
	background-image: linear-gradient(91.08deg, #89C56D 10.77%, #00B7EE 90.04%);
}
.prereg_step_txt {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
	color: #878A93;
	white-space: nowrap;
}
.prereg_step_item.is-on .prereg_step_txt {color: #171719;}
.prereg_step_line {
	width: 3.75rem;
	height: 0.0625rem;
	background: rgba(0,0,0,0.14);
	flex-shrink: 0;
}

.prereg_head {margin-top: 3.75rem;}
.prereg_head h3 {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -0.0338rem;
	color: #171719;
}
.prereg_head p {
	margin-top: 1rem;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: -0.0063rem;
	color: #5A5C63;
}

.prereg_form {margin-top: 3.75rem;}
.prereg_all {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	height: 3.5rem;
	padding-bottom: 1.5rem;
	cursor: pointer;
}
.prereg_all_txt {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -0.0063rem;
	color: #171719;
}
.prereg_all input,
.prereg_label input,
.prereg_check input,
.prereg_radio input {
	position: absolute;
	width: 0.0625rem;
	height: 0.0625rem;
	opacity: 0;
	pointer-events: none;
}
.prereg_box {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.375rem;
	border: 0.09375rem solid #E1E2E4;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}
.prereg_box img {
	width: 1.125rem;
	height: 1.125rem;
	display: none;
	object-fit: contain;
}
.prereg_all input:checked + .prereg_box,
.prereg_label input:checked + .prereg_box,
.prereg_check input:checked + .prereg_box {
	border: 0;
	background-image: linear-gradient(91.08deg, #89C56D 10.77%, #00B7EE 90.04%);
}
.prereg_all input:checked + .prereg_box img,
.prereg_label input:checked + .prereg_box img,
.prereg_check input:checked + .prereg_box img {display: block;}

.prereg_line {width: 100%; height: 0.0625rem; background: #E1E2E4;}

.prereg_row {padding: 1.25rem 0;}
.prereg_row_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.prereg_label {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	cursor: pointer;
	min-height: 1.6875rem;
}
.prereg_label_txt {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
	color: #171719;
}
.prereg_req_txt {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	color: #FF4D53;
}
.prereg_view {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	height: 2.5rem;
	padding: 0.5rem 1rem;
	border: 0.0625rem solid #E1E2E4;
	border-radius: 0.75rem;
	background: #fff;
	cursor: pointer;
}
.prereg_view_txt {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #171719;
}
.prereg_view_ic {
	width: 1.25rem;
	height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: transform 0.2s ease;
}
.prereg_view_ic img {width: 100%; height: 100%; display: block; object-fit: contain;}
.prereg_row.is-open .prereg_view_ic {transform: rotate(180deg);}

.prereg_doc {
	display: none;
	margin-top: 0.75rem;
	height: 18.75rem;
	padding: 1.75rem 1.25rem 1.75rem 2rem;
	background: #F7F7F8;
	border-radius: 0.5rem;
	overflow-y: auto;
	overscroll-behavior: contain;   /* 끝까지 스크롤해도 페이지가 따라 움직이지 않도록 */
}
.prereg_row.is-open .prereg_doc {display: block;}
.prereg_doc_text {padding-right: 0.5rem;}
.prereg_doc_text p,
.prereg_doc_text strong {
	display: block;
	font-size: 1rem;
	line-height: 1.5;
}
.prereg_doc_text p {font-weight: 400; color: #5A5C63;}
.prereg_doc_text p + p,
.prereg_doc_text p + strong,
.prereg_doc_text strong + p {margin-top: 1.25rem;}
.prereg_doc_text strong {font-weight: 700; color: #171719;}

/* 약관 본문 목록 : 문단(1.25rem)보다 촘촘한 항목 간격 */
.prereg_doc_text ul,
.prereg_doc_text ol {margin-top: 0.5rem;}
.prereg_doc_text li {
	position: relative;
	padding-left: 0.875rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5A5C63;
}
.prereg_doc_text li + li {margin-top: 0.25rem;}
.prereg_doc_text li::before {position: absolute; left: 0;}
.prereg_doc_text .dot > li::before {content: "•";}
.prereg_doc_text .dash > li::before {content: "-";}
.prereg_doc_text .num {counter-reset: prereg-num;}
.prereg_doc_text .num > li {padding-left: 1.125rem; counter-increment: prereg-num;}
.prereg_doc_text .num > li::before {content: counter(prereg-num) ".";}
.prereg_doc_text li > ul {margin-top: 0.25rem;}   /* 중첩 목록 (쿠키 거부 방법) */
.prereg_doc_text .dash + .dash {margin-top: 0.75rem;}   /* 수집 목적·항목·기간 묶음 사이 */
.prereg_doc_text ul + p,
.prereg_doc_text ol + p,
.prereg_doc_text ul + strong,
.prereg_doc_text ol + strong {margin-top: 1.25rem;}

.prereg_doc::-webkit-scrollbar {width: 0.375rem;}
.prereg_doc::-webkit-scrollbar-track {background: #EAEBEC; border-radius: 999px;}
.prereg_doc::-webkit-scrollbar-thumb {background: #AEB0B6; border-radius: 999px;}

.prereg_err {
	margin-top: 1.25rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #FF4D53;
}
.prereg_err[hidden] {display: none !important;}

.prereg_btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding-top: 1.25rem;
	margin-top: 3.75rem;
}
.prereg_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	border-radius: 0.5rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
}
.prereg_btn_cancel {
	width: 12.5rem;
	border: 0.0625rem solid #E1E2E4;
	background: #fff;
	color: #171719;
}
.prereg_btn_submit {
	width: 20rem;
	border: 0;
	color: #fff;
	background-image: linear-gradient(95.39deg, #89C56D 10.77%, #00B7EE 90.04%);
}

.prereg_info {display: flex; flex-direction: column; gap: 2.5rem;}
.prereg_info .prereg_line {margin: 0;}
.prereg_sec {display: flex; flex-direction: column; gap: 0.75rem;}
.prereg_sec_person {gap: 2rem;}
.prereg_opts_date {gap: 1rem 2.5rem;}
.prereg_sec:has(.prereg_opts_date) {gap: 1.25rem;}
.prereg_sec_title {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.015rem;
	color: #171719;
}
.prereg_star {color: #89C56D;}
.prereg_fields {display: flex; flex-direction: column; gap: 2rem;}
.prereg_grid {display: flex; align-items: flex-start; gap: 2.5rem; width: 100%;}
.prereg_field {display: flex; flex: 1 1 0; flex-direction: column; gap: 0.75rem; min-width: 0;}
.prereg_row_gender > .prereg_field:first-child {flex: 0.92 1 0;}
.prereg_row_gender > .prereg_field:last-child {flex: 1.38 1 0;}
.prereg_field_spacer {visibility: hidden; pointer-events: none;}
.prereg_field_lab {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.0063rem;
	color: #171719;
}
.prereg_input,
.prereg_select {
	width: 100%;
	height: 3.75rem;
	padding: 1rem 1.25rem;
	border: 0.0625rem solid #E1E2E4;
	border-radius: 0.5rem;
	background: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	color: #292A2D;
	box-sizing: border-box;
}
.prereg_input::placeholder {color: #878A93;}
.prereg_input:focus,
.prereg_select:focus {
	border-color: #89C56D;
	outline: none;
}
.prereg_field.is-error .prereg_input,
.prereg_field.is-error .prereg_select {border-color: #FF4D53;}
.prereg_field_err {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #FF4D53;
}
.prereg_field_err[hidden] {display: none !important;}
.prereg_select_wrap {position: relative; width: 100%;}
.prereg_select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 3rem;
	background: #fff url("/img/pre_register/ic_select.svg") no-repeat right 1.25rem center / 1.25rem 1.25rem;
	cursor: pointer;
	color: #878A93;
}
.prereg_select.has-value {color: #292A2D;}
.prereg_select option {color: #171719;}
.prereg_opts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
	width: 100%;
}
.prereg_opts_age,
.prereg_opts_purpose,
.prereg_opts_interest {gap: 1rem 1.75rem;}
.prereg_opts_path {gap: 1rem 1.5rem;}
.prereg_opts_gender,
.prereg_opts_age,
.prereg_opts_region {padding: 0.75rem 0;}
.prereg_check,
.prereg_radio {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	cursor: pointer;
	min-height: 1.5rem;
}
.prereg_opt_txt {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	color: #2E2F33;
	white-space: nowrap;
}
.prereg_check input:checked ~ .prereg_opt_txt,
.prereg_radio input:checked ~ .prereg_opt_txt {color: #171719;}
.prereg_radio_box {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	border: 0.09375rem solid #E1E2E4;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}
.prereg_radio_box img {
	width: 100%;
	height: 100%;
	display: none;
	object-fit: contain;
}
.prereg_radio input:checked + .prereg_radio_box {
	border: 0;
	background: transparent;
}
.prereg_radio input:checked + .prereg_radio_box img {display: block;}
.prereg_etc_row {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
}
.prereg_etc_row .prereg_radio {flex-shrink: 0;}
.prereg_etc_input {
	width: 16rem;
	max-width: 100%;
	height: 2.75rem;
	padding: 0.5rem 0.875rem;
	margin-top: 0;
	flex: 1 1 12rem;
}
.prereg_etc_input[hidden] {display: none !important;}
.prereg_info .prereg_btns {margin-top: 0; padding-top: 1.25rem;}

.prereg_done {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3.5rem;
}
.prereg_done_body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.5rem;
	width: 100%;
}
.prereg_done_ic {
	width: 6.5rem;
	height: 6.5rem;
	border-radius: 999px;
	background-image: linear-gradient(91.08deg, #89C56D 10.77%, #00B7EE 90.04%);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}
.prereg_done_ic img {
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	object-fit: contain;
}
.prereg_done_txt {width: 100%; text-align: center;}
.prereg_done_txt h3 {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -0.0338rem;
	color: #171719;
}
.prereg_done_txt p {
	margin-top: 1.25rem;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: -0.0063rem;
	color: #5A5C63;
}
.prereg_btns_single {margin-top: 0; padding-top: 0;}
.prereg_btn_main {width: 12.5rem;}
.prereg_btn_wide {
	width: auto;
	min-width: 12.5rem;
	padding: 0 2rem;
}

.prereg_auth {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3rem;
}
.prereg_auth_head {width: 100%; text-align: center;}
.prereg_auth_head h3 {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -0.0338rem;
	color: #171719;
}
.prereg_auth_head p {
	margin-top: 1rem;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: -0.0063rem;
	color: #5A5C63;
}
.prereg_auth_form {
	width: 27.5rem;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
#findPwForm {gap: 1.5rem;}
.prereg_btn_full {width: 100%;}
.prereg_btn_find {height: 3.5rem;}
.prereg_auth_btns {
	display: flex;
	align-items: stretch;
	gap: 0.5rem;
	width: 100%;
	padding-top: 0.5rem;
}
.prereg_auth_btns .prereg_btn {
	flex: 1 1 0;
	width: auto;
	height: 3.5rem;
}

.sub_visual_wrap.is-mypage {display: none;}
#sub_content.mypage_page {padding-top: 10rem;}

body:has(.mp) {
	overflow-x: clip;
	overflow-y: auto;
}
.mp {
	display: grid;
	grid-template-columns: 17.5rem minmax(0, 1fr);
	column-gap: 2.5rem;
	align-items: start;
	width: 100%;
}
.mp_lnb_wrap {
	grid-column: 1;
	grid-row: 1;
	width: 17.5rem;
	border: 0.0625rem solid #E1E2E4;
	border-radius: 1rem;
	background: #fff;
	align-self: start;
}
.mp_lnb {
	padding: 2rem 1.5rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.mp_lnb_nav_hold {display: none;}
.mp_lnb_nav {
	padding: 0.5rem 1.5rem 2rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	min-width: 0;
}
.mp_lnb_title {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.015rem;
	color: #171719;
}
.mp_lnb_user {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 0.75rem;
	padding: 1.5rem 0 1rem;
}
.mp_lnb_photo {
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 999px;
	overflow: hidden;
	flex-shrink: 0;
	background: #F7F7F8;
}
.mp_lnb_photo img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.mp_lnb_name {flex: 1 1 0; min-width: 0;}
.mp_lnb_name p {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: #292A2D;
	line-height: 1.5;
}
.mp_lnb_name strong {
	font-size: 1.125rem;
	font-weight: 700;
}
.mp_lnb_name p {
	font-size: 1rem;
	font-weight: 400;
}
.mp_lnb_name span {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.43;
	color: #878A93;
	word-break: break-all;
}
.mp_lnb_logout {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 100%;
	height: 2.5rem;
	padding: 0 1.25rem;
	border: 0.0625rem solid #E1E2E4;
	border-radius: 999px;
	background: #fff;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.43;
	color: #5A5C63;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}
.mp_lnb_logout:hover {
	border-color: #C2C4C8;
	color: #171719;
}
.mp_lnb_list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding-top: 0.5rem;
	border-top: 0;
}
.mp_lnb_list a {
	display: flex;
	align-items: center;
	height: 3.5rem;
	padding: 1rem;
	border-radius: 0.5rem;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
	color: #5A5C63;
}
.mp_lnb_list a.is-on {
	font-weight: 700;
	color: #fff;
	background-image: linear-gradient(94.47deg, #89C56D 10.77%, #00B7EE 90.04%);
}
.mp_main {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
}
.mp_head h3 {
	margin: 0;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -0.0338rem;
	color: #171719;
}
.mp_head p {
	margin-top: 1rem;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: -0.0063rem;
	color: #5A5C63;
}
.mp_form {margin-top: 2.5rem;}
.mp_main_pw {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3.75rem;
}
.mp_pw_box {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 3.75rem;
	width: 100%;
}
.mp_main_pw .mp_head {width: 100%;}
.mp_pw_form {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
.mp_pw_fields {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: 100%;
}
.mp_pw_btns {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0.75rem;
	width: 100%;
}
.mp_pw_btns .prereg_btn_cancel {
	width: 9.375rem;
	flex-shrink: 0;
}
.mp_pw_btns .prereg_btn_submit {
	flex: 1 1 0;
	width: auto;
}
.mp_form .prereg_input[readonly],
.mp_form .prereg_select:disabled {
	background: #F7F7F8;
	border-color: #EAEBEC;
	color: #292A2D;
	cursor: default;
}
.mp_form .prereg_check.is-readonly,
.mp_form .prereg_radio.is-readonly {
	cursor: default;
	pointer-events: none;
}
.mp_form .prereg_check.is-readonly .prereg_opt_txt,
.mp_form .prereg_radio.is-readonly .prereg_opt_txt {
	color: #C2C4C8;
}
.mp_form .prereg_check.is-readonly .prereg_box,
.mp_form .prereg_radio.is-readonly .prereg_radio_box {
	border-color: #F0F1F3;
	background: #F0F1F3;
}
.mp_form .prereg_check.is-readonly input:checked + .prereg_box {
	border: 0;
	background: transparent;
	background-image: linear-gradient(91.08deg, #89C56D 10.77%, #00B7EE 90.04%);
}
.mp_form .prereg_radio.is-readonly input:checked + .prereg_radio_box {
	border: 0;
	background: transparent;
}
.mp_form .prereg_check.is-readonly input:checked ~ .prereg_opt_txt,
.mp_form .prereg_radio.is-readonly input:checked ~ .prereg_opt_txt {
	color: #171719;
}
.mp_form .prereg_select:disabled {opacity: 1;}

@media screen and (max-width: 1024px) {
	#sub_content.prereg_page {padding: 2.5rem 0;}

	.prereg_step {gap: 0.5rem; flex-wrap: wrap;}
	.prereg_step_item {gap: 0.375rem;}
	.prereg_step_num {width: 1.75rem; height: 1.75rem; font-size: 0.75rem;}
	.prereg_step_txt {font-size: 0.8125rem;}
	.prereg_step_line {width: 1.25rem;}

	.prereg_head {margin-top: 2.5rem;}
	.prereg_head h3 {font-size: 1.5rem;}
	.prereg_head p {font-size: 0.9375rem; margin-top: 0.625rem;}

	.prereg_form {margin-top: 2rem;}
	.prereg_all {height: auto; padding-bottom: 1rem;}
	.prereg_all_txt {font-size: 1rem;}
	.prereg_label_txt,
	.prereg_req_txt {font-size: 0.9375rem;}
	.prereg_view {height: 2rem; padding: 0.375rem 0.75rem;}
	.prereg_view_txt {font-size: 0.8125rem;}
	.prereg_doc {
		height: 14.5rem;
		padding: 1.25rem 0.875rem 1.25rem 1rem;
	}
	.prereg_doc_text p,
	.prereg_doc_text strong,
	.prereg_doc_text li {font-size: 0.875rem;}

	.prereg_btns {
		flex-direction: column-reverse;
		gap: 0.75rem;
		margin-top: 2rem;
	}
	.prereg_btn,
	.prereg_btn_cancel,
	.prereg_btn_submit {width: 100%;}

	.prereg_info {gap: 1.75rem;}
	.prereg_sec {gap: 0.75rem;}
	.prereg_sec_title {font-size: 1.125rem;}
	.prereg_fields {gap: 1.25rem;}
	.prereg_grid,
	.prereg_row_2,
	.prereg_row_3 {flex-direction: column; gap: 1.25rem;}
	.prereg_field {width: 100%; flex: none;}
	.prereg_field_spacer {display: none;}
	.prereg_field_lab {font-size: 1rem;}
	.prereg_input,
	.prereg_select {height: 3.25rem; font-size: 1rem; padding: 0.875rem 1rem;}
	.prereg_select {background-position: right 1rem center;}
	.prereg_opts,
	.prereg_opts_age,
	.prereg_opts_purpose,
	.prereg_opts_interest,
	.prereg_opts_path {gap: 0.75rem 1.25rem;}
	.prereg_opts_gender,
	.prereg_opts_age,
	.prereg_opts_region {padding: 0.25rem 0;}
	.prereg_opt_txt {font-size: 0.9375rem; white-space: normal;}
	.prereg_etc_row {width: 100%;}
	.prereg_etc_input {width: 100%; max-width: 100%; height: 3.25rem;}
	.prereg_info .prereg_btns {
		flex-direction: row;
		align-items: stretch;
		gap: 0.5rem;
		margin-top: 0.5rem;
		padding-top: 1.25rem;
	}
	.prereg_info .prereg_btn,
	.prereg_info .prereg_btn_cancel,
	.prereg_info .prereg_btn_submit {
		flex: 1 1 0;
		width: auto;
		height: 3.5rem;
		font-size: 1rem;
	}

	.prereg_done {gap: 2.5rem;}
	.prereg_done_body {gap: 1.5rem;}
	.prereg_done_ic {width: 4.5rem; height: 4.5rem;}
	.prereg_done_ic img {width: 2.5rem; height: 2.5rem;}
	.prereg_done_txt h3,
	.prereg_auth_head h3 {font-size: 1.5rem;}
	.prereg_done_txt p,
	.prereg_auth_head p {font-size: 0.9375rem; margin-top: 0.625rem;}
	.prereg_auth {gap: 2rem;}
	.prereg_auth_form {width: 100%;}
	.prereg_auth_btns {flex-direction: row;}
	.prereg_auth_btns .prereg_btn,
	.prereg_btn_full,
	.prereg_btn_main,
	.prereg_btn_wide {width: 100%;}
	.prereg_btns_single {width: 100%;}
	.prereg_btns_single .prereg_btn {width: 100%;}

	#sub_content.mypage_page {padding: 7rem 0 4rem;}
	#sub_content.mypage_page .sub_inner {padding: 0 2.5rem;}
	.mp {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 1.25rem;
	}
	.mp_lnb_wrap {
		display: contents;
		width: auto;
		border: 0;
		border-radius: 0;
		background: transparent;
	}
	.mp_lnb {
		display: block;
		width: 100%;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}
	.mp_lnb_title {display: none;}
	.mp_lnb_user {
		flex-shrink: 0;
		flex-wrap: nowrap;
		padding: 1rem;
		gap: 0.75rem;
		border: 0.0625rem solid #E1E2E4;
		border-radius: 0.75rem;
		background: #fff;
	}
	.mp_lnb_photo {
		width: 2.5rem;
		height: 2.5rem;
	}
	.mp_lnb_name p {
		font-size: 1rem;
		font-weight: 700;
	}
	.mp_lnb_name strong {font-size: 1rem;}
	.mp_lnb_name span {
		margin-top: 0.25rem;
		font-size: 0.75rem;
		line-height: 1.33;
	}
	.mp_lnb_logout {
		flex: 0 0 auto;
		width: auto;
		height: 2.25rem;
		margin-left: auto;
		padding: 0 1rem;
		font-size: 0.8125rem;
	}
	.mp_lnb_nav_hold.is-on {
		display: block;
		flex-shrink: 0;
	}
	.mp_lnb_nav {
		position: relative;
		z-index: 40;
		flex-shrink: 0;
		width: auto;
		min-width: 0;
		max-width: none;
		margin-left: -2.5rem;
		margin-right: -2.5rem;
		padding: 0 2.5rem;
		border: 0;
		border-radius: 0;
		border-bottom: 0.0625rem solid #E1E2E4;
		background: #fff;
	}
	.mp_lnb_nav.is-fixed {
		position: fixed;
		top: var(--mp-header-h, 3.6875rem);
		left: 0;
		right: 0;
		width: 100%;
		margin: 0;
		padding: 0 2.5rem;
		box-shadow: 0 0.25rem 0.75rem rgba(23, 23, 25, 0.06);
	}
	.mp_lnb_list {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0;
		width: 100%;
		min-width: 0;
		padding-top: 0;
		border-top: 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		touch-action: pan-x;
	}
	.mp_lnb_list::-webkit-scrollbar {display: none;}
	.mp_lnb_list a {
		flex: 0 0 auto;
		height: auto;
		padding: 0.75rem;
		border-radius: 0;
		justify-content: center;
		font-size: 1rem;
		font-weight: 500;
		color: #5A5C63;
		white-space: nowrap;
	}
	.mp_lnb_list a.is-on {
		font-weight: 700;
		color: #171719;
		background-image: none;
		box-shadow: inset 0 -0.125rem 0 #89C56D;
	}
	.mp_main {
		display: flex;
		flex-direction: column;
		grid-column: auto;
		grid-row: auto;
		gap: 2.5rem;
		margin-top: 1.25rem;
	}
	.mp .mp_main.mp_main_pw {
		flex: 0 1 auto;
		align-self: center;
		width: 400px;
		max-width: 100%;
		margin: 1.25rem auto 0;
		gap: 2.5rem;
	}
	.mp_main_pw .mp_pw_box,
	.mp_main_pw .mp_pw_form {
		width: 100%;
		margin: 0;
	}
	.mp_pw_fields {gap: 1.5rem;}
	.mp_pw_btns {gap: 0.75rem;}
	.mp_pw_btns .prereg_btn.prereg_btn_cancel {
		width: 9.375rem;
		flex-shrink: 0;
	}
	.mp_pw_btns .prereg_btn.prereg_btn_submit {
		flex: 1 1 0;
		width: auto;
	}
	.mp_pw_btns .prereg_btn {
		height: 3.5rem;
		font-size: 1rem;
	}
	.mp_head h3 {
		font-size: 1.75rem;
		line-height: 1.33;
		letter-spacing: -0.015rem;
	}
	.mp_head p {
		font-size: 1rem;
		margin-top: 1rem;
		line-height: 1.45;
	}
	.mp_form {margin-top: 0;}
}

@media screen and (max-width: 767px) {
	#sub_content.mypage_page {padding: 7.5rem 0 3.75rem;}
	#sub_content.mypage_page .sub_inner {padding: 0 1.25rem;}
	.mp {gap: 1.25rem;}
	.mp_lnb_nav {
		margin-left: -1.25rem;
		margin-right: -1.25rem;
		padding: 0 1.25rem;
	}
	.mp_lnb_nav.is-fixed {padding: 0 1.25rem;}
	.mp .mp_main.mp_main_pw {
		width: 100%;
		align-self: stretch;
		gap: 2.5rem;
	}
	.mp_pw_form {
		gap: 1.75rem;
	}
	.mp_pw_fields {gap: 1.5rem;}
	.mp_pw_fields .prereg_field {gap: 0.5rem;}
	.mp_pw_btns {gap: 0.5rem;}
	.mp_pw_btns .prereg_btn.prereg_btn_cancel,
	.mp_pw_btns .prereg_btn.prereg_btn_submit {
		flex: 1 1 0;
		width: auto;
	}
	.mp_head h3 {
		font-size: 1.5rem;
		letter-spacing: -0.015rem;
	}
	.mp_head p {
		font-size: 0.875rem;
		margin-top: 1rem;
		line-height: 1.43;
	}
}
