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

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

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

.text_left{text-align: left !important;}

.section{background: url(../img/main.png)no-repeat center/cover;display: flex; flex-direction: column; gap:2rem ; justify-content: center; align-items: center; width: 100%;position: relative;padding: 31.5rem 0;}
.Hfull .text_box{display: flex; flex-direction: column; gap:2rem ; justify-content: center; align-items: center; width: 92%; margin: 0 auto;}
.Hfull .text_box img{width: 99.5rem;}
.title_style1{color: #505050; font-size: 2rem; font-weight: 500; line-height: 150%; text-align: center;word-break: keep-all;}
.Hfull .text_box a{background-color: #3460CA; border-radius: 100px; padding: 19px 35px  ; text-align: center; display: inline-block; font-size: 1.8rem; font-weight: 700; color: #fff; margin-top: 4px; }
.Hfull .text_box .rotator span{font-size: 3.6rem; font-weight: 700;}
.rotator {position: relative;width: 300px;height: 4.2rem;overflow: hidden;}
.rotator .inner {display: flex;flex-direction: column;transition: transform 0.5s ease;}
.rotator .inner span {height: 5rem;line-height: 5rem;text-align: center;}
.Hfull .bg_img img{position: absolute; }
.Hfull .bg_img .main_img1{width: 46.9rem; top: 30%;right: 4%; animation: quickBounce .8s infinite alternate;}
.Hfull .bg_img .main_img2{width:39.4rem ; bottom: 10%;left: 10%; animation: quickBounce .8s infinite alternate;}
@keyframes quickBounce {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-10px);
    }
  }

.section1{padding-top: 20rem; text-align: center;}
.title_style2{color: #505050; font-size: 2.8rem; font-weight: 600;margin-bottom: 15px;}
.section1 .title_style1{margin-top: 2rem;}
.section1 .txt{margin-bottom: 5.2rem;}
.section1 .main_img{position: relative; z-index: 50;}

.img_contents {position: relative;width: 922px;  height: 612px;margin: 0 auto; margin-top: 52px;perspective: 800px;overflow: visible;}
.sub_img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.6);opacity: 0;z-index: 5; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease,filter 0.6s ease;filter: blur(5px);}

/* .sub_img1~6 위치 약간씩 다르게 배치 */
.sub_img2 { transform-origin: center; }
.sub_img3 { transform-origin: center; }
.sub_img4 { transform-origin: center; }
.sub_img5 { transform-origin: center; }
.sub_img6 { transform-origin: center; }
.sub_img7 { transform-origin: center; }

/* 활성화 상태 - 앞쪽으로 튀어나오고 선명해짐 */
.img_contents.active .sub_img img {opacity: 1;filter: blur(0);transform: translate(-50%, -50%) scale(1) translate3d(0,0,0);z-index: 20;}

/* 튀어나오는 방향을 각 이미지별로 다르게 (예시) */
.img_contents.active .sub_img .sub_img6 {   
  transform: translate(calc(-50% - 430px), calc(-50% - 230px)) scale(1);
}
.img_contents.active .sub_img .sub_img2 {
  transform: translate(calc(-50% + 400px), calc(-50% - 220px)) scale(1);
}
.img_contents.active .sub_img .sub_img7 {
  transform: translate(calc(-50% - 380px), calc(-50% - 100px)) scale(1);
}
.img_contents.active .sub_img .sub_img3 {
  transform: translate(calc(-50% + 410px), calc(-50% + 70px)) scale(1);
}
.img_contents.active .sub_img .sub_img5 {
  transform: translate(calc(-50% - 380px), calc(-50% + 120px)) scale(1);
}
.img_contents.active .sub_img .sub_img4 {
  transform: translate(calc(-50% + 250px), calc(-50% + 230px)) scale(1);
}


.section2{padding-top: 18rem; padding-bottom: 16rem;background: #F7F7FB;text-align: center;}
.section2 .title_style2{margin-bottom:7px;}
.section2 .txt{display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center;margin-bottom: 5.6rem;}
.title_style3{font-size: 4.8rem; font-weight: 500; line-height: 130%; }
.section2 .mySwiper{position: relative;}
.section2 .swiper-slide{padding: 4rem; border-radius: 24px; background: #FFF; box-shadow: 8px 8px 16px 0 rgba(19, 45, 130, 0.16);max-width: 400px;display: flex; flex-direction: column; gap: 2.8rem ;  text-align: center;align-items: center;}
.section2 .swiper-slide img{width: 12rem;}
.section2 .swiper-slide .text{display: flex; flex-direction: column; gap:1.2rem ; text-align: center; }
.section2 .swiper-slide .text h2{font-size: 3.2rem; font-weight: 700; margin-bottom: 1.2rem;}
.section2 .swiper-slide .text h3{font-size: 2rem; color: #505050;height: 84px;line-height: 140%;}
.section2 .btn_wrap{margin: 0 auto; width: 92%; max-width: 1240px;position: absolute; top: 58%; left: 50%; transform: translateX(-50%);z-index: 9;;}

.section3{background: url(../img/sec3_bg.png) no-repeat center/cover;overflow: hidden;}
.section3 .inner{width: 92%; max-width: 1400px; margin: 0 auto;padding: 14rem 0;display: flex; justify-content: space-between; align-items: center; text-align: left;}
.section3 .txt h2{color: #FFFFFFCC;} 
.section3 .txt h6{color: #FFF; font-size: 7.7rem; font-weight: 700; line-height: 128%;}
.section3 .txt h4{color: #FFF; text-align: left;margin-top: 2rem;font-size:3rem;}
.section3 .right_contents img{animation: quickBounce2 1s infinite alternate;width:59.5rem ;}
@keyframes quickBounce2 {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-20px);
    }
  }

.consulting{padding: 8rem 0; }
.consulting .width{background: url(../img/sec4_bg.png)no-repeat center/cover;display: flex; flex-direction: column; gap: 12px; justify-content: center; align-items: center; text-align: center;padding: 10.7rem; padding: 7.5rem; border-radius: 40px;}
.consulting .width h2{color: #fff;font-size: 4.8rem; font-weight: 700; }
.consulting .width h4{color: #fff;font-size: 2rem; font-weight: 500; }
.consulting .width a{margin-top: 12px; background-color: #fff; display: inline-block; padding: 1.9rem 3.5rem; border-radius: 100px;  color:#23479D;font-weight: 700;}

#ft{border-top: 1px solid #E5E5EC;background-color: #fff;}
#ft .width{display: flex; flex-direction: column;gap: 2rem;justify-content: center; align-items: start;}
#ft .width>a{color: #505050; font-size: 16px; font-weight: 600;}
#ft .width .foot_info{margin-top: 8px;text-align: left;}
#ft ul li a{color: #999; font-size: 13px;}
#ft ul{display: flex; justify-content: start; align-items: center; gap: 1rem; }

.intro{position: relative;width: 100%;}
.img_transform{width: 100%;}
.trans_img{transform: scale(0.8);transition: transform 0.6s ease;will-change: transform;border-radius:32px ;width: 100%;position: relative;}
.trans_img.zoomed {transform: scale(1); border-radius: 0;}
.intro .i_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);opacity: 0;transition: transform 0.6s ease;}
.intro .i_text.visible {opacity: 1;}
.intro .i_text h2{font-size: 6rem; color: #fff;font-weight: 600; margin-bottom: 4rem;}
.intro .i_text h2 b{font-size: inherit; color: #fff;font-weight: 700; }
.intro .i_text h4{color: #fff; text-align: left;}
.intro .i_text h6{color: #fff; font-size: 2rem; font-weight: 700; line-height: 140%;margin-top: 16px;}

.ser01{background: url(../img/ser1_img.png) no-repeat center/cover;height: 950px;display: flex; align-items: center;justify-content: center;  }
.ser02{background: url(../img/ser2_img.png) no-repeat center/cover;height: 950px;display: flex; align-items: center;justify-content: center;  }
.ser01 .inner, .ser02 .inner{width: 92%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.ser01 .point_text, .ser02 .point_text{color: #3460CA; font-size: 2.4rem; font-weight: 600; margin-bottom: 12px;}
.ser01 .title_style3,.ser02 .title_style3{margin-bottom: 4rem;}
.com_01 .consulting{padding-top:0 ;}


.com_02_1{position: relative; text-align: center;padding: 12rem 0 14rem;}
.com_02_1>img{width: 96%; max-width: 107.2rem;margin: 0 auto;}
.com_02_1 .bg_img img{ position: absolute; }
.com_02_1 .bg_img .img1{top: 0; left: 0%; }
.com_02_1 .bg_img .img2{bottom: -10%; right: 0%; }

.com_02_2{padding: 12rem 0 14rem; text-align: center;}
.com_02_2 .items{margin: 6rem 0; display: flex; justify-content: space-between; align-items: start;gap: 2rem;}
.com_02_2 .item{width: 19%;border-radius: 20px; padding:3.2rem 2rem ;transition: all 0.3s ; }
.com_02_2 .item .img_box img{width: 16rem;}
.com_02_2 .item .img_box .img_w{display: none;transition: all 0.3s;}
.com_02_2 .item .img_box .img{transition: all 0.3s;}
.com_02_2 .item h2{font-size: 2.4rem; font-weight: 600; margin-top: 4rem; margin-bottom: 12px;transition: all 0.3s;word-break: keep-all;}
.com_02_2 .item p{color: #FFFFFFCC; font-size: 1.6rem;word-break: keep-all; font-weight: 500; line-height: 150%;}
.com_02_2 .item:hover{background-color: #23479D;}
.com_02_2 .item:hover h2{color: #fff;}
.com_02_2 .item:hover .img_w{display: inline-block;}
.com_02_2 .item:hover .img{display: none;}
.com_02_2 .width>img{width: 69.2rem;}

.com_02_3{padding:19.2rem  0 ;background-color: #F7F7FB;}
.com_02_3 .inner{margin: 0 auto; width: 92%; max-width: 1336px;display: flex; justify-content: space-between; align-items: center; }
.com_02_3 .inner .img img{width: 80.1rem;}
.com_02_3 .inner .title_style3{margin-bottom: 4rem;}
.com_02_3 .title_style1{color: #505050; margin-bottom: 16px;}

.com_03{position: relative;}
.com_03 .bg img{position: absolute; }
.com_03 .bg .bg1{top: 40px; left: 0; }
.com_03 .bg .bg2{bottom: 0; right: 0; }
.com_03 .latest_top_wr{width: 92%; max-width: 820px; margin: 0 auto;} 
.txt_style1{color: #000; font-size: 6rem; font-weight: 700; text-align: center;padding: 14rem 0 7rem;}
.com_03 .btn_wrap{margin: 0 auto;width: 92%; text-align: right; max-width: 820px;margin-bottom: 5rem;}
.com_03 .btn_wrap a{background-color: #23479D; color: #fff; border-radius: 3px; padding: 5px 10px;}

.sub_menu3{width: 100%;height: 68px; border-bottom: 1px solid #E5E5EC;}
.sub_menu3 ul{display: flex; justify-content: space-between; align-items: center;}
.sub_menu3 ul li{padding-top: 22px;}
.sub_menu3 ul li a{color: #999; font-size: 2rem;  padding: 21px 0; }
.sub_menu3 ul li a.on{color: #23479D; font-size: 2rem; font-weight: 600; border-bottom: 2px solid #23479D;}

.busi1 .ser01{background: none;height: auto; padding: 17rem 22rem; }
.busi1 .ser01 .text_box{width: 50%;}
.busi1 .ser01 .img_box{width: 50%;}
.busi1 .ser01 .inner{display:flex; justify-content: start; align-items: start;}
.busi1 .ser01 .inner .img_box{border-radius: 50%; background-color: #F7F7FB; width: 50.5rem; height: 50.5rem; display: flex ; justify-content: center; align-items: center;position: relative;}
.busi1 .ser01 .inner .img img{width:30rem ;}
.busi1 .ser01 .inner .img_box .bg_img1{position: absolute; top: -90px; left: -56px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img2{position: absolute; top: 40px; right: -156px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img3{position: absolute; bottom: 0px; right: -82px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img4{position: absolute; top: -29px; right: -88px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img5{position: absolute; bottom: 0px; right: -120px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img6{position: absolute; top: -80px; right: -56px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img7{position: absolute; bottom: -20px; right: -86px; z-index: 9;}
.title_style5{color: #111; font-size: 6rem; font-weight: 700;margin-bottom: 4rem;}
.title_style6{color: #505050; font-size: 1.8rem; font-weight: 500; line-height: 144%;}

 .floating-img {
      filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.5));
      transition: filter 0.1s;
    }

.busi1 .point_text{color: #3460CA; font-size: 2.4rem; font-weight: 600; margin-bottom: 12px;}
 
.busi1_2{background: #F7F7FB;height: 96rem;position: relative; padding-top: 16rem;overflow: hidden;}
.busi1_2 .bg_img img {position: absolute; }
.busi1_2 .bg_img .img1{top: -10px ;left: -150px;}
.busi1_2 .bg_img .img2{bottom: -150px ;right: -200px;}
.busi2_2{background: #F7F7FB;height: 83rem;position: relative; padding-top: 16rem;overflow: hidden;}
.busi2_2 .bg_img img {position: absolute; } 
.busi2_2 .bg_img .img1{top: -10px ;left: -150px;}
.busi2_2 .bg_img .img2{bottom: -150px ;right: -200px;}

.busi1 .items{display: flex; justify-content: start; align-items: start; gap: 20px; flex-wrap: wrap;margin-top: -200px;}
.busi1 .item{width: 400px;height: 292px; padding: 3.2rem 2.8rem 4.8rem 2.8rem; border-radius: 24px; display: flex; flex-direction: column;gap: 1.6rem;position: relative; }
.busi1 .item .plus{border-radius: 100px; position: absolute; top: 2.8rem ;right:2.8rem ;
background: #464F7D;width: 4rem; height: 4rem; padding: 6px; display: flex; transition: all 0.3s; justify-content: center; align-items: center;color: #fff; font-family: "SUIT";}
.busi1 .item:hover .plus{background-color: #fff; color: #3460CA;}
.busi1 .item h6{color: #fff;font-size: 1.8rem; font-weight: 700; }
.busi1 .item h2{color: #fff;font-size: 2.6rem; font-weight: 700;line-height: 138%; }
.busi1 .item h3{color: #fff;font-size: 1.8rem; font-weight:500; line-height: 144%; margin-top: 4px; word-break: keep-all;transition: all 0.5s; opacity: 0;}
.busi1 .item1{background: url(../img/busi_img2.png) no-repeat center/cover;margin-left:420px ;}
.busi1 .item:hover h3{opacity: 1;}
.busi1 .item2{background: url(../img/busi_img3.png) no-repeat center/cover;}
.busi1 .item3{background: url(../img/busi_img4.png) no-repeat center/cover;}
.busi1 .item4{background: url(../img/busi_img5.png) no-repeat center/cover;}
.busi1 .item5{background: url(../img/busi_img6.png) no-repeat center/cover;}
.busi1_3{padding: 12rem 0;text-align: center;}
.busi1_3 img{width: 100%;}
.busi1_3 h2{margin-bottom: 7rem;}
.busi1 .busi2_2 .items{margin-top: 7rem;}
.busi1 .busi2_2 .item1{background: url(../img/busi_img4.png) no-repeat center/cover;margin-left:0px ;}
.busi1 .busi2_2 .item2{background: url(../img/busi_img5.png) no-repeat center/cover;}
.busi1 .busi2_2 .item3{background: url(../img/busi_img6.png) no-repeat center/cover;} 
.busi1 .busi2_2 .item4{background: url(../img/busi_img8.png) no-repeat center/cover;margin-left:0px ;}
.busi1 .busi2_2 .item5{background: url(../img/busi_img9.png) no-repeat center/cover;}
.busi1 .busi2_2 .item6{background: url(../img/busi_img10.png) no-repeat center/cover;} 
.busi1 .busi2_2 .item7{background: url(../img/busi_img11.png) no-repeat center/cover;margin-left:0px ;}
.busi1 .busi2_2 .item8{background: url(../img/busi_img3.png) no-repeat center/cover;}
.busi1 .busi2_2 .item9{background: url(../img/busi_img9.png) no-repeat center/cover;} 

.section02 {padding-top: 12rem;padding-bottom: 8rem;}
.section02 .wrap{display: flex; justify-content: center; align-items: center;}


.section02 .wrap{width: 100%;  box-sizing: border-box; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: right; align-items: center;gap: 2rem; }
.section02 .wrap a {cursor: pointer; transition: all 0.5s; width: 17.5%; height: 566px; display: flex; flex-direction: column; justify-content: flex-end; transition: width 0.3s;  float: right;  display: block;visibility:visible!important;position: relative;border-radius: 32px;}
.section02 .wrap .txt{position: absolute; bottom: 2.8rem;  z-index: 8;left:2.8rem;}
.section02 .wrap h6{color: #fff;font-size: 3.2rem; font-weight: 700;}
.section02 .wrap .imgcatalogy {background: url('../img/busi6_img3.png')no-repeat; background-size: cover; background-position: center;}
.section02 .wrap a:nth-child(2) {background: url('../img/busi6_img5.png')no-repeat; background-size: cover; background-position: center;}
.section02 .wrap a:nth-child(3) {background: url('../img/busi6_img4.png')no-repeat; background-size: cover; background-position: center;}
.section02 .wrap a:nth-child(4) {background: url('../img/busi6_img6.png')no-repeat; background-size: cover; background-position: center;}
.section02 .wrap .txt{display: none;transition : all 0.3s ;}
.section02 .wrap a.on {width: 42%; filter: none;}
.section02 .wrap a.on .txt{display: block;}
.section02 .wrap .overbox{width: 100%; height: 100%;background-color: #0000004f;border-radius: 32px;}

.Hfull .mob_text{display: none;}
.br_500{display: none;}
.intro .mob_img{display: none;}
.com_02_1 .mob_img{display: none;}
.busi1_3 .mob_img{display: none;}
.intro .overbox{width: 100%; height: 100%; background-color: #0000004f; display: none; }

@media screen and (max-width:1710px) {
    .Hfull .bg_img .main_img1{width: 40rem; top: 40%;right: 0%; animation: quickBounce .8s infinite alternate;}
    .Hfull .bg_img .main_img2{width:30rem ; bottom: 10%;left: 4%; animation: quickBounce .8s infinite alternate;}
    .section2 .swiper-slide{padding: 1rem;}
    .com_01 .ser01 .inner img, .com_01 .ser02 .inner img{width:48rem ;}
}
@media screen and (max-width:1400px) {
  .busi1 .ser01{padding: 17rem 8rem;}
  .busi1 .item{width:350px}
  .busi1 .item3{margin-left: 50px;}
  .busi2_2 .item3{margin-left: 0px;}
  .busi2_2 .item{width: 32%;}
  
}
@media screen and (max-width:1200px) {
    .Hfull .bg_img .main_img1{width: 35rem; top: 50%;}
    .ser01, .ser02{height: 750px;}
    .com_02_2 .items {flex-wrap: wrap; justify-content: center; align-items: start; }
    .com_02_2 .item{width: 32%;}
    .busi1 .ser01 .inner{justify-content: space-between;}
    .com_02_3 .inner .img img{width: 60rem;}
    .busi1 .ser01 .inner .img img{width: 20rem;}
    .busi1 .ser01 .inner .img_box{width: 40rem; height: 40rem;}
    .busi1 .ser01 .inner .img_box .floating-img{width: 18rem;}
    .busi1 .ser01 .inner .img_box .bg_img1{position: absolute; top: -50px; left: -30px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img2{position: absolute; top: 40px; right: -70px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img3{position: absolute; bottom: -70px; right: -40px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img4{position: absolute; top: -29px; right: -0px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img5{position: absolute; bottom: 0px; right: -12px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img6{position: absolute; top: -80px; right: -56px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img7{position: absolute; bottom: -80px; right: -36px; z-index: 9;}
.busi1 .items{margin-top: 6rem;}
.busi1_2 .point_text{text-align: center;}
.busi1 .title_style3{text-align: center;}
.busi1 .title_style3 br{display: none}
.busi1_2{height: 110rem;padding-top:12rem ;}
.busi1 .item3, .busi1 .item1{margin-left: 0;}
.busi1 .items{justify-content: center;gap: 1rem;}
.busi1 .item{width: 32%; max-width: 100%;}
.busi2_2 .point_text{text-align: center;}
.busi1 .ser01 .inner .img_box .bg_img6 {top: -60px; right: -15px;}

}
@media screen and (max-width:1024px) {
    .section{padding: 25rem 0;}
    .Hfull .text_box .rotator span{font-size: 2.6rem;}
    .Hfull .text_box img{width: 70rem;}
    .Hfull .bg_img .main_img1{width: 28rem;}
    .Hfull .bg_img .main_img2{width: 25rem;}
    .section1{padding-top: 15rem;}
    .title_style2{font-size: 2rem;}
    .section1 .txt img{width: 48rem;}
    .title_style1{font-size: 1.8rem;}
    .section1 .main_img img{width:38rem ;}
    .img_contents .sub_img .sub_img2{width: 10rem;}
    .img_contents .sub_img .sub_img3{width: 7.5rem;}
    .img_contents .sub_img .sub_img5{width: 8rem; }
    .img_contents.active .sub_img .sub_img2{width: 10rem;transform: translate(calc(-50% + 300px), calc(-45% - 220px)) scale(1);}
    .img_contents.active .sub_img .sub_img3{width: 7.5rem; transform:translate(calc(-50% + 230px), calc(-50% + -29px)) scale(1) ;}
    .img_contents.active .sub_img .sub_img4{transform: translate(calc(-50% + 250px), calc(-50% + 106px)) scale(1);}
    .img_contents.active .sub_img .sub_img5{width: 8rem; transform: translate(calc(-50% - 307px), calc(-50% + 66px)) scale(1);}
    .img_contents.active .sub_img .sub_img6{transform:translate(calc(-50% - 283px), calc(-50% - 230px)) scale(1) ;}
    .img_contents.active .sub_img .sub_img7{transform: translate(calc(-50% - 244px), calc(-50% - 100px)) scale(1);}
    .img_contents{height: 474px;width: 98%; max-width: 922px;}
    .title_style3{font-size: 3.5rem;}
    .section2 .txt img{width: 48rem;}
    .section2 .swiper-slide .text h2{font-size: 2.6rem;}
    .section2 .swiper-slide .text h3{font-size: 1.8rem;word-break: keep-all;}
    .section2 .swiper-slide .text h3 br{display: none;}
    .section2 .swiper-slide img{width: 10rem;}
    .section2 .swiper-slide{padding: 3rem;}
    .section3 .right_contents img{width: 30rem;}
    .section3 .txt h6{font-size: 5rem;}
    .consulting .width h2{font-size: 3rem;}
    .consulting .width h4{font-size: 1.8rem;}
    .consulting .width a{padding: 1.5rem 3rem;}
    .intro .i_text h2{font-size: 3.5rem;}
  .intro .i_text h6{font-size: 1.8rem;}
  .com_01 .ser01 .inner img,.com_01  .ser02 .inner img{width: 30rem;}
  .ser01 .point_text, .ser02 .point_text{font-size: 2rem;}
  .ser01 .title_style3, .ser02 .title_style3{font-size: 2.4rem;margin-bottom: 2rem;}
  .ser01, .ser02{height: 550px;}
  .com_02_2 .width>img{width: 50rem;}
  .com_02_2 .item .img_box img{width: 10rem;}
  .com_02_2 .item{width: 31%;}
  .com_02_2 .item h2{font-size: 2rem;margin-top: 2rem; margin-bottom: 10px;}
  .com_02_2{padding: 10rem 0;}
  .com_02_2 .item p{height: 70px;}
  .com_02_3 .inner .img img{width: 50rem;}
  .com_02_3{padding: 12rem 0;}
  .com_02_1{padding: 10rem 0;}
  .sub_menu3 ul{flex-wrap: wrap; gap: 1rem ;margin-top: 1rem;}
  .sub_menu3 ul li{width: 32%;padding-top: 0; text-align: center;}
  .sub_menu3 ul li a{height:60px ;font-size: 1.8rem; display: block;}
  .sub_menu3{border-bottom: none;height: auto;}
  .sub_menu3 ul li a.on{font-size: 1.8rem;}
  .sub_menu3 ul li a{border: 1px solid #e9e9e9;}
  .busi1 .ser01{width: 92%; margin: 0 auto;padding: 15rem 0;}
  .title_style5{font-size: 4rem;}
  .busi1 .ser01 .inner .img img{width: 15rem;}
  .busi1 .ser01 .inner .img_box{width: 30rem; height: 30rem;}
  .busi1 .ser01 .inner .img_box .floating-img{width:15rem ;}
  .busi1 .item h2{font-size: 2.2rem;}
  .busi1 .item{height: 280px;}
  .busi1_2 {height: 100rem;}
  .busi1 .point_text{font-size: 2rem;}
  .busi2_2{padding: 12rem 0 ;height: 75rem;}
  .section02 .wrap a.on{width: 40%;}
  .section02 .wrap a{width: 17%; height: 450px;}
  .section02 .wrap h6{font-size: 2.6rem;}
  .txt_style1{font-size: 4rem;}
.busi1_3 .mob_img{display: block; width: 60%; margin: 0 auto;}
.busi1_3 .pc_img{display: none;}
.section3 .txt h4{font-size:2.2rem;}
}
@media screen and (max-width:850px) {
    .trans_img{transform: scale(0.9);}
    .com_02_3 .inner .img img{width: 40rem;}
}
@media screen and (max-width:768px) {
    .section{padding: 16rem 0; padding-bottom: 25rem;}
    .Hfull .text_box .rotator span{font-size: 1.8rem;}
    .Hfull .text_box img{width: 50rem;}
    .title_style1{font-size: 1.8rem;}
    .Hfull .text_box a{padding: 15px 25px;font-size: 1.6rem;}
    .Hfull .bg_img .main_img1{width: 20rem;}
    .Hfull .bg_img .main_img2{width: 20rem;bottom: 15%; left: 9%;}
    .foot_info .bar{display: none;}
    #ft .width .foot_info br{display: none;}
    #ft .width>a img{width: 15rem;}
    #ft .width>a{font-size: 14px;}
    .title_style2{font-size: 1.8rem;}
    .section1 .txt img{width: 35rem;}
    .section1 .title_style1{margin-top: 1rem;}
    .title_style1{font-size: 1.6rem;}
    .section1 .main_img img{width: 26rem;}
    .img_contents {height: 326px;}
    .img_contents .sub_img .sub_img2{width: 7rem; }
    .img_contents .sub_img .sub_img3{width: 4.5rem;}
    .img_contents .sub_img .sub_img5{width: 6rem; }
    .img_contents .sub_img .sub_img6{width: 1.5rem;}
    .img_contents.active .sub_img .sub_img2{width: 7rem; transform:translate(calc(-50% + 193px), calc(-45% - 143px)) scale(1) ;}
    .img_contents.active .sub_img .sub_img3{width: 4.5rem;}
    .img_contents.active .sub_img .sub_img4{transform: translate(calc(-50% + 174px), calc(-50% + 59px)) scale(1);}
    .img_contents.active .sub_img .sub_img5{width: 6rem; transform:translate(calc(-50% - 253px), calc(-50% + 33px)) scale(1) ;}
    .img_contents.active .sub_img .sub_img6{width: 1.5rem; transform:translate(calc(-50% - 259px), calc(-50% - 147px)) scale(1) ;}
    .img_contents.active .sub_img .sub_img7{transform:translate(calc(-50% - 235px), calc(-50% - 58px)) scale(1) ;}
    .section1{padding-top: 12rem;}
    .title_style3{font-size: 2.6rem;}
    .section2 .txt img{width: 36rem;}
    .section2 .swiper-slide img{width: 8rem;}
    .section2 .swiper-slide .text h2{font-size: 2.2rem;}
    .section2 .swiper-slide .text h3{font-size: 1.6rem;height: 10rem;}
    .section2 .swiper-slide{padding: 2rem;}
    .section2{padding: 10rem 0;}
    .swiper-button-next, .swiper-button-prev{display: none;}
    .section2 .swiper-slide .text div{display: none;}
    .section3 .right_contents img{width: 20rem;}
    .section3 .txt h6{font-size: 3.5rem;}
    .consulting .width h2{font-size: 2.2rem;}
    .consulting .width h4{font-size: 1.6rem;}
    .section3 .inner{padding: 10rem 0;}
    .consulting .width{padding: 7.5rem 2rem;border-radius: 20px;}
    .intro .i_text h6{font-size: 1.6rem;margin-top: 10px;word-break: keep-all;}
    .intro .i_text h2{font-size: 2.4rem;margin-bottom: 2rem;}
    .ser01 .point_text, .ser02 .point_text{font-size: 1.8rem;}
    .ser01 .title_style3, .ser02 .title_style3{font-size: 2rem;}
    .com_01 .ser01 .inner img,.com_01  .ser02 .inner img{width: 25rem;}
    .ser01{background-position: 70%;height: 450px;}
    .ser02{background-position: 17%;height: 450px;}
    .com_02_2 .width>img{width: 40rem;}
    .com_02_2 .item .img_box img{width: 6rem;}
    .com_02_2 .item h2{font-size: 1.8rem;}
    .com_02_2 .item p{height: 95px;}
    .com_02_3 .inner .img img{width: 30rem;}
    .com_02_2{padding: 7rem 0;}
    .com_02_1{padding: 7rem 0;}
    .sub_menu3 ul li a, .sub_menu3 ul li a.on{font-size: 1.6rem;word-break: keep-all;padding: 0 ; display: flex; justify-content: center; align-items: center;}
      .busi1 .ser01 .inner .img img{width: 10rem;}
  .busi1 .ser01 .inner .img_box{width: 20rem; height: 20rem;}
  .busi1 .ser01 .inner .img_box .floating-img{width:10rem ;}
  .busi1 .ser01 .inner{align-items: center;}
  .title_style5{font-size: 3rem;}
  .title_style6{font-size: 1.6rem;word-break: keep-all;}
  .busi1 .ser01{padding: 10rem 0;}
  .busi1 .item h3 br{display: none;}
  .busi1 .items{margin-top: 3rem;}
  .busi1 .point_text{font-size: 1.8rem;}
  .busi1 .item{border-radius: 10px;gap: 1rem;height: 250px;padding: 2rem;}
  .busi1 .item h6, .busi1 .item h3{font-size: 1.6rem;opacity: 1;}
  .busi1 .item h2{font-size: 2rem;}
  .busi1 .item .plus{width: 3rem; height: 3rem; font-size: 1.6rem;}
  .busi1_2 {height: 89rem;}
  .busi1_3{padding: 7rem 0 ;padding-bottom: 3rem;}
  .busi1 .ser01 .inner .img_box .bg_img2{top: -30px; right:-10px ;}
  .busi1 .ser01 .inner .img_box .bg_img3{bottom: -40px; right: -20px;}
  .busi1_2{padding: 10rem 0;}
  .busi2_2{padding: 10rem 0 ; height: auto;}
  .section02 .wrap a{height: 350px;border-radius: 15px;}
  .section02 .wrap .overbox{border-radius: 15px;}
  .section02 .wrap h6{font-size: 2rem;}
  .section02 .wrap{gap: 1rem;}
  .section02{padding-top: 10rem ;padding-bottom: 4rem;}
  .busi1 .ser01 .inner .img_box .bg_img7{position: absolute; bottom: -60px; right: -0px; z-index: 9;}
  .txt_style1{font-size: 3rem; padding: 10rem 0 5rem ;}
  #formmail-write .form-group.col4>label{font-size: 1.8rem;}
  #formmail-write .privacy-of-use-check{margin-top: 4rem;}
  #formmail-write .form-group.col4>label{width: 100%;}
  .busi1_3 .mob_img{display: block; width: 70%; margin: 0 auto;}
  .busi1 .busi2_2 .items{margin-top: 3rem;}
  .section3 .txt h4{font-size:1.9rem;}
}
@media screen and (max-width:650px) {
    .Hfull .mob_text{display: block;}
    .Hfull .pc_text{display: none;}
    .Hfull .text_box img{width: 30rem;margin-top: -15px;}
    .Hfull .bg_img .main_img2{bottom: 2%; left: 100px;}
    .section{padding: 22rem 0;background: url(../img/main_m.png) no-repeat center/cover;}
    .Hfull .bg_img .main_img1{top: 29%; width: 13rem;}
    .section1 .txt img{width: 30rem;}
    .section1 .main_img img{width: 20rem;}
    .img_contents{height: 251px;}

    .img_contents .sub_img .sub_img2{width: 5rem;}
    .img_contents .sub_img .sub_img3{width: 2.5rem; }
    .img_contents .sub_img .sub_img5{width: 4rem; }
    .img_contents .sub_img .sub_img6{width: 0.5rem;}
    .img_contents.active .sub_img .sub_img2{width: 5rem;transform: translate(calc(-50% + 143px), calc(-45% - 121px)) scale(1);}
    .img_contents.active .sub_img .sub_img3{width: 2.5rem; transform: translate(calc(-50% + 141px), calc(-50% + -29px)) scale(1);}
    .img_contents.active .sub_img .sub_img4{transform: translate(calc(-50% + 126px), calc(-50% + 59px)) scale(1);}
    .img_contents.active .sub_img .sub_img5{width: 4rem; transform: translate(calc(-50% - 145px), calc(-50% + 33px)) scale(1);}
    .img_contents.active .sub_img .sub_img6{width: 0.5rem;transform: translate(calc(-50% - 102px), calc(-50% - 147px)) scale(1);}
    .img_contents.active .sub_img .sub_img7{transform: translate(calc(-50% - 144px), calc(-50% - 58px)) scale(1);}
    .section2 .txt img{width: 30rem;}
    .section2 .swiper-slide .text h3{height: 8rem;}
    .section1 .title_style1{width: 92%; margin: 1rem auto; }
    .intro .mob_img{display: block;}
    .intro .pc_img{display: none;}
    .com_02_2 .width>img{width: 32rem;}
    .com_02_2 .item{background-color: #23479D;width: 48%;}
    .com_02_2 .item h2{color: #fff;}
    .com_02_2 .items{margin: 3rem 0; gap: 1rem;}
    .com_02_3 .inner{flex-direction: column; gap: 3rem;}
    .com_02_3{padding: 8rem 0;}
    .com_02_1 .bg_img .img2{width: 30rem;right: -18%;}
    .com_02_1 .bg_img .img1{width: 30rem;left: -7%;}
    .com_02_1 .mob_img{display: block;}
    .com_02_1 .pc_img{display: none;}
    .ser01 .inner, .ser02 .inner{width: 100%;}
    .busi1 .ser01 .text_box{width: 60%;}
    .busi1 .item{width: 48%;}
    .busi1_2{height: auto; padding-bottom: 5rem;}
    .busi2_2{height: auto; padding-top: 10rem ; padding-bottom: 5rem; }
    #formmail-write .form-group{flex-direction: column;}
    #formmail-write .form-group>div{width: 100%;}
    /* .trans_img{width: 120%;} */
    /* .trans_img.zoomed{padding: 7rem 0; background: url(../img/com2_img1.png) no-repeat;} */
    .busi1_3 .mob_img{display: block; width: 80%; margin: 0 auto;}
    .intro .overbox{display: block; position: absolute; top: 0; left: 0;}
	.section2 .txt{gap:5px;}
	.title_style2{margin-bottom:7px;}
}
@media screen and (max-width:550px) {
    .ser01 .inner, .ser02 .inner{justify-content: center; flex-direction: column; gap: 3rem; align-items: center;}
    .ser01,.ser02{height: auto; padding: 10rem 0;}
    .com_01 .ser01 .inner img, .com_01 .ser02 .inner img{width: 15rem;}
    .com_02_2 .item{width: 100%; border-radius: 10px;}
    .com_02_2 .item h2{margin-top:0 ;text-align: left;}
    .com_02_2 .item p{height: auto;text-align: left;}
    .com_02_2 .item{display: flex; gap: 3rem ; justify-content: space-between; align-items: center;}
    .com_02_2 .item .img{display: none;}
    .com_02_2 .item .img_box .img_w{display: inline-block;}
    /* .com_02_2 .item .img_box img{width: 4rem;}
    .com_02_2 .item p{height: 10rem;font-size: 1.4rem;}
    .com_02_2 .item{padding: 1rem;}
    .com_02_2 .items{gap: 5px;} */
    .busi1 .ser01 .inner{gap: 7rem;}
    .busi1 .ser01 .inner .img_box .bg_img1{position: absolute; top: -0; left: -30px; z-index: 9;}
    .busi1 .ser01 .inner .img_box .bg_img2{position: absolute; top: 0px; right: -30px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img3{position: absolute; bottom: -30px; right: -30px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img4{position: absolute; top: -30px; right: -30px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img5{position: absolute; bottom: -30px; right: -12px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img6{position: absolute; top: -0px; right: -56px; z-index: 9;}
.busi1 .ser01 .inner .img_box .bg_img7{position: absolute; bottom: -40px; right: -30px; z-index: 9;}
.busi1 .ser01 .text_box{width: 100%;}
.busi1 .item .plus{top: 1rem; right: 1rem;}
.busi1 .ser01 .inner{gap: 3rem; flex-direction: column-reverse;}
.intro .i_text h6 br{display: none;}

    
}
@media screen and (max-width:500px) {
    .section{padding: 18rem 0;}
    .section3 .right_contents img{width: 15rem;}
    .br_500{display: block;}
    .sub_menu3 ul li{width: 31.5%;}
    .busi1 .item{width: 100%; height: auto;}
    .busi1 .title_style6 br{display: none;}
    .section02 .wrap a{height: 200px; width: 48%;}
    .section02 .wrap a.on{width: 48%;}
    .section02 .wrap .txt{display: block}
    .busi1_3 .mob_img{display: block; width: 90%; margin: 0 auto;}
	.section3 .txt h6{font-size: 2.5rem;}
}
@media screen and (max-width:450px) {
    .Hfull .bg_img .main_img1{top: 13%;}
    .Hfull .bg_img .main_img2{left: 12px; bottom: 2%; width: 15rem;}
    
}