@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;width:100%;height:100vh;background-color:#222}

/* 이미지 */
#mainVisual .mainSwiper{position:absolute;left:0;top:0;z-index:1001;width:100%;height:100vh;}
#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%;background:url(/kr/theme/basic/img/main/img1.jpg) top center no-repeat;background-size:cover}
#mainVisual .main_img li.img02{background-image:url(/kr/theme/basic/img/main/img2.jpg)}
#mainVisual .main_img li.img03{background-image:url(/kr/theme/basic/img/main/img3.jpg)}

#mainVisual .txt{position:relative;max-width:1400px;height:100%;margin:0 auto;z-index:9999}
#mainVisual .txt .txt1{position: absolute; left: 0; top: 220px; margin-top: 30px; font-weight: 100; font-size: 60px; line-height: 1.2; color: #fff; letter-spacing: -3.1px; opacity: 0;}
#mainVisual .txt .txt1 span{display:block;font-weight:600}
#mainVisual .txt .txt2{position: absolute; left: 0; top: 399px; margin-top: 30px; line-height: 1.6; font-size: 26px; color: rgba(255,255,255,.8); opacity: 0;}
#mainVisual .txt .go_btn{display:block;position:absolute;left:80px;top:474px;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:'Montserrat'}
#mainVisual .txt .go_btn:hover{color:#ff5a2b;background-color:#fff}

/* 페이저 */
#mainVisual .swiper-pager{position:absolute;left:0;bottom:83px;z-index:1002;margin-top:-55px}
#mainVisual .swiper-pager span{display:inline-block;position:relative;text-align:left;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:'Montserrat'}
#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:nth-child(6):after{content:'06'}
#mainVisual .swiper-pager span:nth-child(7):after{content:'07'}
#mainVisual .swiper-pager span.swiper-pagination-bullet-active{width:180px;border-bottom:solid 2px #fff;opacity:1}

.slide_btn{position:absolute;left:0;top:510px;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{display:none;position:absolute;right:0;bottom:0;width:340px;height:156px;z-index:9999;font-size:15px;background-color:#ff5a2b}
.inq_btn a{display:block;height:100%;padding:40px 35px;color:rgba(255,255,255,.7)}
.inq_btn a p{padding-bottom:10px;font-weight:600;font-size:18px;color:#fff}
.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 45px}
#mainVisual .txt{width:92%}
}
@media (max-width:1024px){
#mainVisual{height:652px}
#mainVisual .txt .txt1{top:160px;font-size:38px}
#mainVisual .txt .txt2{top:303px}
.slide_btn{top:400px}
#mainVisual .txt .go_btn{top:365px}
#mainVisual .swiper-pager{bottom:63px}
#mainVisual .main_img:after{bottom:203px}
}
@media (max-width:768px){
.slide_btn{display:none}
#mainVisual{height:500px;width:100%}
#mainVisual .swiper-pager{bottom:auto;left:auto;right:0;top:50%;margin:0;transform:translateY(-50%)}
#mainVisual .swiper-pager span{display:block;width:8px;height:8px;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:25px;top:100px}
#mainVisual .txt .txt2{top: 150px; font-size: 18px;}
#mainVisual .txt .go_btn{top:297px;border:none;background-color:#ff5a2b}
.inq_btn{display:none}
}
@media (max-width:480px){
#mainVisual{height:460px;padding:0 20px}
#mainVisual .txt .txt1{font-size:20px}
#mainVisual .txt .txt2{font-size:15px}
#mainVisual .txt .go_btn{top:258px;padding:20px 40px}
}
@media (max-width:380px){
#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}
}