<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#ortho_case_slide {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 3%;
}
#ortho_case_slide .custom_ortho_case_con {
  width: 100%;
}
#ortho_case_slide .swiper-slide img {
  width: 61.6%;
  max-width: 1160px;
  margin: 0 auto;
}
#ortho_case_slide .swiper-button-next,
#ortho_case_slide .swiper-button-prev {
  top: 51%;
  width: 2.5vw;
  height: 2.5vw;
  max-width: 50px;
  max-height: 50px;
  transition: 0.5s;
  mix-blend-mode: unset;
}
#ortho_case_slide .swiper-button-next:hover,
#ortho_case_slide .swiper-button-prev:hover {
  opacity: 0.6;
}
#ortho_case_slide .swiper-button-next {
  background-image: url("../../img/case_next_btn.png");
  background-size: 100% auto;
  right: 18%;
}
#ortho_case_slide .swiper-button-prev {
  background-image: url("../../img/case_prev_btn.png");
  background-size: 100% auto;
  left: 18%;
}

@media screen and (max-width: 768px) {
  #ortho_case_slide .custom_ortho_case_con {
    top: 43%;
  }
  #ortho_case_slide .swiper-slide img {
    width: 57%;
  }
  #ortho_case_slide .swiper-button-next,
  #ortho_case_slide .swiper-button-prev {
    top: 53%;
    width: 7.5vw;
    height: 7.5vw;
    max-width: 50px;
    max-height: 50px;
    transition: 0.5s;
    mix-blend-mode: unset;
  }
  #ortho_case_slide .swiper-button-next:hover,
  #ortho_case_slide .swiper-button-prev:hover {
    opacity: 0.6;
  }
  #ortho_case_slide .swiper-button-next {
    background-image: url("../../img/case_next_btn.png");
    background-size: 100% auto;
    right: 10%;
  }
  #ortho_case_slide .swiper-button-prev {
    background-image: url("../../img/case_prev_btn.png");
    background-size: 100% auto;
    left: 10%;
  }
}</pre></body></html>