@charset "utf-8";

/* ---------------------------------------------------------------------------
   이미지 자리표시

   아직 확보하지 못한 이미지 자리에 들어가는 회색 이미지입니다.
   일반 <img> 로 출력되므로 기존 CSS·JS 동작이 실제 이미지와 똑같이 적용되고,
   원본과 같은 가로세로 비율을 가져 레이아웃이 흔들리지 않습니다.

   실제 이미지를 site/assets/img/... 의 지정된 경로에 넣고 다시 빌드하면
   자동으로 교체됩니다. 필요한 파일 목록은 image-todo/ 의 지점별 CSV 에 있습니다.
   --------------------------------------------------------------------------- */

.imgPlaceholder {
    background: var(--mono-5-f6, #f6f6f6);
}

/* 자리표시는 잘라내지 않고 전체가 보이도록 합니다(문구가 잘리지 않게). */
.branchMainBanner .bnr_img img.imgPlaceholder,
.branchSlideBanner__link img.imgPlaceholder,
.branchDoctorIntro__image img.imgPlaceholder,
.branchDoctorIntro__cardImage img.imgPlaceholder,
.branchImageTabList__thumb img.imgPlaceholder,
.branchLocation__map img.imgPlaceholder {
    object-fit: contain;
}