@charset "utf-8";

.list-container { margin-top:10px; margin-bottom:20px; border: 0px solid #ccc; }

.list-container .artfair-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
/*
.list-container .artfair-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
.list-container .artfair-image-list .artfair-image-container { position: relative; height:300px; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }
*/
.list-container .artfair-image-list li { position: relative; padding:10px; background-color: #ffffff; border: 1px solid #ccc; overflow: hidden; }
.list-container .artfair-image-list .artfair-image-container { position: relative; height:300px; overflow: hidden; display: flex; justify-content: center; }
.list-container .artfair-image-list .artfair-image-container img { display: block; margin:auto; max-width:100%; max-height:100%; object-fit:cover; border-radius:0px; transition: transform 0.3s ease; }
.list-container .artfair-image-list li:hover .artfair-image-container img { transform: scale(1.2); /* 이미지 확대 효과 */ }
.list-container .artfair-image-list .artfair-description { display: block; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; }
.list-container .artfair-image-list .artfair-description { box-sizing: border-box; opacity: 0; transition: opacity 0.3s ease; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0px; text-decoration: none; }
.list-container .artfair-image-list li:hover .artfair-description { opacity: 0.2; }

.list-container .artfair-image-list .artfair-image-text { height:50px; text-align: center;}
.list-container .artfair-image-list .artfair-image-text > a { display:block; line-height:50px; border:0px solid #b21d1f;}
.list-container .artfair-image-list .artfair-image-text .artfair_subject { padding:3px 0; text-align: center; color:#111; font-size:17px; font-weight:600; }

@media all and (max-width:991px) {
	.list-container { margin-top:0px; margin-bottom:20px; border: 0px solid #ccc; }

	.list-container .artfair-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
	.list-container .artfair-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
	.list-container .artfair-image-list .artfair-image-container { position: relative; height:230px; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }
}

@media all and (max-width:767px) {
	.list-container { margin-top:0px; margin-bottom:20px; border: 0px solid #ccc; }

	.list-container .artfair-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.list-container .artfair-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
	.list-container .artfair-image-list .artfair-image-container { position: relative; height:38vw; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }

	.list-container .artfair-image-list .artfair-image-text { height:30px; text-align: center;}
	.list-container .artfair-image-list .artfair-image-text > a { display:block; line-height:25px; border:0px solid #b21d1f;}
	.list-container .artfair-image-list .artfair-image-text .artfair_subject { padding:10px 0; text-align: center; color:#111; font-size:15px; font-weight:400; }
}




/*
.om-artist-list .art-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.om-artist-list .art-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
.om-artist-list .art-image-list .art-image-container { position: relative; height:250px; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }
.om-artist-list .art-image-list .art-image-container img { display: block; margin:auto; max-width:100%; max-height:100%; object-fit:cover; border-radius:0px; transition: transform 0.3s ease; }
.om-artist-list .art-image-list li:hover .art-image-container img { transform: scale(1.2);}
.om-artist-list .art-image-list .art-description { display: block; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; }
.om-artist-list .art-image-list .art-description { box-sizing: border-box; opacity: 0; transition: opacity 0.3s ease; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0px; text-decoration: none; }
.om-artist-list .art-image-list li:hover .art-description { opacity: 0.2; }

.om-artist-list .art-image-list .art-image-text { height:50px; text-align: center;}
.om-artist-list .art-image-list .art-image-text > a { display:block; line-height:50px; border:0px solid #b21d1f;}
.om-artist-list .art-image-list .art-image-text .artist_name { padding:6px 0; text-align: center; color:#111; font-size:20px; font-weight:600; }
.om-artist-list .art-image-list .art-image-text .artist_ename { padding:3px 0; text-align: center; color:#111; font-size:17px; font-weight:600; }

*/




/*
.list-item { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
.img-item { position: relative; height:300px; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }
.img-item img { display: block; margin:auto; max-width:100%; max-height:100%; object-fit:cover; border-radius:0px; transition: transform 0.3s ease; }
.img-item:hover img { transform: scale(1.2); }
.img-item-description { display: block; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; }
.img-item-description { box-sizing: border-box; opacity: 0; transition: opacity 0.3s ease; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0px; text-decoration: none; }
.img-item:hover .img-item-description { opacity: 1; }
*/
/*.img-item-description { font-size:1.0vw; line-height:1.5vw; font-weight:400; margin: 5px 0; text-align: center; color:#fff; font-size:20px; font-weight:600; }*/
/*
.img-item-description:hover { color:#fff; font-size:20px; line-height:25px; font-weight:600; }
*/

/* List */
/*
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }
*/

/* Responsive */
/*
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}
*/