.board-content,
.content-html {
  overflow-wrap: anywhere;
}

.board-content table,
.content-html table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  table-layout: fixed;
}

.board-content table th,
.board-content table td,
.content-html table th,
.content-html table td {
  border: 1px solid #dee2e6;
  padding: 6px 8px;
  vertical-align: top;
}

.board-content img,
.content-html img {
  max-width: 100%;
  height: auto;
}

.board-content ul,
.content-html ul {
  list-style: disc;
  padding-left: 2rem;
}

.board-content ol,
.content-html ol {
  list-style: decimal;
  padding-left: 2rem;
}

.notice-wrap .board-list {
  table-layout: fixed;
  color: #666;
}

.notice-wrap .board-list th,
.notice-wrap .board-list td {
  text-align: center;
  vertical-align: middle;
}

.notice-wrap .board-list th:first-child,
.notice-wrap .board-list td:first-child {
  width: 6%;
}

.notice-wrap .board-list th:last-child,
.notice-wrap .board-list td:last-child {
  width: 18%;
}

.notice-wrap .board-list .board-list-title,
.notice-wrap .board-list .board-list-title:hover,
.notice-wrap .board-list .board-list-title:focus {
  display: block;
  width: 100%;
  padding: 0;
  color: #666;
  text-align: center;
  white-space: normal;
  font-size: inherit;
  font-weight: 400;
  text-decoration: none;
}

.notice-wrap .board-detail-actions {
  padding: 12px 0;
  text-align: center;
}