@charset "UTF-8";
/* ==========================================================================
   autobase — 오시는 길 반응형 (모든 @media 는 이 파일에만)
   ========================================================================== */

/* ── 1440 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1440px) {
  .lo__title { font-size: 52px; }
  .lo__value { font-size: 18px; }
}

/* ── 1200 이하 : 정보 2×2 ────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .lo__title { font-size: 42px; }

  .lo__info { grid-template-columns: 1.4fr 1fr; row-gap: 40px; }
  .lo__info li + li { padding-left: 0; border-left: 0; }
  .lo__info li:nth-child(even) { padding-left: 40px; border-left: 1px solid #ddd; }

  .lo__map iframe { height: 500px; }
}

/* ── 1024 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .lo { margin-top: 100px; }
  .lo__title { font-size: 34px; }
  .lo__info { margin-top: 40px; }
  .lo__map { margin-top: 40px; }
}

/* ── 768 이하 : 모바일 — 정보 세로 쌓기 ──────────────────────────────── */
@media (max-width: 768px) {
  .lo { margin-top: 72px; }
  .lo__title { font-size: 26px; }

  .lo__info { grid-template-columns: 1fr; row-gap: 24px; margin-top: 28px; }
  .lo__info li { padding-right: 0; }
  .lo__info li:nth-child(even) { padding-left: 0; border-left: 0; }
  .lo__label { font-size: 14px; }
  .lo__value { margin-top: 6px; font-size: 16px; }

  .lo__map { margin-top: 28px; border-radius: 20px; }
  .lo__map iframe { height: 380px; }
}

/* ── 480 이하 ────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
  .lo__map iframe { height: 300px; }
}