.bn-list-img-cont01.type01 > ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px 10px;border-top: 2px solid #001B54;border-bottom: 1px solid #DDDDDD;padding: 40px 0;}
.bn-list-img-cont01.type01 > ul > li{position: relative;}
.bn-list-img-cont01.type01 > ul > li .b-img-box{border-radius: 5px;overflow: hidden;height: 302px;margin-bottom: 22px;position: relative;border: 1px solid #eee;}
.bn-list-img-cont01.type01 > 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.type01 > 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.type01 > ul > li .b-img-box .b-cate.color01{background: #004BAE;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color02{background: #43C1C3;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color03{background: #74C343;}

.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color04{background: #5D00AE;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color05{background: #E74C3C;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color06{background: #9B59B6;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color07{background: #1ABC9C;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color08{background: #34495E;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color09{background: #E67E22;}
.bn-list-img-cont01.type01 > ul > li .b-img-box .b-cate.color10{background: #2ECC71;}


.bn-list-img-cont01.type01 > ul > li .b-title{font-weight: 700;font-size: 19px;line-height: 23px;letter-spacing: -0.02em;text-transform: uppercase;color: #222222;margin-bottom: 16px;}
.bn-list-img-cont01.type01 > 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.type01 > ul > li .b-i-box{display: flex;gap: 12px;}
.bn-list-img-cont01.type01 > 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.type01 > ul > li .b-i-box span.b-date{background: url('../img/board/video-date.png') no-repeat top 3.5px left;padding-left: 15px;}
.bn-list-img-cont01.type01 > ul > li .b-i-box span.b-hit{background: url('../img/board/video-view.png') no-repeat top 3.5px left;padding-left: 20px;}

.bn-list-img-cont01.type01 > ul > li a:hover .b-img-box img{transform: scale(1.1);}

@media screen and (max-width: 1024px) {
	.bn-list-img-cont01.type01 > ul{grid-template-columns: repeat(2, 1fr);gap: 30px 10px;padding: 30px 0;}
	.bn-list-img-cont01.type01 > ul > li .b-img-box{margin-bottom: 16px;}
	.bn-list-img-cont01.type01 > ul > li .b-title{margin-bottom: 10px;}
}

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