/* =========================================================================
   co1 넥서스일렉 — 서브 53쪽 «이미지 보강» 전용 레이어   2026-08-16
   ★이 파일의 모든 선택자는 body:not(.home) 으로 한정한다(메인 index.html 보호).
   ★site.css · main.css · site.js 는 손대지 않는다.
   ★HDC 서브 문법 : 전폭 1368×789 · 681×394 세로 3장 · 442×260 3열 gap20 · 라운드 0
     사진 위에 글자를 얹지 않는다. 그라데이션 없음.
   ========================================================================= */

/* 공통 ------------------------------------------------------------------ */
body:not(.home) .cx-figs{margin:64px 0 0}
body:not(.home) .cx-figs figure{margin:0}
body:not(.home) .cx-figs img{width:100%;height:auto;display:block;object-fit:cover;
  border-radius:0;background:#F1F1F3}
body:not(.home) .cx-figs figcaption{margin:12px 0 0;font-size:14px;line-height:1.7;
  letter-spacing:-.3px;color:#656565;word-break:keep-all !important}
body:not(.home) .sec--dark .cx-figs figcaption{color:rgba(255,255,255,.74)}

/* ② 전폭 사진 1368×789 --------------------------------------------------- */
body:not(.home) .cx-band img{aspect-ratio:1368/789}
body:not(.home) .cx-band figcaption{text-align:center}

/* 681×394 두 장 ---------------------------------------------------------- */
body:not(.home) .cx-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body:not(.home) .cx-duo img{aspect-ratio:681/394}

/* ④ 442×260 세 장 · gap 20 ----------------------------------------------- */
body:not(.home) .cx-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body:not(.home) .cx-trio img{aspect-ratio:442/260}

/* 681×394 세 장을 세로로 (HDC CEO 페이지 문법) ---------------------------- */
body:not(.home) .cx-stack{max-width:1016px;margin-left:auto;margin-right:auto;
  display:grid;grid-template-columns:minmax(0,1fr);gap:72px}
body:not(.home) .cx-stack img{aspect-ratio:681/394}
body:not(.home) .cx-stack figcaption{text-align:center}

/* 반응형 ---------------------------------------------------------------- */
@media (max-width:1024px){
  body:not(.home) .cx-figs{margin-top:46px}
  body:not(.home) .cx-stack{gap:46px}
  body:not(.home) .cx-trio{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  body:not(.home) .cx-figs{margin-top:34px}
  body:not(.home) .cx-duo,body:not(.home) .cx-trio{grid-template-columns:minmax(0,1fr);gap:16px}
  body:not(.home) .cx-stack{gap:34px}
  body:not(.home) .cx-band img,body:not(.home) .cx-duo img,
  body:not(.home) .cx-trio img,body:not(.home) .cx-stack img{aspect-ratio:4/3}
}
@media (max-width:390px){
  body:not(.home) .cx-figs{margin-top:28px}
  body:not(.home) .cx-figs figcaption{font-size:13px}
}
/* ===== 끝 ============================================================== */