.course-view__head {
    display: flex;
    gap: 48px;
    margin: 24px 0;
    align-items: stretch;
}
@media (max-width: 768px) {
    .course-view__head {
        flex-direction: column;
        gap: 0;
    }
    .course-view__thumb {
        flex: none;
        width: 100%;
    }
    .course-view__info {
        margin-top: 24px;
    }
    .course-view__stats {
        margin-top: 20px;
    }
}
.course-view__thumb {
    flex: 0 0 50%;
}
.course-view__thumb img {
    width: 100%;
    border-radius: 8px;
    display: block;
}
.course-view__thumb-empty {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#26336a,#3d4f8f);
    color: #fff;
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    font-weight: 700;
    border-radius: 8px;
}
.course-view__thumb-empty::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/theme/khu/img/common/logo_seal_silver.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 38%;
    opacity: .18;
}
.course-view__thumb-empty span {
    font-size: 24px;
    position: relative;
    z-index: 1;
}
.course-view__info {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.course-view__year {
    display: inline-block;
    background: #eef2ff;
    color: #3b4fd1;
    border-radius: 999px;
    padding: 6px 18px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 18px;
}
.course-view__subject {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 16px;
}
.course-view__instructor {
    color: #666;
    font-size: 19px;
    font-weight: 700;
}
.course-view__stats {
    margin-top: auto;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.course-view__stat-row {
    font-size: 15px;
    color: #444;
    padding: 18px 0 12px;
}
.course-view__stat-label {
    font-weight: 700;
}
.course-view__stat-row strong {
    color: #222;
    font-size: 17px;
    font-weight: 400;
    margin-left: 6px;
}
.course-view__stat-divider {
    border-top: 1px solid #e5e5e5;
}
.course-view__section {
    margin: 32px 0;
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
}
.course-view__section h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
}
/* 강의계획서 다운로드 버튼 */
.course-view__syllabus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    margin: 0 auto;
    padding: 18px 56px;
    min-width: 300px;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    background: #a61c00;
    border: 1px solid #a61c00;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.course-view__syllabus-icon {
    flex: 0 0 auto;
    transition: transform .15s ease;
}
.course-view__syllabus:hover .course-view__syllabus-icon {
    transform: translateY(2px);
}
.course-view__syllabus:hover {
    background: #861700;
    border-color: #861700;
    color: #fff;
}
.course-week {
    margin-bottom: 24px;
}
.course-week__title {
    font-size: 16px;
    font-weight: 700;
    background: #f4f6f8;
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: 8px;
}
.course-week__lectures {
    list-style: none;
    margin: 0;
    padding: 0;
}
.course-week__lectures li {
    border-bottom: 1px solid #eee;
}
.course-lecture {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: none;
    border: none;
    text-align: left;
    font-size: 15px;
    cursor: pointer;
}
.course-lecture:hover {
    background: #f7f9fc;
    color: #243a72;
}
.course-lecture__no {
    color: #999;
    min-width: 28px;
}
.course-lecture__icon {
    flex: none;
    color: #2d4bd6;
}
.course-lecture__title {
    flex: 1;
}
.course-lecture__duration {
    color: #999;
    font-size: 13px;
}
.course-view__empty {
    color: #999;
    padding: 24px 0;
}
.course-view__btns {
    text-align: right;
    margin: 40px 0;
}
.course-view__list-btn {
    letter-spacing: -0.02em;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.course-view__list-btn:hover {
    background: #e9ebef;
    border-color: #c3c9d1;
    color: #111;
}