@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 .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 {display: none;}
  .board-select .box-title {display: none;}
  .board-select .box-sel, .board-select .box-sel select {width: 100%; margin-top: 10px;}
  .board-select .box-sel, .board-select .box-sel select:first-child {margin-top: 0;}
  .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-num {width: 8%;}
.board-custom-table .board-thead-th.th-company {width: 15%;}
.board-custom-table .board-thead-th.th-region {width: 10%;}
.board-custom-table .board-thead-th.th-category {width: 20%;}
.board-custom-table .board-thead-th.th-product {width: auto;}
.board-custom-table .board-thead-th.th-name {width: 10%;}

.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;}
.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-num, .board-custom-table .board-tbody-td.td-product {display: block; text-align: left;}
  .board-custom-table .board-tbody-td.td-num {color: #111;}
  .board-custom-table .board-tbody-td.td-company::after, .board-custom-table .board-tbody-td.td-region::after {content: ""; display: inline-block; width: 1px; height: 12px; background: #d1d1d1; margin: 0 10px;}

}

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

}

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {line-height: 33px;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}