img{transition: all 0.3s;}

.wow.fadeInUp {
  animation-name: customFadeInUp;
}

@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px); /* 기본은 100px 정도임 → 20px로 줄임 */
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.quick{width: 100% ;display:  flex; justify-content: space-between; align-items: center;height: 35rem; }
.quick .box1{background-color: #f6fbf2; display: flex; justify-content: flex-end; align-items: center; padding-top: 5rem; padding-bottom: 4rem; padding-right:11rem ;height: 100%;width: 68.5%;}
.quick .box1 .inner{width:96rem; }
.quick .box1 .items{display: flex; justify-content: space-between; align-items: center;gap: 8rem;}
.txt_style1{font-size: 3.2rem ;}
.txt_style1 b{font-size: inherit ;}
.txt_style2{text-transform:uppercase;color: #7faa59; font-size: 1.3rem; font-weight: 800; }
.quick .box1 .txt{display: flex; justify-content: start; align-items: center; gap: 2.8rem;margin-bottom: 2.4rem;}
.quick .box1 .item h6{font-weight: 700;text-align: center;margin-top: 1.9rem;}
.quick .box2{width: 31.5%; background-color: #265844;padding: 5.5rem 8.7rem; height: 100%;}
.quick .box2>div:first-child{display: flex; justify-content: start; align-items: baseline; gap: 1.6rem;margin-bottom:5px; }
.quick .box2 h2{color: #fff; font-size: 3.2rem; font-weight: 700;}
.quick .box2 h3{color: #fff;font-size: 1.5rem; }
.quick .box2 a{color: #d0f8a2; font-size: 3.8rem; font-weight: 900;}
.quick .box2 .line{width: 100%; height: 1px; background-color: #fff; opacity: 0.4;margin-top:2rem ;}
.quick .box2 ul {display: flex; flex-direction: column; gap:1rem ; margin-top: 2.6rem;}
.quick .box2 ul li{display: flex; justify-content: start; align-items: center;}
.quick .box2 ul li p{color: #fff;font-size: 1.6rem; font-weight: 500; width: 35%;}
.quick .box2 ul li h5{color: #fff;font-size: 1.6rem; font-weight: 500; width: 65%;}
.quick .box1 .items .item img:hover{transform: translateY(-10px);filter: drop-shadow(5px 5px 5px #00000013); }
.quick .box1 .items .item img{transition: all 0.3s;width: 12.6rem;}

.section1 .width{display: flex; justify-content: start; gap: 5rem; align-items: center; gap:8rem ;padding-top: 13rem; padding-bottom: 15rem;}
.section1 .width .img{width:79.7rem ;}
.section1 .width .img img{width: 100%;}
.txt_style3{text-transform:uppercase;color: #a5c435; font-size: 1.6rem; font-weight: 800; }
.section1 .txt_style3{margin-bottom:3rem ;}
.section1 .txt_style1{font-size: 3.5rem; line-height: 150%;margin-bottom: 3.5rem; }
.section1 p{font-size: 2rem;}
.section1 a{font-size: 2rem; font-weight: 700; margin-top: 9rem;display: inline-block;transition: all 0.3s;}
.section1 a:hover{transform: translateX(15px);}
.root_daum_roughmap .cont .section.lst{display: none;}

.section2 {position: relative; } 
.section2 .width_m{position: absolute; top: 50%; transform: translate(-50%,-50%) ; z-index: 9;left: 50%; } 
.section2 .info{ background-color: #fff; box-shadow: 0 0 7px #6666664d;padding: 3.7rem 3.3rem;width: 60%; max-width: 490px;}
.section2 .line{width: 100%; height: 1px ;background-color: #e1e1e1;margin: 1.5rem 0;}
.section2 .box{display: flex; justify-content: start; align-items: center;gap: 2rem;}
.section2 .box a{display: block; color: #71b03b; font-size: 3.6rem; font-weight: 800;}
.section2 .box a span{font-weight: 700;}
.section2 .box h3{font-weight: 600;}
.section2 .box h4{font-size: 2rem; font-weight: 600;}
.section2 .box h5{color: #666666; font-size: 1.6rem; font-weight: 600;}
.section2 .box ul{display: flex; flex-direction: column;gap:5px ;width: 100%;}
.section2 .box ul li{display: flex ; justify-content: start; align-items: center;}
.section2 .box ul li p{font-size: 1.6rem; font-weight: 500; width: 30%;}
.section2 .box ul li h6{font-size: 1.6rem; font-weight: 500; width: 55%;text-align: right;}
.section2 .main_map{width: 100%; height: 47.8rem;}
.section2 .root_daum_roughmap .wrap_map{height: 47.8rem;width: 100%;}
.section2 .root_daum_roughmap{width: 100%;}

.section3 {padding-bottom: 19.4rem;}
/* .section3 .line{background-color: #eaeaea; width: 2px; height: 220px;position: relative; margin: 0 auto;} */

.section3 .line-wrapper {
  width: 2px;
  height: 22rem;
  background: #eaeaea; /* 빈 선 */
margin: 0 auto;
  position: relative;
}

.section3 .line {
  width: 100%;
  height: 0%; /* 초기 0% */
  background: #71b03b;
  transition: height 0.1s linear;
}
.section3 .line::after{display: block; content: ""; background-color: #71b03b; width:8px; height: 8px;border-radius: 50%;position: absolute; bottom: 0; margin-left: -3px;}
.section3 h6{font-size: 1.6rem; font-weight: 700; margin: 2.5rem 0;text-align: center;}
.section3 h2{font-size: 3.8rem; font-weight: 700; margin: 2.5rem 0;text-align: center;margin-bottom: 4.5rem;}
.section3 .items{display: flex; justify-content: start; align-items: center;}
.section3 .item .txt{display: block; padding-top: 7rem ;padding-left: 6rem;min-height: 30rem;}
.section3 .item h6{font-size: 1.5rem; font-weight: 800;margin: 0 ; text-align: left;}
.section3 .item h2{font-size: 2.8rem; font-weight: 700; margin: 1.2rem 0;margin-top: 0px; text-align: left;}
.section3 .item .line2{height: 3px; width: 5.6rem; margin-bottom: 2.5rem;}
.section3 .item1 .txt{background-color: #f4fbe6;}
.section3 .item1 .txt h6{color: #a5c435;}
.section3 .item1 .txt .line2{background-color: #a5c435;}
.section3 .item2 .txt{background-color: #a5c435;}
.section3 .item2 .txt h6{color: #265844;}
.section3 .item2 .txt .line2{background-color: #265844;}
.section3 .item3 .txt{background-color: #265844;}
.section3 .item3 .txt h6{color: #a5c435;}
.section3 .item3 .txt .line2{background-color: #a5c435;}
.section3 .item2 h2, .section3 .item2 p,.section3 .item3 h2, .section3 .item3 p{color: #fff;}
.section3 .items .item .img{width: 44rem; height: 30rem; overflow: hidden;}
.section3 .items .item .img img{width: 100%;}
.section3 .items .item img:hover{transform: scale(1.1);}

.section4 {
  position: relative;
  width: 100%;
  height: 55rem; /* 고정 높이 */
  text-align: center;
  overflow: hidden; /* bg-wrap가 section4를 넘지 않도록 */
  padding: 0;
}

.section4 .bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/sec4.png) no-repeat center/cover;
  transform: scale(1);
  transition: transform 1.2s ease;
  z-index: 0;
}

.section4.active .bg-wrap {
  transform: scale(1.1); /* 확대 */
}

.section4 .txt_style1,
.section4 p {
  position: relative;
  z-index: 1; /* 글자가 배경 위로 나오도록 */
  color: #fff;
}

.section4 .txt_style1 {
  font-size: 4.2rem;
  margin-bottom: 4rem;
  line-height: 130%;
  padding-top: 20rem;
}

.section4 p {
  font-size: 2rem;
}

.com1{display: flex; justify-content: center; align-items: center; gap:13rem ;padding-bottom: 17.6rem;padding-top: 3rem;}
.com1 .left_contents img{width:58.3rem ;}
.com1 .right_contents p{font-weight: 500;}
.com1 .txt_style1{font-size: 4.5rem; line-height: 130%;margin: 4rem 0;}
.com1 .right_contents .sign{display: flex; justify-items: start; align-items: center; gap: 1.6rem;margin-top: 4rem; }
.com1 .right_contents .sign p{font-size: 2.2rem; font-weight: 500; }
.com1 .right_contents .sign span{background-color: #71b03b; width: 7px; height: 25px;display: inline-block; }

.map_wrap{display: flex; justify-content: space-between; align-items: start; height: 89.6rem;}
.map_wrap>.left_contents>div{width: 92%; max-width: 70.5rem; padding-top: 12rem;position: relative; margin: 0 auto;}
.map_wrap .left_contents{background-color: #f8f8f8;position: relative;width: 53%; max-width: 101.5rem; height: 100%;  }
.map_wrap .left_contents h2{font-size: 4.5rem; font-weight: 700; color: #121212;margin-bottom: 4rem;}
.map_wrap .left_contents h2 span{color: #71b03b;}
.map_wrap .map{width:97.8rem ; height: 54rem; position: relative; }
.map_wrap .root_daum_roughmap .wrap_map{height: 100% !important;}
.map_wrap .right_contents{background: url(../img/map_bg.png) no-repeat center/cover;width: 47%; max-width:90.3rem  ; height: 100%;} 
.map_wrap .right_contents>div{width: 92%; margin: 0 auto;padding-top: 27.5rem;padding-left: 18rem;} 
.map_wrap .right_contents h6{color: #fff; font-size: 1.8rem; font-weight: 600;}
.map_wrap .right_contents h4{width: 25%; color: #fff; font-size: 1.8rem; font-weight: 600;}
.map_wrap .right_contents a{color: #fff; font-size: 5.5rem; font-weight: 800;display: block; margin: 1rem 0 4rem;}
.map_wrap .right_contents h5{color: #fff; font-size: 2.4rem; font-weight: 600;margin-bottom: 1.3rem;}
.map_wrap .right_contents h3{color: #fff; font-size: 1.8rem; font-weight: 500;width: 60%;}
.map_wrap .right_contents .box1{margin-bottom: 5.7rem;}
.map_wrap .right_contents ul{display: flex; flex-direction: column;gap:1.3rem  ;}
.map_wrap .right_contents ul li{display: flex; justify-content: start; align-items: center;  }

.com2{padding-bottom: 18.8rem; display: flex; justify-content: start; gap: 10rem; align-items: center;}
.com2 h6{color: #71b03b; font-size: 2.4rem; font-weight: 500;}
.com2 h2{font-size: 3.8rem; font-weight: 800;color: #434343;}
.com2 h2 span{font-size: 3.8rem; font-weight: 600; letter-spacing: 3px;}
.com2 .line{height: 1px; width: 70rem; background-color: #345418;}
.com2 .dot{height: 7px; width: 7px; background-color: #345418;border-radius: 50%;}
.com2 .line_wrap{display: flex; justify-content: start; align-items: center;margin: 2.8rem 0;margin-left: -27%;}
.com2 .txt{display: flex; justify-content: start; align-items: center; gap:4px ;margin-bottom: 2rem}
.com2 .txt h4{color: #71b03b; font-weight: 600;}
.com2 li{font-size: 1.6rem; }
.com2 ul{margin-bottom: 4rem;}
.com2 .left_contents img{width:56.3rem ;}

.com3 {padding-bottom: 24.5rem;margin-top: -4rem;}
.com3 .intro{background:url(../img/com3_img1.png) no-repeat center/cover;width: 100%;height: 41.8rem;display: flex; justify-content: end;align-items: center;margin-bottom: 11.3rem;}
.com3 .intro h2{font-size: 2.8rem; margin-bottom: 1rem;}
.com3 .intro h4{font-size: 2.4rem; text-decoration: underline;margin-top: 3rem; }
.com3 .intro .txt{width: 50%;}
.com3 .items{display: flex; flex-direction: column; gap:12.5rem ;}
.com3 .item{width: 100%; display: flex; justify-content: start; align-items: start; gap: 2.6rem ;height: 40.9rem;}
.com3 .item 
.com3 .item .right_box{ border-top: 2px solid #dedede ; border-bottom: 2px solid #dedede;height: 100%;}
.com3 .item .right_box .line {display: block; background-color: #6faa34; height: 3px; width: 31.8rem ; margin-top: -2px;}
.com3 .item .right_box .inner{padding: 5rem 3rem;}
.com3 .item .left_img img{height: 100%; }
.com3 .pro_title{margin: 1.5rem 0 1.5rem; display: flex; justify-content: start; align-items: center; gap: 1.6rem;}
.com3 .pro_title h2{color: #121212; font-size: 3.4rem; font-weight: 800;text-transform: uppercase;line-height: 120%;}
.com3 .pro_title span{color: #999; font-weight: 900;margin-top: -5px;}
.com3 .pro_title h3{color: #999; font-weight: 900;}
.com3 .item h4{font-size: 2.2rem; font-weight: 700;color: #71b03b;margin-bottom: 2.5rem;}
.com3 .left_img img{width:55.9rem ;}

.com4{padding-bottom: 19rem;}
.com4 .box1{display: flex;margin-bottom:12.7rem ; justify-content: start ; align-items: start; }
.com4>div h2{font-size: 3.5rem ; font-weight: 700;color: #121212; width: 30%;}
.com4 .box1 h3{font-size: 2.5rem; font-weight: 700; margin-bottom: 2.2rem;}
.com4 .box1 h3 span{color: #71b03b; }
.com4 .box1 .items{display: flex; flex-wrap: wrap; align-items: center; justify-content: start; gap:15px;padding-bottom: 2.3rem ; border-bottom: 1px dashed #d7d7d7;margin-bottom: 2.8rem;}
.com4 .box1 .item{width: 48%; max-width: 481px; height:71px ;background-color: #f7f7f7;display: flex; justify-content: start; align-items: center; gap: 16px ;padding-left: 2rem;}
.com4 .box1 .item h4{color: #121212; font-size: 1.9rem; font-weight: 600; text-transform: uppercase;}
.com4 .box1 p{color: #666666; font-size: 1.5rem; font-weight: 700; line-height: 180%;}
.com4 .box2{display: flex; justify-content: start; align-items: start;}
.com4>div>div{width: 80%;}
.com4 .box2 a{display: block;width: 50%;   display: flex; justify-content: space-between; align-items: center;height: 19.9rem ;padding-left: 5rem; padding-right: 3rem;}
.com4 .box2 a:first-child{background-color: #356854; }
.com4 .box2 a:last-child{background-color: #71b03b; }
.com4 .box2 a h6{color: #fff;font-size: 2.4rem; font-weight: 700;}
.com4 .box2 a h5{color: #fff;font-size: 3.2rem; font-weight: 700;margin-top: 1rem;}
.com4 .box2 .contents{display: flex; justify-content: start; align-items: start; gap:1.9rem ;}
.com4 .box2 .contents a>img{width: 12rem;}
.com4 .box2 a .link{background-color: #ffffff; border-radius: 30px; display: flex; gap: 2.5rem; justify-content: space-between; align-items: center; margin-top: 2rem;padding:1.2rem  2.5rem;}
.com4 .box2 a .link p{color: #71b03b; font-size: 1.6rem; font-weight: 700;}

.com5{padding-bottom: 14.8rem;margin-top: -3rem;}
.com5 .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.com5 .swiper-slide {background-size: cover;background-position: center;}
.com5 .mySwiper2 {height: 80%;width: 100%;}
.com5 .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.com5 .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.com5 .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.com5 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.com5 .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0; width: 6.5rem; height: 6.5rem;background-color:  #0000004d;}
.com5 .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0; width: 6.5rem; height: 6.5rem;background-color:  #0000004d;}
.com5 .swiper-button-next:after, .swiper-button-prev:after{font-size: 3rem; font-weight: 100;}

.com6{margin-bottom: 14rem }

.busi1{padding-bottom: 15.7rem;}
.intro2{display: flex; justify-content: start; align-items: start; height: 43.8rem;}
.intro2 .left_img{width: 50%; max-width: 660px;height: 100%;}
.intro2 .left_img img{width: 100%;}
.intro2 .right_txt{background: url(../img/busi1_img2.png) no-repeat center/cover;padding: 2rem; position: relative;width: 55%; height: 100%;}
.intro2 .right_txt .inner{width: 100%; height: 100%;border: 1px solid #ffffff73;display: flex; justify-content: start; align-items: center;}
.intro2 .right_txt h6{font-size: 2rem; font-weight: 700; color: #ffffff67;position: absolute; top:4.5rem; right: 4.5rem;}
.intro2 .right_txt .txt{padding-left: 7.9rem;padding-right: 3rem;}
.intro2 .right_txt .txt h5{color: #f4fbe6; font-size:1.3rem  ; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;} 
.intro2 .right_txt .txt h2{color: #fff; font-weight: 700; font-size: 4.5rem;margin-bottom: 2.5rem;margin-top: 1rem;}
.intro2 .right_txt .txt h3{font-size: 2.2rem; font-weight: 500; color: #fff;}

.busi1 .box2{padding-top: 10.6rem; padding-bottom: 11.6rem; }
.sub_tit{display: flex; justify-content: center; align-items:center; gap:12px ;}
.sub_tit h2{font-size: 3.8rem; font-weight: 700;color: #262626;}
.busi1 .box2 h4{color: #4b8340; font-size: 2.2rem; font-weight: 700; text-align: center; text-decoration:underline ;margin-top: 3.5rem;margin-bottom: 1rem;}
.busi1 .box2 h5{font-weight: 500;color: #494949;text-align: center;width: 90%; margin: 0 auto;}

.busi1 .box3{background: url(../img/busi1_bg.png) no-repeat center/cover; padding-top:9.3rem ;padding-bottom:8.8rem ;}
.busi1 .box3 h3 {font-weight: 500;margin-top: 2rem; margin-bottom: 4.5rem;text-align: center;}
.busi1 .box3 .items{display: flex; justify-content: space-between; align-items: start;gap: 1.5rem;}
.busi1 .box3 .item{width: 33%;background-color: #fff; border-radius:15px  ; border: 1px solid #efefef;padding-bottom: 3.8rem;}
.busi1 .box3 .item .img img{width: 100%;}
.busi1 .box3 .item .sub_title2{display: flex; justify-content: center; align-items: center; gap: 9px;margin-top: 2.5rem; margin-bottom:2rem ;}
.busi1 .box3 .item h4{font-size: 2.4rem; font-weight: 700;color: #262626;}
.busi1 .box3 .item p{text-align: center; color: #494949; font-weight: 500; line-height: 150%;width: 92%; height: 85px; margin: 0 auto;}

.busi1 .box4 {padding-top: 10.5rem;}
.busi1 .box4 h3{margin-top: 2rem;font-weight: 500; margin-bottom: 4.6rem;text-align: center;}
.busi1 .box4 .wrap{display: flex; justify-content: start; align-items: start;height: 70rem;}
.busi1 .box4 .wrap .left_contents{width: 50%; height: 100%; background-color: #f6f6f6;padding: 8rem 5.4rem ; }
.busi1 .box4 .wrap .right_contents{width: 50%; height: 100%;}
.busi1 .box4 .wrap .right_contents img{height: 100%;}
.busi1 .box4 .wrap li{display: flex; justify-content: start; align-items: center; gap: 13px ;}
.busi1 .box4 .wrap li span{font-size:1.3rem ; font-weight: 800; color: #fff; font-family: "Pretendard"; display: block; width: 3.2rem; height: 3.2rem;border-radius: 50%;background-color: #71b03b;text-align: center; line-height: 3.2rem;}
.busi1 .box4 .wrap li .bar{width: 100%; height: 1px; background-color: #dddddd; margin: 2rem 0;}
.busi1 .box4 .wrap li h4{font-size: 2.2rem; font-weight: 700;line-height: 100%;width: 30%;}
.busi1 .box4 .wrap li h4 b{font-size:1.6rem; font-weight: 700;}
.busi1 .box4 .wrap li h5{font-size: 2rem; font-weight: 600;color: #666666;padding-left: 2rem;}

.busi2{padding-bottom: 15.7rem ;}
.busi2 .intro2{margin-bottom: 9.8rem;}
.busi2 .box5{display: flex; justify-content: start; align-items: start;  }
.busi2 .box5 .left_txt h2{font-size: 2.8rem; font-weight: 800;margin-bottom: 5px; }
.busi2 .box5 .left_txt h2 span{font-size: 1.8rem;display: block; }
.busi2 .box5 .left_txt h6{color: #71b03b; font-size: 1.6rem; font-weight: 500;}
.busi2 .box5 .left_txt{width: 25%; }
.busi2 .box5 .right_txt{width: 75%; }
.busi2 .box5 .right_txt .color{color: #ac0c0c;  }

.busi2 .box5 .table_wrap{width:75%;}
.busi2 .box5 table{width: 100%; margin-bottom: 2rem;}
.busi2 .box5 .right_txt .table2{width: 100%; text-align: center;}
.busi2 .box5 .right_txt h3{text-align: center;color: #4d8640; font-size: 1.7rem; font-weight: 600; margin-top: 3rem;}
.busi2 .box5 table th{background-color: #f2f3f5; border-top: 1px solid #231815;padding: 1.5rem 0; font-weight: 700;}
.busi2 .box5 table td{font-size: 1.7rem; font-weight: 500; padding:1.5rem 3rem ;border-bottom: 1px solid #dbdbdb;}
.busi2 .box5 table .width_1024{width: 60%;}
.busi2 .box5 table td:first-child{border-right: 1px solid #dbdbdb;}
.busi2 .box5 table .r_border{border-right: 1px solid #dbdbdb;}
.busi2 .box5 table .r_border2{border-right: 1px solid #f0f0f0;}
.busi2 .box5 .right_txt p{font-weight: 500; line-height: 170%; }
.busi2 .line3{margin: 8rem 0; width: 100%; background-color: #dddddd; height: 1px;}
.busi2 .box5 .gray_box{background-color: #f6f6f6;padding: 2rem  0;padding-left: 20px;margin-top: 3rem;}
.busi2 .box5 .gray_box p {font-weight: 500; background-color: #f6f6f6;}
.busi2 .box5 h4{font-size: 1.8rem; font-weight: 500; line-height: 250%;}
.busi2 .box5 .table1 td:first-child{border-right: 1px solid #f0f0f0 ;}
.busi2 .box5 .table1{text-align: center;}

.busi2 .box6{display: flex; justify-content: space-between; align-items: center; gap:7.6rem ;padding-bottom: 14.4rem;padding-top: 5.7rem;}
.busi2 .box6 .left_img{position: relative; width: 63.3rem;}
.busi2 .box6 .left_img>img{width: 100%;}
.busi2 .box6 .left_img .mark{position: absolute; top: 36%; right: 0; transform: translate(50%, -50%);}
.busi2 .box6 .left_img .mark img{width:7.7rem ;}
.busi2 .box6 .right_txt{width: 50%;}
.busi2 .box6 .right_txt h6{color: #a5c435; font-size: 1.6rem; font-weight: 800; letter-spacing: 4px; text-transform: uppercase;margin-bottom: 2rem;}
.busi2 .box6 .right_txt h2{color: #121212; font-size: 3.8rem; font-weight: 800;margin-bottom: 1.5rem;}
/* .busi2 .box6 .right_txt h2::before{content: ""; display: block; background: url(../img/end1_img2.png) no-repeat center/cover;width: 7.7rem; height: ;} */
.busi2 .box6 .right_txt p{font-weight: 500;}

.busi2 .box7{background:url(../img/busi1_bg.png)no-repeat center/cover;padding: 10.5rem 0;}
.busi2 .box7 .item .sub_title2{display: flex; justify-content: center; align-items: center; gap: 9px;
 padding: 2.5rem 0; }
.busi2 .box7 .item .sub_title2 h4{color: #262626; font-size: 2.4rem; font-weight: 700; }
.busi2 .box7 .items{display: flex; justify-content: center; align-items: start; gap: 2rem; flex-wrap: wrap;margin-top: 5.5rem;}
.busi2 .box7 .item{background-color: #fff; border: 1px solid #efefef;border-radius: 15px;width: 32%;}
.busi2 .box7 .item>img{width: 100%;}

.busi2 .box4 {padding-top: 10.5rem;}
.busi2 .box4 h3{margin-top: 2rem;font-weight: 500; margin-bottom: 4.6rem;text-align: center;}
.busi2 .box4 .wrap{display: flex; justify-content: center; align-items: start;height: 57rem;}
.busi2 .box4 .wrap .left_contents{width: 50%; height: 100%; background-color: #f6f6f6;display: flex; justify-content: center; align-items: center; padding: 0 6rem;}
.busi2 .box4 .wrap .left_contents ul{width: 100%;}
.busi2 .box4 .wrap .right_contents{width: 50%;background-size: cover;background-position: center;height: 100%;}
/* .busi2 .box4 .wrap .right_contents img{height: 100%;} */
.busi2 .box4 .wrap li{display: flex; justify-content: start; align-items: center; gap: 13px ;}
.busi2 .box4 .wrap li span{font-size:1.3rem ; font-weight: 800; color: #fff; font-family: "Pretendard"; display: block; width: 3.2rem; height: 3.2rem;border-radius: 50%;background-color: #71b03b;text-align: center; line-height: 3.2rem;}
.busi2 .box4 .wrap li .bar{width: 100%; height: 1px; background-color: #dddddd; margin: 2rem 0;}
.busi2 .box4 .wrap li h4{font-size: 2.2rem; font-weight: 600;}
.busi2 .box4 .wrap li h4 b{font-size:1.6rem; font-weight: 700;}
.busi2 .box4 .wrap li h5{font-size: 2rem; font-weight: 600;color: #666666;padding-left: 2rem;}
.busi2 .box4 .margin{margin-top:5.7rem ;}
.busi2 .box8{padding: 12rem 0 15rem;}
.busi2 .box8 .wrap{margin-top: 4.8rem;display: flex; justify-content: start; align-items: stretch;gap: 2.3rem;}
.busi2 .box8 .wrap .g_box{width: 20%; display: flex;justify-content: center; align-items: center; text-align: center; background: linear-gradient(to bottom, #6fa934, #4b8340);;}
.busi2 .box8 .wrap .g_box h6{font-size: 2rem; font-weight: 700;color: #fff;margin-top: 6px;}
.busi2 .box8 .wrap ul {display: flex; flex-direction: column; gap: 12px;width: 100%;}
.busi2 .box8 .wrap ul li {padding:1.6rem 2.6rem ;border: 1px solid #e3e3e3;display: flex; justify-content: start; align-items: center;gap: 2.8rem;}
.busi2 .box8 .wrap ul li span{border-radius: 50%; display: block; width: 3.2rem; height: 3.2rem; background: #71b03b; color: #fff; font-size: 15px; font-weight: 800; font-family: "Pretendard";text-align: center; line-height: 3.2rem;}
.busi2 .box8 .wrap ul li h5{font-weight: 500;}

.subpage_menu{max-width: 934px; width: 96%; margin: 0 auto;margin-top: -5rem;margin-bottom: 6.2rem;}
.subpage_menu2{max-width: 702px;}
.subpage_menu2 ul li{width: 33.3%;}
.subpage_menu ul{display: flex; justify-content: space-between; align-items: center;border: 1px solid #d7d7d7;}
.subpage_menu li{width: 25%; border-right: 1px solid #d7d7d7;padding: 1.9rem 0;}
.subpage_menu li:last-child{border-right: none;}
.subpage_menu li a{text-align: center; display: block; width: 100%; font-weight: 500;}
.subpage_menu .on{border:1px solid #71b03b; }
.subpage_menu .on a{color: #71b03b; font-weight: 700;}
.subpage_menu .border-right{border-right: 1px solid #71b03b !important;}

.busi2 .box7 table {width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;margin-top: 4.6rem;}
.busi2 .box7 table th{background-color: #6faa34; font-size: 2.2rem; font-weight: 700;color: #fff; width: 20%;}
.busi2 .box7 table th:first-child{border-bottom: 1px solid #dbdbdb;}
.busi2 .box7 table td{border-bottom: 1px solid #dbdbdb; padding:4.2rem 4.8rem ;font-weight: 500;line-height: 220%;background-color: #fff;}
.busi2 .box7 .table2 {width: 100%; max-width: 1077px;margin: 4.7rem auto;}
.busi2 .box7 .table2 td{padding: 2rem;text-align: center;}
.busi2 .box7 .table2 th{width: 30%;}
.busi2 .box7 .wrap{width: 100%; max-width: 1077px; display: flex; justify-content: space-between; align-items: start;margin: 0 auto;}
.busi2 .box7 .wrap .img{width: 50%;}
.busi2 .box7 .wrap .img img{width: 100%;}

.well1 .box1{background-color: #f6fbf2; padding:10rem 0 8rem ;margin-top: -9rem;}
.well1 .box1 .width{display: flex; justify-content: start; align-items: center; gap: 4rem;}
.well1 .box1 .width h6{color: #b7b7b7; font-size: 13px; font-weight: 800;text-transform: uppercase;margin-bottom: 2rem;letter-spacing: 4px;}
.well1 .box1 .width h2{font-size: 3rem; font-weight: 800;margin-bottom: 3rem; }
.well1 .box1 .width h2 span{color: #71b03b; }
.well1 .box1 .width p{font-weight: 500;}
.well1 .box1 .left_img{width: 41.5rem;}
.well1 .box1 .left_img img{width: 100%;}
.well1 .box1 .right_txt{width: 60%;}

.well1 .box2{padding: 14rem 0;}
.well1 .box2>div:first-child{ margin-bottom: 11.7rem;}
.well1 .box2>div{display: flex; justify-content: start; align-items: start;}
.well1 .box2>div .left_txt{width: 25%;}
.well1 .box2>div .right_txt{width: 75%;}
.well1 .box2>div .right_txt p {font-weight: 500; line-height: 170%;}
.well1 .box2 h2{font-size: 2.8rem; font-weight: 800; color: #262626;text-transform: uppercase; }
.well1 .box2 h6{font-size: 1.6rem; margin-top: 10px; font-weight: 700; color: #71b03b; }
.well1 .box2 table{width: 100%; border-top: 1px solid #231815;}
.well1 .box2 table th{background-color: #f2f3f5;padding: 2rem;border-right: 1px solid #dbdbdb;}
.well1 .box2 table tr{ border-bottom: 1px solid #dbdbdb; }
.well1 .box2 table td{text-align: center; font-size: 1.7rem;padding: 2rem; border-right: 1px solid #dbdbdb;}
.well1 .box2 table td:last-child, .well1 .box2 table th:last-child{border-right: none;}

.well1 .box3{padding:14rem 0 17rem ;}
.well1 .box3 .width>div>h6{color: #a5c435; font-size: 1.6rem; font-weight: 800; text-align: center;letter-spacing: 4px; text-transform: uppercase; }
.well1 .box3 .width>div>h2{margin-top: 1.5rem;  font-size: 4.8rem; text-align: center;  }
.well1 .box3 .width>div>h2 span{font-weight: 800;}
.well1 .box3 .width>div{margin-bottom: 7rem;}
.well1 .box3 .items{display: flex; flex-direction: column; gap: 8rem 0;}
.well1 .box3 .item{display: flex;justify-content: start; align-items: center;}
.well1 .box3 .item h6{color: #a5c435; font-size: 1.6rem; font-weight: 800; margin-bottom: 1.5rem;}
.well1 .box3 .item img{width: 64.2rem;}
.well1 .box3 .item h2{font-size: 3.2rem; font-weight:700;margin-bottom: 1.5rem; }
.well1 .box3 .item p{line-height: 160%;width: 90%;}
.well1 .box3 .item1 .number{border-radius: 50%; background-color: #cee4bb; display: flex;justify-content: center; align-items: center;width: 7.7rem; height: 7.7rem;margin-left: -3.85rem;}
.well1 .box3 .item1 .number .wrap{background-color: #71b03b; border-radius: 50%; text-align: center;width: 5.9rem; height: 5.9rem; line-height: 5.9rem;color: #fff; }
.well1 .box3 .item1 .left_txt{margin-left: 4rem;width: 45%;}
.well1 .box3 .item2 .number{border-radius: 50%; background-color: #cee4bb; display: flex;justify-content: center; align-items: center;width: 7.7rem; height: 7.7rem;margin-right: -3.85rem;position: relative ;z-index: 9;}
.well1 .box3 .item2 .number .wrap{background-color: #71b03b; border-radius: 50%; text-align: center;width: 5.9rem; height: 5.9rem; line-height: 5.9rem;color: #fff; }
.well1 .box3 .item2 .left_txt{width: 45%;}


.pay{width: 92%; max-width: 914px; margin: 0 auto;margin-top: -5rem;padding-bottom: 16rem;}
.pay .pay_title{background:url(../img/pay_img1.png) no-repeat center/cover ; padding:2.5rem ; width: 100%;height: 25.4rem;position: relative;display: flex; justify-content: space-between; align-items: flex-end;margin-bottom: 2.8rem; }
.pay .pay_title>img{position: absolute; top: 2.5rem ; left: 2.5rem; z-index: 9;}
.pay .pay_title h2{color: #fff;font-size: 4.5rem; font-weight: 700;}
.pay .pay_title h3{color: #fff;font-size: 1.6rem; font-weight: 500;}
.pay .pay_title h4{color: #fff;font-size: 1.6rem; font-weight: 600;}
.pay .pay_title>div{display: flex; justify-content: space-between; align-items: end;width: 100%;}
.pay table{width: 100%; }
.pay table th{background-color: #71b03b; color: #fff;font-size: 2rem; font-weight: 800;height: 4.5rem; }
.pay table td{text-align: center; padding: 1.5rem 0 ;font-weight: 600;border-bottom: 1px solid #d8d8d8; }
.pay table .bg{ background-color: #f3f5f4;font-weight: 700;}
.pay table .border{ border-bottom: 1px solid #121212;}
.pay .img{text-align: center; margin:4rem auto ;}

.section3 .item .mob_img{display: none;}
.section1 .mob_img{display: none;}
.com1 .mob_img{display: none;}
.mob_img{display: none;}
.scroll_txt{display:none;font-size:1.4rem;  font-weight:600; color:#d74343;}

@media screen and (max-width:1600px) {
    .quick .box1{padding: 4rem;justify-content: start;}
    .quick .box2{padding: 4rem;}
    .quick .box1 .items{gap: 5rem;}
    .com1{gap: 5rem;}
    .map_wrap .map{width: 85rem;}
}
@media screen and (max-width:1400px) {
    .section3 .items{justify-content: center;}
    .swiper_btn_wrap div{font-size: 5rem;}
    .swiper_btn_wrap{width: 98%;}
    
}

@media screen and (max-width:1300px) {
    .section3 .items .item .img{width: 40rem; height: 26rem;}
    .section3 .item .txt{min-height: 26rem;padding-top: 3rem; padding-left: 3rem;}
    .section1 .width .img{width: 60rem;}
}
@media screen and (max-width:1200px) {
    .quick .box2>div:first-child{flex-direction: column;gap: 0;}
    .quick .box1 .items .item img{width: 10rem;}
    .quick .box1 .items{gap: 2rem;}
    .com1 .left_contents img{width: 40rem;}
    .map_wrap .map{width: 70rem;}
    .map_wrap .right_contents>div{padding-left: 10rem;}
    .com2 .line{width: 60rem;}
    .com2{gap: 5rem;}
    .com3 .left_img img{width: 45rem;}
    .com3 .item .right_box .inner{padding: 3rem;}
    .com4 .box2 .contents a>img{width: 7rem;}
    .intro2 .right_txt .txt{padding-left: 4rem;}
    .busi2 .box8{padding: 15rem 0rem 0;}
    .busi2 .box7 .item .sub_title2 h4{width: 70%;text-align: center;height: 70px;}
    .busi2 .box7 .item .sub_title2{align-items: baseline;}
    .well1 .box3 .item img{width: 50rem;}
    .well1 .box3 .item{justify-content: center;}
    
}
@media screen and (max-width:1024px) {
    .section3 .item .txt{width: 100%;min-height: 50%;}
    .section3 .items .item .img{width: 100%;height: auto;}
    .section3 .item{width: 33.3%;height: 48rem;}
    .section3 h6{margin: 1.5rem 0;}
    .section3 h2{font-size: 2.6rem;}
    .section3 .item h2{font-size: 2rem;}
    .section3 .item .line2{height: 1px; width: 4rem;margin-bottom: 1.5rem;}
    .section3{padding-bottom: 15rem;}
    .quick{flex-direction: column; height: auto;align-items: end;}
    .quick .box1{width: 100%;padding-bottom: 10rem;justify-content: space-between;}
    .quick .box2{width: 75%;margin-top: -7rem;padding: 3rem;}
    .quick .box2>div:first-child{flex-direction: row;gap: 2rem;}
    .txt_style1{font-size: 2.6rem;}
    .quick .box1 .inner{width: 100%;}
    .quick .box2 h2{font-size: 2.6rem;}
    .quick .box2 a{font-size: 3rem;}
    .quick .box2 .line{margin-top: 1rem;}
    .quick .box2 ul{margin-top:1rem ;}
    .footer a img{width:18rem ;}
    .Hfull{margin-top:70px ;}
    .mobile_head .mobile_logo{width: 200px;}
    .swiper_btn_wrap div{font-size: 3rem;}
    .maintext_box h2{font-size: 2.6rem;}
    .txt_style4{font-size: 4rem;}
    .maintext_box p{font-size: 1.8rem;margin-top: 15px;}
    .section1 .width .img{width: 50rem;}
    .section1 .txt_style1{font-size: 2.6rem; margin-bottom: 2rem;}
    .section1 p{font-size: 1.8rem;}
    .section1 a{margin-top: 4rem;}
    .section1 .width{gap: 4rem;}
    .section2 .box a{font-size: 2.6rem;}
    .section2 .box h3{font-size: 1.6rem;}
    .section2 .info{width: 45%;padding: 3rem;}
    .section2 .box img{width:4rem ;}
    .section2 .box ul li p, .section2 .box ul li h6{width: 100%;text-align: left;}
    .section2 .box ul li{flex-direction: column;}
    .section3 .line-wrapper{height: 15rem;}
    .section4 .txt_style1{font-size: 3rem;margin-bottom: 2rem;}
    .section4{height: 45rem;}
    .com1 .txt_style1{font-size: 3rem;margin: 2rem 0;}
    .board_title h2{font-size: 3rem;}
    .board_title{margin-bottom: 40px; margin-top: 6rem;}
    .com1{align-items: start;}
    .com1 .left_contents img{width: 30rem;}
    .map_wrap .left_contents h2{font-size: 3rem;}
    .map_wrap .map{width: 100%; height: 45rem;}
    .map_wrap{height: 70rem;}
    .map_wrap>.left_contents>div{padding-top: 7rem;}
    .map_wrap .right_contents>div{padding-top: 0rem;padding-left: 0rem;}
    .map_wrap .right_contents a{font-size: 3rem;}
    .map_wrap .right_contents h5{font-size: 2rem;}
    .map_wrap .right_contents .box1{margin-bottom: 4rem;}
    .map_wrap .right_contents h4{width: 40%;}
    .map_wrap .right_contents{display: flex; justify-content: center; align-items: center;width: 40%;}
    .map_wrap .left_contents{width: 60%; max-width: 100%;}
    .com2 .line{width: 40rem;}
    .com2 h6{font-size: 2rem;}
    .com2 h2, .com2 h2 span{font-size: 2.6rem;}
    .com2 .left_contents img{width: 50rem;}
    .com2{align-items: start;}
    .com2{padding-bottom: 10rem;}
    .com3 .intro h2{font-size: 2.2rem;}
    .com3 .intro h4{font-size: 2rem; margin-top: 2rem;}
    .com3{margin-top: 0;}
    .com3 .intro{height: 35rem; margin-bottom: 8rem;}

    .com3 .item .right_box .line{width: 30rem; }
    .com3 .item .right_box .inner{padding: 2rem 0;}
    .com3 .pro_title h2{font-size: 2.6rem;}
    .com3 .item h4{font-size: 2rem; margin-bottom: 2rem;}
    .com3 .item .right_box .inner>img{width:10rem ;}
    .com3 .left_img img{width: 35rem;}
    .com3 .item{height: auto;}
    .com3{padding-bottom:15rem ;}
    .com4>div h2{font-size: 2.6rem;width: 20%;}
    .com4 .box1 h3{font-size: 2rem;}
    .com4 .box1{margin-bottom: 7rem;}
    .com4 .box2 a h6{font-size: 2rem;}
    .com4 .box2 a h5{font-size:2.6rem ;}
    .com4 .box2 a{height: 15rem; padding: 3rem;}
    .com4{padding-bottom: 10rem;}
    .com5{margin-top: 0;}
    .intro2 .right_txt .txt h2{font-size: 3rem; margin-bottom: 1rem;}
    .intro2 .right_txt .txt h3{font-size: 2rem;}
    .intro2 .right_txt .txt{padding: 0 3rem;}
    .intro2 {height: 35rem;}
    .intro2 .right_txt h6{font-size: 1.8rem;top: 2rem; right: 2rem;}
    .intro2 .right_txt{padding: 1rem;}
    .intro2 .right_txt .txt h5{font-size: 1rem;margin-top: 3rem;}

    .sub_tit h2{font-size: 2.6rem;}
    .busi1 .box2 h4{font-size: 2rem;}
    .busi1 .box3 .item h4{font-size: 2.2rem;}
    .busi1 .box3 .item p{font-size: 1.6rem; height: 70px;}
    .busi1 .box4 .wrap .left_contents{padding: 3rem;width: 60%;}
    .busi1 .box4 .wrap li h4{font-size: 2rem;}
    .busi1 .box4 .wrap li h5{font-size: 1.8rem;}
    .busi1 .box4 .wrap li span{width: 3rem; height: 3rem; line-height: 3rem;}
    .busi1 .box4 .wrap{height: 63rem;}
    .busi1 .box4 .wrap .right_contents{width: 40%;}
    .busi2 .box5 .left_txt h2{font-size: 2.3rem;}
    .busi2 .line3{margin: 6rem 0;}
    .busi2 .box5 table td{padding: 1rem 2rem;}
    .width_1024{width: 52%;}
    .busi2 .box6 .left_img{width: 40rem;}
    .busi2 .box6 .left_img .mark img{width:5rem ;}
    .busi2 .box6 .right_txt{width: 55%;}
    .busi2 .box6{gap: 3rem;}
    .busi2 .box6 .right_txt h6{font-size: 1.4rem; margin-bottom: 1rem;}
    .busi2 .box6 .right_txt h2{font-size: 2.6rem;}
    .busi2 .box7 .items{margin-top: 4rem;}
    .busi2 .box7 .item .sub_title2 h4{font-size: 2rem;}
    .busi2 .box7 .item{width: 31%;}
    .busi2 .box4 .wrap .left_contents{padding: 3rem;width: 60%;}
    .busi2 .box4 .wrap li h4{font-size: 2rem;}
    .busi2 .box4 .wrap li h5{font-size: 1.8rem;}
    .busi2 .box4 .wrap li span{width: 3rem; height: 3rem; line-height: 3rem;}
    .busi2 .box4 .wrap{height: 63rem;}
    .busi2 .box4 .wrap .right_contents{width: 40%;}
    .busi2 .box8 .wrap .g_box h6{font-size: 1.8rem;}
    .busi2 .box8 .wrap ul li h5{width: 80%;}
    .subpage_menu{margin-top: 6rem;margin-bottom: 3rem;}
    .busi2 .box7 .item .sub_title2 h4{height: 57px;}
    .busi2 .box7 table th{font-size: 2rem;}
    .busi2 .box7 table td{padding: 2rem;font-size: 1.6rem;}

    .well1 .box1{margin-top: 0;}
    .well1 .box1 .width h2{font-size: 2.2rem;margin-bottom: 2rem;}
    .well1 .box3 .item img{width: 40rem;}
    .well1 .box3 .width>div>h2{font-size: 3rem;}
    .well1 .box3 .width>div{margin-bottom: 4rem;}
    .well1 .box3{padding: 10rem 0;}
    .well1 .box3 .item h2{font-size: 2.6rem;}
    .well1 .box3 .item1 .number .wrap, .well1 .box3 .item2 .number .wrap{width: 4.5rem; height: 4.5rem;line-height: 4.5rem;}
    .well1 .box3 .item1 .number,.well1 .box3 .item2 .number{width: 6.6rem; height: 6.6rem;}
    .well1 .box3 .item1 .left_txt{margin-left: 2rem;}
    .well1 .box2 h2{font-size: 2.2rem;}
    .well1 .box2>div .left_txt{width: 30%;}
    .well1 .box2>div:first-child{margin-bottom: 6rem;}
	.pay .pay_title h2{font-size:3rem;}
	.pay{margin-top:5rem;}


}
@media screen and (max-width:850px) {
     .section2 .width_m{position: relative;transform: translate(-50%, -30%);}
     .section2 .info{width: 96%;max-width: 100%;}
     .section2 .box ul li{flex-direction: row;}
     .com2 .left_contents img{width: 40rem;}
     .com4 .box1, .com4 .box2{flex-direction: column; gap: 2rem;}
     .com4>div>div{width: 100%;}
     .busi1 .box4 .wrap{flex-direction: column;height: auto;}
     .busi1 .box4 .wrap .left_contents{height: 50%;width: 100%;}
     .busi1 .box4 .wrap .right_contents{height: 50rem;width: 100%;background-position: top !important;}
     .busi2 .box4 .wrap{flex-direction: column;height: auto;}
     .busi2 .box4 .wrap .left_contents{height: 50%;width: 100%;}
     .busi2 .box4 .wrap .right_contents{height: 50rem;width: 100%;background-position: top !important;}
     
}

@media screen and (max-width:768px) {
    .section3 .items{flex-direction: column; gap:  3rem; }
    .section3 .item{display: flex; justify-content: start; align-items: start;width: 100%;height: 30vw;}
    .section3 .item .txt{width: 50%;min-height: 100%;}
    .section3 .item .txt p{font-size: 1.6rem;}
    .section3 .items .item .img{width: 50%;height: 100%;}
    .section3{padding-bottom: 10rem;}
    .section3 h2{font-size: 2.2rem;margin: 1rem 0; margin-bottom: 3rem;}
    .section3 h6{margin-bottom: 0 ;}
    .txt_style1{font-size: 2rem;}
    .quick .box1 .item h6{font-size: 1.6rem; margin-top: 1rem;}
    .quick .box1 .items .item img{width: 8rem;}
    .quick .box2 h2{font-size: 2rem;}
    .quick .box2 a{font-size: 2.6rem;}
    .foot_info br{display: none;}
    .foot_info span{display: block; margin-bottom: 5px;}
    .maintext_box h2{font-size: 2rem;}
    .txt_style4{font-size: 3rem;}
    .maintext_box p{font-size: 1.6rem; margin-top: 10px;}
    .section1 .width .img{width: 30rem;}
    .section1 .txt_style3{margin-bottom: 1rem;}
    .section1 .txt_style1{font-size: 2rem; margin-bottom: 1rem;}
    .section1 p{font-size: 1.6rem;}
    .section1 a{margin-top: 2rem; font-size: 1.8rem;}
    .section1 .width{padding: 10rem 0;}
    .txt_style3{font-size: 1.4rem;}
    .section2 .box a{font-size: 2rem;}
    .section2 .box h4{font-size: 1.8rem;}
    .section3 .width_m{margin-top: -5rem;}
    .section3 .line-wrapper{height: 10rem;}
    .section4 .txt_style1{font-size: 2.2rem;padding-top: 10rem;}
    .section4 p{font-size: 1.8rem;}
    .section4{height: 30rem;}
    .mobile_head .mobile_logo{width: 180px;}
    .com1 .txt_style1{font-size: 2.2rem;}
    .com1 .right_contents .sign p{font-size: 2rem;}
    .com1{padding-bottom: 15rem;}
    .com1 .right_contents p{font-size: 1.6rem;}
    .map_wrap{flex-direction: column; height: auto;}
    .map_wrap .left_contents{width: 100%; height: auto; padding: 7rem 3rem;}
    .map_wrap>.left_contents>div{padding-top: 0;}
    .map_wrap .right_contents{width: 100%; height: auto; padding: 7rem 3rem;}
    .map_wrap .left_contents h2{font-size: 2rem; margin-bottom: 2rem;}
    .map_wrap .map{height: 35rem;}
    .map_wrap .right_contents a{font-size: 3rem; margin: 1rem 0 3rem;}
    .map_wrap .right_contents h5{font-size: 1.8rem; margin-bottom: 7px;}
    .com2 .left_contents img{width: 30rem;}
    .com2 h6{font-size: 1.8rem;}
    .com2 h2, .com2 h2 span{font-size: 2rem;}
    .com2 .txt h4{font-size: 1.6rem;}
    .com2 .txt{margin-bottom: 1rem;}
    .com2 ul{margin-bottom: 2rem;}
    .com2{padding-bottom: 7rem;}
    .com3 .intro{height: 26rem;background: url(../img/com3_img1.png) no-repeat left/cover;}
    .com3 .intro h2{font-size: 2rem; margin-bottom: 0;}
    .com3 .intro h4{font-size: 1.8rem ; margin-top: 1rem;}
    .com3 .intro .txt{width: 60%;}
    .com3 .item{flex-direction: column; gap: 2rem ;}
    .com3 .item .left_img img{width: 100%;}
    .com3 .item .left_img {width: 100%;}
    .com3 .pro_title h2{font-size: 2.2rem;}
    .com3 .item h4{font-size: 1.8rem;}
    .com3 .item p{font-size: 1.6rem;}
    .com3 .items{gap: 6rem;}
    .board_title h2{font-size: 2rem;}
    .com4>div h2{font-size: 2rem;}
    .com4 .box1 h3{font-size: 1.8rem;}
    .com4 .box1 .item h4{font-size: 1.7rem;}
    .com4 .box1 .item img{width: 15px;}
    .com4 .box2 a h6{font-size: 1.8rem;}
    .com4 .box2 a h5{font-size: 2rem;}
    .com4 .box2 .contents a>img{width: 5rem;}
    .com5{padding-bottom: 10rem;}
    .intro2 .right_txt .txt h3{font-size: 1.8rem;}
    .intro2 .right_txt .txt{padding: 0 2rem;}
    .intro2 .right_txt .txt h2{font-size: 2.2rem;}
    .intro2 .right_txt h6{font-size: 1.6rem;}
    .sub_tit h2{font-size: 2rem;}
    .busi1 .box2 h4{font-size: 1.8rem;}
    .busi1 .box2 h5{font-size: 1.6rem;}
    .busi1 .box3 h3{font-size: 1.8rem;}
    .busi1 .box3 .items{flex-wrap: wrap; justify-content: center; }
    .busi1 .box3 .item{width: 48%; padding-bottom: 2rem;}
    .busi1 .box3 .item h4{font-size: 2rem;}
    .busi1 .box3 .item .sub_title2{margin-top: 2rem; margin-bottom: 1rem;}
    .busi1 .box3 .item .sub_title2 img{width: 1.8rem;}
    .busi1 .box3 .item p{height: 60px;}
    .busi1 .box4 .wrap li h4{font-size: 1.8rem;}
    .busi1 .box4 .wrap li h5{font-size: 1.6rem;}
    .busi1 .box4 .wrap li span{width: 2.5rem; height: 2.5rem; line-height: 2.5rem}
    .busi1 .box4 .wrap .right_contents{height: 40rem;}
    .busi2 .box5{flex-direction: column; gap:2rem;}
    .busi2 .box5 .right_txt{width: 100%;}
    .busi2 .box5 .left_txt h2{font-size: 2rem;}
    .busi2 .box5 .right_txt p{font-size: 1.6rem;}
    /* .busi2 .line3{margin: 3rem 0;} */
    .busi2 .box5 table{width: 100%;}
    .busi2 .box5 .left_txt{width: 100%;}
    .busi2 .box5 table th, .busi2 .box5 table td, .busi2 .box5 h4{font-size: 1.6rem;}
    .busi2{padding-bottom: 10rem;}
    .busi2 .box5 .left_txt h2 br{display: none;}
    .busi2 .box5 .left_txt h2 span{display: inline;}
    .busi2 .box5 .right_txt h3{font-size: 1.6rem;}
    .busi2 .box6 .right_txt h6{letter-spacing: 0;}
    .busi2 .box6 .right_txt h2{font-size: 2rem;}
    .busi2 .box6 .right_txt p{font-size: 1.6rem;}
    .busi2 .box6{padding-bottom: 9rem; padding-top: 0rem;}
    .busi2 .box6 .left_img .mark img{width: 3rem;}
    .busi2 .box7 .item .sub_title2{padding: 1.5rem 0;}
    .busi2 .box7 .item .sub_title2 h4{font-size: 1.8rem;}
    .busi2 .box7 .item .sub_title2 img{width: 1.8rem;}
    .busi2 .box7{padding: 7rem 0;}
    .busi2 .box4 .wrap li h4{font-size: 1.8rem;}
    .busi2 .box4 .wrap li h5{font-size: 1.6rem;}
    .busi2 .box4 .wrap li span{width: 2.5rem; height: 2.5rem; line-height: 2.5rem}
    .busi2 .box4 .wrap .right_contents{height: 40rem;}
    .busi2 .box8 .wrap .g_box h6, .busi2 .box8 .wrap ul li h5{font-size: 1.6rem;}
    .busi2 .box8 .wrap ul li span{width: 2.8rem; height: 2.8rem; line-height: 2.8rem; font-size: 13px;}
    .busi2 .box8 .wrap ul li{padding: 1.5rem 2.5rem;gap: 2rem;}
    .busi2 .box8{padding: 10rem 0 0;}
    .busi2 .box8 .wrap{margin-top: 3rem;}
    .sub_tit img{width: 2.3rem;}
    .busi2 .box8 .wrap .g_box img{width:3rem ;}
    .subpage_menu{margin-top: 6rem;margin-bottom: 6rem;}
    .subpage_menu li{padding: 1rem 0;}
    .subpage_menu li a{font-size: 1.6rem;}
    .busi2 .box7 table th{font-size: 1.8rem;}
    .busi2 .box7 .table2{margin: 3rem auto;}
    .well1 .box1 .left_img{width: 35rem;}
    .well1 .box1 .width h6{letter-spacing: 2px; font-size: 10px;}
    .well1 .box1 .width h2{font-size: 2rem;}
    .well1 .box1 .width p{font-size: 1.6rem;}
    .well1 .box1{padding: 8rem 0 ;}
        .well1 .box3 .item h2{font-size: 2rem;}
    .well1 .box3 .item p{font-size: 1.6rem;}
    .well1 .box3 .item h6{font-size: 1.4rem;}
    .well1 .box3 .item img{width: 35rem;}
    .well1 .box3 .width>div>h6{letter-spacing: 2px; font-size: 1.4rem;}
    .well1 .box3 .width>div>h2{font-size: 2rem;margin-top: 1rem;}
    .well1 .box2>div{flex-direction: column; gap: 3rem;}
    .well1 .box2>div .right_txt{width: 100%;}
    .well1 .box2{padding: 10rem 0;}
    .well1 .box2>div:first-child{margin-bottom: 4rem;}
    .well1 .box2 table th, .well1 .box2 table td{font-size: 1.6rem;}
    .well1 .box2>div .left_txt{width: 100%;}
	.pay .pay_title h2{font-size:2.4rem;}
	.pay table td{font-size:1.6rem;}
	.pay .img img{width:20rem;}
}



@media screen and (max-width:650px) {
    .section3 .item .mob_img{display: block;}
    .section3 .item .pc_img{display: none;}
    .section3 .item{flex-direction: column; height: auto;}
    .section3 .item .txt{width: 100%;min-height: 50%;padding: 3rem;}
    .section3 .items .item .img{width: 100%; height: 50%;}
    .quick .box2{width: 90%;}
    .quick .box1{padding: 6rem 4rem 10rem;}
    .quick .box1 .txt{flex-direction: column; gap: 1rem;}
    .quick .box1 .items{flex-wrap: wrap; gap: 4rem 8rem;justify-content: center;}
    .footer{flex-direction: column; gap: 3rem;}
    #ft .foot_service .width{flex-wrap: wrap;}
    /* #ft .foot_service span{display: none} */
    #ft .foot_service{height: auto; padding: 2rem 0;}
    .maintext_box p{width: 60%;}
    .maintext_box p br{display: none;}
    .swiper_btn_wrap div{display: none;}
    .section1 .width{flex-direction: column; gap: 4rem;}
    .section1 .width .txt{width: 100%;}
    .section1 .mob_img{display: block;}
    .section1 .pc_img{display: none;}
    .section1 .width .img{width: 100%;}
    .section1 a{font-size: 1.8rem;}
    .section2{height: auto;}
    .com1 .mob_img{display: block;}
    .com1 .pc_img{display: none; }
    .com1{flex-direction: column ; gap: 2rem ;padding-bottom: 10rem;}
    .com1 .left_contents img{width: 100%;}
    .com2{flex-direction: column;align-items:end;}
    .com2 .left_contents img{width: 100%;}
    .com2 .right_contents{width: 100%;}
    .com2 .line{width: 80%;}
    .com2 .txt_wrap{display: flex;justify-content: space-between; align-items: start;}
    .com2 .mob_img{display: block;}
    .com2 .pc_img{display: none;}
    .com3 .intro{background:none}
    .com3 .intro h2, .com3 .txt_style4, .com3 .intro h4,.com3 .intro .txt{display: none;}
    .com3 .mob_img{display: block;width: 100%;}
    .com3 .intro{height: auto;}
    .com4 .box1 .items{flex-direction: column;}
    .com4 .box1 .item{width: 100%; max-width: 100%;}
    .com4 .box2 .contents{flex-direction: column; gap: 3rem;}
    .com4 .box2 a{width: 100%;}
    .intro2{flex-direction: column;}
    .intro2 .left_img{width: 100%;}
    .intro2 .right_txt{width: 100%;}
    .intro2{height: 45rem;}
    .intro2 .right_txt .txt h5{margin-top: 2rem;}
    .busi1 .box2{padding: 8rem 0;}
    .busi1 .box3 .item p{height: 80px;}
    .busi1 .box4 .wrap li h5{width: 50%;}
    .busi1 .box4 .wrap li{gap: 7px;}
    .busi1{padding-bottom: 10rem;}
    .busi1 .box4 h3{margin-top: 1rem; margin-bottom: 2rem; font-size: 1.8rem;}
    .busi2 .box6{flex-direction: column;padding-bottom: 6rem;}
    .busi2 .box6 .left_img, .busi2 .box6 .right_txt{width: 100%;}
    .busi2 .box6 .left_img .mark img{display: none;}
    .busi2 .box7 .item{width: 48%;}
    .busi2 .box4 .wrap li h5{width: 50%;}
    .busi2 .box4 .wrap li{gap: 7px;}
    .busi2{padding-bottom: 10rem;}
    .busi2 .box4 h3{margin-top: 1rem; margin-bottom: 2rem; font-size: 1.8rem;}
    .busi2 .box8 .wrap{flex-direction: column; gap: 2rem;}
    .busi2 .box8 .wrap .g_box{width: 100%; padding: 2rem 0 ;}
    .well1 .box1 .width{flex-direction: column; }
    .well1 .box1 .right_txt, .well1 .box1 .left_img{width: 100%;}
    .well1 .box3 .item{flex-direction: column; gap: 3rem;}
    .well1 .box3 .item:nth-child(even){flex-direction: column-reverse;}
    .well1 .box3 .item img{width: 100%;}
    .well1 .box3 .item1 .left_txt, .well1 .box3 .item2 .left_txt{width: 100%; margin-left: 0;}
    .well1 .box3 .item1 .number, .well1 .box3 .item2 .number{display: none;}
    .well1 .box2{padding: 7rem 0 12rem;}
    .bo_sch .sch_input::placeholder{font-size: 1.6rem;}
    .bo_sch .sch_input{width: 200px;}
    .com4>div h2{width: 100%;}
	.busi2 table{width:650px;}
	.table_wrap{width:100%;  overflow-x: auto;}
	.scroll_txt{display:block;margin-bottom:-5px;}
	.busi2 .box5 .table_wrap{width:100%;}
	.pay .pay_title>div{flex-direction:column;gap:1rem;align-items:start;}
}
@media screen and (max-width:500px) {
    .section2 .box ul li{flex-direction: column;}
    .com2 .txt_wrap{flex-direction: column ;}
    .intro2{height: 50rem;}
    .busi1 .box3 .item{width: 100%;}
    .busi1 .box3 .item p{height: auto;}
    .busi1 .box4 .wrap li{flex-wrap: wrap;}
    .busi1 .box4 .wrap li h5{width: 100%;}
    .busi1 .box4 .wrap li h4{width: 80%;}
    .busi1 .box4 .wrap li h4 br{ display: none;}
    .busi2 .box7 .item{width: 100%;}
    .busi2 .box7 .item .sub_title2 h4{height: auto;text-align: left;width: auto;}
    .busi2 .box4 .wrap li h4{line-height: 140%;}
    #bo_list .board_title{margin-bottom: 4rem;}
}
@media screen and (max-width:420px) {
    .quick .box1 .items{flex-wrap: wrap; gap: 4rem 5rem;justify-content: center;}
    .quick .box1{padding: 6rem 2rem 10rem;}
}