@charset "utf-8";

/* 학교별 안내 페이지(.mts): 차분한 기준 */
.mts {
	--mt-ink: #231d19; --mt-sub: #6a5f57; --mt-line: #e6ddd3; --mt-line-strong: #cfc3b6; --mt-paper: #faf6f0; --mt-accent: #ae3a1e; --mt-accent-deep: #8c2d16;
	max-width: 900px; margin: 0 auto; padding: 8px 16px 40px; color: var(--mt-ink); font-size: 13px; font-weight: 400; line-height: 1.7; word-break: keep-all;
}
.mts a { color: var(--mt-ink); text-decoration: none; }
.mts a:hover { color: var(--mt-accent); }
.mts-crumb { margin: 6px 0 4px; color: var(--mt-sub); font-size: 12px; }
.mts-crumb span { margin: 0 4px; color: var(--mt-line-strong); }
.mts-head { margin: 8px 0 20px; }
.mts-title { margin: 0; font-size: 20px; font-weight: 400; letter-spacing: -0.03em; line-height: 1.3; }
.mts-desc { margin: 6px 0 0; color: var(--mt-sub); font-size: 12.5px; }
.mts-sec { margin-top: 28px; }
.mts-h { margin: 0 0 8px; padding-bottom: 8px; border-bottom: 1px solid var(--mt-ink); font-size: 14px; font-weight: 400; letter-spacing: -0.02em; }
.mts-dh { margin: 14px 0 6px; color: var(--mt-sub); font-size: 12.5px; font-weight: 400; }
.mts-list { margin: 0; padding: 0; list-style: none; }
.mts-list li { border-bottom: 1px solid var(--mt-line); }
.mts-list li a { display: flex; align-items: center; gap: 14px; padding: 10px 4px; }
.mts-list li a:hover { background: var(--mt-paper); }
.mts-y { flex: none; width: 56px; color: var(--mt-sub); }
.mts-s { flex: 1 1 auto; min-width: 0; }
.mts-go { flex: none; color: var(--mt-sub); font-size: 12px; }
.mts-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mts-chips li a { display: inline-block; padding: 5px 11px; border: 1px solid var(--mt-line); border-radius: 999px; font-size: 12.5px; }
.mts-chips li a:hover { border-color: var(--mt-accent); background: var(--mt-paper); }
.mts-chips em { margin-left: 3px; color: var(--mt-accent); font-size: 11.5px; font-style: normal; }
.mts-foot { margin-top: 28px; padding: 14px 16px; border: 1px solid var(--mt-line); border-radius: 10px; background: var(--mt-paper); color: var(--mt-sub); font-size: 12.5px; }
.mts-foot a { color: var(--mt-accent); }
.mts-btn { display: inline-block; padding: 9px 18px; border: 1px solid var(--mt-accent); border-radius: 8px; background: var(--mt-accent); color: #fff !important; }
@media (max-width: 575px) {
	.mts-list li a { gap: 10px; }
	.mts-go { display: none; }
}

/* 학원 이용 안내 신청 양식 */
.mts-bul { margin: 0; padding-left: 20px; }
.mts-bul li { margin-bottom: 4px; }
.mts-form { max-width: 560px; margin-top: 20px; }
.mts-form > label { display: block; margin-bottom: 12px; color: var(--mt-sub); font-size: 12.5px; }
.mts-form > label em { margin-left: 4px; color: var(--mt-accent); font-size: 11.5px; font-style: normal; }
.mts-form > label span { margin-left: 4px; color: var(--mt-line-strong); font-size: 11.5px; }
.mts-form .form-control { display: block; width: 100%; height: 40px; margin-top: 4px; border: 1px solid var(--mt-line-strong); border-radius: 6px; font-size: 13px; box-shadow: none; }
.mts-form textarea.form-control { height: auto; }
.mts-form .form-control:focus { border-color: var(--mt-accent); box-shadow: 0 0 0 3px rgba(174, 58, 30, .22); outline: 0; }
.mts-agree { margin: 18px 0; padding: 14px 16px; border: 1px solid var(--mt-line); border-radius: 10px; background: var(--mt-paper); }
.mts-agree p { margin: 4px 0 12px 22px; color: var(--mt-sub); font-size: 12px; line-height: 1.6; }
.mts-agree p:last-child { margin-bottom: 0; }
.mts-chk { display: block; margin: 0; color: var(--mt-ink); font-size: 12.5px; }
.mts-chk b { font-weight: 400; color: var(--mt-accent); }
.mts-cap { margin: 12px 0; }
.mts-err { margin: 0 0 12px; padding: 10px 14px; border: 1px solid #e0b4a8; border-radius: 8px; background: #fbefeb; color: #8c2d16; }
.mts-table-wrap { overflow-x: auto; }
.mts-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.mts-table th { padding: 8px 10px; border-bottom: 1px solid var(--mt-line-strong); color: var(--mt-sub); font-weight: 400; text-align: left; white-space: nowrap; }
.mts-table td { padding: 8px 10px; border-bottom: 1px solid var(--mt-line); }

/* 학원 안내 상자 */
.mts-banner { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 28px; padding: 14px 18px; border: 1px solid var(--mt-accent); border-radius: 10px; background: #fff; color: var(--mt-ink); }
.mts-banner b { font-weight: 400; font-size: 14px; }
.mts-banner span { color: var(--mt-accent); font-size: 12.5px; }
.mts-banner:hover { background: var(--mt-paper); color: var(--mt-ink); }