/* 취업지원 사업 배너 + 관리자 배너 업로드 전용 스타일 */
.support-banner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.support-banner-card{display:block;min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(30,38,48,.06);color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.support-banner-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,38,48,.1)}
.support-banner-media{position:relative;background:#f4f4f4;overflow:hidden}
.support-banner-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.support-banner-img.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b18,#ff8b42);color:#fff;font-weight:800}
.support-banner-no{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 10px;border-radius:999px;background:rgba(17,17,17,.78);color:#fff;font-size:12px;font-weight:900;letter-spacing:.05em}
.support-banner-body{padding:18px 20px 20px}
.support-banner-body b{display:block;font-size:18px;line-height:1.45;margin-bottom:11px;color:#222}
.support-banner-body p,.support-banner-body time{display:block;margin:6px 0 0;color:#626b75;font-size:13px;line-height:1.5}
.support-banner-more{display:block;margin-top:16px;padding:10px 12px;border-radius:10px;background:#f5f6f8;color:#333;text-align:center;font-size:13px;font-weight:800}
.support-banner-empty{grid-column:1/-1;padding:46px 20px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:#8b8f94;background:#fff}

/* 관리자 사업 배너 업로드 */
.support-banner-field small{font-weight:400;color:#888}
.banner-upload{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:18px;align-items:start;margin-top:10px}
.banner-preview{min-height:200px;border:1px dashed #cfd6dc;border-radius:14px;background:#fafbfc;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#8a929a}
.banner-preview img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.banner-upload-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:4px}
.cms-admin-table-support .cms-admin-row{grid-template-columns:70px minmax(260px,2fr) minmax(180px,1.2fr) minmax(190px,1fr) 100px 100px 120px}
.cms-content-panel{display:none}.cms-content-panel.active{display:block}
@media(max-width:1100px){.support-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-upload{grid-template-columns:1fr}.cms-admin-table-support{overflow-x:auto}.cms-admin-table-support .cms-admin-row{min-width:1050px}}
@media(max-width:680px){.support-banner-grid{grid-template-columns:1fr}.support-banner-body b{font-size:16px}}
/* 2026-08-25 수정: max-height:420px 고정 캡 때문에 넓은 화면에서 배너 이미지(600x400, 3:2 비율)의
   위/아래가 크게 잘려서 목록카드(3:2)와 다르게 보이는 문제가 있었습니다.
   목록카드(.support-banner-img)와 동일하게 aspect-ratio:3/2 로 맞춰서, 배너 이미지 원본 비율 그대로
   잘림 없이 표시되도록 수정했습니다. (배너 이미지는 계속 600x400(3:2)로 제작해 주세요) */
.support-detail-banner{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;margin:0 0 24px}


/* 취업지원 전용 서브페이지 */
.support-sub-hero{border-bottom:1px solid var(--line)}
.support-list-page{min-height:520px}
.support-page-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.support-page-toolbar div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.support-page-toolbar b{font-size:18px;color:#222}
.support-page-toolbar span{font-size:13px;color:#7b828a}
.support-list-page .support-banner-grid{align-items:stretch}
.support-list-page .support-banner-card{height:100%}
.support-list-page .support-banner-body{display:flex;flex-direction:column;min-height:185px}
.support-list-page .support-banner-more{margin-top:auto}
@media(max-width:680px){.support-page-toolbar{padding:14px 15px}}