/* 기본 폰트 설정 */
* { font-family: 'Pretendard', sans-serif; }
body { background: #fff; color: #222; }

.sub-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 130px 0 160px;
	background-color: #fff;
}

.sub-wrapper .row {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}

/* 상단 제목 */
.sub-wrapper .row > h6 {
	font-size: 40px;
	margin-bottom: 10px;
	letter-spacing: -0.05em;
	color: #333;
}

.sub-wrapper .row > .sub-eng-title {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.8em;
	color: #888;
	margin-bottom: 80px;
	padding-left: 0.8em;
}

/* 등록 폼 컨테이너 */
.regi-container {
	max-width: 900px;
	margin: 0 auto;
	text-align: left;
}

.regi-section { margin-bottom: 50px; }
.regi-section h3 {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #111;
	display: flex;
	align-items: center;
	gap: 10px;
}

.regi-section h3::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #0d2144;
}

/* 개인정보 동의 박스 */
.regi-agree-box {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	border: 1px solid #ddd;
	background: #fff;
	padding: 20px;
	overflow-y: auto;
	font-weight: 400;
	margin-bottom: 20px;
	height: 230px;
}

.regi-checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	margin-top: 10px;
}
.regi-checkbox input[type="checkbox"] { width: 18px; height: 18px; accent-color: #0d2144; }
.regi-checkbox b { font-size: 16px; color: #333; font-weight: 500; }

/* 입력 테이블 */
.regi-table {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #0d2144;
}
.regi-table th {
	width: 160px;
	padding: 25px 20px;
	border-bottom: 1px solid #eee;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	text-align: left;
	vertical-align: middle;
}
.regi-table td {
	padding: 15px 25px;
	border-bottom: 1px solid #eee;
}

/* 인풋 선 스타일 */
.input-underline-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 450px;
}

.regi-input, .regi-select {
	width: 100%;
	height: 45px;
	border: none !important;
	background: transparent;
	padding: 0 5px;
	font-size: 15px;
	outline: none;
	display: block;
}

.input-underline-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #0d2144;
	transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.input-underline-wrap:focus-within::after { width: 100%; }

/* 휴대전화 개별 칸 설정 */
.phone-underline-wrap {
	position: relative;
	display: inline-block;
}
.phone-underline-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #0d2144;
	transition: width 0.3s ease;
}
.phone-underline-wrap:focus-within::after { width: 100%; }

.phone-wrap { display: flex; align-items: center; gap: 8px; }
.phone-wrap .phone, .phone-wrap select { width: 90px; text-align: center; }

/* 제출 버튼 */
.regi-submit { margin-top: 60px; text-align: center; }
.regi-submit button {
	width: 280px;
	height: 65px;
	background: #0d2144;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: 0.3s;
}
.regi-submit button:hover { background: #1a3a6e; box-shadow: 0 5px 15px rgba(13, 33, 68, 0.2); }

#postcodeLayer {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 650px;
	height: 500px;
	border: 1px solid #ddd;
	z-index: 99999;
	background: #fff;
	transform: translate(-50%, -50%);

}
input:checked {
	accent-color: #1a3a6e !important;
}

@media screen and (max-width: 768px) {
	.regi-table th {
		width: 100px;
		padding: 15px 10px;
		font-size: 24px;
		word-break: keep-all;
	}

	.regi-table td { padding: 10px 15px; }
	.input-underline-wrap { max-width: 100%; }
	.phone-wrap .phone, .phone-wrap select { width: 120px; }

	.sub-wrapper .row > h6 {
		font-size: 45px;
		margin-bottom: 150px;
	}
	.sub-wrapper {
		padding: 170px 0;
	}
	.sub-wrapper .row {
		padding: 0 40px;
	}

	.regi-section h3{
		font-size: 28px;
	}
	.regi-agree-box {
		font-size: 24px;
	}
	.regi-checkbox b {
		font-size: 24px;
	}
	.regi-checkbox input[type="checkbox"] {
		width: 25px;
		height: 25px;
	}
	.regi-input, .regi-select, .regi-input::placeholder {
		font-size: 24px;
	}
	.regi-input, .regi-select {
		height: 65px;
	}
	.regi-submit button {
		width: 300px;
		height: 80px;
		font-size: 28px;
	}
	#postcodeWrap{
		zoom: 1.45;
	}

}