@charset "UTF-8";
#pla_slide {
  width: 72%;
  margin: 0 auto;
  margin-top: 120px;
  position: relative; }
  #pla_slide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    #pla_slide .swiper-slide img {
      cursor: pointer;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease, box-shadow 0.5s ease; }
    #pla_slide .swiper-slide:hover img {
      transform: scale(1.1);
      box-shadow: 0 10px 30px rgba(255, 255, 255, 0.7), 0 20px 60px rgba(255, 255, 255, 0.5); }
    #pla_slide .swiper-slide:hover::after {
      content: "";
      position: absolute;
      top: -50%;
      left: 0;
      width: 100%;
      height: 200%;
      background: linear-gradient(45deg, rgba(255, 255, 255, 0.8), transparent);
      opacity: 0;
      transform: rotate(25deg);
      transition: opacity 0.5s ease; }
    #pla_slide .swiper-slide:hover::after {
      opacity: 1;
      animation: shine 0.8s ease forwards; }
  /* Swiper 기본 버튼 스타일 완전 제거 */
  #pla_slide .swiper-button-prev, 
  #pla_slide .swiper-button-next {
    display: block;
    width: 35px;
    height: 35px;
    opacity: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* 백그라운드 이미지가 버튼 크기에 맞게 조정됨 */
    box-sizing: border-box;
    /* 패딩이나 테두리가 width와 height에 포함되도록 설정 */
    cursor: pointer;
    /* 기본 스타일 제거 */
    background-color: transparent !important;
    border: none !important;
    color: transparent !important;
    --swiper-navigation-color: transparent !important;
    --swiper-theme-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }
  
  /* Swiper 기본 아이콘 완전 숨기기 - ::after 가상 요소 */
  #pla_slide .swiper-button-next::after,
  #pla_slide .swiper-button-prev::after {
    display: none !important;
    content: "" !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    font-family: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  
  /* Swiper 기본 아이콘 완전 숨기기 - ::before 가상 요소 */
  #pla_slide .swiper-button-next::before,
  #pla_slide .swiper-button-prev::before {
    display: none !important;
    content: "" !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  
  /* Swiper 버튼 내부의 모든 SVG 요소 숨기기 */
  #pla_slide .swiper-button-next svg,
  #pla_slide .swiper-button-prev svg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
  }
  
  /* Swiper 버튼 내부의 모든 자식 요소 숨기기 */
  #pla_slide .swiper-button-next > *,
  #pla_slide .swiper-button-prev > * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  
  #pla_slide .swiper-button-prev {
    left: -5%;
    background-image: url("../../img/sub_slide/btn_prev.png") !important;
  }
  #pla_slide .swiper-button-next {
    right: -5%;
    background-image: url("../../img/sub_slide/btn_next.png") !important;
  }

@keyframes shine {
  0% {
    top: -150%; }
  100% {
    top: 150%; } }
@media all and (max-width: 768px) {
  #pla_slide {
    width: 96%;
    position: absolute;
    margin: 5em 0 auto;
    left: 2%; }
    #pla_slide .swiper-button-prev, #pla_slide .swiper-button-next {
      display: block;
      width: 8%;
      height: 13%; }
    #pla_slide .swiper-button-prev {
      left: -2%; }
    #pla_slide .swiper-button-next {
      right: -2%; } }
@media (max-width: 1023px) {
  #pla_slide {
    width: 96%;
    position: absolute;
    margin: 5em 0 auto;
    left: 2%; }
    #pla_slide .swiper-button-prev, #pla_slide .swiper-button-next {
      display: block;
      width: 8%;
      height: 13%; }
    #pla_slide .swiper-button-prev {
      left: -2%; }
    #pla_slide .swiper-button-next {
      right: -2%; } }