/* 로딩 스타일 */
.lazy-image{opacity:0;transition:opacity .3s ease}
.lazy-loaded{opacity:1}
@keyframes spinLoader {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/***************
보롬학원 갤러리 스타일 - 지연 로딩 기능 추가
***************/
/* 갤러리 그룹 컨테이너 */
.gallery-group{width:100%;max-width:1200px;margin:0 auto}
/* 갤러리 그리드 */
.gallery{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -10px}
/* 갤러리 아이템 */
.borom-gallery-item{width:calc(33.333% - 20px);height:240px;margin:0 10px 30px;overflow:hidden;border-radius:4px;box-shadow:0 2px 5px #0000001a;position:relative}
.borom-gallery-item-inner{height:100%}
.borom-gallery-item a{display:block;width:100%;height:100%;position:relative}
.borom-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.borom-gallery-item:hover img{transform:scale(1.05)}

/* 필터 버튼 */
.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.filter-button{background-color:#fff;border:1px solid #ddd;padding:8px 20px;margin:0 5px 10px;border-radius:30px;cursor:pointer;font-size:14px;transition:all .3s ease}
.filter-button:hover{background-color:#f0f0f0}
.filter-button.active{background-color:#333;color:#fff;border-color:#333}

/* 라이트박스 스타일 */
.borom-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}
.borom-lightbox img{max-width:80%;max-height:70vh;object-fit:contain}

/* 반응형 스타일 */
@media (max-width:992px) {
    .borom-gallery-item{width:calc(50% - 20px)}
    .filter-button{padding:4px 10px;margin:0 3px 4px}
    .borom-gallery-item{height:99px!important;margin:5px}
}

@media (max-width: 480px) {
    .borom-gallery-item{width:calc(100% - 20px)}
}