@charset "utf-8";
/* banner__01.css */
.banner__01{ position:relative; height:100vh; max-height:1000px; min-height:620px; margin:0 auto;}
.banner__01 .swiper-container{ height:100%; overflow: hidden; }
.banner__01 .swiper-wrapper{ height:100%; }
.banner__01 .swiper-slide{ position:relative; height:100%; overflow: hidden; }
@media (max-width: 768px){
  .banner__01{ height:620px;}
}
/* bnnBgImg.scale -- 슬라이드 배경이미지 컸다가 작아지는  */
.banner__01 .bnnBgImg{ position:absolute; top:50%; left:50%; height:100%; width:100%; background-size: cover; background-repeat: no-repeat;background-position:center center;  transition:transform 3s ease-out; -webkit-transition:transform 3s ease-out;}
.banner__01 .bnnBgImg::before {content:""; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.3); width:100%; height:100%;}
.banner__01 .bnnBgImg.scale {transform:translate(-50%, -50%) scale(1.2);}
.banner__01 .swiper-slide.swiper-slide-active .bnnBgImg.scale{ transform:translate(-50%, -50%) scale(1); }

/* 슬라이드되고 배너 글씨들 애니메이션 */ 
.banner__01 .sliderCont .line1{transition-delay:.7s;}
.banner__01 .sliderCont .line2{transition-delay:1.1s;}
.banner__01 .sliderCont .line3{transition-delay:1.5s;}

.banner__01 .down-up{ opacity:0; transform:translateY(40px); transition-property: opacity, transform; transition-duration: .9s, .7s; transition-timing-function:linear;  will-change: transform; will-change: opacity;}
.banner__01 .swiper-slide.swiper-slide-active .down-up{opacity:1; transform:translateY(0);}

/* 배너 폰트 기본 */
.banner__01 .sliderCont .left{text-align: left;}  
.banner__01 .sliderCont .right{text-align: right;}  
.banner__01 .sliderCont .center{text-align: center;}
.banner__01 .sliderCont{width:100%; position:absolute; top:47%; left:50%; transform:translate(-50%, -20%); color:#fff;}

.banner__01 .sliderCont h1{ font-family: "Noto Sans SC", sans-serif; font-size: 6rem; line-height:1.3em;  font-weight: 500; word-break: keep-all;}
.banner__01 .sliderCont .smallpoint{ font-family: "Noto Sans SC", sans-serif;padding-left:5px; font-size :1.8em; line-height:1.6em; font-weight: 600; color:#6ab3e1; }
.banner__01 .sliderCont h5{ font-family: "Noto Sans SC", sans-serif; font-size:2.4rem; line-height:1.6em; font-weight: 300; margin-bottom:20px; }
.banner__01 .bnnBtnWrap{margin-top:40px;}

@media (max-width: 768px){
  .banner__01 .sliderCont h1{ font-size: 4rem;}
  .banner__01 .sliderCont h5{ font-size:2rem; }
  .banner__01 .bnnBtnWrap{ margin-top:30px; }
} 
@media (max-width: 560px){
  .banner__01 .sliderCont .left,
  .banner__01 .sliderCont .right{text-align: center;} 
  .banner__01 .sliderCont h1{ font-size: 3rem;}
  .banner__01 .sliderCont h5{ font-size:1.6rem; }
  .banner__01 .bnnBtnWrap{ margin-top:20px; }
}

/* bulletBasic01 -- 배너 pagination 기본타입 */
.swiper-pagination.bulletBasic01{bottom:50px; left:50%; transform: translateX(-50%);}
.swiper-pagination.bulletBasic01 .swiper-pagination-bullet{background:transparent; width:14px; height:14px; border-radius: 14px; margin:0 7px; border:2px solid #fff; opacity:.4;}
.swiper-pagination.bulletBasic01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1; }
@media (max-width: 768px){
  .swiper-pagination.bulletBasic01{ bottom:25px; }
  .swiper-pagination.bulletBasic01 .swiper-pagination-bullet{width:12px; height:12px; margin:0 5px;}
}


/* < > */
.banner__01 .swiper-button-next,
.banner__01 .swiper-button-prev{ color:#fff; font-size:60px; }
.banner__01:hover .swiper-button-next,
.banner__01:hover .swiper-button-prev{ opacity:.6; }
.banner__01 .swiper-button-next{right:50px;}
.banner__01 .swiper-button-prev{left:50px;}
@media screen and (max-width: 1630px){
  .banner__01 .swiper-button-next{right:5px;}
  .banner__01 .swiper-button-prev{left:5px;}
  .banner__01 .swiper-button-next,
  .banner__01 .swiper-button-prev{ font-size:50px; }
}
@media (max-width: 768px){
  .banner__01 .swiper-button-next,
  .banner__01 .swiper-button-prev{display:none;}
}