/* Animations */
@keyframes swiperCatchAnimation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.swiper-slide .swiper-catch {
  transform: scale(1);
}

.swiper-slide-active .swiper-catch {
  animation-name: swiperCatchAnimation;
  animation-duration: 3s;
  animation-fill-mode: both;
}

.swiper-pagination-bullet {
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  top: auto;
  margin-top: 0;
  color: #fff;
  height: auto;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.autoplay-progress {
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #f3a91f !important;
  z-index: 10;
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #f3a91f;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

#gnb_pc .gnb_wrap:hover #gnb_all_bg {
  height: 216px;
  border-bottom: 1px solid #ddd;
}
#gnb_pc .gnb_wrap:hover .gnb_2dul {
  height: auto;
}
#gnb_pc .gnb_1dli:hover > a::after {
  width: 100%;
} /*# sourceMappingURL=style.css.map */