/*
  효인지재활전문실버타운 시설둘러보기 3열 배치 패치 (V22)

  적용 전 현재 운영 중인 styles.css 파일의 이름을
  styles-v22-base.css 로 변경한 뒤, 이 파일을 styles.css 이름으로 업로드하세요.
  기존 디자인은 아래 @import로 그대로 불러오고 시설둘러보기 사진 배열만 조정합니다.
*/
@import url("./styles-v22-base.css");

/* 데스크톱: 사진을 한 줄에 3개씩 배치 */
@media (min-width: 981px) {
  .facility-guide-section .facility-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 태블릿: 한 줄에 2개 */
@media (min-width: 621px) and (max-width: 980px) {
  .facility-guide-section .facility-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 모바일: 한 줄에 1개 */
@media (max-width: 620px) {
  .facility-guide-section .facility-guide-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}