:root{--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-18:18px;--spacing-20:20px;--spacing-22:22px;--spacing-24:24px;--spacing-28:28px;--spacing-30:30px;--spacing-32:32px;--spacing-36:36px;--spacing-40:40px;--spacing-64:64px;--spacing-76:76px;--spacing-100:100px;--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-20:20px;--radius-99:99px;--text-title:#434f5c;--text-body:#6b7e93;--primary:#2f7ef5;--surface-body:#f8fafa;--surface-subtle:#f3f5f8;--surface-lightblue:#e8f1fe;--surface-lightgray:#bfc8d4;--surface-lightred:#fef2f2;--purple-400:#ede9fe;--purple-800:#7c3aed;--green-400:#f0fdfa;--green-800:#16a390;--blue-400:#e8f1fe;--blue-800:#2f7ef5;--orange-400:#fff7ed;--orange-800:#ea580c;--red:#dc2626;--subject-html:#16a390;--border-base:#e2e7ed;--on-color-blue:#2f7ef5;--on-color-gray:#6b7e93;--on-color-lightblue:#e8f1fe}section.course-info-title{margin-top:220px;padding-bottom:130px;text-align:center}section.course-info-title h1.hero{padding-bottom:var(--spacing-22);font-size:53px;font-weight:700;line-height:1.4;color:var(--text-title)}section.course-info-title h4{padding-bottom:var(--spacing-30);font-size:18px;font-weight:400;line-height:1.5;color:var(--text-title)}section.course-intro .inner{max-width:1112px;margin:0 auto}section.course-intro article{padding-bottom:120px}section.course-intro article .title{padding-bottom:var(--spacing-28)}section.course-intro article .title h1{font-size:24px;font-weight:600;line-height:1;color:var(--text-title);margin-bottom:13px}section.course-intro article .title h4{font-size:18px;font-weight:400;line-height:1.5;color:var(--text-body)}section.course-intro article ul.lecture-row{display:flex;gap:25px}section.course-intro article ul.lecture-row li{width:354px;flex-shrink:0;position:relative;cursor:pointer}section.course-intro article ul.lecture-row li .card-link{position:absolute;inset:0;z-index:0;border-radius:var(--radius-20)}section.course-intro article ul.lecture-row li .content-info{position:relative;z-index:1}section.course-intro article ul.lecture-row li{display:flex;flex-direction:column;gap:var(--spacing-28);padding:var(--spacing-36) var(--spacing-30);border-radius:var(--radius-20);background-color:var(--surface-body);box-shadow:4px 4px 2px rgba(47,126,245,.05),inset 4px 4px 0 #fff}section.course-intro article ul.lecture-row li .overview{display:flex;flex-direction:column;gap:12px}section.course-intro article ul.lecture-row li .overview small{font-size:14px;font-weight:700;line-height:1;color:var(--primary)}section.course-intro article ul.lecture-row li .overview div{display:flex;flex-direction:column;gap:18px}section.course-intro article ul.lecture-row li .overview div h3{font-size:21px;font-weight:700;line-height:1.5;color:var(--text-title)}section.course-intro article ul.lecture-row li .overview div p{font-size:15px;font-weight:500;line-height:1.5;color:var(--text-body);padding-bottom:var(--spacing-10)}section.course-intro article ul.lecture-row li .lec-thumbnail{position:relative;height:180px;border-radius:8px;overflow:hidden;padding:var(--spacing-10);display:flex;gap:var(--spacing-12);align-items:flex-start}section.course-intro article ul.lecture-row li .lec-thumbnail img{border-radius:8px}section.course-intro article ul.lecture-row li .lec-thumbnail.lec-thumbnail--empty{background-color:var(--surface-subtle)}section.course-intro article ul.lecture-row li .content-info{display:flex;align-items:center;justify-content:space-between}section.course-intro article ul.lecture-row small.subject--html{color:var(--subject-html)}section.course-intro article .lecture-column{display:flex;gap:38px;height:252px;align-items:center;padding:30px;border-radius:var(--radius-20);background-color:var(--surface-body);box-shadow:4px 4px 2px rgba(47,126,245,.05),inset 3px 3px 0 #fff}section.course-intro article .lecture-column .lec-thumbnail{position:relative;width:325px;height:180px;flex-shrink:0;border-radius:8px;overflow:hidden;padding:var(--spacing-10);display:flex;align-items:flex-start;background-color:var(--surface-subtle)}section.course-intro article .lecture-column .lecture-column__content{flex:1 1;display:flex;flex-direction:column;gap:18px;height:100%}section.course-intro article .lecture-column .lecture-column__content h3{font-size:21px;font-weight:700;line-height:1.5;color:var(--text-title)}section.course-intro article .lecture-column .lecture-column__content p{font-size:16px;font-weight:500;line-height:1.5;color:var(--text-body)}.time-info{display:flex;align-items:center;gap:4px}.time-info p{font-size:14px;font-weight:400;line-height:1;color:var(--text-body);white-space:nowrap}.time-info-group{display:flex;flex-direction:column;gap:var(--spacing-10)}.badge{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-99);flex-shrink:0;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.badge.badge--purple{background-color:var(--purple-400);color:var(--purple-800)}.badge.badge--green{background-color:var(--green-400);color:var(--green-800)}.badge.badge--blue{background-color:var(--blue-400);color:var(--blue-800)}.badge.badge--orange{background-color:var(--orange-400);color:var(--orange-800)}.badge.badge--red{background-color:var(--surface-lightred);color:var(--red)}