/* HN_SUB2026 20261014 : 서브 공통 레이아웃 — 색은 변수로 (다크모드 대비) */
.hn-sub{
  --hn-c:var(--primary,#1f6db6);--hn-cd:var(--primary-deep,#194f86);
  --hn-ink:#1a1f26;--hn-tx:#3a4350;--hn-mu:#6b7480;--hn-ln:#e3e8ee;
  --hn-bg:#fff;--hn-bg2:#f5f7fa;--hn-on:#eef5fc;
  width:min(var(--max,1280px),calc(100% - 40px));margin:0 auto;
  display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;color:var(--hn-tx)}
.hn-sub.no-lnb{grid-template-columns:minmax(0,1fr)}
.hn-lnb{position:sticky;top:110px}
.hn-lnb__head{padding:26px 24px;border-radius:14px 14px 0 0;background:linear-gradient(135deg,var(--hn-c),var(--hn-cd));color:#fff}
.hn-lnb__en{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;opacity:.75}
.hn-lnb__tt{margin:6px 0 0;font-size:24px;font-weight:800;line-height:1.3;color:#fff;letter-spacing:-.02em}
.hn-lnb__list{margin:0;padding:6px 0;list-style:none;border:1px solid var(--hn-ln);border-top:0;border-radius:0 0 14px 14px;background:var(--hn-bg)}
.hn-lnb__list li{margin:0;padding:0;list-style:none}
.hn-lnb__list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;border-left:4px solid transparent;
  color:var(--hn-tx);font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,color .15s}
.hn-lnb__list a::after{content:"";flex:none;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.3}
.hn-lnb__list a:hover,.hn-lnb__list a:focus-visible{background:var(--hn-bg2);color:var(--hn-c);outline:none}
.hn-lnb__list a.is-on{border-left-color:var(--hn-c);background:var(--hn-on);color:var(--hn-c);font-weight:800}
.hn-lnb__list a.is-on::after{opacity:1}
.hn-lnb__cs{margin-top:16px;padding:20px 22px;border:1px solid var(--hn-ln);border-radius:14px;background:var(--hn-bg2)}
.hn-lnb__cs strong{display:block;font-size:14px;color:var(--hn-mu)}
.hn-lnb__cs a.tel{display:block;margin:6px 0 10px;font-size:22px;font-weight:800;color:var(--hn-ink);text-decoration:none}
.hn-lnb__cs p{margin:3px 0;font-size:14px;line-height:1.5;color:var(--hn-tx)}
.hn-lnb__cs p.mail{margin-top:10px}
.hn-lnb__cs p.mail a{color:var(--hn-tx);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.hn-sub__body{min-width:0}
.hn-sub__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;padding-bottom:18px;border-bottom:2px solid var(--hn-ink)}
.hn-sub__cat{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--hn-c)}
.hn-sub__tt{margin:0;font-size:32px;font-weight:800;line-height:1.25;color:var(--hn-ink);letter-spacing:-.03em}
.hn-sub__print{flex:none;height:38px;padding:0 16px;border:1px solid var(--hn-ln);border-radius:8px;background:var(--hn-bg);color:var(--hn-tx);font-size:14px;font-family:inherit;cursor:pointer}
.hn-sub__print:hover,.hn-sub__print:focus-visible{border-color:var(--hn-c);color:var(--hn-c)}
.hn-sub__content{min-width:0;font-size:16px;line-height:1.75}
@media (max-width:1024px){
  .hn-sub{grid-template-columns:minmax(0,1fr);gap:24px}
  .hn-lnb{position:static}
  .hn-lnb__head,.hn-lnb__cs{display:none}
  .hn-lnb__list{display:flex;overflow-x:auto;padding:0;border:1px solid var(--hn-ln);border-radius:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hn-lnb__list::-webkit-scrollbar{display:none}
  .hn-lnb__list a{padding:13px 16px;border-left:0;border-bottom:3px solid transparent;font-size:15px;white-space:nowrap}
  .hn-lnb__list a::after{display:none}
  .hn-lnb__list a.is-on{border-bottom-color:var(--hn-c)}
  .hn-sub__tt{font-size:26px}
}
@media (max-width:640px){
  .hn-sub{width:calc(100% - 24px)}
  .hn-sub__print{display:none}
}
@media print{
  .top-header,.side-menu,.menu-overlay,.sub-hero,.breadcrumb-wrap,.hn-lnb,.hn-sub__print,.footer{display:none !important}
  .hn-sub{display:block;width:100%}
}