@CHARSET "UTF-8";

.boardWrap table td a{display: block;font-size:16px; font-family: 'HG Regular'; color:#555555; display:flex; align-items:center; white-space:normal;}
.boardWrap table td a strong {display:-webkit-inline-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; line-height: 30px; background: linear-gradient(to bottom, transparent 98%, rgba(0,0,0,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.boardWrap table td a:hover strong{background-size:100% auto;}

.publications .col-num{width: 80px;}
.publications .col-name{width: calc(100% - 580px);}
.publications .col-num2{width: 150px;}
.publications .col-count{width: 150px;}
.publications .col-date{width: 200px;}

.tableBoard{border-top: 2px solid #003377;}
.tableBoard-header{display: flex; flex-wrap: wrap;}
.tableBoard-header .table-th{background-color: #f8f8f8; border-bottom: 1px solid #8b9099; padding: 14px 5px; font-weight: normal;}
.tableBoard-header .table-th.no-data{flex-wrap: wrap; width: 100%; justify-content: center; padding: 50px 0;}
.tableBoard-header .table-th p{color: #121212; font-family: "HG Regular"; font-size: 16px; text-align: center;}
.tableBoard-header .table-th:last-child{border-right: 0;}
.tableBoard-content .tableBoard-content-box {display: flex; flex-wrap: wrap;}
.tableBoard-content .table-th{background-color: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 14.5px 24px; font-weight: normal; text-align: center;}
.tableBoard-content .table-td.no-data{width: 100%;}
.tableBoard-content .table-td{background-color: white; border-bottom: 1px solid #E2E2E2; padding: 12px 10px; text-align: center; display: block; color: #444444; font-size: 16px;}
.tableBoard-content .table-td:last-child{border-right: 0;}
.tableBoard-content .no-data{display: block; text-align: center; width: 100%; padding: 50px 0; border-bottom: 1px solid #dddee0;}
.tableBoard-content a strong{background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s; font-size: 16px; color: #555555;}
.tableBoard-content a:hover strong{background-size: 100% 1px;}
.tableBoard .align-l{text-align: left;}

@media screen and (max-width: 768px) {
    .publications .col-num{display: none;}
    .publications .col-name{width: 100%;}
    .publications .col-num2{width: auto;}
    .publications .col-count{width: auto;}
    .publications .col-date{width: auto;}

    .tableBoard-header{display: none;}
    .tableBoard .tableBoard-content-box{border-bottom: 1px solid #dddee0; padding: 15px 0;}
    .tableBoard-content .table-th,
    .tableBoard-content .table-td{border: 0; padding: 0 15px; text-align: left; position: relative; background-color: transparent;}
    .tableBoard-content .table-td::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #555555;}
    .tableBoard .col-name::after,
    .tableBoard-content .table-td:last-child::after{display: none;}
    .tableBoard-content .table-td p{font-size: 13px;}
    .tableBoard-content .table-td p{color: #888888;}
    .tableBoard .col-name{width: 100%; margin-bottom: 10px;}
}