.product-wrap {
  border: none;
  position: absolute;
  touch-action: auto;
  
  .entrance-con {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .product-con {
    overflow: hidden;
    position: relative;

    .slide-con {
      position: relative;
      width: 100%;
      display: flex;
      overflow-x: auto;

      &::-webkit-scrollbar {
        display: none;
      }

      .product-item {
        flex-shrink: 0;
        width: 40%;
        overflow: hidden;
      }
    }

    .slide-con-2-pc {
      flex-wrap: wrap;

      .product-item {
        width: 33.3%;
      }
    }

    .slide-con-2-mobile {
      flex-wrap: wrap;

      .product-item {
        width: 50%;
      }
    }

    .price-con {
      display: flex;
      align-items: baseline;
      width: 100%;
      padding: 10px 0;

      .standardPrice {
        margin-left: 10px;
        text-decoration: line-through;
      }
    }

    .product-info {
      transition: opacity 0.4s;
      padding: 10px 2px 0;

      &.position1 {
        text-align: left;
      }

      &.position2 {
        text-align: center;

        .price-con {
          display: flex;
          justify-content: center;
        }
      }

      &.position3 {
        text-align: right;

        .price-con {
          display: flex;
          justify-content: flex-end;
        }
      }
    }

    .transparent {
      opacity: 0;
    }

    .product-image {
      width: 100%;
      height: auto;
      overflow: hidden;
      img {
        position: relative;
        width: 100%;
        transition: 0.3s all;
      }
    }

    .productInfo {
      padding: 0 10px;
    }

    .swiper-container {
      .swiper-wrapper {
        .swiper-slide {
          position: relative;
        }
      }
    }


    .swiper-scrollbar {
      height: 3px;
      width: 70%;
      left: 50%;
      bottom: 10px;
      // background-color: var(--color);
      transform: translateX(-50%);
      // ::v-deep .swiper-scrollbar-drag {
      //   background-color: var(--activeColor);
      // }
    }

    .swiper-button-prev {
      background-image: none;
      left: 20px;

      &::after {
        display: none;
      }

      &:hover {
        .cms2iconfont {
          color: var(--hoverColor) !important;
        }
      }

      .cms2iconfont {
        font-size: 28px;
      }
    }

    .swiper-button-next {
      background-image: none;
      right: 20px;

      &:hover {
        .cms2iconfont {
          color: var(--hoverColor) !important;
        }
      }

      &::after {
        display: none;
      }

      .cms2iconfont {
        font-size: 28px;
      }
    }
  }
  
}