/* 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; } }


.gallery-list {
  padding: 16px 16px 80px; /* 하단 버튼을 위한 여백 추가 */
}

.gallery-list img {
  width: 100%;
  height: auto; /* 자동 비율로 높이 조절 */
  margin-bottom: 16px; /* 이미지 간격 */
  border-radius: 8px; /* 둥근 모서리 */
  object-fit: cover; /* 이미지 비율 유지 */
}


/* 등록하러기가 버튼 */
.register-button {
  display: block; 
  width: 90%; /* 너비를 90%로 설정 */
  max-width: 320px; /* 최대 너비 제한 */
  height: 50px;
  background-color: #000000;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  border-radius: 8px;
  text-decoration: none;
  margin: 24px auto; /* 수직 여백 + 가로 중앙 정렬 */
}
/* BASIC css end */