@charset "utf-8";
#mainVisual{position:relative;width:100%;height:100vh}

/* content tit */
#mainVisual .tit{position:absolute;z-index:2;bottom:250px;left:12%;font-weight:700;color:rgb(255, 255, 255, .6)}
#mainVisual .tit p{font-size:16px}
#mainVisual .tit .pl{margin:30px 0 40px;font-size:50px;line-height:1.3;color:#fff}
#mainVisual .tit .pl span{color:var(--primary)}
#mainVisual .tit div{font-size:20px}
/* main_slide */
#mainVisual .main_slide{position:relative;width:100%;height:100%}
#mainVisual li{width:100%;height:100vh;filter:brightness(0.5);background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .bg01{background-image:url(./main_banner01.jpg)}
#mainVisual .bg02{background-image:url(./main_banner02.jpg)}
#mainVisual .bg03{background-image:url(./main_banner03.jpg)}
/* main_slide controller */
#mainVisual .controller{position:absolute;z-index:2;bottom:100px;left:12%;width:195px}
#mainVisual .controller .pager{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;text-align:center}
#mainVisual .controller .pager span{margin:0 12px;width:6px;height:6px;background-color:#fff}
#mainVisual .controller .pager .swiper-pagination-bullet-active{position:relative}
#mainVisual .controller .pager .swiper-pagination-bullet-active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:22px;height:22px;border-radius:50%;border:1px solid #fff}
#mainVisual .controller .nav_container{display:flex;justify-content:space-between}
#mainVisual .controller .nav_container div{padding-top:4px;cursor:pointer;color:#fff}
#mainVisual .controller .nav_container svg{width:30px;height:30px}

/* 반응형 [s] */
@media (max-width:1380px){
#mainVisual .tit{left:5%}
#mainVisual .controller{left:5%}
}
@media (max-width:1024px){
#mainVisual{height:650px}
#mainVisual li{height:100%}
#mainVisual .tit{bottom:170px;left:50%;transform:translateX(-50%);margin:auto;width:95%}
#mainVisual .tit p{font-size:15px}
#mainVisual .tit .pl{margin:20px 0 30px;width:73%;font-size:38px}
#mainVisual .tit div{font-size:18px}
#mainVisual .controller{bottom:70px;left:2.5%;width:170px}
#mainVisual .controller .nav_container svg{width:28px;height:28px}
}
@media (max-width:768px){
#mainVisual{height:510px}
#mainVisual .tit{bottom:50%;transform:translate(-50%, 50%);text-align:center}
#mainVisual .tit p{font-size:14px}
#mainVisual .tit .pl{margin:15px auto 25px;width:82%;font-size:32px}
#mainVisual .tit div{font-size:16px}
#mainVisual .controller{bottom:35px;left:50%;transform:translateX(-50%)}
}
@media (max-width:480px){
#mainVisual{height:400px}
#mainVisual .tit p{font-size:13px}
#mainVisual .tit .pl{margin:10px auto 20px;width:95%;font-size:24px}
#mainVisual .tit div{font-size:15px}
}
@media (max-width:380px){
#mainVisual{height:360px}
#mainVisual .tit .pl{margin:8px auto 18px;font-size:21px}
#mainVisual .tit div{font-size:14px}
#mainVisual .controller{width:160px}
#mainVisual .controller .nav_container svg{width:26px;height:26px}
#mainVisual .controller .pager .swiper-pagination-bullet-active:after{width:20px;height:20px}
}
/* 반응형 [e] */