@charset "utf-8";
@import url(/Web-home/fnct/bbs/bbs_common/css/mil_board_common_px.css);

/***** Table *****/
.boardWrap{margin-bottom: 70px;}
.boardWrap table {border-top: 2px solid #353e4d;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px;}
.boardWrap table caption{display:none;}
.boardWrap table th {background-color: #f8f8f8;color:#121212;font-weight: normal;border-bottom: 1px solid #ddd;padding: 20px 5px;font-size: 18px;font-family:pb;}
.boardWrap table td {border-bottom: 1px solid #dcdcdc;padding: 20px 10px;white-space: nowrap;text-overflow: ellipsis;font-family:pl;font-size: 18px;color:#666;position:relative;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{display: flex; flex-wrap: wrap;}
.boardWrap table td a strong{position: relative;font-family:psb;display: block;font-size: 19px;color:#333;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 55px);line-height: 28px;}
.boardWrap table td a:hover strong{color:#256EF4;}
.boardWrap table td a strong::before {content:''; position: absolute; left:0; bottom:0; width:0%; height:1px; background:#256EF4; transition:width .3s;}
.boardWrap table td a:hover strong::before {width:100%;}

.boardWrap table td a img{vertical-align: middle;}
.boardWrap table td img{display:block;margin:0 auto;}

.boardWrap table td.td-title {color:#555;}
.boardWrap table td.td-write,
.boardWrap table td.td-date,
.boardWrap table td.td-comment,
.boardWrap table td.td-access,
.boardWrap table td.td-file {color:#444;}
.boardWrap tbody .td-file > div{position: relative;}
.boardWrap tbody .td-file .file-count{display: inline-block; position: absolute; bottom: -1px; width: 15px; height: 15px; border-radius: 50%; background-color: #003675; text-align: center; line-height: 15px; color: white; font-family: pl; font-size: 8px;}

.boardWrap .boardTitle{color:#003d7e;font-size:16px;font-weight:600;}
.boardWrap th,
.boardWrap td{border-right:#dddee0;border-left:#dddee0;}
.boardWrap .new{background: url('../images/ic-new.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .lock{background: url('../images/ic-lock.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .clsdr{background: url('../images/ic-clsdr.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .link{background: url('../images/ic-link.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .notice-title{font-size: 16px;color:#fff;background:#273ca5;font-family: 'Noto Light';border-radius: 3px;padding:2px 7px 3.5px;}
.boardWrap .notice,
.boardWrap .notice a{color:#273ca5;}
.boardWrap .trash{color:#bbbbbb;}
.boardWrap .trash a{color:#bbbbbb;text-decoration: line-through;max-width:calc(100% - 110px);display:inline-block;}
.boardWrap .trash a:hover{color:#bbb;}
.boardWrap .trashspan{font-size:12px;font-family: 'Noto Regular';background: #a0acb5;padding:2px 5px;border-radius: 3px;color:#fff;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -12px;}

.boardWrap table td input[type="button"]{padding: 5px 12px;background:#273ca5;border-radius: 5px;color:#fff;border:1px solid rgba(0,0,0,0);transition:all ease .5s;}
.boardWrap table td input[type="button"]:hover{border:1px solid #273ca5;background:#fff;color:#273ca5;font-family:pr;}
.boardWrap table td.td-etc{overflow:hidden;}

.before_nect_use .lock{background: url('../images/ic-lock.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.before_nect_use .clsdr{background: url('../images/ic-clsdr.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.before_nect_use .link{background: url('../images/ic-link.png') no-repeat center;width:20px;height:19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}

.writeForm .artclLabel{position: relative;}
.writeForm .artclLabel .must{position: static; margin-top: 0;}
.writeForm .artclLabel em{padding-right: 0; padding-left: 10px;}


.boardWrap table .col-check{width:50px;}
.boardWrap table .col-num{width:8%;}
.boardWrap table .col-title{width:auto;}
.boardWrap table .col-writer{width:10%;}
.boardWrap table .col-date{width:10%;}
.boardWrap table .col-comment{width:7%;}
.boardWrap table .col-counts{width:7%;}
.boardWrap table .col-file{width:9%;}
.boardWrap table .col-etc{width:10%;}

@media screen and (max-width:1200px){
	.boardWrap table th{font-size:16px;}
	.boardWrap table .col-file{width:12%;}
}

@media screen and (max-width:1024px){
	.boardWrap table .col-num,
	.boardWrap table .th-num,
	.boardWrap table .td-num{display:none;}
}

@media screen and (max-width:767px){
	.boardWrap table{display: block;}
	.boardWrap table thead{display: none;}
	.boardWrap table tbody{display: block;text-align: left;}
	.boardWrap table .td-title{display:block;width:100%;box-sizing: border-box;padding-top: 0;padding-bottom: 7px;line-height: 1.4;}
	.boardWrap table tr{display: block;border-bottom:1px solid #dddee0;overflow: hidden;padding-bottom: 17px;padding-top: 17px;}
	.boardWrap table td{border-bottom:0;float:left;padding: 0 7px 0;position: relative;}
	.boardWrap table td + td + td + td:before{content:'';width:1px;height:10px;background: #dfdfdf;position: absolute;left:0;top: 6px;}
	.boardWrap table .td-writer,
	.boardWrap table .td-write,
	.boardWrap table .td-date,
	.boardWrap table .td-counts,
	.boardWrap table .td-file,
	.boardWrap table .td-access,
	.boardWrap table .td-comment,
	.boardWrap table .td-etc{display: inline-block;vertical-align: top;font-size: 13px;color:#888;font-family: 'Noto Light';}
	.boardWrap table .td-file img{width:20px;display: inline-block;margin-top:3px;}
	.boardWrap tbody .td-file .file-count {right:-6px}
}