@charset "utf-8";

#mainVisual{color:#fff;font-family:var(--eng-font),var(--ko-font)}
#mainVisual .main_banner{position:relative}

/* 메인 mp4 */
#mainVisual .main_video{display:flex;align-items:center;overflow:hidden;width:100%;height:100vh;margin:0 auto}
#mainVisual .main_video video{width:100%;height:100vh;object-fit:cover}

/* 메인 텍스트 */
#mainVisual .main_txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}
#mainVisual .main_txt .txt01{display:flex;align-items:center;gap:15px;opacity:0;margin-left:-30px;font-size:25px;transition:all .5s}
#mainVisual .main_txt .txt01.active{margin-left:0;opacity:1}
#mainVisual .main_txt .txt01 span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:16px;background-color:rgba(255,255,255,.3)}
#mainVisual .main_txt .txt02{opacity:0;margin:50px 0 56px;font-size:185px;font-weight:400;font-family:var(--eng-font);line-height:1;transition:all .5s}
#mainVisual .main_txt .txt02.active{opacity:1;margin:20px 0 26px}
#mainVisual .main_txt .txt03{opacity:0;margin-right:-30px;font-size:20px;text-align:right;transition:all .5s}
#mainVisual .main_txt .txt03.active{margin-right:0;opacity:1}

#mainVisual .main_sub{margin-top:91px;font-size:23px;font-weight:300;line-height:1.4;text-align:center;white-space:pre-line}
#mainVisual .main_sub span{display:block;margin-top:44px;font-size:18px;font-weight:300}

/* 반응형 [s] */
@media (max-width:1600px){
#mainVisual .main_txt .txt01{font-size:24px}
#mainVisual .main_txt .txt02{font-size:140px}
#mainVisual .main_txt .txt03{font-size:19px}
}
@media (max-width:1280px){
#mainVisual .main_txt .txt01{font-size:23px}
#mainVisual .main_txt .txt02{font-size:110px}
#mainVisual .main_txt .txt03{font-size:18px}
}
@media (max-width:1024px){
#mainVisual .main_txt .txt01{font-size:20px}
#mainVisual .main_txt .txt02{font-size:65px}
#mainVisual .main_txt .txt03{font-size:15px}
#mainVisual .main_sub{margin-top:72px;font-size:20px}
#mainVisual .main_sub span{margin-top:28px}
}
@media (max-width:768px){
#mainVisual .main_video{height:50vh !important}
#mainVisual .main_video video{height:100%;}
#mainVisual .main_txt{top:58%}
#mainVisual .main_txt .txt01{gap:12px;justify-content:center;font-size:18px}
#mainVisual .main_txt .txt01 span{width:26px;height:26px;font-size:15px}
#mainVisual .main_txt .txt02{text-align:center;font-size:43px}
#mainVisual .main_txt .txt03{text-align:center;font-size:14px}
#mainVisual .main_sub{margin-top:60px;font-size:18px}
#mainVisual .main_sub span{margin-top:16px;font-size:16px}
}
@media (max-width:480px){
#mainVisual .main_txt .txt01{gap:10px;font-size:16px}
#mainVisual .main_txt .txt01 span{width:24px;height:24px;font-size:14px}
#mainVisual .main_txt .txt02{font-size:34px}
#mainVisual .main_txt .txt03{font-size:13px}
#mainVisual .main_sub{margin-top:50px;font-size:16px}
#mainVisual .main_sub span{font-size:14px}
}
@media (max-width:380px){
#mainVisual .main_sub{font-size:14px}
#mainVisual .main_sub span{font-size:13px}
}
/* 반응형 [e] */