/*갤러리목록 스타일*/

#list_gallery{clear:both}
#list_gallery ul{position:relative;  padding:0; margin:0; list-style:none;zoom:1; display: grid; grid-template-columns: repeat(4,1fr); gap:1em}
#list_gallery ul li{position:relative;  }
#list_gallery ul li.empty_list{width:100%; padding:5em; height:20em; line-height:16em}
#list_gallery ul li label{position:absolute; top:0; right:0;margin-right:0; z-index:3;}
#list_gallery ul li img{width:100%;}
#list_gallery ul li figure{position:relative; display:Block; width:100%; aspect-ratio: 1.6;  border:1px solid var(--bg-secondary);  }
#list_gallery ul li figure.ga_image{ }
#list_gallery ul li figure.ga_image img{width: 100%; height:100%; object-fit: cover;}
#list_gallery ul li figure.no_image{background:#DDD url(../../../../../img/logo.png) center center no-repeat;  text-align:center; font-size:1em; color:var(--bg-secondary); background-size:70%;}
#list_gallery ul li figure.no_image:after{position:absolute; left:0; right:0;  line-height:1em; bottom:1em; content:"NO IMAGE";}
#list_gallery ul li input{position:absolute; top:0; right:0; z-index:10;}
#list_gallery ul li h6 {position:relative; text-align:center;   padding:1em 0; line-height:1.3em; font-size:1.1em;  overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all; }


@media (max-width:736px){
#list_gallery ul li{width:48%;}
#list_gallery ul li h6 { font-size:1em;  }
}