#sub-about-us .gw-btn-wrap{position: relative;}
#sub-about-us .gw-img-container{height: 500px;}
#sub-about-us .gw-img-container > div{position: absolute;bottom: 0;left: 0;overflow: hidden;}
#sub-about-us .gw-img-container .bg{width:100%;height:500px;}
#sub-about-us .gw-img-container .img{width: 100%;bottom: 0;right: 0;}
#sub-about-us .gw-img-container .building {transform: translateY(100%);opacity:0;transition: all 1.5s ease;}
#sub-about-us.active .gw-img-container .building{transform: translateY(0);opacity: 1;}
#sub-about-us .gw-company-container {margin: 0 auto;width: 768px;border-top: 2px solid #000;}
#sub-about-us .gw-company-container > li{padding:19px 30px;border-bottom: 1px solid #ddd;}

#sub-about-us .gw-company-container1 {margin: 0 auto;width: 768px;border-top: 2px solid #000;}
#sub-about-us .gw-company-container1 > li{padding:19px 30px;border-bottom: 1px solid #ddd;}

#sub-about-us .gw-box-container{flex-wrap: wrap;}
#sub-about-us .gw-box-container > li{position:relative;padding: 40px 20px;background: #fff;counter-increment: list-counter;min-height: 270px;border: 1px solid #e9e9e9;}
/* #sub-about-us .gw-box-container > li:before {content: counter(list-counter, decimal-leading-zero); position: absolute;left: 20px; top: 20px;font-family: 'Poppins_SB', sans-serif;color: #999;} */
#sub-about-us .gw-col-2{width:calc(50% - 10px);}
#sub-about-us .gw-col-3{width:calc(33.3% - 10px);}
#sub-about-us .gw-col-4{width:calc(25% - 10px);}
#sub-about-us .gw-col-5{width:calc(20% - 10px);}
#sub-about-us .gw-col-6{width:calc(16.666% - 10px);}
#sub-about-us .gw-col-7{width:calc(33.332% - 10px);}
#sub-about-us .gw-col-8{width:calc(83.334% - 10px);}
#sub-about-us .gw-box-container .icon{color: var(--main-color);}

#sub-about-us .gw-box-container li:first-child{border:1px solid #4472c4; position:relative}
#sub-about-us .gw-box-container li:first-child div{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

#sub-about-us .gw-box-container li.fir{border:1px solid #ee833a; position:relative}
#sub-about-us .gw-box-container li.fir div{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

#sub-about-us .gw-box-container li.sec{border:1px solid #7db457; position:relative}
#sub-about-us .gw-box-container li.sec div{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.process {text-align:center;}
.process img{max-width:100%}

.gw-text {padding: 4px 0;}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1280px){
    #sub-about-us .gw-box-container{padding: 0;}
}

@media screen and (max-width:1024px){
    #sub-about-us .gw-w-15{width:25% !important;}
    #sub-about-us .gw-box-container{padding: 0;}
}

@media screen and (max-width:768px){
    #sub-about-us .gw-w-15 {width: 25% !important;}
    #sub-about-us .gw-img-container{height: 25vh;}
    #sub-about-us .gw-img-container .bg{height: 25vh;}
    #sub-about-us .gw-img-container .building{transform:translateY(0);opacity:1;}
    #sub-about-us .gw-company-container{width: 100%;}
    #sub-about-us .gw-company-container1{width: 100%;}
    #sub-about-us .gw-col-4{width: calc(50% - 5px);}

    #sub-about-us .gw-col-6{width:calc(100% - 10px);}
    #sub-about-us .gw-col-7{width:calc(100% - 10px);}
    #sub-about-us .gw-col-8{width:calc(100% - 10px);}
    #sub-about-us .gw-box-container > li{min-height: auto;}
}

@media screen and (max-width:576px){
    #sub-about-us .gw-w-15{width:100% !important;}
    #sub-about-us .gw-img-container{height: 15vh;}
    #sub-about-us .gw-img-container .bg{height: 15vh;}
    #sub-about-us .gw-company-container > li{padding:20px;flex-direction: column;align-items: flex-start;gap: 5px;}
    #sub-about-us .gw-company-container1 > li{padding:20px;align-items: flex-start;gap: 5px;}
    #sub-about-us .gw-box-container > li{padding:20px;}
}