/* BASIC css start */
/*상단 버튼 추가*/
.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;
}
/*리뷰 종류 버튼 추가*/


/* 내 리뷰보기 체크박스 수정소스 추가, 이 소스는 맨 하단에 항상 위치해야함 */
#PR15N01PHOTO .frm .pr-chk input {margin: -3px 0 0!important;}
#PR15N01PHOTO .frm-myreview {padding-bottom:40px !important; }


/* BASIC css end */