@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;height:950px;background:#222;font-family:var(--e-font),var(--k-font)}

/* 메인비디오 */
#mainVisual #mainVisVideo{width:100%;height:100%;object-fit:cover}

/* 텍스트 */
#mainVisual .main_txt{display:flex;flex-flow:column;position:absolute;left:115px;bottom:210px;z-index:10;color:#fff}
#mainVisual .main_txt .btxt{font-family:var(--e-font);font-size:68px;font-weight:700;line-height:1.15;white-space:pre-line}
#mainVisual .main_txt .stxt{margin-top:50px;font-size:20px;line-height:1.6;white-space:pre-line}

/* 스크롤 다운 */
#mainVisual .scroll{position:absolute;z-index:10;right:40px;bottom:90px;animation:scr_down 3s infinite}
#mainVisual .scroll span{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;font-family:var(--e-font);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
#mainVisual .scroll span::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff;transition:all .2s}
@keyframes scr_down{0%{opacity:0}40%{opacity:1}100%{opacity:0}}

/* Progress bar */
#progress-bar{position:sticky;top:0;left:0;width:100%;z-index:50}
#progress-bar .progress{width:0%;max-width:100%;height:7px;background-color:var(--point-color);transition:width .4s ease}