/* 고객사 로고 — 메인 흐름 슬라이드와 '주요 고객사' 페이지가 같은 이미지(assets/client-NN.png)를 씀
   모든 로고는 500×200 투명 캔버스 안에 원본 비율 그대로, 시각적 크기를 맞춰 넣어 두었으므로
   카드 안에서는 꽉 채워(contain) 보여주기만 하면 크기가 고르게 보임 */

/* ---------- 메인: 좌우로 흐르는 슬라이드 ---------- */
.concept-home .cl-flow .home-client-logo{width:236px!important;height:104px!important;padding:12px 18px!important}
.concept-home .cl-flow .home-client-logo img{display:block;width:100%;height:100%;max-width:none;max-height:none!important;object-fit:contain}
/* 로고 수가 늘어난 만큼 시간을 늘려 흐르는 속도는 이전과 같게 */
.concept-home .cl-lane{animation-duration:168s!important}
.concept-home .cl-b .cl-lane{animation-duration:184s!important}
@media(max-width:700px){
 .concept-home .cl-flow .home-client-logo{width:160px!important;height:76px!important;padding:10px 14px!important}
 .concept-home .cl-lane{animation-duration:132s!important}
 .concept-home .cl-b .cl-lane{animation-duration:146s!important}
}

/* ---------- 회사소개 › 주요 고객사: 카드를 작게, 한 줄 6개 ---------- */
.cl-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
@media(min-width:1001px){.cl-logo-grid{gap:14px}.cl-logo-card{flex:0 0 calc((100% - 70px)/6)!important}}
.cl-logo-card{height:92px;padding:10px 14px;border-radius:16px}
.cl-logo-card img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
@media(max-width:1000px){.cl-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.cl-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cl-logo-card{height:72px;padding:8px 10px;border-radius:12px}}
@media(max-width:420px){.cl-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-logo-card{height:76px}}
