Design Token
Footer Component
모든 사이트 footer는 동일한 3-zone 구조를 공유합니다:
- Info zone — 연락처 / 내비게이션 / 브랜드 (grid, padding var(--px))
- Bottom bar — 카피라이트 좌 / 사이트명 우 (flex, border-top)
- Wordmark clip — 대형 로고 SVG, overflow:hidden clip
.footer-wordmark {
overflow: hidden;
height: var(--footer-clip-h);
}
svg {
preserveAspectRatio: "xMidYMin slice";
height: 200%; /* 공백 방지 */
}