/* =================================================================
   CLS 공통 푸터 (cls_footer.jsp 전용 · 자체 포함형)
   - .cls-footer 직접 스코프 + 색상 하드코딩(#00393C / #00C3BF)
   - cls_sub.css / main_index.css 를 로드하지 않는 레거시 페이지
     (장비·시험물질정보·게시판·상담 등)에서도 동일한 푸터가 보이도록 함
   - index/about 페이지는 .main-page/.sub-page 스코프 규칙이 우선 적용되므로 영향 없음
   ================================================================= */
footer.cls-footer { display: block; background: #00393C; color: rgba(255,255,255,.7); padding: 56px 0 40px; box-sizing: border-box; font-size: 14px; line-height: 1.6; font-family: 'Pretendard','Noto Sans KR',sans-serif; }/* 폰트 기준 명시 — .main-page/.sub-page 상속차 제거(높이 통일) */
.cls-footer * { box-sizing: border-box; }
.cls-footer .ft-inner { max-width: 1600px; margin: 0 auto; padding: 0 24px; }
.cls-footer .ft-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; flex-wrap: wrap; padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,.12); }
.cls-footer .ft-logo { display: flex; flex-direction: column; gap: 6px; }
.cls-footer .ft-logo .ft-ci { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: .02em; }
.cls-footer .ft-logo .ft-ci em { color: #00C3BF; font-style: normal; letter-spacing: .1em; }
.cls-footer .ft-logo .ft-corp { font-size: 14px; color: rgba(255,255,255,.6); }
.cls-footer .ft-links { display: flex; gap: 22px; flex-wrap: wrap; }
.cls-footer .ft-links a { font-size: 15px; color: rgba(255,255,255,.8); text-decoration: none; }
.cls-footer .ft-links a:hover { color: #fff; }
.cls-footer .ft-links a.strong { color: #fff; font-weight: 700; }
.cls-footer .ft-info { padding-top: 24px; font-size: 14px; line-height: 1.95; text-align: left; }
.cls-footer .ft-info p { margin: 0; }
.cls-footer .ft-info .sep { color: rgba(255,255,255,.25); margin: 0 8px; }
.cls-footer .ft-copy { margin-top: 18px; font-size: 13px; letter-spacing: .04em; color: rgba(255,255,255,.5); }

@media (max-width: 768px) {
	.cls-footer .ft-top { flex-direction: column; gap: 18px; }
}

.cls-footer .ft-logo-img { height: 40px; width: auto; display: block; }