#sub-business .gw-service-container{padding:80px 0;background:#F3F3F3;}
#sub-business .service-list{margin: 0 auto;width: 1200px;}
#sub-business .service-list > li {padding: 20px;}
#sub-business .service-list > li:not(:last-child) {border-right: 1px solid #ddd;}
#sub-business .service-list .icon{color: var(--main-color);}
#sub-business .gw-business-type-container .business-type:nth-of-type(2n) .gw-text{order: 2;}
#sub-business .business-type{background: #F3F3F3;}
#sub-business .business-type .gw-text-container{padding: 150px;}
#sub-business .business-type .gw-text{overflow: hidden;height: 100%;}
#sub-business .business-type .gw-text01 {color: var(--main-color);border-bottom: 1px solid var(--main-color);}
#sub-business .business-type .gw-text02 {font-size: var(--main-title03);letter-spacing: -0.025px;}
#sub-business .business-type .gw-text03 {line-height: 1.75;color: #666;}
#sub-business .business-type .gw-btn01 {max-width: 200px;}
#sub-business .business-type .gw-img{overflow: hidden;}
#sub-business .business-type .gw-img > img{width:auto;transform: scale(1.2);transition: all 1s;}
#sub-business .business-type.active .gw-img > img{transform: scale(1.0);}


@media screen and (max-width:1440px) {
    #sub-business .business-type .gw-text-container{padding: 50px;}
    #sub-business .service-list{width: 100%;}
}

@media screen and (max-width:1024px) {
    #sub-business .business-type{flex-direction:column;}
    #sub-business .business-type > div{width: 100% !important;height:30vh}
    #sub-business .business-type .gw-text-container{padding: 40px;}
    #sub-business .gw-business-type-container .business-type:nth-of-type(2n) .gw-text{order: 0;}
    #sub-business .gw-service-container{padding: 40px 0;}
    #sub-business .service-list{flex-wrap:wrap;place-content:center;}
    #sub-business .service-list > li{width:33.3% !important;}
    #sub-business .business-type .gw-img > img{width:100%;}
}

@media screen and (max-width:576px) {
    #sub-business .business-type .gw-text-container{padding: 22px;}
    #sub-business .service-list > li{width: 100% !important;}
    #sub-business .service-list > li:not(:last-child) {border-right:none;border-bottom: 1px solid #ddd;}
}



/* ===== 신당 사진 갤러리 (business.css 맨 아래에 추가) ===== */
.shrine-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);   /* PC: 4열 x 2줄 */
    gap: 20px;
    margin-left: 0;
    padding: 0;
    list-style: none;
}

.shrine-gallery .shrine-item {
    margin: 0;
}

.shrine-gallery .shrine-img {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;       /* 사진 크기가 달라도 같은 비율로 정렬 */
    overflow: hidden;
    border-radius: 10px;
    background: #e9e9e9;
}

.shrine-gallery .shrine-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.shrine-gallery .shrine-img:hover img {
    transform: scale(1.06);
}

/* 태블릿: 3열은 8장이 안 맞으므로 2열 x 4줄 */
@media (max-width: 1024px) {
    .shrine-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* 모바일: 2열 유지, 간격만 축소 */
@media (max-width: 480px) {
    .shrine-gallery {
        gap: 10px;
    }
    .shrine-gallery .shrine-img {
        border-radius: 6px;
    }
}