.gallery_wrap{
max-width:1300px;
margin:30px auto;
display:grid;
grid-template-columns:repeat(3, 1fr);
grid-gap:30px;
}
.gallery_wrap>div{
position:relative;
border:1px solid #fff000;
aspect-ratio:5/3;
}
.gallery_wrap>div img{
width:100%;
position:absolute;
display:block;
object-fit:cover;
aspect-ratio:5/3;
}
.gallery_wrap>div img.idb{
display:block;
}
.gallery_wrap>div img.idn{
display:none;
}
.grid_wrap{
display:grid;
grid-gap:0;
z-index:2;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.grid_wrap>div{
background-color:rgba(0,0,0,0.2);
cursor:pointer;
height: 100%;
border-bottom:3px solid rgba(255,255,255,0.5);
}
.grid_wrap>div.bslctd{
border-bottom:3px solid #ae8952;
}
.g1{
grid-template-columns:100%;	
}
.g2{
grid-template-columns:repeat(2, 1fr);
}
.g3{
grid-template-columns:repeat(3, 1fr);	
}
.g4{
grid-template-columns:repeat(4, 1fr);
}
.g5{
grid-template-columns:repeat(5, 1fr);	
}
.g6{
grid-template-columns:repeat(6, 1fr);	
}
.g7{
grid-template-columns:repeat(7, 1fr);	
}
@media screen and (max-width: 450px) {
	.gallery_wrap{
	grid-template-columns:100%;
	}
}