/* ============================================================
   설비소개 (facility.html)
   sub.css 와 함께 로드 — 헤더·푸터·배너·풀블리드 인프라는 sub.css 사용
   ============================================================ */

.fac-grid {
  position: absolute;
  left: 105px; top: 1720px;
  width: 1710px;
  display: grid;
  grid-template-columns: repeat(3, 554px);
  gap: 45px 24px;
}
.fac-card {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 35px;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.fac-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}
.fac-img {
  display: block;
  width: 100%; height: 415px;
  overflow: hidden;
  background: #f3f3f3;
}
.fac-img img {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.fac-card:hover .fac-img img { transform: scale(1.04); }
.fac-name {
  padding: 30px 40px 0;
  font-family: 'Pretendard', sans-serif;
  font-weight: 800;
  font-size: 35px;
  color: var(--black);
  white-space: nowrap;
}
.fac-desc {
  padding: 8px 40px 36px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 25px;
  color: var(--gray);
  white-space: nowrap;
}

/* ===== 모바일 ===== */
@media (max-width: 768px) {
  .fac-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 20px 40px;
    box-sizing: border-box;
  }
  .fac-card { border-radius: 20px; }
  .fac-img { height: 220px; }
  .fac-name { font-size: 22px; padding: 18px 22px 0; white-space: normal; }
  .fac-desc { font-size: 15px; padding: 6px 22px 22px; white-space: normal; }
}