#sub-business .gw-service-container{padding:30px 0;/*background:#F3F3F3;*/}
#sub-business .service-list{margin: 0 auto;width: 1200px;}
#sub-business .service-list > li {padding: 20px 0;margin-bottom:0px}
#sub-business .service-list > li:not(:last-child) {border-right: 0px solid #ddd;}
#sub-business .service-list1{margin: 0 auto;max-width: 1200px;flex-wrap:wrap;}
/* #sub-business .service-list1 > li {width:19% !important; padding: 20px;margin-bottom:20px;margin-right:1%;padding: 20px 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);} */
#sub-business .service-list1 > li:last-child {margin-right:0%}
#sub-business .service-list .icon{color: var(--main-color);}
#sub-business .service-list .icon img{max-width:100%}
#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:0px 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);}

#sub-business .gw-service-container .mona{display:none}
#sub-business .gw-service-container .tna{display:none}

.gallery {
  display: block;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
  max-width: 1200px;
  margin: 0 auto;
}



.gallery-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin:0px auto;
}

.caption {
  padding: 10px;
}

.tall {
  grid-row: span 3;
}


.gallery1 {
  display: flex;
  flex-wrap:wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.gallery1 img {
  max-width: 100%;
  height: auto;
  display: block;
  margin:0px auto;
}

.gallery1-item {
  /* border: 0px solid #ccc;
  background-color: #f9f9f9;
  text-align: center;
  font-size: 14px; */
  width:100%;
  margin-right:0%;
  margin-bottom:0%;
  padding: 0px 0px;
    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);
}

.gallery1-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin:0px auto;
}

.gallery2-item {
  /* border: 0px solid #ccc;
  background-color: #f9f9f9;
  text-align: center;
  font-size: 14px; */
  width:49%;
  margin-right:1%;
  margin-bottom:1%;
  padding: 20px 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);
}

.gallery2-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin:0px auto;
}

.caption1 {
  padding: 10px;
}


.ssub_menu{display:flex; width:100%; padding-top:70px; justify-content: center;flex-wrap:wrap}
.ssub_menu div{width:24%; margin :0 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);}

@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: 0px 0;}
    #sub-business .service-list{flex-wrap:wrap;place-content:center;}
    #sub-business .service-list > li{width:33.3% !important;}
    #sub-business .service-list1{flex-wrap:wrap;place-content:center;}
    #sub-business .service-list1 > li{width:31.3% !important;}
    #sub-business .business-type .gw-img > img{width:100%;}

    #sub-business .gw-service-container .pcna{display:none}
    #sub-business .gw-service-container .tna{display:inline-block}
}

@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;}
    #sub-business .service-list1 > li{width: 100% !important;}
    #sub-business .service-list1 > li:not(:last-child) {border-right:none;border-bottom: 1px solid #ddd;}

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

    #sub-business .gw-service-container .pcna{display:none}
    #sub-business .gw-service-container .mona{display:inline-block}
    #sub-business .gw-service-container .tna{display:none}
}