.bn-list-img01.type01 > ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 64px 40px;border-top: 1px solid #666;border-bottom: 1px solid #DDDDDD;padding: 40px 0;}
.bn-list-img01.type01 > ul > li{position: relative;}
.bn-list-img01.type01 > ul > li .b-img-box{overflow: hidden;height: 260px;margin-bottom: 24px;position: relative;}
.bn-list-img01.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-img01.type01 > ul > li .b-title{font-weight: 500;font-size: 20px;line-height: 150%;letter-spacing: -0.02em;color: #111;margin: 0 0 16px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.bn-list-img01.type01 > ul > li .b-i-box{display: flex;gap: 24px;}
.bn-list-img01.type01 > ul > li .b-i-box span{font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color:#666;position:relative;}
.bn-list-img01.type01 > ul > li .b-i-box span + span:before {content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: #666;left: -12px;}
.bn-list-img01.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-img01.type01 > ul > li .b-i-box span.b-hit{background: url('../img/board/ico-view.png') no-repeat top 3.5px left;padding-left: 20px;color:rgba(102, 102, 102, 0.8);}
.bn-list-img01.type01 > ul > li a:hover .b-img-box img{transform: scale(1.1);}

/*for meet-the-dean */
.meet-the-dean .bn-list-img01.type01 > ul {grid-template-columns: repeat(3, 1fr)}
.meet-the-dean .bn-list-img01.type01 > ul > li .b-img-box {border: 1px solid #CCCCCC;border-radius: 8px;height: 425px;}
.meet-the-dean .bn-list-img01.type01 > ul > li .b-img-box img {}

/*video*/
.video .bn-list-img01.type01 > ul {grid-template-columns: repeat(3, 1fr)}
.video .bn-list-img01.type01 > ul > li .b-img-box {border: 1px solid #CCCCCC;border-radius: 8px;height: 262px;}
.video .bn-list-img01.type01 > ul > li .b-img-box img {}
@media (max-width: 1200px) {
	.bn-list-img01.type01 > ul {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
	.bn-list-img01.type01 > ul{grid-template-columns: repeat(2, 1fr);gap: 30px 10px;padding: 30px 0;}
	.bn-list-img01.type01 > ul > li .b-img-box{margin-bottom: 16px;}
	.bn-list-img01.type01 > ul > li .b-title{margin-bottom: 10px;}
	.bn-list-img01.type01 > ul {gap: 34px 20px;}
}

@media screen and (max-width: 768px) {
	.bn-list-img01.type01 > ul{grid-template-columns: repeat(1, 1fr);}
	.bn-list-img01.type01 > ul > li .b-title {font-size:18px;}
	
	.meet-the-dean .bn-list-img01.type01 > ul{grid-template-columns: repeat(1, 1fr);}
	.meet-the-dean .bn-list-img01.type01 > ul > li .b-img-box {height: 325px;}
	
	.video .bn-list-img01.type01 > ul{grid-template-columns: repeat(1, 1fr);}
	
}