/* =================================================================
   Swiper Pagination Tooltip
   메인 세로 슬라이드 우측 페이지네이션 hover 툴팁
   ================================================================= */
.swiper-pagination {
  overflow: visible !important;
}

.swiper-pagination-bullet {
  overflow: visible !important;
  isolation: isolate;
}

.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 14px);
  transform: translate(8px, -50%);
  z-index: 2;
  min-width: max-content;
  padding: 7px 12px 8px;
  border: 1px solid rgba(72, 207, 236, 0.36);
  border-radius: 999px;
  background: rgba(9, 18, 34, 0.78);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), 0 0 16px rgba(72, 207, 236, 0.12);
  transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s cubic-bezier(0.23, 1, 0.32, 1);
}

.swiper-pagination-bullet:hover::before,
.swiper-pagination-bullet:focus-visible::before {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

.swiper-pagination-bullet:nth-child(1)::before {
  content: "Main";
}
.swiper-pagination-bullet:nth-child(2)::before {
  content: "Spatial";
}
.swiper-pagination-bullet:nth-child(3)::before {
  content: "Geo-Analytics";
}
.swiper-pagination-bullet:nth-child(4)::before {
  content: "AI·BIG DATA";
}
.swiper-pagination-bullet:nth-child(5)::before {
  content: "SI·Solution";
}
.swiper-pagination-bullet:nth-child(6)::before {
  content: "R&D";
}
.swiper-pagination-bullet:nth-child(7)::before {
  content: "About";
}
.swiper-pagination-bullet:nth-child(8)::before {
  content: "partners";
}

.swiper-pagination-bullet-active::before {
  border-color: rgba(72, 207, 236, 0.58);
  color: #48cfec;
}

@media (max-width: 768px) {
  .swiper-pagination-bullet::before {
    display: none !important;
  }
}