/* K-Digital cards on the LMS main page (kdm-item). ASCII only.
   Re-uses the existing .kdigital_subject / .subject_* classes; this file only adds the parts they do not cover. */
.kdigital_list > li.kdm-item { display: flex; flex-direction: column; }
.kdigital_list > li.kdm-item .subject_jpg { overflow: hidden; border-radius: 10px; }
.kdigital_list > li.kdm-item .subject_jpg img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.kdigital_list > li.kdm-item .subject_badge { flex-wrap: wrap; }
.kdigital_list > li.kdm-item p { flex: 1 1 auto; }
.kdigital_list > li.kdm-item > a { display: block; margin-top: auto; text-align: center; text-decoration: none; }
.kdigital_list > li.kdm-item .subject_detail { text-align: center; box-sizing: border-box; }

/* ===== Match the K-Digital index page cards (ix-card) ===== */
.kdigital_list > li.kdm-item {
    padding: 8px 8px 16px;
    border: 1px solid #EDF1FA;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(15, 40, 122, 0.08);
    font-family: "Pretendard", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
    transition: transform 0.2s, box-shadow 0.2s;
}
.kdigital_list > li.kdm-item:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(15, 40, 122, 0.14); }

/* order: thumb -> (NEW) title -> description -> chips -> button, same as the index card */
.kdigital_list > li.kdm-item .subject_jpg   { order: 1; }
.kdigital_list > li.kdm-item .subject_title { order: 2; }
.kdigital_list > li.kdm-item > p            { order: 3; }
.kdigital_list > li.kdm-item .subject_badge { order: 4; }
.kdigital_list > li.kdm-item > a            { order: 5; }

/* thumbnail */
.kdigital_list > li.kdm-item .subject_jpg { aspect-ratio: 16 / 9; border-radius: 12px; background: linear-gradient(135deg, #E9EEF7, #DCE4F1); }
.kdigital_list > li.kdm-item .subject_jpg img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.kdigital_list > li.kdm-item .subject_jpg::after { content: none; display: none; }

/* NEW mark: same gif as the index page, above the title */
.kdigital_list > li.kdm-item.new .subject_title::before { content: ""; display: block; width: 33px; height: 15px; margin-bottom: 8px; background: url(/menu/course-detail/k_digital/assets/images/index/course_new.gif?v=2026111301) no-repeat center / 33px 15px; }

/* title */
.kdigital_list > li.kdm-item .subject_title { margin-top: 0; padding: 12px 10px 0; border-bottom: 0; }
.kdigital_list > li.kdm-item .subject_title h4 { padding: 0; font-size: 16px; font-weight: 700; line-height: 1.35; color: #0B1220; letter-spacing: -0.03em; }
.kdigital_list > li.kdm-item .subject_title h4 b,
.kdigital_list > li.kdm-item .subject_title h4 .k_blue { color: inherit; font-weight: 700; }

/* description */
.kdigital_list > li.kdm-item > p { margin: 0; padding: 8px 10px 0; font-size: 13.5px; font-weight: 400; line-height: 1.55; color: #6B7280; }

/* benefit chips */
.kdigital_list > li.kdm-item .subject_badge { flex-wrap: wrap; gap: 6px; margin: 0; padding: 12px 10px 0; }
.kdigital_list > li.kdm-item .subject_badge li { margin: 0 !important; }
.kdigital_list > li.kdm-item .subject_badge span { display: inline-flex; align-items: center; margin: 0; padding: 4px 8px; border-radius: 5px; background: #E7EFFF; color: #005CFE; font-size: 12px; font-weight: 700; line-height: 1.4; }
.kdigital_list > li.kdm-item .subject_badge li:nth-child(n+2) span { background: #ffffff; color: #0967fc; border: 1px solid #87b3ff; }

/* detail button: full width of the card, #005cfe */
.kdigital_list > li.kdm-item > a { display: block; margin-top: auto; padding: 14px 2px 0; text-align: center; text-decoration: none; }
.kdigital_list > li.kdm-item .subject_detail { display: block; width: 100%; box-sizing: border-box; padding: 10px 0; border-radius: 6px; background: #2071ff; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3; text-align: center; }
.kdigital_list > li.kdm-item > a:hover .subject_detail { background: #0049cc; }