#sub-business .hp-highligt {color: var(--main-color);font-weight: 600;}
#sub-business .gw-service-container{padding:80px 0;background:#F3F3F3;}
#sub-business .service-list{margin: 0 auto;width: 1200px;gap:30px;}
#sub-business .service-list > li{flex:1;}
#sub-business .service-list .icon{aspect-ratio:1;isplay:flex;flex-direction:column;place-content:center;align-items:center;border-radius: 20px;background: #fff;}
#sub-business .service-list .icon > img {width: 90px;height: 90px;}
#sub-business .service-list .gw-title{color: var(--main-color);font-size: 30px;font-weight: 600;}

#sub-business .business-type{background: #F3F3F3;}
#sub-business .gw-business-type-container .business-type:nth-of-type(2n) .gw-text{order: 2;}
#sub-business .business-type .gw-text-container{padding: 150px;text-align: center;}
#sub-business .business-type .gw-text{overflow: hidden;height: 100%;}
#sub-business .business-type .gw-text02 {font-size: var(--main-title03);letter-spacing: -0.025px;font-weight: 600;}
#sub-business .business-type .gw-text03 {line-height: 1.75;color: #666;font-size:var(--main-title04);}
#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.5);transition: all 1s;}
#sub-business .business-type.active .gw-img > img{transform: scale(1.2);}


@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) {
    #container{padding-top:0;}
    #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 20px;}
    #sub-business .business-type .gw-img{order:1;}
    #sub-business .business-type .gw-text{order:2;}
    #sub-business .business-type .gw-text03{margin-bottom: 0 !important;}
    #sub-business .gw-service-container{padding: 40px 20px;}
    #sub-business .service-list{flex-wrap:wrap;place-content:center;gap:20px;}
    #sub-business .service-list .icon > img{width: 50px;height: 50px;}
    #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{flex:0 0 33%;}
    #sub-business .service-list .gw-title{font-size: 20px;}
    #sub-business .service-list .icon{width: 100%;}
}