@charset "utf-8";

#mainVisual{position:relative;height:861px;overflow:hidden}
#mainVisual .swiper-container{width:100%;height:100%}
#mainVisual .swiper-container::before{position:absolute;z-index:3;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.42)}
#mainVisual .swiper-slide img{width:100%;height:100%;object-fit:cover}
#mainVisual .main_inner{position:absolute;z-index:4;width:100%;padding:0 20px;top:50%;left:50%;transform:translate(-50%, -50%)}
#mainVisual .main_inner .text-box{text-align:center}
#mainVisual .main_inner .text-box h1{padding-bottom:15px;font-size:17px;font-weight:600;color:#fff}
#mainVisual .main_inner .text-box .main_txt_l{padding-bottom:20px;font-size:56px;font-weight:700;line-height:1.3;white-space:pre-line;word-break:keep-all;text-align:center;color:#fff}
#mainVisual .main_inner .text-box .main_txt_s{padding-bottom:25px;font-size:18px;line-height:1.3;color:rgba(255,255,255,0.7);text-align:center}
#mainVisual .main_inner .swiper-pagination{position:static;display:flex;justify-content:center;gap:20px}
#mainVisual .main_inner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#fff}

#mainVisual .scroll{z-index:4;position:absolute;bottom:70px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;width:45px;height:28px}
#mainVisual .scroll img{display:block;opacity:.2}
#mainVisual .scroll img:first-child{animation:arrowFlow 1.4s linear infinite}
#mainVisual .scroll img:last-child{animation:arrowFlow 1.4s linear infinite .2s}

@keyframes arrowFlow{
0%{transform:translateY(-4px);opacity:0}
25%{transform:translateY(0);opacity:0.6}
75%{transform:translateY(4px);opacity:.4}
100%{transform:translateY(8px);opacity:0}
}

/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual{height:810px}
}
@media (max-width:1400px){
#mainVisual{height:760px}
#mainVisual .main_inner .text-box .main_txt_l{padding-bottom:16px;font-size:52px}
#mainVisual .main_inner .swiper-pagination{gap:10px}
}
@media (max-width:1200px){
#mainVisual{height:700px}
#mainVisual .main_inner .text-box .main_txt_l{font-size:46px}
#mainVisual .main_inner .text-box .main_txt_s{font-size:17px}
#mainVisual .main_inner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}
}
@media (max-widtH:1024px){
#mainVisual{height:600px}
#mainVisual .main_inner .text-box .main_txt_l{padding-bottom:14px;font-size:42px}
#mainVisual .main_inner .text-box h1{padding-bottom:12px;font-size:16px}
#mainVisual .main_inner .text-box .main_txt_s{font-size:16px}
#mainVisual .scroll{width:40px;height:23px}
}
@media(max-width:768px){
#mainVisual{height:555px}
#mainVisual .main_inner .text-box .main_txt_l{padding-bottom:10px;font-size:36px}
#mainVisual .main_inner .text-box h1{padding-bottom:8px;font-size:15px}
#mainVisual .main_inner .text-box .main_txt_s{padding-bottom:20px;font-size:15px}
#mainVisual .scroll{bottom:40px}
}
@media (max-width:480px){
#mainVisual{height:500px}
#mainVisual .main_inner .text-box h1{font-size:14px}
#mainVisual .main_inner .text-box .main_txt_l{font-size:28px}
#mainVisual .main_inner .text-box .main_txt_s{font-size:14px}
#mainVisual .main_inner .swiper-pagination{gap:8px}
#mainVisual .main_inner .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px}
#mainVisual .scroll{width:33px}
}
/* 반응형 [e] */