/* =====================================================================
   회사소개 하위 5페이지(연혁·인증 및 수상·주요 사업·CI·주요 고객사)
   1) 상단: 오른쪽 그림 없이 문구를 가운데 정렬
   2) 움직임: 기존보다 약 18% 느리게 + 시작·끝이 부드러운 이징
   ===================================================================== */
:root{
  --ab-ease:cubic-bezier(.33,0,.15,1);      /* 천천히 출발 → 부드럽게 멈춤 */
  --ab-ease-io:cubic-bezier(.45,0,.25,1);   /* 선이 그려지는 효과처럼 처음과 끝이 모두 부드러워야 하는 곳 */
}

/* ---------- 하위 메뉴: 다섯 페이지 모두 같은 위치에 ---------- */
.company-subnav{display:flex;justify-content:center}
/* 경로(회사소개 › …)는 바로 위 하위 메뉴가 대신함 — 연혁·인증·CI와 같게 */
.bz-crumb,.cl-breadcrumb{display:none!important}

/* ---------- 공통: 상단 문구 가운데 정렬 ---------- */
.hs-hero,.hero-awards,.hero-ci,.bz-hero,.cl-hero{text-align:center}
.hs-hero :is(.hs-lead),.hero-awards .lead,.hero-ci .lead,.bz-hero .bz-sub,.cl-hero .cl-lead{margin-left:auto!important;margin-right:auto!important}

/* 설명 문구: 다섯 페이지 같은 크기·색(연혁 기준) */
.hs-lead,:is(.hero-awards,.hero-ci) .lead,.bz-hero .bz-sub,.cl-hero .cl-lead{font-size:clamp(15px,1.15vw,16.5px)!important;line-height:1.85!important;color:#46567F!important;letter-spacing:-.02em}

/* 연혁 */
.hs-hero{min-height:0!important;padding:58px 0 66px!important}
.hs-hero .hs-kicker{margin-top:0!important}

/* 인증 및 수상 · CI */
body.has-page-bg :is(.hero-awards,.hero-ci),:is(.hero-awards,.hero-ci){height:auto!important;min-height:0!important}
:is(.hero-awards,.hero-ci) .hero-inner{height:auto;padding-top:58px;padding-bottom:62px}
:is(.hero-awards,.hero-ci) .hero-copy{position:relative;left:auto;top:auto;margin:0 auto}
:is(.hero-awards,.hero-ci) .eyebrow{margin-top:0}
.hero-ci .hero-inner{padding-bottom:46px}

/* 주요 사업 */
.bz-hero{padding:58px 0 40px!important}
.bz-hero .bz-hero-grid{grid-template-columns:1fr!important;justify-items:center}
.bz-hero .bz-hero-copy{max-width:none}
.bz-hero .bz-chips{justify-content:center}
.bz-hero .biz-eyebrow{margin-top:0!important}

/* 주요 고객사 */
.cl-hero{min-height:0!important;padding:58px 0 50px!important}
.cl-hero .cl-hero-grid{grid-template-columns:1fr!important;justify-items:center;min-height:0!important;padding:0!important}
.cl-hero .cl-keywords{justify-content:center}

/* ---------- 움직임: 약 18% 느리게, 이징 개선 ---------- */
/* 상단 문구 등장 */
.hx-in{animation:hxIn 1.06s var(--ab-ease) backwards!important;animation-delay:calc(var(--d,0)*.12s + .12s)!important}
.hs-in{animation:hsIn 1.06s var(--ab-ease) backwards!important;animation-delay:calc(var(--d,0)*.12s + .12s)!important}
@keyframes hxIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* 연혁: 이정표 카드 · 선 · 연도별 카드 */
.hs-ms{animation:hsIn 1.18s .6s var(--ab-ease) backwards!important}
.hs-ms-line{animation:hsLine 1.66s 1.06s var(--ab-ease-io) backwards!important}
.hs-yr{transition:color .6s,transform .84s var(--ab-ease),opacity .84s var(--ab-ease)!important}
.hs-card{transition:opacity .95s .1s var(--ab-ease),transform 1.06s .1s var(--ab-ease),box-shadow .4s!important}
.hs-img img{transition:transform 1.66s var(--ab-ease)!important}
.hs-nd i{transition:border-color .6s,box-shadow .6s,transform .6s var(--ab-ease)!important}

/* 스크롤하면 나타나는 카드들 — 나타나는 동안만 느리게, 다 나타난 뒤(.rv-done)에는 마우스 반응 속도 그대로 */
[data-rv]:not(.rv-done){transition:opacity 1.18s var(--ab-ease),transform 1.3s var(--ab-ease)!important;transition-delay:calc(var(--d,0)*95ms)!important}
.ab-rv:not(.rv-done){transition:opacity 1.06s var(--ab-ease),transform 1.06s var(--ab-ease),filter .95s var(--ab-ease)!important;transition-delay:calc(var(--d,0)*84ms)!important}

/* 주요 고객사: 협력 단계(01·02·03) */
.js-steps .cl-value-steps>div>span{transition:opacity .6s var(--ab-ease),transform .72s cubic-bezier(.3,1.45,.5,1)!important;transition-delay:calc(var(--i)*.45s + .4s)!important}
.js-steps .cl-value-steps>div>div{transition:opacity .72s var(--ab-ease),transform .84s var(--ab-ease)!important;transition-delay:calc(var(--i)*.45s + .52s)!important}
.js-steps .cl-value-steps.in>div{animation-duration:1.42s!important;animation-delay:calc(var(--i)*.45s + .82s)!important}

@media(max-width:700px){
  .hs-hero,.bz-hero,.cl-hero{padding-top:40px!important}
  :is(.hero-awards,.hero-ci) .hero-inner{padding-top:40px;padding-bottom:44px}
}
@media(prefers-reduced-motion:reduce){
  .hx-in,.hs-in,.hs-ms,.hs-ms-line{animation:none!important}
  [data-rv],.ab-rv,.hs-yr,.hs-card{transition:none!important}
}

/* 주요 사업 페이지만 기본 여백(8px)이 남아 상단 메뉴가 안쪽으로 밀리던 것 정리 */
body{margin:0}