/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 630px; 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_top_list{position: absolute; right: 270px; bottom: 10%; z-index: 10;}
.sub_top_list ul{display: flex;}
.sub_top_list ul li{padding: 0 30px; position: relative; opacity: 0.8;}
.sub_top_list ul li img{}
.sub_top_list ul li h2{font-size: 2rem; font-weight: 400; color: #fff;}
.sub_top_list ul li::after{content: ""; background: url(../img/sub_arrow.png) no-repeat;width: 15px; height: 15px; position: absolute;right: -5px; top: 5px; display: inline-block;}
.sub_top_list ul li:last-child::after{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_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; top: 48%; left: 50%;  z-index: 10;   width: 90%; max-width: 1380px;transform: translate(-50%, -50%); } 
    .sub_visual_txt p{font-size: 2.6rem; color: #f9f9f9; opacity: 0.5; font-weight: 600;}
    .sub_visual_txt h2 { font-size: 10rem;  font-weight: 600; color: #fff;  } 


/*공통*/
.sub_tit{font-size: 5rem; margin: 120px 0 80px; text-align: center;}
.sub_inner{max-width: 1380px; margin: 0 auto;}
.sub_bottom{margin-bottom: 200px;}
.flex{display: flex;}
.flex2 li{ width: calc(100% / 2 );}
.flex3 li{ width: calc(100% / 3 );}
.flex4 li{ width: calc(100% / 4 );}
.flex5 li{ width: calc(100% / 5 );}
.flex6 li{ width: calc(100% / 6 );}

.flex li{margin-right: 10px;}
.flex li:last-child{margin-right: 0;}
.flex.wrap{flex-wrap: wrap;}
.flex li img{width: 100%; border-radius: 10px;}

.margin_top30{margin-top: 30px;}


/*인사말*/
.greetings_top{display: flex; justify-content: space-between; position: relative; padding-bottom: 250px;}
.greetings_top::before{content: ""; width: 100%; height: 100%; background: url(../img/greetings_top.png) no-repeat; position: absolute; bottom: -160px; left: 50%; transform: translateX(-50%); z-index: -1;}
.greetings_top li{width: 350px; height: 350px;  display: flex; align-items: center; justify-content: center;}

.greetings_top li h3{font-size: 4.2rem; color: #fff; text-align: center; line-height: 1;}
.greetings_top .greetings_circle1{background: url(../img/greetings_circle1.png) no-repeat;  background-position: 50% 50%; transform: translateY(100px);}
.greetings_top .greetings_circle2{background: url(../img/greetings_circle2.png) no-repeat;  background-position: 50% 50%;}
.greetings_top .greetings_circle3{background: url(../img/greetings_circle3.png) no-repeat;  background-position: 50% 50%; transform: translateY(100px);}


.greetings_bot{display: flex; justify-content: space-between;}
.greetings_bot .greetings_left{width: 20%; position: relative;}
.greetings_bot .greetings_left::after{content: "Greeting"; font-size: 15rem; color: #f7f7f7; position: absolute; left: 0; bottom: 25px; font-weight: 900; letter-spacing: -3px;}
.greetings_bot .greetings_left h2{font-size: 3.2rem; font-weight: 400; line-height: 1.5;}
.greetings_bot .greetings_left h2 span{font-weight: 700;}
.greetings_bot .greetings_right{width: 62%;}
.greetings_bot .greetings_right >div{font-size: 2rem; margin-bottom:45px; line-height: 1.8; text-align: right;}
.greetings_bot .greetings_right >div.sign{margin-bottom: 0;}
.greetings_bot .greetings_right >div.sign span{font-size: 1.8rem;}
.greetings_bot .greetings_right >div.sign h4{font-size: 2.2rem; }



 /*오시는길*/
 .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:50rem}
 .location-info {width:100%; height:auto; background-color: var(--main-color); 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:24px;line-height:1.444}
 .location .map-wrap .location-info h4 span{font-family: var(--font-play); font-size: 20px; 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; font-weight: 400;}
 /* .location .location-dsc {margin-top: 5%;} */
 
 @media (min-width: 900px) {
     .location .map-wrap .location-info {position: absolute; width: 24rem; height: 24rem; left: 4rem; bottom: -12rem; padding: 2.5rem 1.875rem;}
     .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 25%;margin-bottom:0;font-weight: 400;}



/*supply*/
.supply{flex-wrap: wrap; justify-content: space-between;}
.supply li{width: calc(100% / 4 - 20px); border: 1px solid #dcdcdc; text-align: center; margin-bottom: 40px;}
.supply li img{width: 100%;}


/*제품*/
.pro_section{margin-bottom: 110px; color: #131313;}
.pro_tit{font-size: 2.6rem; color: #131313; margin-bottom:30px; position: relative; padding-left: 25px;}
.pro_tit::before{content: ""; width: 7px; height: 7px; background-color: var(--main-color); position: absolute; top: 5px; left: 0;}
.pro_detail_tit{font-size: 2.6rem;}

.sub3_pro_list{justify-content: space-between;}
.sub3_pro_list li{width: calc(100% / 4 - 20px);}
.sub3_pro_list li a{display: block; width: 100%; height: 100%;}
.sub3_pro_list li div{border: 1px solid #dcdcdc; border-radius: 10px; transition: all .3s;}
.sub3_pro_list li div img{}
.sub3_pro_list li p{font-size: 1.8rem; color: #131313; margin-top: 20px; line-height: 1.5; text-align: center;}
.sub3_pro_list li:hover div{border: 1px solid var(--main-color);}

.pro_txt_box{font-size: 1.8rem; margin-bottom:40px ; line-height: 1.8;}
.pro_txt_box:last-child{margin-bottom: 0;}
.pro_txt_box span{font-size: 2rem; display: block;}
.pro_txt_box h4{font-size: 2rem;}

.characteristic{font-size: 1.8rem; padding-left: 15px; margin-bottom: 20px; position: relative; font-weight: 400;}
.characteristic::before{content: ""; width: 3px; height: 3px; background-color: #131313; position: absolute; top: 10px; left: 0; border-radius: 50%;}

.pro_img_border{border: 1px solid #dcdcdc; border-radius: 10px; margin: 20px 0; text-align: center;}
.pro_img_border img{border-radius: 10px; width: 100%;}
.pro_img_border.iframe{padding:50px 0 ;}


.application_wrap{margin-bottom: 50px;}
.pro_s_tit{font-size: 2.2rem; margin-bottom: 20px; font-weight: 500;}
.application_list{flex-wrap: wrap;}
.application_list li{width: calc(100% / 5 - 20px); margin:0 10px 50px;}
.application_list li .application_img{margin-bottom: 20px;}
.application_list li p{font-size: 1.8rem; text-align: center;}

.pro_table_wrap{overflow-x: auto;}
.pro_table_wrap table{border-collapse: collapse; width: 100%; border-top:2px solid var(--main-color); min-width: 600px;}
.pro_table_wrap table tr th{background-color: #f7f7f7; padding: 15px; font-size: 1.8rem; text-align: center; font-weight: 500;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.pro_table_wrap table tr th:last-child{border-right: none;}
.pro_table_wrap table tr td{ padding: 15px; font-size: 1.8rem; text-align: center; font-weight: 400;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.pro_table_wrap table tr td:last-child{border-right: none;}
.pro_table_wrap table tr td.color{background-color: var(--main-color); color: #fff;}
.pro_table_wrap.m_top{margin-top: 40px;}

.table_caption{margin: 30px 0; }
.table_caption p{font-size: 1.8rem; line-height: 1.8;}
.table_caption.right p{text-align: right;}

/*제품 상세*/
.Spec{font-size: 2.2rem; margin-top: 40px;}
.pro_detail_img{border: 1px solid #dcdcdc; border-radius:10px; display: flex; align-items: center; justify-content: center;}
.pro_detail_txt{padding-left: 50px; padding-top: 20px;}
.pro_detail_txt .top_detail_box{margin-top: 20px;}
.pro_detail_txt .top_detail_box p{font-size: 1.8rem; color: #131313; line-height: 1.7;}
.pro_detail_txt .top_detail_box p:last-child{margin-bottom: 0;}
/* .pro_flex4{justify-content: space-between;} */
.pro_flex4 p{font-size: 1.8rem;margin: 20px 0; text-align: center;}
.pro_flex4 p.left{text-align: left;}
.pro_flex4 span{display: block; font-size: 1.6rem; color: #363636; line-height: 1.8;}
.pro_flex4 img{width: 100%;}
.pro_flex4 li{margin-right: 10px;}
.pro_flex4 li:last-child{margin-right: 0;}


.list_btn{margin-top: 115px; }
.list_btn a{width: 220px; height: 65px; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; font-size: 1.8rem; background-color: #5a5a5a; margin: 0 auto;}


.pro_list_tab{}
.pro_list_tab li{border: 1px solid #dcdcdc; text-align: center; font-size: 1.8rem; transition: all .3s; margin: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.pro_list_tab li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #131313; padding: 20px;}
.pro_list_tab li.on{background-color: var(--main-color); }
.pro_list_tab li.on a{color: #fff;}
.pro_list_tab li:hover{background-color: var(--main-color) ; }
.pro_list_tab li:hover a{color: #fff;}
.product_list{justify-content: start; margin-top: 60px;}
.product_list li{margin-right: 40px;}
.product_list li:last-child{margin-right: 0;}

.pro_btn{display: flex; margin-top: 30px;}
.pro_btn a{border: 1px solid #dcdcdc; width: 230px;  color:#131313; font-size: 1.8rem;  text-align: center; display: flex; align-items: center; justify-content: space-between; transition: all .3s; border-radius: 5px; padding: 20px;}
.pro_btn a:hover{background-color: var(--main-color); color: #fff;}
.pro_btn a:first-child{margin-right: 20px;}

.pro_slide_btn{}
.pro_slide_btn>div{color: #dcdcdc;}
.pro_detail_slide .swiper-pagination-bullet{background-color: #fff; border: 1px solid #dcdcdc; opacity: 1;}
.pro_detail_slide .swiper-pagination-bullet-active{background-color: var(--main-color); border: none;}

.pro2_1_1{justify-content: space-between;}
.pro2_1_1 li{width: calc(100% / 6 - 5px);}
.pro2_1_1 li img{width: 100%;}

.pro_sub_section{margin-bottom: 50px;}
.pro_sub_section:last-child{margin-bottom: 0;}


.pro_flex2 p{font-size: 1.8rem; margin-top: 15px; text-align: center;}
.pro_flex3 p{font-size: 1.8rem; margin-top: 15px; text-align: center;}
.pro_flex6 p{font-size: 1.8rem; margin-top: 15px; text-align: center;}
.pro_flex5 p{font-size: 1.8rem; margin-top: 15px; text-align: center;}
.pro_flex3 li img{width: 100%;}
.pro_flex3{justify-content: space-between;}
.pro_flex3 li{margin-right: 10px;}
.pro_flex3 li:last-child{margin-right: 0;}


.pro_arrow li{margin-right: 50px; position: relative;}
.pro_arrow li::after{content: ""; background: url(../img/arrow.png) no-repeat; width: 25px; height: 25px; position: absolute; top: 35%; right: -40px; background-size: contain;}
.pro_arrow li:last-child::after{display: none;}

.pro2_3{justify-content: space-between;}
.pro2_3 li{width: 30%;}
.pro2_3 li::after{right: -80px; top: 40%;}
.pro2_3 li:nth-child(2){width: 60%;}
.pro2_3 li span{display: block; background-color: #dfdfdf; text-align: center; font-size: 1.8rem;padding: 10px;}
.pro2_3 li>div{display: flex; justify-content: space-between;}
.pro2_3 li>div>div{width: calc(100% / 2 - 10px);}
.pro2_3 li>div>div p{font-size: 1.8rem; text-align: center; margin-top: 15px;}
.pro2_4 li::after{ top: 40%;}
.pro2_4{margin-top: 30px;}


.pro_tab li{padding: 30px 10px;}
.pro_tab2 li{padding: 30px 10px;}
.pro_tab3 li{padding: 30px 10px;}
.tab_wrap{margin-top: 40px;}
.tab_wrap .pro_img_border{margin: 30px 0;}

.pro_tab2{display: flex; flex-wrap: wrap; }

.pro_tab2 li.on{background-color: var(--main-color); color: #fff;}
.pro_tab2 li:hover{background-color: var(--main-color); color: #fff;}

.pro_tab3{display: flex; flex-wrap: wrap; }

.pro_tab3 li.active{background-color: var(--main-color); color: #fff;}
.pro_tab3 li:hover{background-color: var(--main-color); color: #fff;}

.dot{padding-left: 15px; position: relative;}
.dot::before{content: ""; width: 3px;height: 3px; border-radius: 50%; background-color: #131313; position: absolute; top: 13px; left: 0;}


/*******************************반응형*************************************/
@media (max-width: 1770px) {  

   


}
@media (max-width: 1540px) {  

     /*sub_top*/
  .sub_visual_txt{}
  .sub_visual_txt h2{font-size: 9rem;}
  .sub_top_list{right: 50px;}

  /*인사말*/
.greetings_bot .greetings_left{width: 25%;}

}
@media (max-width: 1380px) {  

   /*sub_top*/
  .sub_visual_txt h2{font-size: 8rem;}


  /*공통*/
  .sub_inner{width: 95%;}
.sub_tit{font-size: 4.2rem;}





}
@media (max-width: 1280px) {  

    /*sub_top*/
  .sub_visual_txt h2{font-size: 6.8rem;}

  /*제품*/
  .sub3_pro_list li{width:calc(100% / 4 - 10px) ; margin-right: 20px;}
.pro2_1_1{flex-wrap: wrap;}
.pro2_1_1 li{width:calc(100% / 3 - 10px) ; margin-bottom: 20px;}


/*인사말*/
.greetings_top li{width: 300px; height: 300px;}
.greetings_top .greetings_circle1{background-size: contain;}
.greetings_top .greetings_circle2{background-size: contain;}
.greetings_top .greetings_circle3{background-size: contain;}
.greetings_top li h3{font-size: 3.5rem;}
.greetings_bot .greetings_right >div br{display: none;}
.greetings_top::before{background-position: 50% 50%;}
.greetings_bot .greetings_left::after{font-size:12rem ;z-index: -1;}



}
@media (max-width: 1080px) {  

     /*sub_top*/
 .sub_visual_txt h2{font-size: 6.2rem;}
 .sub_visual_txt{left: 50%; bottom: inherit; top: 50%; transform: translate(-50% , -50%); text-align: center;}
.sub_visual_txt p{font-size: 2.4rem;}

  /*공통*/
.sub_tit{font-size: 3.2rem;}


  /*제품*/
.pro_detail_txt{padding-left: 30px; }
.Spec{margin-top: 20px;}
.pro2_3 li::after{right: -65px;}


/*인사말*/
.greetings_top li{width: 250px; height: 250px;}
.greetings_bot .greetings_left h2{font-size: 2.8rem;}
.greetings_bot .greetings_left{width: 30%;}
.greetings_top li h3{font-size: 3rem;}




}
@media (max-width: 800px) {  

     /*sub_top*/
     .sub_visual_box{height: 500px;}
  .sub_visual_txt h2{font-size: 4.5rem;}
  .visual_menu_wrap{width: 100%; left: 0; height: 80px;}
  .depth_wrap{justify-content: center; padding-left: 0;}
  .visual_menu_wrap .com_depth{top: 80px;}
  .visual_menu_wrap{border-bottom: 1px solid #808080;}
  .sub_top_list ul li h2{font-size: 1.8rem;}
.sub_top_list{width: 95%; right: inherit; left: 50%; transform: translateX(-50%);}
.sub_top_list ul{justify-content: center;}
.sub_visual_txt p{font-size: 2.2rem;}

  /*공통*/
.sub_tit{font-size: 2.8rem;}
.sub_bottom{margin-bottom: 100px;}

  /*제품*/
.pro_tit{font-size: 2.2rem;}
.sub3_pro_list li{width: calc(100% / 4 - 10px); margin-right: 10px !important;}
.application_list li{width:calc(100% / 4 - 10px) ; margin: 10px 5px;}
  .pro_tab li{padding: 10px;}
  .pro_table_wrap table tr th{padding: 10px;}
.pro_table_wrap table tr td{padding: 10px;}
.pro_s_tit{font-size: 2rem;}
.pro_detail_top{flex-direction: column;}
.pro_detail_top li{width: 100%;}
.flex4 {flex-wrap: wrap; justify-content: space-between;}
.flex4 li{width:calc(100% / 2 - 10px ); margin-bottom: 30px;}
.pro_img_border.iframe iframe{width: 100%;}
.pro_detail_txt{padding-left: 0;}
.pro_btn a{width: calc(100% / 2 - 10px );}
.list_btn a{width: 80%;}
.pro_detail_tit{font-size: 2.4rem;}
.pro_txt_box h4{font-size: 1.8rem;}
.pro_list_tab li{margin-bottom: 0; width: calc(100% / 2 );}
.pro_slide_btn>div::after{font-size: 3rem;}
.flex li{margin-right: 0;}
.flex3 li{width: calc(100% / 3 - 10px);}
.pro_arrow{flex-wrap: wrap; justify-content: space-between;}
.pro_arrow li{width: calc(100% / 2 - 30px);  margin-bottom: 20px;}
.pro_arrow li::after{top: 40%;}
.pro_arrow li:nth-child(2)::after{display: none;}
.flex5{flex-wrap: wrap; justify-content: space-between;}
.flex5 li{width: calc(100% / 2 - 10px);  margin-bottom: 20px;}
.pro2_3 li{width: 100%;}
.pro2_3 li:first-child{margin-bottom: 50px;}
.pro2_3 li::after{right: inherit; top: inherit; bottom: -35px; left: 50%;transform: translateX(-50%) rotate(90deg);}
.pro2_3 li:nth-child(2){width: 100%;}
.pro2_4{justify-content: space-between;}
.pro2_4 li{width:calc(100% / 2 - 10px) ;}
.pro2_4.pro_arrow li{width: calc(100% / 2 - 40px);}
.pro2_4.pro_arrow li::after{right: -55px;}
.pro_flex2{justify-content: space-between;}
.pro_flex2 li{width: calc(100% / 2 - 10px); }
.table_caption{margin: 10px 0;}
.pro_tab li{width: calc(100% / 3 );margin-bottom: 0; padding: 15px;}
.pro_tab{justify-content: start;}
.pro_tab2 li{width: calc(100% / 3 );margin-bottom: 0; padding: 15px;}
.pro_tab2{justify-content: start;}
.pro_tab3 li{width: calc(100% / 3 );margin-bottom: 0; padding: 15px;}
.pro_tab3{justify-content: start;}



/*인사말*/
.greetings_top li{width: 230px; height: 230px;}
.greetings_top li h3{font-size: 2.5rem;}
.greetings_bot{flex-direction: column;}
.greetings_bot .greetings_left::after{font-size: 10rem; right: 0; left: inherit;}
.greetings_bot .greetings_left{width: 100%; margin-bottom: 20px;}
.greetings_bot .greetings_right{width: 100%;}
.greetings_bot .greetings_left h2{font-size: 2.5rem;}
.greetings_bot .greetings_right >div.sign h4{font-size: 2rem;}
.greetings_bot .greetings_right >div{font-size: 1.8rem; text-align: left; margin-bottom: 30px;}


/*supply*/
.supply{justify-content: start;}
.supply li{width: calc(100% / 3 - 10px); margin-right: 10px; margin-bottom: 20px;}





}
@media (max-width: 650px) {  

    /*sub_top*/
  .sub_visual_txt h2{font-size: 3.6rem;}
  .depth_wrap > div{width: 50%;}
  .depth_wrap .depth_name{font-size: 18px;}
  .depth_wrap > div .depth_name i{font-size: 23px;}
  .sub_top_list{right: inherit; left: 50%; transform: translateX(-50%); width: 100%;}
  .sub_top_list ul li h2{font-size: 1.6rem;}
  .sub_top_list ul{justify-content: center;}
.sub_visual_txt p{font-size: 2.2rem;}


  /*공통*/
.sub_tit{font-size: 2.4rem;}

  /*제품*/
.pro_tit{font-size: 2rem;}
.sub3_pro_list{flex-wrap: wrap;}
.sub3_pro_list li{width: calc(100% / 2 - 10px); margin-bottom: 30px; margin-right: 5px !important;}
.pro_tit::before{width: 6px; height: 6px;}
.pro_section{margin-bottom: 80px;}
.pro_txt_box{margin-bottom: 25px;}
.application_list li{width: calc(100% / 3 - 10px);}
.pro_s_tit{font-size: 1.8rem;}
.application_list li p{font-size: 1.6rem;}
.pro_detail_tit{font-size: 2.2rem;}
.Spec{font-size: 2rem;}
.pro_flex4 p{margin: 10px 0;}
.pro_img_border.iframe iframe{height: 300px;}
.pro_list_tab li a{padding: 15px;}
.pro2_1_1 li{width: calc(100% / 2 - 10px);}
.pro_flex3 li{width: 100%;margin-bottom: 20px;}
.pro_flex3{flex-wrap: wrap;}
.pro_txt_box span{font-size: 1.8rem;}
.pro2_4 li::after{top: 30%;}
.pro2_4.pro_arrow li{width: 100%; }
.pro2_4.pro_arrow li:first-child{margin-bottom: 50px;}
.pro2_4.pro_arrow li:first-child::after{right: inherit; top: inherit; bottom: -35px; left: 50%;transform: translateX(-50%) rotate(90deg);}
.table_caption p{font-size: 1.6rem;}


/*인사말*/
.greetings_top{flex-direction: column; padding-bottom: 150px;}
.greetings_top::before{display: none;}
.greetings_top .greetings_circle1{transform: translateY(0px);}
.greetings_top .greetings_circle3{transform: translateY(0px);}
.greetings_top li{margin: 0 auto 20px;}
.greetings_bot .greetings_left h2{font-size: 2.2rem;}
.greetings_bot .greetings_left::after{font-size: 8rem;}
.greetings_top li h3{font-size: 2.2rem;}
.greetings_bot .greetings_right >div.sign h4{font-size: 1.8rem;}


/*supply*/
.supply li{width: calc(100% / 2 - 10px); }



}
@media (max-width: 480px) {  

     /*sub_top*/
  .sub_visual_txt h2{font-size: 2.5rem;}
  .depth_wrap .depth_name{font-size: 16px;}
  .sub_top_list ul li{padding: 0 20px;}
.sub_visual_txt p{font-size: 1.8rem;}
.sub_top_list ul li:first-child{display: none;}

  /*공통*/
.sub_tit{font-size: 2rem; margin: 80px 0; }

  /*제품*/
.pro_tit{font-size: 1.8rem;padding-left: 15px;}
.sub3_pro_list li p{font-size: 1.6rem; line-height: 1.2;}
.pro_txt_box{font-size: 1.6rem;}
.characteristic{font-size: 1.6rem;}
.pro_s_tit{font-size: 1.7rem;}
.application_list li p{font-size: 1.6rem; line-height: 1.2;}
.pro_table_wrap table tr th{font-size: 1.6rem;}
.pro_table_wrap table tr td{font-size: 1.6rem;}
.characteristic{margin-bottom: 15px;}
.pro_detail_tit{font-size: 1.8rem;}
.pro_flex4 p{font-size: 1.6rem;}
.Spec{font-size: 1.7rem;}
.pro_btn{flex-direction: column;}
.pro_btn a{width: 100%; font-size: 1.6rem;}
.pro_btn a:first-child{margin-right: 0; margin-bottom: 20px;}
.pro_detail_txt .top_detail_box p{font-size: 1.6rem;}
.pro_txt_box h4{font-size: 1.7rem;}
.sub3_pro_list li{width:calc(100% / 2 - 5px) ; margin: 0 0 30px;}
.pro_list_tab li{font-size: 1.4rem; width: calc(100% / 2 );}
.sub3_pro_list li p{font-size: 1.6rem;}
.product_list{justify-content: space-between;}
.pro_txt_box span{font-size: 1.6rem;}
.pro_slide_btn>div::after{font-size: 2.5rem;}
.pro_flex4 li{width:calc(100% / 2 - 5px) ; margin-bottom: 20px;}

.pro1_1 li{width: 100%; margin-bottom: 20px;}
.pro_arrow li{width: calc(100% / 2 - 30px); }
.pro_arrow li::after{width: 20px; height: 20px; top: 35%;}
.pro2_3 li span{font-size: 1.7rem;}
.pro2_3 li{width: 100%;}
.pro2_3 li::after{right: inherit; top: inherit; bottom: -35px; left: 50%;transform: translateX(-50%) rotate(90deg);}
.pro2_3 li>div>div{width: calc(100% / 2 - 5px);}
.pro_tab li{width: calc(100% / 3 ); padding: 10px;}
.pro_tab2 li{width: calc(100% / 3 ); padding: 10px;}
.pro_tab3 li{width: calc(100% / 3 ); padding: 10px;}
.pro_flex6 p{font-size: 1.6rem;}
.pro_flex3 p{font-size: 1.6rem;}
.pro_flex5 p{font-size: 1.6rem;}
.pro2_3 li>div>div p{font-size: 1.6rem;}
.pro_flex2 p{font-size: 1.6rem;}



/*인사말*/
.greetings_bot .greetings_left h2{font-size: 1.8rem;}
.greetings_bot .greetings_right >div{font-size: 1.6rem; margin-bottom: 20px;}
.greetings_bot .greetings_left::after{font-size: 6rem;}
.greetings_top{padding-bottom: 100px;}
.greetings_top li h3{font-size: 2rem;}
.greetings_bot .greetings_right >div.sign h4{font-size: 1.7rem;}




}
@media (max-width: 400px) {  



/*인사말*/
.greetings_bot .greetings_left::after{font-size: 4rem;}





}