*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

.city_description {
    display: flex;
    gap: 7%;
    margin-top: 4%;
    width: 100%;
    /* height: 400px; */
    padding: 0 10%;

    flex-direction: column;
    align-items: center;
    text-align: center 
}
.imgbox{
    /* width: 400px; */
    /* height: 400px; */
    width: 100%; 
    object-fit: cover;
    
}

.imgbox img {
    width: 25vw;
    min-width: 400px;
    /* width: 400px; */
    /* height: 400px; */
    border-radius: 25px;
    overflow: hidden;
}

.textbox {
    /* height: 400px; */
    /* font-size: 1.3em; */
    font-size: clamp(15px, 1.0vw, 19px);
    line-height: 1.9;
    /* word-break: break-all; */
    white-space: normal;
    font-family: 'Pretendard';
    font-weight: 500;

    word-break: keep-all;
    margin-top: 5%;
}

.textbox p{
    display: block;
    /* height: 400px; */
}


/* 반응형 */


@media (max-width: 768px) {
.textbox p br {
display : none;
}}

@media (max-width: 450px) {
.imgbox img {
min-width: 320px;
}
}


/* 스와이퍼 관련 */

/* 1) Swiper 전용: 기존 .imgbox img 규칙 무효화 */
.city_description .swReview .imgbox img {
  width: 100% !important;
  min-width: 0 !important;
  height: 400px;
  object-fit: cover;
  border-radius: 18px;
}

/* 2) 슬라이드 카드 폭을 명확히 지정 (auto 모드 기준) */
.city_description .swReview .swiper-slide {
  width: 360px;
  transition: transform .3s, opacity .3s, filter .3s, box-shadow .3s;
  transform: scale(.92);
  opacity: .6;
  filter: grayscale(20%);
}

/* 가운데 강조 */
.city_description .swReview .swiper-slide-active {
  transform: scale(1.06);
  opacity: 1;
  filter: none;
  z-index: 2;
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

/* 양옆 약하게 */
.city_description .swReview .swiper-slide-prev,
.city_description .swReview .swiper-slide-next {
  opacity: .85;
  filter: grayscale(5%);
}

.city_description .swReview {
    width: 100%;
    margin: 0;
}

.swReview .swiper-button-prev::after,
.swReview .swiper-button-next::after {
  content: none !important;
}



/* 반응형 카드 폭/높이 */
@media (max-width: 1024px) {
  .city_description .swReview .swiper-slide { width: 320px; }
  .city_description .swReview .imgbox img { height: 220px; }
}
@media (max-width: 640px) {
  .city_description .swReview .swiper-slide { width: 85vw; }
  .city_description .swReview .imgbox img { height: 52vw; }
}