/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 600px; 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;  justify-content: flex-end;  margin: 0 auto;  width: 90%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width:87px; font-size: 16px; align-items: center; font-family: 'Exo 2', sans-serif;}  
.depth_wrap > div.home_btn {width: 100px;  } 
.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; font-family: 'Exo 2', sans-serif;}
.depth_wrap > div { padding: 0 30px; position: relative; cursor: pointer; width: 250px;} 
.depth_wrap > div::after{content: ""; display: block; width: 1px; height: 20px; background-color: #aaa; position: absolute; top: 15px; right: 0;}
.depth_wrap > div:last-child:after{display: none;}

.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;} 
.visual_menu_wrap { position: absolute; bottom: 0;  width: 50%; background-color: #fff; height: 65px;  z-index: 99; display: flex; align-items: center;} 
.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: 50px; 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: 14px; 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_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: 100px; left: 50%; transform: translate(-50%,-50%); z-index: 10; text-align: left; font-size: 16px; width: 90%; max-width: 1400px; text-align: center;} 
 .sub_visual_txt h2 { font-size: 60px;    font-weight: 600; color: #fff; font-family: 'Exo 2', sans-serif; text-align: left;} 

/* top menu */
.top_menu .mobile_sub_menu { display: none; } 

/*sub공통*/
.sub_inner{max-width: 1420px; margin:200px auto 150px;}
.sub_tit{font-weight: bold;font-size: 48px; text-align: center; color: #222; margin-bottom: 100px;}
.sub_tit span{color: var(--main-color);font-size: 24px; font-family: 'Exo 2', sans-serif; display: block;}


/*인사말*/
.greetings{display: flex; justify-content: space-between; margin: 50px 0 100px; align-items: center;}
.greetings li{width:calc(100% / 2 - 50px) ; margin: 0 10px;}
.greetings li:nth-child(1){}
.greetings li:nth-child(1) img{width: 100%;}
.greetings li h3{font-size: 24px; font-weight: 300;}
.greetings li h4{font-size: 38px; font-weight: 300;}
.greetings li div{margin: 30px 0; font-size: 20px; line-height: 1.5; color: #222; word-break: keep-all;}
.greetings li div:first-child{margin: 0;}
.greetings li div b{font-size: 26px; margin-left: 20px;}
.greetings li div.sign{text-align: right;}

/*비전*/
.vision{text-align: center;}

/*연혁*/
.history_area .text { display: flex; padding: 55px 0 40px; border-top: 1px solid #c4c4c4; } 
.history_area .text h4 { font-size: 30px; width: 45%; } 
.history_area .text h4 em { color: #c0b653; } 
.history_area .text h4 b { font-size: 75px; padding: 10px 0 50px 15px; display: block; color: #c0b653} 
.history_area .text h4 img { border-radius: 20px; box-shadow: 0px 0px 20px #9b9b9b; margin-left: 20px; } 

.history_area .text.s_event:before { content:""; display: block; position: absolute; top: 0; left: 0; height: 3px; background: #849c08; } 
.history_area .text.s_event.move {opacity: 1; transform: translateY(0%); transition: 1s;}
.history_area .text.s_event.move:before { animation:bar 2s ease-in forwards Alternate; } 
 @keyframes bar { 
 0% { width: 0%; } 
 100% { width: 100%; } 
 }
.history_area .text div { width: 55%; font-size: 18px; margin-top: 30px; } 
.history_area .text div dl { display: flex; margin-bottom: 45px; } 
.history_area .text div dl dt { width: 25%; font-size: 24px; font-weight: 700;} 
.history_area .text div dl dd { line-height: 1.8; width: 70%;} 
.history_area .text div dl dd p { position: relative; padding-left: 10px; margin-bottom: 10px; } 
.history_area .text div dl dd p.b_black.s_event.move { font-weight: 800; } 
.history_area .text div dl dd p.b_red.s_event.move { font-weight: 800; color: red; } 
.history_area .text div dl dd p:before { content:""; display: block; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; background: #7e7e7e; border-radius: 50px; } 
.history_area .text div dl dd p span { margin-right: 15px; }


/*인증서*/
.certificate_list{display: flex; }
.certificate_list li{width: calc(100% / 5 - 20px); margin: 0 10px; }
.certificate_list li .certificate_img img{width: 100%;}
.certificate_list li p{text-align: center; font-size: 18px;margin-top: 15px;}


/*오시는길*/
.map{}
.company_info{margin: 50px 0;}
.company_info h2{color: var(--main-color); font-size: 36px; font-family: 'Exo 2', sans-serif; border-bottom: 2px solid #000; padding-bottom: 15px;}
.company_info h2 span{color: #000;}
.company_info .company_info_txt{}
.company_info .company_info_txt li{display: flex;margin: 20px 0; align-items: center;}
.company_info .company_info_txt li i{font-size: 20px;margin-right: 10px; }
.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;}



/*사업분야*/
.business_wrap{margin-bottom: 150px;}
.business_wrap .sub_inner{margin-bottom:0 ;}
.business{background: url(../../img/business_bg.jpg)no-repeat; width: 100%; height: 100%; background-attachment: fixed; padding: 150px 0;}
.business_inner{max-width: 1460px; margin: 0 auto; text-align: center;}
.business .business_inner h2{font-size: 48px; color: #fff; font-weight: 600;margin-bottom: 30px;}
.business .business_inner>p{color: #fff; font-size: 20px; line-height: 1.5;  font-weight: 400; width: 90%; margin: 0 auto;}
.business .business_inner>p i{display: block;}
.business_list{display: flex; justify-content: center; flex-wrap: wrap; width: 70%; margin: 50px auto 0;}
.business_list li{width:calc(100% / 3); margin: -15px; border: 1px solid #fff; border-radius: 50%; height: 340px;}
.business_list li>div{display: flex; align-items: center; justify-content: center; flex-direction: column;width: 100%; height: 100%;}
.business_list li>div img{}
.business_list li>div h4{font-size: 18px; font-weight: 400;margin-top: 10px; color: #fff;}



/*문의*/
.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: var(--main-color); 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: var(--main-color); color: #fff; text-align: center; width: 170px; height: 50px; font-size: 18px; } 








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

    /*연혁*/
    .history_area .text h4 {font-size: 26px;}
    .history_area .text h4 b {font-size: 65px;padding-bottom: 30px;}
    .history_area .text div dl dt {font-size: 20px;}
    .history_area .text h4 img  {width: 85%;margin-left: 0;}
    .history_area .text:last-child {padding-bottom: 0;}

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

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

    /*sub_top*/
    .visual_menu_wrap{width: 70%;}
    .sub_inner{margin: 100px auto 150px;}
    .sub_tit{font-size: 40px;}
    .sub_tit span{font-size: 22px;}

    /*인사말*/
    .greetings li h3{font-size: 22px;}
    .greetings li h4{font-size: 36px;}
    .greetings li div b{font-size: 22px;}

    /*사업분야*/
    .business_list{width: 80%;}
    .business .business_inner h2{font-size: 36px;}
    /*비전*/
    .vision img{width: 100%;}


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

     /*sub_top*/
     .sub_visual_txt h2{font-size: 48px;}
     .visual_menu_wrap{width: 90%;}
     .sub_tit{font-size: 36px; margin-bottom: 50px;}
     .sub_tit span{font-size: 20px;}

    /*인사말*/
    .greetings li div{font-size: 18px;}
    .greetings li h3{font-size: 20px;}
    .greetings li h4{font-size: 30px;}
    .greetings li div b{font-size: 24px;}

     /*연혁*/
    .history_area .text h4 img  {width: 100%;}
    .history_area .text {display: block;}
    .history_area .text h4, .history_area .text div {width: 100%;}
    .history_area .text div {margin-top: 40px;} 
    .history_area .text {padding: 40px 0 25px;}
    .history_area .text h4 {font-size: 24px;}
    .history_area .text h4 b {font-size: 54px;padding: 0px 0 20px 15px;}
    .history_area .text div dl {margin-bottom: 30px;}

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

     /*고객문의*/
     #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%; } 

     /*사업분야*/
     .business_list{width: 90%;}
     .business_list li{height: 300px;}
     .business_list li>div img{width: 80px;}
     .business .business_inner>p{font-size: 18px;}
}
@media (max-width: 800px) {   
    
    /*sub_top*/
    .sub_visual_box{height: 480px;}
    .sub_visual_txt h2{font-size: 36px;}
    .visual_menu_wrap{width: 95%;}
    .depth_wrap{justify-content: center;}
    .sub_tit{font-size: 30px;}
    .sub_tit span{font-size: 18px;}
    .sub_inner{margin-bottom: 100px;}
    .depth_wrap > div.depth3{display: none;}

    /*인사말*/
    .greetings{flex-direction: column; margin-bottom: 50px;}
    .greetings li{width: 100%; margin: 20px 0;}
    .greetings li div:last-child{text-align: right;}
 
    .greetings li h4{font-size: 26px;}
    .greetings li div b{font-size: 20px;}

     /*연혁*/
    .history_area .text {padding: 20px 0 25px;}
    .history_area .text h4 {font-size: 22px;}
    .history_area .text h4 b {font-size: 48px;}
    .history_area .text div {font-size: 16px;}
    .history_area .text div dl {margin-bottom: 20px;}
    .history_area .text div dl dt {font-size: 18px;}
    .history_area .text div dl dd p:before {top: 11px;}

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

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

    /*사업분야*/
    .business .business_inner h2{font-size: 32px;}
    .business .business_inner>p{font-size: 16px;}
    .business_list li{height: 250px;}
    .business_list li>div img{width: 60px;}
    .business_list li>div h4{font-size: 17px;}
}
@media (max-width: 650px) {   
     /*sub_top*/
     .sub_inner{margin-top: 50px;}
     .sub_visual_box{height: 430px;}
     .sub_visual_txt h2{font-size: 32px;}
     .depth_wrap{width: 95%;}
     .sub_tit{margin-bottom: 30px;}
     .depth_wrap > div.home_btn{display: none;}
     .depth_wrap > div{width: 50%;}

     /*인사말*/
     .greetings{margin: 0 0 50px;}
     .greetings li h3{font-size: 18px;}
     .greetings li h4{font-size: 22px;}
     .greetings li div{margin: 20px 0;}

     /*인증서*/
     .certificate_list{flex-wrap: wrap;}
     .certificate_list li{width:calc(100% / 3 - 20px); margin: 10px;}

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

    /*사업분야*/
    .business .business_inner h2{font-size: 28px;}
    .business_list{width: 100%;}
    .business_list li{height: 220px;}

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

    /*sub_top*/
    .visual_menu_wrap{width: 100%;}
    .sub_tit{font-size: 22px;}
    .sub_tit span{font-size: 16px;}
    .depth_wrap > div{padding: 0 15px; }
    .depth_wrap .depth_name{font-size: 14px;}

    /*인사말*/
    .greetings li h3{font-size: 16px;}
    .greetings li h4{font-size: 20px;}
    .greetings li div{font-size: 16px;}
    .greetings li div b{font-size: 18px;}

     /*연혁*/
    .history_area .text {padding: 15px 0 25px;}
    .history_area .text h4 {font-size: 20px;}
    .history_area .text h4 b {font-size: 36px;}
    .history_area .text div {font-size: 14px;}
    .history_area .text div dl {margin-bottom: 10px;}
    .history_area .text div dl dt {font-size: 16px; width: 35%;}
    .history_area .text div dl dd p:before {top: 11px;}
    .history_area .text div dl dd p {margin-bottom: 5px;}

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

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

     /*사업분야*/
     .business{padding: 100px 0;}
     .business .business_inner h2{font-size: 24px;}
     .business_list{width: 100%;}
     .business_list li{width:calc(100% / 2) ;}
     .business_list li>div h4{font-size: 16px;}
}
@media all and (max-width: 400px){
     /*연혁*/
    .history_area .text h4 img {border-radius: 10px;}
    .history_area .text div {margin-top: 25px;}
    .history_area .text div dl {display: block; margin-bottom: 20px;}
    .history_area .text div dl dd p {margin-bottom: 0;}
    .history_area .text div dl dd{width: 100%;}

    /*인증서*/
    .certificate_list li{width:70%; margin: 10px auto;}

    /*고객문의*/
    #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; }

    /*사업분야*/
    .business_list li{height: auto; width: 60%; padding: 50px 0;}
}