.course-section-new{padding:var(--vapor-size-space-800) 0}.track-group{gap:var(--vapor-size-space-700)}.track-category,.track-group{display:flex;flex-direction:column}.track-category{gap:var(--vapor-size-space-300)}.track-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}.track-text{display:flex;flex-direction:column;gap:var(--vapor-size-space-100)}.track-description,.track-title{margin:0}.course-control{display:flex;flex-direction:row;gap:var(--vapor-size-space-075);align-items:center}.course-container{width:100%;overflow:hidden}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vapor-size-space-300)}.slider-wrapper{width:100%;overflow:hidden}.slider-track{display:flex;flex-direction:row;transition:transform .3s ease}.slider-slide{flex-shrink:0}.slider-slide,.slider-track-individual{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vapor-size-space-300)}.slider-track-individual{transition:transform .3s ease}@media (max-width:1200px){.courses-grid,.slider-slide,.slider-track-individual{grid-template-columns:repeat(2,1fr)}.slider-track-individual{display:grid;gap:var(--vapor-size-space-300);width:100%!important;transform:none!important;transition:none}.slider-wrapper{overflow:visible}}@media (max-width:768px){.track-header{flex-direction:column;align-items:flex-start;gap:var(--vapor-size-space-200)}.track-title{line-height:var(--vapor-typography-lineHeight-200);letter-spacing:var(--vapor-typography-letterSpacing-100);font-size:var(--vapor-typography-fontSize-200)}.course-control{align-self:flex-end}.courses-grid,.slider-slide,.slider-track-individual{grid-template-columns:1fr;gap:var(--vapor-size-space-200)}.slider-track-individual{display:grid;width:100%!important;transform:none!important;transition:none}}@media (max-width:576px){.course-section-new{padding:var(--vapor-size-space-600) 0}.course-section-new .title{text-align:left}.track-text{gap:var(--vapor-size-space-050)}.track-header{gap:var(--vapor-size-space-150)}}.courses-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vapor-size-space-300)}.course-thumb{width:100%;aspect-ratio:5/3;border-radius:var(--vapor-size-borderRadius-400);overflow:hidden;background-color:var(--vapor-color-background-secondary);position:relative;transition:all .3s ease;border:1px solid var(--vapor-color-border-normal)}.course-card:hover .course-image{transform:scale(1.05)}.course-status-badge{position:absolute;top:var(--vapor-size-space-000);left:var(--vapor-size-space-000);z-index:2}.course-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;transition:transform .3s ease}.course-card:hover .course-video{transform:scale(1.05)}.pc-story-video{display:block}.mobile-picture{display:none}.course-image,dotlottie-wc{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;transition:transform .3s ease;border-radius:var(--vapor-size-borderRadius-400)}.course-card:hover dotlottie-wc{transform:scale(1.05)}.course-name{color:var(--vapor-color-gray-900);margin-bottom:var(--vapor-size-space-050);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:flex}.course-period{color:var(--vapor-color-background-hint);margin-bottom:var(--vapor-size-space-150);align-items:center}.badge-container,.course-period{display:flex;gap:var(--vapor-size-space-050)}.badge-container{flex-wrap:wrap}.course-link{gap:var(--vapor-size-space-150)}.course-common,.course-link{display:flex;flex-direction:column}.course-common{justify-content:center;padding:var(--vapor-size-space-200);border:1px solid var(--vapor-color-border-normal)}.course-common:hover{border-color:var(--ktc-tech-up-red);transition:all .3s ease}.early-text{background-color:var(--ktb-tech-rose);border-radius:var(--vapor-size-borderRadius-400);padding:var(--vapor-size-space-150);color:var(--vapor-color-white)}.course-action-container{display:flex;flex-direction:column;gap:var(--vapor-size-space-100)}@media (min-width:1440px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1172px!important}}@media (max-width:1200px){.courses-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.courses-container{grid-template-columns:1fr;gap:var(--vapor-size-space-200)}}@media (max-width:576px){.pc-story-video{display:none}.mobile-picture{display:block}}