.bn-list-brochure01.type01 > ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 64px 40px;border-top: 1px solid #666;padding: 40px 0 0;}
.bn-list-brochure01.type01 > ul > li{position: relative;}
.bn-list-brochure01.type01 > ul > li .b-img-box{border-radius: 5px;overflow: hidden;width: 100%;aspect-ratio: 589 / 778;position: relative;}
.bn-list-brochure01.type01 > ul > li .b-img-box:before {content:"";position:absolute;bottom:0;background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 101.98%);width:100%;height:100%;}
.bn-list-brochure01.type01 > ul > li a:hover .b-img-box img{transform: scale(1.1);}
.bn-list-brochure01.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;position:relative;z-index:-1;}
.bn-list-brochure01.type01 > ul > li .b-con-box {position:absolute;bottom:32px;padding: 0 24px;width: 100%;box-sizing: border-box;}
.bn-list-brochure01.type01 > ul > li .b-title{font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.02em;color:#fff;margin: 0 0 52px 0;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;vertical-align: middle;}
.bn-list-brochure01.type01 > ul > li .b-i-box ul {display: flex;gap: 8px;}
.bn-list-brochure01.type01 > ul > li .b-i-box ul li {width:calc(50% - 4px);box-sizing:border-box;}
.bn-list-brochure01.type01 > ul > li .b-i-box ul li a {font-family: Paperlogy;font-weight: 500;font-size: 16px;line-height: 20px;letter-spacing: 0.3px;text-align: center;color:#fff;padding: 12px 0;border:1px solid #fff;border-radius: 5px;display:block;}
.bn-list-brochure01.type01 > ul > li .b-i-box ul li a span {display:inline-block;position:relative;padding-right:30px;}
.bn-list-brochure01.type01 > ul > li .b-i-box ul li a.b-view span{background: url('../img/board/ico-view-w.png') no-repeat center right;}
.bn-list-brochure01.type01 > ul > li .b-i-box ul li a.b-down span{background: url('../img/board/ico-download-w.png') no-repeat center right;}



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

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