/* complex.html 페이지 전용 — 퍼블 원본 head <style> 그대로(변환 누락분 2026-10-02) */
.complex-aerial{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.complex-aerial figure{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#e5eae8;cursor:zoom-in}
.complex-aerial img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;transition:.5s}
.complex-aerial figure:hover img{transform:scale(1.03)}
.complex-aerial figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent)}
.complex-cols{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:start;margin-top:32px}
.complex-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.complex-tcap{margin-top:26px;font-size:13px;font-weight:800;color:var(--brand);letter-spacing:-.02em;line-height:1.5}
.complex-tcap + .dtable,.complex-tcap + .table-scroll .dtable{margin-top:10px}
.complex-link{color:var(--brand-2);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1060px){.complex-cols{grid-template-columns:1fr;gap:26px}}
@media(max-width:860px){.complex-aerial{grid-template-columns:1fr}}