@charset "UTF-8";

/* Search */
.board-search {display: inline-block; width: 100%; }
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .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 0px; color: #18327c; min-height: 40px;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle; max-width: 19%;}
.board-search .box-sel select {font-size: 16px; font-family: 'Noto Light'; color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; padding-left: 20px; padding-right: 35px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%;}
.board-search .box-sel::after {content: ""; position: absolute; width: 9px; height: 6px; background: #fff url('../images/ic_search_arrow.png') no-repeat center; right: 15px; z-index: 2; top: 50%; margin-top: -3px;}
.board-search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.major-btn {display: inline-block;}
.major-btn button {display: inline-block; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer; border: 0;}
.board-rss {display: inline-block; width: 100%; margin-bottom: 20px;}
.board-rss .util-search {font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.board-rss .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-rss .util-search strong {font-family: 'Noto Medium'; font-size: 16px; color: #333;}

@media all and (max-width:780px) {
    .board-search .box-title {display: none;}
    .major-content  .board-search .tbl-search {display: block;}
    .board-search .util-search {display: none;}
    .major-content .board-search .box-sel {float: left; display: inline-block; width:48%; margin-right: 0; padding: 0 1%; margin-bottom: 10px;}
    .board-search .box-sel {max-width: 100%;}
    .board-search .box-sel select {min-width: auto; width: 100%;}
    .board-search .box-search {display: table-cell;}
    .major-btn button {text-indent: 0; width: 100px; background: #10489F; font-size: 16px; color: #fff; padding: 0 10px; height: 45px;}
}

/* List Table */
.scroll-table {position: relative;}
table {width: 100%;}
.board-table .col-admin {width: 4%;}
.board-table .col-num {width: 6%;}
.board-table .col-word {width: 11%;}
.board-table .col-write {width: 9%;}
.board-table .col-date {width: 10%;}
.board-table .col-comment {width: 10%;}
.board-table .col-acess {width: 6%;}
.board-table .col-file {width: 7%;}
.board-table .col-link {width: 10%;}
.board-table .col-status {width: 7%;}
.board-table .col-grade {width: 10%;}

.board-table .col-reco-y,
.board-table .col-reco-n,
.board-table .col-comment {display: none;}

.board-table .th-reco-y,
.board-table .th-reco-n,
.board-table .th-comment {display: none;}

.board-table .td-reco-y,
.board-table .td-reco-n,
.board-table .td-comment {display: none;}

.board-table thead th { background: #fff; font-size: 18px; font-family: 'Noto Medium'; font-weight: 500; padding: 11px 0; border-bottom: 1px solid #080808; border-top: 2px solid #000000;}


.board-table tbody tr.notice {background: #F6F8FA;}
.board-table tbody tr.notice .td-num {text-indent: -99999px; /* background: url('../images/ico-notice.png') no-repeat center center; */}
.board-table tbody tr:hover {background: #F6F8FA;}
.board-table tbody td {overflow: hidden; text-align: center; font-size: 16px; font-family: 'Noto Light'; padding: 10px 0; color: #666666; border-bottom: 1px solid #cfcfd1; line-height: 24px;}
.board-table tbody td.td-subject {font-size: 16px; color: #666666; text-align: left; font-weight: normal;}
.board-table tbody td.td-subject a {position: relative; display: inline-block;}
.board-table tbody td.td-subject a strong {display: inline-block; vertical-align: middle; color: #666666; word-break: break-all;}
.board-table tbody td.td-subject .new {position: relative; z-index: 2; display: inline-block; width: 20px; height: 20px; font-family: "Noto Bold"; color: #fff; background: #0279F3; border-radius: 50%; text-align: center; line-height: 20px; vertical-align: middle; font-size: 12px; letter-spacing: -0.5px; text-indent: -2px;}
.board-table tbody td.td-subject .comment {display: inline-block; vertical-align: middle; margin-left: 3px; color: #ff5a00;}
.board-table tbody tr.trash td.td-subject a strong {text-decoration: line-through;}
.board-table tbody tr.trash .td-subject a {}
.board-table tbody tr.trash .td-subject a::before {content: "TRASH"; display: inline-block; width: 50px; height: 20px; background: #6D757C; border-radius: 3px; text-align: center; font-size: 12px; font-family: "Noto Medium"; color: #fff; line-height: 20px; vertical-align: middle;}
.board-table tbody td.td-file {text-indent: -9999px;}
.board-table tbody td.td-file.file {background: url('../images/ic_file.png') no-repeat center center;}

@media all and (max-width:860px) {
    .board-table .col-date {width: 25%;}
    .col-admin,
    .col-num,
    .col-word,
    .col-acess,
    .col-file,
    .col-write,
    .col-grade,
    .th-admin,
    .th-num,
    .th-word,
    .th-acess,
    .th-file,
    .th-write,
    .td-admin,
    .td-num,
    .td-word,
    .td-access,
    .td-file,
    .td-write,
    .th-etc,
    .td-etc {display: none;}
}