@charset "utf-8";

@import url(sub.css);

.visual h1 {color: #fff;font-size: 60px;}
.visual .tb_cell {padding-bottom: 65px;}

.title_img {margin-top: 0;}
.text1 {color: #545454;font-size: 22px;text-align: center;font-weight: 400;}

.top_info {margin-bottom: 80px;background: none;}
.top_info li {margin-top: 50px;background-color: #f0f6fd;border-radius: 0 15px}

.curri_list {margin-top: 50px;}
.curri_list li {position: relative;margin: 0 auto 30px;padding: 20px 0 30px;width: 830px;color: #545454;font-size: 22px;font-weight: 400;border-radius: 4px;background-color: #f7f7f7;text-align: center;}
.curri_list li::after {content: '';position: absolute;left: 50%;bottom: -18px;margin-left: -18px;width: 36px;height: 37px;background: url(/maestro_renew/img/sub/arrow.png) 0 no-repeat;}
.curri_list li:last-child::after {display: none;}

.schedule_tit {height: 60px;color: #fff;font-size: 23px;line-height: 60px;background-color: #395b8c;font-weight: 500;text-align: center;}
.schedule {width: 100%;border-top: 4px solid #395b8c;border-bottom: 1px solid #dcdcdc;}
.schedule tr th,
.schedule tr td {padding: 15px 0;font-size: 17px;border-right: 1px solid #dcdcdc;}
.schedule tr th {color: #283444;background-color: #edf1f8;border-bottom: 1px solid #dcdcdc;text-align: center;}
.schedule tr th:last-child,
.schedule tr td:last-child {border-right: none;}
.schedule tr td {color: #000;text-align: center;line-height: 1.8em;}
.schedule tr:nth-child(2n+1) td {background-color: #edf1f8;}
.schedule tr.end td {text-decoration: line-through;}
.schedule tr th img {padding-right: 15px;vertical-align: -6px;}
.schedule tr td a {color: #283444;}

.hof-intro {margin-bottom: 48px;padding-top: 10px;text-align: center;}
.hof-intro[hidden] {display: none !important;}
.hof-title {margin: 0 0 14px;color: #0b1a2d;font-size: 34px;font-weight: 600;}
.hof-desc {margin: 0;color: #555;font-size: 18px;line-height: 1.6;}
.hof-list {margin-top: 40px;}
.hof-list .hof-card {margin-bottom: 50px;}
.hof-list .hof-card:last-child {margin-bottom: 0;}
.hof-empty {padding: 80px 20px;border: 1px dashed #ccc;border-radius: 12px;text-align: center;}
.hof-empty p {margin: 0;color: #888;font-size: 18px;}

.hof-cert-wrap {margin-bottom: 40px;}
.hof-cert-wrap[hidden],
.hof-cert-panel[hidden],
.hof-detail-wrap[hidden],
.hof-subpanel[hidden] {display: none !important;}
.hof-cert-feature {
	display: flex;
	align-items: center;
	gap: 64px;
	flex-wrap: wrap;
	padding: 48px 40px;
	background: linear-gradient(180deg, #f7f9fc 0%, #eef3f9 100%);
	border: 1px solid rgba(28, 53, 124, 0.08);
	border-radius: 20px;
	box-sizing: border-box;
}
.hof-cert-img {flex: 1.1;min-width: 280px;}
.hof-cert-img img {display: block;max-width: 100%;border-radius: 12px;box-shadow: 0 18px 40px rgba(11, 26, 45, 0.12);}
.hof-cert-text {flex: 1;min-width: 280px;}
.hof-cert-badge {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 28px 12px 22px;
	margin-bottom: 22px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.6px;
	line-height: 1;
	border-radius: 999px;
	background: linear-gradient(90deg, #3b82f6 0%, #2563eb 45%, #1d4ed8 100%);
	box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.35), 0 8px 24px rgba(37, 99, 235, 0.35);
}
.hof-cert-badge::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #bfdbfe;
	box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.28), 0 0 8px rgba(147, 197, 253, 0.7);
	flex-shrink: 0;
}
.hof-cert-text h3 {
	margin: 0 0 22px;
	font-size: 32px;
	font-weight: 600;
	color: #1a3a6e;
	letter-spacing: -0.5px;
	line-height: 1.3;
}
.hof-cert-item {
	position: relative;
	margin: 0 0 14px;
	padding-left: 28px;
	font-size: 18px;
	color: #475569;
	line-height: 1.7;
}
.hof-cert-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #275eff;
	box-shadow: 0 0 0 3px rgba(39, 94, 255, 0.18);
}
.hof-cert-link {margin: 28px 0 0;padding-left: 0;}
.hof-cert-link a {
	display: inline-flex;
	align-items: center;
	color: #275eff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid rgba(39, 94, 255, 0.35);
}
.hof-cert-link a:hover {color: #1d4ed8;border-bottom-color: #1d4ed8;}

/* 서브탭 제거 — 상세 툴바 */
.hof-detail-wrap {margin-bottom: 60px;}
.hof-cert-images {
	margin: 0 0 40px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e2e8f0;
}
.hof-detail-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 2px solid #1C357C;
}
.hof-list-filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: auto;
	margin-right: 12px;
}
.hof-list-filters[hidden] {display: none !important;}
.hof-list-filters-label {
	font-size: 13px;
	font-weight: 700;
	color: #64748b;
	margin-right: 4px;
}
.hof-list-filter-btn {
	height: 34px;
	padding: 0 14px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.hof-list-filter-btn:hover {
	border-color: #1C357C;
	color: #1C357C;
}
.hof-list-filter-btn.on {
	background: #1C357C;
	border-color: #1C357C;
	color: #fff;
}
.hof-admin-area {display: flex;align-items: center;gap: 8px;min-height: 36px;}
.hof-admin-cancel,
#hofAdminLoginBtn,
#hofAdminLogoutBtn,
.hof-edu-admin-login-btn,
.hof-edu-admin-logout {
	height: 36px;
	padding: 0 14px;
	border: 1px solid #94a3b8;
	border-radius: 4px;
	background: #f8fafc;
	color: #334155;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}
.hof-admin-cancel {border-color: #cbd5e1;color: #64748b;}
.hof-admin-login {display: flex;gap: 6px;align-items: center;}
.hof-admin-login input,
.hof-edu-admin-key {
	height: 36px;
	padding: 0 10px;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	font-size: 13px;
	min-width: 160px;
}
.hof-admin-badge {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 10px;
	border-radius: 4px;
	background: #dbeafe;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 700;
}
.hof-subpanel-title {
	margin: 0 0 16px;
	font-size: 20px;
	font-weight: 700;
	color: #0b1a2d;
}
.hof-subpanel-title em {font-style: normal;color: #1C357C;}

/* X-Ways 스타일 취득 현황 표 */
.hof-table-wrap {overflow-x: auto;margin-bottom: 28px;}
.hof-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999;
	background: #fff;
	font-size: 14px;
}
.hof-table thead th {
	padding: 10px 12px;
	background: #1C357C;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border: 1px solid #14306a;
	white-space: nowrap;
}
.hof-table tbody td {
	padding: 9px 12px;
	border: 1px solid #ccc;
	color: #222;
	vertical-align: middle;
	text-align: center;
	background: #fff;
}
.hof-table tbody tr.is-alt td {background: #f3f6fb;}
.hof-table tbody tr:hover td {background: #e8eef8;}
.hof-table a {color: #0645ad;text-decoration: underline;word-break: break-all;}
.hof-table a:hover {color: #0b0080;}
.hof-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0 8px;
}
.hof-pager[hidden] {display: none !important;}
.hof-pager-pages {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
}
.hof-pager-nav,
.hof-pager-page {
	min-width: 36px;
	height: 36px;
	padding: 0 12px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}
.hof-pager-nav:hover,
.hof-pager-page:hover {
	border-color: #1C357C;
	color: #1C357C;
}
.hof-pager-page.on {
	background: #1C357C;
	border-color: #1C357C;
	color: #fff;
}
.hof-pager-nav:disabled {
	opacity: 0.4;
	cursor: default;
}
.hof-table-empty {
	margin: 20px 0 0;
	padding: 28px;
	text-align: center;
	color: #888;
	font-size: 15px;
	border: 1px dashed #ccc;
}
.hof-table-empty[hidden] {display: none !important;}
.hof-row-delete {
	height: 30px;
	padding: 0 10px;
	border: 1px solid #dc2626;
	border-radius: 3px;
	background: #fff;
	color: #dc2626;
	font-size: 12px;
	cursor: pointer;
}
.hof-row-delete:hover {background: #fee2e2;}

/* ========== 전체 탭 홍보 배너 ========== */
.hof-edu-hero {
	position: relative;
	overflow: hidden;
	margin: 0 -20px 36px;
	padding: 72px 40px 64px;
	border-radius: 24px;
	background:
		radial-gradient(ellipse 80% 60% at 85% 20%, rgba(94, 88, 217, 0.45), transparent 55%),
		radial-gradient(ellipse 70% 50% at 10% 90%, rgba(39, 94, 255, 0.35), transparent 50%),
		linear-gradient(135deg, #0b1a2d 0%, #1C357C 48%, #152a63 100%);
	color: #fff;
	text-align: center;
	box-shadow: 0 28px 60px rgba(11, 26, 45, 0.28);
}
.hof-edu-hero[hidden] {display: none !important;}
.hof-edu-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.18));
	pointer-events: none;
}
.hof-edu-hero-inner {position: relative;z-index: 1;max-width: 820px;margin: 0 auto;}
.hof-edu-kicker {
	display: inline-block;
	margin-bottom: 18px;
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.22);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.hof-edu-hero-title {
	margin: 0 0 18px;
	font-size: 48px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.03em;
	text-shadow: 0 10px 30px rgba(0,0,0,0.25);
	cursor: default;
	user-select: none;
}
.hof-edu-hero-desc {
	margin: 0 auto 36px;
	max-width: 560px;
	font-size: 18px;
	line-height: 1.7;
	color: rgba(255,255,255,0.88);
}
.hof-edu-stats {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 36px;
}
.hof-edu-stat {
	min-width: 140px;
	padding: 18px 22px;
	border-radius: 16px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.18);
	backdrop-filter: blur(8px);
}
.hof-edu-stat strong {
	display: block;
	margin-bottom: 6px;
	font-size: 32px;
	font-weight: 800;
	line-height: 1;
	color: #fff;
}
.hof-edu-stat span {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255,255,255,0.72);
}
.hof-edu-hero-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.hof-edu-link-cert {
	color: rgba(255,255,255,0.9);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.45);
}
.hof-edu-link-cert:hover {color: #fff;border-bottom-color: #fff;}

/* ========== 자격증 교육 기록 — 과정 필터 + 타일 그리드 ========== */
.hof-edu-showcase {margin: 0 0 80px;}
.hof-edu-showcase[hidden] {display: none !important;}
.hof-edu-album-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 28px;
	flex-wrap: wrap;
}
.hof-edu-gallery-title {
	margin: 0 0 8px;
	font-size: 28px;
	font-weight: 800;
	color: #0b1a2d;
	letter-spacing: -0.02em;
}
.hof-edu-album-desc {
	margin: 0;
	font-size: 15px;
	color: #64748b;
	line-height: 1.5;
}
.hof-edu-course-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 28px;
}
.hof-edu-course-btn {
	min-width: 88px;
	height: 42px;
	padding: 0 18px;
	border: 1px solid #d4dae6;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.hof-edu-course-btn:hover {
	border-color: rgba(39, 94, 255, 0.45);
	color: #275eff;
}
.hof-edu-course-btn.on {
	border-color: transparent;
	color: #fff;
	background: linear-gradient(135deg, #5e58d9 0%, #275eff 100%);
	box-shadow: 0 10px 24px rgba(39, 94, 255, 0.28);
}
.hof-edu-pack-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.hof-edu-pack {
	position: relative;
	margin: 0;
	border-radius: 20px;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 12px 32px rgba(11, 26, 45, 0.08);
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.hof-edu-pack:hover {
	transform: translateY(-6px);
	border-color: rgba(39, 94, 255, 0.28);
	box-shadow: 0 22px 48px rgba(11, 26, 45, 0.14);
}
.hof-edu-pack.is-latest,
.hof-edu-pack.is-popular {
	border-color: rgba(39, 94, 255, 0.35);
	box-shadow: 0 18px 42px rgba(39, 94, 255, 0.16);
}
.hof-edu-pack-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	padding: 6px 12px;
	border-radius: 999px;
	background: linear-gradient(135deg, #5e58d9 0%, #275eff 100%);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	box-shadow: 0 8px 18px rgba(39, 94, 255, 0.35);
}
.hof-edu-pack.is-popular .hof-edu-pack-badge {
	background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
}
.hof-edu-pack-btn {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0;
	border: none;
	background: transparent;
	text-align: left;
	cursor: zoom-in;
	font-family: inherit;
	color: inherit;
	text-decoration: none;
}
a.hof-edu-pack-btn {cursor: pointer;}
.hof-edu-pack-media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: linear-gradient(135deg, #0b1a2d 0%, #1C357C 100%);
}
.hof-edu-pack-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
.hof-edu-pack:hover .hof-edu-pack-media img {transform: scale(1.04);}
.hof-edu-pack-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 20px 22px;
}
.hof-edu-pack-code {
	display: inline-flex;
	align-self: flex-start;
	padding: 4px 10px;
	border-radius: 999px;
	background: #eef4ff;
	color: #275eff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
}
.hof-edu-pack-amount {
	display: block;
	color: #0b1a2d;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hof-edu-pack-price {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 42px;
	color: #64748b;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}
.hof-edu-pack-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 6px;
	height: 42px;
	border-radius: 999px;
	background: linear-gradient(135deg, #5e58d9 0%, #275eff 100%);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}
.hof-edu-pack:hover .hof-edu-pack-cta {
	filter: brightness(1.05);
}
.hof-edu-pack[data-kind="news"] .hof-edu-pack-amount {
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.hof-edu-pack[data-kind="news"] .hof-edu-pack-cta {
	background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
}
.hof-edu-album {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
/* 자격증 샘플 — 좌우 50% / 이미지 중앙 정렬 */
.hof-edu-album.hof-cert-image-album {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	justify-items: stretch;
}
.hof-edu-album.hof-cert-image-album .hof-edu-thumb {
	width: 100%;
}
.hof-edu-album.hof-cert-image-album .hof-edu-thumb-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 11;
	background: #f8fafc;
}
.hof-edu-album.hof-cert-image-album .hof-edu-thumb-btn img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	padding: 16px;
	box-sizing: border-box;
}
.hof-edu-album.hof-cert-image-album .hof-edu-thumb figcaption {
	text-align: center;
}
.hof-edu-album.hof-cert-image-album .hof-edu-card-cert {
	margin-left: auto;
	margin-right: auto;
}
.hof-edu-thumb {
	position: relative;
	margin: 0;
	padding: 0;
	border-radius: 14px;
	overflow: hidden;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	box-shadow: 0 8px 24px rgba(11, 26, 45, 0.08);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.hof-edu-thumb:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(11, 26, 45, 0.14);
}
.hof-edu-thumb-btn {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: #0b1a2d;
	cursor: zoom-in;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.hof-edu-thumb-btn img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
.hof-edu-thumb:hover .hof-edu-thumb-btn img {transform: scale(1.05);}
.hof-edu-thumb figcaption {
	padding: 12px 14px 14px;
	background: #fff;
}
.hof-edu-card-cert {
	display: inline-block;
	margin-bottom: 6px;
	padding: 3px 9px;
	border-radius: 999px;
	background: linear-gradient(90deg, #5e58d9, #275eff);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
}
.hof-edu-thumb-caption {
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	color: #334155;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hof-edu-delete {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	height: 28px;
	padding: 0 10px;
	border: none;
	border-radius: 6px;
	background: rgba(220, 38, 38, 0.92);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}
.hof-edu-empty {
	margin: 12px 0 24px;
	padding: 56px 28px;
	text-align: center;
	color: #64748b;
	font-size: 17px;
	line-height: 1.7;
	border: 1px dashed #cbd5e1;
	border-radius: 16px;
	background: linear-gradient(180deg, #f8fafc, #eef2f7);
}
.hof-edu-empty[hidden] {display: none !important;}

/* 히어로형 라이트박스 — Azure Enterprise 톤 */
.hof-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 36px 24px 48px;
	overflow-y: auto;
	background: rgba(32, 31, 30, 0.86);
}
.hof-lightbox[hidden] {display: none !important;}
.hof-lightbox-hero {
	width: min(1040px, 100%);
	margin: 24px auto 0;
	padding: 40px 36px 32px;
	border-radius: 4px;
	text-align: center;
	color: #201f1e;
	background: #fff;
	border: 1px solid #e1dfdd;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.hof-lightbox-kicker {
	display: inline-block;
	margin-bottom: 14px;
	padding: 4px 10px;
	border-radius: 2px;
	background: #deecf9;
	border: 1px solid #c7e0f4;
	color: #004578;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.hof-lightbox-title {
	margin: 0 0 10px;
	font-size: clamp(22px, 2.8vw, 34px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	color: #201f1e;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hof-lightbox-desc {
	margin: 0 auto 22px;
	max-width: 720px;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	color: #605e5c;
}
.hof-lightbox-info {
	margin: 0 auto 24px;
	max-width: 920px;
	text-align: left;
	display: grid;
	gap: 12px;
}
.hof-lightbox-info[hidden] {display: none !important;}
.hof-az-panel {
	padding: 18px 20px 16px;
	border-radius: 2px;
	background: #faf9f8;
	border: 1px solid #e1dfdd;
	box-shadow: none;
}
.hof-az-heading {
	margin: 0 0 14px;
	padding: 0 0 8px 10px;
	border-left: 3px solid #0078d4;
	border-bottom: 1px solid #edebe9;
	color: #201f1e;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
}
.hof-lightbox-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #e1dfdd;
}
.hof-lightbox-facts:empty {display: none;}
.hof-lightbox-fact {
	padding: 12px 16px;
	background: #fff;
	border: 0;
	border-right: 1px solid #e1dfdd;
	border-radius: 0;
}
.hof-lightbox-fact:last-child {border-right: 0;}
.hof-lightbox-fact[hidden] {display: none !important;}
.hof-lightbox-fact-label {
	display: block;
	margin-bottom: 4px;
	color: #605e5c;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
}
.hof-lightbox-fact-value {
	display: block;
	color: #201f1e;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0;
	word-break: keep-all;
}
.hof-venue-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	height: 32px;
	padding: 0 12px;
	border: 1px solid #0078d4;
	border-radius: 2px;
	background: #fff;
	color: #0078d4;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	box-sizing: border-box;
}
.hof-venue-link:hover {
	background: #deecf9;
	color: #004578;
}
.hof-lightbox-press {
	margin: 0;
	padding: 18px 20px 16px;
}
.hof-press-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.hof-press-link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	padding: 14px 16px;
	border: 1px solid #e1dfdd;
	border-radius: 2px;
	background: #fff;
	text-decoration: none;
	color: inherit;
}
.hof-press-link:hover {
	border-color: #0078d4;
	background: #f3f9fd;
}
.hof-press-outlet {
	color: #0078d4;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.hof-press-title {
	color: #201f1e;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	word-break: keep-all;
}
.hof-press-date {
	color: #8a8886;
	font-size: 12px;
}
.hof-press-cta {
	margin-top: 6px;
	color: #0078d4;
	font-size: 13px;
	font-weight: 700;
}
.hof-lightbox-appeal {
	margin: 0;
	padding: 18px 20px 16px;
}
.hof-instructor-card {
	display: flex;
	align-items: stretch;
	gap: 20px;
	background: #fff;
}
.hof-instructor-photo {
	flex: 0 0 160px;
	width: 160px;
	height: 176px;
	overflow: hidden;
	background: #f3f2f1;
}
.hof-instructor-photo[hidden] {display: none !important;}
.hof-instructor-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.hof-instructor-info {
	position: relative;
	flex: 1;
	min-width: 0;
	min-height: 176px;
	padding: 22px 140px 18px 4px;
	border-top: 1px solid #20110e;
	border-bottom: 1px solid #20110e;
	text-align: left;
	box-sizing: border-box;
}
.hof-instructor-tit {
	margin: 0 0 8px;
	color: #0b1a2d;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	word-break: keep-all;
}
.hof-instructor-tit:empty {display: none;}
.hof-instructor-name {
	margin: 0 0 8px;
	color: #333;
	font-size: 16px;
	font-weight: 500;
}
.hof-instructor-txt {
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
}
.hof-instructor-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 120px;
	height: 42px;
	border: 1px solid #000;
	color: #000;
	font-size: 15px;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	box-sizing: border-box;
}
.hof-instructor-more:hover {
	color: #fff;
	background: #254ec5;
	border-color: #254ec5;
}
.hof-lightbox-appeal-body {
	min-width: 0;
	padding: 0;
	background: transparent;
}
.hof-lightbox-appeal-title {display: none;}
.hof-lightbox-appeal-text {
	margin: 0 0 10px;
	color: #323130;
	font-size: 14px;
	line-height: 1.6;
	word-break: keep-all;
}
.hof-lightbox-appeal-text:empty {display: none;}
.hof-lightbox-highlights {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 6px;
}
.hof-lightbox-highlights[hidden],
.hof-lightbox-highlights:empty {display: none !important;}
.hof-lightbox-highlights li {
	position: relative;
	padding: 0 0 0 16px;
	color: #323130;
	font-size: 13px;
	line-height: 1.5;
	word-break: keep-all;
}
.hof-lightbox-highlights li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 6px;
	height: 6px;
	border-radius: 0;
	background: #0078d4;
	box-shadow: none;
}
.hof-lightbox-detail {
	margin: 12px 0 0;
	padding: 12px 14px;
	border-radius: 2px;
	background: #fff;
	border: 1px solid #e1dfdd;
	color: #323130;
	font-size: 13px;
	line-height: 1.65;
	text-align: left;
	white-space: pre-wrap;
}
.hof-lightbox-detail[hidden],
.hof-lightbox-detail:empty {
	display: none !important;
}
.hof-lightbox-reviews {
	padding: 18px 20px 12px;
}
.hof-lightbox-reviews[hidden] {display: none !important;}
.hof-review-list {
	display: grid;
	gap: 0;
	background: #fff;
	border: 1px solid #e1dfdd;
}
.hof-review {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	border-bottom: 1px solid #edebe9;
	text-align: left;
}
.hof-review:last-child {border-bottom: 0;}
.hof-review-avatar {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background: #0078d4;
}
.hof-review.is-f .hof-review-avatar {background: #c239b3;}
.hof-review.is-m .hof-review-avatar {background: #0078d4;}
.hof-review-body {min-width: 0;flex: 1;}
.hof-review-head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 4px;
}
.hof-review-name {
	color: #201f1e;
	font-size: 13px;
	font-weight: 600;
}
.hof-review-time {
	color: #8a8886;
	font-size: 12px;
	font-weight: 400;
}
.hof-review-text {
	margin: 0;
	color: #323130;
	font-size: 13px;
	line-height: 1.55;
	word-break: keep-all;
}
.hof-lightbox-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
}
.hof-az-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	height: 36px;
	padding: 0 16px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	font-family: inherit;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.hof-az-btn-primary {
	border: 1px solid #0078d4;
	background: #0078d4;
	color: #fff;
}
.hof-az-btn-primary:hover {
	border-color: #106ebe;
	background: #106ebe;
	color: #fff;
}
.hof-az-btn-secondary {
	border: 1px solid #0078d4;
	background: #fff;
	color: #0078d4;
}
.hof-az-btn-secondary:hover {
	background: #deecf9;
	color: #004578;
}
.hof-lightbox-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
}
.hof-lightbox-grid.is-single {
	grid-template-columns: 1fr;
}
.hof-lightbox-grid.is-single .hof-lightbox-grid-item {
	aspect-ratio: auto;
	cursor: zoom-in;
	background: #f3f2f1;
}
.hof-lightbox-grid.is-single .hof-lightbox-grid-item img {
	width: 100%;
	height: auto;
	max-height: min(62vh, 720px);
	object-fit: contain;
}
.hof-lightbox-grid.is-multi {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hof-lightbox-grid-item {
	margin: 0;
	padding: 0;
	border: 1px solid #e1dfdd;
	border-radius: 2px;
	overflow: hidden;
	background: #f3f2f1;
	cursor: zoom-in;
	aspect-ratio: 16 / 10;
}
.hof-lightbox-grid-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}
.hof-lightbox-grid-item:hover img {
	transform: scale(1.03);
}
.hof-lightbox-grid.is-single .hof-lightbox-grid-item:hover img {
	transform: none;
}

.hof-lightbox-visual {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	background: rgba(0,0,0,0.25);
	border: 1px solid rgba(255,255,255,0.14);
	box-shadow: 0 24px 48px rgba(0,0,0,0.35);
}
.hof-lightbox-visual[hidden] {display: none !important;}
.hof-lightbox-visual img,
.hof-lightbox img#hofLightboxImg {
	display: block;
	width: 100%;
	max-height: min(62vh, 720px);
	object-fit: contain;
	background: #0b1220;
}
.hof-lightbox-zoom {
	position: fixed;
	inset: 0;
	z-index: 100002;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 24px;
	background: rgba(5, 10, 24, 0.92);
}
.hof-lightbox-zoom[hidden] {display: none !important;}
.hof-lightbox-zoom img {
	max-width: min(1200px, 94vw);
	max-height: 88vh;
	border-radius: 12px;
	object-fit: contain;
	box-shadow: 0 24px 64px rgba(0,0,0,0.5);
}
.hof-lightbox-zoom .hof-lightbox-counter {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}
.hof-lightbox-zoom-close {
	position: absolute;
	top: 18px;
	right: 24px;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: rgba(255,255,255,0.14);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.hof-lightbox-zoom-close:hover {background: rgba(255,255,255,0.28);}
.hof-lightbox-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: rgba(255,255,255,0.18);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.hof-lightbox-nav:hover {background: rgba(255,255,255,0.32);}
.hof-lightbox-prev {left: 12px;}
.hof-lightbox-next {right: 12px;}
.hof-lightbox-nav[hidden] {display: none !important;}
.hof-lightbox-counter {
	margin: 14px 0 0;
	color: rgba(255,255,255,0.85);
	font-size: 14px;
	font-weight: 600;
}
.hof-lightbox-counter[hidden] {display: none !important;}
.hof-lightbox-close {
	position: fixed;
	top: 18px;
	right: 24px;
	z-index: 100001;
	width: 36px;
	height: 36px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	background: #fff;
	color: #323130;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.hof-lightbox-close:hover {
	background: #f3f2f1;
	border-color: #c8c6c4;
}

@media (max-width: 980px) {
	.hof-lightbox-grid.is-multi {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
	.hof-lightbox-facts {grid-template-columns: 1fr;}
	.hof-lightbox-fact {border-right: 0;border-bottom: 1px solid #e1dfdd;}
	.hof-lightbox-fact:last-child {border-bottom: 0;}
	.hof-instructor-card {flex-direction: column;gap: 12px;}
	.hof-instructor-photo {width: 120px;height: 132px;flex-basis: auto;}
	.hof-instructor-info {min-height: 0;padding: 16px 0 52px;}
	.hof-instructor-tit {font-size: 16px;}
	.hof-instructor-more {top: auto;bottom: 0;transform: none;width: 100%;}
}
@media (max-width: 640px) {
	.hof-lightbox-title {font-size: 18px;}
	.hof-lightbox-desc {white-space: normal;}
	.hof-lightbox-actions {flex-wrap: wrap;}
}

#hofEduForm select {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding: 0 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
}

@media (max-width: 980px) {
	.hof-edu-hero {padding: 52px 24px 48px;margin: 0 0 28px;border-radius: 18px;}
	.hof-edu-hero-title {font-size: 34px;}
	.hof-edu-pack-grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}
	.hof-edu-album {grid-template-columns: repeat(3, 1fr);gap: 14px;}
	.hof-edu-album.hof-cert-image-album {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}
}
@media (max-width: 640px) {
	.hof-edu-pack-grid {grid-template-columns: 1fr;gap: 14px;}
	.hof-edu-album {grid-template-columns: repeat(2, 1fr);gap: 12px;}
	.hof-edu-album.hof-cert-image-album {grid-template-columns: 1fr;gap: 14px;}
	.hof-edu-gallery-title {font-size: 22px;}
	.hof-lightbox {padding: 16px;}
	.hof-lightbox-title {font-size: 16px;}
	.hof-album-page .hof-lightbox-hero {padding: 24px 18px 22px;}
}

.hof-album-page {
	max-width: 1040px;
	margin: 0 auto 80px;
}
.hof-album-back {
	margin: 0 0 18px;
}
.hof-album-back a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #0078d4;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.hof-album-back a:hover {text-decoration: underline;}
.hof-album-page .hof-lightbox-hero {
	width: 100%;
	margin: 0;
	box-shadow: none;
}
.hof-album-page .hof-lightbox-title {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

/* 관리 폼 */
.hof-admin-form {
	margin-top: 20px;
	padding: 24px;
	background: #f8fafc;
	border: 1px solid #dbe3ef;
	border-radius: 10px;
}
.hof-admin-form[hidden] {display: none !important;}
.hof-admin-form h4 {
	margin: 0 0 16px;
	font-size: 16px;
	color: #0b1a2d;
}
.hof-form-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-bottom: 14px;
}
.hof-admin-form input[type="text"],
.hof-admin-form input[type="url"],
.hof-admin-form input[type="password"],
.hof-admin-form input[type="file"] {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
}
.hof-admin-form input[type="file"] {
	height: auto;
	padding: 8px 12px;
	margin-bottom: 10px;
}
.hof-admin-form button[type="submit"] {
	height: 42px;
	padding: 0 24px;
	border: none;
	border-radius: 6px;
	background: #1C357C;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.hof-admin-form button[type="submit"]:hover {background: #152a63;}
@media (max-width: 900px) {
	.hof-form-grid {grid-template-columns: 1fr 1fr;}
	.hof-cert-feature {gap: 32px;padding: 32px 24px;}
}

.hof-admin-locked[hidden],
.hof-admin-unlocked[hidden],
.hof-admin-login[hidden],
.hof-admin-col[hidden],
.hof-admin-only[hidden] {display: none !important;}

.con_instructor {margin-bottom: 50px;}
.con_instructor:last-child {margin-bottom: 0;}
.con_instructor .view_introduction .photo {float: left;width: 200px;height: 220px;}
.con_instructor .view_introduction .photo img {width: 100%;height: 100%;}
.con_instructor .view_introduction .introduction {position: relative;float: right;width: 950px;height: 220px;border: 1px solid #20110e;border-right: none;border-left: none;box-sizing: border-box;}
.con_instructor .view_introduction .introduction .tit {margin: 28px 0 13px;color: #0b1a2d;font-size: 34px;font-weight: 500;}
.con_instructor .view_introduction .introduction .tit2 {margin-bottom: 10px;color: #333;font-size: 23px;font-weight: 500;}
.con_instructor .view_introduction .introduction .txt {font-size: 17px;color: #333;font-weight: 500;line-height: 30px;}
.con_instructor .view_introduction .introduction .more_btn {position: absolute;right: 0;top: 50%;margin-top: -25px;width: 150px;height: 50px;border: 1px solid #000;color: #000;font-size: 20px;line-height: 50px;text-decoration: none;text-align: center;box-sizing: border-box;}
.con_instructor .view_introduction .introduction .more_btn:hover {color: #fff;background-color: #254ec5;}
.con_instructor .more_introduction {display: none;margin-top: 50px;}
.con_instructor .more_introduction table {width: 100%;}
.con_instructor .more_introduction table th {padding-bottom: 38px;color: #000;font-size: 23px;line-height: 35px;font-weight: 500;text-align: left;}
.con_instructor .more_introduction table th img {margin-right: 8px;vertical-align: middle;}
.con_instructor .more_introduction table td {vertical-align: top;}
.con_instructor .more_introduction table td > div {padding: 35px 0;width: 95%;border-top: 1px solid #ccc;}
.con_instructor .more_introduction table td .left {float: left;}
.con_instructor .more_introduction table td .right {float: right;}
.con_instructor .more_introduction table td .tit {margin-bottom: 20px;color: #254ec5;font-size: 18px;font-weight: 500;}
.con_instructor .more_introduction table td .txt {font-size: 16px;line-height: 32px;}
.con_instructor .more_introduction table td .tit.border_top {margin-top: 35px;padding-top: 35px;border-top: 1px solid #ccc;}
.con_instructor .more_introduction table td .ul_introduction i {padding-right: 8px;}

.seminar_list li {position: relative;margin-bottom: 30px;height: 268px;border: 1px solid #ddd;box-sizing: border-box;}
.seminar_list li:last-child {margin-bottom: 0;}
.seminar_list li:hover {border-color: #27293B;}
/*.seminar_list li.end .img img {opacity: 0.2;}*/
.seminar_list li a {display: block;padding: 30px 40px 30px 410px;width: 100%;height: 100%;text-decoration: none;box-sizing: border-box;}
.seminar_list li .img {position: absolute;left: 40px;top: 50%;margin-top: -105px;width: 330px;height: 210px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;text-align: center;}
.seminar_list li .img img {width: 100%;height: 100%;object-fit: cover;}
.seminar_list li .text_box {padding-top: 27px;}
.seminar_list li .text_box .tit_small {margin-bottom: 10px;color: #666;font-size: 17px;}
.seminar_list li .text_box .tit {margin-bottom: 13px;padding-bottom: 10px;border-bottom: 2px solid #333;}
.seminar_list li .text_box .tit strong {color: #333;font-size: 28px;}
.seminar_list li .text_box .tit span {float: right;padding: 7px 20px;color: #fff;font-size: 17px;background-color: #254ec5;border-radius: 20px;}
.seminar_list li .text_box .date_area,
.seminar_list li .text_box .place {margin-bottom: 5px;color: #666;font-size: 17px;}
.seminar_list li .text_box .date_area::before,
.seminar_list li .text_box .place::before {display: inline-block;margin-right: 15px;padding: 6px 12px;color: #fff;background-color: #bbb;text-align: center;}
.seminar_list li .text_box .date_area::before {content: '일 시';}
.seminar_list li .text_box .place::before {content: '장 소';}

.seminarinfo_area > div {position: relative;display: inline-block;}
#content .center img {max-width: 100%;}

.curriculum1 {width: 100%;border-top: 4px solid #395b8c;text-align: center;}
.curriculum1 tr th {height: 50px;color: #395b8c;font-size: 20px;line-height: 50px;background-color: #edf1f8;}
.curriculum1 tr td {padding: 20px 15px;color: #000;font-size: 17px;line-height: 31px;background-color: #fff;}
.curriculum1 tr th,
.curriculum1 tr td {border: 1px solid #d1d1d1;}
.curriculum1 tr td.last {padding-left: 25px;text-align: left;}
.curriculum1 tr td dl {zoom: 1;}
.curriculum1 tr td dl:after {clear: both;content: "";display: block;}
.curriculum1 tr td dl dt {clear: both;padding: 15px 0 10px;color: #2386ff;font-size: 19px;font-weight: 500;}
.curriculum1 tr td dl dd {position: relative;margin-left: 1%;padding-left: 1%;word-break: keep-all;}
.curriculum1 tr td dl dd::after {content: '';position: absolute;left: 0;top: 13px;width: 3px;height: 3px;background-color: #333;border-radius: 50%;}
.curriculum1 tr td dl dd.col2 {float: left;width: 48%}

.ul_apply {padding-bottom: 55px}
.ul_apply li {float: left;width: 50%;height: 50px;text-align: center;box-sizing: border-box;}
.ul_apply li a {display: block;width: 100%;line-height: 50px;height: 100%;color: #27293B;font-size: 18px;border: 1px solid #ddd;box-sizing: border-box;font-weight: normal;text-decoration: none;}
.ul_apply li:first-child a {border-right: none;}
.ul_apply li.on a {color: #fff;font-weight: 500;background-color: #27293B;}
.table_box {margin: 0 auto;width: 710px;text-align: center;}
.table_box .text1 {margin-bottom: 40px;color: #2475d5;font-size: 20px;line-height: 1.6em;}
.table_box .table1 {width: 100%;border-top: 3px solid #395b8c;text-align: left;}
.table_box .table1 tr {border: 1px solid #d1d1d1;}
.table_box .table1 tr th,
.table_box .table1 tr td {height: 45px;}
.table_box .table1 tr th {padding-left: 37px;color: #2475d5;font-size: 17px;background-color: #f2f8ff;font-weight: 500;}
.table_box .table1 tr td {padding-left: 12px;}
.table_box .table1 tr td input,
.table_box .table1 tr td select {padding-left: 12px;width: 230px;height: 31px;color: #2475d5;font-size: 17px;border: 1px solid #d1d1d1;font-weight: 500;}
.table_box .table1 tr td select {width: 242px;}
.table_box button {margin-top: 52px;width: 240px;height: 40px;color: #fff;font-size: 21px;background-color: #254ec5;border: none;border-radius: 20px;font-weight: 500;cursor: pointer;}

.tab.tab_training .tab_btn {padding-bottom: 40px;}
.tab.tab_training .tab_btn li {float: left;width: 50%;height: 50px;text-align: center;box-sizing: border-box;}
.tab.tab_training .tab_btn li a {display: block;width: 100%;line-height: 50px;height: 100%;color: #395b8c;font-size: 18px;border: 1px solid #ddd;box-sizing: border-box;font-weight: normal;text-decoration: none;}
.tab.tab_training .tab_btn li:first-child a {border-right: none;}
.tab.tab_training .tab_btn li.on a {color: #fff;font-weight: 500;background-color: #1f3a93;}
.tab.tab_training .tit {margin-bottom: 40px;color: #212121;font-size: 30px;font-weight: 500;text-align: center;}
.tab.tab_training .tit .point_color {color: #1f3a93;}