.bn-list-img-cont01.type02 > ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px 20px;border-top: 2px solid #000E2D;border-bottom: 1px solid #DDDDDD;padding: 27px 0 61px 0;}
.bn-list-img-cont01.type02 > ul > li{position: relative;}
.bn-list-img-cont01.type02 > ul > li .b-img-box{border-radius: 5px;overflow: hidden; height: 236px;margin-bottom: 25px;position: relative;}
.bn-list-img-cont01.type02 > ul > li .b-img-box img{max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s ease;}
.bn-list-img-cont01.type02 > ul > li .b-img-box .b-cate{position: absolute;top: 10px;right: 10px;font-weight: 700;font-size: 13px;line-height: 16px;letter-spacing: -0.01em;color: #FFFFFF;background: #004BAE;padding: 8px 12px;border-radius: 12px;}

.bn-list-img-cont01.type02 > ul > li .b-title{letter-spacing: -0.02em;text-transform: uppercase;color: #222;margin-bottom: 16px;font-weight: 700;font-size: 20px;line-height: 30px;margin-bottom: 20px;}
.bn-list-img-cont01.type02 > ul > li .b-text{font-weight: 500;font-size: 15px;line-height: 140%;letter-spacing: -0.02em;text-transform: uppercase;color: #666666;margin-bottom: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.bn-list-img-cont01.type02 > ul > li .b-i-box{display: flex;gap: 20px;}
.bn-list-img-cont01.type02 > ul > li .b-i-box span{font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #666666;}
.bn-list-img-cont01.type02 > ul > li .b-i-box span.b-date{background: url('../img/temp/ico-calendar.png') no-repeat center left;padding-left: 21px;}
.bn-list-img-cont01.type02 > ul > li .b-i-box span.b-hit{background: url('../img/temp/ico-user02.png') no-repeat center left;padding-left: 21px;}

.bn-list-img-cont01.type02 > ul > li a:hover .b-img-box img{transform: scale(1.1);}
.bn-list-img-cont01.type02 .b-top-info-wrap {align-items:flex-start;flex-direction:column-reverse;}
.bn-list-img-cont01.type02 .b-top-info-wrap .b-total {position: static;}
@media screen and (max-width: 1024px) {
	.bn-list-img-cont01.type02 > ul{grid-template-columns: repeat(2, 1fr);gap: 30px 10px;padding: 30px 0;}
	.bn-list-img-cont01.type02 > ul > li .b-img-box{margin-bottom: 16px;}
	.bn-list-img-cont01.type02 > ul > li .b-title{margin-bottom: 10px;}
}

@media screen and (max-width: 768px) {
	.bn-list-img-cont01.type02 > ul{grid-template-columns: repeat(1, 1fr);}
}