/* 주요 고객사: 메인과 같은 바탕 + 01·02·03 차례로 펼쳐지는 효과 */
body.has-page-bg .cl-hero,body.has-page-bg .cl-logo-section,body.has-page-bg .cl-fields,body.has-page-bg .cl-bottom,body.has-page-bg .cl-section{background:transparent!important}
body.has-page-bg .cl-bottom-inner{padding:34px 40px;border-radius:30px;background:rgba(255,255,255,.75);border:2px solid #fff;box-shadow:0 20px 50px rgba(80,100,200,.12)}
.cl-value-steps{position:relative}
.cl-value-steps>div{position:relative}
.js-steps .cl-value-steps>div{clip-path:inset(0 100% 0 0 round 18px);opacity:.4;transform:translateX(26px);
 transition:clip-path .9s cubic-bezier(.2,.75,.2,1),opacity .6s,transform .9s cubic-bezier(.2,.75,.2,1),box-shadow .6s,border-color .6s;transition-delay:calc(var(--i)*.38s)}
.js-steps .cl-value-steps>div>span{opacity:0;transform:scale(.5);transition:opacity .5s,transform .6s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i)*.38s + .35s)}
.js-steps .cl-value-steps>div>div{opacity:0;transform:translateX(14px);transition:opacity .6s,transform .7s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--i)*.38s + .45s)}
.js-steps .cl-value-steps.in>div{clip-path:inset(0 0 0 0 round 18px);opacity:1;transform:none}
.js-steps .cl-value-steps.in>div>span,.js-steps .cl-value-steps.in>div>div{opacity:1;transform:none}
/* 펼쳐진 뒤 잠깐 빛나는 표시 */
.js-steps .cl-value-steps.in>div{animation:clGlow 1.2s ease-out both;animation-delay:calc(var(--i)*.38s + .7s)}
@keyframes clGlow{0%{box-shadow:0 0 0 0 rgba(63,102,240,0)}40%{box-shadow:0 0 0 6px rgba(63,102,240,.14)}100%{box-shadow:0 0 0 0 rgba(63,102,240,0)}}
@media(prefers-reduced-motion:reduce){.js-steps .cl-value-steps>div,.js-steps .cl-value-steps>div>*{clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}
/* 새 상단 이미지 */
.cl-visual-net{display:flex;align-items:center;justify-content:center}
.cl-visual-net img{width:min(560px,100%);height:auto;animation:clFloat 8s ease-in-out infinite}
@keyframes clFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* 고객사 로고: 마지막 줄 가운데 정렬 */
@media(min-width:1001px){.cl-logo-grid{display:flex!important;flex-wrap:wrap;justify-content:center}.cl-logo-card{flex:0 0 calc((100% - 54px)/4)}}
@media(prefers-reduced-motion:reduce){.cl-visual-net img{animation:none}}