@charset "UTF-8";

/* default table style */
.table-wrapper,
table.table,
table.table thead,
table.table thead tr {
  width: 100%;
  text-align: center;
}
table.table thead tr {
  background: var(--po-black);
  color: var(--white);
}
table.table thead input[type="checkbox"] {
  border: 1px solid var(--white-op-5);
}
table.table thead input[type="checkbox"]:checked {
  border: 1px solid var(--blue);
}
.table tr {
  display: grid;
  align-items: center;
  border-radius: 16px;
  font-size: var(--font-14);
  letter-spacing: var(--font-14-ls);
}
table.table thead tr th,
table.table tbody tr td {
  padding: 14px 16px;
}
table.table thead tr th input[type="checkbox"],
table.table tbody tr td input[type="checkbox"] {
  margin-bottom: -3px;
}
table.table tbody {
  color: #666;
  margin-top: 6px;
}
table.table tbody tr {
  padding-top: 4px;
}
table.table tbody tr:first-child {
  padding-top: 6px;
}
table.table tbody tr td:nth-child(-n + 8) {
  font-weight: 400;
}
table.table tbody tr td:nth-child(3) {
  font-weight: 500;
}
table.table tbody tr td ~ * {
  padding: 0 16px;
}
.table td:nth-last-child(2) {
  display: flex;
  justify-content: center;
}

/* table type style */
.table.detail tbody {
  color: #666;
}

.main-table tr {
  grid-template-columns: 58px 0.5fr 1fr 1fr 1.2fr 1.2fr 1.2fr 1.2fr 107px 95px;
}

.bill-table tr {
  grid-template-columns: 58px 1fr 1fr 1fr 1fr;
}

.repair-table tr {
  grid-template-columns: 58px 5fr 1fr 1fr;
}

.record-table tr {
  grid-template-columns: 58px 4fr 1fr 1fr 1fr 1fr;
}

.notice-table tr {
  grid-template-columns: 58px 55px 4fr 0.3fr 0.55fr 95px;
}
.notice-table.dashboard tr {
  grid-template-columns: 55px 1.5fr 0.3fr 0.55fr;
}

/* file download in table */
.table .js-fileDown {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0 auto;
  color: var(--black-ph);
}

/* pagenation */
.pagenation-wrap {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}
.pagenation-wrap .pagenation,
.pagenation-wrap .pagenation .num {
  display: flex;
  gap: 20px;
}
.pagenation-wrap .pagenation button.end {
  opacity: 25%;
}
.pagenation-wrap .pagenation .num button.on {
  color: var(--blue);
}

/* responsive */
@media all and (max-width: 1230px) {
  .table-wrapper {
    overflow-x: auto;
  }

  table.table,
  table.table thead,
  table.table thead tr {
    width: 1180px;
  }

  .notice-table tr {
    grid-template-columns: 58px 55px 2fr 0.3fr 0.5fr 95px;
  }
  .notice-table.dashboard tr {
    grid-template-columns: 55px 2fr 0.3fr 0.5fr;
  }
}
@media all and (max-width: 800px) {
  table.notice-table.dashboard,
  table.notice-table.dashboard thead,
  table.notice-table.dashboard thead tr {
    width: 700px;
  }
}
@media all and (max-width: 700px) {
  table.notice-table,
  table.notice-table thead,
  table.notice-table thead tr {
    width: 784px;
  }
  .notice-table tr {
    grid-template-columns: 58px 55px 1.3fr 0.3fr 0.5fr 95px;
  }
}