/* 썸네일 업로드를 위한 css */
.thumbnail-upload-board .thumbnailupload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.thumbnail-upload-board .thumbnail-preview {
  margin-top: 10px;
  min-height: 30px;
  width: 100%;
}

.thumbnail-upload-board .thumb-container {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}

.thumbnail-upload-board .thumb-img {
  max-width: 200px;
  max-height: 150px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px;
}

.thumbnail-upload-board .remove-thumbnail {
  display: inline-block;
  margin-top: 5px;
  color: #f44336;
}

.thumbnail-upload-board .uploading {
  padding: 10px;
  color: #666;
}

.thumbnail-upload-board .thumb-dropzone {
  width: 200px;
  height: 150px;
  border: 2px dashed #ccc;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 10px;
  transition: all 0.3s;
}

.thumbnail-upload-board .thumb-dropzone:hover, .thumbnail-upload-board .thumb-dropzone.dragover {
  border-color: #3498db;
  background-color: rgba(52, 152, 219, 0.05);
}

.thumbnail-upload-board .thumb-dropzone-text {
  text-align: center;
  color: #777;
  font-size: 14px;
  padding: 10px;
}

/* 테이블 형태 css */
.board-list table caption {position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}

.board-list table { margin:0 0 40px 0;}
.board-list table tr th {  padding:20px 0 20px 10px;}
.board-list table tr th .title { display:inline-block; font-size:22px; }
.board-list table tr th .btn  {display: inline-block;}
.board-list table tr th .btn a { display: inline-block; border: 1px solid #cfcfcf; background: #f9f9f9; padding: 8px 17px; border-radius: 5px; font-size: 14px; color: #2f2f2f; margin: 0 5px 0;}
.board-list .board-total {font-size:var(--small-font-size);}
.board-list table {border-top:2px solid #696969;}
.board-list table th{border-bottom:1px solid #6c6c6c;text-align:center;font-family:"notokr-medium",sans-serif;font-weight:normal;color:#333;padding:14px 0;}
.board-list table td{
	border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;
	padding:20px 0;text-align:center; line-height:28px;}
.board-list table td:last-child{border-right:none;}
.board-list table td.txl{text-align:left;padding:20px 9px;}
.board-list table td.borl{border-left:1px solid #e4e4e4;}