.KNB_com_25_swin {
  position: relative;

  overflow: hidden; width: 100%; float: left; padding: 30px 0px
}

.KNB_com_25_swin .contents-inner {
  position: relative;
  width: 100%; padding: 0px 80px

}


.KNB_com_25_swin .content-title-box .title-wrap {
  display: flex;
  align-items: flex-end;
}

.KNB_com_25_swin .content-title-box .title-wrap .title {
  color: var(--black);
}

.KNB_com_25_swin .content-title-box .title-wrap p {
  color: var(--text-color4);
  margin-left: 0.8rem;
}

.KNB_com_25_swin .content-title-box .title-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.KNB_com_25_swin .content-title-box .title-link span {
  color: var(--black);
  margin-right: 0.8rem;
}

.KNB_com_25_swin .content-title-box .title-link em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background: var(--white);
  border-radius: 1rem;
  border: 1px solid var(--line-color1);
}

.KNB_com_25_swin .cardset {
  display: block;
  width: 100%;
}

.KNB_com_25_swin .cardset .co-gary {
  color: var(--text-color4);
}

.KNB_com_25_swin .cardset .co-red {
  color: #ee1c25;
}

.KNB_com_25_swin .cardset .cardset-figure {
  height: auto;
  border-radius: 2rem;
  overflow: hidden;
}
.KNB_com_25_swin .cardset .cardset-figure .wg_img1{
  width: 353px; aspect-ratio:16 / 9; 
}
.KNB_com_25_swin .cardset .cardset-figure .wg_img1 img{
  width: 353px;
  border-radius: 2rem;
}

.KNB_com_25_swin .cardset .cardset-body {
  padding: 0;
  margin-top: 2rem;  margin-bottom:30px;
}

.KNB_com_25_swin .cardset .cardset-desc {
margin-bottom: 0px!important; color: #000
}

.KNB_com_25_swin .cardset .cardset-desc+.cardset-desc {
 color: #666
}

.KNB_com_25_swin .cardset .cardset-del {
  margin-top: 2.4rem;
}

.KNB_com_25_swin .cardset .cardset-price {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.4rem;
}

.KNB_com_25_swin .content-swiper-box {
  width: 100%; 

}

.KNB_com_25_swin .swiper-button-prev,
.KNB_com_25_swin .swiper-button-next {
  width: 4.4rem;
  height: 4.4rem;
  margin-top: 0;
  top: calc(50% - 3rem);
  transform: translateY(-50%);
}
.KNB_com_25_swin .swiper-button-prev i,
.KNB_com_25_swin .swiper-button-next i{
font-size: 35px; color: #000
}

.KNB_com_25_swin .swiper-button-prev::after,
.KNB_com_25_swin .swiper-button-next::after {
  display: none!important;
}
.KNB_com_25_swin .swiper-button-prev::before,
.KNB_com_25_swin .swiper-button-next::before {
  display: none!important;
}




.KNB_com_25_swin .swiper-button-prev {
  
  left: 0rem;
}

.KNB_com_25_swin .swiper-button-next {
 
  right: 0rem;
}

.KNB_com_25_swin .swiper-button-next.swiper-button-disabled,
.KNB_com_25_swin .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

.KNB_com_25_swin .swiper-horizontal>.swiper-pagination-progressbar {
  top: auto;
  bottom: 0;
  height: 3px;
}

.KNB_com_25_swin .content-swiper .swiper-pagination-progressbar {
  background: var(--line-color1);
}

.KNB_com_25_swin .content-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--black);
}

@media (max-width: 1200px) {
  .KNB_com_25_swin .swiper-button-prev {
    left: 0PX;
  }

  .KNB_com_25_swin .swiper-button-next {
    right: 0PX;
  }
}

@media (max-width: 992px) {
  .KNB_com_25_swin {padding: 0px 0px
   ;background-color: #fff
  }

  .KNB_com_25_swin .contents-inner {
    padding-bottom: 0;
  }

  .KNB_com_25_swin .content-title-box {
    width: 100%;
    margin: 0 auto 2rem;
  }

  .KNB_com_25_swin .content-title-box .title-wrap p {
    display: none;
  }

  .KNB_com_25_swin .content-title-box .title-link span {
    display: none;
  }

  .KNB_com_25_swin .content-title-box .title-link em {
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem;
  }

  .KNB_com_25_swin .content-title-box .title-link em img {
  
  }

  .KNB_com_25_swin .content-swiper {
    padding-bottom: 3rem;
  }

  .KNB_com_25_swin .cardset .cardset-figure {
    height:auto;
  }

  .KNB_com_25_swin .cardset .cardset-body {
 padding: 0px!important; margin: 0px!important
  }

  .KNB_com_25_swin .cardset .cardset-desc+.cardset-desc,
  .KNB_com_25_swin .cardset .cardset-price {
    margin-top: 0;
  }

  .KNB_com_25_swin .cardset .cardset-del {
    margin-top: 1.6rem;
  }

  .KNB_com_25_swin .swiper-button-prev,
  .KNB_com_25_swin .swiper-button-next {
    left: auto;
    top: auto;
    bottom: 0;
    transform: none;
    width: 1.8rem;
    height: 1.8rem;
  }
  .KNB_com_25_swin .swiper-button-prev i:before,
  .KNB_com_25_swin .swiper-button-next i:before{
display: none
  }
  .KNB_com_25_swin .swiper-button-prev i:after,
  .KNB_com_25_swin .swiper-button-next i:after{
display: none
  }
  .KNB_com_25_swin .swiper-button-prev {
  background: none!important;
    right: 2rem; 
  }

  .KNB_com_25_swin .swiper-button-next {
    right: 0;
    background: none!important;
  }

  .KNB_com_25_swin .content-swiper .swiper-pagination-progressbar {
    bottom: 0.8rem;
    width: calc(100% - 5rem);
  }
}



.KNB_com_25_swin .contents-inner.n5 {
  position: relative;
  width: 100%; padding: 0px 0px

}
.KNB_com_25_swin .contents-inner.n4 {
  position: relative;
  width: 100%; padding: 0px 0px

}
.KNB_com_25_swin .contents-inner.n3 {
  position: relative;
  width: 100%; padding: 0px 0px

}
.KNB_com_25_swin .contents-inner.n2 {
  position: relative;
  width: 100%; padding: 0px 0px

}
.KNB_com_25_swin .contents-inner.n1 {
  position: relative;
  width: 100%; padding: 0px 0px

}
.KNB_com_25_swin .content-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}