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

/***** Thumnail-list *****/
.thumnailWrap{border-top:.2rem solid #000;margin-bottom: 8rem;}
.thumnailWrap a{padding:3rem 3rem 3rem 0;transition: all ease .3s;display: flex;}
.thumnailWrap a:hover{background: #f6f8fa;}
.thumnailWrap > ul > li{border-bottom:1px solid #e2e2e2;position: relative;}
.thumnailWrap .sub{display: flex;align-items: center;justify-content: center;width: 11rem;color: #555;font-family: plGOV;font-size: 1.5rem;margin-bottom: 1.5rem; flex-shrink: 0;}
.thumnailWrap .thum{margin-right: 3rem;overflow: hidden; height:14rem; width: 20rem; flex-shrink: 0; border-radius:.5rem;}
.thumnailWrap .thum img{width:100%; height:100%; object-fit: cover; object-position: top;}
.thumnailWrap .conts{overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;}
.thumnailWrap .conts .brackets{font-family: 'Noto Regular';margin-left:1rem;background: #3254a7;color: #fff;padding: .3rem 1rem;font-size: 1.4rem;border-radius: .5rem;}
.thumnailWrap .conts .numb{font-size:16px;color:#555;font-family:'Noto Light';margin-bottom: 1rem;display: block;}
.thumnailWrap .conts strong.title{display: flex;align-items: center; flex-wrap: wrap;font-size: 1.9rem;font-family:psbGOV;color:#555;font-weight: normal;position: relative;line-height: 1.5; transition:color .5s;}
.thumnailWrap .conts strong.title > .title-line{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; max-width: calc(100% - 4rem);}
.thumnailWrap .conts strong.title .title-line span {background-image: linear-gradient(#256EF4, #256EF4); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.thumnailWrap a:hover .conts strong.title {color:#256EF4;}
.thumnailWrap a:hover .conts strong.title .title-line span {background-size:100% .1rem;}

.thumnailWrap .conts .contentTxt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2; min-height:6rem; font-family: plGOV; font-size: 1.7rem; line-height: 3rem; color:#555;}
.thumnailWrap .conts .detail{font-size:0;}
.thumnailWrap .conts .detail li{display: inline-block;vertical-align: top;font-family:plGOB;font-size:1.3rem;color:#666;padding:0 2rem;position: relative;}
.thumnailWrap .conts .detail li strong{display: inline-block; margin-right:.5rem; font-family: 'Noto Demilight'; color:#555;}
.thumnailWrap .conts .detail li img{display:inline-block;vertical-align:middle;}
.thumnailWrap .conts .detail li:nth-child(1){padding-left:0;}
.thumnailWrap .conts .detail li + li:before{content:'';width:.1rem;height: 1.4rem;background: #ccc;position: absolute;left:0;top:.4rem;}
.thumnailWrap .conts .detail li span{font-size:16px;color:#555;font-family: 'Noto Regular';margin-right:7px;display: inline-block;}
.thumnailWrap .conts .detail li.file strong{display:none;}
.thumnailWrap .conts strong.title p{display:inline-block;}
.thumnailWrap .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;}
.thumnailWrap .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;}
.thumnailWrap .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;}
.thumnailWrap .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;}
.thumnailWrap .notice-title{font-size: 16px;color:#fff;background:#8b0029;font-family: 'Noto Light';border-radius: 3px;padding:2px 7px 3.5px;}
.thumnailWrap .notice,
.thumnailWrap .notice a{color:#008bd0;}
.thumnailWrap .trash{color:#bbbbbb;}
.thumnailWrap .trash a{color:#bbbbbb;text-decoration: line-through;max-width:calc(100% - 110px);display:inline-block;}
.thumnailWrap .trash a:hover{color:#bbb;}

.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;}

.thumnailWrap .password_check_view{top:120px;left:515px;}


.thumnailWrap > ul > li.no-data {padding:2rem 0;text-align: center; font-size: 1.7rem; color:#121212;}

@media screen and (max-width:1200px){
    /* .thumnailWrap a{padding: 30px 10px;} */
    /* .thumnailWrap .thum{padding-right: 30px; max-height: 100%;}
    .thumnailWrap .conts{} */
}


@media screen and (max-width:767px){
.thumnailWrap a{display: block; padding:3rem; }
.thumnailWrap .sub {position: relative; width:auto; justify-content: start;}
.thumnailWrap .sub::before {content:'NO. '; display: block;}
.thumnailWrap .conts strong.title{margin-bottom: 15px;padding-bottom:15px; font-size:22px;}
.thumnailWrap .conts .contentTxt{margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:16px; height: 75px;overflow: hidden;}
.thumnailWrap .thum{max-width: 100%;width: 100%;padding-right: 0;margin-bottom: 30px; height:350px;}
.thumnailWrap .conts{}
.thumnailWrap .conts .detail li + li + li{display:none;}
}

@media screen and (max-width:600px){
    .thumnailWrap .thum{height:250px;}
}

.view .attachment{display: none;}