/* ==== course.html 전용 규칙 — gen.py 생성, 직접 편집 금지 ==== */
#s202605282c32b832e207d .ld-in { max-width:880px; }
#w2026052828f4443719fb5 .cs-thumb-0 { background-image:url(../landing/68547338bd15e.jpg); }
#w2026052828f4443719fb5 .cs-thumb-1 { background-image:url(../landing/9117abcbcbd44.jpg); }
#w2026052828f4443719fb5 .cs-thumb-2 { background-image:url(../landing/bee0e048c0466.jpg); }
#w2026052828f4443719fb5 .cs-thumb-3 { background-image:url(../landing/31e5e7fbb8500-poster.jpg); }
#w2026052828f4443719fb5 .cs-thumb-4 { background-image:url(../landing/fe583faeadfa1-poster.jpg); }
#w2026052828f4443719fb5 .cs-thumb-5 { background-image:url(../landing/d08724cd9ce08-poster.jpg); }
#w2026052828f4443719fb5 .cs-ic-sale { width:56px; }
#w2026052828f4443719fb5 .cs-ic-best { width:51.5px; }
#w2026052828f4443719fb5 .cs-ic-hot { width:51.5px; }
#w20260528f752febc902d6 { height:69px; }
@media (min-width: 992px) {
.ld-col.c100 { width:100.0000%; }
}
@media (max-width: 991px) {
#s20260528caefc98923999 .ld-in { padding-left:0px;padding-right:0px; }
.ld-col.x100 { width:100.0000%; }
}

/* ==== 상품(수강신청) 페이지 — 아임웹 shop_view 측정값 ==== */
.cs { font-size: 16px; line-height: 1.7; color: var(--land-text); }
.cs-crumb ul { list-style: none; margin: 0; padding: 14px 0 0; display: flex; line-height: 27.2px; }
.cs-crumb li { display: flex; align-items: center; }
.cs-crumb a { color: var(--land-text-a4); } .cs-crumb a.active { color: var(--land-text); }
.cs-arrow { display: inline-flex; width: 27.8px; justify-content: center; align-items: center; }
.cs-arrow svg { width: 12px; height: 12px; fill: none; stroke: var(--land-text); stroke-width: 2; opacity: .4; }
.cs-goods { display: flex; margin: 0 -15px; padding-top: 14px; }
.cs-col { width: 50%; padding: 0 15px; }
.cs-holder { position: relative; overflow: hidden; aspect-ratio: 600 / 700; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.cs-stage { display: flex; transition: transform .3s ease; }
.cs-item { flex: 0 0 100%; min-width: 0; } .cs-item img, .cs-item video { width: 100%; height: auto; display: block; }
.cs-count { display: none; }
.cs-thumblist { list-style: none; margin: 0; padding: 10px 0 0; display: flex; }
.cs-thumblist li { padding-right: 2px; height: 68.2px; } .cs-thumblist li:last-child { padding-right: 0; }
.cs-thumb { display: block; width: 60px; height: 60px; padding: 0; border: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .6; }
.cs-thumb.active, .cs-thumb:hover { opacity: 1; }
.cs-form { padding-left: 63.75px; }
.cs-head { padding-bottom: 48px; }
.cs-title { font-size: 22px; font-weight: 700; line-height: 1.7; margin: 0 0 6.6px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--land-text); word-break: keep-all; overflow-wrap: anywhere; }
.cs-icons { display: inline-block; line-height: 27.2px; } .cs-icon { display: inline-block; margin-right: 10px; }
.cs-icon img { height: 23px; width: auto; vertical-align: middle; display: inline; }
.cs-pay { display: flex; align-items: center; height: 24.6px; line-height: 24px; }
.cs-price { font-size: 20px; line-height: 20px; color: var(--land-purple2); margin-right: 2px; }
.cs-old { font-size: 14px; line-height: 23.8px; color: var(--land-text-a5); text-decoration: line-through; opacity: .7; }
.cs-share { margin-left: auto; width: 15.6px; height: 20px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.cs-share svg { width: 15.6px; height: 18px; fill: none; stroke: var(--land-text); stroke-width: 1.6; }
.cs-summary { color: var(--land-text-a7); margin: 0 0 24px; } .cs-summary p { margin: 0; }
.cs-mrow { display: none; }
.cs-opt { padding: 5px 0 15px; } .cs-opt p { margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 16px 0; }
.cs-opt-label { color: var(--land-text-a7); } .cs-total { font-size: 20px; line-height: 34px; }
.cs-buy { display: flex; gap: 8px; align-items: center; }
.cs-buy .btn { flex: 1 1 0; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; line-height: 20px; padding: 12px 0; border-radius: 30px; }
.cs-btn-buy { background: var(--land-purple2); color: var(--land-white); } .cs-btn-buy:hover { background: var(--land-c85); }
.cs-btn-cart, .cs-btn-like { background: var(--land-white); color: var(--land-text); border: 1px solid var(--land-text-a2); }
.cs-heart { width: 15px; height: 15px; fill: none; stroke: var(--land-text); stroke-width: 2; }
.cs-btn-like { min-height: 47.3px; }
.cs-detail { padding-top: 35px; } .cs-detail-wrap { padding-top: 30px; } .cs-detail-body { margin-top: 30px; }
.cs-detail-body p { margin: 0 0 10px; word-break: keep-all; }
.cs-dimg { display: block; width: 100%; height: auto; margin: 5px 0; }
.cs-video { display: block; text-align: center; height: 368.2px; } .cs-video iframe { width: 640px; height: 360px; max-width: 100%; border: 0; }
.cs-mobar { display: none; }
@media (max-width: 991px) {
  body.landing-course .ld-mmenu { display: none; }
  .cs-crumb { display: none; }
  .cs-goods { display: block; margin: 0 -15px; padding: 0; }
  .cs-col { width: 100%; padding: 0; }
  .cs-thumblist { display: none; }
  .cs-count { display: block; position: absolute; left: 15px; bottom: 15px; font-size: 12px; line-height: 18px; padding: 3px 8px; background: var(--land-black-a5); color: var(--land-white); border-radius: 100px; }
  .cs-form-wrap { padding: 0 15px; } .cs-form { padding-left: 0; }
  .cs-head { margin: 20px 0; padding-bottom: 0; }
  .cs-title { line-height: 32.06px; } .cs-icons { line-height: 23.3px; }
  .cs-summary { margin: 24px 0 0; }
  .cs-mrow { display: flex; align-items: center; margin: 12px 0; height: 50.6px; gap: 0; }
  .cs-like-m { display: inline-flex; align-items: center; width: 36.2px; } .cs-like-m .cs-heart { width: 16.2px; height: 17px; }
  .cs-mrow .cs-share { margin: 0; width: auto; height: auto; padding: 10px 0 10px 15px; }
  .cs-opt, .cs-buy { display: none; }
  .cs-detail { padding-top: 0; } .cs-detail-wrap { padding-top: 0; }
  .cs-video { height: auto; position: relative; padding-bottom: 56.25%; } .cs-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
  .cs-mobar { display: flex; position: fixed; left: 15px; right: 15px; bottom: 14px; gap: 8px; z-index: 1100; }
  .cs-mobar .btn { height: 48px; font-size: 16px; font-weight: 700; border-radius: 30px; display: flex; align-items: center; justify-content: center; }
  .cs-mobar .cs-btn-cart { flex: 0 0 180px; border: 1px solid var(--land-ink-a2); }
  .cs-mobar .cs-btn-buy { flex: 1 1 auto; }
  body.landing-course { padding-bottom: 76px; }
}


/* ---- 마무리 규칙 (생성 규칙보다 뒤에 와야 이김) ---- */
.ld-sec .ld-col.vcol { padding-top: 0; padding-bottom: 0; }
body.landing [hidden] { display: none; }