/* ===== (주)에이디 컴포넌트 스타일 — st-base.css 다음에 로드 (rule 6) ===== */

/* 공통 인터랙션 */
@keyframes stChevBounce{0%,100%{transform:translateY(0);opacity:.85;}50%{transform:translateY(7px);opacity:.45;}}
.st-scroll-chev{animation:stChevBounce 1.7s ease-in-out infinite;}
.st-zoom{transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease;}
.st-zoom:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(0,0,0,0.10);}
.st-zoom .st-media img{transition:transform .45s cubic-bezier(.22,.61,.36,1);}
.st-zoom:hover .st-media img{transform:scale(1.07);}
/* 인사말 약속 카드 호버 */
.st-promise-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(0,0,0,0.18);}
.st-promise-card .st-promise-img,.st-promise-card img{transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.st-promise-card:hover img{transform:scale(1.06);}

/* 스크롤 등장 — 요소별 변형 (site-common.js 가 클래스 부여) */
.st-rv{opacity:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);}
.st-rv.is-visible{opacity:1 !important;transform:none !important;}
.st-rv-up{transform:translateY(34px);}
.st-rv-left{transform:translateX(-46px);}
.st-rv-right{transform:translateX(46px);}
.st-rv-scale{transform:scale(.93);}
.st-rv-fade{transform:none;}
/* 레거시(섹션 단위) */
.st-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);}
.st-reveal.is-visible{opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion: reduce){
  .st-rv,.st-reveal{opacity:1 !important;transform:none !important;}
}

/* ===== 반응형: 공통 헤더 (모든 서브페이지 공유) ===== */
.st-hamburger-btn{display:none;}
@media (max-width:960px){
  .st-nav-desktop,.st-util-desktop{display:none !important;}
  .st-hamburger-btn{display:flex !important;}
  .st-header-inner{padding:0 18px !important;}
}

/* ===== 서브히어로 배경 (페이지별 = 클래스로만 교체 / rule 3·7) ===== */
.st-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0.5;}
.st-hero-bg--company{background-image:url('hero-company.jpg');}
.st-hero-bg--news{background-image:url('hero-news.jpg');}
.st-hero-bg--rnd{background-image:url('hero-rnd.jpg');}
.st-hero-bg--store{background-image:url('hero-store.jpg');}

/* ===== 반응형: 공통 푸터 (모든 서브페이지 공유) ===== */
@media (max-width:900px){
  .st-foot-grid{grid-template-columns:1fr !important;gap:32px !important;}
  .st-foot-sitemap{grid-template-columns:repeat(3,1fr) !important;}
}
@media (max-width:560px){
  .st-foot-sitemap{grid-template-columns:repeat(2,1fr) !important;}
  .st-footer{padding:44px 20px 32px !important;}
}