/* BASIC css start */
/*개별 리뷰보기, 템플릿설정에서 s스타일을 적용하는 경우 상단 좌우버튼 오류 수성*/
.swiper-button-next:after{display:none;}
.swiper-button-prev:after{display:none;}


/*상단 버튼 추가*/
.button-container { max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.info-button { background-color: #a7a7a7; color: #fff; padding: 10px 20px; font-size: 16px; text-decoration: none; border-radius: 25px; transition: background-color 0.3s, transform 0.2s; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: inline-block; }
.info-button:hover { background-color: #767676; transform: translateY(-2px); }
@media (max-width: 768px) { .info-button { width: 100%; text-align: center; } }


/*리뷰 종류 버튼 추가*/
.review-buttons {
  display: flex; 
  justify-content: center; /* 가로 중앙 정렬 */
  gap: 10px; /* 버튼 사이 간격 */
}

.review-btn {
  flex: 1; /* 버튼들이 같은 비율로 나눠 가짐 */
  width:140px; /*버튼 각각의 너비*/
  max-width: 140px; /* 최대 너비 제한 (필요에 따라 조정 가능) */
  padding: 10px 0; 
  text-align: center; 
  font-size: 14px; 
  background-color: #f5f5f5; 
  border: 1px solid #ddd; 
  border-radius: 5px; 
  cursor: pointer;
}

.review-btn.active {
  background-color: #000000; 
  color: #fff; 
  border-color: #000000;
}
/*리뷰 종류 버튼 추가*/


/* 엄지척 추천 비추천 감추기 소스 추가*/
#reviewBoard .review-wrap .reply {display:none;}


/* 페이징버튼 다음3개월리뷰보기 버튼 오류 수정소스, 맨 하단에 위치해야함 */
#reviewBoard .paging a.term {width: 140px!important;}


/* BASIC css end */