.sec{padding-block:clamp(2.8rem,5.5vw,4.4rem)}

  /* ===== 대표 소식 (리드) ===== */
  .lead{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center;
       margin-bottom:clamp(2.6rem,5vw,4rem);color:inherit}
  .lead .fimg{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ece9e4}
  .lead .fimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-base) var(--ease-out)}
  .lead:hover .fimg img{transform:scale(1.03)}
  .lead .imgtag{right:8px;bottom:8px}
  .chip{display:inline-flex;align-items:center;font-size:.82rem;font-weight:800;letter-spacing:.03em;
       color:var(--pine-deep);background:var(--pine-tint);padding:.3rem .8rem;margin-bottom:1rem}
  .lead .date{color:var(--meta);font-size:.94rem;font-weight:600;margin-bottom:.6rem}
  .lead h2{font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:800;letter-spacing:-.025em;line-height:1.3}
  .lead .sum{margin-top:.9rem;color:var(--body);font-size:1.04rem;line-height:1.75;max-width:42ch}
  .lead .more{position:relative;display:inline-flex;align-items:center;min-height:44px;gap:.4rem;margin-top:1.1rem;
       color:var(--pine);font-weight:800}
  .lead .more::after{content:"";position:absolute;left:0;right:0;bottom:.6rem;height:1.5px;background:var(--pine);
       transform:scaleX(0);transform-origin:left;transition:transform var(--t-base)}
  .lead:hover .more::after{transform:scaleX(1)}

  /* ===== 색인 목록 =====
     원리 출처: Age of Union — 기사를 카드로 흩지 않고 날짜순 색인 행으로 세우고 건수를 드러낸다.
     홈은 가로 캐러셀(훑기), 목록 페이지는 색인(전체 스캔)으로 역할을 나눴다.
     이미지 없는 공지가 많은 운영 현실에도 색인 쪽이 맞다. */
  .ihead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;
       padding-bottom:.9rem;border-bottom:2px solid var(--ink)}
  .ihead h2{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:800;letter-spacing:-.02em}
  .ihead .cnt{color:var(--meta);font-size:.96rem;font-weight:600}
  .filter{display:flex;flex-wrap:wrap;gap:.2rem;margin:clamp(1.4rem,2.6vw,2rem) 0 0}
  .filter button{position:relative;min-height:44px;min-width:44px;padding:0 1rem;font:inherit;font-size:1rem;
       font-weight:600;color:var(--meta);background:none;border:0;cursor:pointer;transition:color var(--t-fast)}
  .filter button::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.35rem;height:2px;background:var(--pine);
       transform:scaleX(0);transform-origin:left;transition:transform var(--t-base)}
  .filter button:hover{color:var(--ink)}
  .filter button[aria-pressed="true"]{color:var(--pine)}
  .filter button[aria-pressed="true"]::after{transform:scaleX(1)}

  .idx{list-style:none;margin:1.2rem 0 0;padding:0;border-top:1px solid var(--line)}
  .idx li{border-bottom:1px solid var(--line)}
  .idx li[hidden]{display:none}
  .idx a{display:grid;grid-template-columns:88px 108px 92px minmax(0,1fr) auto;gap:.4rem 1.4rem;align-items:center;
       padding:1rem .3rem;min-height:96px;color:inherit;transition:background var(--t-fast),padding-left var(--t-base)}
  .idx a:hover{background:var(--alt);padding-left:.9rem}
  .idx .th{width:88px;height:66px;overflow:hidden;background:var(--alt)}
  .idx .th img{width:100%;height:100%;object-fit:cover;display:block}
  .idx .th.none{background:#f1f0ef;display:grid;place-items:center;color:#b6b4b2}
  .idx .th.none svg{width:22px;height:22px}
  .idx .dt{color:var(--meta);font-size:.94rem;letter-spacing:.01em}
  .idx .cat{color:var(--pine);font-size:.9rem;font-weight:700}
  .idx .ttl{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.5;transition:color var(--t-fast)}
  .idx a:hover .ttl{color:var(--pine)}
  .idx .fmt{font-size:.86rem;font-weight:600;color:var(--meta);border:1px solid var(--line);padding:.16rem .6rem;white-space:nowrap}
  .empty{color:var(--meta);padding:3rem 0;text-align:center}

  @media (max-width:920px){
    .lead{grid-template-columns:1fr;gap:1.6rem}
    .idx a{grid-template-columns:88px minmax(0,1fr);gap:.3rem 1.1rem;padding:1.1rem .3rem}
    .idx .th{grid-row:1 / span 3}
    .idx .dt{grid-column:2}
    .idx .cat{grid-column:2;grid-row:1;justify-self:end}
    .idx .ttl{grid-column:2}
    .idx .fmt{grid-column:2;justify-self:start;margin-top:.35rem}
  }

  .pager{display:flex;justify-content:center;gap:.2rem;margin-top:2.2rem}
  .pager[hidden]{display:none}
  .pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
       font-size:.96rem;font-weight:600;color:var(--meta);transition:color var(--t-fast)}
  .pager a:hover{color:var(--ink)}
  .pager span[aria-current="true"]{color:var(--pine);font-weight:800;border-bottom:2px solid var(--pine)}