#sub_contents .webgene-blog{display:flex; flex-wrap: wrap; justify-content: flex-start;}
.webgene-blog .cnt-news-li.cnt-partner-li-sub {padding: 0;width: 48%;margin-left: 5px;box-sizing: border-box;text-align: left;}
.webgene-item {width: 100%;}
#sub_contents .webgene-blog .cnt-news-li {border-top:unset!important;}
#sub_contents .webgene-blog figure {padding: 0;margin: 0 auto 0 0;height: auto; margin-bottom:5px;}
#sub_contents .webgene-blog figure img {aspect-ratio: 1/1; margin: 0;width: 100%;max-width: 100%;height:auto;object-fit: cover;}
#sub_contents .gallery-cate{display:inline-block; border: 1px solid #86511d; padding:3px 10px; font-size:14px; font-weight:bold;}
#sub_contents .gallery-ttl{font-weight: normal; margin-bottom: 5px; font-size:15px;}
#sub_contents .gallery-txt{margin-bottom: 10px;}
#imgPopup { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.85); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9999; }
#imgPopup.active { opacity: 1; pointer-events: auto; }
#imgPopup img { max-width: 90%; max-height: 90%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.6); transform: scale(0.8); transition: transform 0.3s ease;  object-fit:cover;}
#imgPopup.active img { transform: scale(1); }
#imgPopup .close-btn { position: absolute; top: 20px; right: 20px; font-size: 28px; color: #fff; cursor: pointer; }

@media screen and (min-width: 768px) {
 .webgene-blog .cnt-news-li.cnt-partner-li-sub {padding: 0;width: 32%;margin-left: 5px;box-sizing: border-box;text-align: left;}
}
@media screen and (min-width: 1024px) {
.webgene-blog .cnt-news-li.cnt-partner-li-sub {padding: 0;width: 24%;margin-left: 5px;box-sizing: border-box;text-align: left;}
}