@charset "UTF-8";

.sub_nav{margin-bottom: 150px;}
.sub_nav .sub_tab{display: flex;flex-wrap: wrap;}
.sub_nav .sub_tab > li{position: relative;}
.sub_nav .sub_tab > li:nth-child(n + 2){padding-left: 24px;}
.sub_nav .sub_tab > li:nth-child(n + 2)::before{content: '·';position: absolute;top: 50%;left: 10px;font-size: 24px;font-weight: 600;color: #D9D9D9;transform: translateY(-50%);}
.sub_nav .sub_tab > li a{position: relative;display: inline-block;font-size: 20px;font-weight: 400;color: #333333;line-height: 70px;}
.sub_nav .sub_tab > li.on a{color: #1D2088;font-weight: 700;}
.sub_nav .sub_tab > li a::after{content: '';position: absolute;top: 100%;right: 0;width: 0;height: 2px;background-color: #1D2088;transition: width 0.3s, left 0.3s, right 0.3s;}
.sub_nav .sub_tab > li.on a::after{width: 100%;}
.sub_nav .sub_tab > li a:hover::after{width: 100%;left: 0;}
.sub_nav .sub_tab > li.active a{color: #1D2088;}

@media screen and (max-width:1024px) {
  .sub_nav{margin-bottom: 100px;}
  .sub_nav .sub_tab > li:nth-child(n + 2){padding-left: 20px;}
  .sub_nav .sub_tab > li:nth-child(n + 2)::before{left: 8px;font-size: 20px;}
  .sub_nav .sub_tab > li a{font-size: 18px;line-height: 60px;}
}
@media screen and (max-width:768px) {
  .sub_nav{margin-bottom: 80px;}
  .sub_nav .sub_tab > li:nth-child(n + 2)::before{font-size: 18px;}
  .sub_nav .sub_tab > li a{font-size: 16px;line-height: 40px;}
}



.sct_tit{text-align: center;}
.sct_tit h3{font-size: 50px;font-weight: 600;color: #191919;}
.sct_tit p{font-size: 22px;font-weight: 400;color: #333;line-height: 1.45;margin-top: 20px;}
.sct_tit p b{font-weight: 700;color: #1D2088;}
.sct_tit p b.blk{color: #333;}

@media screen and (max-width:1024px) {
  .sct_tit h3{font-size: 36px;}
  .sct_tit p{font-size: 18px;}
}
@media screen and (max-width:768px) {
  .sct_tit h3{font-size: 30px;}
  .sct_tit p{font-size: 16px;}
}



.sub_arrow{text-align: center;margin-top: 60px;}
.sub_arrow img{max-width: 60%;}

@media screen and (max-width:1024px) {
  .sub_arrow{margin-top: 40px;}
}
@media screen and (max-width:768px) {
  .sub_arrow{margin-top: 20px;}
  .sub_arrow img{max-width: 40%;}
}



/* sub01_1 - ABOUT US */
.sub01_1_sct1 .keyword{display: flex;gap: 80px;justify-content: center;align-items: start;flex-wrap: wrap;}
.sub01_1_sct1 .keyword > li{position: relative;width: 240px;height: 240px;}
.sub01_1_sct1 .keyword > li .txt_box{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 50%;}
.sub01_1_sct1 .keyword > li.con01 .txt_box{background-image: url(/html/img/sub01_1_img01.png);}
.sub01_1_sct1 .keyword > li.con02 .txt_box{background-image: url(/html/img/sub01_1_img02.png);}
.sub01_1_sct1 .keyword > li.con03 .txt_box{background-image: url(/html/img/sub01_1_img03.png);}
.sub01_1_sct1 .keyword > li.con01,
.sub01_1_sct1 .keyword > li.con03{margin-top: 70px;}
.sub01_1_sct1 .keyword > li.con01::before{content: '';position: absolute;top: -33px;left: -18px;width: 56px;height: 56px;border-radius: 50%;background-color: #5CCEDA;opacity: 0.2;}
.sub01_1_sct1 .keyword > li.con02::before{content: '';position: absolute;bottom: -9px;left: 0;width: 78px;height: 78px;border-radius: 50%;background-color: #60B02D;opacity: 0.2;}
.sub01_1_sct1 .keyword > li.con03::before{content: '';position: absolute;top: -27px;right: -18px;width: 120px;height: 120px;border-radius: 50%;background-color: #1D2088;opacity: 0.2;}
.sub01_1_sct1 .keyword > li h3{font-size: 32px;font-weight: 700;color: #fff;}
.sub01_1_sct1 .keyword > li p{font-size: 18px;font-weight: 600;color: #fff;margin-top: 8px;}

@media screen and (max-width:1024px) {
  .sub01_1_sct1 .keyword{gap: 60px;}
  .sub01_1_sct1 .keyword > li{max-width: 240px;width: calc(50% - 30px);height: auto;aspect-ratio: 1 / 1;}
  .sub01_1_sct1 .keyword > li.con03{margin-top: 0;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct1 .keyword{gap: 30px;}
  .sub01_1_sct1 .keyword > li{width: calc(50% - 15px);}
  .sub01_1_sct1 .keyword > li.con01{margin-top: 40px;}
  .sub01_1_sct1 .keyword > li.con03{margin-top: 0;}
  .sub01_1_sct1 .keyword > li h3{font-size: 24px;}
  .sub01_1_sct1 .keyword > li p{font-size: 16px;}
}
@media screen and (max-width:400px) {
  .sub01_1_sct1 .keyword{gap: 20px;}
  .sub01_1_sct1 .keyword > li{width: 100%;}
  .sub01_1_sct1 .keyword > li::before{display: none;}
  .sub01_1_sct1 .keyword > li.con01{margin-top: 0;}
  .sub01_1_sct1 .keyword > li h3{font-size: 24px;}
  .sub01_1_sct1 .keyword > li p{font-size: 16px;}
}

.sub01_1_sct2{position: relative;margin-top: 50px;padding: 140px 0 280px;}
.sub01_1_sct2::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 777px;background: linear-gradient(180deg,rgba(115, 115, 115, 1) 0%, rgba(255, 255, 255, 1) 32%);opacity: 0.1;border-radius: 50%;}
.sub01_1_sct2 .sct_tit p{margin-top: 50px;}
.sub01_1_sct2 .company_detail{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 80px;margin-bottom: 150px;padding-bottom: 150px;border-bottom: #D9D9D9 solid 1px;}
.sub01_1_sct2 .company_detail > li{position: relative;width: 23.79%;}
.sub01_1_sct2 .company_detail > li::before{content: '';position: absolute;top: -10px;left: -10px;width: 100%;height: 100%;border-radius: 20px;background: linear-gradient(0deg,rgba(29, 32, 136, 1) 0%, rgba(158, 161, 255, 1) 100%);opacity: 0.5;}
.sub01_1_sct2 .company_detail > li .txt_box{position: relative;width: 100%;height: 100%;background-color: #fff;padding: 40px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.12) 0 4px 24px 0;}
.sub01_1_sct2 .company_detail > li .txt_box h3{display: flex;justify-content: space-between;align-items: center;}
.sub01_1_sct2 .company_detail > li .txt_box h3 span{font-size: 22px;font-weight: 700;color: #333;}
.sub01_1_sct2 .company_detail > li .txt_box p{font-size: 20px;font-weight: 400;color: #333;margin-top: 20px;}

.sub01_1_sct2 .img_box{margin-top: 150px;}
.sub01_1_sct2 .history{margin-top: 60px;}
.sub01_1_sct2 .history > li{display: flex;gap: 90px;flex-wrap: wrap;margin-bottom: 40px;padding-bottom: 40px;border-bottom: #D9D9D9 solid 1px;}
.sub01_1_sct2 .history > li .year{display: inline-block;width: 150px;font-size: 65px;font-weight: 900;color: #1D2088;line-height: 1.2;}
.sub01_1_sct2 .history > li .detail{width: calc(100% - 240px);}
.sub01_1_sct2 .history > li .detail > li{display: flex;gap: 60px;margin-top: 24px;}
.sub01_1_sct2 .history > li .detail > li .month{display: inline-block;width: 30px;font-size: 24px;font-weight: 600;color: #333;}
.sub01_1_sct2 .history > li .detail > li p{width: calc(100% - 90px);font-size: 24px;font-weight: 400;color: #333;}

@media screen and (max-width:1024px) {
  .sub01_1_sct2{margin-top: 40px;padding: 100px 0 150px;}
  .sub01_1_sct2::before{height: 360px;}
  .sub01_1_sct2 .sct_tit p{margin-top: 20px;}
  .sub01_1_sct2 .company_detail{gap: 20px 0;margin-top: 60px;margin-bottom: 80px;padding-bottom: 80px;}
  .sub01_1_sct2 .company_detail > li{width: 48%;}
  .sub01_1_sct2 .company_detail > li .txt_box{padding: 30px 20px;}
  .sub01_1_sct2 .company_detail > li .txt_box h3 span{font-size: 18px;}
  .sub01_1_sct2 .company_detail > li .txt_box p{font-size: 16px;margin-top: 16px;}

  .sub01_1_sct2 .img_box{margin-top: 100px;}
  .sub01_1_sct2 .history > li{gap: 60px;margin-bottom: 30px;padding-bottom: 30px;}
  .sub01_1_sct2 .history > li .year{width: 112px;font-size: 48px;}
  .sub01_1_sct2 .history > li .detail{width: calc(100% - 172px);}
  .sub01_1_sct2 .history > li .detail > li{gap: 40px;margin-top: 16px;}
  .sub01_1_sct2 .history > li .detail > li .month{width: 25px;font-size: 20px;}
  .sub01_1_sct2 .history > li .detail > li p{width: calc(100% - 65px);font-size: 20px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct2{padding: 80px 0 120px;}
  .sub01_1_sct2::before{height: 200px;}
  .sub01_1_sct2 .sct_tit p{text-align: left;}
  .sub01_1_sct2 .company_detail{margin-top: 40px;margin-bottom: 60px;padding-bottom: 60px;}
  .sub01_1_sct2 .company_detail > li{width: 100%;}
  .sub01_1_sct2 .company_detail > li::before{top: -5px;left: -5px;}
  .sub01_1_sct2 .company_detail > li .txt_box{padding: 20px;}
  .sub01_1_sct2 .company_detail > li .txt_box h3 img{width: 35px;}

  .sub01_1_sct2 .img_box{margin-top: 60px;}
  .sub01_1_sct2 .history > li{gap: 10px;margin-bottom: 20px;padding-bottom: 20px;}
  .sub01_1_sct2 .history > li .year{width: 100%;font-size: 28px;}
  .sub01_1_sct2 .history > li .detail{width: 100%;}
  .sub01_1_sct2 .history > li .detail > li{gap: 16px;margin-top: 10px;}
  .sub01_1_sct2 .history > li .detail > li .month{width: 20px;font-size: 16px;}
  .sub01_1_sct2 .history > li .detail > li p{width: calc(100% - 36px);font-size: 16px;}
}





/* sub01_2 - 사업영역 */
.sub01_2_sct1 .img_box{margin-top: 90px;}

.sub01_2_sct2{margin-top: 150px;}
.sub01_2_sct2 .sct_tit{text-align: left;}
.sub01_2_sct2 .skill_box{position: relative;margin-top: 60px;overflow: hidden;}
.sub01_2_sct2 .skill_box .skill_txt{position: absolute;top: 0;right: 0;display: flex;flex-direction: column;justify-content: space-between;width: 48.38%;height: 50%;
z-index: 99;}
.sub01_2_sct2 .skill_box .skill_txt .txt_box{width: 100%;}
.sub01_2_sct2 .skill_box .skill_txt .txt_box h4{font-size: 32px;font-weight: 700;color: #333;}
.sub01_2_sct2 .skill_box .skill_txt .txt_box p{font-size: 22px;font-weight: 400;color: #333;line-height: 1.45;margin-top: 12px;}
.sub01_2_sct2 .skill_box .skill_txt .txt_box .swiper-slide{background-color: #fff;opacity: 0 !important;}
.sub01_2_sct2 .skill_box .skill_txt .txt_box .swiper-slide-active{opacity: 1 !important;}
.sub01_2_sct2 .skill_box .skill_txt .crtl_box{display: flex;justify-content: space-between;align-items: center;width: 150px;margin-left: auto;}
.sub01_2_sct2 .skill_box .skill_txt .crtl_box .skill_pagi{width: auto;font-size: 22px;font-weight: 800;color: #B1B1B1;}
.sub01_2_sct2 .skill_box .skill_txt .crtl_box .skill_pagi .swiper-pagination-current{color: #333;}
.sub01_2_sct2 .skill_box .skill_txt .crtl_box button{background-color: transparent;border: unset;}
.sub01_2_sct2 .skill_box .skill_img .swiper-wrapper{align-items: end;}
.sub01_2_sct2 .skill_box .skill_img .swiper-slide-active{width: 50% !important;}

.sub01_2_sct3{margin-top: 150px;padding: 150px 0 300px;border-top: #D9D9D9 solid 1px;}
.sub01_2_sct3 .table_box{margin-top: 85px;}
.sub01_2_sct3 .table_box table{width: 100%;border-spacing: 0;border: #EAEAEA solid 1px;}
.sub01_2_sct3 .table_box table thead th{padding: 20px;font-size: 22px;font-weight: 400;color: #4D4E50;background-color: #D3D3D3;}
.sub01_2_sct3 .table_box table thead th.blue{color: #F8F8F8;background-color: #1D2088;}
.sub01_2_sct3 .table_box table thead th.gray{background-color: #D3D3D3;}
.sub01_2_sct3 .table_box table tbody th,
.sub01_2_sct3 .table_box table tbody td{position: relative;height: 130px;font-size: 22px;font-weight: 700;color: #4D4E50;}
.sub01_2_sct3 .table_box table tbody th::after,
.sub01_2_sct3 .table_box table tbody td::after{content: '';position: absolute;bottom: 0;left: 50%;width: 82%;height: 1px;background-color: #D1D1D1;transform: translateX(-50%);}
.sub01_2_sct3 .table_box table tbody tr:last-child th::after,
.sub01_2_sct3 .table_box table tbody tr:last-child td::after{display: none;}
.sub01_2_sct3 .table_box table tbody th{text-align: center;padding: 15px;background-color: #F2F2F2;}
.sub01_2_sct3 .table_box table tbody td{padding: 15px 50px;}
.sub01_2_sct3 .table_box table tbody td.blue{color: #1D2088;border-left: #1D2088 solid 2px;border-right: #1D2088 solid 2px;}
.sub01_2_sct3 .table_box table tbody td span{font-weight: 400;color: #666;}
.sub01_2_sct3 .table_box table tbody tr:last-child td.blue{border-bottom: #1D2088 solid 2px;}

@media screen and (max-width:1024px) {
  .sub01_2_sct1 .img_box{margin-top: 60px;}

  .sub01_2_sct2{margin-top: 100px;}
  .sub01_2_sct2 .skill_box{margin-top: 40px; }
  .sub01_2_sct2 .skill_box .skill_txt{position: unset;gap: 40px;width: 100%;height: auto;}
  .sub01_2_sct2 .skill_box .skill_txt .txt_box h4{font-size: 24px;}
  .sub01_2_sct2 .skill_box .skill_txt .txt_box p{font-size: 18px;margin-top: 10px;}
  .sub01_2_sct2 .skill_box .skill_txt .crtl_box .skill_pagi{font-size: 18px;}
  .sub01_2_sct2 .skill_box .skill_img{margin-top: 60px;
  margin-top: 0 !important;
  }
  .sub01_2_sct2 .skill_box .skill_img .swiper-wrapper{align-items: center;}
  .sub01_2_sct2 .skill_box .skill_img .swiper-slide-active{width: 100% !important;}

  .sub01_2_sct3{margin-top: 100px;padding: 100px 0 200px;}
  .sub01_2_sct3 .table_box{margin-top: 60px;}
  .sub01_2_sct3 .table_box table thead th{padding: 16px;font-size: 16px;}
  .sub01_2_sct3 .table_box table tbody th,
  .sub01_2_sct3 .table_box table tbody td{height: 100px;font-size: 16px;}
  .sub01_2_sct3 .table_box table tbody th::after,
  .sub01_2_sct3 .table_box table tbody td::after{width: 85%;}
  .sub01_2_sct3 .table_box table tbody th{padding: 12px;}
  .sub01_2_sct3 .table_box table tbody td{padding: 12px 20px;}
  .sub01_2_sct2 .skill_box .skill_txt{
    margin-top: 20px !important;
  }
}
@media screen and (max-width:768px) {
  .sub01_2_sct1 .img_box{margin-top: 40px;}

  .sub01_2_sct2{margin-top: 80px;}
  .sub01_2_sct2 .skill_box .skill_txt{gap: 20px;}
  .sub01_2_sct2 .skill_box .skill_txt .txt_box h4{font-size: 20px;}
  .sub01_2_sct2 .skill_box .skill_txt .txt_box p{font-size: 16px;}
  .sub01_2_sct2 .skill_box .skill_txt .crtl_box .skill_pagi{font-size: 16px;}
  .sub01_2_sct2 .skill_box .skill_img{margin-top: 40px;}
  /* .sub01_2_sct2 .skill_box .skill_img .swiper-slide-active{width: 60% !important;} */

  .sub01_2_sct3{margin-top: 80px;padding: 80px 0 150px;}
  .sub01_2_sct3 .table_box{margin-top: 40px;overflow: auto;}
  .sub01_2_sct3 .table_box table{min-width: 450px;}
  .sub01_2_sct3 .table_box table thead th{padding: 12px;font-size: 15px;}
  .sub01_2_sct3 .table_box table tbody th,
  .sub01_2_sct3 .table_box table tbody td{height: 80px;font-size: 15px;}
}





/* sub01_3 - 조직도 */
.sub01_3_sct1{padding-bottom: 250px;}
.sub01_3_sct1 .img_box{margin-top: 90px;}
.sub01_3_sct1 .img_box img{margin: 0 auto;}

@media screen and (max-width:1024px) {
  .sub01_3_sct1{padding-bottom: 150px;}
  .sub01_3_sct1 .img_box{margin-top: 60px;}
  .sub01_3_sct1 .img_box img{max-width: 480px;width: 80%;}
}
@media screen and (max-width:768px) {
  .sub01_3_sct1{padding-bottom: 120px;}
  .sub01_3_sct1 .img_box{margin-top: 40px;}
}
@media screen and (max-width:360px) {
  .sub01_3_sct1 .sct_tit h3 br{display: none;}
}






/* sub01_4 - 오시는 길 */
.sub01_4_sct1{padding-bottom: 210px;}
.sub01_4_sct1 > .img_box{margin-top: 70px;background-color: #E9F3FF;}
.sub01_4_sct1 .location{margin-top: 150px;}
.sub01_4_sct1 .location > li:nth-child(n + 2){margin-top: 90px;}
.sub01_4_sct1 .location > li h4{font-size: 50px;font-weight: 600;color: #191919;}

.sub01_4_sct1 .location > li .map_box{width: 100%;height: 445px;margin-top: 60px;}
.sub01_4_sct1 .location > li .map_box .wrap_map{height: 100%;}
.sub01_4_sct1 .location > li .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.sub01_4_sct1 .location > li .map_box .map{width: 100%;height: 445px;}
.sub01_4_sct1 .location > li .map_box .map_border{display: none;}
.sub01_4_sct1 .location > li .detail > li{display: flex;gap: 80px;padding: 24px 0;border-bottom: #EDEDED solid 1px;}
.sub01_4_sct1 .location > li .detail > li .tit{display: inline-block;width: 100px;font-size: 22px;font-weight: 700;color: #333;}
.sub01_4_sct1 .location > li .detail > li p{width: calc(100% - 180px);font-size: 22px;font-weight: 400;color: #333;}

@media screen and (max-width:1024px) {
  .sub01_4_sct1{padding-bottom: 150px;}
  .sub01_4_sct1 > .img_box{margin-top: 60px;}
  .sub01_4_sct1 > .img_box .inner{padding: 0;}
  .sub01_4_sct1 > .img_box img{margin: 0 auto;}
  .sub01_4_sct1 .location{margin-top: 100px;}
  .sub01_4_sct1 .location > li:nth-child(n + 2){margin-top: 60px;}
  .sub01_4_sct1 .location > li h4{font-size: 36px;}

  .sub01_4_sct1 .location > li .map_box{height: 300px;margin-top: 40px;}
  .sub01_4_sct1 .location > li .map_box .map{height: 300px;}
  .sub01_4_sct1 .location > li .detail > li{gap: 40px;padding: 18px 0;}
  .sub01_4_sct1 .location > li .detail > li .tit{width: 80px;font-size: 18px;}
  .sub01_4_sct1 .location > li .detail > li p{width: calc(100% - 120px);font-size: 18px;}
}
@media screen and (max-width:768px) {
  .sub01_4_sct1{padding-bottom: 100px;}
  .sub01_4_sct1 > .img_box{margin-top: 40px;}
  .sub01_4_sct1 .location{margin-top: 60px;}
  .sub01_4_sct1 .location > li:nth-child(n + 2){margin-top: 40px;}
  .sub01_4_sct1 .location > li h4{font-size: 30px;}

  .sub01_4_sct1 .location > li .map_box{height: 240px;}
  .sub01_4_sct1 .location > li .map_box .map{height: 240px;}
  .sub01_4_sct1 .location > li .detail > li{gap: 20px;padding: 12px 0;}
  .sub01_4_sct1 .location > li .detail > li .tit{width: 60px;font-size: 16px;}
  .sub01_4_sct1 .location > li .detail > li p{width: calc(100% - 80px);font-size: 16px;}
}





/* sub02_1 - 비굴착 공법 */
.sub02_1_sct1{padding-bottom: 200px;}
.sub02_1_sct1 .first{max-width: 960px;margin: 90px auto 0;font-size: 22px;font-weight: 400;color: #333;text-align: center;background-color: #F3F3F3;border-radius: 20px;padding: 24px;}
.sub02_1_sct1 .first b{font-weight: 700;}
.sub02_1_sct1 .second{position: relative;max-width: 960px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px auto 0;}
.sub02_1_sct1 .second::after{content: '';position: absolute;bottom: 0;left: 50%;width: 68.13%;height: 1px;border-top: #9A9A9A dashed 1px;transform: translateX(-50%);}
.sub02_1_sct1 .second > li{position: relative;width: 31.44%;padding-bottom: 54px;}
.sub02_1_sct1 .second > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;margin-top: 20px;}
.sub02_1_sct1 .second > li::after{content: '';position: absolute;left: 50%;bottom: 0;width: 27px;height: 27px;background: url(/html/img/sub02_1_sct1_dot.png) no-repeat center/contain;transform: translate(-50%, 50%);}
.sub02_1_sct1 .third{max-width: 990px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px auto 0;}
.sub02_1_sct1 .third > li{width: 47.98%;}
.sub02_1_sct1 .third > li .img_box{padding: 45px 20px;background-color: #F3F3F3;border-radius: 40px;text-align: center;}
.sub02_1_sct1 .third > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;margin-top: 20px;}

@media screen and (max-width:1024px) {
  .sub02_1_sct1{padding-bottom: 150px;}
  .sub02_1_sct1 .first{margin: 60px auto 0;font-size: 18px;padding: 20px;}
  .sub02_1_sct1 .second{margin: 40px auto 0;}
  .sub02_1_sct1 .second > li{padding-bottom: 40px;}
  .sub02_1_sct1 .second > li h4{font-size: 18px;margin-top: 16px;}
  .sub02_1_sct1 .second > li::after{width: 25px;height: 25px;}
  .sub02_1_sct1 .third{margin: 40px auto 0;}
  .sub02_1_sct1 .third > li .img_box{padding: 30px 20px;border-radius: 30px;}
  .sub02_1_sct1 .third > li .img_box img{max-width: 60%;}
  .sub02_1_sct1 .third > li h4{font-size: 18px;margin-top: 16px;}
}
@media screen and (max-width:640px) {
  .sub02_1_sct1{padding-bottom: 120px;}
  .sub02_1_sct1 .sct_tit p{text-align: left;}
  .sub02_1_sct1 .first{margin: 40px auto 0;font-size: 16px;}
  .sub02_1_sct1 .second{/* gap: 30px; */margin: 20px auto 0;}
  .sub02_1_sct1 .second::after{display: none;}
  .sub02_1_sct1 .second > li{/* width: 100%; */padding-bottom: 0;}
  .sub02_1_sct1 .second > li .img_box{text-align: center;}
  /* .sub02_1_sct1 .second > li .img_box img{max-width: 60%;} */
  .sub02_1_sct1 .second > li h4{font-size: 16px;}
  .sub02_1_sct1 .second > li::after{display: none;}
  .sub02_1_sct1 .third{/* gap: 30px; */margin: 20px auto 0;}
  /* .sub02_1_sct1 .third > li{width: 100%;} */
  .sub02_1_sct1 .third > li .img_box{padding: 20px;border-radius: 20px;}
  .sub02_1_sct1 .third > li .img_box img{max-width: 30%;}
  .sub02_1_sct1 .third > li h4{font-size: 16px;}
}




/* sub02_2 - 이동식 슬러지 탈수 시스템 */
.sub02_2_sct1{padding-bottom: 200px;}
.sub02_2_sct1 .first{position: relative;max-width: 900px;display: flex;gap: 80px;flex-wrap: wrap;margin: 60px auto 0;}
.sub02_2_sct1 .first::after{content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 62px;background: url(/html/img/sub02_2_arrow.png) no-repeat center/contain;transform: translate(-50%, -50%);}
.sub02_2_sct1 .first > li{position: relative;width: calc(50% - 40px);}
.sub02_2_sct1 .first > li h4{font-size: 22px;font-weight: 700;color: #fff;text-align: center;margin-top: 20px;}
.sub02_2_sct1 .first > li h4 span{display: inline-block;width: 100%;max-width: 300px;padding: 10px;background-color: #1D2088;border-radius: 8px;}

.sub02_2_sct1 .second{max-width: 990px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px auto 0;}
.sub02_2_sct1 .second > li{width: 47.98%;}
.sub02_2_sct1 .second > li .img_box{padding: 70px 20px;background-color: #F3F3F3;border-radius: 40px;text-align: center;}
.sub02_2_sct1 .second > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;margin-top: 20px;}

@media screen and (max-width:1024px) {
  .sub02_2_sct1{padding-bottom: 150px;}
  .sub02_2_sct1 .first{gap: 30px;margin: 40px auto 0;}
  .sub02_2_sct1 .first > li{width: calc(50% - 15px);}
  .sub02_2_sct1 .first > li h4{font-size: 18px;margin-top: 16px;}

  .sub02_2_sct1 .second{margin: 40px auto 0;}
  .sub02_2_sct1 .second > li .img_box{padding: 40px 20px;border-radius: 30px;}
  .sub02_2_sct1 .second > li .img_box img{max-width: 60%;}
  .sub02_2_sct1 .second > li h4{font-size: 18px;margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .sub02_2_sct1{padding-bottom: 120px;}
  .sub02_2_sct1 .sct_tit p{text-align: left;}
  /* .sub02_2_sct1 .first::after{width: 62px;height: 30px;background: url(/html/img/sub02_2_arrow2.png) no-repeat center/contain;} */
  /* .sub02_2_sct1 .first > li{width: 100%;} */
  .sub02_2_sct1 .first > li .img_box{text-align: center;}
  .sub02_2_sct1 .first > li .img_box img{max-width: 80%;}
  .sub02_2_sct1 .first > li h4{font-size: 16px;}

  /* .sub02_2_sct1 .second{gap: 30px;} */
  /* .sub02_2_sct1 .second > li{width: 100%;} */
  .sub02_2_sct1 .second > li .img_box{padding: 20px;border-radius: 20px;}
  /* .sub02_2_sct1 .second > li .img_box img{max-width: 30%;} */
  .sub02_2_sct1 .second > li h4{font-size: 16px;}
}




/* sub02_3 - 탈수기 시스템 */
.sub02_3_sct1{padding-bottom: 150px;}
.sub02_3_sct1 .first{position: relative;max-width: 960px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px auto 0;}
.sub02_3_sct1 .first::after{content: '';position: absolute;bottom: 0;left: 50%;width: 68.13%;height: 1px;border-top: #9A9A9A dashed 1px;transform: translateX(-50%);}
.sub02_3_sct1 .first > li{position: relative;width: 31.44%;padding-bottom: 54px;}
.sub02_3_sct1 .first > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;margin-top: 20px;}
.sub02_3_sct1 .first > li::after{content: '';position: absolute;left: 50%;bottom: 0;width: 27px;height: 27px;background: url(/html/img/sub02_1_sct1_dot.png) no-repeat center/contain;transform: translate(-50%, 50%);}
.sub02_3_sct1 .second{margin-top: 60px;padding: 66px 20px;background-color: #F3F3F3;border-radius: 40px;}
.sub02_3_sct1 .second .img_box{text-align: center;}
.sub02_3_sct1 .second p{font-size: 32px;font-weight: 700;color: #333;text-align: center;margin-top: 20px;}

.sub02_3_sct2{padding-bottom: 200px;}
.sub02_3_sct2 .sct_tit{padding-top: 150px;border-top: #D9D9D9 solid 1px;}
.sub02_3_sct2 .process{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 90px;}
.sub02_3_sct2 .process > li{position: relative;width: calc(33.33% - (80px / 3));}
.sub02_3_sct2 .process > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;padding: 20px 10px;background-color: #F3F3F3;border-radius: 40px 40px 0 0;}
.sub02_3_sct2 .process > li h4 span{font-weight: 400;}
.sub02_3_sct2 .process > li:nth-child(n + 2)::before{content: '';position: absolute;top: 55%;right: calc(100% + 8px);width: 24px;height: 24px;background: url(/html/img/sub02_3_arrow.png) no-repeat center/contain;}
.sub02_3_sct2 .process > li:nth-child(3n + 1)::before{display: none;}
.sub02_3_sct2 .feature{display: flex;gap: 20px 0;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}
.sub02_3_sct2 .feature > li{display: flex;gap: 10px;align-items: start;width: 49.5%;padding: 40px 30px;background-color: #F3F3F3;border-radius: 999px;}
.sub02_3_sct2 .feature > li img{display: inline-block;width: 20px;margin-top: 2px;}
.sub02_3_sct2 .feature > li span{display: inline-block;width: calc(100% - 30px);font-size: 20px;font-weight: 700;color: #333;}

@media screen and (max-width:1024px) {
  .sub02_3_sct1{padding-bottom: 120px;}
  .sub02_3_sct1 .first{margin: 40px auto 0;}
  .sub02_3_sct1 .first > li{padding-bottom: 40px;}
  .sub02_3_sct1 .first > li h4{font-size: 18px;margin-top: 16px;}
  .sub02_3_sct1 .first > li::after{width: 25px;height: 25px;}
  .sub02_3_sct1 .second{margin-top: 40px;padding: 40px 20px;border-radius: 30px;}
  .sub02_3_sct1 .second p{font-size: 24px;margin-top: 16px;}

  .sub02_3_sct2{padding-bottom: 150px;}
  .sub02_3_sct2 .sct_tit{padding-top: 120px;}
  .sub02_3_sct2 .process{margin-top: 60px;}
  .sub02_3_sct2 .process > li{width: calc(50% - 20px);}
  .sub02_3_sct2 .process > li h4{font-size: 18px;border-radius: 20px 20px 0 0;}
  .sub02_3_sct2 .process > li:nth-child(n + 2)::before{content: '';position: absolute;top: 55%;right: calc(100% + 8px);width: 24px;height: 24px;background: url(/html/img/sub02_3_arrow.png) no-repeat center/contain;}
  .sub02_3_sct2 .process > li:nth-child(3n + 1)::before{display: block;}
  .sub02_3_sct2 .process > li:nth-child(2n + 1)::before{display: none;}
  .sub02_3_sct2 .feature{margin-top: 40px;}
  .sub02_3_sct2 .feature > li{padding: 30px 20px;}
  .sub02_3_sct2 .feature > li img{margin-top: -1px;}
  .sub02_3_sct2 .feature > li span{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub02_3_sct1{padding-bottom: 80px;}
  .sub02_3 .sct_tit p{text-align: left;}
  .sub02_3_sct1 .second{margin-top: 20px;padding: 30px 20px;border-radius: 20px;}
  .sub02_3_sct1 .second .img_box img{max-width: 30%;}
  .sub02_3_sct1 .second p{font-size: 18px;}

  .sub02_3_sct2{padding-bottom: 120px;}
  .sub02_3_sct2 .sct_tit{padding-top: 80px;}
  .sub02_3_sct2 .feature > li{width: 100%;}
}
@media screen and (max-width:640px) {
  .sub02_3_sct1 .first{/* gap: 30px; */margin: 20px auto 0;}
  .sub02_3_sct1 .first::after{display: none;}
  .sub02_3_sct1 .first > li{/* width: 100%; */padding-bottom: 0;}
  .sub02_3_sct1 .first > li .img_box{text-align: center;}
  /* .sub02_3_sct1 .first > li .img_box img{max-width: 60%;} */
  .sub02_3_sct1 .first > li h4{font-size: 16px;}
  .sub02_3_sct1 .first > li::after{display: none;}
  .sub02_3_sct1 .second p br{display: none;}
}
@media screen and (max-width:520px) {
  .sub02_3_sct2 .process{margin-top: 60px;}
  /* .sub02_3_sct2 .process > li{width: 100%;} */
  .sub02_3_sct2 .process > li h4{font-size: 16px;}
  /* .sub02_3_sct2 .process > li:nth-child(n + 2)::before{top: unset;right: unset;bottom: calc(100% + 8px);left: 50%;width: 24px;height: 24px;transform: rotate(90deg) translateY(50%);} */
  /* .sub02_3_sct2 .process > li:nth-child(2n + 1)::before{display: block;} */
}





/* sub02_4 - 맨홀보수 */
.sub02_4 .sml_tit{display: flex;align-items: start;justify-content: center;gap: 4px;}
.sub02_4 .sml_tit span{font-size: 32px;font-weight: 700;color: #333;margin-top: -3px;}

.sub02_4_sct1{padding-bottom: 150px;}
.sub02_4_sct1 .first{margin-top: 90px;}
.sub02_4_sct1 .first .problem{padding: 40px;background-color: #F3F3F3;margin-top: 40px;}
.sub02_4_sct1 .first .problem p{font-size: 18px;font-weight: 700;color: #333;text-align: center;}
.sub02_4_sct1 .first .problem > ul{display: flex;gap: 16px;justify-content: center;/* flex-wrap: wrap; */margin-top: 20px;padding-top: 20px;border-top: #D9D9D9 solid 1px;}
.sub02_4_sct1 .first .problem > ul > li{font-size: 18px;font-weight: 400;color: #333;}
.sub02_4_sct1 .first .problem > ul > li b{font-weight: 700;}

.sub02_4_sct1 .second{margin-top: 60px;}
.sub02_4_sct1 .second .process{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 60px;}
.sub02_4_sct1 .second .process > li{position: relative;width: calc(33.33% - (80px / 3));}
.sub02_4_sct1 .second .process > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;padding: 20px 10px;background-color: #F3F3F3;border-radius: 40px 40px 0 0;}
.sub02_4_sct1 .second .process > li h4 span{font-weight: 400;}
.sub02_4_sct1 .second .process > li:nth-child(n + 2)::before{content: '';position: absolute;top: 55%;right: calc(100% + 8px);width: 24px;height: 24px;background: url(/html/img/sub02_3_arrow.png) no-repeat center/contain;}
.sub02_4_sct1 .second .process > li:nth-child(3n + 1)::before{display: none;}
.sub02_4_sct1 .second .feature{display: flex;gap: 20px 0;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.sub02_4_sct1 .second .feature > li{display: flex;gap: 10px;align-items: start;width: 49.5%;padding: 40px 30px;background-color: #F3F3F3;border-radius: 999px;}
.sub02_4_sct1 .second .feature > li img{display: inline-block;width: 20px;margin-top: 2px;}
.sub02_4_sct1 .second .feature > li span{display: inline-block;width: calc(100% - 30px);font-size: 20px;font-weight: 700;color: #333;}

@media screen and (max-width:1024px) {
  .sub02_4 .sml_tit span{font-size: 24px;margin-top: -3px;}

  .sub02_4_sct1{padding-bottom: 100px;}
  .sub02_4_sct1 .first{margin-top: 60px;}
  .sub02_4_sct1 .first .problem{padding: 30px;margin-top: 20px;}
  .sub02_4_sct1 .first .problem p{font-size: 16px;}
  .sub02_4_sct1 .first .problem > ul{gap: 10px;margin-top: 16px;padding-top: 16px;}
  .sub02_4_sct1 .first .problem > ul > li{font-size: 16px;}

  .sub02_4_sct1 .second{margin-top: 40px;}
  .sub02_4_sct1 .second .process{margin-top: 40px;}
  .sub02_4_sct1 .second .process > li{width: calc(50% - 20px);}
  .sub02_4_sct1 .second .process > li h4{font-size: 18px;border-radius: 20px 20px 0 0;}
  .sub02_4_sct1 .second .process > li:nth-child(n + 2)::before{content: '';position: absolute;top: 55%;right: calc(100% + 8px);width: 24px;height: 24px;background: url(/html/img/sub02_3_arrow.png) no-repeat center/contain;}
  .sub02_4_sct1 .second .process > li:nth-child(3n + 1)::before{display: block;}
  .sub02_4_sct1 .second .process > li:nth-child(2n + 1)::before{display: none;}
  .sub02_4_sct1 .second .feature{margin-top: 20px;}
  .sub02_4_sct1 .second .feature > li{padding: 30px 20px;}
  .sub02_4_sct1 .second .feature > li img{margin-top: -1px;}
  .sub02_4_sct1 .second .feature > li span{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub02_4 .sml_tit img{width: 20px;}
  .sub02_4 .sml_tit span{font-size: 20px;margin-top: -2px;}

  .sub02_4_sct1{padding-bottom: 80px;}
  .sub02_4_sct1 .first{margin-top: 40px;}
  .sub02_4_sct1 .first .problem{padding: 20px;}
  .sub02_4_sct1 .first .problem > ul{gap: 10px;margin-top: 12px;padding-top: 12px;}
  .sub02_4_sct1 .first .problem > ul > li{/* width: 100%; */text-align: center;}

  .sub02_4_sct1 .second{margin-top: 40px;}
  .sub02_4_sct1 .second .feature > li{width: 100%;}
}
@media screen and (max-width:520px) {
  .sub02_4_sct1 .second .process{margin-top: 60px;}
  /* .sub02_4_sct1 .second .process > li{width: 100%;} */
  .sub02_4_sct1 .second .process > li h4{font-size: 16px;}
  /* .sub02_4_sct1 .second .process > li:nth-child(n + 2)::before{top: unset;right: unset;bottom: calc(100% + 8px);left: 50%;width: 24px;height: 24px;transform: rotate(90deg) translateY(50%);} */
  /* .sub02_4_sct1 .second .process > li:nth-child(2n + 1)::before{display: block;} */
}

.sub02_4_sct2{padding: 150px 0 200px;border-top: #D9D9D9 solid 1px;}
.sub02_4_sct2 .first{margin-top: 90px;}
.sub02_4_sct2 .first .problem{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.sub02_4_sct2 .first .problem > li{width: 32.25%;}
.sub02_4_sct2 .first .problem > li .img_box{text-align: center;padding: 65px 20px;background-color: #F3F3F3;border-radius: 16px;}
.sub02_4_sct2 .first .problem > li p{font-size: 18px;font-weight: 400;color: #333;line-height: 1.77;text-align: center;margin-top: 20px;}
.sub02_4_sct2 .first .problem > li p b{font-weight: 700;}
.sub02_4_sct2 .second{max-width: 812px;margin: 60px auto 0;}
.sub02_4_sct2 .second .process{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 40px;}
.sub02_4_sct2 .second .process > li{position: relative;width: calc(50% - 20px);}
.sub02_4_sct2 .second .process > li h4{font-size: 22px;font-weight: 700;color: #333;text-align: center;padding: 20px 10px;background-color: #F3F3F3;border-radius: 40px 40px 0 0;}
.sub02_4_sct2 .second .process > li h4 span{font-weight: 400;}
.sub02_4_sct2 .second .process > li:nth-child(n + 2)::before{content: '';position: absolute;top: 55%;right: calc(100% + 8px);width: 24px;height: 24px;background: url(/html/img/sub02_3_arrow.png) no-repeat center/contain;}
.sub02_4_sct2 .second .process > li:nth-child(2n + 1)::before{display: none;}

@media screen and (max-width:1024px) {
  .sub02_4_sct2{padding: 100px 0 150px;}
  .sub02_4_sct2 .first{margin-top: 60px;}
  .sub02_4_sct2 .first .problem{margin-top: 20px;}
  .sub02_4_sct2 .first .problem > li .img_box{padding: 40px 20px;}
  .sub02_4_sct2 .first .problem > li .img_box img{max-width: 35%;}
  /* .sub02_4_sct2 .first .problem > li p{font-size: 16px;margin-top: 16px;} */
  .sub02_4_sct2 .first .problem > li p{font-size: 14px;margin-top: 16px;}
  .sub02_4_sct2 .second{margin: 40px auto 0;}
  .sub02_4_sct2 .second .process > li h4{font-size: 18px;border-radius: 20px 20px 0 0;}
}
@media screen and (max-width:768px) {
  .sub02_4_sct2{padding: 80px 0 120px;}
  .sub02_4_sct2 .first{margin-top: 40px;}
  /* .sub02_4_sct2 .first .problem{gap: 20px;} */
  /* .sub02_4_sct2 .first .problem > li{width: 100%;} */
  /* .sub02_4_sct2 .first .problem > li .img_box{padding: 30px 20px;} */
  .sub02_4_sct2 .first .problem > li .img_box{padding: 10px 0;}
  .sub02_4_sct2 .first .problem > li .img_box img{max-width: 30%;}
}
@media screen and (max-width:520px) {
  .sub02_4_sct2 .second .process{margin-top: 20px;}
  .sub02_4_sct2 .second .process > li{width: 100%;}
  .sub02_4_sct2 .second .process > li h4{font-size: 16px;}
  .sub02_4_sct2 .second .process > li:nth-child(n + 2)::before{top: unset;right: unset;bottom: calc(100% + 8px);left: 50%;width: 24px;height: 24px;transform: rotate(90deg) translateY(50%);}
  .sub02_4_sct2 .second .process > li:nth-child(2n + 1)::before{display: block;}
}






/* sub03_1 - 보유장비 */
.sub03_1_sct1{padding-bottom: 200px;}
.sub03_1_sct1 .category_box{display: flex;gap: 10px;margin-top: 90px;}
.sub03_1_sct1 .category_box > button{width: 60px;background-color: transparent;border: unset;}
.sub03_1_sct1 .category_box .category{width: calc(100% - 140px);overflow: hidden;}
.sub03_1_sct1 .category_box .category .swiper-slide{width: auto;}
.sub03_1_sct1 .category_box .category .swiper-slide button{min-width: 180px;font-size: 20px;font-weight: 600;color: #6E6E6E;text-align: center;padding: 18px 24px;background-color: transparent;border: #CECECE solid 1px;border-radius: 10px;}
.sub03_1_sct1 .category_box .category .swiper-slide button.on{color: #1E1E1E;border-color: #1E1E1E;}
.sub03_1_sct1 .equip_box{margin-top: 60px;}
.sub03_1_sct1 .equip_box .equip_list{display: none;gap: 30px;flex-wrap: wrap;}
.sub03_1_sct1 .equip_box .equip_list.active{display: flex;}
.sub03_1_sct1 .equip_box .equip_list > li{width: calc(33.333% - 20px);padding: 25px;border: #EEEEEE solid 1px;border-radius: 0 0 40px 0;box-shadow: rgba(0, 0, 0, 0.07) 11px 12px 23px 0;}
.sub03_1_sct1 .equip_box .equip_list > li h4{font-size: 24px;font-weight: 700;color: #000;text-align: center;margin-top: 18px;}
.sub03_1_sct1 .equip_box .equip_list > li .detail{margin-top: 36px;}
.sub03_1_sct1 .equip_box .equip_list > li .detail > li{display: flex;gap: 10px;justify-content: space-between;padding: 20px 0;}
.sub03_1_sct1 .equip_box .equip_list > li .detail > li:nth-child(n + 2){border-top: #D1D1D1 solid 1px;}
.sub03_1_sct1 .equip_box .equip_list > li .detail > li span{display: inline-block;font-size: 20px;color: #333;}
.sub03_1_sct1 .equip_box .equip_list > li .detail > li .tit{width: 68px;font-weight: 400;}
.sub03_1_sct1 .equip_box .equip_list > li .detail > li .desc{width: calc(100% - 78px);font-weight: 700;text-align: right;}
.sub03_1_sct1 .equip_box .equip_list > li .desc2{font-size: 20px;font-weight: 400;color: #333;text-align: center;margin-top: 36px;}

@media screen and (max-width:1024px) {
  .sub03_1_sct1{padding-bottom: 150px;}
  .sub03_1_sct1 .category_box{margin-top: 60px;}
  .sub03_1_sct1 .category_box > button{width: 50px;}
  .sub03_1_sct1 .category_box .category{width: calc(100% - 120px);}
  .sub03_1_sct1 .category_box .category .swiper-slide button{min-width: 140px;font-size: 18px;padding: 13px 20px;}
  .sub03_1_sct1 .equip_box{margin-top: 40px;}
  .sub03_1_sct1 .equip_box .equip_list{gap: 30px 20px;}
  .sub03_1_sct1 .equip_box .equip_list > li{width: calc(50% - 10px);padding: 24px 20px;}
  .sub03_1_sct1 .equip_box .equip_list > li h4{font-size: 18px;margin-top: 12px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail{margin-top: 24px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li{padding: 10px 0;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li span{font-size: 16px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li .tit{width: 55px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li .desc{width: calc(100% - 65px);}
  .sub03_1_sct1 .equip_box .equip_list > li .desc2{font-size: 16px;margin-top: 24px;}
}
@media screen and (max-width:7686px) {
  .sub03_1_sct1{padding-bottom: 120px;}
}
@media screen and (max-width:640px) {
  .sub03_1_sct1 .category_box{gap: 8px;}
  .sub03_1_sct1 .category_box > button{width: 35px;}
  .sub03_1_sct1 .category_box .category{width: calc(100% - 86px);}
  .sub03_1_sct1 .category_box .category .swiper-slide button{min-width: 100px;font-size: 16px;padding: 7px 12px;}
  .sub03_1_sct1 .equip_box .equip_list{gap: 20px;}
  .sub03_1_sct1 .equip_box .equip_list > li{width: 100%;padding: 20px;}
  .sub03_1_sct1 .equip_box .equip_list > li h4{font-size: 16px;margin-top: 10px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail{margin-top: 20px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li{padding: 8px 0;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li span{font-size: 15px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li .tit{width: 52px;}
  .sub03_1_sct1 .equip_box .equip_list > li .detail > li .desc{width: calc(100% - 62px);}
  .sub03_1_sct1 .equip_box .equip_list > li .desc2{font-size: 15px;margin-top: 20px;}
}






/* sub04_1 - 공공 납품 실적 */
.sub04_1{padding-bottom: 200px;}

.sub04_1_sct1 .tab_menu{display: flex;flex-wrap: wrap;margin-top: 60px;background-color: #F6F6F6;border-radius: 8px;}
.sub04_1_sct1 .tab_menu > li{flex: 1;}
.sub04_1_sct1 .tab_menu > li button{width: 100%;font-size: 16px;font-weight: 600;color: #333;text-align: center;padding: 13px;background-color: transparent;border: unset;}
.sub04_1_sct1 .tab_menu > li button.on{background-color: #fff;border: #1D2088 solid 1px;border-radius: 8px;color: #1D2088;}
.sub04_1_sct1 .tab_menu > li button:hover{text-decoration: underline;}
.sub04_1_sct1 .results_wrap{margin-top: 60px;overflow: auto;}
.sub04_1_sct1 .results_wrap table{display: none;width: 100%;border-spacing: 0;border-bottom: #333333 solid 1px;min-width: 400px;}
.sub04_1_sct1 .results_wrap table.active{display: table;}
.sub04_1_sct1 .results_wrap table thead th{font-size: 16px;font-weight: 700;color: #fff;text-align: center;padding: 16px 10px;background-color: #9FA0A0;}
.sub04_1_sct1 .results_wrap table tbody td{font-size: 16px;font-weight: 400;color: #333;text-align: center;padding: 16px 10px;}
.sub04_1_sct1 .results_wrap table tbody tr:nth-child(2n) td{background-color: #F4F4F4;}

@media screen and (max-width:1024px) {
  .sub04_1{padding-bottom: 150px;}
}
@media screen and (max-width:768px) {
  .sub04_1{padding-bottom: 120px;}
  .sub04_1_sct1 .tab_menu{margin-top: 40px;}
  .sub04_1_sct1 .results_wrap{margin-top: 40px;}
}
@media screen and (max-width:550px) {
  .sub04_1_sct1 .tab_menu > li button{font-size: 15px;padding: 10px;}
  .sub04_1_sct1 .results_wrap table thead th{font-size: 15px;padding: 12px 5px;}
  .sub04_1_sct1 .results_wrap table tbody td{font-size: 15px;padding: 12px 5px;}
}






/* sub05_1 - 자주묻는질문 */
.sub05_1_sct1{padding-bottom: 200px;}
.sub05_1_sct1 .faq_list{margin-top: 90px;}
.sub05_1_sct1 .faq_list > ul > li {border:solid 1px #CECECE;border-radius:10px;overflow:hidden}
.sub05_1_sct1 .faq_list > ul > li + li {margin-top:10px}
.sub05_1_sct1 .faq_list > ul > li.active {border-color:#3E3E3E;background:#F4F4F4}
.sub05_1_sct1 .faq_list > ul > li.active button::after {background-image:url('/html/img/minus.svg')}
.sub05_1_sct1 .faq_list button {color:#191919;width:100%;background:transparent;border:0;font-size:24px;font-weight:700;position:relative;text-align:left;line-height:1.4;padding:40px 80px 40px 98px}
.sub05_1_sct1 .faq_list button::before,
.sub05_1_sct1 .faq_list .cont::before {content:'Q';display:flex;align-items:center;justify-content:center;width:37px;height:48px;background:#ffffff;border:solid 1px #1e1e1e;border-radius:30px;position:absolute;top:33px;left:40px;font-size:18px;font-weight:700;font-family:'Montserrat', sans-serif}
.sub05_1_sct1 .faq_list button::after {content:'';display:block;width:30px;height:30px;background:url('/html/img/plus.svg') no-repeat center/100%;position:absolute;top:50%;right:40px;transform:translateY(-50%);transition:all .2s}
.sub05_1_sct1 .faq_list .cont {display:none;font-size:18px;color:#3E3E3E;padding:44px 10px 44px 98px;position:relative;border-top:dashed 1px #3E3E3E}
.sub05_1_sct1 .faq_list .cont::before {content:'A'}
.sub05_1_sct1 .faq_list .cont p {line-height:1.7}

@media screen and (max-width:1024px) {
  .sub05_1_sct1{padding-bottom: 100px;}
  .sub05_1_sct1 .faq_list{margin-top: 60px;}
  .sub05_1_sct1 .faq_list button {font-size:18px;padding:24px 46px 24px 60px}
  .sub05_1_sct1 .faq_list button::after {width:20px;height:20px;right:20px}
  .sub05_1_sct1 .faq_list button::before,
  .sub05_1_sct1 .faq_list .cont::before {font-size:16px;width:32px;height:40px;top:17px;left:18px}
  .sub05_1_sct1 .faq_list .cont {font-size:16px;padding:24px 10px 24px 60px}
}





/* sub05_3 - 문의하기 */
.sub05_3{padding-bottom: 300px;}
.form_box{margin-top: 90px;}
.form_box .form_list > li:nth-child(n + 2){margin-top: 40px;}
.form_box .form_list > li label{position: relative;display: inline-block;font-size: 22px;font-weight: 600;color: #191919;}
.form_box .form_list > li label::after{content: '*';position: absolute;top: 0;right: -12px;font-size: 22px;font-weight: 600;color: #ED1C1C;}
.form_box .form_list > li input{display: inline-block;width: 100%;font-size: 22px;font-weight: 400;color: #191919;padding: 12px 0;border: unset !important;border-bottom: #D9D9D9 solid 1px !important;}
.form_box .form_list > li input::placeholder{color: #A3A3A3;}
.form_box .form_list > li input:focus,
.form_box .form_list > li input:focus-visible{box-shadow: unset;outline: unset;}

.privacy_box{position: relative;margin-top: 60px;}
.privacy_box input{opacity: 0;position: absolute;top: 0;left: 0;}
.privacy_box label{display: flex;align-items: center;gap: 4px;cursor: pointer;}
.privacy_box label .check_box{position: relative;width: 25px;height: 25px;cursor: pointer;}
.privacy_box label .check_box img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.privacy_box label .check_box img.checked{opacity: 0;}
.privacy_box input:checked + label .checked{opacity: 1;}
.privacy_box input:checked + label .n_checked{opacity: 0;}
.privacy_box label p{font-size: 18px;font-weight: 400;color: #191919;text-decoration: underline;}
.privacy_box label p span{position: relative;}
.privacy_box label p span::after{content: '*';position: absolute;top: 0;right: -12px;font-size: 18px;font-weight: 600;color: #ED1C1C;}

.submit_box{text-align: center;margin-top: 40px;}
.submit_box button{font-size: 22px;font-weight: 700;color: #fff;padding: 15px 112px;background-color: #00ADEE;border-radius: 8px;border: unset;transition: background-color 0.3s;}
.submit_box button:hover{background-color: #0197ce;}

@media screen and (max-width:1024px) {
  .sub05_3{padding-bottom: 200px;}
  .form_box{margin-top: 60px;}
  .form_box .form_list > li label{font-size: 18px;}
  .form_box .form_list > li input{font-size: 18px;;}
  .form_box .form_list > li label::after{font-size: 18px;}

  .privacy_box label p{font-size: 16px;}
  .privacy_box label p span::after{font-size: 16px;}

  .submit_box button{font-size: 18px;padding: 12px 80px;}
}
@media screen and (max-width:768px) {
  .sub05_3{padding-bottom: 100px;}
  .form_box .form_list > li:nth-child(n + 2){margin-top: 20px;}
  .form_box .form_list > li label{font-size: 16px;}
  .form_box .form_list > li input{font-size: 16px;padding: 10px 0;}
  .form_box .form_list > li label::after{font-size: 16px;}

  .privacy_box label p{font-size: 15px;}
  .privacy_box label p span::after{font-size: 15px;}

  .submit_box button{max-width: 360px;width: 100%;font-size: 16px;padding: 12px 0;}
}



.p-popup-wrap{
  position: fixed;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.p-popup-wrap .popupbox{
  max-width: 800px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  background: #fff;
}
.p-popup-wrap .popupbox .popup-titline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 20px 25px;
  background: rgb(3, 82, 251);
}
.p-popup-wrap .popupbox .popup-titline h3{
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-align: left;
}
.p-popup-wrap .popupbox .popup-titline .popup-close{
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}
.p-popup-wrap .popupbox .popup-content{
  padding: 30px 25px;
  background: #fff;
  max-height: 50vh;
  overflow-y: auto;
}
.p-popup-wrap .popupbox .popup-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgb(209, 209, 209);
}
.p-popup-wrap .popupbox .popup-content::-webkit-scrollbar-thumb {
  background-color: rgb(92, 91, 91);
}
.p-popup-wrap .popupbox .popup-content p,
.p-popup-wrap .popupbox .popup-content,
.p-popup-wrap .popupbox .popup-content div
{
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}


@media(max-width:1024px){
  .p-popup-wrap .popupbox{
    width: calc(100% - 40px);
  }
  .p-popup-wrap .popupbox .popup-titline{
    padding: 16px 15px;
  }
  .p-popup-wrap .popupbox .popup-titline h3{
    font-size: 16px;
  }
  .p-popup-wrap .popupbox .popup-titline .popup-close{
    font-size: 24px;
  }
  .p-popup-wrap .popupbox .popup-content{
    padding: 30px 15px;
  }
  .p-popup-wrap .popupbox .popup-content p,
  .p-popup-wrap .popupbox .popup-content,
  .p-popup-wrap .popupbox .popup-content div
  {
    font-size: 14px !important;
  }
}