/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 600px; overflow: hidden; position: relative; border-bottom: 1px solid #ccc;} 
.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: 18px; align-items: center; height: 100%; word-break: keep-all; color: #111; line-height: 1.2;}  
.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: 200px;} 
.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.depth2{width: 300px;}

.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: 16px;} 
.visual_menu_wrap { max-width: 1314px;  top: 60%;  z-index: 99; display: flex; align-items: center; position: absolute; left: 13%; height: 50px;} 
.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: 60px; 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; line-height: 1.2;} 
.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_eng.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); } 

.depth03{display: none;}

 /* 애니메이션 */
/* .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: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;   width: 90%; max-width: 1314px; } 
    .sub_visual_txt h2 { font-size: 4.8rem;  font-weight: 500;  } 
/* top menu */
   .top_menu .mobile_sub_menu { display: none; } 
   
/*sub공통*/
   .sub_inner{max-width: 1314px; margin:0 auto ; width: 100%;}
   .sub_tit{font-size: 4rem; text-align: center; color: #111;  font-weight: 500;margin: 100px 0;}
 .sub_bottom{margin-bottom: 200px;}

/*인사말*/
.greeting_list{background: url(../../img/greeting_bg_eng.jpg) no-repeat; width: 100%; height: 670px; background-size: cover; display: flex; align-items: center; }
.greeting_list ul{max-width: 1314px; margin: 0 auto; display: flex; justify-content: space-between; }
.greeting_list .greeting_left{width: 30%;}
.greeting_list .greeting_left span{font-size: 2.8rem; color: #fff;}
.greeting_list .greeting_left h3{font-size: 4.4rem; margin-top: 10px; color: #fff;}
.greeting_list .greeting_right{width: 65%;}
.greeting_list .greeting_right div{font-size: 2rem; margin-bottom: 20px; line-height: 1.5; color: #fff;}
.greeting_list .greeting_right .sign{margin-top: 50px; margin-bottom: 0; font-size: 2.2rem;}
.greeting_list .greeting_right .sign img{margin-left: 10px;}

/*인증서*/
.certificate_list{display: flex;  flex-wrap: wrap;}
.certificate_list li{width: calc(100% / 3 - 40px);margin:0 20px; border: 1px solid #ccc; margin-bottom: 100px;}
.certificate_list li img{width: 100%;}


/*오시는길*/
.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:linear-gradient(45deg, #4cb033, #4cb033);; 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;}
/* .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; border-radius: 0 40px;}
    .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;}


/*제품list*/
.product{display: flex;  flex-wrap: wrap;}
.product li{width:calc(100% / 3 - 40px); margin:0 20px 100px;}
.product li a{display: block; width: 100%; height: 100%;}
.product li div{border: 1px solid #ccc;  position: relative; }
.product li div img{width: 100%;}
.product li h3{font-size: 2.2rem; text-align: center; margin-top: 15px;font-weight: 500;}
.product li:hover div{ border: 2px solid var(--main-color); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}


/*제품상세*/

.pro_top{border-bottom: 1px solid #ccc; padding-bottom:80px ;}
.pro_top_list{display: flex; justify-content: space-between;}
.pro_top_list .pro_top_left{width: 43%; border: 1px solid #ccc;}
.pro_top_list .pro_top_left img{width: 100%;}
.pro_top_list .pro_top_right{width: 52%;}
.pro_top_list .pro_top_right h2{font-size: 4rem; font-weight: 500; letter-spacing: -2px; line-height: 1.2;}
.pro_top_list .pro_top_right .pro_btn{display: flex; margin-top: 80px;}
.pro_top_list .pro_top_right .pro_btn a{width: 240px; height: 65px; display: flex; align-items: center; justify-content: center; margin-right: 30px; border: 1px solid var(--main-color); color: var(--main-color); font-size: 2rem; transition: all .3s;}
.pro_top_list .pro_top_right .pro_btn a:hover{ color: #fff;}

.pro_top_list .pro_top_right .pro_top_txt{margin-top: 30px;}
.pro_top_list .pro_top_right .pro_top_txt p{position: relative; font-size: 1.8rem; line-height: 1.8; padding-left: 15px; }
.pro_top_list .pro_top_right .pro_top_txt p::before{content: ""; width: 5px; height: 5px; background-color: #ccc; position: absolute; top: 15px; left: 0; border-radius: 50%;}
.pro_top_list .pro_top_right .pro_top_txt p span{display: block; padding-left: 10px; color: #666;}

.pro_bottom{padding-top: 80px; text-align: center;}
.pro_bottom .pro_bottom_img{margin-bottom: 80px;}
.pro_bottom .pro_bottom_img img.pro_img_border{border: 1px solid #ccc;}
.pro_bottom .pro2_img{margin-bottom: 0;}

.pro_table_wrap{overflow-x: auto; margin-bottom: 80px;}
.pro_table_wrap table{min-width: 650px; width: 100%;border-top: 2px solid #ccc; border-collapse: collapse;}
.pro_table_wrap table tr th{text-align: center; font-size: 2rem; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 15px; font-weight: 500;}
.pro_table_wrap table tr td{text-align: center; font-size: 2rem; border-bottom: 1px solid #ccc; padding: 15px; font-weight: 400;}
.pro_list_btn{justify-content: center;}
.pro_list_btn a{display: flex; justify-content: space-between; padding: 0 20px; width: 300px; height: 70px;}
.pro_list_btn a span{font-size: 1.8rem;}
.pro_list_btn a i{font-size: 25px; color: var(--main-color);}
.main_more:hover i{color: #fff;}

.pro2_txt_wrap{margin-bottom: 80px;}
.pro2_tit{font-size: 2.5rem; position: relative ; padding-left: 15px; margin-bottom: 30px; text-align: left;}
.pro2_tit::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: var(--main-color); position: absolute; top: 5px; left: 0;}
.pro2_txt{margin-bottom: 30px;}
.pro2_txt p{font-size: 1.8rem; line-height: 1.8; text-align: left; padding-left: 15px; position: relative;}
.pro2_txt p::before{content: ""; width: 7px; height: 2px; background-color: #777;position: absolute;top: 16px; left: 0; }
.pro2_flex{display: flex; justify-content: space-between;}
.pro2_flex li{flex: 1 1 49%;}
.pro2_bottom_img{text-align: left;}
.pro2_bottom_img img{ border: 1px solid #ccc; margin-bottom:20px;}




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

  
 }
 
 @media (max-width: 1540px) {  
    /* top menu */
    .visual_menu_wrap{left: 4%;}



   
 }
 @media (max-width: 1380px) {  
 
    /* top menu */
    .sub_visual_txt h2{font-size:4rem;}

    /*sub공통*/
   .sub_inner{width: 90%;}

   /*인사말*/
   .greeting_list ul{width: 90%;}

   
 }
 @media (max-width: 1280px) {  
     /* top menu */
     .sub_visual_box{height: 480px;}
     .sub_visual_txt h2{font-size:3.6rem;}
     .visual_menu_wrap{left: 0;}

    /*인사말*/
    .greeting_list .greeting_left h3{font-size: 3.6rem;}
    .greeting_list .greeting_left span{font-size: 2.6rem;}
    .greeting_list{background-position: center;}

    /*제품상세*/
    .pro_bottom .pro_bottom_img img{width: 100%;}
    .pro_top_list .pro_top_right h2{font-size: 3.2rem;}

 }
 @media (max-width: 1080px) {  
    /* top menu */
    .sub_visual_txt h2{font-size: 3rem;}
    .sub_visual_txt{text-align: center; color: #fff; z-index:50 ;}
    .visual_menu_wrap{left: 50%;top: 65%; transform: translate(-50%, -50%);}
    .sub_page_visual1{position: relative;z-index: 50;}
    .sub_page_visual1::before{content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); position: absolute; left: 0; top: 0;}
    .sub_page_visual3{position: relative;z-index: 50;}
    .sub_page_visual3::before{content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); position: absolute; left: 0; top: 0;}
    .sub_page_visual4{position: relative;z-index: 50;}
    .sub_page_visual4::before{content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); position: absolute; left: 0; top: 0;}
    .sub_page_visual{background-position: right;}
    .depth_wrap .depth_name{color: #fff;}
    .depth_wrap > div.depth2 i{color: #fff;}

     /*sub공통*/
     .sub_tit{font-size: 3.6rem; margin: 80px 0;}
     .sub_bottom{margin-bottom: 150px;}

    /*인사말*/
    .greeting_list .greeting_left span{font-size: 2.4rem;}
    .greeting_list .greeting_left h3{font-size: 3.2rem;}

    /*제품list*/
    .product li h3{font-size: 2rem;}

     /*제품상세*/
     .pro_top_list .pro_top_right h2{font-size: 2.8rem;}
     .pro_top_list .pro_top_right .pro_btn a{font-size: 1.8rem; width:calc(100% / 2 - 20px); margin: 0 10px;}


 }
 @media (max-width: 800px) {  
    /* top menu */
    .sub_visual_txt h2{font-size: 2.6rem;}
    .visual_menu_wrap{width: 100%;}
    .depth_wrap{justify-content: center; padding-left: 0;}

    /*sub공통*/
    .sub_tit{font-size: 3rem;}
 
    /*인사말*/
    .greeting_list ul{flex-direction: column;}
    .greeting_list .greeting_left{width: 100%; margin-bottom: 15px;}
    .greeting_list .greeting_right{width: 100%;}
    .greeting_list .greeting_left span{font-size: 2.2rem;}
    .greeting_list .greeting_left h3{font-size: 2.4rem;}
    .greeting_list .greeting_right div{font-size: 1.8rem;}
    .greeting_list .greeting_right .sign{font-size: 2rem;}
    .greeting_list .greeting_right .sign img{width: 120px;}
    .greeting_list{height: auto; padding: 80px 0;}

    /*제품list*/
    .product li{width: calc(100% / 2 - 40px); margin: 0 20px 50px;}
   
    /*제품상세*/
    .pro_top_list{flex-direction: column;}
    .pro_top_list .pro_top_left{width: 80%; margin: 0 auto;}
    .pro_top_list .pro_top_right{width: 80%; margin: 20px auto 0;}
    .pro_top_list .pro_top_right .pro_btn{margin-top: 50px;}
    .pro_top_list .pro_top_right h2{font-size: 2.4rem;}
    .pro_table_wrap table tr th{font-size: 1.8rem;}
    .pro_table_wrap table tr td{font-size: 1.8rem;}
    .pro_bottom .pro_bottom_img{margin-bottom: 50px;}
    .pro2_tit{font-size: 2.2rem;}
    .pro2_flex{flex-direction: column;}
    .pro2_bottom_img img{width: 100%;}
    .pro_top_list .pro_top_right .pro_top_txt p{font-size: 1.6rem;}

 }
 @media (max-width: 650px) {  
   /* top menu */
   .sub_visual_box{height: 410px;}
   .sub_visual_txt h2{font-size: 2.4rem;}

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

    /*인사말*/
    .greeting_list .greeting_left span{font-size: 2rem;}
    .greeting_list .greeting_left h3{font-size: 2.2rem;}

    /*인증서*/
    .certificate_list li{width:calc(100% / 2 - 20px); margin: 0 10px; margin-bottom: 50px;}

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

    /*제품list*/
    .product li h3{font-size: 1.8rem;}
    .product li{width: calc(100% / 2 - 10px); margin: 0 5px 50px;}

    /*제품상세*/
    .pro_top_list .pro_top_left{width: 100%;}
    .pro_top_list .pro_top_right{width: 100%;}
    .pro_top_list .pro_top_right h2{font-size: 2rem;}
    .pro_top_list .pro_top_right .pro_btn a{width: calc(100% / 2 - 10px); margin: 0 5px;}
    .pro2_tit{font-size: 2rem;}
    .pro2_txt p{font-size: 1.6rem;}
    .pro2_txt_wrap{margin-bottom: 50px;}
 }
 @media (max-width: 480px) {  
    /* top menu */
    .depth_wrap .depth_name{font-size: 16px;}
    .depth_wrap > div.home_btn{display: none;}
    .sub_visual_txt h2{font-size: 2.2rem;}
    .visual_menu_wrap .com_depth{padding: 10px;}
    .depth_wrap > div{padding: 0 10px;}
    .visual_menu_wrap .com_depth li a{font-size: 15px;}

    .sub_page_visual1{background-position: 80% 50%;}

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

    /*인사말*/
    .greeting_list .greeting_left span{font-size: 1.6rem;}
    .greeting_list .greeting_left h3{font-size: 1.8rem;}
    .greeting_list .greeting_right div{font-size: 1.6rem;}
    .greeting_list .greeting_right .sign img{width: 100px;}

    /*인증서*/
    .certificate_list li{width:calc(100% / 2 - 10px); margin: 0 5px; margin-bottom: 30px;}

    /*오시는길*/
    .location-dsc dl{flex-direction: column;}
    .location-dsc dl dt{width: 100%; font-size: 1.8rem; margin-bottom: 10px; color: var(--main-color);}
    .location-dsc dl dd{font-size: 100%; font-size: 1.6rem;}

    /*제품list*/
    .product li h3{font-size: 1.6rem;}
   
    /*제품상세*/
    .pro_top_list .pro_top_right .pro_btn a{font-size: 1.6rem;}
    .pro_table_wrap table tr th{font-size: 1.6rem;}
    .pro_table_wrap table tr td{font-size: 1.6rem;}
    .pro_top_list .pro_top_right h2{font-size: 1.8rem;}
    .pro_list_btn a{width: 90%;}
    .pro_list_btn a span{font-size: 1.6rem;}
    .pro2_tit{font-size: 1.8rem;}
    .pro_top_list .pro_top_right .pro_top_txt p{font-size: 1.5rem;}

 }
 @media (max-width: 400px) {  
  /*제품list*/
  .product li h3{font-size: 1.5rem;}
   
 }