/* ==== lecture.html 전용 규칙 — gen.py 생성, 직접 편집 금지 ==== */
.ld-sec.g4 .ld-row { margin:0 -4px; }
.ld-sec.g4 .ld-col { padding-left:4px;padding-right:4px; }
#s202606025a1bd2f405d17 { background-color:var(--land-black);padding-top:5px;padding-bottom:5px; }
#s202606025a1bd2f405d17 .ld-in { max-width:1080px; }
#w20260602ee185f03f6973 { height:48px; }
#w20260602ab2ab296a6469 img { border-radius:20px; }
#w20260602a4117b953f24d .ld-b { background-color:var(--land-c59-a0);color:var(--land-white);font-size:14px;font-weight:700;border-radius:30px;padding:15px 35px;border:1px solid var(--land-black-a2);line-height:19px; }
#w20260602e21c7b5907739 .ld-b { background-color:var(--land-c59-a0);color:var(--land-white);font-size:14px;font-weight:700;border-radius:30px;padding:15px 35px;border:1px solid var(--land-black-a2);line-height:19px; }
#w20260608d15a7b3fd0a1c .ld-g { margin:0 -2.5px; }
#w20260608d15a7b3fd0a1c .ld-gi { padding:2.5px; }
#w20260608d15a7b3fd0a1c .ld-gc { border:1px solid var(--land-line);border-radius:15px;background:var(--land-white); }
#w20260608d15a7b3fd0a1c .ld-gimg { aspect-ratio:100 / 100; }
#w20260608d15a7b3fd0a1c .ld-gi { width:33.3333%; }
#w20260608d15a7b3fd0a1c .ld-gtx { padding:10px; }
#w2026061221ace4b650498 { height:104px; }
.ld-txt .t-ta-c { text-align:center; }
.ld-txt .t-fs30 { font-size:30px;line-height:1.2; }
.ld-txt .t-cgray14 { color:var(--land-gray14); }
.ld-txt .t-fs26 { font-size:26px;line-height:1.2; }
.ld-txt .t-csky { color:var(--land-sky); }
#w202606087c6ef568e1f27 > div { word-break:normal; }
#w20260617bb9d30e5fda37 { height:55px; }
#w202606173c3885bf904c6 hr { border-top-width:3px;border-top-color:var(--land-black); }
#w20260617a48483daf82d5 > div { word-break:normal; }
#w202606125965a00ae7ee3 { height:50px; }
#w20260622c863dd2e0d06a .ld-g { margin:0 -2.5px; }
#w20260622c863dd2e0d06a .ld-gi { padding:2.5px; }
#w20260622c863dd2e0d06a .ld-gc { border:1px solid var(--land-line);border-radius:15px;background:var(--land-white); }
#w20260622c863dd2e0d06a .ld-gimg { aspect-ratio:100 / 100; }
#w20260622c863dd2e0d06a .ld-gi { width:33.3333%; }
#w20260622c863dd2e0d06a .ld-gtx { padding:10px; }
#w20260622410716a0fdbb1 { height:80px; }
.ld-txt .t-fs22 { font-size:22px;line-height:1.2; }
.ld-txt .t-cwhite { color:var(--land-white); }
#w202606229f3077c682415 > div { word-break:normal; }
#w20260622efa35228b3dac { height:58px; }
#w20260622f7efb4c6ea08e .ld-b { background-color:var(--land-white);color:var(--land-c19);font-size:25px;font-weight:700;border-radius:9px;padding:8px 20px;border:1px solid var(--land-black-a2);line-height:36px; }
#w20260622f221b1b6f5e2e { height:77px; }
#w2026082656db66e5aae5e > div { word-break:normal; }
#w20260602624d2354496ca { height:30px; }
#w202608264ecd73d130d75 { height:7px; }
.mobile-sidebar-container { width: 100%; padding: 25px 15px; background: var(--land-white); box-sizing: border-box; }
.mob-sidebar-header { border-bottom: 1px solid var(--land-line); padding-bottom: 15px; margin-bottom: 20px; }
.mob-subtitle { font-size: 14px; color: var(--land-gray13); margin: 0; }
div.mobile-sidebar-container h2.mob-title { font-size: 17px; font-weight: 800; color: var(--land-ink2); line-height: 1.4; margin: 0 0 8px 0; letter-spacing: -0.5px; word-break: keep-all; }
div.mobile-sidebar-container h3.mob-form-title { font-size: 18px; font-weight: 800; color: var(--land-ink2); text-align: center; margin-bottom: 20px; letter-spacing: -0.5px; word-break: keep-all; }
.mob-price-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.mob-discount { font-size: 22px; font-weight: 800; color: var(--land-red7); }
.mob-final { font-size: 22px; font-weight: 800; color: var(--land-ink2); }
.mob-timer-section { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; gap: 6px; }
.mob-timer-box-container { display: flex; gap: 4px; }
.mob-timer-box { font-size: 13px; background-color: var(--land-timer-box); color: var(--land-red7); font-weight: 800; padding: 6px 8px; border-radius: 4px; }
.mob-timer-text { font-size: 14px; font-weight: 800; color: var(--land-ink2); }
.mob-submit-btn { font-size: 15px; width: 100%; padding: 15px; background-color: var(--land-kakao); color: var(--land-ink3); border: none; border-radius: 6px; font-weight: 800; cursor: pointer; margin-top: 10px; margin-bottom: 15px; }
.mob-submit-btn:hover { background-color: var(--land-kakao2); }
.mob-disclaimer { font-size: 11px; color: var(--land-muted); line-height: 1.5; text-align: left; word-break: keep-all; margin: 0; }
.mob-sp-widget-container { width: 100%; margin: 0 auto; background-color: var(--land-ink4); border-radius: 12px; padding: 20px 15px; box-sizing: border-box; color: var(--land-white); }
.mob-sp-stats-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--land-ink3); }
.mob-sp-stat-item { flex: 1; text-align: center; }
.mob-sp-border-lr { border-left: 1px solid var(--land-ink3); border-right: 1px solid var(--land-ink3); }
.mob-sp-stat-value { font-size: 18px; font-weight: 800; margin-bottom: 4px; letter-spacing: -0.5px; }
.mob-sp-stat-label { font-size: 11px; color: var(--land-muted); font-weight: 500; }
.mob-sp-feed-section { padding-top: 16px; }
.mob-sp-viewers-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.mob-sp-viewers-left { display: flex; align-items: center; gap: 6px; }
.mob-sp-group-icon { width: 16px; height: 16px; fill: var(--land-green); }
.mob-sp-green-text { color: var(--land-green); font-size: 14px; font-weight: 700; }
.mob-sp-pulsing-dot { width: 5px; height: 5px; background-color: var(--land-green); border-radius: 50%; animation: mob-sp-pulse 1.5s infinite ease-in-out; }
.mob-sp-feed-list { display: flex; flex-direction: column; gap: 12px; }
.mob-sp-feed-item { display: flex; align-items: center; animation: mobSpFadeIn 0.5s ease-in-out; }
.mob-sp-avatar { width: 22px; height: 22px; background-color: var(--land-gray12); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 10px; flex-shrink: 0; }
.mob-sp-avatar svg { width: 12px; height: 12px; fill: var(--land-gray13); }
.mob-sp-feed-text { flex: 1; font-size: 13px; color: var(--land-gray10); line-height: 1.3; word-break: keep-all; }
.mob-sp-highlight { color: var(--land-blue); }
.mob-sp-feed-time { font-size: 12px; color: var(--land-gray11); margin-left: 8px; flex-shrink: 0; }
.pc-sidebar-container { width: 100%; max-width: 420px; margin: 0 auto; background: var(--land-white); padding: 30px 20px; box-sizing: border-box; border-radius: 16px; box-shadow: 0 10px 30px var(--land-black-a08); overflow: hidden; }
.pc-sidebar-header { border-bottom: 1px solid var(--land-line); padding-bottom: 15px; margin-bottom: 20px; }
div.pc-sidebar-container h2.pc-title { font-size: 18px; font-weight: 800; color: var(--land-ink2); line-height: 1.4; margin: 0 0 8px 0; letter-spacing: -0.5px; word-break: keep-all; }
.pc-price-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.pc-discount { font-size: 24px; font-weight: 800; color: var(--land-red7); }
.pc-final { font-size: 24px; font-weight: 800; color: var(--land-ink2); }
.pc-timer-section { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; gap: 8px; }
.pc-timer-box-container { display: flex; gap: 4px; }
.pc-timer-box { font-size: 14px; background-color: var(--land-timer-box); color: var(--land-red7); font-weight: 800; padding: 6px 8px; border-radius: 4px; }
.pc-timer-text { font-size: 15px; font-weight: 800; color: var(--land-ink2); }
.pc-submit-btn { font-size: 16px; width: 100%; padding: 16px; background-color: var(--land-kakao); color: var(--land-ink3); border: none; border-radius: 6px; font-weight: 800; cursor: pointer; margin-top: 10px; margin-bottom: 15px; transition: background-color 0.2s; }
.pc-submit-btn:hover { background-color: var(--land-kakao2); }
.pc-disclaimer { font-size: 11px; color: var(--land-muted); line-height: 1.5; text-align: left; word-break: keep-all; }
.sp-widget-container { width: 100%; max-width: 420px; margin: 0 auto; background-color: var(--land-ink4); border-radius: 12px; padding: 24px 20px; box-sizing: border-box; color: var(--land-white); }
.sp-stats-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--land-ink3); }
.sp-stat-item { flex: 1; text-align: center; }
.sp-border-lr { border-left: 1px solid var(--land-ink3); border-right: 1px solid var(--land-ink3); }
.sp-stat-value { font-size: 22px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.5px; }
.sp-stat-label { font-size: 13px; color: var(--land-muted); font-weight: 500; }
.sp-feed-section { padding-top: 20px; }
.sp-viewers-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.sp-viewers-left { display: flex; align-items: center; gap: 8px; }
.sp-group-icon { width: 18px; height: 18px; fill: var(--land-green); }
.sp-green-text { color: var(--land-green); font-size: 15px; font-weight: 700; }
.sp-pulsing-dot { width: 6px; height: 6px; background-color: var(--land-green); border-radius: 50%; animation: sp-pulse 1.5s infinite ease-in-out; }
.sp-feed-list { display: flex; flex-direction: column; gap: 14px; }
.sp-feed-item { display: flex; align-items: center; animation: spFadeIn 0.5s ease-in-out; }
.sp-avatar { width: 24px; height: 24px; background-color: var(--land-gray12); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 12px; flex-shrink: 0; }
.sp-avatar svg { width: 14px; height: 14px; fill: var(--land-gray13); }
.sp-feed-text { flex: 1; font-size: 14px; color: var(--land-gray10); line-height: 1.4; }
.sp-highlight { color: var(--land-blue); }
.sp-feed-time { font-size: 13px; color: var(--land-gray11); margin-left: 10px; flex-shrink: 0; }
@media (min-width: 992px) {
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
#w20260602ab2ab296a6469 img, #w20260602ab2ab296a6469 video { height:auto;width:100%; }
#w20260602ab2ab296a6469 img, #w20260602ab2ab296a6469 video { margin-top:3px;margin-bottom:3px; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c50 { width:50.0000%; }
#w20260602a4117b953f24d .ld-b:hover { background-color:var(--land-white);color:var(--land-black); }
.ld-col.c50 { width:50.0000%; }
#w20260602e21c7b5907739 .ld-b:hover { background-color:var(--land-white);color:var(--land-black); }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
#w20260622f7efb4c6ea08e .ld-b:hover { background-color:var(--land-white);color:var(--land-black); }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
.ld-col.c100 { width:100.0000%; }
#s202606025a1bd2f405d17 .ld-aside { width:400px;margin-left:10px; }
#s202606025a1bd2f405d17 .ld-main { max-width:1080px; }
}
@media (max-width: 991px) {
#w20260602ab2ab296a6469 img, #w20260602ab2ab296a6469 video { height:auto;width:100%; }
#w20260608d15a7b3fd0a1c .ld-g { margin:0 -1.25px; }
#w20260608d15a7b3fd0a1c .ld-gi { padding:1.25px; }
#w20260608d15a7b3fd0a1c .ld-gi { width:50.0000%; }
#w20260622c863dd2e0d06a .ld-g { margin:0 -1.25px; }
#w20260622c863dd2e0d06a .ld-gi { padding:1.25px; }
#w20260622c863dd2e0d06a .ld-gi { width:50.0000%; }
}
@media (max-width: 768px) {
#w20260602ee185f03f6973 { height:24px; }
#w2026061221ace4b650498 { height:52px; }
#w20260617bb9d30e5fda37 { height:27.5px; }
#w202606125965a00ae7ee3 { height:25px; }
#w20260622410716a0fdbb1 { height:40px; }
#w20260622efa35228b3dac { height:29px; }
#w20260622f221b1b6f5e2e { height:38.5px; }
#w20260602624d2354496ca { height:15px; }
#w202608264ecd73d130d75 { height:3.5px; }
.pc-sidebar-container { padding: 25px 15px; }
div.pc-sidebar-container h2.pc-title { font-size: 17px; }
}
@media (max-width: 992px) {
.ld-sec:not(.mo) .ld-txt .t-fs30 { font-size:20px; }
.ld-sec:not(.mo) .ld-txt .t-fs26 { font-size:18px; }
.ld-sec:not(.mo) .ld-txt .t-fs22 { font-size:16px; }
}
@media (min-width: 769px) {
.mobile-sidebar-container { display: none; }
.mob-sp-widget-container { display: none; }
}
@keyframes mob-sp-pulse { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.5; } }
@keyframes mobSpFadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sp-pulse { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.5; } }
@keyframes spFadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

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