@charset "utf-8";
/* People > Students */
/* 명단 테이블(.tbl-top / .tbl-mo) 스타일은 공통 style/design.css 에 정의되어 있습니다. */

.join-box { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 60px; padding: 40px 44px; border-radius: 20px; background: linear-gradient(120deg, var(--c_base1), #1266cc); color: #fff; }
.join-box h5 { font-size: var(--fs26); font-weight: 800; letter-spacing: -0.03em; }
.join-box p { margin-top: 10px; font-size: var(--fs16); color: rgba(255,255,255,.85); line-height: 1.7; }
.join-box .btn-primary { background: #fff; color: var(--c_base1) !important; box-shadow: none; flex: 0 0 auto; }
.join-box .btn-primary:hover { background: var(--c_base2); color: #fff !important; }

.notice-txt { margin-top: 30px; font-size: var(--fs14); color: #8892a4; }

@media (max-width: 767px) {
	.join-box { flex-direction: column; align-items: flex-start; padding: 28px 22px; }
}