table.table-board {width: 100%; font-size: 0.938rem;word-break: keep-all;}
table.table-board thead tr{}
table.table-board thead th,
table.table-board thead td{ padding:16px 14px;}
table.table-board thead th{ background-color: #6A9DCD; color: #fff; }
table.table-board tbody tr{ border-bottom: 1px solid #E8E8E8;}
table.table-board tbody tr:hover,
table.table-board tbody tr:focus{ background-color: #f6f9fc;cursor: pointer;}
table.table-board tbody th,
table.table-board tbody td{ padding:16px 14px; vertical-align: middle;}
table.table-board tbody th{ font-weight: 700; color: #333;}
table.table-board tbody td{ color: #333;}
table.table-board col.title{text-align: left;}
table.table-board col:nth-child(1){ width: 50px; }
table.table-board col:nth-child(2){ width: auto; }
table.table-board col:nth-child(3){ width: 140px; }
table.table-board col:nth-child(4){ width: 140px; }


.news-latest .news-latest-item{display: flex; gap:30px; border-bottom: 1px solid #E8E8E8; padding-bottom: 20px; margin-bottom: 20px;}
.news-latest .news-latest-img{width: 284px; height: 190px; aspect-ratio: 278 / 192;}
.news-latest .news-latest-img img{ object-fit: cover; width: 100%; height: 100%;}
.news-latest .news-latest-content{display: flex; flex-direction: column; gap:20px}
.news-latest .news-latest-title{ color: #222; font-size: 1.25rem; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: box; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:1}
.news-latest .news-latest-date{ font-size: 0.938rem; color:#666666}
.news-latest .news-latest-desc{ display: -webkit-box; display: -ms-flexbox; display: box; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:4; line-height: 1.5;}


/* 공지사항 자세히보기 */

.board-detail-header{border-top:1px solid #E8E8E8; border-bottom:2px solid #263849; padding:30px 8px}
.board-detail-header h4{font-size: 1.5rem;}
.board-detail-header ul{ display: flex; list-style: none; margin-top: 10px;}
.board-detail-header ul li{text-indent: 0; margin: 0 10px 0 0; font-size: 0.938rem; color:#AEAEAE;}
.board-detail-contents{padding:40px 8px}
.board-detail-contents img { width: 100%;}
.board-detail-footer{display: flex;align-items: center;justify-content: space-between;border-top:1px solid #E8E8E8; padding-top:20px;}
.board-detail-footer .button-text{display: flex;align-items: center; gap:10x; color:#AEAEAE; font-size: 0.938rem; line-height: 1.5;}

/* 소형 모바일 */
@media (max-width: 479px) { 
    .news-latest .news-latest-img{ width: 100%;}
    .news-latest .news-latest-item{ flex-direction: column; gap:10px;}
    .news-latest .news-latest-content{gap:10px}

    table.table-board thead th{font-weight: 600;}
    table.table-board tbody td:nth-child(2){font-weight: 500;}
    table.table-board tbody td:nth-child(4){ color:#666666; font-size: 0.875rem;}
    table.table-board thead th,
    table.table-board thead td{ padding:12px 10px;}
    table.table-board colgroup col:last-child{ width:95px; }
    table.table-board colgroup col:nth-child(1), table.table-board colgroup col:nth-child(3),
    table.table-board thead th:nth-child(1), table.table-board thead th:nth-child(3),
    table.table-board tbody td:nth-child(1), table.table-board tbody td:nth-child(3){ display:none; }
}

/* 모바일 */
@media (min-width: 480px) and (max-width: 767px) { 
    .news-latest .news-latest-img{ min-width: 230px;}
    .news-latest .news-latest-item{ gap:10px;}

    table.table-board thead th{font-weight: 600;}
    table.table-board tbody td:nth-child(2){font-weight: 500;}
    table.table-board tbody td:nth-child(4){ color:#666666; font-size: 0.875rem;}
    table.table-board thead th,
    table.table-board thead td{ padding:12px 10px;}
    table.table-board colgroup col:last-child{ width:105px; }
    table.table-board colgroup col:nth-child(1), table.table-board colgroup col:nth-child(3),
    table.table-board thead th:nth-child(1), table.table-board thead th:nth-child(3),
    table.table-board tbody td:nth-child(1), table.table-board tbody td:nth-child(3){ display:none; }
}

/* 태블릿 */
@media (min-width: 768px) and (max-width: 1023px) { 
    table.table-board thead th,
    table.table-board thead td{ padding:12px 10px;}
}

/* PC (1024~1200) */
@media (min-width: 1024px) and (max-width: 1200px) { 
  
   
}

/* 대형 화면 (1200 이상)*/
@media (min-width: 1201px) {

 }