.class_widget{display:flex;flex-direction:column;font-family:Pretendard,-apple-system,sans-serif;gap:28px;padding-top:8px;width:100%}.class_head{align-items:center;display:flex;justify-content:space-between}.class_title{color:var(--text-strong);font-size:28px;font-weight:700;letter-spacing:-.56px;margin:0}.class_widget a.class_more,.class_widget a.class_more:visited{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.hcls_list{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.hcls_item{margin:0;min-width:0}.hcls_card{border-radius:var(--radius-lg);display:block;overflow:hidden;text-decoration:none}.hcls_thumb{aspect-ratio:1/1;background:#2a2d33;overflow:hidden;position:relative}.hcls_img{background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform .2s ease}@media (hover:hover){.hcls_card:hover .hcls_img{transform:scale(1.03)}}.hcls_thumb:after{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));content:"";inset:0;pointer-events:none;position:absolute}.hcls_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;right:12px;top:12px}.hcls_badge,.hcls_txt{position:absolute;z-index:1}.hcls_txt{bottom:16px;display:flex;flex-direction:column;gap:8px;left:16px;right:16px}.hcls_cat{color:hsla(0,0%,100%,.85);font-size:13px;font-weight:600;line-height:17px}.hcls_name{color:#fff;display:-webkit-box;font-size:19px;font-weight:800;-webkit-line-clamp:2;line-height:1.4;word-break:keep-all;-webkit-box-orient:vertical;overflow:hidden}.hcls_date{color:hsla(0,0%,100%,.7);font-size:13px;line-height:17px}.hcls_card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (max-width:1024px){.hcls_list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.class_title{font-size:22px}}@media (max-width:560px){.hcls_list{display:flex;gap:12px;margin:0 -24px;overflow-x:auto;padding:0 24px;scroll-padding:0 24px;scroll-snap-type:x mandatory;scrollbar-width:none}.hcls_list::-webkit-scrollbar{display:none}.hcls_item{flex:0 0 72%;scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.hcls_img{transition:none}}