.bn-list-magazine01.type01 > ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 80px 10px;border-top: 2px solid #001B54;border-bottom: 1px solid #DDDDDD;padding: 40px 0 80px;}
.bn-list-magazine01.type01 > ul > li{position: relative;}
.bn-list-magazine01.type01 > ul > li .b-img-box{border-radius: 5px;overflow: hidden;width: 100%;aspect-ratio: 402 / 540;margin-bottom: 22px;position: relative;border: 1px solid #eee;}
.bn-list-magazine01.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;transform:scale(1.1);}
.bn-list-magazine01.type01 > ul > li .b-img-box .b-number{position: absolute;top: 10px;right: 10px;background: #004BAE;padding: 5px 12px;border-radius: 12px;font-weight: 700;font-size: 13px;line-height: 140%;letter-spacing: -0.02em;text-transform: uppercase;color: #fff;display: flex;align-items: center;justify-content: center;gap: 2px;}
.bn-list-magazine01.type01 > ul > li .b-img-box .b-number span{font-weight: 700;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;text-transform: uppercase;}

.bn-list-magazine01.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-magazine01.type01 > ul > li .b-i-box{display: flex;gap: 12px;}
.bn-list-magazine01.type01 > ul > li .b-i-box span{font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #666666;}
.bn-list-magazine01.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-magazine01.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-magazine01.type01 > ul > li a:hover .b-img-box img{transform: scale(1.15);}

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

@media screen and (max-width: 768px) {
	.bn-list-magazine01.type01 > ul {gap: 20px 9px;padding: 25px 0;}
	.bn-list-magazine01.type01 > ul > li .b-title {font-family: Pretendard;font-weight: 700;font-size: 15px;line-height: 140%;}
	.bn-list-magazine01.type01 > ul > li .b-i-box span {font-size:13px;}
	.bn-list-magazine01.type01 > ul > li .b-img-box .b-number {font-size: 11px;padding:3.5px 8px;border-radius:9px;min-height: 25px;min-width: 53px;box-sizing: border-box;}
	.bn-list-magazine01.type01 > ul > li .b-img-box .b-number span {font-size:13px;}
}