/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 430px; position: relative; max-width: 1920px; margin: 0 auto; } 
/* .sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; overflow: hidden; }  */

/* sub visual + pc_top_menu */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%;margin: 0 auto; height: 100%;  max-width: 1609px; position: relative; min-width: 1100px;}  
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width:87px; font-size: 20px; align-items: center; height: 100%; word-break: keep-all; color: #111}  
.depth_wrap > div.home_btn {width: 70px;  } 
.depth_wrap > div.home_btn a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.depth_wrap > div.home_btn a span{font-size: 16px; }
/* .depth_wrap > div { position: relative; }  
.depth_wrap > div::after{content: ""; display: block; width: 1px; height: 25px; background-color: #d6d6d6; position: absolute; top: 50%; right: 0;  transform: translateY(-50%);}*/
.depth_wrap > div.depth2::after{display: none;}
.depth_wrap > div.home_btn::before{content: ""; display: block; width: 1px; height: 50px; background-color: #ccc; position: absolute; top: 50%; left: 0;  transform: translateY(-50%);}

.sub_scroll{width: 96px; height: 96px; display: flex; justify-content: center; align-items: center; background-color: var(--main-color); border-radius: 50%; bottom: -85px; right: 155px; z-index: 2; position: absolute; transition: all .3s;}
.sub_scroll i{font-size: 3rem; color: #fff; font-weight: 300; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); }
.sub_scroll img{transition: all .3s;animation: rotate 20s linear infinite;}
.sub_scroll:hover img{transform: scale(1.1); transition: all .3s;}

  @keyframes rotate {
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }


.depth_wrap > div.depth3 {/* display: none; *//* width: auto; */width: 100%;max-width: 250px; width: 250px;}  
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i {line-height: 50px; font-size: 25px;} 
.visual_menu_wrap { width: 100%; background-color: #fff;  z-index: 99; display: flex; align-items: center;     border-bottom: 1px solid #e7e7e7; } 
.visual_menu_wrap.fixed{position: fixed; top: 81px;}
.visual_menu_wrap .com_depth {   width: 100%; display: flex; height: 100%; align-items: center;} 
.visual_menu_wrap .com_depth li{padding: 0 30px;}
.visual_menu_wrap .com_depth li:hover a{color: #111; }
.visual_menu_wrap .com_depth li.on a{color: #111;}
.visual_menu_wrap .com_depth li a.on{color: #111; }
.visual_menu_wrap .com_depth li a { font-size: 20px; display: block; width: 100%; height: 100%; color: #999; font-weight: 300; font-family: 'Pretendard'; padding-bottom: 15px;} 
.visual_menu_wrap .com_depth li.on a{text-decoration: underline; text-underline-offset: 5px;}

.visual_menu_wrap .com_depth.sub_depth2 li.red a{color: #111; border-bottom:2px solid #111 ;}
.visual_menu_wrap .com_depth li:first-child{padding-left: 0;}



/* .sub_page_visual1 { background-image: url(../img/sub_visual_1.jpg); } 
.sub_page_visual2 { background-image: url(../img/sub_visual_2.jpg); } 
.sub_page_visual3 { background-image: url(../img/sub_visual_3.jpg); } 
.sub_page_visual4 { background-image: url(../img/sub_visual_4.jpg); } 
.sub_page_visual5 { background-image: url(../img/sub_visual_5.jpg); }  */


 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
    0% { transform: scale(1.09); opacity: 0.9; } 
   100% { transform: scale(1); opacity: 1; } 
}
/* sub_visual */
    .sub_visual_txt { position: absolute; bottom: 7%; left: 50%; transform: translate(-50%,-50%); z-index: 10;   width: 90%; max-width: 1609px; } 
    .sub_visual_txt h2 { font-size: 72px;  font-weight: 700;  letter-spacing: -3px; } 
/* top menu */
   .top_menu .mobile_sub_menu { display: none; } 
   
/*sub공통*/
   .sub_inner{max-width: 1460px; margin:0 auto ; width: 100%;}
   .sub_tit{ color: #111;  font-weight: 800; font-size: 6.5rem;}
    .sub_tit em{font-weight: 400; font-style: normal;}
    .sub_bottom{margin-bottom: 200px;}

@keyframes sub_point { 
    from{
        transform: translatey(0px);
      }
      to{
        transform: translatey(-20px);
      }
}

.sub_top_list{position: absolute;  z-index: 10; max-width: 1609px; left: 50%; transform: translateX(-50%); top: 50%; width: 100%;}
.sub_top_list ul{display: flex; align-items: center;}
.sub_top_list ul li{padding: 0 20px; position: relative;}
.sub_top_list ul li img{}
.sub_top_list ul li h2{font-size: 1.8rem; font-weight: 300;color: #949494; font-family: var(--font-pre);}
.sub_top_list ul li::after{content: "";width: 4px; height: 4px; position: absolute;right: -5px; top: 50%; transform: translateY(-50%); display: inline-block; background-color: #949494; border-radius: 50%;}

.sub_top_list ul li:last-child::after{display: none;}
.sub_top_list ul li:first-child{padding-left: 0;}


.sub_img{background-size: cover; width: 100%; max-width: 1920px;  height: 430px; margin: 130px auto 100px; background-position:center !important; background-size: cover !important;}

.bbs_inner{margin-top: 100px;}

.sub1_1_list{background: url(../img/sub1_1_list.jpg) no-repeat;}
.sub1_1{background: url(../img/sub1_1.jpg) no-repeat;}
.sub1_2{background: url(../img/sub1_2.jpg) no-repeat;}
.sub1_3{background: url(../img/sub1_3.jpg) no-repeat;}
.sub1_4{background: url(../img/sub1_4.jpg) no-repeat;}
.sub1_5{background: url(../img/sub1_5.jpg) no-repeat;}
.sub1_6{background: url(../img/sub1_6.jpg) no-repeat;}

.sub2_1{background: url(../img/sub2_1.jpg) no-repeat;}
.sub2_2{background: url(../img/sub2_2.jpg) no-repeat;}
.sub2_3{background: url(../img/sub2_3.jpg) no-repeat;}
.sub2_4{background: url(../img/sub2_4.jpg) no-repeat;}
.sub2_5{background: url(../img/sub2_5.jpg) no-repeat;}
.sub2_6{background: url(../img/sub2_6.jpg) no-repeat;}

.sub3_1{background: url(../img/sub3_1.jpg) no-repeat;}
.sub3_2{background: url(../img/sub3_2.jpg) no-repeat;}
.sub3_3{background: url(../img/sub3_3.jpg) no-repeat;}

.sub4_2{background: url(../img/sub4_2.jpg) no-repeat;}
.sub4_3{background: url(../img/sub4_3.jpg) no-repeat;}

.sub5_1{background: url(../img/sub5_1.jpg) no-repeat;}
.sub5_2{background: url(../img/sub5_2.jpg) no-repeat;}


/*ABOUT US1*/
.company_top1{position: relative;}
.company_top1::before{content: ""; width: 690px; height: 690px; background: url(../img/company_top1_bg.png) no-repeat; position: absolute; left: -220px; top: 100px; z-index: -1;}
.company_top1 p{font-size: 2rem; padding-left:350px; margin:50px 0 100px ; line-height: 1.6;}
.company_top1 p span{font-weight: 800;}
.company_top_img{background-size: cover; width: 100%;  margin: 0 auto; height: 360px; border-radius:15px;}
.com_top1_img1{background: url(../img/com_top1_img1.jpg) no-repeat;}
/* .com_top2_img1{background: url(../img/com_top2_img1.jpg) no-repeat; border: 1px solid #b4b4b4; background-size: contain;} */
.com_top2_img1{border: 1px solid #b4b4b4; overflow: hidden; border-radius:15px;}
.com_top2_img1 img{width: 100%;}
.com_top3_img1{background: url(../img/com_top3_img1.jpg) no-repeat;}





.com_wrap{margin: 150px 0;}
.com1_wrap{background-color: #fbfbfb; padding: 120px 0;}
.com_flex2{display: flex; justify-content: space-between;}
.com_flex2 li{}
.com_flex2 li p{font-size: 2rem; line-height: 1.5;}
.com_flex2 li:first-child{width: 30%;}
.com_flex2 li:last-child{width: 70%;}
.com_sub_tit{font-size: 3.6rem; font-weight: 700;}
.com_sub_tit_cen{text-align: center;}

.com_flex2 li .com_2_box{margin-bottom: 30px;}
.com_flex2 li .com_2_box h3{font-size: 2rem;}


.com1_bot{}
.com1_bot_top{text-align: center;}
.com1_bot_top p{font-size: 2rem; margin:50px 0; line-height: 1.5;}
.com1_bot_top p span{font-weight: 700; font-size: 2.4rem;}
.com1_bot_list{display: flex; justify-content: space-between;     gap: 20px;}
.com1_bot_list li{width: calc(100% / 3);position: relative; background-color: #fbfbfb; display: flex; flex-direction: column; justify-content: space-between; padding: 50px; min-height: 360px; transition: all .3s; border-radius: 15px; z-index: 10;}
.com1_bot_list li h4{font-size: 2.4rem;}
.com1_bot_list li  p{font-size: 2rem;}
.com1_bot_list li:nth-child(1)::before{content: ""; width:165px; height: 165px; background: url(../img/com1_bot_list1.png) no-repeat; position: absolute; right: 0; top: 0; background-size: contain; z-index: 1;}
.com1_bot_list li:nth-child(2)::before{content: ""; width:220px; height: 165px; background: url(../img/com1_bot_list2.png) no-repeat; position: absolute; right: 0; top: 0; background-size: contain; z-index: 1;}
.com1_bot_list li:nth-child(3)::before{content: ""; width:165px; height: 165px; background: url(../img/com1_bot_list3.png) no-repeat; position: absolute; right: 0; top: 0; background-size: contain; z-index: 1;}
.com1_bot_list li:hover{background-color: var(--main-color);}
.com1_bot_list li:hover h4{color: #fff;}
.com1_bot_list li:hover p{color: #fff;}
.com1_bot_list li:nth-child(2){    transform: translateY(50px);}
.com1_bot_txt{margin-top: 120px; text-align: center; font-size: 2.4rem;}
.com1_bot_txt span{font-weight: 700;}

.com3_flex{display: flex; justify-content: space-between; gap: 0 100px; margin-top: 80px;}
.com3_flex li{width:calc(100% / 2 - 20px) ; position: relative;}
.com3_flex li div{font-size: 2rem; margin-bottom: 30px; line-height: 1.5;}
.com3_flex li div:last-child{margin-bottom: 0;}
.com3_flex li:first-child::after{content: ""; width: 1px; height: 100%; background-color:#d6d6d6; position: absolute; right: -45px; top: 0;}


.company4{margin-top: 50px;}
.company4 h3{font-size: 2.4rem; text-align: center;}
.company4 .com4_flex{display: flex;  margin-top: 50px ;flex-wrap: wrap; }
.company4 .com4_flex li{width:calc(100% / 3 - 100px ); margin: 0 50px; text-align: center; margin-bottom: 80px;}
.company4 .com4_flex li div{border-radius: 15px; overflow: hidden;  width: 305px; height: 430px; margin: 0 auto 20px;}
.company4 .com4_flex li div img{width: 100%;}
.company4 .com4_flex li span{font-size: 2rem; display: block; font-weight: 700;}
.company4 .com4_flex li em{font-size: 1.8rem; display: block; margin: 10px 0; font-style: normal; font-weight: 800;}
.company4 .com4_flex li p{font-size: 1.8rem; line-height: 1.5;}
.company4 .com4_flex li.com4_none div{background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;display: flex; align-items: center;justify-content: center;}
.company4_top .company_top1 p{margin: 0; transform: translateY(-70px);}
.company4_list2{margin-top: 100px;}

.company6 .company_top1 p{margin: 100px 0;}
.com6_list2 li:nth-child(1){width: 70%;}
.com6_list2 li:nth-child(2){width: 23%;}
.com6_list2 li:nth-child(2) img{width: 100%;}

/*technology_list*/
.technology{position: relative;}
.technology::before{content: ""; width: 690px; height: 690px; background: url(../img/company_top1_bg.png) no-repeat; position: absolute; right:0px; top: 100px; z-index: -1;}
.tech_list{display: flex; justify-content: space-between; align-items: center; margin-top: 60px;}
.tech_list li{}
.tech_list li:nth-child(1){width: 35%;}
.tech_list li:nth-child(1) img{width: 100%; border-radius: 15px;}
.tech_list li:nth-child(2){width: 60%;}
.tech_list li p{font-size: 2rem; margin-bottom: 110px; line-height: 1.6;}
.tech_list li .tech_sub_list{display: flex; justify-content: space-between; gap: 50px 20px; flex-wrap: wrap;}
.tech_list li .tech_sub_list>div{border: 1px solid #bdbdbd;position: relative; transition: all .3s; width: calc(100% / 3 - 20px);}
.tech_list li .tech_sub_list>div::after{content: ""; width:7px; height: 7px; background-color: var(--main-color); border-radius: 50%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); opacity: 0;}
.tech_list li .tech_sub_list>div a{ width: 100%; height: 100%; display: flex; align-items: center; padding:25px 15px;}
.tech_list li .tech_sub_list>div a h3{font-size: 2rem; opacity:0.6 ;}
.tech_list li .tech_sub_list>div:hover{border: 1px solid #000;}
.tech_list li .tech_sub_list>div:hover h3{opacity: 1;}
.tech_list li .tech_sub_list>div:hover::after{opacity: 1;}
.tech_list_bot{margin-top:100px ; text-align: center;}
.tech_list_bot b{display: block; margin-bottom:40px ; font-size: 2.4rem;}
.tech_list_bot p{font-size: 2rem; line-height: 1.5;}


/*technology1*/
.tech_scroll_flex{display: flex; justify-content: space-between; margin: 100px 0 150px;}
.tech_scroll_flex li{}
.tech_scroll_flex .tech_scroll_img{width: 41%;}
.tech_scroll_flex .tech_scroll_img img{width: 100%; border-radius: 15px;}
.tech_scroll_flex .tech_scroll_right{width: 52%;}
.tech_scroll_flex .tech_scroll_right .tech_scroll_txt{padding: 40px 0; border-bottom: 1px solid #000;}
.tech_scroll_flex .tech_scroll_right .tech_scroll_txt:first-child{padding-top: 0;}
.tech_scroll_flex .tech_scroll_right .tech_scroll_txt:last-child{border-bottom: none;}
.tech_scroll_flex .tech_scroll_right .tech_scroll_txt h4{font-size: 2.4rem; margin-bottom: 20px;}
.tech_scroll_flex .tech_scroll_right .tech_scroll_txt p{font-size: 1.8rem; line-height: 1.6;}
.tech_long_img{border: 1px solid #bdbdbd; border-radius: 15px; padding: 20px; text-align: center;}
.tech_long_img img{}
.tech_long_img p{font-size: 1.8rem; margin-top: 15px; word-break: break-word;}

.tech_long_txt{text-align: center; font-size: 2rem; margin-top: 50px;}

.tech_scroll.active{}
.tech_scroll .tech_scroll_img.active_right{position: fixed; top: 105px; width: 600px;left: 57%; }
.tech_scroll .tech_scroll_img.active_left{position: fixed; top: 105px; width: 600px;}
.tech_scroll .tech_scroll_right.active_left{position: relative; left: 48%;}


.tech_wrap{margin: 80px 0;}
.tech_wrap_box{margin: 50px 0;}
.tech_wrap_box h4{font-size: 2.4rem; margin-bottom: 20px;}
.tech_wrap_box p{font-size: 2rem; line-height: 1.6;}

.tech_flex3{display: flex; flex-wrap: wrap; gap:20px 10px; justify-content: space-between;}
.tech_flex3 li{width: calc(100% / 3 - 20px); }
.tech_flex3 li h5{font-size: 2.5rem; text-align: center; font-weight: 500;}
.tech4 li{border: 2px solid transparent;   background-image:linear-gradient(#fff, #fff),  linear-gradient(315deg, #f29700 0%, #3a2a8a 100%); border-image-slice: 1;  background-origin:border-box; background-clip:padding-box, border-box; border-radius: 15px; padding: 20px;}
.table_wrap{overflow-x: auto;}
.table_wrap table{min-width: 650px; width: 100%; border-collapse: collapse; border-top: 1px solid #000; }
.table_wrap table tr th{padding: 15px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;     background: #f7f7f7; font-size: 1.8rem;}
.table_wrap table tr td{padding: 15px;  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.8rem;}
.table_wrap table tr th:last-child{border-right: none;}
.table_wrap table tr td:last-child{border-right: none;}
.table_wrap table tr td.bor{border-right: 1px solid #ccc;}

.tech6{gap:0 80px ; margin-top: 50px;}
.tech6 li{background-color: #fafafa;width: calc(100% / 3 - 55px);position: relative; transition: all .3s; overflow: hidden; padding: 100px 30px; border-radius: 15px; z-index: 10;}
.tech6.padding li{padding: 70px 30px;}
.tech6 li::before{content: ""; width: 100%; height: 100%; background: url(../img/tech6_bg.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; transition: all .3s;}
.tech6 li:hover::before{opacity: 1;}
.tech6 li p{font-size: 2rem; text-align: center;}
.tech6 li:hover p{color: #fff;}
.tech6 li:hover h5{color: #fff;}
.tech6 li h5{margin-bottom: 50px;}
.tech_wrap> h2{font-size: 3.6rem; margin-bottom: 40px;}
.tech_wrap >h2.tech_center{text-align: center;}
.tech_wrap >p.tech_center{text-align: center; font-size: 2rem;}
.tech_wrap .tech_scroll_flex{margin: 0;}
.tech6_num li>div{position: relative;}
.tech6_num li>div:nth-child(1)::after{content: "01";font-size: 6rem;color: var(--main-color);opacity: 0.1;position: absolute; right: 0; bottom: 0;font-weight: 700; }
.tech6_num li>div:nth-child(2)::after{content: "02";font-size: 6rem;color: var(--main-color);opacity: 0.1;position: absolute; right: 0; bottom: 0;font-weight: 700;  }
.tech6_num li>div:nth-child(3)::after{content: "03";font-size: 6rem;color: var(--main-color);opacity: 0.1;position: absolute; right: 0; bottom: 0; font-weight: 700; }


/*ACHIEVEMENT*/

.achievement{}
.achievement li{display: flex; justify-content: space-around; margin-bottom: 50px;}
.achievement li>div{width:calc(100% / 2 - 50px);margin: 50px 25px; }
.achievement li .achievement_left{width:45% ;}
.achievement li .achievement_left img{width: 100%; border-radius: 15px;}
.achievement li .achievement_right{width: 50%;}
.achievement li .achievement_right h4{font-size: 2.2rem; margin-bottom: 40px;}
.achievement li .achievement_right p{font-size: 2rem; line-height: 1.8; padding-left: 20px; position: relative;}
.achievement li .achievement_right p::before{content: ""; height: 5px; width: 5px; background-color: var(--main-color); position: absolute; top: 15px; left: 0;}



/*SERVICE*/
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.service_tab{display: flex; gap: 0 10px; margin-bottom: 50px;}
.service_tab li{width: calc(100% / 4); border: 2px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(315deg, #f29700 0%, #3a2a8a 100%); background-origin: border-box;
  background-clip: padding-box, border-box; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 2rem; padding: 10px; cursor: pointer;}
.service_tab li.current{ background-image:  linear-gradient(315deg, #f29700 0%, #3a2a8a 100%); color: #fff; font-weight: 800;}

.service_wrap{}
.service_wrap .tab-content{}
.service_wrap .service1_top{margin-bottom: 50px;}
.service_wrap .service1_top h4{font-size: 2.2rem; color: var(--main-color); margin-bottom: 20px; font-weight: 800;}
.service_wrap .service1_top p{font-size: 2rem; line-height: 1.5;}
.service_wrap .service1_top img{border: 1px solid #ccc;  display: block; margin: 30px auto 0; border-radius: 15px;}
.service1_features{display: flex; margin-bottom: 50px; justify-content: space-between;}
.service1_features li{font-size: 2.2rem; }
.service1_features li:nth-child(1){width: 30%; color: var(--main-color); font-weight: 800;}
.service1_features li:nth-child(2){width: 67%;}
.service1_features li .service1_txt{margin-bottom: 30px;}
.service1_features li .service1_txt h5{font-size: 2rem;}
.service1_features li .service1_txt p{font-size: 1.8rem; line-height: 1.5;}
.service1_features li span{font-size:1.8rem ; color: #111; font-weight: 500; line-height: 1.2; display: block; margin-top: 10px;}
.service1_features li .service1_pro_img{margin-top: 20px;}

/*PATENTS*/
.patents{margin-top: 50px;}
.patents h4{ font-size: 2.4rem;}
.patents .table_wrap{margin: 20px 0 50px;}
.patents .table_wrap tr td{text-align: center;}









/*******************************반응형*************************************/
@media (max-width: 1770px) {  
    .sub_inner{width: 90%;}

    
  
  }

  @media (max-width: 1540px) {  
    .depth_wrap{width: 95%;}
    .sub_scroll{right: 80px;}
    .sub_top_list{width: 90%;}

    /*tech1*/
    .tech_scroll .tech_scroll_img.active_right{width: 36%;}
    .tech_scroll .tech_scroll_img.active_left{width: 36%;}

   /*company*/
   .company_top1::before{left: -75px;}

  }


  @media (max-width: 1380px) {  

    .sub_visual_txt h2{font-size: 6rem;}
    .sub_top_list{top: 55%;}
    .sub_scroll{bottom: 50px; width: 80px; height: 80px;}
    .sub_scroll img{width: 120px; height: 120px;}
    .sub_tit{font-size: 5rem;}

    /*tech1*/
    .tech_list li p{margin-bottom: 80px;}
    .tech_list li .tech_sub_list>div a{padding: 25px 10px;}
    .tech_wrap> h2{font-size: 3.2rem;}

    /*company*/
    .company_top1 p{padding-left: 250px;}
    .com1_bot_list li:nth-child(1)::before, .com1_bot_list li:nth-child(2)::before, .com1_bot_list li:nth-child(3)::before{width: 130px; height: 130px;}

    .service1_features li .service1_pro_img img{width: 100%;}
  }

  @media (max-width: 1280px) {  
 
  /*sub_top*/
  .sub_visual_txt h2{font-size: 5rem;}
  .sub_tit{font-size: 4rem;}
  .visual_menu_wrap{overflow-x: auto;}
    
  /*tech1*/
  .tech_list li p br{display: none;}
  .tech_scroll_flex .tech_scroll_right .tech_scroll_txt h4{font-size: 2.2rem;}
  .tech_flex3 li h5{font-size: 2rem;}

  /*company*/
  .company_top1 p{font-size: 1.8rem;}
  .company_top1 p br{display: none;}
  .com_sub_tit{font-size: 3.4rem;}
  .com_flex2 li p{font-size: 1.8rem;}
  .com_flex2 li p br{display: none;}
  .com1_bot_list li:nth-child(1)::before, .com1_bot_list li:nth-child(2)::before, .com1_bot_list li:nth-child(3)::before{width: 120px; height: 120px;}
  .com1_bot_txt{font-size: 2.2rem;}
  .com_flex2 li img{width: 100%;}
  .com_flex2 li:last-child{width: 65%;}

  /*SERVICE*/
  .service_wrap .service1_top h4{font-size: 2rem;}
  .service_tab li{font-size: 1.8rem;}
  .service1_features li{font-size: 2rem;}
  .service1_features li .service1_txt h5{font-size: 1.8rem;}
  .service_wrap .service1_top img{width: 100%;}

  }

  @media (max-width: 1080px) {  

      /*sub_top*/
  .sub_visual_txt h2{font-size: 4.2rem;}
  .sub_tit {font-size: 3.5rem;}
  .visual_menu_wrap .com_depth li a{font-size: 1.8rem;}
  .visual_menu_wrap .com_depth li{padding: 0 20px;}
  .depth_wrap{ padding-left: 30px;}
  .sub_top_list{top: 63%;}

    /*tech1*/
    .tech_list{flex-direction: column;}
    .tech_list li:nth-child(1){width: 50%; margin-bottom: 30px;}
    .tech_list li:nth-child(2){width: 100%;}
    .tech_list li p{margin-bottom: 50px;}
    .tech_list_bot b{font-size: 2.2rem;}
    .tech_long_img img{width: 100%;}
    .tech_scroll_flex{margin: 100px 0;}
    .tech_wrap> h2{font-size: 2.8rem;}
    .tech6{gap: 0 20px;}
    .tech6 li{width: calc(100% / 3 - 20px);}
    .tech6 li p{font-size: 1.8rem;}
    .tech6_num li>div:nth-child(1)::after, .tech6_num li>div:nth-child(2)::after, .tech6_num li>div:nth-child(3)::after{font-size: 5rem;}
    .tech6 li{background-color: transparent;}
    .tech6 li::before{opacity: 1;}
    .tech6 li p{color: #fff;}
    .tech_flex3 li h5{color: #fff;}
    .tech4 li h5{color: #000;}


    /*company*/
    .company_top1 p{padding-left: 150px; margin: 50px 0;}
    .com_sub_tit{font-size: 3rem;}
    .com1_bot_top p{font-size: 1.8rem;}
    .com1_bot_list li h4{font-size: 2rem;}
    .com1_bot_list li{padding: 50px 20px;}
    .com_wrap{margin: 100px 0;}
    .com1_bot_list li{background-color: var(--main-color);}
    .com1_bot_list li h4{color: #fff;}
    .com1_bot_list li p{color: #fff;}
    .com1_bot_list li p{font-size: 1.8rem;}
    .com1_bot_txt{font-size: 2rem;}
    .com1_bot_txt br{display: none;}
    .company_top1::before{left: -50px;}
    .com3_flex li div{font-size: 1.8rem;}
    .company4 .com4_flex li{width: calc(100% / 3 - 20px ); margin: 0 20px;}
    .company4 .com4_flex li div{width: 90%; height: auto;}
    .company4 .com4_flex li.com4_none div{height: 360px;}
    .company4_top .company_top1 p{transform: translateY(0);}

    /*ACHIEVEMENT*/
    .achievement li .achievement_right h4{font-size: 2rem;}
    .achievement li .achievement_right p{font-size: 1.8rem;}
    .achievement li .achievement_right p::before{width: 4px; height: 4px; top: 13px;}

    /*PATENTS*/
    .patents h4{font-size: 2.2rem;}


  }


  @media (max-width: 800px) {  
  /*sub_top*/
  /* .sub_visual_box{height: 450px;} */
  .sub_visual_txt h2{font-size: 36px;}
  .visual_menu_wrap{width: 100%; left: 0; height: 80px;}

  /* .visual_menu_wrap .com_depth{top: 80px;} */
  .sub_tit {font-size: 3rem; margin: 50px 0;}
  .visual_menu_wrap{ transform: translate(0px, 0px);}
  /* .sub_page_visual::before{content: ""; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(3px);position: absolute;left: 0;top: 0 }
  .sub_page_visual{background-position: center;} */
  .sub_bottom{margin-bottom: 80px;}
  .sub_scroll{width: 60px; height: 60px; right: 40px;}
  .sub_scroll i{font-size: 2rem;}
  .sub_scroll img{width: 90px; height: 90px;}
  .sub_top_list{top: 65%;}
  .sub_img{margin: 100px 0;}
  .visual_menu_wrap .com_depth li{padding: 0 15px;}

    /*tech1*/
    .technology::before{width: 90%;}
    .tech_list li:nth-child(1){width: 80%;}
    .tech_list li p{font-size: 1.8rem;}
    .tech_list_bot b{font-size: 2rem;}
    .tech_list_bot p{font-size: 1.8rem;}
    .tech_scroll_flex{flex-direction: column;}
    .tech_scroll_flex .tech_scroll_img{width: 100%; margin: 0 auto;}
    .tech_scroll_flex .tech_scroll_right{width: 100%; }
    .tech_scroll_flex .tech_scroll_right .tech_scroll_txt h4{font-size: 2rem;}
    .order .tech_scroll_img{order: 2;}
    .tech_scroll_flex{margin: 50px 0;}
    .tech_scroll .tech_scroll_img.active_right{position: inherit; width: 100%;}
    .tech_long_txt{font-size: 1.8rem;}
    .tech_scroll .tech_scroll_img.active_left{position: inherit; width: 100%;}
    .tech_scroll .tech_scroll_right.active_left{left: 0;}
    .tech_wrap_box h4{font-size: 2.2rem;}
    .tech_wrap_box p{font-size: 1.8rem;}
    .tech_flex3 li{width:calc(100% / 2 - 10px) ;}
    .tech_flex3 li h5{font-size: 1.8rem;}
    .table_wrap table tr th{font-size: 1.6rem;}
    .table_wrap table tr td{font-size: 1.6rem;}
    .tech_wrap >h2.tech_center{text-align: left;}
    .tech_wrap> h2{font-size: 2.2rem;}
    .tech6{gap: 20px; margin-top: 30px;}
    .tech_wrap >p.tech_center{text-align: left; font-size: 1.8rem;}

    /*company*/
    .company_top1::before{width: 90%; left: 0;}
    .company_top1 p{padding-left: 100px;}
    .com_flex2{flex-direction: column;}
    .com_flex2 li:first-child{width: 100%;}
    .com_sub_tit{font-size: 2.5rem;}
    .com_flex2 li:last-child{width: 100%; margin-top: 30px;}
    .com_flex2 li p{font-size: 1.8rem; }
    .com1_wrap{padding: 80px 0;}
    .com_sub_tit_cen{text-align: left;}
    .com1_bot_top p{font-size: 1.8rem; margin: 30px 0; text-align: left;}
    .com1_bot_list li:nth-child(1)::before, .com1_bot_list li:nth-child(2)::before, .com1_bot_list li:nth-child(3)::before{width: 90px; height: 90px;}
    .com1_bot_txt{font-size: 1.8rem;}
    .com1_bot_top p span{font-size: 2rem;}
    .com3_flex{flex-direction: column;}
    .com3_flex li{width: 100%;}
    .com3_flex li:first-child::after{display: none;}
    .company4 h3{font-size: 2.2rem;}
    .company4 .com4_flex li div{width: 100%;}
    .company4 .com4_flex li span{font-size: 1.8rem;}
    .company4 .com4_flex li.com4_none div{height: 285px;}
    .com_flex2_img{text-align: center;}
    .com_flex2  .com_flex2_img img{width: 50%;}
    .com6_list2 li:first-child{order: 2;}
    .com6_list2 li:last-child{order: 1;}

    /*ACHIEVEMENT*/
    .achievement li{flex-direction: column;}
    .achievement li .achievement_left{width: 100%;}
    .achievement li .achievement_right{width: 100%;}
    .achievement li:nth-child(even) .achievement_right{order: 2;}
    .achievement li:nth-child(even) .achievement_left{order: 1;}
    .achievement li>div{margin: 20px 0;}

    /*PATENTS*/
    .patents h4{font-size: 2rem;}
    .patents .table_wrap tr td img{width: 100%;}

    /*SERVICE*/
    .service_tab li{font-size: 1.7rem;}
    .service_wrap .service1_top p{font-size: 1.7rem;}
    .service1_features li{font-size: 1.8rem;}
    .service1_features{flex-direction: column; margin-bottom: 30px;}
    .service1_features li:nth-child(1){width: 100%; margin-bottom: 20px;}
    .service1_features li:nth-child(2){width: 100%;}



  }

  @media (max-width: 650px) {  
   /*sub_top*/
   .sub_visual_txt h2{font-size: 30px;}
   .depth_wrap .depth_name{font-size: 18px;}
   .depth_wrap > div .depth_name i{font-size: 23px;}
   .sub_tit{font-size: 2.5rem; margin: 50px 0 20px;}
   .sub_tit br{display: none;}
   .visual_menu_wrap .com_depth li a{font-size: 1.6rem;}
   .sub_visual_box{height: 300px;}
   .sub_img{height: 300px;}
   .sub_top_list{top: 60%;}

    /*tech1*/
    .tech_list li:nth-child(1){width: 90%;}
    .tech_list li .tech_sub_list{gap: 20px 10px;}
    .tech_list li .tech_sub_list>div{width: calc(100% / 2 - 10px);}
    .tech_list li .tech_sub_list>div a h3{font-size: 1.6rem;}
    .tech_list li .tech_sub_list>div a{justify-content: center;}
    .tech_list_bot{margin-top: 50px;}
    .tech_scroll_flex .tech_scroll_right .tech_scroll_txt h4{font-size: 1.8rem;}
    .tech_scroll_flex .tech_scroll_right .tech_scroll_txt p{font-size: 1.6rem;}
    .tech_wrap_box h4{font-size: 2rem;}
    .tech_wrap_box p{font-size: 1.6rem;}
    .table_wrap table tr th{padding: 10px;}
    .table_wrap table tr td{padding: 10px;}
    .tech_wrap> h2{font-size: 2rem;}
    .tech6 li p{font-size: 1.6rem;}
    .tech6 li{padding: 50px 20px;}
    .tech_wrap >p.tech_center{font-size: 1.6rem;}
    .tech6_num li>div:nth-child(1)::after, .tech6_num li>div:nth-child(2)::after, .tech6_num li>div:nth-child(3)::after{font-size: 3.5rem;}
    .tech_flex3 li h5{font-size: 1.7rem; margin-bottom: 20px;}
 .tech4 li h5{margin-bottom: 0;}

    /*company*/

    .company_top1 p{font-size: 1.6rem; padding-left: 0; margin: 30px 0;}
    .com_wrap{margin: 50px 0;}
    .com_sub_tit{font-size: 2rem;}
    .com_flex2 li p{font-size: 1.6rem;}
    .com1_bot_top p{font-size: 1.6rem;}
    .com_sub_tit{font-size: 1.8rem;}
    .com1_bot_list{flex-wrap: wrap;gap: 20px 0;}
    .com1_bot_list li{width: 100%; min-height: 250px;}
    .com1_bot_list li:nth-child(2){transform: translateY(0);}
    .com1_bot_txt{margin-top: 50px;}
    .com_flex2 li .com_2_box h3{font-size: 1.8rem;}
    .com1_bot_top p span{font-size: 1.8rem;}
    .com3_flex{margin-top: 50px;}
    .company4 h3{font-size: 2rem;}
    .company4 .com4_flex{flex-direction: column;}
    .company4 .com4_flex li{width: 80%; margin: 20px auto;}
    .company4 .com4_flex li div{width: 50%;}

    /*ACHIEVEMENT*/
    .achievement li .achievement_right h4{font-size: 1.8rem; margin-bottom: 20px;}
    .achievement li .achievement_right p{font-size: 1.6rem;}
    .achievement li{margin-bottom: 30px;}

    /*PATENTS*/
    .patents h4{font-size: 1.8rem;}

    /*SERVICE*/
    .service_wrap .service1_top h4{font-size: 1.8rem;}
    .service_tab{flex-wrap: wrap; gap: 10px; justify-content: space-between;}
    .service_tab li{width:calc(100% / 2 - 5px) ;}





  }

  @media (max-width: 480px) {  
  /*sub_top*/
  .sub_visual_txt h2{font-size: 24px;}
  .depth_wrap .depth_name{font-size: 16px;}
  .sub_tit{font-size: 2rem;}
  .depth_wrap > div.home_btn{display: none;}
  .sub_img{margin: 80px 0;}
  .sub_top_list ul li h2{font-size: 1.6rem;}
  .sub_top_list ul li{padding: 0 15px;}
  .sub_top_list ul li:first-child{display: none;}
  .sub_top_list ul li:first-child::after{display: none;}
  .sub_top_list ul li:nth-child(2){padding-left: 0;}


  
  /*tech1*/
  .tech_list li p{font-size: 1.6rem;}
  .tech_list_bot b{font-size: 1.8rem;}
  .tech_list_bot p{font-size: 1.6rem;}
  .tech_list{margin-top: 30px;}
  .tech_scroll_flex .tech_scroll_right .tech_scroll_txt h4{font-size: 1.7rem;}
 .tech_long_txt{font-size: 1.6rem;}
 .tech_wrap{margin: 50px 0;}
 .tech_wrap_box h4{font-size: 1.7rem;}
 .tech_wrap_box p{font-size: 1.6rem;}
 .tech_flex3 li h5{font-size: 1.6rem;}
 .tech4 li{display: flex; align-items: center; justify-content: center;}
 .tech_wrap> h2{font-size: 1.7rem;}
 .tech_flex3 li{width: 100%;}
 .tech6_num li>div:nth-child(1)::after, .tech6_num li>div:nth-child(2)::after, .tech6_num li>div:nth-child(3)::after{bottom: 20px;}

  /*company*/
 .com_flex2 li .com_2_box h3{font-size: 1.6rem;}
 .com1_wrap{padding: 50px 0;}
 .com1_bot_top p br{display: none;}
 .com1_bot_list li p{font-size: 1.6rem;}
 .com1_bot_list li h4{font-size: 1.8rem;}
 .com1_bot_txt{font-size: 1.6rem;}
 .com1_bot_top p span{font-size: 1.6rem;}
 .com3_flex li div{font-size: 1.6rem; margin-bottom: 20px;}
 .company4 .com4_flex li{width: 100%;}
 .company4 .com4_flex li div{width: 70%;}
 .company4_list2{margin-top: 50px;}
 .com_flex2 .com_flex2_img img{width: 100%;}

  /*ACHIEVEMENT*/
 .achievement li .achievement_right h4{font-size: 1.7rem;}

  /*SERVICE*/
  .service_wrap .service1_top h4{font-size: 1.7rem; margin-bottom: 10px;}
  .service_wrap .service1_top p{font-size: 1.6rem;}
  .service1_features li{font-size: 1.7rem;}
  .service1_features li .service1_txt h5{font-size: 1.7rem;}
  .service1_features li .service1_txt p{font-size: 1.6rem;}


  
  }

  @media (max-width: 450px) {  
 /*sub_top*/
 .sub_visual_txt h2{font-size: 28px;}
 .depth_wrap .depth_name{font-size: 14px;}
 .sub_tit{font-size: 1.8rem;}
 .sub_scroll{display: none;}
 .depth_wrap{padding-left: 20px;}
  



  }