/* 고객사 홍보관 */
.sc-wrap { max-width: 1000px; margin: 0 auto; }
.sc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sc-card { background: #fff; border: 1px solid #e6e1d4; border-top: 3px solid var(--gold, #c5a059); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.sc-thumb { aspect-ratio: 4 / 3; background: #f3efe3; }
.sc-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.sc-tag { align-self: flex-start; background: #f3efe3; color: #7a6221; border-radius: 12px; padding: 2px 10px; font-size: 0.78rem; font-weight: 700; }
.sc-body h3 { margin: 0; font-size: 1.1rem; color: var(--navy, #0d1e38); }
.sc-body p { margin: 0; font-size: 0.93rem; line-height: 1.65; color: #555; flex: 1; }
.sc-link { color: var(--navy, #0d1e38); font-weight: 700; font-size: 0.9rem; text-decoration: none; border-bottom: 1px solid var(--gold, #c5a059); align-self: flex-start; }
.sc-link:hover { color: #7a6221; }
.sc-empty { grid-column: 1 / -1; text-align: center; background: #fff; border: 1px dashed #d8d4c6; border-radius: 10px; padding: 48px 20px; color: #777; }
.sc-empty i { font-size: 2rem; color: var(--gold, #c5a059); margin-bottom: 12px; }
.sc-empty p { margin: 0; line-height: 1.7; }
.sc-note { text-align: center; margin: 28px 0 0; font-size: 0.9rem; color: #777; }
@media (max-width: 1024px) { .sc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .sc-grid { grid-template-columns: 1fr; } }
.sc-panel { margin-top: 28px; }
.sc-panel[hidden] { display: none; }
.sc-help { font-size: 0.86rem !important; color: #7a6221 !important; flex: 0 !important; }
.sc-help strong { margin-right: 6px; color: var(--navy, #0d1e38); }
.sc-thumb-text { aspect-ratio: 2.6 / 1; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0d1e38, #1a3560); }
.sc-thumb-text span { color: #fff; font-family: 'Playfair Display', serif; font-size: 1.6rem; letter-spacing: 0.5px; text-align: center; padding: 0 16px; }
.sc-points { margin: 0; padding-left: 18px; font-size: 0.9rem; line-height: 1.65; color: #555; flex: 1; }
.sc-points li { margin-bottom: 3px; }
.sc-link + .sc-link { margin-top: 6px; }
/* 사진은 항상 4:3 틀에 맞춰 잘라 보여 카드 높이를 맞춘다 */
.sc-thumb { position: relative; overflow: hidden; }
.sc-thumb img { position: absolute; inset: 0; }