/* ==========================================================================
   2026 노인일자리 주간 — 서브 전용 (갤러리·연도탭·페이징)
   ========================================================================== */
.years{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:56px}
.years a{padding:10px 20px;border-radius:999px;font-size:15px;font-weight:600;color:var(--mute);background:#fff;border:1.5px solid var(--line);transition:.2s}
.years a:hover{border-color:var(--brand);color:var(--brand)}
.years a.on{background:var(--brand);border-color:var(--brand);color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 24px}
.gc{display:block}
.gc .th{aspect-ratio:3/2;border-radius:16px;overflow:hidden;background:#E4EAF0;position:relative}
.gc .th img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gc:hover .th img{transform:scale(1.07)}
.gc .th::after{content:"↗";position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:16px;opacity:0;transform:scale(.7);transition:.28s cubic-bezier(.2,.7,.2,1)}
.gc:hover .th::after{opacity:1;transform:none}
.gc h3{margin-top:20px;font-size:18.5px;font-weight:700;letter-spacing:-.04em;color:var(--ink)}
.gc p{margin-top:6px;font-size:15px;color:var(--mute)}
.gc .d{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--mute)}
.gc:hover h3{color:var(--brand)}
.page{display:flex;justify-content:center;gap:6px;margin-top:80px}
.page a{min-width:44px;height:44px;padding:0 12px;display:grid;place-items:center;border-radius:999px;font-size:15px;font-weight:600;color:var(--mute);background:#fff;border:1.5px solid var(--line);transition:.2s}
.page a:hover{border-color:var(--brand);color:var(--brand)}
.page a.on{background:var(--brand);border-color:var(--brand);color:#fff}
@media (max-width:1080px){
  .grid{grid-template-columns:1fr 1fr;gap:34px 18px}
}
@media (max-width:640px){
  .grid{grid-template-columns:1fr}
}