@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;height:772px;background-color:#222}

/* 이미지 */
#mainVisual .mainSwiper{position:absolute;left:0;top:0;z-index:1001;width:100%;height: 100%;/* min-height:650px */}
#mainVisual .main_img:after{position:absolute;left:0;bottom:103px;width:100%;height:1px;content:'';background-color:rgba(255,255,255,.3)}
#mainVisual .main_img li{width:100%;height:100%}

#mainVisual .txt{position:relative;max-width:1300px;height:100%;margin:0 auto;z-index:9999}
#mainVisual .txt .txt1{position:absolute;left:0;top:220px;margin-top:30px;font-size:53px;line-height:1.2;color:#fff;letter-spacing:-.3px;opacity:0;font-family:'notokr-thin'}
#mainVisual .txt .txt1 span{display:block;font-family:notokr-bold}
#mainVisual .txt .txt2{position:absolute;left:0;top:373px;margin-top:30px;line-height:1.6;font-size:17px;color:rgba(255,255,255,.7);opacity:0; white-space:pre-line;font-family:notokr-regular}
#mainVisual .txt .go_btn{display:block;position:absolute;left:80px;top:425px;padding:20px 43px;border-radius:30px;margin-top:35px;border:solid 1px rgba(255,255,255,.3);font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px;text-transform:uppercase;transition:all .2s;font-family:'mulish'}
#mainVisual .txt .go_btn:hover{color:#ff5a2b;background-color:#fff}


/* 페이저 */
#mainVisual .swiper-pager{position:absolute;left:0;bottom:83px;padding:0 200px;z-index:1002;margin-top:-55px}
#mainVisual .swiper-pager span{display:inline-block;position:relative;width:50px;height:38px;margin:20px 0;border-radius:0;opacity:.5;background:none;transition:all .5s}
#mainVisual .swiper-pager span:after{font-size:14px;font-weight:600;color:#fff;font-family:'mulish'}
#mainVisual .swiper-pager span:nth-child(1):after{content:'01'}
#mainVisual .swiper-pager span:nth-child(2):after{content:'02'}
#mainVisual .swiper-pager span:nth-child(3):after{content:'03'}
#mainVisual .swiper-pager span:nth-child(4):after{content:'04'}
#mainVisual .swiper-pager span:nth-child(5):after{content:'05'}
#mainVisual .swiper-pager span.swiper-pagination-bullet-active{width:180px;border-bottom:solid 1px #ff5a2b;opacity:1}

.slide_btn{position:absolute;left:0;top:460px;z-index:1}
.slide_btn button{all:unset;cursor:pointer;width:57px;height:57px;border-radius:50%;text-align:center;background-color:rgba(255,255,255,.3)}

.inq_btn{position:absolute;right:0;bottom:0;width:340px;height:156px;z-index:9999;font-size:15px;background-color:#ff5a2b;font-family:notokr-regular}
.inq_btn a{display:block;height:100%;padding:40px 35px;color:rgba(255,255,255,.7)}
.inq_btn a p{padding-bottom:10px;font-size:18px;color:#fff;font-family:notokr-bold}
.inq_btn a .arr{position:absolute;right:0;top:0;width:52px;height:100%;background-color:#e65025}
.inq_btn a .arr:before,.inq_btn a .arr:after{position:absolute;top:72px;width:15px;height:25px;font-size:20px;content:'\f105';color:#fff;font-family:FontAwesome;transition:all .2s}
.inq_btn a .arr:before{left:23px}
.inq_btn a .arr:after{left:8px;opacity:0} 
.inq_btn:hover .arr:before{left:38px;opacity:0;transition-delay:0s}
.inq_btn:hover .arr:after{left:23px;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}  

/* 반응형 [s] */

@media (max-width:1600px){
#mainVisual{padding:0;background:none}
}
@media (max-width:1024px){
#mainVisual{height:auto}
#mainVisual .txt .txt1{top:160px;font-size:48px}
#mainVisual .txt .txt2{top:303px}
.slide_btn{top:400px}
#mainVisual .txt .go_btn{top:365px}
#mainVisual .swiper-pager{bottom:0;padding:0 10px}
#mainVisual .main_img:after{display:none}
#mainVisual .main_img img{width:100%}

#mainVisual .mainSwiper{position:unset}
}
@media (max-width:768px){
.slide_btn{display:none}
#mainVisual .swiper-pager{bottom: auto;left: auto;right:20px;top: 50%;margin: 0;transform: translateY(-50%);}
#mainVisual .swiper-pager span{display:block;width:8px;height:8px;margin:10px 0;border-radius:50%;background:#fff}
#mainVisual .swiper-pager span.swiper-pagination-bullet-active{width:8px;border:none;opacity:1}
#mainVisual .swiper-pager span:after{display:none}
#mainVisual .main_img:after{display:none}
#mainVisual .txt .go_btn{left:0}
#mainVisual .txt .txt1{font-size:41px;top: 120px;}
#mainVisual .txt .txt2{top: 244px;}
#mainVisual .txt .go_btn{top: 297px;border: none;background-color: #ff5a2b;}
.inq_btn{display:none}

}
@media (max-width:480px){
#mainVisual .txt .txt1{top:105px;font-size:36px}
#mainVisual .txt .txt2{top: 214px;font-size: 15px;}
#mainVisual .txt .go_btn{top: 258px;padding: 20px 40px;}
}
@media (max-width:380px){
#mainVisual .txt .txt1{font-size:34px}
#mainVisual .txt .txt2{ white-space:normal; word-break:keep-all}
#mainVisual .swiper-pager{    top: auto;    left: 50%;    right: auto;    bottom: 30px;    transform: translate(-50%,0)}
#mainVisual .swiper-pager span{display:inline-block;margin:0 6px}
}
/* 반응형 [e] */