#container {background: #fff !important;}

#sub-about-us .gw-btn-wrap{position: relative;z-index: 100;}
#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:600px;}
#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-box-container{flex-wrap: wrap;}
#sub-about-us .gw-box-container > li{position:relative;padding: 40px 20px;background: #fff;counter-increment: list-counter;}
#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-box-container .icon{color: var(--main-color);}
#sub-about-us h3 i {color:var(--main-color)}

.gw-tabs {background: #f2f2f2;}
.tab-content {display: none;}
#tab_1{display: block;}

/* 탭 */
.gw-tabs2 {padding:20px;display:inline-block;background:#F3F3F3;}
.gw-tabs2 > li {float:left;width:18%;text-align:center;cursor: pointer;border-radius: 5px;transition: all .3s;margin:0 1%;}
.gw-tabs2 > li:hover {background: #fff;}
.gw-tabs2 > li >a{display:block;padding:12px 17px;font-family:'NotoKr_B', sans-serif;}
.gw-tabs2 > li >a.active {background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);}

.box1 {border:1px solid #d7d083;background:#fcfbec;padding:20px;margin:20px 0;width:100%;margin:0 auto;border-radius:10px;box-shadow:2px 2px 0px 2px #f0f0f0;}


.box2 {background:#eef4fb;padding:20px;margin:20px 0;width:90%;margin:0 auto;border-radius:10px;}






.ss_title h1 {
  position:relative; letter-spacing:0px; text-transform:uppercase; width:150px; text-align:center; margin:auto; white-space:nowrap; border:1px solid #e1e1e1;padding:5px 11px 3px 11px;
}
.ss_title h1:before, .ss_title h1:after {
    background-color: #2063bb;
    position:absolute; 
    content: '';
    height: 7px;
    width: 7px; border-radius:50%;
    bottom: 12px;
}
.ss_title h1:before {
   left:-20px;
}
.ss_title h1:after {
   right:-20px;
}





.ss_title h2 {
  position:relative; letter-spacing:0px; text-transform:uppercase; width:300px; text-align:center; margin:auto; white-space:nowrap; border:1px solid #e1e1e1;padding:5px 11px 3px 11px;
}
.ss_title h2:before, .ss_title h2:after {
    background-color: #2063bb;
    position:absolute; 
    content: '';
    height: 7px;
    width: 7px; border-radius:50%;
    bottom: 12px;
}
.ss_title h2:before {
   left:-20px;
}
.ss_title h2:after {
   right:-20px;
}



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

#sub-about-us .const {border-radius:30px;width:700px;height:500px;margin:0 auto;}


.box3 {border:1px solid #d7d083;background:#fcfbec;padding:20px;margin:20px 0;width:100%;margin:0 auto;border-radius:10px;box-shadow:2px 2px 0px 2px #f0f0f0;}



#sub-about-us ul.s1_4_10 {border-top:2px solid #c15916;border-bottom:1px solid #eee;width:1200px;margin:0 auto;text-align:center;}
#sub-about-us ul.s1_4_10 li {display:inline-block;margin:10px;padding:5px 10px;}
#sub-about-us ul.s1_4_10 li:hover{color:#c15916;}


/*반응형------------------------------------------------------------------------------------------------------------------ */



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


@media screen and (max-width:1280px){
    #sub-about-us .gw-box-container{padding: 0;}
	#sub-about-us .business-type .gw-text02 {font-size:1.5em;line-height:30px;}
}

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

@media screen and (max-width:768px){
    #sub-about-us .gw-company-container{width: 100%;}
    #sub-about-us .gw-col-4{width: calc(50% - 5px);}
    #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-box-container > li{padding:20px;}
	#sub-about-us .business-type {display:inline-block;clear:both;height:600px;margin-bottom:50px;}
	#sub-about-us .business-type > div{width: 100% !important;height:550px;display:inline-block;clear:both;}
    #sub-about-us .business-type .gw-text-container{padding: 22px;height:550px;}
    #sub-about-us .service-list > li{width: 100% !important;}
    #sub-about-us .service-list > li:not(:last-child) {border-right:none;border-bottom: 1px solid #ddd;}
#sub-about-us .business-type .gw-text02 {font-size:1.5em;line-height:30px;}
.gw-tabs2 > li {float:left;width:31.33%;text-align:center;cursor: pointer;border-radius: 5px;transition: all .3s;margin:0 1%;}

#sub-about-us ul.s1_4_10 {border-top:2px solid #c15916;border-bottom:1px solid #eee;width:100%;text-align:center;}

    #sub-about-us .business-type .gw-img > img{width:100%;height:500px;margin-bottom:300px;}


}

@media screen and (max-width:576px){
.gw-tabs2 > li {float:left;width:48%;text-align:center;cursor: pointer;border-radius: 5px;transition: all .3s;margin:0 1%;}
.ss_title h1 {text-align:center !important;}
.ss_title h2 {width:100%;}
}