/* sub visual */
.blind{display: none;}
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 480px; 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; align-items: center; justify-content: flex-start; max-width: 1280px; margin: 0 auto; font-size: 18px; width: 90%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width:87px; font-size: 18px; color: #444; font-weight: 300;}  
.depth_wrap > div.home_btn {width: 85px;  background-color: var(--main-color); text-align: center;} 
.depth_wrap > div.home_btn a{display: block; width: 100%; height: 100%;}
.depth_wrap > div.home_btn a i{display: block;}
/* .depth_wrap > div.home_btn a i img{width: 20px;} */
.depth_wrap > div { padding: 0 20px; position: relative; cursor: pointer; width: 270px; border-right: 1px solid #ddd;} 
/* .depth_wrap > div::after{content: ""; display: block; width: 1px; height: 20px; background-color: #aaa; position: absolute; top: 15px; 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: 80px;} 
.visual_menu_wrap {  width: 100%;  height: 80px; line-height: 80px; z-index: 99; border-bottom: 1px solid #ddd;} 
.visual_menu_wrap.fixed{position: fixed; top: 81px;}
.visual_menu_wrap .com_depth { position: absolute; background: var(--main-color); padding: 10px; width: 96%; left: 50%; transform: translateX(-50%); top: 80px; z-index: 10; } 
.visual_menu_wrap .com_depth li{height: 50px; line-height: 50px;}
.visual_menu_wrap .com_depth li:hover a{ font-weight: 600;}
.visual_menu_wrap .com_depth li a {padding: 3px; font-size: 14px; display: block; width: 100%; height: 100%; color: #fff;} 
.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: 10px; left: 50%; transform: translate(-50%,-50%); z-index: 10; text-align: left; font-size: 16px; width: 90%; max-width: 1280px; } 
 .sub_visual_txt h2 { font-size: 58px;  padding-bottom: 10px;  font-weight: 500; color: #fff; } 
 .sub_visual_txt p{font-size: 20px; color: #fff;margin-top: 20px;}

 
 .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: 1280px; margin: 100px auto 150px; overflow: hidden;}
.sub_tit{font-size: 48px; text-align: center; position: relative; font-weight: 600;margin-bottom: 50px; }


/*인사말*/
.greetings{}
.greetings_img{position: relative; margin-top: 100px;}
.greetings_img .greetings_tit_wrap{position: absolute; top: -59px; left: 100px; }
.greetings_img .greetings_tit{position: relative; display: inline-block;  background: linear-gradient(#222222 55%, rgba(255,255,255,0.5) 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; font-size: 90px; font-family: 'Exo 2', sans-serif;}
.greetings_img .greetings_tit::before{position: absolute; top: 0; left: 0; content: attr(data-split); height: 50%;  color: #fff;overflow: hidden;}

.greetings_img img{width: 100%;}
.greetings_list{display: flex; justify-content: space-between; margin-top: 100px;}
.greetings_list li{}
.greetings_list li.greet_left{width: 30%; position: relative; margin-left: 70px;}
.greetings_list li.greet_left::before{content: ""; background-color: #000; width: 1px; height:180px; position: absolute; top: -210px; left: 5px;} 
.greetings_list li.greet_left h2{font-size: 36px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.greetings_list li.greet_right{width: 50%;}
.greetings_list li.greet_right p{font-size: 18px; line-height: 1.7; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}
.greetings_list li.greet_right p.bor{margin-bottom: 30px;}
.greetings_list li.greet_right .ceo{text-align: right; font-family: 'Noto Sans KR', sans-serif; font-size: 24px; margin-top:80px ;}
.greetings_list li.greet_right .ceo span{margin-left: 30px;font-weight: 600;}


/*연혁*/
.historyList { position:relative; text-align:center; margin-top:60px}
.historyList .line { position:absolute; top:29px; left:50%; bottom:0; width:1px; background:#ddd; }
.historyList .line .in { display:block; width:1px; height:0; background:var(--main-color); }
.historyList .section { padding:100px 0 49px; position:relative; box-sizing:border-box;}
.historyList .section:first-child { padding-top:0; }
.historyList .section:nth-child(even) { background:#fafafa; }
.historyList .section:nth-child(even):before{ content:""; display:block; height:100%; background:#fafafa; width:100vw; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1}
.historyList .section:nth-child(even) .title .in { background:#fafafa; }
#years1990 .detail > dl:last-child:before { content:''; position:absolute; right:519px; bottom:-49px; width:5px; height:5px; background:#ddd; border-radius:5px; }
#years1990 .detail > dl.active:last-child:before { background:var(--main-color); }
.historyList .title { position:relative; z-index:5; width:1045px; margin:0 auto 51px; }
.historyList .title .in { display:inline-block; width:250px; line-height:39px; border:1px solid #ddd; background:#fff; font-weight:700; border-radius:41px; font-size: 22px;}
.historyList .title.active .in { color:var(--main-color); border-color:var(--main-color); }
.historyList .detail { width:1045px; margin:-13px auto 0; }
.historyList .detail dl { position:relative; z-index:4; width:480px; color:#333; line-height:1.68; padding-top:0; padding-bottom:51px; }
.historyList .left { text-align:right; margin-right:auto; }
.historyList .detail dl.left:before {margin-right: -46px; }
.historyList .right { text-align:left; margin-left:auto; }
.historyList .detail dl.right:before { right:522px; }
.historyList .detail dt { padding:0 0 3px; margin-bottom:-4px; font-weight:700; font-size:34px; color:#111; }
.historyList .detail dt .in { position:relative; display:block; }
.historyList .detail dt .in:after { content:''; position:absolute; top:26px; width:5px; height:5px; background:#ddd; border-radius:5px; }
.historyList .detail .active > dt .in:after, .historyList .detail .inImg > dt .in:after { background:var(--main-color); }
.historyList .detail dt .in:before { content:''; position:absolute; top:21px; width:15px; height:15px; background:transparent; border:1px solid transparent; }
.historyList .detail .active > dt .in:before { background-color:#fff; border-color:var(--main-color); }
.historyList .detail dd { margin:12px 0; display:table; width:105%; box-sizing:border-box;}
.historyList .detail dd img {max-width: 100%; width: 40%;}
.historyList .detail dd b, .historyList .detail dd p{ display:table-cell; vertical-align:top; font-size:16px; box-sizing:border-box; word-break: keep-all;}
.historyList .detail dd b{ width:40px; color:#999}
.historyList .detail dd p{ width:calc(100% - 55px);}
.historyList .detail dd p span{ display:block; width:100%; position:relative; box-sizing:border-box;}
.historyList .detail dd.img { margin:25px 0 0; }
.historyList .detail dd.img img {max-width: 100%; width: 40%;}
.historyList .detail dd.img.w75 img {width: 75% !important;}
.historyList .left dt .in:after { right:-46px; }
.historyList .left dt .in:before { right:-51px; }
.historyList .right dt .in:after { left:-44px; }
.historyList .right dt .in:before { left:-49px; }
.historyList .line .in { -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.historyList .detail dt .in:after { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.historyList .detail dt .in:before { -webkit-transform:scale(0.3); transform:scale(0.3); border-radius:17px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.historyList .detail .active > dt .in:before { -webkit-transform:scale(1); transform:scale(1); }
#years1990 .detail > dl:last-child:before { -webkit-transition: background 0s ease-out 0.3s; transition: background 0s ease-out 0.3s; }







/*오시는길*/
.map{margin-top: 100px;}
.map_info{margin-top: 50px;}
.map_info h2{font-size: 42px; border-bottom: 2px solid var(--main-color); padding-bottom: 30px;}
.map_info ul{}
.map_info ul li{margin: 30px 0;}
.map_info ul li span{ font-size: 20px; color:#424242; font-weight: 600; width: 180px; display: inline-block;}
.map_info ul li span i{margin-right: 10px; color: var(--main-color);}
.map_info ul li b{ font-size: 18px; font-weight: 500; color: rgba(66,66,66,.8);}




/*제품소개*/
.product_list{display: flex; flex-wrap: wrap; margin-top: 100px;}
.product_list li{width:calc(100% / 4 - 20px) ; margin: 10px; border: 1px solid #ddd; padding: 30px 20px 20px; height: 400px; transition: all .3s;}
.product_list li a{display: block; width: 100%; height: 100%; position: relative;}
.product_list li h2{font-size: 18px; font-weight: 500; text-transform: uppercase;}
.product_list li .product_img{position: absolute; bottom: 10px;}
.product_list li .product_img img{ width: 100%;}

.product_list li:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px solid var(--main-color);}
.tab-content{display: none;}
.tab-content.current{display: inherit;}

.product_tab{display: flex; border: 1px solid #ddd; margin-bottom: 30px;}
.product_tab li{width:calc(100% / 5 ); height: 50px; line-height: 50px; text-align: center; cursor: pointer;border-right: 1px solid #ddd; transition: all .3s;}
.product_tab li:last-child{border-right: none;}
.product_tab li a{font-size: 16px; display: block; width: 100%; height: 100%; }
.product_tab li.current{background-color:var(--main-color); }
.product_tab li.current a{color: #fff;}
.product_tab li:hover{background-color: var(--main-color);}
.product_tab li:hover a{color: #fff;}


/*제품소개_상세페이지*/
.product{}
.product_top{display: flex; justify-content: space-between; align-items: center; margin-top: 100px;}
.product_top li{width:calc(100% / 2 - 50px); margin: 0 10px;}
.product_top li:nth-child(1){border: 1px solid #ddd; text-align: center;}
.product_top li h3{font-size: 36px; color: var(--main-color); padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.product_top li img{width: 80%;}
.product_top li h4{font-size: 22px; color: #222; position: relative; padding-left: 20px; margin-bottom: 20px;margin: 30px 0;}
.product_top li h4::before{content: ""; background-color: var(--main-color); width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; top: -5px;}
.product_top li p{font-size: 18px; color: #222; padding-left: 20px; line-height: 1.7; word-break: keep-all;}
.product_top li p span{font-weight: 600;}

.product_top li .Characteristics{background-color: #f4f4f4; border-radius: 10px; padding: 20px; margin-top: 30px;}
.product_top li .Characteristics p{padding-left: 0; margin-bottom: 10px;}
.product_top li .product_btn{display: flex; justify-content: space-between; margin-top: 30px;}
.product_top li .product_btn a{width: calc(100% / 2 - 20px); margin: 0 10px;  color:#fff; font-size: 18px; height: 60px; line-height: 60px; display: flex; justify-content: space-between; padding: 0 20px; align-items: center;}
.product_top li .product_btn .product_btn1{background-color: var(--main-color); }
.product_top li .product_btn .product_btn2{background-color: #363636;}
.product_top li .product_btn a i{color: #fff; transform: translateX(-20px); transition: all .3s;} 

.product_top li .product_btn a:hover i{ transform: translateX(0);}


.product_bot{margin-top: 100px;}
/* .product_bot .product_standard{display: flex; justify-content: space-between;} */
.product_bot .product_data{margin-bottom: 100px;}
.product_bot .product_data h3{color: #333; font-size: 24px; position: relative; padding-left: 20px; margin-bottom: 50px;}
.product_bot .product_data h3::before{content: ""; background-color: var(--main-color); width: 7px; height: 7px; border-radius: 50%; position: absolute; top: -10px; left: 7px;}
.product_bot .product_data h4{font-size: 20px; line-height: 1.5; font-weight: 400; padding-left: 20px;}
.product_bot .product_standard .product_tab{}
.product_bot .product_standard .product_tab table{width: 100%; border-collapse: collapse; }
.product_bot .product_standard .product_tab table tr th{background-color: #f4f4f4; text-align: center; padding: 10px; font-size: 18px; border-right: 1px solid #bbb; line-height: 1.3;}
.product_bot .product_standard .product_tab table tr th:last-child{border-right: none;}
.product_bot .product_standard .product_tab table tr td{text-align: center; padding: 20px 10px; font-size: 18px; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
/* .product_curve {text-align: center;} */
.product_bot .product_standard .product_tab table tr td:last-child{border-right: none;}
.product_bot .product_standard .product_tab table tr th.bor{border-top: 1px solid #ddd;}
.product_bot .product_data h5{font-size: 16px; font-weight: 400; line-height: 1.5;}

.product_bot .product_standard .tab2 table tr th{border-bottom: 1px solid #ddd;}
.product_bot .product_standard .tab2 table tr:last-child th{border-bottom: none;}





/*견적요청*/
.inquiry_style1 h3 { font-size: 22px; font-weight: 400; padding-bottom: 5px; padding-top: 20px; } 
.inquiry_style1 .inquiry_tbl_style1_icon { color: var(--main-color); 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: var(--main-color); padding-left: 1px; } 
.write-tbl { width:100%; border-top: 1px solid var(--main-color); } 
.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; }