/* P03 오프라인·실시간, P04 온라인(VOD) 목록. 기존 SERVER-EDU common.css 1645~1700행(.offline/.online), 474~505행(D-day·추천) 값을 따른다. */
.course-list { padding-bottom:80px; }
.list-banner { padding-top:30px; }
.list-banner img { display:block; width:100%; height:auto; border-radius:var(--radius); }
.list-section { margin-top:60px; }
.list-section--category { margin-top:80px; }
.list-title { margin-bottom:25px; font-size:26px; font-weight:600; letter-spacing:-.5px; }

/* 오프라인 카드: 강의명 20px·두 줄, 강의일·강의실 */
.course-grid--offline .course-info h3 { min-height:56px; margin-top:8px; font-size:20px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.course-schedule { margin-top:8px; font-size:15px; color:#787878; }
.course-badge { position:absolute; top:12px; left:-1px; z-index:2; padding:5px 15px; background:#363636; color:#fff; font-size:13px; font-weight:600; }
.course-badge--closed { background:#aaa; }
.course-art:has(.course-badge) .art-eyebrow { display:block; margin-top:28px; }
/* 마감: 기존과 같이 썸네일만 흐리게(표시 띠는 그대로) */
.course-card.is-closed .course-art { background:#ececec; color:#b5b5b5; }
.course-card.is-closed .course-art .art-graphic { opacity:.15; }

@media(max-width:1023px) {
    .list-section { margin-top:44px; }
    .list-section--category { margin-top:56px; }
    .list-title { font-size:22px; }
    .course-grid--offline .course-info h3 { font-size:17px; min-height:48px; }
}
@media(max-width:767px) {
    .course-list { padding-bottom:56px; }
    .list-banner { padding-top:18px; }
    .list-section { margin-top:36px; }
    .list-section--category { margin-top:40px; }
    .list-title { margin-bottom:16px; font-size:19px; }
    .course-grid--offline .course-info h3 { font-size:15px; min-height:42px; }
    .course-schedule { font-size:12px; }
    .course-badge { top:8px; padding:3px 9px; font-size:11px; }
    .course-art:has(.course-badge) .art-eyebrow { margin-top:20px; }
    /* 추천은 기존 모바일과 같이 옆으로 넘긴다 */
    .course-grid--scroll { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; }
    .course-grid--scroll::-webkit-scrollbar { display:none; }
    .course-grid--scroll .course-card { flex:0 0 46%; scroll-snap-align:start; }
}