#sub-business .gw-service-container{padding:80px 0;background:#F3F3F3;}
#sub-business .service-list{margin: 0 auto;width: 1200px;flex-wrap: wrap;}
#sub-business .service-list > li {padding: 20px;margin-bottom:20px}
#sub-business .service-list > li:not(:last-child) {border-right: 0px solid #ddd;}
#sub-business .service-list .icon{color: var(--main-color);}
#sub-business .service-list .icon img{max-width:80%}
#sub-business .gw-business-type-container .business-type:nth-of-type(2n) .gw-text{order: 2;}
#sub-business .business-type{background: #F3F3F3;}
#sub-business .business-type .gw-text-container{padding: 150px;}
#sub-business .business-type .gw-text{overflow: hidden;height: 100%;}
#sub-business .business-type .gw-text01 {color: var(--main-color);border-bottom: 1px solid var(--main-color);}
#sub-business .business-type .gw-text02 {font-size: var(--main-title03);letter-spacing: -0.025px;}
#sub-business .business-type .gw-text03 {line-height: 1.75;color: #666;}
#sub-business .business-type .gw-btn01 {max-width: 200px;}
#sub-business .business-type .gw-img{overflow: hidden;text-align:center;padding:70px 0}
#sub-business .business-type .gw-img > img{width:auto;transition: all 1s;}
#sub-business .business-type.active .gw-img > img{transform: scale(1.0);}
.ssub_menu{display:flex; width:100%; padding-top:70px; justify-content: center;flex-wrap:wrap}
.ssub_menu div{width:31.333%; margin :0.5% 0.5%}
/* .ssub_menu div:last-child{width:24%; margin-right:0%} */
.ssub_menu div li{word-break:keep-all;letter-spacing:-1px}
.ssub_menu div li a {
  display: flex;
  align-items: center;   /* 세로 가운데 정렬 */
  justify-content: center; /* 가로 가운데 정렬 */
  text-align: center;
  height: 80px;          /* 원하는 높이로 고정 */
  line-height: 1.4;      /* 줄 간격 조정 */
  padding: 10px;         /* 여백 */
}
.na {display:none}
.active1 {color: #fff !important;background:var(--main-color);}
.center_na {text-align:center;}

.grid-container p.line_na{
  width:90%;
  height: 1px;
  background-color:rgb(212, 212, 212);
  margin: 60px auto;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 80%;
    margin: 0 auto;
  }

  .grid-container .full {
    grid-column: span 2;

  }

  .grid-item {
    /* border: 0px solid #000; */
    padding: 40px 10px;
    /* position: relative;
    width: calc 100% - 14px);
    background: #fff;
    border-radius: 30px;
    box-sizing: border-box; */
    text-align: center;
    /* box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07); */
  }

  .grid-container .full img {
    max-width:100%;
    padding-top:30px;

  }

  .grid-item img {
    max-width:100%;
    padding-top:30px;
  }

@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:1220px) {
    .na {display:block; width:100%}
}

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

@media screen and (max-width:870px) {
    .ssub_menu div{width:49%;margin-bottom:1%}
}
@media screen and (max-width:768px) {
  .grid-container {
    width: 90%;
  }
   .center_na {text-align:left;}
}

@media screen and (max-width:576px) {
    #sub-business .business-type .gw-text-container{padding: 22px;}
    #sub-business .service-list > li{width: 100% !important;}
    #sub-business .service-list > li:not(:last-child) {border-right:none;border-bottom: 1px solid #ddd;}

    .ssub_menu div{width:98%;}
    .na {display:none}
}