.review_inner{padding-top: 100px;}
.subject_w{display: flex; gap:15px; width: 100%; justify-content: center; align-items: center;}
.subject_w li{width: 112px; height: 30px; border: 1px solid #2167ff; color: #000; background-color: #fff; font-size: 15px; border-radius: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: ease 0.3s all;}
.subject_w li.active, .subject_w li:hover{background-color: #2167ff; color: #fff; font-weight: bold;}

.r_w{position: relative; width: 100%; max-width: 1300px; margin: auto; padding: 0 60px;}
.r_el{border-bottom: 1px solid #b6b6b6; display: flex; gap: 48px; padding: 60px 0; width: 100%;}
.r_el .img_w{width: 420px; aspect-ratio: 1 / 1; font-size: 0; position: relative; }
.r_el .img_w .review_slide{ position: relative; padding-bottom: 30px;}
.r_el .img_w img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 0.5vw;}
.r_el .img_w .swiper-pagination{position: absolute; left: 50%; bottom: 00px!important; transform: translateX(-50%);}
.r_el .img_w .swiper-pagination-bullet{background-color: #C6C6C6; opacity: 1; width: 16px; height: 16px; margin: 0 8px;}
.r_el .img_w .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #2167FF;}

.r_el .txt_w{width: calc(100% - 468px); padding: 24px 0 0;}
.r_txt_1{font-size: 15px; font-weight: bold; display: flex;}
.r_rate{padding-left: 14px;}
.r_title{margin: 34px 0 15px; font-size: 37px; font-weight: bold; line-height: 1.4;}
.r_content{font-size: 15px; line-height: 1.4;}


@media(max-width:1024px){
  .review_inner{padding: 50px 20px;}
  .subject_w{flex-direction: column; gap: 15px; width: 100%; align-items: center;}
  .subject_w li{width: 100%; max-width: 300px; height: 42px; font-size: 12px;}
  .r_el .img_w .review_slide{padding-bottom: 0; border-radius: 5px; overflow: hidden;}
  .r_el .img_w .swiper-pagination{display: none;}
  .r_w{padding: 0;}
  .r_el{flex-direction: column; gap: 15px; padding: 50px 0;}
  .r_el .img_w{width: 100%;}
  .r_el .txt_w{width: 100%; padding: 0; text-wrap: balance; word-break:keep-all}
  .r_rate{padding-left: 10px;}
  .r_title{margin: 10px 0 15px; font-size: 20px;}
  
}
