/* 게시판 목록 스킨 CSS */

/* .bbs-table은 이제 실제 table이므로 data-list vertical 스타일을 상속받음 */
.bbs-table {
    /* data-list vertical 클래스의 스타일을 사용 */
}

/* table의 기본 구조는 common.css의 data-list 스타일 사용 */

.bbs-tag {
    background-color: #ebebeb;
    color: #2e3192;
    font-weight: 600;
    border-radius: 22px;
    padding: 2px 16px;
    font-size: 16px;
}

.new-badge {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.666748' width='24' height='24' rx='12' fill='%23E72527'/%3E%3Cg clip-path='url(%23clip0_271_758)'%3E%3Cpath d='M17.6667 18H15.4916L10.2374 10.3675H10.1385V18H7.66675V6H9.84189L15.0961 13.6325H15.195V6H17.6667V18Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_271_758'%3E%3Crect width='10' height='24' fill='white' transform='translate(7.66675)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    vertical-align: middle;
}

.file-badge {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M17.3335 15C17.3335 16.3867 16.8468 17.5667 15.8735 18.54C14.9002 19.5133 13.7202 20 12.3335 20C10.9468 20 9.76683 19.5133 8.7935 18.54C7.82016 17.5667 7.3335 16.3867 7.3335 15V7.6C7.3335 6.6 7.6835 5.75 8.3835 5.05C9.0835 4.35 9.9335 4 10.9335 4C11.9335 4 12.7835 4.35 13.4835 5.05C14.1835 5.75 14.5335 6.6 14.5335 7.6V14.6C14.5335 15.2133 14.3202 15.7333 13.8935 16.16C13.4668 16.5867 12.9468 16.8 12.3335 16.8C11.7202 16.8 11.2002 16.5867 10.7735 16.16C10.3468 15.7333 10.1335 15.2133 10.1335 14.6V7.2H11.7335V14.6C11.7335 14.7733 11.7902 14.9167 11.9035 15.03C12.0168 15.1433 12.1602 15.2 12.3335 15.2C12.5068 15.2 12.6502 15.1433 12.7635 15.03C12.8768 14.9167 12.9335 14.7733 12.9335 14.6V7.6C12.9202 7.04 12.7235 6.56667 12.3435 6.18C11.9635 5.79333 11.4935 5.6 10.9335 5.6C10.3735 5.6 9.90016 5.79333 9.5135 6.18C9.12683 6.56667 8.9335 7.04 8.9335 7.6V15C8.92016 15.9467 9.24683 16.75 9.9135 17.41C10.5802 18.07 11.3868 18.4 12.3335 18.4C13.2668 18.4 14.0602 18.07 14.7135 17.41C15.3668 16.75 15.7068 15.9467 15.7335 15V7.2H17.3335V15Z' fill='%23B7B8B9'/%3E%3C/svg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    vertical-align: middle;
}

/* 페이지네이션 CSS는 제거 - 사용자가 직접 수정할 예정 */

@media (max-width: 768px) {
    .bbs-tag {
        padding: 2px 8px;
        font-size: 13px;
    }

    /* .page-header.board-page-header {
    margin-bottom: 30px;
  }
 
  .bbs-table {
    border: none;
  }

  .bbs-table thead {
    display: none;
  }

  .bbs-table tbody {
    display: block;
  }

  .bbs-table tr {
    display: block;
    margin-bottom: 16px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 16px;
    background-color: #ffffff;
  }

  .bbs-table tr.alt-bg {
    background-color: #f4f5f6;
  }

  .bbs-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: none;
    min-height: auto;
    white-space: nowrap;
  }

  .bbs-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #666;
    flex-shrink: 0;
    margin-right: 16px;
  } */

    /* data-label 속성을 추가해야 함 */
    /* .bbs-table td:nth-child(1)::before {
    content: "번호";
  }
  .bbs-table td:nth-child(2)::before {
    content: "제목";
  }
  .bbs-table td:nth-child(3)::before {
    content: "첨부파일";
  }
  .bbs-table td:nth-child(4)::before {
    content: "날짜";
  }

  .bbs-table td:nth-child(2) {
    flex-direction: column;
    align-items: flex-start;
  } */
}