.banner-item.active {
  transform: perspective(800px) rotateX(0deg) scale(1.05); /* 크기를 1.05으로 설정하여 적절히 강조 */
  opacity: 1;
  z-index: 10;
  pointer-events: auto; /* 활성 배너만 클릭 가능 */
}

/* 배너 슬라이더의 좌우 화살표 위치 조정 */
.banner-arrow.left {
  left: 8%; /* 왼쪽 화살표 위치 조정 */
  z-index: 20;
}

.banner-arrow.right {
  right: 8%; /* 오른쪽 화살표 위치 조정 */
  z-index: 20;
}