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

.boardWrap{border-top: .2rem solid #353e4d;}
.boardWrap colgroup{display: none;}
.boardWrap thead{display: none;}
.boardWrap tbody{display: block; width: 100%;}
.boardWrap tbody tr{display: flex; flex-wrap: wrap; width: 100%; padding: 2.4rem 10.5rem 2rem 13.5rem; border-bottom: .1rem solid #dcdcdc; position: relative;}
.boardWrap tbody tr.notice{background-color: #f8f8f8;}
.boardWrap tbody tr:hover{background-color: #f0f9fc;}
.boardWrap tbody td{display: block; font-size: 1.3rem; color: #666666; font-family: plGov; padding-right: 2.1rem; margin-right: 1.8rem; position: relative;}
.boardWrap tbody td::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.65rem; width: .1rem; height: 1.3rem; background-color: #dfdfdf;}
.boardWrap tbody .td-admin{position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); margin-right: 0; padding-right: 0;}
.boardWrap tbody .td-num{position: absolute; left: 3rem; top: 50%; transform: translateY(-50%); margin-right: 0; padding-right: 0; text-align: center; width: 5rem; font-size: 1.5rem;}
.boardWrap tbody .notice-title{display: inline-block; width: 5rem; height: 2.5rem; line-height: 2.5rem; color: white; border-radius: .5rem; background-color: #003675; text-align: center;}
.boardWrap tbody .td-num p{font-size: 1.5rem; color: #555555; font-family: plGov; margin-top: .7rem;}
.boardWrap tbody .td-file{position: absolute; right: 3.2rem; top: 50%; transform: translateY(-50%); margin-right: 0; padding-right: 0;}
.boardWrap tbody .td-file .file-count{display: inline-block; position: absolute; right: -.5rem; bottom: -.1rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #003675; text-align: center; line-height: 1.5rem; color: white; font-family: plGov; font-size: .8rem;}
.boardWrap tbody .td-admin::after,
.boardWrap tbody .td-num::after,
.boardWrap tbody .td-title::after,
.boardWrap tbody .td-counts::after,
.boardWrap tbody .td-file::after{display: none;}
.boardWrap tbody td a{display: block;}
.boardWrap tbody .td-title{width: 100%; padding-right: 0; margin-right: 0; margin-bottom: 1.5rem;}
.boardWrap tbody .td-title a{font-size: 1.9rem; color: #555555; font-family: psbGov; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.boardWrap tbody .td-title a strong{background-image: linear-gradient(#256ef4, #256ef4); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.boardWrap tbody td .lock{text-indent: -9999rem; width: 1.4rem; height: 1.7rem; background: url(../images/ic-secret.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 1rem; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td .clsdr{text-indent: -9999rem; width: 1.4rem; height: 1.7rem; background: url(../images/ic-secret.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 1rem; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td .new{text-indent: -9999rem; width: 1.8rem; height: 1.8rem; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-new.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 1rem; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td .link{text-indent: -9999rem; width: 1.4rem; height: 1.4rem; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-blank2.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 1rem; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody .td-title a:hover{color: #256ef4;}
.boardWrap tbody .td-title a:hover strong{background-size: 100% .1rem;}
.boardWrap tbody .td-title a .new{text-indent: -9999rem; display: inline-block; width: 1.9rem; height: 1.8rem; background: url(../images/ic-new.png) no-repeat center center / cover; position: relative; top: .5rem;}
.boardWrap tbody .td-counts{padding-right: 0; margin-right: 0;}
.boardWrap tbody .td-write::before{content:"작성자 : ";}
.boardWrap tbody .td-date::before{content:"작성일 : ";}
.boardWrap tbody .td-counts::before{content:"조회수 : ";}

.boardWrap tbody td.no-data {width:100%; padding-right: 0; margin-right: 0; text-align: center; }
.boardWrap tbody td.no-data::after {display: none;}

@media screen and (max-width: 768px) {
    .boardWrap tbody .td-num{left: 2rem;}
    .boardWrap tbody tr{padding: 2rem 7rem 2rem 9rem;}
    .boardWrap tbody .td-title{margin-bottom: 1rem;}
    .boardWrap tbody .td-title a{font-size: 1.6rem;}
    .boardWrap tbody td{padding-right: 1rem; margin-right: .8rem; font-size: 1.3rem;}
    .boardWrap tbody .td-num{font-size: 1.5rem;}
}