.bn-list-magazine01.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 60px;}
.bn-list-magazine01.type02 > ul > li{position: relative;}
.bn-list-magazine01.type02 > ul > li .b-img-box{border-radius: 5px;overflow: hidden;width: 100%;aspect-ratio: 402 / 540;margin-bottom: 30px;position: relative;}
.bn-list-magazine01.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;transform:scale(1.1);}
.bn-list-magazine01.type02 > ul > li .b-img-box .b-number{position: absolute;top: 12px;left: 10px;background: #E6EEFB;padding: 5px 12px;border-radius: 999px;font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;text-transform: uppercase;color: #004EDB;display: flex;align-items: center;justify-content: center;gap: 2px;max-width: 80px;width: 100%;box-sizing: border-box;}
.bn-list-magazine01.type02 > ul > li .b-img-box .b-number span{font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;text-transform: uppercase;}

.bn-list-magazine01.type02 > ul > li .b-title{font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.02em;text-transform: uppercase;color: #222222;margin-bottom: 20px;}
.bn-list-magazine01.type02 > ul > li .b-i-box{display: flex;gap: 12px;}
.bn-list-magazine01.type02 > ul > li .b-i-box span{font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #666666;}
.bn-list-magazine01.type02 > ul > li .b-i-box span.b-date{background: url('/_res/unist/_share/img/temp/ico-date.png') no-repeat center left;padding-left: 18px;}
.bn-list-magazine01.type02 > ul > li .b-i-box span.b-hit{background: url('/_res/unist/_share/img/temp/ico-view.png') no-repeat center left;padding-left: 20px;}

.bn-list-magazine01.type02 > ul > li a:hover .b-img-box img{transform: scale(1.15);}

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

@media screen and (max-width: 768px) {
	.bn-list-magazine01.type02 > ul {gap: 20px 9px;padding: 25px 0;}
	.bn-list-magazine01.type02 > ul > li .b-title {font-family: Pretendard;font-weight: 700;font-size: 15px;line-height: 140%;}
	.bn-list-magazine01.type02 > ul > li .b-i-box span {font-size:13px;}
	.bn-list-magazine01.type02 > 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.type02 > ul > li .b-img-box .b-number span {font-size:13px;}
}

@media screen and (max-width: 400px) {
	.bn-list-magazine01.type02 > ul > li .b-i-box span.b-date {background: url('/_res/unist/_share/img/temp/ico-date.png') no-repeat top 3.5px left;}
	.bn-list-magazine01.type02 > ul > li .b-i-box span.b-hit {background: url('/_res/unist/_share/img/temp/ico-view.png') no-repeat top 3.5px left;}
}