/* 게시판 임시 CSS. 향후 G5_CSS_URL 쪽으로 이전 가능합니다. */
.board-container {  max-width: 1200px;  margin: 0 auto;  clear: both;}
.board-list table {  width: 100%;  border-collapse: collapse;  margin-top: 20px;}
.board-list th,
.board-list td {  padding: 12px;  border-bottom: 1px solid #ddd;  text-align: center;}
.board-list th {  background-color: #f8f9fa;  font-weight: bold;}
.board-list td.subject {  text-align: left;}
.board-list td.subject a {  text-decoration: none;  color: #333;  cursor: pointer;}
.board-list td.subject a:hover {  text-decoration: underline;}
.btn-primary {  background-color: #007bff;  color: white;  border: none;  padding: 10px 20px;  border-radius: 5px;
  cursor: pointer;  text-decoration: none;}
.btn-primary:hover {  background-color: #0056b3;}
.badge-tag {  background-color: #007bff;  color: white;  padding: 2px 4px;  border-radius: 4px;
  font-size: 0.85rem;  margin-right: 8px;  vertical-align: middle;}

.post-header { border-bottom: 2px solid #555; padding-bottom: 15px; margin-bottom: 20px;}
.post-title { font-size: 1.8rem; font-weight: bold; margin-bottom: 10px;}
.post-meta { font-size: 0.95rem; color: #666;}
.post-meta span { margin-right: 15px;}
.post-content { min-height: 300px; font-size: 1.1rem; line-height: 1.6;}
.post-content a { color: #007bff; text-decoration: underline; }
.post-content a:hover { color: #0056b3; }
.post-files { background: #f9f9f9;border: 1px solid #ddd;padding: 15px;margin-top: 30px;border-radius: 5px; }
.post-files h5 { margin-bottom: 15px; font-weight: bold;}
.post-files a {text-decoration: none;color: #007bff;display: block;margin-bottom: 5px; }
.post-files a:hover {text-decoration: underline;}
.btn-list {
    background-color: #6c757d;color: white; border: none; padding: 10px 20px;
    border-radius: 5px; cursor: pointer;text-decoration: none;display: inline-block;margin-top: 20px;
  }
.btn-list:hover { background-color: #5a6268; }
.badge-tag { background-color: #007bff; color: white; padding: 3px 10px; border-radius: 4px;
    font-size: 0.95rem; margin-right: 12px;vertical-align: middle;  }

/* Newsroom grid (board list) */
.board-container .section_media { text-align: center; }
.board-container .section_media .news_header { min-height: max(80px, 3vw); padding-right: 5%; }
.board-container .section_media .news_kind { text-transform: uppercase; border-bottom: 1px solid #000; }
.board-container .section_media .news_title { min-height: max(100px, 5vw); }
.board-container .section_media .news_date { color: #a09999; font-size: 0.8rem; }
.board-container .section_media .news-item .img-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; }
.board-container .section_media .news-item .img-wrapper .inner { position: absolute; left: 0;  bottom: 0; }
.board-container .section_media .news-item .img-wrapper img { position: static; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.board-container .section_media .news-item a { text-decoration: none; color: inherit; display: block; }
.board-container .section_media .news-item a:hover img { transform: scale(1.1); }

/* Load More button */
.btn-load-more {
  display: inline-block; padding: 12px 40px; font-size: 1rem; font-weight: 600;
  color: #333; background: #fff; border: 2px solid #ddd; border-radius: 50px;
  cursor: pointer; transition: all 0.3s ease;
}
.btn-load-more:hover { color: #fff; background: #333; border-color: #333; }
.btn-load-more:active { transform: scale(0.97); }