.cls_wrap{color:var(--text-strong);font-family:Pretendard,-apple-system,sans-serif;margin:0 auto;max-width:1300px;padding:28px 24px 96px}.cls_wrap .breadcrumb{padding:0;position:static}.cls_filter{align-items:center;gap:16px;justify-content:space-between;margin-bottom:34px}.cls_chips,.cls_filter{display:flex;flex-wrap:wrap}.cls_chips{gap:10px}.cls_chip{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:44px;padding:0 20px;transition:all .15s ease}.cls_chip:hover{border-color:var(--border-focus);color:var(--accent)}.cls_chip.is-active{background:var(--accent);border-color:var(--border-focus);color:var(--on-accent)}.cls_chip em{color:var(--text-faint);font-size:12px;font-style:normal;font-weight:600}.cls_chip.is-active em{color:hsla(0,0%,100%,.75)}.cls_grid{display:grid;gap:30px 28px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.cls_item{margin:0}.cls_card{border-radius:var(--radius-lg);display:block;overflow:hidden;text-decoration:none}.cls_thumb{aspect-ratio:1/1;overflow:hidden;position:relative}.cls_thumb .thumb-img{background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform .2s ease}@media (hover:hover){.cls_card:hover .cls_thumb .thumb-img{transform:scale(1.03)}}.cls_overlay{background:linear-gradient(180deg,rgba(12,14,22,.16),rgba(12,14,22,0) 32%,rgba(12,14,22,.12) 56%,rgba(12,14,22,.84));inset:0;pointer-events:none;position:absolute}.cls_badge{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(16,17,23,.6);border-radius:var(--radius-full);color:hsla(0,0%,100%,.92);display:inline-flex;font-size:12px;font-weight:700;height:28px;letter-spacing:.03em;line-height:16px;padding:0 12px;position:absolute;right:14px;top:14px}.cls_thumb_txt{bottom:18px;display:flex;flex-direction:column;gap:7px;left:18px;position:absolute;right:18px}.cls_cat{color:hsla(0,0%,100%,.85);font-size:13px;font-weight:600;line-height:17px}.cls_name{color:#fff;display:-webkit-box;font-size:20px;font-weight:800;-webkit-line-clamp:2;line-height:1.4;word-break:keep-all;-webkit-box-orient:vertical;overflow:hidden}.cls_date{color:hsla(0,0%,100%,.7);font-size:13px;line-height:17px}.cls_empty{color:var(--text-muted);font-size:15px;padding:60px 0;text-align:center}.cls_pager{display:flex;gap:8px;justify-content:center;margin-top:52px}.cls_pager button{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;height:36px;min-width:36px;padding:0 10px}.cls_pager button.is-active{background:var(--accent);border-color:var(--border-focus);color:var(--on-accent)}.cls_pager button[disabled]{cursor:default;opacity:.4}.cls_cta{align-items:center;background:var(--surface-sunken);border-radius:var(--radius-xl);display:flex;gap:24px;justify-content:space-between;margin:96px 0 0;padding:36px 40px}.cls_cta b{color:var(--text-strong);font-size:19px;letter-spacing:-.19px}.cls_cta p{color:var(--text-muted);font-size:14px;margin:6px 0 0}.cls_cta a{background:var(--accent);border-radius:var(--radius-lg);color:var(--on-accent);font-size:15px;font-weight:700;padding:14px 26px;text-decoration:none;white-space:nowrap}.cls_cta a:hover{background:var(--accent-pressed)}@media (max-width:1024px){.cls_grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cls_grid{grid-template-columns:1fr}.cls_filter{align-items:stretch}.cls_cta,.cls_filter{flex-direction:column}.cls_cta{align-items:flex-start;padding:28px 24px}}