@charset 'utf-8';

.before-after_part {
  background-color: #063273;

}

#before-after_container {
  width: 65%;
  height: auto;
  margin: 0 auto;
}

#before-after_container .swiper-container,
#before-after_container .swiper-wrapper {
  width: 100%;
  height: auto;
  padding: 0 0 2.5rem;
}

#before-after_container .swiper-slide {
  text-align: center;
  display: flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
  align-items: center; /* 위아래 기준 중앙정렬 */
  justify-content: center; /* 좌우 기준 중앙정렬 */
  background-color: #063273;
}

#before-after_container .swiper-button-next {
  top: 42% !important;
  width: 24px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  background-image: url("../img/before_after/bfaf_slide_bt_right.png");
}

#before-after_container .swiper-button-prev {
  top: 42% !important;
  width: 24px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  background-image: url("../img/before_after/bfaf_slide_bt_left.png");
}


@media all and (max-width:768px){
  #before-after_container {
    width: 95%;
  }

  #before-after_container .swiper-container,
  #before-after_container .swiper-wrapper {
    padding: 0 0 1.5rem;
  }
  #before-after_container .swiper-slide img {
    width: 83%;
  }
  
  #before-after_container .swiper-button-next {
    top: 46% !important;
    width: 15px;
    height: 28px;
    right: 4px;
  }
  
  #before-after_container .swiper-button-prev {
    top: 46% !important;
    width: 15px;
    height: 28px;
    left: 4px;
  }
  

	}