@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:600;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 .txt04{opacity:1;margin-right:0px;font-size:50px;text-align:right;transition:all .5s;font-weight: bold;}
#mainVisual .main_txt .txt05{opacity:1;margin-right:0px;font-size:90px;text-align:right;transition:all .5s;font-weight: bold;line-height: 90px;}
#mainVisual .main_txt .txt03.active{margin-right:0;opacity:1}
#mainVisual .main_txt .txt04.active{margin-right:0;opacity:1}

#mainVisual .main_sub{margin-top:91px;font-size:23px;font-weight:400;line-height:1.3;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}
#mainVisual .main_txt .txt04{font-size:28px}
#mainVisual .main_txt .txt05{font-size:40px}
}
@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}
#mainVisual .main_txt .txt04{font-size:26px}
#mainVisual .main_txt .txt05{font-size:36px}
}
@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_txt .txt04{font-size:22px}
#mainVisual .main_txt .txt05{font-size:30px}
#mainVisual .main_sub{margin-top:72px;font-size:20px}
#mainVisual .main_sub span{margin-top:28px}
}
@media (max-width:768px){
#mainVisual .main_video{height:65vh !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 img{width:26px;height:26px;}
#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_txt .txt04{font-size:22px;text-align: center;}
#mainVisual .main_txt .txt05{font-size:28px;text-align: center;line-height: 70px;}
#mainVisual .main_sub{margin-top:60px;font-size:14px;}
#mainVisual .main_sub span{margin-top:16px;font-size:12px}
}
@media (max-width:480px){
#mainVisual .main_txt .txt01{gap:7px;font-size:16px}
#mainVisual .main_txt .txt01 img{width:24px;height:24px;}
#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_txt .txt04{font-size:15px;text-align: center;}
#mainVisual .main_txt .txt04{font-size:18px;text-align: center;}
#mainVisual .main_sub{margin: 40px 15px 0px 15px;font-size:11px;letter-spacing: 0px;}
#mainVisual .main_sub span{font-size:12px}
}
@media (max-width:380px){
#mainVisual .main_sub{font-size:11px;letter-spacing: -0.3px;}
#mainVisual .main_txt .txt01 img{width:22px;height:22px;}
#mainVisual .main_sub span{font-size:11px}
}
/* 반응형 [e] */