@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
.black{color: #000; }
.blue{color: var(--main-color); }

.blind{display: none;}
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 430px; 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;  max-width: 1300px; margin: 0 auto; font-size: 18px; width: 90%;background-color: rgba(0,0,0, 0.8); } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width:87px; font-size: 18px; color: #fff; font-weight: 300;}  
.depth_wrap > div.home_btn {width: 80px;  } 
.depth_wrap > div.home_btn a{display: block; width: 100%; height: 100%;}
.depth_wrap > div.home_btn a i{display: block;  margin-left: 10px;}
.depth_wrap > div.home_btn a i img{width: 30px;}
.depth_wrap > div { padding: 0 20px; position: relative; cursor: pointer; width: 250px;} 
.depth_wrap > div::after{content: ""; display: block; width: 1px; height: 30px; background-color: #aaa; position: absolute; top: 16px; right: 0;}
.depth_wrap > div.depth2{}
.depth_wrap > div.depth3 {/* display: none; *//* width: auto; */width: 100%;max-width: 220px; width: 220px;}  
.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: 60px;} 
.visual_menu_wrap { position: absolute; bottom:0; width: 100%;  height: 60px; line-height: 60px; z-index: 99;} 
.visual_menu_wrap.fixed{position: fixed; top: 81px;}
.visual_menu_wrap .com_depth { position: absolute; background: #f6f6f6; padding: 10px; width: 96%; 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: 3px; font-size: 16px; display: block; width: 100%; height: 100%;} 
.visual_menu_wrap .com_depth li.on a{text-decoration: underline; text-underline-offset: 5px;}

.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_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: 57%; left: 50%; transform: translate(-50%,-50%); z-index: 10; text-align: left; font-size: 16px; width: 90%; max-width: 1300px; text-align: center;}
    .sub_visual_txt p{font-size: 17px; text-decoration: underline;color: #fff; margin-bottom: 10px;font-family: 'Pretendard'; font-weight: 300; text-decoration : underline;text-underline-offset : 5px;} 
    .sub_visual_txt h2 { font-size: 50px;  padding-bottom: 10px;  font-weight: 500; color: #fff; } 
   
    .tit_box { font-size: 20px; text-align: center; padding-top: 80px; padding-bottom: 80px; } 
    .tit_box .tit_bar { width: 1px; height: 68px; display: block; background: var(--main-color); margin: 0 auto; transform: rotate(29deg); margin-bottom: 20px; } 
    .tit_box h2 { font-size: 42px; /* font-size: 2.3em; */ } 
    .tit_box p { padding: 40px 0; } 
   
   /* top menu */
   .top_menu .mobile_sub_menu { display: none; } 
   
   /* title */
   .sub_com .tit_wrap { text-align: center; padding: 70px; width: 100%; } 
   .sub_com .tit_wrap h1 { font-size: 45px; } 
   .sub_com .tit_wrap p { font-size: 18px; color: #959595; } 
   
   /*sub_inner, txt*/
   .sub_inner{max-width: 1300px; margin: 150px auto ; width: 90%; }
   .sub_tit{font-size: 44px; text-align: center; position: relative; font-weight: 500; margin-bottom: 50px; word-break: keep-all;}


/*회사개요*/
.greetings_table{overflow-x: auto; margin-bottom:100px ;}
.greetings_table table{width: 100%; border-collapse: collapse; border-top: 2px solid var(--main-color); height: 600px;}
.greetings_table table tr th{padding: 10px 20px; text-align: center; background-color:#f7f9fc; font-size: 18px;    border-bottom: 1px solid #b0c5de;border-right: 1px solid #b0c5de; word-break: keep-all;}
.greetings_table table tr td{padding: 10px 20px; color: #666; font-size: 18px; border-bottom: 1px solid #b0c5de; word-break: keep-all; text-align: center;}
.technology table{height: auto;}
.technology table tr th{padding: 50px 20px;}
.technology table tr th:last-child{border-right: none;}
.technology table tr td{border-right: 1px solid #b0c5de; }
.technology table tr td p{line-height: 1.8;}
.technology table tr td:last-child{border-right: none;}
.technology table tr td.left{text-align: left;}

.value_wrap{}
.value_wrap h2{text-align: center; color: #111; font-size: 40px; font-weight: 500; margin-bottom: 30px;}
.value_non{border-bottom: none; padding-bottom: 0;}
.value_sec1{position: relative; margin-top: 50px; width: 100%; height: 680px; }
.value_sec1 li{}
.value_sec1 li.value_mission{ position: absolute; left: 0; top: 50px;}
.value_sec1 li div{margin-bottom: 20px;}
.value_sec1 li div img{}
.value_sec1 li.value_tit{ background: url(../img/value_tit_bg.png) no-repeat; width: 570px; height:570px; position: absolute; left: 370px;z-index: -1;display: flex; align-items: center;flex-direction: column; justify-content: center; }
.value_sec1 li.value_vision{ position: absolute; top: 50px; right: 0;}
.value_sec1 li span{font-size: 28px; color: #111;}
.value_sec1 li h3{font-size: 50px; color: #111;}
.value_sec1 li p{color: #333; font-size: 20px; text-align: center; line-height: 1.5;  word-break: keep-all;}
.vision_txt{box-shadow: rgba(1, 124,194, 0.5) 0px 2px 8px 0px; width: 60%; margin: 30px auto; padding: 20px;}
.vision_txt p{font-size: 22px; line-height: 2;}
.organization{text-align: center; margin-top: 100px;}
.organization img{}


/*연혁*/
#history .container { display: flex; flex-direction: column; align-items: center; } 
#history .title_box { text-align: center; padding-top: 40px; } 
#history .title_box h1 { font-size:50px; font-weight: 700; } 
#history .title_box h2{ font-size: 32px; } 
 /* history */
#history .contain1 .img_box { width: 100%; } 
#history .contain1 .img_box img { max-width: max-content; width: 100%; } 
.history_wrap { border-bottom: 1px #ddd solid; position: relative; width: 100%; } 
.history_wrap::before { content: ""; display: inline-block; width: 1px; height: 100%; border-right: 2px dotted #ddd; position: absolute; left: 50%; top: 0; } 
.history_wrap::after { width: 100%; text-align: center; content: "HISTORY"; display: block; position: absolute; left: 50%; bottom: 0; font-size: 220px; color: #e5e5e5; opacity: 0.2; transform: translateX(-50%); font-weight: 900; letter-spacing: -1px; margin-bottom: -40px; line-height: 1; } 
.history_wrap .month { font-weight: 600; font-size: 22px; width: 16%; } 
.history_wrap .month_now { color: #b6d7f4; font-size: 12px; } 
.history_wrap>ul { margin-bottom: 1rem; padding-top: 50px; } 
.history_wrap>ul>li { position: relative; width: 100%; margin-bottom: 40px; } 
.history_wrap>ul>li.left div { width: 50%; margin-right: auto; padding-right: 60px; } 
.history_wrap>ul>li.right div { width: 50%; margin-left: auto; padding-left: 60px; } 
.history_wrap>ul>li div.not_m { width: 92%; padding-left: 0; } 
.history_wrap>ul>li div.not_m span { display: flex; flex-direction: row; flex-wrap: nowrap; } 
.history_wrap>ul>li.left div.not_m span { justify-content: flex-end; } 
.history_wrap>ul>li.right div.not_m span { justify-content: flex-start; } 
.history_wrap>ul>li div.not_m span i { padding-right: 7px; } 
.history_wrap>ul>li.left div.not_m { padding-right: 0; } 
.history_wrap>ul>li.left div li { display:flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li.left div li a { display:flex; justify-content: flex-end; flex-wrap: wrap; flex-direction: row; } 
#history .history_wrap>ul>li div li a { transition: all .4s; } 
#history .history_wrap>ul>li div li a:hover { color:var(--main-color) } 
.history_wrap>ul>li.left div li .month { order: 2; } 
 /* left before */
.history_wrap>ul>li::before { display: block; content: ""; width: 6px; height: 6px; border: 5px solid #d6f2ff; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #2196F3; box-sizing: content-box; border-radius: 50%; } 
.history_wrap>ul>li::after { display: block; content: ""; width: 39px; height: 2px; position: absolute; top: 13px; transform: translateX(-50%); background: #a8d9f5; z-index: -1; } 
.history_wrap>ul>.left::after { right: 49%; } 
.history_wrap>ul>.right::after { left: 52%; } 
.history_wrap>ul>.right { margin-left: auto; } 
.history_wrap>ul>.left { text-align: right; position: relative; } 
.history_wrap>ul>.left::before { right: -9px; } 
.history_wrap>ul>li h4 { font-size: 28px; color: var(--main-color); padding-bottom: 12px; font-weight: 600; } 
.history_wrap>ul>li> div ul>li { font-size: 16px; position: relative; line-height: 1.9; word-break: keep-all; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 20px;} 
.history_wrap>ul>li>ul>li.emph { font-size: 24px; font-weight: 600; } 
.history_wrap>ul>li>ul>li.emph::after { top: 18px; } 
.history_wrap>ul>.left> div ul>li::after { content:''; display:block; position:absolute; top: 14px; right: -18px; width: 4px; height: 4px; background:var(--main-color); border-radius: 50%; } 
.history_wrap>ul>.right> div ul>li::after { content:''; display:block; position:absolute; top: 18px; left: -18px; width: 4px; height: 4px; background:var(--main-color); border-radius: 50%; } 

/*인증*/
.certification{display: flex;flex-wrap: wrap;}
.certification li{width: calc(100% / 5 - 20px); border: 1px solid #ddd; box-sizing: border-box; margin: 10px;}
.certification li img{display: block; width: 100%;}
.certification li p{font-size: 18px; text-align: center;line-height: 1.5; padding: 20px 0; border-top: 1px solid #ddd;}



/*오시는길*/
.location{margin: 50px 0;}
.company_info{}
.company_info h2{font-size: 40px; border-bottom: 1px solid #ccc; font-family: 'Teko', sans-serif;}
.company_info .company_info_txt{}
.company_info .company_info_txt li{display: flex;margin: 20px 0;}
.company_info .company_info_txt li i{font-size: 20px;margin-right: 10px; color: var(--main-color);}
.company_info .company_info_txt li p{font-size: 20px; }
.company_info .company_info_txt li p span{font-weight: 600;display: inline-block; width: 100px;}
.company_info .company_info_txt li p em{font-style: normal;}


/*제품소개*/
.product_list{display: flex; flex-wrap: wrap;}
.product_list li{width:calc(100% / 3 - 20px) ;margin: 10px; border: 1px solid #ccc;}
.product_list li div{}
.product_list li div img{width: 100%;}
.product_list li p{font-size: 18px; line-height: 1.5;padding: 20px; }  
.Process{margin-top: 100px;}
.Process h3{font-size: 26px; padding-left: 50px; position: relative;}
.Process h3::before{content: ""; width: 10px; height: 10px; background-color: var(--main-color); position: absolute; top: 10px; left: 30px;}
.Process_list{display: flex; flex-wrap: wrap; }
.Process_list li{width:calc(100% / 3 - 60px); margin: 20px 30px; border: 1px solid #ccc; position: relative;}
.Process_list li:nth-child(2)::before{content: ""; position: absolute; left: -60px; top: 50%; transform: rotate(45deg) translateY(-50%);  width: 30px; height: 30px; border-top: 5px solid var(--main-color); border-right: 5px solid var(--main-color); }
.Process_list li:nth-child(2)::after{content: ""; position: absolute; right: -30px; top: 50%; transform: rotate(45deg) translateY(-50%);  width: 30px; height: 30px; border-top: 5px solid var(--main-color); border-right: 5px solid var(--main-color); }
.Process_list li:nth-child(4)::after{content: ""; position: absolute; right: -30px; top: 50%; transform: rotate(45deg) translateY(-50%);  width: 30px; height: 30px; border-top: 5px solid var(--main-color); border-right: 5px solid var(--main-color); }
.Process_list li div{}
.Process_list li div img{width: 100%;}
.Process_list li .Process_list_txt{padding: 15px;}
.Process_list li h4{font-size: 22px;}
.Process_list li p{font-size: 18px; margin: 10px 0; line-height: 1.5; }

.product_top li div{text-align: center;height: 300px;display: flex;justify-content: center; align-items: center; }
.product_top li div img{width: auto;}
.product_top li p{text-align: center; border-top: 1px solid #ccc;}


/*고객지원문의*/
.inquiry_style1 h3 { font-size: 22px; font-weight: 400; padding-bottom: 5px; padding-top: 20px; } 
.inquiry_style1 .inquiry_tbl_style1_icon { color: #185c9b; font-size: 17px; } 
.editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 100; color: #222; display: block; font-family: 'Noto Sans KR', sans-serif; } 
#inquiry .agree_txt { background: #eee; padding: 10px; font-size: 16px; } 
.inquiry_tbl_style1_con .write_input { border: 1px solid #ddd; padding: 15px 15px 15px 20px; font-size: 15px; font-weight: 500; color: #444; font-family: 'Noto Sans KR',sans-serif; } 
.write_input.wr_wid_100 { width: 40%; } 
.inquiry_para { margin-top:20px } 
.inquiry_tbl_style1_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.tbl_style1_item { width: 32%; } 
.tbl_style1_item .write_input { width: 100%; } 
.cm_btn_controls { margin: 40px 0; } 
.cm_btn_controls .btn_submit1 { border: unset; background: #185c9b; color: #fff; text-align: center; width: 220px; height: 60px; font-size: 18px; display: block; margin: 0 auto; } 
.sub_ex.inquiry_num h3 { font-size: 24px; font-weight: bold; } 
.sub_com .sub_com_section .sub_ex.inquiry_num p { font-size: 19px; font-weight: 500; } 
 .write-tbl td.flex_div_3 { display: flex; flex-direction: row; justify-content: space-between; } 

/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.inquiry_style1.inquiry_tbl_style2 { margin: 40px 0; } 
.essential-icon { color: #185c9b; padding-left: 1px; } 
.write-tbl { width:100%; border-top: 1px solid #185c9b; } 
.write-tbl th,.write-tbl td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.write-tbl th { color:#444; font-size:16px; font-weight:400; text-align:left; width: 17%; } 
body.lang_eng .write-tbl th, body.lang_sp .write-tbl th { font-weight:600 } 
.write-tbl .write-input, .write-tbl .write-select, .write-tbl .write-textarea { height:38px; border:0px; /* width:63.6%; */ background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle; padding:10px; box-sizing:border-box; } 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; width: 30%; } 
.write-tbl .write-input.width_100 { width: 100%; } 
.write-tbl .write-select { height:38px; width: 20%; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl .hypen { margin: 10px 5px; } 
.radioCont li { float:left; padding: 10px 30px 10px 0; font-size:15px; color:#666; } 
.radioCont li input { margin-right:5px } 
.frm_info { color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block; } 
.filebox { width: 100%; overflow: hidden; margin-bottom: 20px; } 
.filebox .file_wr { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 10%); color:#aaa; font-size:13px; max-width: calc(100% - 60px); } 
.filebox .file_wr label { display: inline-block; vertical-align: top; width: 10%; min-width: 60px; box-sizing: border-box; color: #fff; height: 38px; line-height: 38px; font-size: 13px; background: #777; } 
.filebox .file_wr label span { text-align: center; width: 100%; display: block; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.inquiry_btn { text-align: center; width: 100%; margin-top: 40px; } 
.inquiry_btn input { border: unset; background: #185c9b; color: #fff; text-align: center; width: 170px; height: 50px; font-size: 18px; } 







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

    /*제품소개*/
    .product_list li div img{width: 100%;}
    .product_top li div img{width: auto;}

    /*고객문의*/
    #inquiry .inquiry_wrap { width: 87%; margin: 0 auto; } 

}
@media all and (max-width:1380px){
    .sub_visual_txt h2{font-size: 40px;}

    /*제품상세*/
    .plan li img{width: 100%;}

}
@media all and (max-width:1280px){
 
    /*개요*/
    .value_sec1{height: 600px;}
    .value_sec1 li.value_mission{width: 35%;}
    .value_sec1 li div img{width: 100%;}
    .value_sec1 li.value_tit{width: 450px; height: 450px; background-size: cover; left: 50%; transform: translateX(-50%);}
    .value_sec1 li.value_vision{width: 35%;}
    .value_sec3 img{width: 100%;}
    .organization img{width: 100%;}
    .vision_txt{width: 80%;}
    
   

}
@media all and (max-width:1224px){


     /*고객문의*/
     #inquiry .sub_inner_wrap { width: 90%; margin: 0 auto; } 
    .write-tbl .write-input.input100 { width:100%; } 
    .write-tbl th { min-width: 116px; } 
    .write-tbl .write-input { width: 100%; } 
    .write-tbl .write-select { width: 30%; } 
    .tech2 .contents1 .img_wrap>div:nth-child(2) { width: 100%; } 

    .product_top li:last-child div img{width: 100%;}
   
    
}
@media all and (max-width:1024px){

    /*sub_top*/
    .sub_visual_box .sub_visual_txt p{font-size: 18px;}
    .sub_tit{margin-top: 60px;}
    .sub_tit h3{font-size: 30px;}

    /*개요*/
    .value_sec1 li.value_tit{width: 400px; height: 400px;}

    /*연혁*/
    .history_wrap::after { font-size: 160px; } 
    .history_wrap>ul>li h4 { font-size: 24px; } 
    .history_wrap .month { min-width: 68px; } 
    .history_wrap>ul>li> div ul>li { } 
    .history_wrap>ul>.left::after { right: 47%; } 
    #history .title_box h1:first-child { font-size: 40px; } 
    #history .title_box h1 { font-size: 26px; } 
    #history .history_wrap>ul>li.left div li a { display: flex; flex-direction: row; flex-wrap: nowrap; } 
    #history .history_wrap>ul>li.left div li { display: flex; flex-direction: row; flex-wrap: nowrap; } 

    /*인증및장비*/
 .certification li{width:calc(100% / 3 - 20px) ; margin: 20px 10px;}

    /*오시는길*/
    .company_info h2{font-size: 36px;}

    /*제품*/
    .Process_list li h4{font-size: 20px;}
    .Process_list li:nth-child(2)::before{width: 20px; height: 20px;}
    .Process_list li:nth-child(2)::after{width: 20px ;height: 20px;}
    .Process_list li:nth-child(4)::after{width: 20px; height: 20px;}
   

    /*고객문의*/
    .contact_box { width: 48%; } 
    .contents_wrap > div { margin-bottom: 4%; } 
    .contact_box.box1 { width: 100%; } 

   
}
@media all and (max-width:800px){
    /*sub_top*/
     .sub_visual_txt h2{font-size: 32px;}
    .sub_visual_txt p{font-size: 15px;}
    .depth_wrap{width: 100%;}
    .depth_wrap .depth_name{font-size: 16px;}
    .visual_menu_wrap .com_depth li a{font-size: 15px;}
    .sub_tit{font-size: 34px; margin-bottom: 0;}
    .technology{margin-top: 50px;}

    
    /*개요*/
    .greetings_table table{height: 400px;}
    .greetings_table table tr th{padding: 10px; font-size: 16px;}
    .greetings_table table tr td{padding: 10px; font-size: 16px;}
    .value_wrap h2{font-size: 32px;}
    .value_sec1{height: 500px;}
    .value_sec1 li p{font-size: 18px;}
    .value_sec1 li.value_tit{width: 300px; height: 300px;}
    .vision_txt{width: 100%; }
    .vision_txt p{font-size: 18px;}
    .organization{margin-top: 50px;}
    .greetings_table{margin-top: 50px;}

    /*연혁*/
    #history .title_box { text-align: center; padding-left: 10px; } 
    #history .title_box h1:first-child { font-size: 30px; } 
    #history .title_box h1 { font-size: 20px; } 
    #history .container { display: flex; align-items: flex-start; } 
    #history .tit_wrap { text-align: left; padding: 30px 30px 10px; } 
    .history_wrap::before { left: 10%; } 
    .history_wrap>ul { margin-left: 10%; margin-right: 4%; } 
    .history_wrap>ul>li.right div { width: 100%; } 
    .history_wrap>ul>li.left div { width: 100%; padding-right: 0; padding-left: 60px; } 
    .history_wrap>ul>li::before { left: 0%; } 
    .history_wrap>ul>.right::after { left: 4%; } 
    .history_wrap>ul>.left { text-align: left; } 
    .history_wrap>ul>.left::after { right: unset; left: 4%; } 
    .history_wrap>ul>li.left div li .month { order: unset; padding-left: unset; } 
    .history_wrap>ul>li.left div li { justify-content: flex-start; } 
    .history_wrap>ul>.left> div ul>li::after { right: unset; left: -18px; width: 7px; height: 7px; top: 11px; } 
    .history_wrap>ul>li ul { padding-left: 20px; } 
    .history_wrap::after { font-size: 100px; bottom: 33px; } 
    .history_wrap .month { width: 14%; } 
    .history_wrap>ul>li> div ul>li { font-size: 14px; display: flex; /* flex-direction: row; */flex-wrap: nowrap; } 
    .history_wrap>ul>.right> div ul>li::after { top: 11px; width: 7px; height: 7px; } 
    #history .history_wrap>ul>li.left div li a { display: flex; justify-content: flex-start; } 
    #history .history_wrap>ul>li div li a { display: flex; } 
    .history_wrap>ul>li h4 { font-size: 22px; } 

    /*인증및장비*/
    .certification{margin-top: 50px;}
    .certi_wrap h2{font-size: 25px; margin-bottom: 10px; padding-left: 30px;}
    .certi_wrap h2::before{width: 25px; height: 25px; }
    .certi_wrap .equipment li{width:calc(100% / 2 - 20px) ;}
    .certi_wrap .equipment li .certi_txt h3{font-size: 18px;}
  


    /*오시는길*/
    .company_info h2{font-size: 32px;}
    .company_info .company_info_txt li p{font-size: 18px;}

    /*제품*/
    .product_list{margin-top: 50px;}
    .product_list li p{font-size: 16px;}
    .Process{margin-top: 50px;}
    .Process h3{font-size: 22px;}
    .Process_list li{width: calc(100% / 3 - 40px); margin: 20px;}
    .Process_list li:nth-child(2)::before{left: -40px;}
    .Process_list li:nth-child(2)::after{right: -20px;}
    .Process_list li:nth-child(4)::after{right: -20px;}
    .Process_list li h4{font-size: 18px;}
    .Process_list li p{font-size: 16px;}

    /*고객문의*/
    .inquiry_style1 h3 { font-size: 17px; } 
    .agree_txt { font-size: 14px } 
    .inquiry_style1 .inquiry_tbl_style1_icon { font-size:14px; padding-left: 4px; } 
    .inquiry_tbl_style1_con .write_input { font-size: 14px; } 
    .write-tbl th { font-size: 15px; } 
}
@media all and (max-width:650px){
    .sub_visual_txt h2{font-size: 28px;}
    .sub_tit{font-size: 28px;}
    .depth_wrap > div{width: 200px;}
    .depth_wrap > div.home_btn{width: 70px;}
    .depth_wrap > div.home_btn a i{margin-left: 0;}
    .sub_inner{margin: 50px auto 100px;}

     /*개요*/
     .value_wrap h2{font-size: 24px;}
     .greetings_table{margin-bottom: 50px;}
     .value_sec1{display: flex; flex-direction: column; height: auto;}
     .value_sec1 li.value_mission{position: inherit; top: 0; order: 2; width: 70%; margin: 20px auto;}
     .value_sec1 li div{width: 80%; margin: 0 auto 20px;}
     .value_sec1 li p{font-size: 16px;}
     .value_sec1 li.value_tit{width: 60%; height: 270px; position: inherit; z-index: 1; background-size: contain;}
     .value_sec1 li.value_vision{position: inherit; top: 0; order: 3; width: 70%; margin: 0 auto;}
     .vision_txt p{font-size: 16px;}

    /*인증및장비*/
    .certi_wrap{margin-top: 50px;}
    /*제품*/
    .product_list li{width: calc(100% / 2 - 20px);}
    .Process h3{font-size: 20px;}
    .Process_list li{width:calc(100% / 2 - 40px); margin: 10px 20px; }
    .Process_list li:nth-child(2)::after{display: none;}
    .Process_list li:nth-child(4)::after{display: none;}
    .Process_list li:nth-child(3)::before{content: "";
        position: absolute;
        right: -20px;
        top: 50%;
        transform: rotate(45deg) translateY(-50%);
        width: 20px;
        height: 20px;
        border-top: 5px solid var(--main-color);
        border-right: 5px solid var(--main-color);}
    .Process_list li h4{font-size: 17px;}

}
@media all and (max-width:500px){
    /*sub_top*/
    .sub_visual_box .sub_visual_txt{width: 95%;}
    .sub_visual_box .sub_visual_txt h2{font-size: 30px;}
    .sub_visual_box .sub_visual_txt p{font-size: 15px;}
    .sub_tit{margin-top: 20px;}
    .sub_tit h3{font-size: 22px;}
    .sub_tit h3::before{height: 30px; top: -50px;}
    .mobile_top .second_dep .sub_dep_tit{font-size: 17px;}
    .mobile_top .mo_menu_list li a{font-size: 16px;}


    /*연혁*/
    .historyList .detail dl{ padding-bottom:20px}	
    .historyList .detail dd{ margin:5px 0}	
    #history .title_box h1:first-child{font-size: 24px;}
    #history .title_box h2{font-size: 22px;}

    /*인증및장비*/
    .certification li{width:calc(100% / 2 - 20px) ;}
    .certification li p{font-size: 16px;}

   

    /*오시는길*/
    .company_info h2{font-size: 28px;}
    .company_info .company_info_txt li p{font-size: 16px;}

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

    /*sub_top*/
    .depth_wrap > div.home_btn{display: none;}
    .depth_wrap > div{width: 50%;}
    .depth_wrap .depth_name{font-size: 14px;}
    .sub_tit{font-size: 22px;}
    .sub_visual_box{height: 400px;}
    .sub_visual_txt h2{font-size: 24px;}
    .sub_visual_txt p{font-size: 14px;}
    .visual_menu_wrap .com_depth li{height: 45px; line-height: 45px;}
    .visual_menu_wrap .com_depth li a{font-size: 14px;}
    .sub_visual_txt{top: 50%;}

    /*개요*/
    .value_sec1 li.value_mission, .value_sec1 li.value_vision{width: 80%;}
    .value_sec1 li div{width: 75%;}
    .value_sec1 li.value_tit{height: 255px;}
    .value_sec1 li p{font-size: 16px;}

    /*연혁*/
    .history_wrap>ul>li span:not(.month) { } 
 .history_wrap>ul>li ul { padding-left: 0; } 
 .history_wrap>ul>.right> div ul>li::after { top: 9px; width: 5px; height: 5px; left: -12px; } 
 .history_wrap>ul>.left> div ul>li::after { top: 9px; width: 5px; height: 5px; left: -12px; } 
 .history_wrap>ul>li h4 { font-size: 18px; padding-bottom: 10px; padding-left: 0; position: relative; top: 2px; } 
 .history_wrap::after { font-size: 72px; margin-bottom: -48px; } 
 .history_wrap .month { font-size: 13px; max-width: 34px; } 
 .history_wrap>ul>li> div ul>li { font-size: 13px; } 
 .history_wrap>ul>li.right div { padding-left: 36px; } 
 .history_wrap>ul>li.left div { padding-left: 36px; } 
 .history_wrap>ul>.left::after { left: 4%; } 
 .history_wrap>ul>li div.not_m { padding-left: 8px; } 
 .history_wrap>ul>li.left div.not_m span { justify-content: flex-start; } 
 .history_wrap>ul>li div.not_m span i { padding-right: 3px; padding-left: 3px; } 



    /*오시는길*/
    .company_info .company_info_txt li p em{display: block; margin-top: 5px;}

    /*제품*/
    .Process_list li{width: calc(100% / 2 - 30px); margin: 10px 15px;}
    .Process_list li:nth-child(2)::before{left: -35px; width: 15px; height: 15px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color);}
    .Process_list li:nth-child(3)::before{right: -15px; width: 15px; height: 15px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color);}
    .Process_list li h4{font-size: 16px;}
    .Process_list li p{font-size: 15px;}
    .Process h3{font-size: 15px; padding-left: 35px;}
    .Process h3::before{width: 7px; height: 7px; top: 7px; left: 18px;}
 
    /*고객문의*/
    #inquiry_info .box3 .btn1 { margin-bottom: 20px; } 
    /* INQUIRY */
    #inquiry .inquiry_wrap { width: 100%; } 
    .inquiry_tbl_style1_flex { display: flex; } 
    .tbl_style1_item { width: 100%; } 
    .inquiry_tbl_style1_con .write_input { width: 100% } 
    .cm_btn_controls .btn_submit1 { width: 160px; height: 50px; font-size: 15px; } 
    .agree_txt label { padding-left: 8px; } 
    .editor textarea { font-size: 13px; } 
    .cm_btn_controls .btn_submit1 { width: 140px; height: 40px; font-size: 14px; } 
    .write-tbl th, .write-tbl td { padding: 10px 2px 10px 0; min-width: 74px; word-break: keep-all; font-size: 13px; } 
    .write-tbl td.flex_div_3 { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
    .inquiry_btn { margin-top: 20px; } 
    .inquiry_btn input { font-size: 12px; width: 110px; height: 40px; } 
    #inquiry .agree_txt { font-size: 13px; }

    
}
@media all and (max-width:400px){
    .mobile_top .mo_menu_list li a{font-size: 15px;}

   /*개요*/
   .value_sec1 li.value_tit{width: 70%;}
    .value_sec1 li.value_mission, .value_sec1 li.value_vision{width: 90%;}

    /*인증및장비*/
    .certification li{ margin: 10px auto;}


    /*제품소개*/
    .product_list li{width: 90%; margin: 10px auto;}
    .Process_list li{width: calc(100% / 2 - 20px); margin: 10px;}
    .Process_list li:nth-child(2)::before{left: -22px; width: 10px; height: 10px;}
    .Process_list li:nth-child(3)::before{right: -10px; width: 10px; height: 10px;}
    .Process_list li .Process_list_txt{padding: 10px;}
    .Process_list li h4{font-size: 15px}
    .Process_list li p{font-size: 14px;}
}