/* v1.2 — 공통 푸터: 메뉴(대시보드 "메뉴" 그대로)와 개인정보처리방침·이용약관 줄을 나눔
 * 모바일: 메뉴 5개를 가로 한 줄 (줄바꿈·가로 스크롤 없음, 390px·320px 확인)
 * 터치 영역: 각 메뉴 높이 44px 이상, 글자 11px 이상 (320px 기준) */
.footer .footlegal{display:flex;flex-wrap:wrap;gap:6px 17px;margin:-6px 0 19px;font-size:13px}
.footer .footlegal a{color:#c6d0dc}
@media(max-width:700px){
	.footer .footnav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin:12px 0 14px;align-items:stretch}
	.footer .footnav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0 1px;text-align:center;white-space:nowrap;overflow:hidden;font-size:clamp(11px,3.3vw,13.5px);letter-spacing:-.05em;line-height:1.2;color:#dfe5ec;border-radius:6px}
	.footer .footnav a:active{background:#ffffff14}
	/* v0.9: 메뉴 이름이 길어져 한 줄에 다 안 들어감 → 4개는 2열, 5개 이상은 3열 (겹침·잘림 없음) */
	.footer .footnav:has(a:nth-child(4)){grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
	.footer .footnav:has(a:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
	.footer .footnav:has(a:nth-child(4)) a{font-size:clamp(12px,3.4vw,14px)}
	.footer .footlegal{font-size:12px;margin-top:-4px}
	.footer .footlegal a{display:inline-flex;align-items:center;min-height:36px}
}
@media(max-width:360px){
	.footer .footnav{margin-left:-10px;margin-right:-10px} /* 좁은 화면: 메뉴 줄만 좌우 여백을 써서 글자 크기 유지 */
}
/* 0.9.6 — 하단 사업자 정보: 3줄 + 안내 한 줄, 같은 글자 크기·줄 간격.
 * 구분선(|)은 항목 앞에 그리고 줄 첫 항목의 구분선은 잘라냄 → 모바일 줄바꿈 시 줄 끝·줄 앞에 | 가 남지 않음 */
.footer .footbiz{margin-top:4px;font-size:12.5px;line-height:1.7;color:#9fabb9;letter-spacing:-.01em;overflow:hidden}
.footer .footbiz p{margin:0}
.footer .footbiz .footbiz__row{display:flex;flex-wrap:wrap;margin-left:-19px}
.footer .footbiz .footbiz__row span{position:relative;padding-left:19px}
.footer .footbiz .footbiz__row span::before{content:"";position:absolute;left:9px;top:.5em;bottom:.5em;border-left:1px solid #5d6b7e}
.footer .footbiz .footbiz__note{margin-top:10px;color:#c6d0dc;word-break:keep-all}
@media(max-width:700px){
	.footer .footbiz{font-size:12px;line-height:1.75}
	.footer .footbiz .footbiz__row{margin-left:-15px}
	.footer .footbiz .footbiz__row span{padding-left:15px}
	.footer .footbiz .footbiz__row span::before{left:7px}
	.footer .footbiz p{word-break:keep-all}
}
/* 0.9.7 — 하단 여백만 정리 (배경·로고·글꼴·글자색·문구 그대로)
 * 간격은 한 곳에서만 줌: 메뉴 위·아래 margin → 사업자 정보 margin-top 0 (겹쳐 더해지지 않게)
 * PC: 위 48 / 아래 40 · 로고↔메뉴 22 · 메뉴↔사업자 22 · 줄 간격 1.6 · 안내 문구 위 12
 * 모바일: 위 32 / 아래 28 · 메뉴 칸(44px 터치 영역) 안쪽 여백 포함해 눈에 보이는 간격 약 22 */
.footer{padding-top:48px;padding-bottom:40px}
.footer .footnav{margin-top:22px;margin-bottom:22px}
.footer .footlegal{margin-top:-6px;margin-bottom:22px}
.footer .footbiz{margin-top:0;line-height:1.6}
.footer .footbiz .footbiz__note{margin-top:12px}
@media(max-width:700px){
	.footer{padding-top:32px;padding-bottom:28px}
	.footer .footnav{margin-top:8px;margin-bottom:8px}
	.footer .footlegal{margin-top:-8px;margin-bottom:12px}
	.footer .footbiz{line-height:1.6}
	.footer .footbiz .footbiz__note{margin-top:12px}
}
