@charset "UTF-8";

#wrap {max-width: 1400px; margin: 0 auto; padding: 50px 20px;}

.board-select {margin-bottom: 40px;}
.board-select .form-search {position: relative; background: #f5f6f8; padding:20px; }
.board-select .form-search > button, .board-select .form-search > a {position: absolute; left: 30px; top: 50%; margin-top: -21px; display: inline-block; background-color: #18328c; padding: 5px 20px; color: #fff; border-radius: 3px; line-height: 2; font-size: 16px;}
.board-select .form-search form {padding-left: 190px; text-align: left;}
.board-select .tbl-search {text-align: center;}
.board-select .box-title {display: inline-block; background: url('../images/ic_search.png') no-repeat  left center; font-family: 'Noto Regular'; font-size:18px; margin-right: 20px; padding: 2px 0 2px 55px; color: #18327c; min-height: 40px; line-height: 40px;}
.board-select .box-sel {display: inline-block;}
.board-select .box-sel select {background: #fff url('../images/ic_search_arrow.png') no-repeat 88% center; font-size: 16px; font-family: 'Noto Light'; color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

@media all and (max-width: 1023px) {

}

@media all and (max-width:768px) {
  .board-select .form-search > button, .board-select .form-search > a {position: static; width: 100%; margin-bottom: 10px; text-align: center;}
  .board-select .form-search form {padding-left: 0; text-align: center;}
  .board-select .box-title {display: none;}
  .board-select .box-sel, .board-select .box-sel select {width: 100%;}
  .board-select .box-sel select {background: #fff url('../images/ic_search_arrow.png') no-repeat 97% center;}
}
.board-custom-table {display: table; width: 100%;}
.board-custom-table .board-thead {display: table-header-group;}
.board-custom-table .board-thead-th {display: table-cell; font-size: 18px; font-weight: 500; padding: 11px 0; border-bottom: 1px solid #080808;  border-top: 2px solid #000000; text-align: center; color: #333; line-height: 2;}

.board-custom-table .board-thead-th.th-name {width: 20%;}
.board-custom-table .board-thead-th.th-subject {width: auto;}
.board-custom-table .board-thead-th.th-date {width: 15%;}

.board-custom-table .board-tbody-tr {display: table-row;}
.board-custom-table .board-tbody-td {display: table-cell; font-size: 16px; color: #666666; font-weight: 400; text-align: center; border-bottom: 1px solid #cfcfd1; line-height: 24px; padding: 10px 0; line-height: 2; vertical-align: middle;}
.board-custom-table .board-tbody-tr:hover {background: #F6F8FA;}

@media all and (max-width: 1023px) {
  .board-custom-table {border-top: 2px solid #000000;}
  .board-custom-table .board-thead {display: none;}
  .board-custom-table .board-tbody-tr {display: block; border-bottom: 1px solid #cfcfd1; padding: 10px 20px;}
  .board-custom-table .board-tbody-td {position: relative; display: inline-block; vertical-align: middle; border-bottom: 0; padding: 0; font-size: 14px; line-height: 27px;}
  .board-custom-table .board-tbody-td.td-name, .board-custom-table .board-tbody-td.td-subject, .board-custom-table .board-tbody-td.td-date {display: block; text-align: left;}

}

@media all and (max-width:768px) {

}