/* nav.20261006b.css — 38·39번회차 메인 「어디를 세척하시나요?」 시설 카드 넷 + 39번회차 ㉴ 메인 폰 단추 가운데 정렬. nav.20261006a.css 와 같은 몸 + 끝 한 덩이.
   반전 카드는 cases.20261006c.css 의 .fc 를 이름만 .nvc 로 옮겼다(시공사례 운영 파일 무접촉).
   전환 : 뒤집기(총사령관 예외 승인 · 반전 카드) · 동작 줄이기에서는 크로스페이드. 확대 · 켄번즈 · 패럴랙스 0. */
.section.nvsec { padding-top: 72px; padding-bottom: 72px; background: var(--c-bg-cool); }
.nvsec .section-head { margin-bottom: 28px; }
.nvc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.nvc { display: block; text-decoration: none; color: inherit; perspective: 1200px; -webkit-tap-highlight-color: transparent; }
.nvc__inner { position: relative; aspect-ratio: 4 / 3; transform-style: preserve-3d; transition: transform .6s var(--ease); }
.nvc__face { position: absolute; inset: 0; border-radius: var(--radius-xl); overflow: hidden; background: var(--c-navy-deep);
  -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow: var(--shadow-sm); }
.nvc__face img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nvc__back { transform: rotateY(180deg); }
.nvc.is-flip .nvc__inner, .nvc:focus-visible .nvc__inner { transform: rotateY(180deg); }
@media (hover: hover) { .nvc:hover .nvc__inner { transform: rotateY(180deg); } }
.nvc__tag { position: absolute; left: 12px; top: 12px; padding: 4px 11px; border-radius: 999px; background: rgba(0, 0, 0, .62); color: #fff; font-size: 12.5px; font-weight: 700; }
.nvc__back .nvc__tag { background: var(--c-success); }
.nvc__name, .nvc__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 16px 14px; color: #fff; font-weight: 800; letter-spacing: -.02em;
  background: linear-gradient(180deg, rgba(6, 21, 51, 0) 0%, rgba(6, 21, 51, .86) 100%); }
.nvc__name { font-size: 22px; }
.nvc__cap { font-size: 18px; }
.nvc-more { text-align: center; margin: 22px 0 0; font-size: 15px; color: var(--c-text-soft); }
.nvc-more a { color: var(--c-sky); font-weight: 700; text-decoration: none; }
.nvc-more a:hover { text-decoration: underline; }
.nvc-hint { text-align: center; margin: -14px 0 18px; font-size: 14px; color: var(--c-text-soft); }
@media (max-width: 900px) {
  .nvc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .nvc__name { font-size: 17px; padding: 24px 12px 10px; }
  .nvc__cap { font-size: 14px; padding: 24px 12px 10px; }
  .nvc__tag { left: 8px; top: 8px; font-size: 11px; padding: 3px 9px; }
}
@media (max-width: 768px) { .section.nvsec { padding-top: 48px; padding-bottom: 48px; } .nvsec .section-head { margin-bottom: 20px; } }
@media (prefers-reduced-motion: reduce) {
  .nvc__inner, .nvc.is-flip .nvc__inner, .nvc:focus-visible .nvc__inner, .nvc:hover .nvc__inner { transform: none !important; transition: none; }
  .nvc__back { transform: none; opacity: 0; transition: opacity .6s var(--ease); }
  .nvc.is-flip .nvc__back, .nvc:focus-visible .nvc__back { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) and (hover: hover) { .nvc:hover .nvc__back { opacity: 1; } }

/* 39번회차 ㉴ — 메인(index.html) 「354곳 전체 보기 · 공공기관 계약 수행실적 보기 · 시공사례 보기」 줄: 768 이하에서 둘째 · 셋째 단추의 margin-left:8px 를 0 으로(가운데 정렬). style.css · index 글 무접촉 */
@media (max-width: 768px) { .btn.btn--ghost[style*="margin-left:8px"] { margin-left: 0 !important; } }