@charset "utf-8";

@import url("/Web-home/fnct/bbs/JW_bbs_table/css/style.css");

/* Thumnail-list */
.thumnailWrap{border-top:2px solid #000;margin-bottom:5rem;}
.thumnailWrap > ul > li{border-bottom:1px solid #e2e2e2;position:relative;}
.thumnailWrap a{padding:3rem;transition: all ease .3s;border:2px solid transparent;display: flex;align-items:center;justify-content:space-between;}
.thumnailWrap a:hover{border-color:#6b1b1f;background:#fffdfd;}

.thumnailWrap .thum{overflow: hidden;height:17rem;width:26rem;}
.thumnailWrap .thum img{width:100%; height:100%; object-fit: cover; object-position: top;border:1px solid #DDD;}

.thumnailWrap .conts{overflow: hidden;width:calc(100% - 31rem);}
.thumnailWrap .conts .sub{}
.thumnailWrap .conts .sub .num{font-size:1.6rem;color:#555;font-family:'pre-l';margin-bottom:1rem;display:none;}

.thumnailWrap .conts .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;font-size:2rem;font-family: 'pre-b';color:#212121;font-weight: normal;position: relative;margin-bottom:1rem;}
.thumnailWrap .conts .contentTxt{font-size:1.8rem;font-family: 'pre-m';color: #666;margin-bottom:1.5rem; line-height:1.5;}

.thumnailWrap .conts .detail{display:flex;align-items:center;}
.thumnailWrap .conts .detail li{font-family:'pre-r';font-size:1.6rem;color:#666;position: relative;display:flex;align-items:center;}
.thumnailWrap .conts .detail li strong{font-weight:normal;font-family:'pre-r';display:flex;align-items:center;}
.thumnailWrap .conts .detail li strong::after{content:":";padding:0 0.3rem;}
.thumnailWrap .conts .detail li:before{content:'';width:1px;height:1.4rem;background:#ccc;margin:0 1rem;}
.thumnailWrap .conts .detail li:nth-child(1){padding-left:0;}
.thumnailWrap .conts .detail li:nth-child(1)::before{display:none;}
.thumnailWrap .conts .detail li.file strong{display:none;}
.thumnailWrap .conts .detail li img{width:3rem;}
.thumnailWrap .conts strong.title p{display:inline-block;}

.thumnailWrap .new,
.thumnailWrap .lock,
.thumnailWrap .clsdr,
.thumnailWrap .link{width:2rem;height:1.9rem;display:block;margin-left:0.5rem;text-indent:-99999999px;}
.thumnailWrap .new{background:url('../images/new_2.png') no-repeat center;}
.thumnailWrap .lock{background:url('../images/lock.png') no-repeat center;}
.thumnailWrap .clsdr{background:url('../images/clsdr.png') no-repeat center;}
.thumnailWrap .link{background:url('../images/link.png') no-repeat center;}

@media screen and (max-width:1280px){
    .thumnailWrap a{padding:3rem 1rem;}
}
@media screen and (max-width:768px){
	.thumnailWrap a{display:block;padding:2rem 0;}
	.thumnailWrap .thum{height:auto;width:100%;max-height:25em;}
	.thumnailWrap .conts{width:100%;margin-top:2rem;}
    .thumnailWrap .conts .detail li strong{display:none;}
}