.mobile-shade[hidden] {
  display: none !important;
}

.map-wrap {
  overflow: hidden;
}

.map-wrap > .naver-static-map {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: #f3f1ed;
}

.map-tiles {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  aspect-ratio: 1;
  transform: translateY(-50%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.map-tiles img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.naver-static-map .map-marker {
  position: absolute;
  left: 52%;
  top: 48%;
  width: 34px;
  transform: translate(-50%, -100%);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2));
}

.naver-static-map .naver-map-logo {
  position: absolute;
  left: 14px;
  bottom: 14px;
  width: 48px;
  height: auto;
}

.map-wrap > .map-open {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: #fff;
  border: 1px solid #bbb;
  padding: 8px 12px;
  font-size: 13px;
}