.BBS_DRN_A {
  overflow: hidden;
  position: relative;
padding: 50PX 0PX
}

.BBS_DRN_A .contents-inner {
  width: 100%;
}

.BBS_DRN_A .title-area {
  margin-bottom: 4.2rem;
}

.BBS_DRN_A .swiper {
  width: 100%;
}

.BBS_DRN_A .swiper-slide {
  max-width: 46rem;
}

.BBS_DRN_A .swiper a {
  display: block;
  width: 100%;
  height: 100%;
}

.BBS_DRN_A .thumb {
  height: 35rem;

}

.BBS_DRN_A .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BBS_DRN_A .desc {
  margin-top: 2.4rem; text-align: center
}

.BBS_DRN_A .desc strong {
  color: #111;
}

.BBS_DRN_A .desc p {
  margin-top: 1.2rem;
  color: #666;
}

.BBS_DRN_A .control {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-top: 6rem; width: 100%; 
}

.BBS_DRN_A .swiper-pagination {
  position: static;
  width: 100%;
  background-color: #e9e9e9;
  border-radius: 1rem;
}

.BBS_DRN_A .swiper-pagination-progressbar-fill {
  background-color: var(--primary);;
  border-radius: 1rem;
}

.BBS_DRN_A .btn-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem; width: 150PX
}

.BBS_DRN_A .btn-wrap [class*="btn-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent; border-radius: 100%; display: flex;  justify-content: center;  align-items: center;
}
.BBS_DRN_A .btn-wrap [class*="btn-"] i {
font-size: 30px; color: #000;; margin-top: -5px
}

.BBS_DRN_A .btn-wrap [class*="btn-"] img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {
  .BBS_DRN_A .swiper {
    width: calc(100% + 4rem);
  }
}

@media (max-width: 992px) {
  .BBS_DRN_A {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .BBS_DRN_A .title-area {
    margin-bottom: 2.5rem;
  }

  .BBS_DRN_A .swiper {
    width: calc(100% + 1.6rem);
  }

  .BBS_DRN_A .swiper-slide {
    max-width: 29.6rem;
  }

  .BBS_DRN_A .thumb {
    height: 27.7rem;
  }

  .BBS_DRN_A .desc {
    margin-top: 1.4rem;
  }

  .BBS_DRN_A .desc p {
    margin-top: 0.6rem;
  }

  .BBS_DRN_A .control {
    gap: 2rem;
    margin-top: 2.4rem;
  }

  .BBS_DRN_A .btn-wrap {
    gap: 0.6rem;
  }

  .BBS_DRN_A .btn-wrap [class*="btn-"] {
    width: 2rem;
    height: 2rem;
  }
}