/* 전역 기본 — 있으면 유지해도 OK */
body {
  margin: 0;
  background: #ffffff;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 어떤 테마에도 안전 — 전용 스코프 */
.wje-wrap {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  text-align: center;
  /* 인라인 요소 대비 안전장치 */
  padding-inline: 0;
}

/* 에디터가 <p>, <figure>, <div>로 감쌀 때도 항상 중앙 */
.wje-wrap img,
.wje-wrap p>img,
.wje-wrap figure>img,
.wje-wrap a>img {
  margin: 30px auto !important;
  /* 좌우 auto로 중앙 */
  border-radius: 8px;
}

.wje-wrap img {
  display: block;
  width: 100%;
  height: auto;
  margin: 16px auto;
}

.wje-wrap .img-640 {
  max-width: 700px;
  border-radius: 8px;
}

.img-640.clean {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 16px auto;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 링크 이미지(기본 100%) */
.wje-wrap a>img {
  width: 100%;
}

/* 80%로 쓰는 특수 케이스 */
.wje-wrap .img-80 {
  width: 80% !important;
  max-width: 512px;
  /* 필요 시 조정 */
}

/* 지도 프레임도 중앙 고정 */
.wje-wrap .map-frame {
  display: block;
  width: 100%;
  max-width: 640px;
  height: 60vh;
  min-height: 300px;
  margin: 30px auto !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
}

/* airtel-link 안의 이미지 hover 효과 */
.airtel-link img.img-80 {
  display: block;
  width: 80%;
  max-width: 512px;
  margin: 0 auto;
  transition: transform 0.25s ease;
  /* 부드럽게 확대 */
}

.airtel-link:hover img.img-80,
.airtel-link:focus img.img-80 {
  transform: scale(1.03);
}

/* 반응형 */
@media (max-width: 768px) {
  .wje-wrap {
    width: 90%;
    max-width: none;
  }

  .split-container {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .split-container {
    flex-direction: column;
    width: 100%;
    gap: 15px;
  }

  .split-container a {
    flex: 1 1 auto;
  }

  .split-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}