/* 참강사 메인 비디오-이미지 통합 슬라이더. 이 블록 밖 CSS는 변경하지 않습니다. */
.hero .hero-slides.cm20-hero-mixed{position:absolute;inset:0;overflow:hidden;width:100%;height:100%;z-index:0}
.hero .cm20-hero-mixed .cm20-hero-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility 0s linear .85s;background:#123c30}
.hero .cm20-hero-mixed .cm20-hero-media.is-active{opacity:1;visibility:visible;transition:opacity .85s ease,visibility 0s;z-index:2}
.hero .cm20-hero-mixed .cm20-hero-video{object-fit:cover;object-position:center center}
.hero .hero-shade{pointer-events:none}
.hero .hero-controls{position:relative;z-index:8}
.hero .hero-controls .slide-track{overflow:hidden}
.hero .hero-controls #hero-progress{display:block;transform:none!important;transition:width .4s ease}
.hero .cm20-hero-dots{display:flex;align-items:center;flex-wrap:nowrap;gap:1px;white-space:nowrap}
.hero .cm20-hero-dots button{position:relative;width:14px;min-width:14px;height:30px;min-height:30px;padding:0}
.hero .cm20-hero-dots button::after{width:5px;height:5px}
.hero .cm20-hero-dots button:focus-visible{outline:2px solid #e6c58d;outline-offset:-3px;border-radius:8px}
@media (max-width:1100px){.hero .cm20-hero-dots button{width:12px;min-width:12px}}
@media (max-width:780px){.hero .cm20-hero-dots{display:none}.hero .cm20-hero-mixed .cm20-hero-media{object-position:65% center}.hero .cm20-hero-mixed .cm20-hero-video{object-position:center center}.hero .hero-controls{gap:10px}}
@media (prefers-reduced-motion:reduce){.hero .cm20-hero-mixed .cm20-hero-media{transition:none}}