.course-list-container{width:100%;font-family:'Pretendard Variable','Pretendard',-apple-system,'Apple SD Gothic Neo','Segoe UI',sans-serif;padding-bottom:20px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.course-list-container .course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.course-list-container .course-card{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #eee;transition:none !important;transform:none !important}
.course-list-container .course-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;transition:none !important}
.course-list-container .course-image-container{position:relative;width:100%;padding-top:56.25%;pointer-events:none}
.course-list-container .course-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.badge-container{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:10}
.course-best-tag,.course-new-tag{padding:4px 10px;border-radius:4px;font-size:0.75rem;font-weight:700;color:#fff;text-transform:uppercase}
.badge-container .course-best-tag{background:#0cb093}
.badge-container .course-new-tag{background:#8e44ad}
.course-content{padding:16px;display:flex;flex-direction:column;gap:4px;flex-grow:1}
.course-hashtags{font-size:0.85rem;color:#888;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-title{font-size:1.25rem;font-weight:700;margin:4px 0;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;word-break:keep-all}
.course-instructor-line{font-size:1rem;color:#666;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price-area{margin-top:12px;display:flex;flex-wrap:wrap;column-gap:6px;row-gap:3px;align-items:center;min-width:0;overflow:hidden}
.p-price{display:inline-flex;align-items:baseline;column-gap:6px;flex:0 0 auto}
.p-discount{color:#ef4444;font-weight:800;font-size:clamp(.9rem,2.7vw,1.05rem);line-height:1.2}
.p-main{color:#111;font-weight:800;font-size:clamp(1rem,3vw,1.2rem);letter-spacing:-.02em;line-height:1.2}
.p-term{color:#9aa0a6;font-weight:500;font-size:.78rem;line-height:1.2}
.p-sep{color:#cfd3d8}
@media (max-width:560px){.price-area .p-sep{display:none}
.course-content > div:first-child{flex-grow:1}
.course-title{min-height:2.6em}}
@media (max-width:1024px){.course-list-container .course-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media (max-width:480px){.course-list-container .course-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.course-content{padding:12px 10px}
.badge-container{top:6px;right:6px}
.course-best-tag,.course-new-tag{font-size:0.65rem;padding:2px 6px}
.course-hashtags{font-size:0.75rem}
.course-title{font-size:1.05rem;line-height:1.25;min-height:2.5em}
.course-instructor-line{font-size:0.8rem}
.price-area{margin-top:10px;column-gap:5px}}