/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box {width: 100%;height: 510px;overflow: hidden;position: relative;} 
.sub_page_visual {background-repeat: no-repeat;background-position: top 140px center;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;align-items: center;justify-content: flex-start;max-width: 1300px;margin: 0 auto;font-size: 18px;width: 90%;} 
.depth_wrap .depth_name {display: flex;justify-content: space-between;min-width:87px;font-size: 15px;}  
.depth_wrap > div.home_btn {width: 40px;padding: 0 20px 0 0;} 
.depth_wrap > div.home_btn a{display: block; width: 100%; height: 100%;}
.depth_wrap > div.home_btn a i{display: block; margin-top: -5px;}
.depth_wrap > div {padding: 0 20px;position: relative;cursor: pointer;width: 200px;} 
.depth_wrap > div::after{content: "";display: none;width: 1px;height: 15px;background-color: #ddd;position: absolute;top: 15px;right: 0;}
.depth_wrap > div {width: 160px;padding: 0 20px 0 0;}
.depth_wrap > div.second_dep.depth2 {padding: 0;}
.depth_wrap > div.depth2:after {display: none;}
.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: 50px;} 
.visual_menu_wrap {position: absolute;top: 90px;width: 100%;background-color: #f6f6f6;height: 50px;line-height: 50px;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: 50px; z-index: 10; } 
.visual_menu_wrap .com_depth li:hover a{color: #002b72; font-weight: 600;}
.visual_menu_wrap .com_depth li.on a{color: #002b72;}
.visual_menu_wrap .com_depth li a.on{color: #002b72;}
.visual_menu_wrap .com_depth li a {padding: 3px;font-size: 14px;display: block;width: 100%;height: 35px;line-height: 35px;} 
.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: 65%; 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: 15px;  padding-bottom: 10px; font-family: 'Blinker', sans-serif; font-weight: 500; color: #fff; } 
 .sub_visual_txt h2 span{border-bottom: 1px solid #fff; padding-bottom: 5px;}
 .sub_visual_txt h1 { font-size: 60px; font-weight: 600; color: #fff;font-family: 'Noto Sans KR', sans-serif; } 

 
 .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; } 

/* 공통 */
.page{margin: 65px 0 160px;position: relative;}
.page .page_inner{max-width: 1300px;width: 90%;margin: 0 auto 60px;letter-spacing: -1px;}
.page .sub_top{display: flex; justify-content: space-between;}
.flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
/**/
.page .page_inner .page_left{}
.page .page_inner .page_left h2{font-size: 45px; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}
.page .page_inner .page_left p{font-size: 18px; color: #888; margin: 20px 0; word-break: keep-all;}
.page .page_inner .page_left p i{display: block;}
.page .page_inner .page_right{display: flex;margin-top: 10px;font-size: 16px;text-align: center;}
.page .page_inner .page_right p{width: 80px;color: #888;position: relative;margin: 0 5px;}
.page .page_inner .page_right p.hom{width: 40px;}
.page .page_inner .page_right p::after{content: ""; display: block; background: url(../img/top_right.png) no-repeat; width: 20px; height: 20px; position: absolute; top: 3px; right: -13px;}
.page .page_inner .page_right h2{position: relative;margin: 0 5px;padding-right: 5px;color: #222;font-weight: 400;}
.page .page_inner .page_right h2.product{width: 140px;}
.page .page_inner .page_right h2::after{content: "";display: block;width: 5px;height: 5px;background-color: #002b72;border-radius: 50%;position: absolute;top: 0;right: 0;}


/********인사말********/
#greetings .greetings_img{margin-bottom: 115px;}
#greetings .greetings_img img{}

#greetings .greetings_txt h2{font-size: 40px;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;color: #333;word-break: keep-all;margin-bottom: 50px;letter-spacing: -2px;}
#greetings .greetings_txt h2 i{display:block ;}
#greetings .greetings_txt h2 strong {color: #002b72;}
#greetings .greetings_txt h3{font-family: 'Noto Sans KR', sans-serif; font-size: 28px; font-weight: 300; margin: 50px 0; color: #343434;}
#greetings .greetings_txt h3 i{display: block;}
#greetings .greetings_txt h3 span{color:#006ab6; font-weight: 600;}
#greetings .greetings_txt p{font-size: 20px;margin-bottom: 30px;color: #333;line-height: 1.6;word-break: keep-all;font-weight: 300;}
#greetings .greetings_txt p:last-child {font-size: 26px;color: #222;margin: 70px auto 0;}
#greetings .greetings_txt p:last-child strong {font-size: 28px;margin-left: 20px;font-weight: 500;letter-spacing: 4px;}
#greetings .greetings_txt p i{display: block;}


/********주요 거래처********/
#client .client_txt ul {margin: 0 -40px 0 0;}
#client .client_txt ul li {width: calc(100% / 4 - 40px);margin: 0 40px 30px 0;border: 1px solid #ddd;}
#client .client_txt ul li img {margin: 0 auto;display: block;transition: all .3s;}
#client .client_txt ul li p {margin-bottom: 20px;font-size: 20px;text-align: center;}
/* hover */
#client .client_txt ul li:hover img {transform: scale(1.1);transition: all .3s;}

/********연혁********/
#history{margin-top: 100px; overflow: hidden;}
.history_img_area {position: relative; width: 100%; display: block; clear: both}
.history_img img {width: 100%;}
.history_txt {position: absolute; left: 10%; top: 50%; transform: translateY(-50%);}
.history_txt1 {font-size: 30px; color: #fff; padding-bottom: 10px; font-weight: 100;}
.history_txt1 span {font-weight: 600;}
.history_txt1 br {display: none;}
.history_txt2 {font-size: 20px; list-style: 30px; color: #fff; font-weight: 400;}

.time_wrap{max-width:1320px; margin:50px auto 100px; width:100%;}
.time_tab {margin-bottom:80px; margin-left:1px;}
.time_tab .tab_btn{width:50%; border:1px solid #d7d7d7; background-color:#f3f4f4; box-sizing:border-box; text-align:center; color:#666; font-size:18px; line-height:60px; cursor:pointer; float:left; margin-left:-1px;transition: all 0.3s;}
.time_tab .tab_btn.on{background:#3c48b4; color:#fff; border:1px solid #3c48b4; line-height:60px}
.time_tab .tab_btn:hover {border: 1px solid #3c48b4; z-index: 1}

.tab_cont{display:none;}
.tab_cont.on_box{display:block;}
.tab_cont .history_box{margin-top:60px; padding-left:50px;}
.tab_cont .time_line_box{display:flex;}
.tab_cont .time_line_box .year{min-width:220px;font-family: 'Blinker', sans-serif; font-size:40px; font-weight:600; color:#006ab6; position:relative;}
.tab_cont .time_line_box .year:before{content:""; display:block; width:60px; height:1px; background:#006ab6; position:absolute; top:23px; left:116px;}
.tab_cont .time_line_box .year:after{content:""; display:block; width:11px; height:11px; background:#fff; border:3px solid #006ab6; border-radius:100%; position:absolute; top:18px; right:0;}
.tab_cont .time_line_box ul{padding-left:30px;}
.tab_cont .time_line_box ul{margin-top:10px;position:relative; width:70%; padding-bottom: 30px;}
.tab_cont .time_line_box ul:before{content:""; display:block; width:1px; height:100%; background:#e9e9e9; position:absolute; top:19px; left:-6px;}
.tab_cont .history_box>div:last-child ul:before{display:none;}
.tab_cont .time_line_box ul li{margin-bottom:30px;}
.tab_cont .history_box>div:nth-child(1) ul li:nth-child(1){margin-top:0;}
.tab_cont .time_line_box ul li .month{position:absolute; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:600;}
.tab_cont .time_line_box ul li .detail{margin-bottom:12px; padding-left: 30px; font-size: 18px; color: #6e6e6e; position: relative}
.tab_cont .time_line_box ul li .detail:before {content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #6e6e6e; left: 17px; top: 12px}


/*******오시는길********/
#location .location_left, #location .location_right {width: 50%;}
#location .location_left {max-width: 633px;width: 45%;margin-right: 5%;}
#location .location_left img {max-width: 633px;width: 100%;}
#location .location_right iframe {width: 100%;} 
.location_table_wrap {margin-top: 60px;}
.location_table_wrap h3 {font-size: 26px;font-weight: 400;color: #222;}
.location_table_wrap h3 img {margin-right: 15px;}
.location_table_wrap h3 span {color: #002b72;font-weight: 500;}
.location_table{margin-top: 15px;width: 100%;border-top: 2px solid #000;}
.location_table tr{}
.location_table tr th{padding: 15px 25px;border-bottom: 1px solid #ccc;font-weight: 400;text-align: left;background: #f8f8f8;}
.location_table tr th i{margin-right: 20px;}
.location_table tr td{padding-left: 20px;border-bottom: 1px solid #ccc;}
.location_table tr th, .location_table tr td {color: #000;font-size: 18px;}


/******제품소개********/
#product .tab-content{display: none;}
#product .tab-content.current{display: inherit;}
#product{margin-top: 100px;}
.product_tab{display: flex;}
.product_tab li{width: calc(100% / 4 - 20px); border: 1px solid #ebebeb; border-bottom: none; text-align: center; height: 60px; padding-top: 20px; cursor: pointer;}
.product_tab li span{ font-size:17px ; color: #555; word-break: keep-all;}
.product_tab li.current{border: 1px solid #124477; border-bottom: none;}
.product_tab li.current span{color: #124477;}

/* .product_tab li a{display: block; width: 100%; height: 100%; font-size: 17px; color: #555; }
.product_tab li.current a{color: #124477;} */
/***********product1_tab1************/
.product_inner{max-width: 1700px; width: 95%; margin: 0 auto;}
.product1{margin-top: 80px; }
.product1 h2{font-size: 42px; font-weight: 300; text-align: center; transform: translateY(30px); font-family: 'Noto Sans KR', sans-serif;}
.product1 h2 span{color: #124477; font-weight: 600;}
.product1_tab1{ position: relative; /*margin-bottom: 300px;*/}
/* .product1_tab1::before{content: ""; display: block;background-color: #f9fbfd; position: absolute; left: -300px; top: 0; width: 1900px; height: 500px;z-index: -1;} */
.product_bg{background-color: #f9fbfd; position: absolute; left: 0px; top: 460px; width: 100%; height: 500px;z-index: -1;}

/* .product1_tab1 ul{display: flex; transform: translateY(100px); position: relative; justify-content: center;} */
/* .product1_tab1 ul::before{content: ""; display: block;background-color: #124477;width:620px; height: 2px;position: absolute; top: 177px; left: 328px; }
.product1_tab1 ul li{width: calc(100% / 3 - 0px); position: relative; margin: 0 -18px;} */
/* .product1_tab1 ul li::before{content: ""; display: block; background: url(../img/product1_tab1_bg.png) no-repeat; width: 100%; height:350px; background-size: cover;} */

/* .product1_tab1 ul li .product1_tab1_img{width: 408px; height:350px; position: relative;}
.product1_tab1 ul li .product1_tab1_img::before{content: ""; display: block; background: url(../img/product1_tab1_bg.png) no-repeat; width: 100%; height:350px; } */


/* .product1_tab1 ul li h3{position: absolute; top: 160px; left: 0; font-size: 26px; color: #fff;  width: 100%; text-align: center; font-weight: 300; font-family: 'Noto Sans KR', sans-serif;}
.product1_tab1 ul li h3 i{display: block;}
.product1_tab1 ul li span{display: block; text-align: center; background-color: #fff; height: 70px; line-height: 70px; width: 60%; margin: 0 auto; border-radius: 30px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; font-size: 20px; font-weight: 600;  position: absolute; left: 88px; top: 310px; z-index: -1;} */
.product1_tab1 ul li .product1_tab1_txt{width: 60%; margin: 0 auto ;}
.product1_tab1 ul li .product1_tab1_txt p{font-size: 18px; color: #666; line-height: 1.75; word-break: keep-all;}


.product1_tab1 .product1_img{padding-top: 100px; text-align: center;}
/* .product1_tab1 .product1_img img{width: 100%;} */
.product1_tab1 ul{display: flex; justify-content: space-between; /*position: absolute; top: 100px; left: 0; width: 100%; height: 450px;*/ margin-top: 30px;}
.product1_tab1 ul li{width:calc(100% / 3 - 0px) ;}
.product1_tab1 ul li .product1_tab1_img{width: 100%; text-align: center; position: relative; height: 100%;}
.product1_tab1 ul li .product1_tab1_img h3{color: #fff; position: absolute; width: 100%; top: 160px; font-size: 26px;font-weight: 300; }
.product1_tab1 ul li .product1_tab1_img h3 i{display: block;}
.product1_tab1 ul li .product1_tab1_img span{display: block; width: 100%; position: absolute; bottom: 55px; font-weight: 600; font-size: 20px;}




/***********product1_table************/
.table_wrap{overflow-x: auto;}
.product1 .product_txt{font-size: 42px; color: #333; font-weight: 300; margin-bottom: 20px;}
.product1 .product_txt span{font-family: 'Blinker', sans-serif; font-weight: 600;}
.product1 .product_txt i{display: block;}
.product_table{border: 1px solid #d7d7d7; /*margin-top: 80px;*/ width: 100%; border-top: 2px solid #000; min-width: 700px; }
.product_table th{text-align: left; background-color: #f4f4f4; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px; font-size: 16px; font-family: 'Blinker', sans-serif; }
.product_table td{padding: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 15px; font-family: 'Blinker', sans-serif; word-break: keep-all;}
.product_table td img{display: block; margin: 0 auto;}
.product_table tr th:last-child{border-right: none;}
.product_table tr td:last-child{border-right: none;}
.product_table tr:last-child td{border-bottom: none;}

.product_table td a{display: block; text-align: center; font-size: 25px;}
.product_table td a:hover i{color: #006ab6 ;}
.product_table td i{display: block;}

.product_table td.pdf{background-color: #f4f4f4;}
.product_table td.pdf a{display: block;width: 100%; height: 100%; color:#124477 ; font-size: 16px; text-align: left; }
.product_table td.pdf a:hover{font-weight: 600; text-decoration: underline;}
.oled{margin-top: 30px;}
.oled_tit{font-size: 40px; color: #333; font-family: 'Blinker', sans-serif; margin-top: 50px; margin-bottom: 20px;}
.tech_tit{font-size: 16px; line-height: 1.5; word-break: keep-all;  }

/* .technical{margin-top: 30px;} */

/************product1_custom1*****************/
.product1 .custom1{display: flex; flex-wrap: wrap; margin-top: 80px;}
.product1 .custom1 li{border: 1px solid #ddd; width: calc(100% / 3 - 30px); margin: 10px 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.product1 .custom1 li .custom1_img{border-bottom: 1px solid #ddd; text-align: center;}
.product1 .custom1 li .custom1_img img{}
.product1 .custom1 li .custom1_txt{padding: 20px 20px 20px 40px;}
.product1 .custom1 li .custom1_txt h2{font-family: 'Blinker', sans-serif; font-size: 28px; color: #124477; transform: translateY(0); text-align: left; font-weight: 600; margin-bottom: 20px;}
.product1 .custom1 li .custom1_txt p{font-family: 'Blinker', sans-serif; font-size: 16px; line-height: 1.7; position: relative; word-break: keep-all;}
.product1 .custom1 li .custom1_txt p::before{content: ""; display: block; background-color: #124477; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: -15px; top: 10px;}
.product1 .custom1 li.customLCD3{width: 100%;}

/************product5_img_list*****************/
.pro5_img_list{margin-top: 50px; display: flex; flex-wrap: wrap;}
.pro5_img_list li{width: calc(100% / 4 - 20px); border: 1px solid #ddd; margin: 10px;}
.pro5_img_list li img{width: 100%;}


/*********************E-paper**********************/
.e_paper{display: flex;}
.e_paper li{ width: calc(100% / 4 - 20px); margin: 10px; border: 1px solid #ddd;}
.e_paper li .e_paper_img{ padding: 10px 10px 0;}
.e_paper li .e_paper_img img{ width: 100%;}
.e_paper li .e_paper_txt{ position: relative; padding: 20px;}
.e_paper li .e_paper_txt span{background-color:#124477; color: #fff; padding: 10px 13px; border-radius: 50%; font-size: 20px; position: absolute; top: -20px; right: 15px; }
.e_paper li .e_paper_txt h3{font-size: 22px; color: #124477;margin: 20px 0 10px; }
.e_paper li .e_paper_txt p{font-size: 16px; line-height: 1.75; word-break: keep-all;}

/******E-paper_tab2***/
.e_paper_tab2{background: #f4f4f4; height: 650px; margin-top: 100px;}
.e_paper_tab2 h4{font-size: 32px; background-color: #fff; width: 40%; text-align: center; margin: 0 auto; border-radius: 30px; border: 2px solid #124477; color: #124477; transform: translateY(-25px); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.e_paper_tab2 .e_paper_tab2_list{display: flex; margin-top: 30px;}
.e_paper_tab2 .e_paper_tab2_list li{width: calc(100% / 3 - 20px); margin: 10px; border: 1px solid #124477; padding:20px; position: relative;}
.e_paper_tab2 .e_paper_tab2_list li span{display: block; background-color: #fff; width: 50%; font-size: 22px; text-align: center; border-radius: 30px; margin: -40px auto 20px; padding: 5px 0; border: 1px solid #124477;}
.e_paper_tab2 .e_paper_tab2_list li>p{font-size: 16px; background-color: #fff; margin: 10px 0;  padding: 10px; word-break: keep-all;}
.e_paper_tab2 .e_paper_tab2_list li i{}

.e_paper_tab2 .e_paper_tab2_list li .e_paper_tab2_txt{position: relative; margin-top: 80px; background-color: #fff; padding: 20px; padding-left: 40px; height: 300px;}
.e_paper_tab2 .e_paper_tab2_list li .e_paper_tab2_txt::before{content: ""; display: block; width: 50px; height: 50px; background: url(../img/arrow_icon.png) no-repeat; position: absolute; top: -65px; left: 50%; transform: translateX(-50%); }
.e_paper_tab2 .e_paper_tab2_list li .e_paper_tab2_txt h3{font-size: 17px; }
.e_paper_tab2 .e_paper_tab2_list li .e_paper_tab2_txt p{font-size: 16px; list-style: 1.75; position: relative; margin-top: 10px;}
.e_paper_tab2 .e_paper_tab2_list li .e_paper_tab2_txt p::before{content: ""; display: block; width: 5px; height: 5px;border-radius: 50px; background:#124477; position: absolute; left: -14px; top: 10px;}

.e_paper_tab3{text-align: center;}




/*  문의하기 폼 */
#inquiry .inquiry_wrap{width: 70%; margin: 0 auto;}
.inquiry_agree {margin-bottom: 70px;}
.inquiry_style1 h3 {font-size: 20px;font-weight: 500;padding-bottom: 15px;} 
.inquiry_style1 h3 span {color: red;} 
.inquiry_style1 .inquiry_tbl_style1_icon {font-weight: 400;} 
.editor textarea {width: 100%;height: 220px;border: 1px solid #ddd;padding: 15px;font-size: 16px;font-weight: 300;color: #000;display: block;} 
.agree_txt {text-align: right;font-size: 16px;font-weight: 300;padding: 10px 20px 0 0;}
.agree_txt #agree1 {text-align: right;margin: 0 10px;} 
.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: #000; 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; } 

/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.top_txt {font-size: 16px;text-align: right;font-weight: 300;padding-bottom: 10px;}
.top_txt span {font-weight: 400;}
.top_txt strong {font-weight: 500;}
/**/
.inquiry_style1.inquiry_tbl_style2 {margin-bottom: 40px;border-top: 2px solid #002b72;} 
.essential-icon, .top_txt span { color: red; } 
.inquiry_sec h4 { font-size: 23px; color: #222; position: relative; margin-bottom:12px; font-weight:500 } 
.inquiry_sec h4:after { display: inline-block; width:6px; height:6px; border-radius: 2px; background-color:#0f529d; margin-left: 5px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.inquiry_sec.mt60 h4 { margin-top:60px } 
.write-tbl { width:100%; border-top:1px solid #333; } 
.write-tbl th {padding: 40px 0;}
.write-tbl td {padding: 20px 30px 20px 0;}
.write-tbl tr:last-child td {padding: 30px 30px 30px 50px;}
.write-tbl th,.write-tbl td {padding-left: 50px;border-bottom:1px solid #ddd;} 
.write-tbl th {color: #000;font-size: 20px;font-weight:400;text-align:left;width: 14%;} 
body.lang_eng .write-tbl th, body.lang_sp .write-tbl th { font-weight:600 } 
.write-tbl th.none_impor { padding-left:20px; } 
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea {height: 50px;border:0px;/* width:63.6%; */background-color:#fff;border:1px solid #d2d2d2;font-size: 20px;vertical-align:middle;padding:10px;box-sizing:border-box;font-weight: 100;} 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; width: 20%; } 
.write-tbl .write-input2 { width: 15%; } 
.write-tbl .write-select {/* height:38px; */width: 20%;} 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl .inquiry_txt{width: 100%;}
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl td .write-sub-txt { color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl td .write-sub-txt2 { display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl .hypen { margin:0 5px; } 
.write-tbl .input-check { padding:10px 0; } 
.write-tbl .input-check span { margin-right:30px; } 
.write-tbl .input-check span label { vertical-align:middle; font-size:14px; } 
.address-fieldset .write-input { margin-top:6px; } 
.address-fieldset .write-input:first-child { margin-top:0; } 
.write-tbl .address-btn { display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px; } 
.write-tbl .address-btn:hover { background-color:#464646; color:#fff; } 
.btn_address { display: inline-block; padding:0 20px; vertical-align: top; color: #fff; width: 187px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height:38px; font-size:14px; background:#777 } 
.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:inline-block; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 133px); color:#aaa; font-size:13px; } 
.filebox .file_wr label { display: inline-block; padding: 0 20px; vertical-align: top; color: #fff; width:130px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height: 38px; font-size: 13px; background: #777; cursor: pointer;} 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.cm-btn-controls { overflow:hidden; text-align:center; padding-top:30px; } 
.cm-btn-controls.cm-btn-align-left { text-align:left; } 
.cm-btn-controls.cm-btn-align-right { text-align:right; } 
.cm-btn-controls .left-btn-controls { float:left; } 
.cm-btn-controls .right-btn-controls { float:right; } 
.cm-btn-controls button,.cm-btn-controls a { display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 0px 2px; cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } 
.cm-btn-controls a { line-height:42px; } 
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a { width:100%; height:50px; margin:0px; margin-bottom:5px; } 
.cm-btn-controls.cm-btn-long-controls a { box-sizing:border-box; line-height:50px; } 
.cm-btn-controls .btn-style01 { background-color:#0f529d; } 
.cm-btn-controls .btn-style02 { background-color:#8c8c8c; } 
.cm-btn-controls .btn-style03 { box-sizing:border-box; background:#fff; border:1px solid #888; color:#222; } 
.email-fieldset .write-select { margin-left:13px } 
.inquiry_btn{margin-top: 50px;text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 300px;margin: 0 auto;font-size: 20px;}
.inquiry_btn .btn_submit1, .inquiry_btn a{color: #444;width: 135px;height: 50px;background-color: #fff;border: 2px solid #444;transition: all .3s;line-height: 45px;}
.inquiry_btn .btn_submit1{background-color: #444;color: #fff;}
.inquiry_btn a{background-color: #fff;border: 2px solid #444;}
.inquiry_btn .btn_submit1:hover{background-color: #002b72;}

/*****************반응형********************/

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

 /* 문의하기 */
 #inquiry .inquiry_wrap { width: 96%; margin: 0 auto; } 
}
@media all and (max-width:1430px){

	/*****product1*******/
	.product1_tab1 ul li .product1_tab1_img span{bottom: 65px;}

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

	/*****product1*******/
	.product1_tab1 ul li .product1_tab1_img{height: 370px;}
	.product1_tab1 ul li .product1_tab1_img h3{top: 140px; font-size: 24px;}
	.product1_tab1 ul li .product1_tab1_img span{bottom: 20px;}
	.product1_tab1 ul li .product1_tab1_txt{margin: 50px auto 0;}
	
	/*****product1_tab2*******/
	.product1 .custom1 li .custom1_img img{width: 100%;}
	.product1 .custom1 li .custom1_txt h2{font-size: 26px;}
}
@media all and (max-width:1200px){
	/**top***/
	.sub_visual_box {height: 490px;}
	.sub_page_visual {background-position: top 120px center;}
	.visual_menu_wrap{top: 70px;}
	.visual_menu_wrap.fixed{top: 70px;}
	.depth_wrap, .page .page_inner {width: 96%;}
	.page .page_inner .page_left h2 {font-size: 40px;}

	/*****greetings*******/
	#greetings .greetings_img img {width: 100%;height: 350px;object-fit: cover;}
	#greetings .greetings_txt h2 {font-size: 35px;}
	#greetings .greetings_txt p:last-child {font-size: 24px;}
	#greetings .greetings_txt p:last-child strong {font-size: 26px;}
	
	/*****product1*******/
	.product1_tab1 ul li .product1_tab1_img h3{font-size: 22px;}
	.product1_tab1 ul li .product1_tab1_img span{font-size: 18px; bottom: 42px;}

	.product1_tab1 .product1_img img{width: 100%;}
}

@media all and (max-width:1100px){
	/*****client*******/
	#client .client_txt ul {margin: 0 -30px 0 0;}
	#client .client_txt ul li {width: calc(100% / 3 - 30px);margin: 0 30px 30px 0;}
	#client .client_txt ul li img {width: 100%;}

	
	/*****product1*******/
	.product1_tab1{margin-bottom: 350px;}
	.product1_tab1 ul li .product1_tab1_img h3{top: 120px;}
	.product1_tab1 ul li .product1_tab1_img span{bottom: 70px; font-size: 18px;}
}
@media (max-width: 1024px){

 	/****서브비주얼****/
	 .sub_visual_txt h1{font-size: 50px;}

	/***인사말*****/
	.greetings .greetings_img img{width: 100%;}
	.greetings .greetings_inner .greetings_left h2{font-size: 36px;}
	.greetings .greetings_txt h2{font-size: 32px;}


    /***연혁*****/
    .history_txt {position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
	.history_txt1 {font-size: 25px; color: #fff; padding-bottom: 10px; font-weight: 100;}
	.history_txt2 {font-size: 18px; list-style: 28px; color: #fff; font-weight: 400;}

	/*****product1*******/
	.product1 h2{font-size: 36px; transform: translateY(46px);}
	.product1_tab1{margin-bottom: 0px;}
	.product_bg{height: 400px;}
	.product1_tab1 .product1_img{}
	.product1_tab1 .product1_img img{padding-top: 20px;}
	.product1_tab1 ul li .product1_tab1_img h3{font-size: 20px; top: 130px;}
	.product1_tab1 ul li .product1_tab1_img span{font-size: 16px;}
	.product1_tab1 ul li .product1_tab1_txt{margin: 0 auto;}

	/*****product2_tab1*******/
	.product1 .product_txt{font-size: 32px;}
	.oled_tit{font-size: 36px;}


	/***********technical2************/
	.e_paper li .e_paper_txt span{font-size:22px ;}
	.e_paper li .e_paper_txt span{padding: 8px 11px;}

	/******E-paper_tab2***/
	.e_paper_tab2{height: 680px;}
	.e_paper_tab2 h4{font-size: 30px; width: 50%;}
	.e_paper_tab2 .e_paper_tab2_list li span{width: 70%; font-size: 20px;}


	/*문의하기*/
	.write-tbl th {min-width: 130px;} 
    .write-tbl .write-input { width: 30%; } 
    .write-tbl .write-select { width: 15%; } 
    .write-tbl .write-input2{width: 15%;}
	.write-tbl .inquiry_txt{width: 100%;}
}
@media all and (max-width:960px){
	/*****location*******/
	#location .location_txt {flex-direction: column;}
	#location .location_left, #location .location_right {width: 100%;}
	#location .location_left {max-width: 100%;width: 100%;margin: 0 0 5% 0;} 
	#location .location_left img {max-width: 100%;}
	.location_table_wrap {margin-top: 30px;}
	
	/*****product1*******/
	.product1_tab1 ul li .product1_tab1_img span{bottom: 88px; font-size: 15px;}

	/******E-paper_tab2***/
	.e_paper_tab2{height: auto;}
	.e_paper_tab2 .e_paper_tab2_list{flex-wrap: wrap;}
	.e_paper_tab2 .e_paper_tab2_list li{width: calc(100% / 2 - 20px); margin: 20px 10px;}
}
@media (max-width: 768px){
 	/****서브비주얼****/
	 .sub_visual_txt h1{font-size: 42px;}
	 .depth_wrap > div{width: 50%;}
	.page{margin: 20px 0 100px;}
	.page .page_inner {margin: 0 auto 40px;}
	.page .page_inner .page_left h2 {font-size: 35px;}
	.page .page_inner .page_left p {margin: 10px 0 20px;}
	.page .sub_top {flex-direction: column-reverse;}
	.page .page_inner .page_right {margin-bottom: 20px;text-align: left;font-size: 15px;}
	.page .page_inner .page_right p::after {right: 0;}

	/***인사말*****/
	#greetings .greetings_img {margin-bottom: 50px;}
	#greetings .greetings_img img {height: 280px;}
	#greetings .greetings_txt h2 {font-size: 28px;margin-bottom: 30px;}
	#greetings .greetings_txt p {font-size: 18px;margin-bottom: 15px;}
	#greetings .greetings_txt p i {display: none;}
	#greetings .greetings_txt p:last-child {font-size: 22px;margin: 50px auto 0;}
	#greetings .greetings_txt p:last-child strong {font-size: 24px;}

	/*****client*******/
	#client .client_txt ul {margin: 0 -20px 0 0;}
	#client .client_txt ul li {width: calc(100% / 2 - 20px);margin: 0 20px 20px 0;}
	#client .client_txt ul li p {font-size: 18px;margin-bottom: 15px;}


    /***연혁***/
	#history{margin-top: 50px;}
	.history_txt1{font-size: 20px;}
    .time_wrap .tab_cont .history_box{padding-left:0;}
	.time_wrap .tab_cont .time_line_box{display:block;}
	.time_wrap .tab_cont .time_line_box .year{min-width:auto; font-size:35px; display:inline-block;}
	.time_wrap .tab_cont .time_line_box .year:before{content:""; display:block; width:430px; height:1px; background:#00a1ff; position:absolute; top:23px; left:116px;}
	.time_wrap .tab_cont .time_line_box .year:after{right:-20px;}
	.time_wrap .tab_cont .time_line_box ul{width:100%; padding-left:0px;}
	.time_wrap .tab_cont .time_line_box ul:before{display:none;}
	.time_wrap .tab_cont .time_line_box ul li{margin-bottom:20px;}
	.time_wrap .tab_cont .time_line_box ul li .detail{font-size:13px;}
	.time_wrap .tab_cont .time_line_box ul li .detail:before {width: 3px; height: 3px; left: 19px; top: 8px}
    .time_wrap .tab_cont .time_line_box .year{font-size:30px;}
	.time_wrap .tab_cont .time_line_box .year:after{top:13px;}
	.time_wrap .tab_cont .time_line_box .year:before{content:""; display:block; width:280px; height:1px; background:#00a1ff; position:absolute; top:18px; left:100px;}
	.time_wrap .tab_cont .time_line_box ul li .month{font-size:17px;}


	/***오시는길*****/
.location_table tr th {padding: 10px 15px;}
.location_table tr td {padding-left: 15px;}
	
	/*****product1*******/
	.product_bg{height: 430px;}
	#product{margin-top: 50px;}
	.product_tab li{width: calc(100% / 4 - 0px);}
	.product_tab li.pro2_tb{width:calc(100% / 2 - 0px); }
	.product_tab li.tech_tb{width:calc(100% / 3 - 0px); }
	.product_tab li span{font-size: 15px;}
	.product1{margin-top: 50px;}
	.product1 h2{font-size: 28px;}
	.product1_tab1 ul li .product1_tab1_img h3{font-size: 18px; top: 100px;}
	.product1_tab1 ul li .product1_tab1_img span{font-size: 13px; bottom: 70px;}
	.product1_tab1 ul li .product1_tab1_img{height: 300px;}
	.product1_tab1 ul li .product1_tab1_txt{width: 100%;}
	.product1_tab1 ul li .product1_tab1_txt p{font-size: 16px;}

	/*****product1_tab2*******/
	.product1 .custom1 li{width: calc(100% / 2 - 30px);}
	.product1 .custom1 li .custom1_txt h2{font-size: 22px;}

	/*****product2_tab1*******/
	.product1 .product_txt{font-size: 26px;}
	.oled_tit{font-size: 30px;}

	/*****product5*******/
	.product_table td img{width: 100%;}
	.pro5_img_list li{width: calc(100% / 3 - 20px);}
	.product_table td i{display: inline-block;}

	/***********technical2************/
	.e_paper{flex-wrap: wrap;}
	.e_paper li{width: calc(100% / 2 - 20px);}
	.e_paper li .e_paper_txt span{font-size: 20px;}
	.e_paper li .e_paper_txt h3{font-size: 20px;}
	.e_paper_tab3 img{width: 100%;}

	/*문의하기*/
	.inquiry_style1 h3 {font-size: 17px;} 
	.editor textarea {height: 150px;}
    .agree_txt { font-size: 14px } 
    .inquiry_style1 .inquiry_tbl_style1_icon {font-size:14px;} 
    .inquiry_tbl_style1_con .write_input { font-size: 14px; } 


    .write-tbl th { } 
    .write-tbl td { width: calc(100% - 116px); } 
    .write-tbl th, .write-tbl td, .write-tbl tr:last-child td { padding: 10px 7px; } 
	.write-tbl .write-textarea {font-size: 16px;height: 150px;}
    .write-tbl .write-input { } 
    .write-tbl .write-select { } 
    .write-tbl .write-input.width_100 { width: 100%; } 
    .write-tbl .width20 { width: calc((100% - 52px) / 3); } 

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


	/******top**********/

	.depth_wrap > div.depth3 .depth_name{line-height: 4;}
	.greetings .greetings_inner .greetings_right{display: none;}


	/*****product1*******/
	.product1_img{display: none;}
	/* .product1_tab1{margin-bottom: 0;} */
	/* .product1_tab1 ul li .product1_tab1_img{background: url(../img/product1_tab1_m.png) no-repeat; width: 100%; height:380px; background-size: contain; background-position: center } */
	.product_bg{display: none;}
	.product1 h2{transform: translateY(0); margin-bottom: 30px;}
	.product1_tab1 ul{position: inherit; top: 0; flex-direction: column; height: auto;}
	.product1_tab1 ul li{width: 60%; margin: 20px auto;}
	.product1_tab1 ul li:nth-child(1)::before{content: "";display: block; background: url(../img/product1_tab1_m1.png) no-repeat; width: 100%; height:350px; background-size: contain; background-position: center}
	.product1_tab1 ul li:nth-child(2)::before{content: ""; display: block; background: url(../img/product1_tab1_m2.png) no-repeat; width: 100%; height:350px; background-size: contain; background-position: center}
	.product1_tab1 ul li:nth-child(3)::before{content: ""; display: block; background: url(../img/product1_tab1_m3.png) no-repeat; width: 100%; height:350px; background-size: contain; background-position: center}
	.product1_tab1 ul li .product1_tab1_img h3{top: 158px;}
	.product1_tab1 ul li .product1_tab1_img span{bottom: 40px;font-size: 16px;}
	.product1_tab1 ul li .product1_tab1_txt{text-align: center;}

	/******E-paper_tab2***/
	.e_paper_tab2 h4{font-size: 26px; width: 60%;}
	.e_paper_tab2 .e_paper_tab2_list li{width: 80%; margin: 30px auto;}
	.e_paper_tab2 .e_paper_tab2_list li span{font-size: 18px;}

}
@media all and (max-width:500px){
	.product1{margin-top: 50px;}
	.product_tab li{line-height: 18px; padding-top: 10px;}
	.product_tab li.tech_tb{padding-top: 13px;}
	.product_tab li.pro2_tb{line-height: 40px; padding: 10px;}
	.product1 h2{font-size: 22px; margin-bottom: 0;}
	.product1_tab1 ul li{width: 80%;}

	/*****product1_tab2*******/
	.product1 .custom1 li .custom1_txt h2{font-size: 20px;}
	.product1 .custom1 li .custom1_txt p{font-size: 15px;}

	.filebox .file_wr label{width: 100px;}
}
@media all and (max-width:480px){
 	/****서브비주얼****/
	 .sub_visual_box{height: 400px;}
	 .sub_visual_txt h1{font-size: 32px;}

	 /******top******/
	 .depth_wrap > div.home_btn{display: none;}

	/***인사말*****/
	#greetings .greetings_txt h2 {font-size: 24px;margin-bottom: 20px;}
	#greetings .greetings_txt p i {display: none;}
	#greetings .greetings_txt p:last-child {font-size: 20px;}
	#greetings .greetings_txt p:last-child strong {font-size: 22px;}


    /***연혁***/
    .history_txt {position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
	.history_txt1 {font-size: 16px; color: #fff; padding-bottom: 10px; font-weight: 100;}
	.history_txt2 {display: none;}
    .time_wrap .tab_cont .time_line_box .year{font-size:25px;}
	.time_wrap .tab_cont .time_line_box .year:after{top:9px;}
	.time_wrap .tab_cont .time_line_box .year:before{content:""; display:block; width:280px; height:1px; background:#00a1ff; position:absolute; top:14px; left:100px;}
	.time_wrap .tab_cont .time_line_box ul li{margin-bottom:15px;}

	/***오시는길*****/
	.location_table_wrap h3 {font-size: 22px;}
#location .location_right iframe {height: 180px;} 
	.location_table tr th, .location_table tr td {font-size: 16px;}


	/*****product1_tab2*******/
	.product1 .custom1 li{width: 80%; margin: 10px auto;}
	.product1 .custom1 li.customLCD3{width: 80%;}

	/*****product2_tab1*******/
	.product1 .product_txt{font-size: 20px;}
	.oled_tit{font-size: 22px;}


	/*****product5*******/
	.pro5_img_list li{width: calc(100% / 2 - 20px);}

	/***********technical2************/
	.e_paper li .e_paper_txt h3{font-size: 18px;}

	/*문의하기*/
	.editor textarea {font-size: 13px;} 
	.cm_btn_controls .btn_submit1 { width: 160px; height: 50px; font-size: 16px; } 
	.write-tbl th, .write-tbl td, .write-tbl tr:last-child td {padding: 10px 1px;word-break: keep-all;font-size: 16px;} 
	.write-tbl th {min-width: 70px;}
	.write-tbl .write-textarea {font-size: 14px;}
	.write-tbl .write-input {height: 40px;padding: 5px;}
	.write-tbl td.flex_div_3 { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
	.inquiry_btn {font-size: 18px;}
	.inquiry_btn .btn_submit1, .inquiry_btn a {height: 45px;line-height: 40px;}
}

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

	.greetings .greetings_inner .greetings_left p i{display: inline-block;}
	.greetings .greetings_txt h2{font-size: 18px;}
	.greetings .greetings_txt h2 i{display: inline-block;}
	.greetings .greetings_txt h3{font-size: 18px;}

	.product1 h2{font-size: 18px;}
	.product1_tab1 ul li .product1_tab1_img span{bottom: 70px; font-size: 14px;}
	.product1_tab1 ul li:nth-child(1)::before{height: 300px;}
	.product1_tab1 ul li:nth-child(2)::before{height: 300px;}
	.product1_tab1 ul li:nth-child(3)::before{height: 300px;}

	/***********technical2************/
	.e_paper li{width: 80%; margin: 10px auto;}
}