@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Quicksand:wght@300..700&family=Space+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,300');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Quicksand:wght@300..700&family=Space+Mono&family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* main page */
.gallery {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 5px;
	 padding: 5px;
	 transition: 0.3s;
	 margin-right: 30px;
}
 @media (min-width: 768px) {
	 .gallery {
		 grid-template-columns: repeat(1, 1fr);
	}
}
 @media (min-width: 1024px) {
	 .gallery {
		 grid-template-columns: repeat(2, 1fr);
	}
}
 @media (min-width: 1440px) {
	 .gallery {
		 grid-template-columns: repeat(2, 1fr);
	}
}
 .gallery:hover .gallery__image {
	 filter: grayscale(1);
}
 .gallery__link {
	 overflow: hidden;
}
 .gallery__link:hover .gallery__image {
	 filter: grayscale(0);
}
 .gallery__link:hover .mainCaption {
	 opacity: 1;
}
 .gallery__thumb {
	 position: relative;
	 height: 100%;
	 aspect-ratio: 10 / 7.4;
}
 .gallery__image {
	 display: block;
	 width: 100%;
	 object-fit: cover;
	 transition: 0.3s;
}
 .gallery__image:hover {
	 transform: scale(1.1);
}
 .mainCaption {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 padding: 25px 0px 15px;
	 width: 100%;
	 font-family: "Noto Sans JP", serif;
	 font-size: 14px;
	 color: rgb(0, 0, 0);
	 opacity: 0;
	 transition: 0.3s;
}