/* ============================================================
   about-location.css — 오시는 길 페이지

   ★ 정본 about-location-full.html <style> 에서 기계 추출(체크리스트 §0-1).
   ⚠ 조상 클래스 주의(§0-3): 정본 래퍼가 `<div class="variant vv lp5-55 active">` 라
      `.lp5-55 .lp5-grid` 가 그리드를 1fr 1fr 로 덮는다. 요소 루트에 `lp5-55` 를 함께 붙인다.
   이 페이지에는 JS 모션이 없다(정본 확인).
   ============================================================ */

.lp5-pad { padding-top:clamp(80px,64px + 3vw,128px);padding-bottom:clamp(72px,56px + 2vw,110px); }
.lp5-head { margin-bottom:clamp(44px,36px + 1.5vw,68px); }
.lp5-grid { display:grid;grid-template-columns:7fr 5fr;gap:clamp(44px,20px + 3vw,84px);align-items:start; }
.lp5-tbl .r { display:grid;grid-template-columns:150px 1fr;gap:24px;padding:26px 0;border-top:1px solid #E3E3E3; }
.lp5-tbl .r:first-child { border-top:1px solid #111; }
.lp5-tbl .k { font-size:14px;font-weight:600;color:#111;letter-spacing:0.04em;padding-top:3px; }
.lp5-tbl .v { font-size:15px;font-weight:300;line-height:1.9;color:#111; }
.lp5-tbl .v em { font-style:normal;font-size:13px;color:#8a8a8a; }
.lp5-tbl .r.r-mid { align-items:center; }
.lp5-tbl .r.r-mid .k { padding-top:0; }
.lp5-tbl .r.r-mid .lp-cta { margin-top:0; }
.lp5-sticky { position:sticky;top:96px; }
.lp5-map { aspect-ratio:4/5; }
.lp5-map iframe { width:100%;height:100%;border:0;display:block; }

.lp-tel { display:inline-block;font-size:clamp(24px,20px + 1vw,31px);font-weight:600;color:#111;letter-spacing:0.01em;line-height:1.3;text-decoration:none; }
.lp-cta { display:flex;gap:4px;flex-wrap:wrap;margin-top:18px; }
.lp-btn { display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:13px 24px;font-size:14px;font-weight:600;border-radius:0;text-decoration:none;transition:opacity .2s; }
.lp-btn:hover { opacity:0.82; }
.lp-btn-k { background:#FEE500;color:#191919; }
.lp-btn-n { background:#03C75A;color:#fff; }

/* 정본 래퍼 .lp5-55 의 그리드 오버라이드 — 순서 그대로 뒤에 둔다 */
.lp5-55 .lp5-grid { grid-template-columns:1fr 1fr; }

@media (max-width:900px) {
  .lp5-grid,.lp5-55 .lp5-grid { grid-template-columns:1fr;gap:44px; }
  .lp5-sticky { position:static; }
  .lp5-tbl .r { grid-template-columns:1fr;gap:8px;padding:20px 0; }
}

/* ============================================================
   오시는 길 CTA 버튼 — 좌우로 벌려 배치 (2026-08-20 지시)

   전: min-width 190px 고정 + gap 4px → 왼쪽에 몰려 붙어 있고,
       모바일(342px)에서는 두 개가 안 들어가 아래로 떨어졌다.
   후: 둘이 행을 반씩 나눠 갖는다. 모바일에서도 한 줄에 들어간다.

   ⚠ 정본(about-location-full.html)에는 없는 **의도된 이탈**이다.
     정본 대조에서 이 페이지에 차이가 잡히면 이 규칙 때문이다.
   ============================================================ */
.lp-cta { gap: 8px; }
.lp-cta .lp-btn {
  flex: 1 1 0;
  min-width: 0;   /* flex 항목의 기본 min-width:auto 를 풀지 않으면 190px 이 그대로 버틴다 */
}