/* ===== edu-apply apply ===== */
.apply-course-summary { display: flex; flex-direction: column; gap: 14px; padding: 22px 24px; margin: 0 auto 40px; max-width: 800px; background: #f5f7fb; border-radius: 10px; border: 1px solid var(--line); }
.apply-course-summary .course-summary-title { font-size: 2rem; font-weight: 800; color: var(--dark); line-height: 1.4; word-break: keep-all; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.apply-course-summary .course-summary-meta { display: flex; flex-direction: column; gap: 8px; }
.apply-course-summary .course-summary-row { display: flex; gap: 16px; font-size: 1.5rem; line-height: 1.6; }
.apply-course-summary .course-summary-row dt { flex-shrink: 0; width: 65px; font-weight: 600; color: var(--dark); }
.apply-course-summary .course-summary-row dd { color: #555; word-break: keep-all; }
.agreement-wrap .popup-layer[hidden] { display: none; }
.rnn-input-wrap { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.rnn-input-wrap .input-text { flex: 1; }
.form-area .rnn-input-wrap .input-text input { margin-top: 0; }
.rnn-input-wrap .rnn-dash { flex-shrink: 0; font-size: 1.6rem; color: #bbb; }
.input-group .opt { font-size: 1.3rem; font-weight: 400; color: #888; margin-left: 4px; }
.input-group .rnn-guide { margin-top: 8px; color: #888; }
.apply-form-btns { display: flex; justify-content: center; margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--line); }
.apply-form-btns .btn-wrap { display: flex; gap: 10px; }
.apply-form-btns .btn-wrap .a-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 50px; margin-top: 0; font-size: 1.6rem; font-weight: 600; border-radius: 8px; border: 1px solid #bbb; background: #fff; color: #444; transition: border-color 0.2s; }
.apply-form-btns .btn-wrap .a-btn:hover { border-color: #888; }
.apply-form-btns .btn-wrap button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; padding: 14px 50px; font-size: 1.6rem; font-weight: 700; border-radius: 8px; border: 0; background: var(--dark); color: #fff; cursor: pointer; transition: background 0.2s; }
.apply-form-btns .btn-wrap button[type="submit"]:hover { background: #001a55; }

@media (max-width: 580px) {
	.apply-course-summary { padding: 16px 18px; }
	.apply-form-btns { margin-top: 40px; padding-top: 30px; }
	.apply-form-btns .btn-wrap { width: 100%; }
	.apply-form-btns .btn-wrap .a-btn { width: 100px; padding: 14px; }
	.apply-form-btns .btn-wrap button[type="submit"] { flex: 1; padding: 14px; width: 100%;  }

	.apply-course-summary .course-summary-title { font-size: 1.8rem; }
	.apply-course-summary .course-summary-meta { gap: 6px; }
	.apply-course-summary .course-summary-row { gap: 12px; font-size: 1.3rem; }
	.apply-course-summary .course-summary-row dt { width: 55px; }
}