/* 2026-10-03 푸터 v2 — 더현대 서울(thehyundaiseoul.ehyundai.com) 푸터 실측값 기준
   배경 #1a1a1a · 본문 14/20 #b3b3b3 · 라벨 흰색 · 섹션 제목 14/20 600 자간 .05em(포인트색은 칸 브랜드 보라 밝은 톤)
   상단 영역 상하 32px · 열 간격 48px · 하단 바 border-top #2d2d2d, 상하 16px · 저작권 12/16 · 개인정보처리방침 14 bold
   모바일 하단 독 여백(padding-bottom)은 기존 khan-front/khan-mobile-dock 규칙을 그대로 쓴다. */
.kh-footer.kh-footer--v2{background:#1a1a1a;color:#b3b3b3;border-top:0;margin-top:0;padding-top:0;font-family:var(--font-sans)}
.kh-footer--v2 a{color:inherit;text-decoration:none}

.kh-ft{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:48px;row-gap:40px;padding:32px 0}
.kh-ft__brand{grid-column:span 2;min-width:0}
.kh-ft__col--contact{grid-column:span 2}
.kh-ft__col{min-width:0}

.kh-ft__logo{display:inline-block;margin-bottom:16px;border-radius:4px}
.kh-ft__logo img{display:block;width:auto;height:30px}
.kh-ft__addr{margin:0 0 6px;font-size:14px;line-height:20px;color:#b3b3b3}
.kh-ft__corp{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0 0 24px;font-size:13px;line-height:20px;color:#8f8f8f}

.kh-ft__sns{display:flex;gap:16px;margin:0;padding:0;list-style:none}
.kh-ft__sns-link{display:grid;place-items:center;width:36px;height:36px;padding:8px;border-radius:50%;background:#2d2d2d;color:#b3b3b3;transition:background-color .15s ease,color .15s ease}
.kh-ft__sns-link svg{display:block;width:20px;height:20px}
a.kh-ft__sns-link:hover,a.kh-ft__sns-link:focus-visible{color:#fff}
a.kh-ft__sns-link--blog:hover,a.kh-ft__sns-link--blog:focus-visible{background:#03C75A}
a.kh-ft__sns-link--kakao:hover,a.kh-ft__sns-link--kakao:focus-visible{background:#FEE500;color:#191919}
a.kh-ft__sns-link--band:hover,a.kh-ft__sns-link--band:focus-visible{background:#21C531}
.kh-ft__sns-link.is-pending{opacity:.45;cursor:default}

.kh-ft__h{margin:0 0 16px;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.05em;color:var(--brand-focus,#AA89F7)}
.kh-ft__list,.kh-ft__links{margin:0;padding:0;list-style:none}
.kh-ft__list li,.kh-ft__links li{font-size:14px;line-height:20px;color:#b3b3b3}
.kh-ft__list li+li,.kh-ft__links li+li{margin-top:12px}
.kh-ft__k{margin-right:8px;color:#fff}
.kh-ft__list a,.kh-ft__links a{transition:color .15s ease}
.kh-ft__list a:hover,.kh-ft__links a:hover{color:#fff}

.kh-ft__bottom{border-top:1px solid #2d2d2d}
.kh-ft__bottom-in{display:flex;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px}
.kh-ft__copy{margin:0;font-size:12px;line-height:16px;color:#b3b3b3}
.kh-ft__privacy{font-size:14px;line-height:20px;font-weight:700;color:#b3b3b3;transition:color .15s ease}
.kh-ft__privacy:hover{color:#fff}

.kh-footer--v2 a:focus-visible{outline:2px solid var(--brand-focus,#AA89F7);outline-offset:3px;border-radius:4px}

@media(min-width:1024px){.kh-footer.kh-footer--v2{padding-bottom:0}}

/* 태블릿: 2열(브랜드 | CONTACT / 바로가기 | 지도·정보) */
@media(max-width:1023px){
  .kh-ft{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:36px}
  .kh-ft__brand,.kh-ft__col--contact{grid-column:span 1}
}
/* 모바일: 1열 + 링크 두 묶음만 나란히, 하단 바는 가운데 정렬(더현대 모바일과 같은 흐름) */
@media(max-width:767px){
  .kh-ft{row-gap:32px;column-gap:24px}
  .kh-ft__brand,.kh-ft__col--contact{grid-column:1/-1}
  .kh-ft__logo img{height:26px}
  .kh-ft__corp{font-size:12px;line-height:19px}
  .kh-ft__bottom-in{flex-direction:column;gap:8px;text-align:center}
}
@media(prefers-reduced-motion:reduce){.kh-ft__sns-link,.kh-ft__list a,.kh-ft__links a,.kh-ft__privacy{transition:none}}
@media print{.kh-footer.kh-footer--v2{background:#fff;color:#000}.kh-ft__sns{display:none}}

/* 2026-10-03 하단 바 회사 정보 메뉴: 회사소개 · 개인정보처리방침 */
.kh-ft__legal{display:flex;align-items:center;gap:0}
.kh-ft__about{font-size:14px;line-height:20px;font-weight:400;color:#b3b3b3;transition:color .15s ease}
.kh-ft__about:hover{color:#fff}
.kh-ft__legal>a+a::before{content:"";display:inline-block;width:1px;height:11px;margin:0 12px;background:#4a4a4a;vertical-align:-1px}

/* 2026-10-03 모바일·태블릿 푸터 아래 여백: 기존 88px + 독 높이(=172px)에서 독 높이 + 16px(=약 100px)로 줄임.
   독 캡슐(66px)이 바닥에서 10px 떠 있고 --cta-h 에 8px 여유가 이미 들어 있어, 마지막 줄(개인정보처리방침)과 독 사이 약 24px 남는다. */
@media(max-width:1023px){
  body[data-form="0"] .kh-footer.kh-footer--v2{padding-bottom:calc(16px + var(--cta-h,0px))}
}