@charset "utf-8";
.main_banner_container {
  overflow: hidden;
  margin: 0 auto;
}
.main_image_area {
  position: relative;
}

.main_banner_swiper { position: relative;
  width: 1265px;
  height: auto;
  overflow: visible;margin:0 auto;
}
.swiper-wrapper {
    transition-timing-function: ease-in-out; /* 또는 linear, ease 등 */
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: opacity 0.5s ease; 
}

.swiper-button-next.swiper-button-disabled {
  background: url(../images/sub/swiper_arr_off.png) no-repeat;
  width: 83px;
  height: 83px;
  background-size: cover;
  transform: rotate(180deg) translateY(50%) ;
  font-size:0;
  margin-top:0;
}

.swiper-slide img {
  filter: brightness(0.5) grayscale(1);
}

.swiper-slide-active {
  opacity:1;
}

.swiper-slide-active img {
  filter: brightness(1) grayscale(0);
}

 
/* 
//css 화살표 커스텀
.swiper-button-prev,
.swiper-button-next {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 10;
}

.swiper-button-prev.swiper-button-disabled {
  opacity:0.5;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 22px;
    font-weight: bold;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 70px;
  right: auto;  
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 70px;
  left: auto;  
} */
.mb-navigation{position: absolute;z-index: 1;bottom: 14px;right: 20px;width: 120px;display: flex;justify-content: space-between;align-items: center;}
.mb-button-prev, .mb-button-next {width: 30px; height: 30px;background-image: url(../../../img/ico_assets.png);background-repeat: no-repeat;background-size: 300px;background-position: 0 -159px;cursor: pointer;}
.mb-button-prev:hover, .mb-button-next:hover{background-position: -36px -159px;}
.mb-button-next{rotate: 180deg;}
.mb-pagination {color: #9A9A9A;width: 40px !important;text-align: center;}