/* 목록페이지 */
.custom-board-container {
  max-width: 1270px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  padding-bottom: 20px;
}

.custom-board-header {
  background: #fff;
  color: #222;
  padding: 20px;
  font-size: 26px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

.custom-table-wrap {
  overflow-x: auto;
  max-width: 100%; /* ✅ 추가 */
}

.custom-board-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* ✅ 유지 */
  /* min-width: 700px; → ✅ 삭제 */
}

/* ✅ 열 너비 조정 */
.custom-board-table th:nth-child(1),
.custom-board-table td:nth-child(1) { width: 8%; }   /* 번호 */
.custom-board-table th:nth-child(2),
.custom-board-table td:nth-child(2) { width: 50%; text-align: left; } /* 제목 */
.custom-board-table th:nth-child(3),
.custom-board-table td:nth-child(3) { width: 14%; }  /* 작성자 */
.custom-board-table th:nth-child(4),
.custom-board-table td:nth-child(4) { width: 14%; }  /* 작성일 */
.custom-board-table th:nth-child(5),
.custom-board-table td:nth-child(5) { width: 10%; }  /* 조회 */

.custom-board-table th,
.custom-board-table td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-board-table th {
  background-color: #f0f0f0;
}

.custom-board-table td.custom-title {
  text-align: left;
}

.custom-board-table td a {
  text-decoration: none;
}

.custom-board-footer {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.custom-board-footer form {
  width: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.custom-btn-write {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 18px;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
}

.custom-btn-write a {
  color: white !important;
  text-decoration: none;
  display: inline-block;
}

.custom-btn-write:hover {
  background: #0056b3;
}

.custom-search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.custom-search-box select,
.custom-search-box input[type="text"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.custom-search-box button {
  background: #333;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 4px;
  cursor: pointer;
}

.custom-search-box button:hover {
  background: #111;
}

.custom-pagination {
  text-align: center;
  margin-top: 20px;
  white-space: nowrap; /* 줄바꿈 방지 */
  overflow-x: auto; /* 너무 좁을 경우 가로 스크롤 */
}

.custom-pagination a {
  display: inline-block;
  margin: 0 3px;
  padding: 6px 10px;
  background: #f0f0f0;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.3s;
}

.custom-pagination a.active {
  background: #007bff;
  color: #fff;
}

.custom-pagination a:hover {
  background: #0056b3;
  color: #fff;
}

/* 모바일 대응 */
@media (max-width: 480px) {
  .custom-pagination a {
    margin: 0 2px;
    padding: 4px 8px;
    font-size: 12px;
  }
}

/* ✅ 반응형 미디어 쿼리 */
@media (max-width: 768px) {
  .custom-board-container {
    padding-left: 10px;
    padding-right:10px;
  }
  .custom-board-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .custom-search-box {
    flex-direction: column;
    align-items: stretch;
  }

  .custom-search-box select,
  .custom-search-box input[type="text"],
  .custom-search-box button,
  .custom-btn-write {
    width: 100%;
  }

  .custom-pagination a {
    padding: 5px 10px;
  }

  /* ✅ 모바일에서 특정 열 숨기기 */
  .custom-board-table th:nth-child(1),
  .custom-board-table td:nth-child(1),  /* 번호 */
  .custom-board-table th:nth-child(4),
  .custom-board-table td:nth-child(4),  /* 작성일 */
  .custom-board-table th:nth-child(5),
  .custom-board-table td:nth-child(5)   /* 조회 */
  {
    display: none;
  }

  .custom-board-table th,
  .custom-board-table td {
    font-size: 14px;
    padding: 10px;
  }

  .custom-board-table td:nth-child(2) { /* 제목 */
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    text-align: left;
    font-weight: 500;
  }

  .custom-board-table td:nth-child(3) { /* 작성자 */
    font-size: 13px;
    color: #666;
	padding-right:35px;
    text-align: right;
  }
}
/* 목록페이지 끝 */

	
    /* 쓰기페이지 */
    .custom-write-container {
      max-width: 1270px;
      margin: 0 auto;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 30px;
      box-sizing: border-box;
    }

    .custom-write-header {
      font-size: 26px;
      font-weight: bold;
      color: #222;
      margin-bottom: 30px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
    }

    form {
      width: 100%;
    }

    .custom-form-group {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .custom-form-group label {
      width: 120px;
      font-weight: bold;
      color: #333;
      margin-right: 15px;
      white-space: nowrap;
    }

    .custom-input-text,
    .custom-input-file,
    .custom-input-password,
    .custom-textarea {
      flex: 1;
      padding: 10px;
      font-size: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }

    .custom-textarea {
      height: 200px;
      resize: vertical;
    }

    .custom-form-buttons {
      text-align: right;
      margin-top: 30px;
    }

    .custom-btn-submit,
    .custom-btn-cancel {
      background: #007bff;
      color: white;
      border: none;
      padding: 10px 18px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 15px;
      margin-left: 10px;
      min-width: 90px;
    }

    .custom-btn-cancel {
      background: #6c757d;
    }

    .custom-btn-submit:hover {
      background: #0056b3;
    }

    .custom-btn-cancel:hover {
      background: #5a6268;
    }

    /* 반응형 처리 */
    @media (max-width: 768px) {
      .custom-form-group {
        flex-direction: column;
        align-items: stretch;
      }

      .custom-form-group label {
        width: 100%;
        margin-bottom: 6px;
      }

      .custom-input-text,
      .custom-input-file,
      .custom-input-password,
      .custom-textarea {
        width: 100%;
      }

      .custom-form-buttons {
        text-align: center;
      }

      .custom-btn-submit,
      .custom-btn-cancel {
        width: 45%;
        min-width: unset;
        margin-left: 0;
        margin: 5px 2.5%;
      }
    }
  
	/* 쓰기페이지 끝 */