@charset "utf-8";

/* Mainslide */
#mainVisual{width:100%;overflow-x:hidden}
#mainVisual .main_slide{position:relative;width:100%;height:100vh;transition: transform 3s ease-in-out}
#mainVisual .swiper-slide::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position: center;background-repeat: no-repeat;transition: transform 3s ease-in-out}
/* #mainVisual .swiper-slide.bg01{position:relative;background:url(./main_img2.jpg) no-repeat center / cover}
#mainVisual .swiper-slide.bg02{position:relative;background:url(./main_img1.jpg) no-repeat center / cover}
#mainVisual .swiper-slide.bg03{position:relative;background:url(./main_img3.jpg) no-repeat center / cover} */
#mainVisual .swiper-slide.bg01::after{background-image: url(./main_img2.jpg)}
#mainVisual .swiper-slide.bg02::after{background-image: url(./main_img3.jpg)}
#mainVisual .swiper-slide.bg03::after{background-image: url(./main_img1.jpg)}
#mainVisual .main_txt{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:100%;max-width:1500px;z-index:101;line-height:1.35;color:rgba(255,255,255,0.6);font-size:15px;font-family:var(--k-font)}
#mainVisual ul li{position:relative}
#mainVisual .swiper-slide-active::after{transform: scale(1.1)}
#mainVisual .txt{position:absolute;bottom:26%;left:10%}
#mainVisual .txt span{color:var(--primary);opacity:0.7;font-size:21px;font-weight:700;font-family:var(--e-font)}
#mainVisual .txt h1{margin:50px 0 120px 0;color:#fff;font-size:60px;font-weight:500;line-height:1.4;white-space:pre-line;font-family:'NanumSquareNeoExtraBold'}



/* Pager */
#mainVisual .control{margin-top:120px;display:flex;gap:16px;font-weight:600}
#mainVisual .control *{display:flex;align-items:center;justify-content:center}
#mainVisual .control .pager{gap:10px;margin:0 25px;color:rgba(255,255,255,0.5);font-size:15px;font-family:var(--e-font)}
#mainVisual .control svg{width:24px;height:24px;color:#fff}
#mainVisual .control > span{cursor:pointer;width:53px;height:53px;border:1px solid #e1e1e1;border-radius:50px}
#mainVisual .control .swiper-pagination-current{color:#fff}

/* 반응형 [s] */
@media (max-width:1380px){
#mainVisual .main_txt{top:33%;max-width:unset;width:95%}
#mainVisual .main_txt .txt h1{margin:60px 0 110px;font-size:50px}
/* #mainVisual .control{margin-top:110px} */
#mainVisual .control{position:absolute;bottom:-12%;left:50%;transform:translateX(-50%)}
#mainVisual .control > span{width:40px;height:40px}
#mainVisual .control svg{width:18px;height:18px}
#mainVisual .txt{width:100%;top:50%;bottom:initial;left:50%;transform:translate(-50%,-50%);text-align:center}
#mainVisual .txt h1{font-size:52px;word-break:keep-all}
}
@media (max-width:1024px){
#mainVisual .main_slide{height:620px}
#mainVisual .main_txt{top:36%}
#mainVisual .main_txt .txt span{font-size:16px}
#mainVisual .main_txt .txt h1{margin:25px 0 55px;font-size:38px}
#mainVisual .control{margin-top:70px}
#mainVisual .control > span{width:45px;height:45px}
#mainVisual .control svg{width:20px;height:20px}
#mainVisual .txt h1{font-size:45px}

}
@media (max-width:768px){
#mainVisual .main_slide{height:520px}
#mainVisual .main_txt{top:50%;transform:translate(-50%, -50%);text-align:center;width:100%}
#mainVisual .main_txt .txt span{font-size:15px}
#mainVisual .main_txt .txt h1{margin:18px 0 38px;font-size:30px}
#mainVisual .control{bottom:-64%}
#mainVisual .txt{top:58%}
#mainVisual .txt h1{padding:0 15px;margin-top:20px;font-size:37px;white-space:normal}
#mainVisual .txt span{font-size:17px}
}
@media (max-width:480px){
#mainVisual .main_slide{height:410px}
#mainVisual .main_txt{font-size:14px}
#mainVisual .main_txt .txt span{font-size:14px}
#mainVisual .main_txt .txt h1{margin:15px 0 25px;font-size:24px}
#mainVisual .control > span{width:35px;height:35px}
#mainVisual .control .pager{font-size:14px}
#mainVisual .control svg{width:16px;height:16px}
#mainVisual .txt{top:64%}
#mainVisual .txt h1{font-size:28px}
#mainVisual .txt span{font-size:15px}
}
@media (max-width:380px){
#mainVisual .main_slide{height:360px}
#mainVisual .main_txt{font-size:13px;word-break:keep-all}
#mainVisual .main_txt .txt span{font-size:13px}
#mainVisual .main_txt .txt h1{margin:10px 0 20px;font-size:20px}
#mainVisual .control > span{width:35px;height:35px}
#mainVisual .control .pager{font-size:13px}
#mainVisual .control svg{width:15px;height:15px}
#mainVisual .txt h1{font-size:22px}
#mainVisual .txt{top:68%}
#mainVisual .txt span{font-size:13px}
}
/* 반응형 [e] */