#sub-service .gw-img-container{overflow: hidden;}
#sub-service .promise-point-list {position: relative; z-index: 1;border-top:0.3rem solid #000000;}
#sub-service .promise-point-list li {display: flex; align-items: center; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 60px 0;}
#sub-service .promise-point-list li .gw-icon-box {position: relative; display: flex; align-items: center; justify-content: center; width: 180px; height: 180px; border-radius: 50%;background: #F0F0F0; box-sizing: border-box;}
#sub-service .promise-point-list li .gw-icon-box .icon-circle {display: flex; align-items: center;  justify-content: center; width: 140px; height: 140px; border-radius: 50%; background: #fff;box-shadow: 5px 9px 20px #0000004D;}
#sub-service .promise-point-list li .gw-icon-box .icon-circle > img {width: 70%;object-fit: contain;}
#sub-service .promise-point-list li .gw-txt-box {width: calc(100% - 180px); padding-left:56px;}
#sub-service .promise-point-list li .gw-txt-box .gw-num {font-family: "Outfit", sans-serif;font-weight: 500; line-height: 1.87; color: var(--main-color);}
#sub-service .promise-point-list li .gw-txt-box .gw-tit {display: block; font-size: var(--main-title03); font-weight: 700; letter-spacing: -0.05em; color: #000; padding-top:0.7rem;}
#sub-service .promise-point-list li .gw-txt-box .gw-txt {font-size: var(--main-text01); font-weight: 500; letter-spacing: -0.05em; color: rgba(0,0,0,0.5); line-height: 1.77; padding-top: 20px;}
#sub-service .gw-sec02{padding:150px 0;}
#sub-service .gw-pro-list {display:flex;justify-content: space-between;}
#sub-service .gw-pro-list li {width: calc((100% - 40px) / 3); margin-right: 20px; border-radius:30px;}
#sub-service .gw-pro-list li:last-of-type {margin-right: 0;}
#sub-service .gw-pro-list li .bg {padding-top:100%;width: 100%; display: block; border-radius: 30px;}
#sub-service .gw-pro-list li:nth-of-type(1) .bg{background: url("../../theme/mnauto/img/sub-service-pro-img01.png") no-repeat; background-size: cover;}
#sub-service .gw-pro-list li:nth-of-type(2) .bg{background: url("../../theme/mnauto/img/sub-service-pro-img02.png") no-repeat; background-size: cover;}
#sub-service .gw-pro-list li:nth-of-type(3) .bg{background: url("../../theme/mnauto/img/sub-service-pro-img03.png") no-repeat; background-size: cover;}
#sub-service .gw-pro-list .gw-pro-item {position: relative;background-color: #000; border-radius: 30px;box-shadow: 10px 10px 40px -5px rgba(0,0,0,0.2);}
#sub-service .gw-pro-list .gw-pro-item .gw-tit {font-size:var(--main-title03); letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.1;}
#sub-service .gw-pro-list .gw-pro-item .gw-txt-box {position:absolute; bottom: 0; width: 100%; padding: 0 var(--gw-padding) var(--gw-padding); box-sizing:border-box;}
#sub-service .gw-pro-list .gw-pro-item .gw-txt{font-size:var(--main-text01); letter-spacing:-0.05em; color: rgba(255,255,255,0.8); line-height:1.5; margin-top: 20px;min-height:81px;}
#sub-service .pro-img-list {display:flex; margin-top: 8rem;}
#sub-service .pro-img-list li {width: calc((100% - 30px) / 2); margin-right: 30px;}
#sub-service .pro-img-list li:last-child {margin-right: 0;}
#sub-service .pro-img-list li img {border-radius: 30px; border: 1px solid #ddd; max-width: 100%;}
#sub-service .gw-sec03{position: relative;}
#sub-service .gw-sec03:before {content: "";display: block;position: absolute;background: url("../../theme/mnauto/img/sub-service-sec03-bg.png") no-repeat;bottom: -250px;left: 50%;width: 100%;transform: translateX(-50%);background-position: bottom;height: 563px;}
#sub-service .gw-vision-con-box {display:flex;gap: 20px; margin-top: 40px;}
#sub-service .gw-vision-con-box .gw-con {display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% - 20px) / 2); border-radius:20px; background: #fff; box-shadow: 0 15px 40px 0 rgba(0,0,0,0.15); padding:50px 40px;  text-align:center;}
#sub-service .gw-vision-con-box .gw-con:last-of-type {margin-right: 0;}
#sub-service .gw-vision-con-box .gw-icon-box {display: flex;align-items: center;place-content:center;width: 100px; height: 100px; border-radius:100%; background: #f8f8f8;}
#sub-service .gw-vision-con-box .gw-icon-box > img {width: 70%;}
#sub-service .gw-vision-tit {font-size:var(--main-title03); letter-spacing:-0.072em; line-height:1.25; font-weight: 700;}
#sub-service .gw-vision-txt{font-size:var(--main-text01); letter-spacing:-0.045em; color: #666; line-height:1.7em; margin-top: 2rem;}
#sub-service .gw-btn-container {place-content: center;}
#sub-service .gw-btn-container .gw-btn01 {max-width: 300px;}



@media screen and (max-width:768px) {
    #sub-service .promise-point-list li{padding: 20px 0;}
    #sub-service .promise-point-list li .gw-icon-box{display: none;}
    #sub-service .promise-point-list li .gw-txt-box{padding-left:0;width: 100%; }
    #sub-service .gw-pro-list{flex-direction:column;gap: 2rem;}
    #sub-service .gw-pro-list li{margin-right:0;width:100%;}
    #sub-service .gw-pro-list li .bg{padding: 10rem 0;}
    #sub-service .gw-vision-con-box{flex-direction: column;gap: 2rem;}
    #sub-service .gw-vision-con-box .gw-con{padding:30px 20px;margin-right: 0;width: 100%;}
}

@media screen and (max-width:576px) {
    #sub-service .gw-sub-text{padding: 0 20px;}
    #sub-service .gw-btn-container{flex-direction:column;}
    #sub-service .gw-btn-container > li{width:100%;}
    #sub-service .gw-btn-container .gw-btn01{max-width:100%;}
}