#sub-quality .gw-btn-wrap{position: relative;z-index: 100;}
#sub-quality .gw-img-container{height: 500px;}
#sub-quality .gw-img-container > div{position: absolute;bottom: 0;left: 0;overflow: hidden;}
#sub-quality .gw-img-container .bg{width:100%;height:500px;}
#sub-quality .gw-img-container .img{width: 100%;bottom: 0;right: 0;}
#sub-quality .gw-img-container .building {transform: translateY(100%);opacity:0;transition: all 1.5s ease;}
#sub-quality.active .gw-img-container .building{transform: translateY(0);opacity: 1;}
#sub-quality .gw-company-container {margin: 0 auto;width: 768px;border-top: 2px solid #000;}
#sub-quality .gw-company-container > li{padding:19px 30px;border-bottom: 1px solid #ddd;}
#sub-quality .gw-box-container{flex-wrap: wrap;}
#sub-quality .gw-box-container > li{position:relative;padding: 40px 20px;background: #fff;counter-increment: list-counter;}
#sub-quality .gw-box-container > li:before {content: counter(list-counter, decimal-leading-zero); position: absolute;left: 20px; top: 20px;font-family: "Outfit", sans-serif; font-weight: 600;color: #999;}
#sub-quality .gw-col-2{width:calc(50% - 10px);}
#sub-quality .gw-col-3{width:calc(33.3% - 10px);}
#sub-quality .gw-col-4{width:calc(25% - 10px);}
#sub-quality .gw-box-container .icon{color: var(--main-color);}


h4.gw-sub-title{
    font-size:2rem;
    display:flex;
    justify-content:center;
    margin-top:2em;
}

h4.gw-sub-title > span{
    font-size:1em;
    display:block;
    background-color:#0F2859;
    color:#ffffff;
    padding:0.5em 3em;
    border-radius:10px 30px;
}
.quality-container * {word-break:keep-all;}
.quality-container{
    background-color:#f8f8f8;
    padding:4rem 3rem;
    box-shadow:0 0 40px rgba(0,0,0,0.25);
    margin-top:50px;
    border-radius:10px;
}
.sub-infobox{
    font-size:1.25rem;
    line-height:1.45;
    padding:30px;
    border:2px solid #dedede;
    border-radius:16px;
    background-color:#ededed;
}
.sub-infobox > p{
    line-height:1.6;
}
.sub-hot-box{
    font-size:1.625rem;
}

.sub-hot-box strong{
    color:#1748a4;
}

.sub-textbox{
    max-width:88%;
    font-size:1.25rem;
    margin:35px auto;
}

.sub-textbox > p{
    margin-bottom:2em;
}

.sub-textbox ul > li{
    position:relative;
    font-size:20px;
    padding-left:10px;
    margin-bottom:1em;
}
.sub-textbox ul > li:before{
    content:'';
    display:block;
    width:5px;
    height:5px;
    background-color:#b21023;
    border-radius:50%;
    position:absolute;
    left:0;
    top:12.5px;
}

.sub-textbox > p > strong{

}

.quality-img{
    background-color:#efefef;
    height:160px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.spec-cell{
    text-align:left;
}
.gw-sub-table01 tbody td{
    text-align:center;
}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1280px){
    #sub-quality .gw-box-container.quality-container{padding:2.5rem 3rem;}
}

@media screen and (max-width:1024px){
    #sub-quality .gw-w-15{width:25% !important;}
    #sub-quality .gw-box-container.quality-container{padding:2.5rem 2rem;}
    h4.gw-sub-title{
        font-size:1.6rem;
    }
    .sub-textbox{
        max-width:95%;
    }
    .sub-hot-box{
        font-size:1.35rem;
    }
    .sub-textbox ul > li{
        font-size:18px;
    }
}

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

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

#sub-quality .gw-text {
    word-break: keep-all;
}