@charset "utf-8";
#mainVisual .main_wrap{overflow:hidden;position:relative;width:100%}
#mainVisual .main_wrap .tit{position:absolute;z-index:2;top:50%;left:70%;transform:translate(-50%, -50%);width:100%;text-align:center;color:#fff}
#mainVisual .main_wrap .tit h1{margin-bottom:50px;font-size:60px;font-weight:900;line-height:1.2;color:#fff}
#mainVisual .main_wrap .tit h1 .first{position:relative}
#mainVisual .main_wrap .tit h1 .second{position:relative}
#mainVisual .main_wrap .tit h1 .second span.small{font-weight:100}
#mainVisual .main_wrap .tit h1 .last{position:relative}
#mainVisual .main_wrap .tit p{font-size:20px;font-weight:700}

#mainVisual .main_wrap .main{position:relative;width:100%;height:100vh}
#mainVisual .main_wrap .main ul li{filter:brightness(0.6);background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .main_wrap .main ul li.bg01{background-image:url(./img/main_banner01.jpg)}
#mainVisual .main_wrap .main ul li.bg02{background-image:url(./img/main_banner02.jpg)}
#mainVisual .main_wrap .main ul li.bg03{background-image:url(./img/main_banner03.jpg)}

#mainVisual .main_wrap .scroll_down{position:absolute;z-index:3;left:7%;bottom:10%;padding-left:15px;font-size:14px;font-weight:900;color:#fff}
#mainVisual .main_wrap .scroll_down:after{opacity:0;content:"";position:absolute;left:0px;top:0px;width:5px;height:5px;border-radius:50%;animation:scroll_down 1.7s infinite linear;background-color:#fff}

[data-aos=main-first]{opacity:0;margin-right:300px}
[data-aos=main-first].aos-animate{opacity:1;margin-right:200px}
[data-aos=main-second]{opacity:0;margin-left:280px}
[data-aos=main-second].aos-animate{opacity:1;margin-left:180px}
[data-aos=main-last]{opacity:0;margin-right:200px}
[data-aos=main-last].aos-animate{opacity:1;margin-right:100px}

@keyframes scroll_down {0%{opacity:1;top:0px} 50%{opacity:0.5;top:30px} 90%{opacity:0;top:50px} 100%{opacity:0;top:0px} }

/* 반응형 [s] */
@media (max-width:1420px){
#mainVisual .main_wrap .tit h1{font-size:65px}
#mainVisual .main_wrap .tit p{font-size:18px}
#mainVisual .main_wrap .scroll_down{left:5%}
#mainVisual .main_wrap .tit{left:59%}
}
@media (max-width:1080px){
#mainVisual .main_wrap .tit h1{font-size:52px}
#mainVisual .main_wrap .tit p{font-size:17px}
#mainVisual .main_wrap .scroll_down{left:2.5%}
}
@media (max-width:1024px){
#mainVisual .main_wrap .tit h1 .first{margin-right:0px}
#mainVisual .main_wrap .tit h1 .second{margin-left:0}
#mainVisual .main_wrap .tit h1 .last{margin-right:0}
#mainVisual .main_wrap .tit{left:50%}

}
@media (max-width:768px){
#mainVisual .main_wrap .tit h1{font-size:40px}
/* #mainVisual .main_wrap .tit h1 .first{margin-right:120px}
#mainVisual .main_wrap .tit h1 .second{margin-left:100px}
#mainVisual .main_wrap .tit h1 .last{margin-right:40px} */
#mainVisual .main_wrap .tit p{font-size:16px}
#mainVisual .main_wrap .main ul li.bg01{background-position:15%}
#mainVisual .main_wrap .main ul li.bg02{background-position:60%}
}
@media (max-width:635px){
#mainVisual .main_wrap .tit h1{margin-bottom:40px;font-size:31px;line-height:1.3}
#mainVisual .main_wrap .tit p{font-size:14px}
#mainVisual .main_wrap .scroll_down{font-size:13px}
#mainVisual .main_wrap .main ul li.bg01{background-position:16%}
}
@media (max-width:480px){
#mainVisual .main_wrap .tit h1{margin-bottom:30px;font-size:28px}
#mainVisual .main_wrap .tit p{font-size:13px}
#mainVisual .main_wrap .scroll_down{padding-left:12px;font-size:12px}
#mainVisual .main_wrap .scroll_down:after{width:4px;height:4px}
#mainVisual .main_wrap .main ul li.bg01{background-position:17%}
}
@media (max-width:340px){
#mainVisual .main_wrap .tit h1{padding:0 15px;word-break:keep-all}
}
/* 반응형 [e] */