/****************************************
*     Sec Tag
****************************************/
#sec_tag { padding-top: 20px; padding-bottom: 20px; }
#sec_tag_inner {
	display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px;
}
#sec_tag_inner > div {
	padding: 15px 0;
	width: 180px; max-width: 200px;
	color: #1d2533;
	font-size: 1.0rem; font-weight: 600;
	background: var(--color-light-gray);
	border: none; border-radius: 999px;
	display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px;
}
#sec_tag_inner > div > span:nth-child(1){ font-size: 0.9rem; }


/****************************************
*     Sec Item
****************************************/
#sec_item {}
#sec_item_inner {
	/*display: grid; justify-content: center; align-items: center; gap: 10px;*/
}
/* ---------- 버튼 ---------- */
.kh-reg .kh-btn {
	height: 50px;
	padding: 0 24px;
	font-family: var(--font-pretendard); font-size: 1.0rem; font-weight: 700;
	border: 0; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	cursor: pointer;
	transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

/* ---------- 플랜 카드 ---------- */
.kh-reg .kh-plans {
	margin-top: 8px;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
	align-items: stretch;
}
.kh-reg .kh-plan {
	padding: 32px 26px;
	background: #fff;
	border: 2px solid var(--line); border-radius: 20px;
	display: flex; flex-direction: column; gap: 14px;
	position: relative;
	transition: transform 0.2s, box-shadow 0.2s;
}
.kh-reg .kh-plan:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(29, 37, 51, 0.1); }
.kh-reg .kh-plan-badge {
	padding: 5px 16px;
	color: #fff;
	font-size: 0.8rem; font-weight: 700;
	border-radius: 999px;
	position: absolute; top: -13px; left: 50%;
	transform: translateX(-50%);
}
.kh-reg .kh-plan-term { color: var(--kh-ink-2); font-size: 0.95rem; font-weight: 700; }
.kh-reg .kh-plan-price { display: flex; flex-direction: column; gap: 2px; }
.kh-reg .kh-plan-was {
	color: var(--kh-ink-4); font-size: 0.9rem;
	text-decoration: line-through;
}
.kh-reg .kh-plan-now {
	color: var(--kh-ink); font-size: 1.9rem; font-weight: 800;
	letter-spacing: -0.02em;
}
.kh-reg .kh-plan-list {
	margin: 8px 0; padding: 0;
	color: var(--kh-ink-2); font-size: 0.88rem; line-height: 1.6;
	list-style: none;
}
.kh-reg .kh-plan-list li { padding: 4px 0; }
.kh-reg .kh-body-sm { font-size: 0.9rem; line-height: 1.6; }
.kh-reg .kh-section-head .kh-eyebrow { width: auto; color: var(--kh-teal-5); background: var(--kh-teal-2); }
.kh-reg .kh-plan-per { color: var(--kh-teal-5); }
.kh-reg .kh-plan.featured {
	border-color: var(--line);
	background: #fff;
}
.kh-reg .kh-plan-badge { background: var(--kh-teal-4); }
.kh-reg .kh-plan-badge.discount { background: var(--kh-ink); }
.kh-reg .kh-btn-teal {
	color: #fff;
	background: var(--kh-teal-4);
	box-shadow: 0 10px 24px rgba(40, 167, 123, 0.25);
}
.kh-reg .kh-btn-teal:hover { background: var(--kh-teal-5); transform: translateY(-1px); }

/* 플랜 카드 높이 정렬: 내용 길이가 달라도 신청 버튼을 하단에 맞춤 */
.kh-reg .kh-plan { height: 100%; }
.kh-reg .kh-plan .kh-plan-list { flex: 1 0 auto; }
.kh-reg .kh-plan .kh-btn { margin-top: auto; }






/****************************************
*     반응형
****************************************/
@media (max-width: 960px) {

}

@media (max-width: 560px) {


}


/*#section1 {
	display: flex; flex-direction: column; align-items: center; gap: 50px;

}
*//* 금액 안내 페이지 teal 팔레트 + 베이스 레이아웃
   (pages.css 가 이 페이지에 로드되지 않으므로 페이지 스코프로 직접 정의) */
.kh-reg {
	--kh-teal-1: #eaf7f1;
	--kh-teal-2: #cfede0;
	--kh-teal-3: #7fcbae;
	--kh-teal-4: #28a77b;
	--kh-teal-5: #15835e;
	--kh-ink: #1d2533;
	--kh-ink-2: #33425a;
	--kh-ink-3: #5b6579;
	--kh-ink-4: #8b94a6;
	--line: #eae3d8;

	color: var(--kh-ink);
	font-family: var(--font-pretendard);
}

/* ---------- 레이아웃 ---------- */
.kh-reg.kh-section { padding: 40px 0 80px; }
.kh-reg .kh-container {
	width: 100%; max-width: 1120px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ---------- 버튼 ---------- */
.kh-reg .kh-btn {
	height: 50px;
	padding: 0 24px;
	font-family: var(--font-pretendard); font-size: 1.0rem; font-weight: 700;
	border: 0; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	cursor: pointer;
	transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

/* ---------- 플랜 카드 ---------- */
.kh-reg .kh-plans {
	margin-top: 8px;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
	align-items: stretch;
}
.kh-reg .kh-plan {
	padding: 32px 26px;
	background: #fff;
	border: 2px solid var(--line); border-radius: 20px;
	display: flex; flex-direction: column; gap: 14px;
	position: relative;
	transition: transform 0.2s, box-shadow 0.2s;
}
.kh-reg .kh-plan:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(29, 37, 51, 0.1); }
.kh-reg .kh-plan-badge {
	padding: 5px 16px;
	color: #fff;
	font-size: 0.8rem; font-weight: 700;
	border-radius: 999px;
	position: absolute; top: -13px; left: 50%;
	transform: translateX(-50%);
}
.kh-reg .kh-plan-term { color: var(--kh-ink-2); font-size: 0.95rem; font-weight: 700; }
.kh-reg .kh-plan-price { display: flex; flex-direction: column; gap: 2px; }
.kh-reg .kh-plan-was {
	color: var(--kh-ink-4); font-size: 0.9rem;
	text-decoration: line-through;
}
.kh-reg .kh-plan-now {
	color: var(--kh-ink); font-size: 1.9rem; font-weight: 800;
	letter-spacing: -0.02em;
}
.kh-reg .kh-plan-list {
	margin: 8px 0; padding: 0;
	color: var(--kh-ink-2); font-size: 0.88rem; line-height: 1.6;
	list-style: none;
}
.kh-reg .kh-plan-list li { padding: 4px 0; }
.kh-reg .kh-body-sm { font-size: 0.9rem; line-height: 1.6; }
.kh-reg .kh-section-head .kh-eyebrow { width: auto; color: var(--kh-teal-5); background: var(--kh-teal-2); }
.kh-reg .kh-plan-per { color: var(--kh-teal-5); }
.kh-reg .kh-plan.featured {
	border-color: var(--line);
	background: #fff;
}
.kh-reg .kh-plan-badge { background: var(--kh-teal-4); }
.kh-reg .kh-plan-badge.discount { background: var(--kh-ink); }
.kh-reg .kh-btn-teal {
	color: #fff;
	background: var(--kh-teal-4);
	box-shadow: 0 10px 24px rgba(40, 167, 123, 0.25);
}
.kh-reg .kh-btn-teal:hover { background: var(--kh-teal-5); transform: translateY(-1px); }

/* 플랜 카드 높이 정렬: 내용 길이가 달라도 신청 버튼을 하단에 맞춤 */
.kh-reg .kh-plan { height: 100%; }
.kh-reg .kh-plan .kh-plan-list { flex: 1 0 auto; }
.kh-reg .kh-plan .kh-btn { margin-top: auto; }

/* ---------- 반응형 ---------- */
@media (max-width: 960px) {
	.kh-reg .kh-plans { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
}
@media (max-width: 560px) {
	.kh-reg .kh-plans { grid-template-columns: 1fr; }
}