/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 670px; overflow: hidden; position: relative; } 
.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%; padding-left: 30px;} 
.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 { padding: 0 30px; position: relative; cursor: pointer; width: 330px;} 
.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%);}


.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: 90%; background-color: #fff; height: 100px;  z-index: 99; display: flex; align-items: center; position: absolute; left: 10%; bottom: -1px;} 
.visual_menu_wrap.fixed{position: fixed; top: 81px;}
.visual_menu_wrap .com_depth { position: absolute; background: #f6f6f6; padding: 10px 20px; width: 97%; left: 50%; transform: translateX(-50%); top: 100px; z-index: 10; } 
.visual_menu_wrap .com_depth li:hover a{color: var(--main-color); font-weight: 600;}
.visual_menu_wrap .com_depth li.on a{color: var(--main-color);}
.visual_menu_wrap .com_depth li a.on{color: var(--main-color); }
.visual_menu_wrap .com_depth li a {padding: 15px 0; font-size: 16px; display: block; width: 100%; height: 100%; color: #444; } 
.visual_menu_wrap .com_depth li.on a{text-decoration: underline; text-underline-offset: 5px;}
.visual_menu_wrap .com_depth.sub_depth2{background-color:var(--main-color) ;}
.visual_menu_wrap .com_depth.sub_depth2 li a{color: #fff;}
.depth_wrap > div.depth2 i{ color: #111;}
.visual_menu_wrap .com_depth.sub_depth2 li a i{display: none;}

.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: 17%; left: 50%; transform: translate(-50%,-50%); z-index: 10;   width: 90%; max-width: 1530px; } 
    .sub_visual_txt h2 { font-size: 72px;  font-weight: 600; color: #fff;  } 
/* top menu */
   .top_menu .mobile_sub_menu { display: none; } 
   
/*sub공통*/
   .sub_inner{max-width: 1630px; margin:0 auto ; width: 100%;}
   .sub_tit{ text-align: center; color: #111;  font-weight: 500;margin-bottom: 80px; padding-top: 150px;}
   .sub_tit span{margin-bottom: 30px; font-size: 60px; display: block;}
   .sub_tit i{color: var(--sub-color); font-size: 30px;height: 12px; display: block; animation: sub_point 0.8s infinite ease-in-out alternate ;}

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


/*인사말*/

.company1{ margin-bottom: 200px;}
.company1 ul{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 80%; margin: 0 auto;}
.company1 ul .com1_img{width: 35%;}
.company1 ul .com1_img img{border: 1px solid #ccc;}
.company1 ul .com1_txt{width: 62%;}
.company1 ul .com1_txt h3{ color: #ec1c24; font-size: 48px; margin: 20px 0 50px;}
.company1 ul .com1_txt h4{font-size: 38px;}
.company1 ul .com1_txt h5{font-size: 26px; text-align: right; margin-top: 50px;}
.company1 ul .com1_txt p{ font-size: 20px; margin-bottom: 20px; line-height: 1.5;}


/*방침및 목표*/
.company2{}
.company2 .com2_wrap{margin-bottom: 100px;}
.company2 .com2_wrap h2{font-size: 48px; color: #102a49;margin-bottom: 30px;}
.company2 .com2_wrap1 h2{margin-bottom: 80px;}
.company2 .com2_wrap .com2_txt{border: 1px solid #c2c2c2; padding:0 50px 50px; }
.company2 .com2_wrap1 .com2_txt{margin-bottom: 50px;}
.company2 .com2_wrap .com2_txt h3{font-size: 28px; background-color: #fff; margin-bottom: 30px; display: inline-block; transform: translateY(-15px); padding: 0 30px; border-left: 2px solid var(--main-color); border-right: 2px solid var(--main-color);}
.company2 .com2_wrap .com2_txt p{font-size: 24px; line-height: 1.5; margin-bottom: 20px; font-weight: 600;}
.company2 .com2_wrap .com2_txt span{display: block; font-size: 22px; line-height: 1.5; margin-bottom: 20px;}
.company2 .com2_wrap .com2_txt .com2_bot_txt{color: #004096; font-size: 26px;  margin-top: 50px; font-weight: 600;}
.company2 .com2_wrap .com2_txt .com2_bot_txt span{font-size: 22px; display: block; color: #111; margin-top: 10px; }
.company2 .com2_wrap .com2_txt .com2_bot_txt h5{font-size: 24px; color: #111; text-align: right; margin-top: 40px;}
.company2 .com2_wrap2 .com2_txt{padding: 50px;}

/*회사개요*/
.company4{position: relative; height: 1000px;}
.company4 .com4_img{}
.company4 .com4_img img{}
.company4 .com4_txt{position: absolute;width: 50%; right: 0; bottom: 150px; background-color: #f7f7f7; padding: 50px;}
.company4 .com4_txt> div{display: flex; margin-bottom: 15px;}
.company4 .com4_txt h3{font-size: 20px;  margin-right: 50px ;padding: 0 30px; width: 30%;}
.company4 .com4_txt  p{font-size: 18px; line-height: 1.8;}




/*오시는길*/
.company6 .sub_inner{max-width: 1400px;}
.location{margin-bottom: 150px;}
.location .map_info {margin-top: 3%;}
.location .map-wrap {display:-ms-flexbox; display:flex; -ms-flex-direction:column-reverse; flex-direction:column-reverse; position:relative}
.location .map-area {height:32.5rem}
.location-info {width:100%; height:auto; background:linear-gradient(45deg, #ec1c24, #ff5048);; color:#fff; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; margin-bottom:1rem; padding:20px 24px; box-shadow:0 40px 30px #0000001A}
.location .map-wrap .location-info h4 {font-size:33px;line-height:1.444}
.location .map-wrap .location-info h4 span{font-family: var(--font-play); font-size: 22px; display: block;}
.location .map-wrap .location-info h4 br {display: none;}
.location-info span{font-size: 15px;}
.location-dsc dl+dl {margin-top: 1.875rem}
.location-dsc dl dt {margin-bottom: .5rem; font-size: 20px;}
.location-dsc dl dd{font-size: 18px;}
/* .location .location-dsc {margin-top: 5%;} */

@media (min-width: 900px) {
    .location .map-wrap .location-info {position: absolute; width: 17rem; height: 17rem; left: 4rem; bottom: -9.375rem; padding: 2.5rem 1.875rem; border-radius: 0 40px; z-index: 10;}
    .location .map-wrap .location-info h4 {margin-top: auto; font-size: 2.25rem}
    .location .map-wrap .location-info h4 br {display: block;}
    .location .location-dsc {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width: 58.333333%; margin-left:auto; font-size: 1.125rem}
    
    body.eng .location .map-wrap .location-info h4 {letter-spacing: -3px}
}
/*.location-dsc {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width: 58.333333%;margin-left:auto}*/
.location-dsc dl{display:-ms-flexbox; display:flex; font-weight: 800;}
.location-dsc dl dt{flex:0 0 15%;margin-bottom:0;font-weight: 800;}





/*제품-피더사업부*/
.product{}
.product .pro1_top{margin-bottom: 100px;}
.product .pro1_top p{font-size: 22px; text-align: center; line-height: 1.8;}
.product .pro1_top p i{display: block;}

.product .pro_cate1{margin-bottom: 120px;}
.product .pro_cate1 .pro_tit{font-size: 36px; margin-bottom: 50px; font-weight: 500;}
.product .pro_cate1 .pro_slide{}
.product .pro_cate1 .pro_slide .swiper-slide{border: 1px solid #ccc; width: 100% !important;}
.product .pro_cate1 .pro_slide .swiper-slide img{width: 100%;}
.product .pro_cate1 .pro_slide .swiper-button-next{color: var(--main-color); right: 40px;}
.product .pro_cate1 .pro_slide .swiper-button-prev{color: var(--main-color); left: 40px;}

.product .pro_cate1 .pro_table{margin-top: 70px;}
.product .pro_cate1 .pro_table h4{font-size: 26px; margin-bottom: 30px;}
.product .pro_cate1 .pro_table .pro_tab_wrap{overflow-x: auto; margin-bottom: 70px;}
.product .pro_cate1 .pro_table .pro_tab_wrap table{border-top:2px solid #3c3c3c; width: 100%; border-collapse: collapse; min-width: 700px;}
.product .pro_cate1 .pro_table .pro_tab_wrap table tr td{padding: 22px; font-size: 20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center;}
.product .pro_cate1 .pro_table .pro_tab_wrap table tr td:last-child{border-right: 0;}


/*제품-컨트롤러*/
.pro_txt_box{border-bottom: 1px solid #ccc; margin-bottom: 50px; padding-bottom: 50px;}
.pro_txt_box:last-child{border-bottom: 0;}
.pro_txt_box h3{font-size: 24px; padding-left: 20px; position: relative;margin-bottom: 15px;line-height: 1.5;}
.pro_txt_box h3::before{content: ""; width: 7px; height: 7px; background-color: var(--main-color); position: absolute; left: 0 ; top: 10px;}
.pro_txt_box h3 i{display: block;}
.pro_txt_box p{font-size: 20px; padding-left: 20px; line-height: 1.5;}
.pro_txt_box p i{display: block;}



/*esg*/
.esg01_top{background:url(../img/esg01_bg.jpg) no-repeat; width: 100%; height: 600px; padding: 200px 0; color: #fff; background-size: cover;}
.esg_top h3{font-size: 48px; font-family: var(--font-play); margin-bottom: 20px;}
.esg_top p{font-size: 24px; line-height: 1.5;}
.esg_top p i{display: block;}
.esg01_list{margin: 110px 0 ;}
.esg_tit{font-size: 48px; margin-bottom: 80px;}
.esg01_mid{margin-bottom: 100px;}
.esg01_mid_list{display: flex; flex-wrap: wrap; margin-top: 30px;}
.esg01_mid_list li{width:calc(100% / 3 - 40px); margin: 0 20px; border: 1px solid #e0e0e0; padding: 50px 25px; display: flex; align-items: center; justify-content: space-between;}
.esg01_mid_list li.blue1{border-top: 3px solid #6dc8e7;}
.esg01_mid_list li.blue1 .esg01_mid_list_right h4{color: #6dc8e7;}
.esg01_mid_list li.blue2{border-top: 3px solid #3e84bc;}
.esg01_mid_list li.blue2 .esg01_mid_list_right h4{color: #3e84bc;}
.esg01_mid_list li.blue3{border-top: 3px solid #1d4b99;}
.esg01_mid_list li.blue3 .esg01_mid_list_right h4{color: #1d4b99;}
.esg01_mid_list li .esg01_mid_list_left{width: 25%;}
/* .esg01_mid_list li .esg01_mid_list_left img{width: 100%;} */
.esg01_mid_list li .esg01_mid_list_right{width: 68%;}
.esg01_mid_list li .esg01_mid_list_right h4{font-size: 24px; margin-bottom: 20px;}
.esg01_mid_list li .esg01_mid_list_right span{display: block; position: relative; font-size: 20px; color: #808080; line-height: 1.8; padding-left: 15px;}
.esg01_mid_list li .esg01_mid_list_right span::before{content: ""; width: 3px; height: 3px; background-color: #808080; position: absolute; left: 0; top: 16px; border-radius: 50%;}
.esg_left span{font-size: 30px; display: inline-block;    transform: translateX(-25px); font-weight: 600;}
.esg_left i{font-size: 30px; color: var(--sub-color);}
.esg_left i:nth-child(2){ transform: translateX(-20px);}
.esg_left em{font-style: normal; display: block;}

.esg02_top{background:url(../img/esg02_bg.jpg) no-repeat; width: 100%; height: 600px; padding: 200px 0; color: #fff; background-size: cover;}



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

  /*인사말*/
  .company1 ul{width: 100%;}

  /*회사개요*/
  .company4{height: 1200px;}
  .company4 .com4_txt{width: 70%; bottom: 150px;}

   /*esg*/
   .esg01_list .sub_inner{width: 90%;}
   .esg_left em{display: inline;}
}


@media (max-width: 1380px) {  
  /*인사말*/
  .company1 ul .com1_txt h4{font-size: 34px;}
  .company1 ul .com1_txt h3{font-size: 42px;}

  /*방침,목표*/
  .company2 .com2_wrap h2{font-size: 42px;}
   
  /*회사개요*/
  .company4 .com4_txt{width: 80%;}

 /*esg*/
   .esg_top h3{font-size: 42px;}
   .esg_tit{font-size: 42px;}
   .esg_left span{font-size: 26px;}
}


@media (max-width: 1280px) {  
 
  /*sub_top*/
  .sub_visual_txt h2{font-size: 62px;}
  .sub_tit span{font-size: 50px;}

 /*인사말*/
  .company1 ul .com1_txt h4{font-size: 30px;}
  .company1 ul .com1_txt h3{font-size: 36px;}
  .company1 ul .com1_img img{width: 100%;}

 /*방침,목표*/
 .company2 .com2_wrap h2{font-size: 38px;}

 /*제품-피더사업부*/
 .product .pro_cate1 .pro_tit{font-size: 34px;}
  /*esg*/
  .esg_top h3{font-size: 36px;}
  .esg_tit{font-size: 36px;}
  .esg01_mid_list li .esg01_mid_list_left img{width: 100%;}
  .esg01_mid_list li .esg01_mid_list_right h4{font-size: 22px;}
  .esg_left span{font-size: 26px;}
  .esg01_wrap li .esg_left{width: 30%;}
}

@media (max-width: 1080px) {  
  /*sub_top*/
  .sub_visual_txt h2{font-size: 52px;}
 .sub_tit{padding-top: 100px;}
 .sub_tit span{font-size: 45px;}
 .sub_visual_txt{width: 80%;}

 /*인사말*/
 .company1 ul .com1_txt h4{font-size: 26px;}
  .company1 ul .com1_txt h3{font-size: 32px;}
  .company1 ul .com1_txt h5{font-size: 24px;}

 /*방침,목표*/
 .company2 .com2_wrap h2{font-size: 34px;}
 .company2 .com2_wrap .com2_txt h3{font-size: 26px;}
 .company2 .com2_wrap .com2_txt p{font-size: 22px;}
 .company2 .com2_wrap .com2_txt span{font-size: 20px;}
 .company2 .com2_wrap .com2_txt .com2_bot_txt{font-size: 24px;}
 .company2 .com2_wrap .com2_txt .com2_bot_txt span{font-size: 20px;}

 /*회사개요*/
 .company4 .com4_txt{width: 90%; bottom: 100px;}
 .company4 .com4_img img{width: 100%;}

 /*제품-피더사업부*/
 .product .pro1_top p{font-size: 20px;}
 .product .pro_cate1 .pro_tit{font-size: 32px; margin-bottom: 30px;}
 .product .pro_cate1 .pro_slide .swiper-slide{height: 480px; display: flex;}
 .product .pro_cate1 .pro_slide .swiper-button-prev::after{font-size: 35px;}
 .product .pro_cate1 .pro_slide .swiper-button-next::after{font-size: 35px;}
 .pro_txt_box h3{font-size: 22px;}

 
  /*esg*/
  .esg01_top{    background-position: 50% 50%;}
  .esg02_top{    background-position: 50% 50%;}
  .esg_top h3{font-size: 32px;}
  .esg_top p{font-size: 22px; }
  .esg_top p i{display: inline;}
  .esg_tit{font-size: 32px;}
  .esg01_wrap li{flex-direction: column;}
  .esg01_wrap li .esg_left{width: 100%;margin-bottom: 20px;}
  .esg01_wrap li .esg_right{width: 100%;}
  .esg_left span{font-size: 24px;}
  .esg01_wrap li .esg_left{width: 100%;margin-bottom: 20px;}
  .esg01_wrap li .esg_right p{font-size: 22px;}
  .esg01_wrap li .esg_goal{text-align: center;} 
  .esg01_mid_list li{flex-direction: column; width:calc(100% / 3 - 20px); margin: 0 10px;}
  .esg01_mid_list li .esg01_mid_list_left{width: 40%; margin-bottom: 15px;}
  .esg01_mid_list li .esg01_mid_list_right{width: 100%; margin-left: 15px;}
  .esg01_mid_list li .esg01_mid_list_right h4{font-size: 20px;}
  .esg01_mid_list li .esg01_mid_list_right span{font-size: 18px;}
  .esg01_wrap{margin-bottom: 80px;}
}


@media (max-width: 800px) {  
  /*sub_top*/
  .sub_visual_box{height: 500px;}
  .sub_visual_txt{bottom: 40%; text-align: center;}
  .sub_visual_txt h2{font-size: 45px;}
  .visual_menu_wrap{width: 100%; left: 0; height: 80px;}
  .depth_wrap{justify-content: center; padding-left: 0;}
  .visual_menu_wrap .com_depth{top: 80px;}
  .sub_tit span{font-size: 36px;}
  .visual_menu_wrap{border-bottom: 1px solid #808080;}

 
 /*인사말*/
 .company1{margin-bottom: 100px;}
 .company1 ul{flex-direction: column;}
 .company1 ul .com1_img{width: 70%;}
 .company1 ul .com1_txt{width: 100%; margin-top: 50px;}
 .company1 ul .com1_txt h4{font-size: 24px;}
 .company1 ul .com1_txt h3{font-size: 28px;}
 .company1 ul .com1_txt h5{font-size: 22px;}

  /*방침,목표*/
  .company2 .com2_wrap h2{font-size: 30px;}
  .company2 .com2_wrap .com2_txt h3{font-size: 24px;}
  .company2 .com2_wrap .com2_txt p{font-size: 20px;}
  .company2 .com2_wrap .com2_txt span{font-size: 18px;}
  .company2 .com2_wrap{margin-bottom: 80px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt{font-size: 22px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt h5{font-size: 22px;}

  /*회사개요*/
  .company4{height: auto; margin-bottom: 100px;}
  .company4 .com4_txt{position: inherit; right: inherit; bottom: inherit; transform: translateY(-30px); margin: 0 auto; }
  .company4 .com4_txt h3{font-size: 18px; padding: 0;}

  /*제품-피더사업부*/
  .product .pro1_top p{font-size: 18px;}
  .product .pro_cate1 .pro_tit{font-size: 28px;}
  .product .pro_cate1 .pro_slide .swiper-slide{height: 450px;}
  .product .pro_cate1 .pro_table h4{font-size: 24px;}
  .product .pro_cate1 .pro_table .pro_tab_wrap table tr td{font-size: 18px; padding: 17px;}
  .pro_txt_box h3{font-size: 20px;}
  .pro_txt_box p{font-size: 18px;}


    /*esg*/
    .esg_top h3{font-size: 28px;}
    .esg01_top{padding: 130px 0; height: 450px;}
    .esg02_top{padding: 130px 0; height: 450px;}
    .esg_top p{font-size: 20px;}
    .esg_tit{font-size: 28px; margin-bottom: 50px;}
    .esg01_mid_list li{width: 100%; margin-bottom: 15px;}
    .esg01_mid_list li .esg01_mid_list_left{width: 100px; }
    .esg01_mid_list li .esg01_mid_list_right{text-align: center;}
    .esg01_mid_list li .esg01_mid_list_right span::before{display: none;}
    .esg01_mid_list li .esg01_mid_list_right span{padding-left: 0;}
    .esg_left span{font-size: 22px;}
    .esg_left i{font-size: 26px;}


}
@media (max-width: 650px) {  
   /*sub_top*/
  .sub_visual_txt h2{font-size: 35px;}
  .depth_wrap > div{width: 50%;}
  .depth_wrap .depth_name{font-size: 18px;}
  .depth_wrap > div .depth_name i{font-size: 23px;}
  .sub_tit{padding-top: 80px;}
  .sub_tit span{font-size: 32px;}


  /*인사말*/
  .company1 ul .com1_txt h4{font-size: 22px;}
  .company1 ul .com1_txt h3{font-size: 26px; margin: 20px 0 30px;}
  .company1 ul .com1_txt h5{font-size: 20px;}
  .company1 ul .com1_txt p{font-size: 18px;}

  /*방침,목표*/
  .company2 .com2_wrap h2{font-size: 26px;}
  .company2 .com2_wrap1 h2{margin-bottom: 50px;}
  .company2 .com2_wrap .com2_txt h3{font-size: 22px;}
  .company2 .com2_wrap .com2_txt p{font-size: 18px;}
  .company2 .com2_wrap .com2_txt{padding: 0 30px 30px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt{font-size: 20px; line-height: 1.5;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt span{font-size: 18px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt h5{font-size: 20px;}
  .company2 .com2_wrap2 .com2_txt{padding: 30px;}

  /*회사개요*/
  .company4 .com4_txt> div{flex-direction: column;}
  .company4 .com4_txt h3{width: 100%; margin-bottom: 10px; margin-right: 0;}

  /*제품-피더사업부*/
  .product .pro1_top p i{display: inline;}
  .product .pro1_top{margin-bottom: 50px;}
  .product .pro_cate1 .pro_tit{font-size: 24px;}
  .product .pro_cate1 .pro_slide .swiper-slide{height: 400px;}
  .product .pro_cate1 .pro_slide .swiper-button-next{right: 20px;}
  .product .pro_cate1 .pro_slide .swiper-button-prev{left: 20px;}
  .product .pro_cate1 .pro_slide .swiper-button-prev::after{font-size: 30px;}
  .product .pro_cate1 .pro_slide .swiper-button-next::after{font-size: 30px;}
  .product .pro_cate1{margin-bottom: 80px;}
  .product .pro_cate1 .pro_table h4{font-size: 22px;}
  .pro_txt_box h3::before{width: 6px; height: 6px;}
  .pro_txt_box{margin-bottom: 30px; padding-bottom: 30px;}
  .pro_txt_box h3{font-size: 18px;}
  .pro_txt_box p{font-size: 16px;}

 /*esg*/
 .esg_top h3{font-size: 26px;}
 .esg_top p{font-size: 18px;}
 .esg_tit{font-size: 26px;}
 .esg01_mid{margin-bottom: 50px;}

}
@media (max-width: 480px) {  
  /*sub_top*/
  .sub_visual_txt h2{font-size: 30px;}
  .depth_wrap .depth_name{font-size: 16px;}
  .sub_tit{margin-bottom: 50px;}
  .sub_tit span{font-size: 22px;}

  /*인사말*/
  .company1 ul .com1_img{width: 100%;}
  .company1 ul .com1_txt h4{font-size: 20px;}
  .company1 ul .com1_txt h3{font-size: 22px; margin: 20px 0 ;}
  .company1 ul .com1_txt h5{font-size: 18px;}
  .company1 ul .com1_txt p{font-size: 16px;}
  
  /*방침,목표*/
  .company2 .com2_wrap h2{font-size: 24px;}
  .company2 .com2_wrap .com2_txt h3{font-size: 18px; transform: translateY(-10px);}
  .company2 .com2_wrap .com2_txt p{font-size: 16px;}
  .company2 .com2_wrap .com2_txt span{font-size: 16px; margin-bottom: 15px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt{font-size: 18px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt span{font-size: 16px;}
  .company2 .com2_wrap .com2_txt .com2_bot_txt h5{font-size: 18px;}

  /*회사개요*/
  .company4 .com4_txt p{font-size: 16px;}
  .company4 .com4_txt{padding: 50px 20px;}


  /*오시는길*/
  .location .map-wrap .location-info h4 span{font-size: 20px;}
  .location .map-wrap .location-info h4{font-size: 22px;}
  .location-dsc dl dd{font-size: 16px;}
  .location-dsc dl dt{font-size: 17px; flex: 0 0 20%;}

  /*제품-피더사업부*/
  .product .pro1_top p{font-size: 16px;}
  .product .pro_cate1 .pro_tit{font-size: 18px;}
  .product .pro_cate1 .pro_slide .swiper-slide{height: 250px;}
  .product .pro_cate1 .pro_table h4{font-size: 18px;}
  .product .pro_cate1 .pro_table .pro_tab_wrap table tr td{padding: 15px; font-size: 16px;}
  .pro_txt_box h3 i{display: inline;}

 /*esg*/
 .esg_top h3{font-size: 22px;}
 .esg_top p{font-size: 16px;}
 .esg01_list{margin: 80px 0;}
 .esg_tit{font-size: 22px;}
 .esg_left span{font-size: 18px;}
 .esg_left i{font-size: 24px;}
 .esg01_wrap li .esg_right p{font-size: 16px;}
 .esg01_wrap li{margin-bottom: 50px;}
 .esg01_mid_list li .esg01_mid_list_right h4{font-size: 18px;}
 .esg01_mid_list li .esg01_mid_list_right span{font-size: 16px;}
 .esg01_mid_list li{padding: 30px 25px;}
 .esg01_mid_list li .esg01_mid_list_left{width: 80px;}


}

@media (max-width: 400px) {  
 
 /*sub_top*/
 .sub_visual_txt h2{font-size: 28px;}
 .depth_wrap > div{padding: 0 20px;}
 .depth_wrap .depth_name{font-size: 14px;}

/*방침,목표*/
.company2 .com2_wrap h2{font-size: 20px;}
/*회사개요*/
.company4 .com4_txt h3{font-size: 16px;}
.company4 .com4_txt p{font-size: 15px;}
  /*제품-피더사업부*/
.product .pro_cate1 .pro_slide .swiper-button-next{right: 10px;}
.product .pro_cate1 .pro_slide .swiper-button-prev{left: 10px;}
.product .pro_cate1 .pro_table .pro_tab_wrap table tr td{padding: 10px; font-size: 14px;}

   /*오시는길*/
 .location-dsc dl dt{    flex: 0 0 30%; }


}