/* 새 푸터(rf) 공용 스타일 — 시안 하단3.jpg 실측 기준.
   ko/index.html 인라인 블록에서 분리했다. 수정은 이 파일 한 곳에서. */
/* SELF-CONTAINED TOKENS */
/* 상세페이지에는 홈의 :root 토큰(--pad, --ink, --sans …)이 없다.
   특히 --pad 가 없으면 .rf-in 의 width:min(1260px, calc(100% - 2*var(--pad))) 가 무효가 되어
   컨테이너가 전체 폭으로 벌어지고, cqw 기준이 커져 푸터 전체가 1.5배로 보인다.
   → 푸터가 어떤 페이지에서도 동일하게 보이도록 필요한 토큰을 .rf 스코프에 직접 정의한다. */
.rf{
  --pad:clamp(20px,5vw,88px);
  --ink:#1a1a1a;
  --ink-soft:#4d4d4d;
  --muted:#8c8c8c;
  --coral:#e17b5e;
  --line:rgba(0,0,0,.12);
  --ease:cubic-bezier(.16,1,.3,1);
  --sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Noto Sans KR",sans-serif;
}
/* THEIA-FOOTER:FINAL */
/* THEIA-FOOTER:SPEC */
/* 하단3.jpg 실측(콘텐츠 1260 기준)을 컨테이너 비율(cqw)로 그대로 옮긴다.
   1cqw = .rf-in 폭의 1% → 어떤 화면에서도 시안과 같은 비율을 유지한다.
   min() 의 첫 인자는 좁은 화면에서 글자가 뭉개지지 않게 하는 하한값. */
  .rf{background:#f5f5f5;border-top:0;padding:0}
  .rf-in{container-type:inline-size;width:min(1260px, calc(100% - 2 * var(--pad)));margin:0 auto;padding:0}
/* THEIA-FOOTER:CQFIX */
  /* 그리드·세로 패딩은 컨테이너의 "자식"에서 cqw 를 써야 비율이 정확히 잡힌다 */
  .rf-grid{display:grid;grid-template-columns:430fr 697fr;gap:10.635cqw;align-items:start;
           padding:5.159cqw 0 7.381cqw}

  /* ── 좌측 ── */
/* THEIA-FOOTER:ALIGN */
  .rf-tel{display:flex;align-items:center;gap:1.032cqw;color:var(--ink);
          font-size:max(20px, 2.540cqw);font-weight:500;letter-spacing:-.01em;
          line-height:1;margin-top:-.16em}   /* 글자 윗선 = 지도 상단 정렬 */
  .rf-tel i{flex:none;width:.62em;height:.62em}
  .rf-tel svg,.rf-addr svg{width:100%;height:100%;display:block}
  .rf .rf-addr{display:flex;align-items:flex-start;gap:0.952cqw;margin-top:1.587cqw;
           color:var(--ink-soft);word-break:keep-all;line-height:1.5;
           font-size:max(12px, 1.190cqw);font-weight:400}
  .rf-addr i{flex:none;width:1.15em;height:1.15em;margin-top:.1em;color:var(--ink)}
  .rf .rf-hours-t{margin-top:5.556cqw;color:var(--ink);
              font-size:max(13px, 1.667cqw);font-weight:700;letter-spacing:.08em;line-height:1}
  .rf .rf-hours{margin-top:1.667cqw;padding:0;list-style:none;display:grid;gap:1.032cqw}
  .rf-hours li{display:flex;color:var(--ink-soft);line-height:1.2;
               font-size:max(12px, 1.310cqw);font-weight:400}
  .rf-hours .day{flex:none;width:5.556cqw;min-width:3.6em;color:var(--ink)}
  .rf .rf-div{margin:4.365cqw 0 0;border:0;border-top:1px solid rgba(0,0,0,.16)}
  .rf .rf-sns{margin:5.159cqw 0 0;padding:0;list-style:none;
          display:flex;align-items:center;gap:1.587cqw}
  .rf-sns a{display:block;opacity:.92;transition:opacity .3s var(--ease)}
  .rf-sns a:hover{opacity:1}
  .rf-sns img{display:block;height:max(17px, 1.984cqw);width:auto}
  .rf .rf-legal{margin:3.810cqw 0 0;padding:0;list-style:none;
            display:flex;flex-wrap:wrap;align-items:center;gap:1.190cqw;
            color:var(--ink-soft);font-size:max(12px, 1.190cqw);font-weight:400}
  .rf-legal li+li::before{content:"|";margin-right:1.190cqw;color:rgba(0,0,0,.22)}
  .rf-legal a{color:inherit}
  .rf-legal a:hover{color:var(--coral)}

  /* ── 우측 ── */
  .rf-right .map-box{position:relative;width:100%;aspect-ratio:697/306;overflow:hidden;border-radius:2px}
  .rf-right .kakao-map{position:absolute;inset:0;width:100%;height:100%}
  .rf .rf-brand{margin-top:3.968cqw;text-align:right}
  .rf-logo{display:inline-block;width:22.1%;min-width:96px;height:auto}
  .rf .rf-copy{margin-top:2.222cqw;color:var(--muted);line-height:1.6;
           font-size:max(10px, 0.952cqw);font-weight:400}

  @media(max-width:900px){
    .rf-grid{grid-template-columns:1fr;gap:28px;padding:44px 0 40px}
    .rf-brand{text-align:left}
    .rf-logo{width:150px}
    .rf-hours .day{width:auto;min-width:4.2em}
  }
/* THEIA-FOOTER:LEGACY-RESET */
  /* 공용 styles.css 의 구 푸터 규칙이 .footer-map-area / .map-box 를 통해 새 푸터에 새어 들어온다.
     (카카오맵 스크립트가 이 클래스에 의존해 클래스는 유지해야 하므로, 해로운 속성만 무력화한다.)
       .footer-map-area{display:flex; align-items:flex-end; margin-top:2cm}  ← 지도를 76px 아래로 밀던 원인
       .footer-map-area .map-box{width:576px; margin-bottom:22px; border-radius:18px; background:#1a1a1a; box-shadow:…} */
  .rf .rf-right{display:block;margin:0;align-items:initial;flex-shrink:initial}
  .rf .rf-right .map-box{width:100%;margin:0;border-radius:2px;background:transparent;box-shadow:none}
  .rf .rf-right .kakao-map{position:absolute;inset:0;width:100%;height:100%;background:#e9e9e9}
  /* 시안에는 지도 위 "카카오맵에서 보기" 버튼이 없다 */
  .rf .rf-right .map-open-link{display:none}

/* THEIA-FOOTER:ROWS */
  /* 2행 그리드: 1행 높이를 지도가 정하고, 구분선이 2행 첫 요소라 지도 하단과 자동으로 맞물린다. */
  .rf .rf-grid{display:grid;grid-template-columns:430fr 697fr;column-gap:10.635cqw;row-gap:0;
               padding:5.159cqw 0 7.381cqw;align-items:start}
  .rf .rf-lt,.rf .rf-rt{align-self:stretch}
  .rf .rf-rt{display:flex;min-height:26.984cqw;margin:0}   /* ≈340px @1260 — 시안 306보다 키움 */
  .rf .rf-rt .map-box{flex:1 1 auto;width:100%;height:auto;aspect-ratio:auto;
                      margin:0;border-radius:2px;background:transparent;box-shadow:none;position:relative;overflow:hidden}
  .rf .rf-rt .kakao-map{position:absolute;inset:0;width:100%;height:100%;background:#e9e9e9}
  .rf .rf-rt .map-open-link{display:none}

  /* 2행 — 좌우 내용 높이가 비슷해 마지막 줄(약관 / 사업자정보)이 같은 밑선에 온다 */
  .rf .rf-lb,.rf .rf-rb{align-self:stretch;display:flex;flex-direction:column}
  .rf .rf-lb .rf-div{margin:0;border:0;border-top:1px solid rgba(0,0,0,.16)}
  .rf .rf-lb .rf-sns{margin:5.159cqw 0 0}
  .rf .rf-lb .rf-legal{margin:3.810cqw 0 0}
  .rf .rf-rb{text-align:right;align-items:flex-end}
  .rf .rf-rb .rf-logo{margin-top:3.889cqw;width:22.1%;min-width:96px;height:auto}
  .rf .rf-rb .rf-copy{margin-top:2.222cqw}
  /* 마지막 줄을 서로 밑선에 맞춘다(내용 높이 오차 흡수) */
  .rf .rf-lb .rf-legal,.rf .rf-rb .rf-copy{margin-bottom:0}
  .rf .rf-lb{justify-content:flex-start}
  .rf .rf-rb{justify-content:flex-start}

  @media(max-width:900px){
    .rf .rf-grid{grid-template-columns:1fr;row-gap:24px;padding:44px 0 40px}
    .rf .rf-rt{min-height:0}
    .rf .rf-rt .map-box{aspect-ratio:697/340}
    .rf .rf-rb{text-align:left;align-items:flex-start}
    .rf .rf-rb .rf-logo{width:150px}
  }
  /* Gmarket Sans — 푸터 전화번호 전용.
     unicode-range 로 숫자·마침표만 지정해, 한글 글리프까지 든 610KB 파일을 그 문자가 실제로 쓰일 때만 받게 한다. */
  @font-face{font-family:"GmarketSans";font-style:normal;font-weight:500;font-display:swap;
    src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
    unicode-range:U+0030-0039,U+002E,U+002D,U+0028-0029;}
/* THEIA-FOOTER:FONTS */
  /* 지정(요청): 한글·AM/PM·시간 숫자 → Pretendard / 전화번호 → Gmarket Sans / 그 외 영문 → Orbitron
     Orbitron 에는 한글 글리프가 없어, 혼합 문장(카피라이트)은 한글만 자동으로 Pretendard 로 떨어진다. */
  .rf .rf-tel{font-family:"GmarketSans",var(--sans)}
  .rf .rf-hours-t{font-family:"Orbitron",var(--sans)}
  .rf .rf-copy{font-family:"Orbitron",var(--sans)}
  .rf .rf-addr,.rf .rf-hours,.rf .rf-hours li,.rf .rf-legal{font-family:var(--sans)}