@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;padding-right:115px;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;word-break:keep-all}
/* 스크롤 다운 */
#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}

/* 반응형 [s] */
@media (max-width:1440px){
#mainVisual .main_txt{left:80px;padding-right:80px}
#mainVisual .main_txt .btxt{font-size:60px}
#mainVisual .main_txt .stxt{margin-top:40px;font-size:18px}
#mainVisual .scroll{right:30px}
}
@media (max-width:1024px){
#mainVisual{height:100vh}
#mainVisual .main_txt{left:30px;padding-right:50px}
}
@media (max-width:768px){
#mainVisual{min-height:75vh;height:100%}
#mainVisual #mainVisVideo{position:absolute;top:0;left:0}
#mainVisual .main_txt{bottom:160px}
#mainVisual .main_txt .btxt{font-size:46px}
#mainVisual .main_txt .stxt{margin-top:36px;font-size:17px}
#mainVisual .scroll{display:none}
}
@media (max-width:480px){
#mainVisual{display:flex;min-height:35vh;height:100%;padding-bottom:50px}
#mainVisual .main_txt{position:static;padding:160px 30px 0 20px}
#mainVisual .main_txt .btxt{font-size:28px}
#mainVisual .main_txt .stxt{margin-top:20px;font-size:14px}
}

/* 반응형 [e] */