@charset "utf-8";
/* CSS Document */


.Intro_con {padding:0 0 160px; overflow:hidden;}
.Intro_con .headBox {display:flex; justify-content:space-between;}
.Intro_con .headBox .tit {flex:0 0 50%; color:#000; font-size:60px; line-height:75px; font-weight:700; word-break: keep-all;}
.Intro_con .headBox .txt {flex:0 0 50%; color:#000; font-size:18px; line-height:32px; font-weight:400;}
.Intro_con .contBox {margin-top:100px;}



@media screen and (max-width:1024px){
.Intro_con {padding:0 0 80px;}
.Intro_con .headBox {flex-wrap:wrap;}
.Intro_con .headBox .tit {flex:0 0 100%; font-size:30px; line-height:36px;}
.Intro_con .headBox .txt {flex:0 0 100%; margin-top:30px; font-size:12px; line-height:22px;}
.Intro_con .contBox {margin-top:25px;}
}
	
.subcon {padding:150px 0; text-align:center; position:relative; }

.gray_bg{background:#f3f3f3;	}
.subcon .pd_0{padding-bottom:0px !important; bottom:0 ;}
.subcon .g_bg{position:absolute; z-index:0; left:0; top:0; width:100%; height:75%; background:#f9f9f9;}
.subcon .subContainer{position:relative; z-index:1;}
.subcon .headBox .tit {color:#222; font-size:30px; line-height:150%; font-weight:700; word-break: keep-all;}
.subcon .headBox .tit2 {color:#222; font-size:35px; line-height:160%; font-weight:500; word-break: keep-all;}
.subcon .contBox {margin-top:40px;} 	
.subcon .contBox .red_txt{color:red;font-size:18px; line-height:160%; text-align:center; font-weight: 500;}
.subcon .contBox .c_txt{color:#333; font-size:18px; line-height:160%; text-align:center; font-weight: 400; padding-top:30px; word-break: keep-all;}
.subcon .contBox .info_tit{color:#333; font-size:24px; line-height:160%; text-align:center; font-weight: 500;padding-top:100px;}
		
	
.imgfactory{margin-top:40px;}
	.imginfo{margin-top:40px; display: block;}
	.imginfo_m{width:100%; display: none;}
	
.datatable_a {width:100%; max-width:1300px; margin:100px auto 0; border-top:2px solid #4b4b4b;}
.datatable_a th {width:256px; padding:20px 40px; border-bottom:1px solid #848484; font-size:18px; line-height:25px; font-weight:600; text-align:center;}
.datatable_a td {padding:20px; border-bottom:1px solid #848484; font-size:18px; line-height:180%; text-align:left; font-weight: 400;}
.datatable_a td ul li:before {padding-right:10px;
    content: "• ";
	color: #CC1420; /* or whatever color you prefer */}
@media screen and (max-width:1350px){
	.Intro_con .headBox .tit br{display:none;}
	.imgfactory{width:100%;}
	.imginfo{width:100%;}
	}

@media screen and (max-width:1024px) {
.subcon {padding:60px 0; text-align:center; position:relative; }
.subcon .headBox .tit {color:#222; font-size:15px; line-height:150%; font-weight:700; word-break: keep-all;}
.subcon .headBox .tit2 {color:#222; font-size:30px; line-height:160%; font-weight:500; word-break: keep-all;}
.datatable_a th {width:130px; padding:20px 20px; border-bottom:1px solid #848484; font-size:12px; line-height:180%; font-weight:500; text-align:center;}
.datatable_a td {padding:20px; border-bottom:1px solid #848484; font-size:12px; line-height:180%; text-align:left; font-weight: 400;}
	
.subcon .contBox {margin-top:20px;} 	
.subcon .contBox .red_txt{color:red;font-size:15px; line-height:160%; text-align:center; font-weight: 500;}
.subcon .contBox .c_txt{color:#333; font-size:15px; line-height:160%; text-align:center; font-weight: 400; padding-top:30px; word-break: keep-all;}
.subcon .contBox .info_tit{color:#333; font-size:15px; line-height:160%; text-align:center; font-weight: 500;padding-top:100px;}
}

@media screen and (max-width:757px) {
	
.subcon .headBox .tit2 {color:#222; font-size:25px; line-height:160%; font-weight:500; word-break: keep-all;}
		.imginfo{width:100%; display: none;}
	.imginfo_m{width:100%; display: block;}
}
}


	
	
.solution_tab{width: 100%;margin: 0 auto; margin-top:50px;}


ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{background: none; color: #666; display: inline-block; padding: 10px 15px; cursor: pointer; font-size:18px; font-weight:500;}

ul.tabs li.current{border-bottom:2px solid #CC1420; font-weight:500; color: #333;}

.tab-content{display: none;padding: 18px;}
.tab-content.current{display: inherit;}

@media screen and (max-width:1024px) {
ul.tabs li{background: none; color: #666; display: inline-block; padding: 10px 15px; cursor: pointer; font-size:15px; font-weight:500;}	
}

.solution_pro {margin-top:50px; text-align:center;}
.solution_pro  ul {display:inline-block;}
.solution_pro  ul:after {content:''; display:block; clear:both;}
.solution_pro  ul li {float:left; position:relative; border:1px solid #f3f3f3; width:400px; margin-right: 30px;  margin-bottom:40px;}
.solution_pro  ul li:last-child{ margin-right:0;}
.solution_pro  ul li a {position:relative; display:block; color:#000; font-size:18px; line-height:18px; font-weight:400;}


.solution_pro  ul li .pro_img{}
.solution_pro  ul li .pro_img img{width:100%;}
.solution_pro  ul li .pro_name{margin:0 auto; width:90%; text-align:center; border-top:1px solid #f3f3f3; padding:20px 0; color:#333; font-size:18px; line-height:160%;}

@media screen and (max-width:1499px) {
.solution_pro  ul li {width:calc(33.3% - 30px); margin-right:30px;}

}

@media screen and (max-width:1024px) {
.solution_pro  ul li {width:calc(50% - 30px); margin-right:30px;}
.solution_pro  ul li .pro_name{margin:0 auto; width:90%; text-align:center; border-top:1px solid #f3f3f3; padding:20px 0; color:#333; font-size:15px;line-height:160%;}


}




.mapbox {display:-webkit-flex; display:flex; flex-wrap:wrap; max-width:100%; margin:60px auto 0;}
.mapbox .inmap {width:50%; padding:0 20px; visibility: visible !important;}
.mapbox .inmap dl dt {font-size:28px; line-height:30px; font-weight:500; text-align: left; margin-top:20px;}
.mapbox .inmap dl dt .tag {display:inline-block; padding:0 12px; margin-right:18px; background:#002157; color:#fff; font-size:18px; line-height:30px; font-weight:500; vertical-align:top; text-align: left;}
.mapbox .inmap dl dd {margin-top:10px; font-size:20px; line-height:26px; font-weight:400;text-align: left;}
.mapbox .inmap .imgbox {margin-top:25px; overflow:hidden;}

.mapbox .inmap .img img {width:100%;}

	@media screen and (max-width:1280px) {
.mapbox {margin-top:30px;}
.mapbox .inmap {width:100%; padding:20px;}	
}



@media screen and (max-width:1024px) {
.mapbox {margin:0; padding:15px 5px;}
.mapbox .inmap {padding:15px 20px;}
.mapbox .inmap dl dt {font-size:11px; line-height:16px;}
.mapbox .inmap dl dt .tag {margin-right:9px; padding:0 6px; font-size:10px; line-height:16px;}
.mapbox .inmap dl dd {margin-top:5px; font-size:11px; line-height:14px;}
.mapbox .inmap .imgbox {margin-top:12px;}
	}


/*제품게시판*/
	/*prod*/
.prod_top {position:relative;  padding-bottom:100px;}
.prod_top:after {content:''; display:block; clear:both;}
.prod_img {float:left; overflow:hidden;}
.prod_img .img_list {float:left;}
.prod_img .img_list ul li {position:relative; width:140px; height:140px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.prod_img .img_list ul li.on:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #0072bc;}
.prod_img .img_list ul li + li {margin-top:10px;}
.prod_img .img_list ul li img {width:100%;}
.prod_img .img_big {position:relative; float:left; width:500px; height:500px; margin-left:10px; border:1px solid #F3F3F3; background:#FFF;}
/*.prod_img .img_big img {width:100%;}*/
.prod_img .img_big .img_box {width:100%;}
.prod_img .img_big .img_box .img {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}

.prod_info {margin-left:700px; padding-top:70px;}
.prod_info .prod_name {padding:0 20px;}
.prod_info .prod_name .txt_prod {font-size:25px; line-height:25px; font-weight:700;}
.prod_info .prod_name .tit_prod {margin-top:30px; font-size:50px; line-height:50px; font-weight:700;}
.prod_info .prod_option {margin-top:30px; padding:36px 24px 0; border-top:1px solid #000;}
.prod_info .prod_option li {overflow:hidden;}
.prod_info .prod_option li + li {margin-top:36px;}
.prod_info .prod_option li .txt {display:inline-block; vertical-align:middle; font-size:18px; line-height:160%; font-weight:400; word-break: keep-all;}

.prod_info .btn_cateLog {display:inline-block; width:200px; height:50px; margin-top:30px; border:2px solid #000; line-height:46px; text-align:center; transition:.3s .1s;}
.prod_info .btn_cateLog .btn_txt {display:inline-block; vertical-align:middle; color:#333; font-size:18px; line-height:18px; font-weight:700;}
.prod_info .btn_cateLog .btn_icon {display:inline-block; vertical-align:middle; width:18px; height:19px; margin-left:10px; background:url('../img/icon_share.png') no-repeat 0 0/100%;}

.prod_content {margin:100px 0 0;}
.prod_content .tit_content {margin-bottom:36px; font-size:30px; line-height:30px; font-weight:700;}
.prod_content .txt_content {font-size:18px; line-height:36px; font-weight:400;}



@media screen and (max-width:1440px) {
	 .prod_img .img_list ul li {width:100px; height:100px;}
    .prod_img .img_big {width:450px; height:430px;}
    .prod_info {margin-left:600px; padding-top:30px;}
    .prod_info .prod_name .txt_prod {font-size:20px; line-height:20px;}
    .prod_info .prod_name .tit_prod {margin-top:20px; font-size:35px; line-height:35px;}
    .prod_info .prod_option {margin-top:20px; padding:24px 24px 0;}
    .prod_info .prod_option li + li {margin-top:24px;}
    .prod_info .prod_option li .tit {font-size:14px; line-height:14px;}
    .prod_info .prod_option li .txt {font-size:14px; line-height:14px;}
    
    .prod_content .tit_content {margin-bottom:24px; font-size:20px; line-height:20px;}
    .prod_content .txt_content {font-size:14px; line-height:20px;}
    


}

@media screen and (max-width:1024px) {
	 .prod_top {margin-top:0; padding-bottom:35px;}
    .prod_img {width:100%; margin-bottom:20px;}
    .prod_img .img_list {width:18%;}
    .prod_img .img_list ul li {width:100%; height:0; padding-bottom:100%;}
    .prod_img .img_list ul li.on:after {border-width:1px;}
    .prod_img .img_list ul li + li {margin-top:5px;}
    .prod_img .img_big {width:calc(80% - 10px); height:auto;}
    
    .prod_info {width:100%; margin-left:0; padding-top:0;}
    .prod_info .prod_name {padding:0;}
    .prod_info .prod_name .txt_prod {font-size:12px; line-height:12px;}
    .prod_info .prod_name .tit_prod {margin-top:15px; font-size:25px; line-height:25px;}
    .prod_info .prod_option {margin-top:10px; padding:10px 0;}
    .prod_info .prod_option ul li + li {margin-top:15px;}
    .prod_info .prod_option li .tit {font-size:12px; line-height:160%;}
    .prod_info .prod_option li .txt {font-size:12px; line-height:160%;}
    .prod_info .prod_other {padding:0;}
    .prod_info .btn_cateLog {width:100px; height:25px; line-height:25px; margin-top:15px; border-width:1px;}
    .prod_info .btn_cateLog .btn_txt {font-size:12px; line-height:12px;}
    .prod_info .btn_cateLog .btn_icon {width:12px; height:13px; margin-left:10px;}
    
    .prod_content {margin-top:40px;}
    .prod_content .tit_content {font-size:15px; line-height:15px;}
    .prod_content .txt_content {font-size:12px; line-height:15px;}
    .prod_content img {width:100%;}
    
    .prod_related {margin-top:50px;}
    .prod_related .tit_related {font-size:15px; line-height:15px;}
    .prod_related .swp_related .item_swiper {width:160px;}
}
/*prod end*/




	.key_tit{width:100%; font-size:18px; text-align: left; color:#CC1420; font-weight:500; margin-top:60px;}
	.key_con{width:100%; margin:0 auto;}
	.key_con ul{margin-top:30px;}
	.key_con ul li{text-align: left; font-size:18px; line-height: 170%; color:#222; list-style: disc; margin-left:30px; margin-top:15px; word-break: keep-all;}

@media screen and (max-width:1555px) {
	.key_tit, .key_con{padding-left:100px;}
}

@media screen and (max-width:1299px) {
	.key_tit, .key_con{padding :0px;}
	.key_con ul li{font-size:14px;}
}




.certi_tit{font-size:24px; line-height: 140%; margin:40px 0 20px; color:#CC1420; font-weight:500;}
.certi_list{width:100%;}
.certi_list ul{padding:0 20px; margin:0 auto; text-align: left;}
.certi_list ul li{font-size:18px; line-height: 140%; margin-bottom:20px; color:#000; list-style: disc;}

.certi_table{width:100%;}
.certi_table td.td_tit1{font-size:18px; font-weight:400; width:calc(50% - 30px); padding-left:30px;}
.certi_table td.td_tit2{font-size:18px; font-weight:400;width:30%;}
.certi_table td.td_date{font-size:18px; font-weight:400; width:20%;}


.certi_con {padding:150px 0; background:#F9F9F9; text-align:center;}
.certi_con .headBox .tit {color:#222; font-size:30px; line-height:33px; font-weight:700;}
.certi_con .contBox {margin-top:40px;}
.certi_con .contBox ul {display:flex;}
.certi_con .contBox ul li {flex:1; text-align:center;}
.certi_con .contBox ul li .img {display:flex; align-items:center; justify-content:center; width:100%; height:80px;}
.certi_con .contBox ul li .tit {margin-top:10px; color:#CC1420; font-size:20px; line-height:140%; font-weight:500;}
.certi_con .contBox ul li .txt {margin-top:20px; color:#000; font-size:40px; line-height:140%; font-weight:600;}


@media screen and (max-width:1024px){
	.certi_tit{font-size:18px; line-height: 140%; margin-bottom:20px; color:#CC1420; font-weight:500;}
.certi_list ul li{font-size:14px; margin-bottom:10px;}


.certi_table td.td_tit1{font-size:14px;}
.certi_table td.td_tit2{font-size:14px;}
.certi_table td.td_date{font-size:14px;}

	
	
 .certi_con {padding:50px 0;}
    .certi_con .headBox .tit {font-size:15px; line-height:17px;}
    .certi_con .contBox ul {flex-wrap:wrap; margin-bottom:-40px;}
    .certi_con .contBox ul li {flex:0 0 50%; margin-bottom:40px;}
    .certi_con .contBox ul li .tit {margin-top:5px; font-size:14px; line-height:140%;}
    .certi_con .contBox ul li .txt {margin-top:10px; font-size:25px; line-height:140%;}
    .certi_con .contBox ul li .img {height:50px;}
    .certi_con .contBox ul li .img img {height:26px;}
}