/* ✅ 반응형 지도 컨테이너 기본 설정 */
.responsive-map-wrap {
  position: relative;     /* 내부 요소 절대위치 기준 */
  width: 100%;            /* 부모 너비 100% */
  height: auto;           /* 높이는 콘텐츠에 따라 */
}

/* ✅ 화면비 비율 유지용 패딩 (16:9 비율, 모바일용) */
.responsive-map-wrap::before {
  content: "";
  display: block;
  padding-top: 56.25%;    /* 9 / 16 = 0.5625 → 16:9 비율 확보 */
}

/* ✅ 내부 지도 요소 포지셔닝 */
.responsive-map-wrap > div {
  position: absolute;     /* 부모 기준 절대 위치 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;       /* 지도가 영역 벗어나지 않도록 */
}
.floating-item.call   { background: #28a745; color: #fff; }
/* ✅ PC 모드 (768px 이상)에서는 고정 높이로 전환 */
@media (min-width: 768px) {
  .responsive-map-wrap {
    height: 400px;           /* 고정 높이 */
  }

  .responsive-map-wrap::before {
    display: none;           /* 패딩 트릭 제거 */
  }
}