@charset "utf-8";
#mainVisual{position:relative;width:100%;height:930px;overflow:hidden;color:#fff}
#mainVisual::before{z-index:2;position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);pointer-events:none}
#mainVisual .swiper-container{width:100%;height:100%}
#mainVisual .swiper-pagination{z-index:5;bottom:100px;left:unset;right:94px;width:max-content;color:#000;font-size:20px;line-height:1.6;font-family:var(--e-font);color:#fff}
#mainVisual video, #mainVisual img{width:100%;height:100%;object-fit:cover}
#mainVisual .text-box{position:absolute;bottom:100px;left:94px;z-index:3}
#mainVisual .text-box h1{padding-bottom:18px;font-size:20px;font-weight:700;line-height:1.5;word-break:keep-all}
#mainVisual .text-box h2{font-family:var(--e-font);font-size:53px;white-space:pre-line;font-weight:400}

/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual{height:870px}
#mainVisual .text-box{bottom:45px;left:34px}
#mainVisual .text-box h1{padding-bottom:16px;font-size:20px}
#mainVisual .text-box h2{font-size:48px}
#mainVisual .swiper-pagination{bottom:45px;right:34px;font-size:18px}
}
@media (max-width:1200px){
#mainVisual{height:650px}
#mainVisual .text-box{bottom:34px;left:15px}
#mainVisual .text-box h1{padding-bottom:10px;font-size:18px}
#mainVisual .text-box h2{font-size:42px}
#mainVisual .swiper-pagination{bottom:34px;right:15px;font-size:16px}
}
@media (max-width:1024px){
#mainVisual{height:500px}
#mainVisual .text-box h1{font-size:16px}
#mainVisual .text-box h2{font-size:38px}
#mainVisual .swiper-pagination{font-size:14px}
}
@media (max-width:768px){
#mainVisual{height:410px}
#mainVisual .text-box h1{padding-bottom:6px;font-size:15px}
#mainVisual .text-box h2{font-size:clamp(28px,4.17vw,32px)}
#mainVisual .swiper-pagination{font-size:12px}
}
@media (max-width:480px){
#mainVisual{height:325px}
#mainVisual .text-box h1{padding-bottom:3px;font-size:14px}
#mainVisual .text-box h2{font-size:22px}
#mainVisual .swiper-pagination{display:none}
}
/* 반응형 [e] */