@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sub_wrap{
	width:96%;
	margin:0 auto;
	padding:0px;
	max-width:1500px;

}

.sub_wrap_wide{
	width:100%;
	margin:0 auto;
	padding:0px;
 

}

.mobileon{display:none;}
.mobiletit {display:none;}

 
 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/

 
/*글자사이즈*/
h2{
	color:#fff;
	font-size:500%;
	font-weight:700; 
	line-height:1;
	letter-spacing:-1px; 
	display:block;
	text-align:left;
 	
}

h3{
	
	font-size:250%;
	padding:0px;
	margin:0px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:-1px;
	position:relative;

}
h3.title{
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}
  
h4{
 	font-size:200%;
	letter-spacing:-1px; 	 
	line-height:1.3;
	font-weight:600;
	position:relative;


}

 
h5{
	 
	font-size:150%;
	line-height:1.1;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:600;

}

 
.headtxtA{font-size:300%;line-height:1.1;font-weight:600; letter-spacing:-2px;}
.english .headtxtA{letter-spacing:0px;}
.headtxtA span.thiny{font-weight:400; }
.headtxtB{font-size:260%;line-height:1.3;font-weight:500; }
.headtxtC{font-size:200%;line-height:1.2; font-weight:500; }
.english .headtxtC{font-size:1.5em}
.headtxtD{font-size:150%;line-height:1.2;font-weight:600;}
.headtxtE{font-size:130%;line-height:1.4;font-weight:500;}
 
@media all and  (max-width:1000px){
	h2{font-size:250%;}
	h3{font-size:200%;}  
	h4{font-size:150%;} 
	h5{font-size:120%;}

	h3.title{
 		margin-top:20px;
		margin-bottom:20px;
	}
	 
	.headtxtA{font-size:260%; }
	.headtxtB{font-size:200%;}
	.headtxtC{font-size:160%;}
	.headtxtD{font-size:140%;}
	.headtxtE{font-size:120%;}
}

@media all and  (max-width:780px){
	h2{font-size:220%;}
	h3{font-size:170%;}  
	h4{font-size:120%;} 
	h5{font-size:110%;}
	
	 
	.headtxtA{font-size:250%; }
	.headtxtB{font-size:180%;}
	.headtxtC{font-size:150%;}
	.headtxtD{font-size:130%;}
	.headtxtE{font-size:110%;}
}

@media all and  (max-width:640px){
	h2{font-size:200%;}
	h3{font-size:160%;}  
 
	 
	.headtxtA{font-size:220%; }
	.headtxtB{font-size:170%;}
	.headtxtC{font-size:140%;}
	.headtxtD{font-size:120%;}
 
}

 


 




/*///글자사이즈*/
    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

 
ul.ulli {padding-left:10px;margin-left:0;}
ul.ulli > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}
ul.ulli > li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:4px;
	top:13px;
	left:13px;
	background:#555;
}
ul.ulli.ulliA > li:before{
	top:20px;

 }

 ul.ulli > li span{
	font-size:90%;
	opacity:.8;
 }
@media all and  (max-width:800px){
	ul.ulli > li:before{
		 
		top:9px;
		 
	}

	ul.ulli.ulliA > li:before{
		top:15px; 
	 }

}

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



ul.ulli > li strong{
	 display:block;
	 font-size:19px;
	color:#000;
}
ul.ulliB {
	margin:10px 0 10px 0px;
}
ul.ulliB >  li{
	 position:relative;
	padding-left:20px;
	padding-bottom:0px;
	 
}
ul.ulliB > li:before{
	position:absolute;
	display:block;
	content:'';
	width:0px;
	height:1px;
	top:11px;
	left:10px;
	background:#333;
}
 

ul.ulliC {
	margin:0px 0 0px 0px;
}
ul.ulliC >  li{
	 position:relative;
	padding-left:10px;
	padding-bottom:0px;
	font-size:85%;
}
ul.ulliC > li:before{
	position:absolute;
	display:block;
	content:'';
	width:5px;
	height:1px;
	top:11px;
	left:10px;
	background:none;
}
/**/
ol.olli {
	margin-left:30px;
}
ol.olli > li{
	 
	 position:relative;
	padding-left:15px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}

/* DT DD*/

dl.dldtA{
	position:relative;
	margin-bottom:30px;
	 border-bottom: 1px solid #ccc;
}
dl.dldtA dt{
	font-size:130%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	padding-left:35px;
	
}
 


dl.dldtA dt span.num_box{
	position:absolute;
	display:block;
	vertical-align:top;
	margin-right:10px;
	top:5px;
	left:0;
	width:30px;
	height:30px;
	color:#989797;
	font-size:70%;
	line-height:30px;
	background:#fff;
	text-align:center;
	border-radius:100% 100%;
}
dl.dldtA dd{
 	 margin-bottom:10px;
	 
}
dl.numdt dd{
 	 padding-left:40px;
	 
}

/**/

/*tab*/
.tabmenu{
	position:relative;
	margin-bottom:30px;
}
.tabmenu ul{
	position:relative;
	font-size:0;
}
.tabmenu ul li{
	 display:inline-block;
	font-size:18px;
	background:#f7f7f7;
}
.tabmenu ul li.on{
	 display:inline-block;
	font-size:22px;
	background:var(--color-blue);
}
.tabmenu ul.coltwo li{
	width:50%;
}
.tabmenu ul li a{
	display:block;
	text-align:center;
	color:#333;
	padding:10px;
}
.tabmenu ul li.on a{
	color:#fff;
}
 
/*layout*/
 
 

#TopContainer{
	padding-top:0px;
	overflow:hidden;
	width:100%; 
	position:relative; 
	height:500px;
}


 


#topfiximg{position:absolute; width:100%;height:100%;background-size:100%;}

@media all and  (max-width:1980px){
	#topfiximg{background-size:cover;}
}
.aboutus{background: url(/image/about/topimg.jpg)  no-repeat center bottom; }
.rnd{background: url(/image/rnd/topimg.jpg)  no-repeat center 0; }
.product{background: url(/image/product/topimg.jpg)  no-repeat center center;}
.customer{background: url(/image/customer/topimg.jpg)  no-repeat center 0;}

@media(max-width:1000px){
  
 	.aboutus{background: url(/image/about/topimg.jpg)  no-repeat 0 0; }

}


    
 .topTXTarea{
	margin: 0px auto 0 auto;
	position:relative;
	padding-top:200px;
 }
.topTXTarea h2{
	text-align:left;
	
}
.topTXTarea .top_desc{
 	color:#fff;
	opacity:.7;
	font-size:150%;
	letter-spacing:-1px;
	
}
.english .topTXTarea .top_desc{
	max-width:500px;
	line-height:1.2;
}

.topTXTarea .top_loc{
	margin: 0px auto 0 auto;
	position:relative;
	margin-top:20px;
	text-align:center;

	
	 
}  
.topTXTarea .top_loc span{
	 position:relative;
	color:#fff;
	display:inline-block;
 	padding-left:25px;
	font-size:80%;
	opacity:.8;
}
.topTXTarea .top_loc span a{
	color:#fff;
}
 




.topTXTarea .top_loc span:after{
		display:block;
		position:absolute;
		content:'\f105';
		font-family: 'FontAwesome';
		width:20px;
		height:20x;		
		color:#fff;
		top:0;
		left:0;
	}
.topTXTarea .top_loc span.homelink:after{
		content:'';
	}
.topTXTarea .top_loc span.homelink{
		margin-left:0px;
		padding-left:0px;
	}
.topTXTarea .top_loc span a{
		display:block;
		position:relative;
		

	}
 
	
@media(max-width:1000px){
	 #TopContainer{
 		height:350px;
	}  
	 .topTXTarea{
 		padding-top:130px;
	 }
	 .topTXTarea .top_desc{
		font-size:130%;
	 }

	   .Toptxtbox .subtop_majortxt span{
			display:inline;

		  }
 }
@media(max-width:640px){
		.topTXTarea .top_desc{
			font-size:110%;
		 }
}
@media(max-width:420px){
	 #TopContainer{
 		height:300px;
	}  
	 .topTXTarea{
			padding-top:110px;
	 }
}
 
/**/
 
 /*//////////sUBMENU/////////////*/ 

 /**/


.sub_loc{
	 
	width:100%;
	position:relative;
	margin-top:-90px;
	text-align:center;
	 
	
 }
.sub_loc_in{
	display:inline-block;
	margin:0 auto;
	width:100%;
	max-width:600px;
	font-size:0;
	 
	
 }
.sub_loc_in:after{
	display: block;
	content: '';
	clear: both;
	
 }
 


.sub_loc_in .Depth_first,
.sub_loc_in .Depth_second,
.sub_loc_in .Depth_third{
	display: none;
	
 }


.sub_loc_in .Depth_first.on,
.sub_loc_in .Depth_second.on,
.sub_loc_in .Depth_third.on{
	display: inline-block;
	
 }
.sub_loc_in .Depth_second.last,
.sub_loc_in .Depth_third.last{
	/*background:#fe1010;*/
	
 }

 
.sub_loc_in .depth{
	position:relative; 
	display:inline-block; 
 	width: calc(50% - 30px);
	font-size:18px;
	font-weight:600;
  }
 .english .sub_loc_in .depth{
	 font-size:16px;
	  font-weight:400;
  }
 .sub_loc_in .depth span{

	background: rgba(255,255,255,1);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
 }

  .sub_loc_in .depth.Depth_second span{
	background-image: linear-gradient(90deg,  #c61600,#d54300);
	color:#fff;
  }
.sub_loc_in .depth.Home{
	width:60px; 
	padding:20px;
	color:#c61500;
	background: rgba(255,255,255,1);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	
	
	 
	
 }
 

.sub_loc_in .depth.dep1{
	
	
 }
 .sub_loc_in .depth:after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	width:1px;
	height:80%;
	background:rgba(0,0,0,.1);
	
	top:10%;
 }
 
.dep1 span{
	display: block;
	position:relative;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
}
.dep1 i{
	display: block;
	position:absolute;
	padding-right: 0px;
	box-sizing:border-box;
	text-align:center;
	right:5px;
	top:15px;
	font-size:25px;
	 transition: rotate 0.4s ease;
}
.dep1.clickon i{
	 rotate: 180deg;
	  transition: rotate 0.4s ease;
}
 
 



 

.depth2{
	display:none;
	position:absolute;
	top:60px;
	left:-1px;
	width:100%;	 
	z-index:100;
	border:1px solid #c9c9c9;
	box-shadow: var(--shadow-medium);
  }
.depth2 li{
	border-bottom:1px solid #e4e4e4;
 
	
  }
.depth2 li:last-child{
	border-bottom:0;
	
  }
.depth2 li > a{
	display:block;
	line-height:1.2; 
	color:#2b2b2b;
	text-align:center;
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	
  }

.depth2 li > a:hover{
	color:#fff;
	background:#2b2b2b;
	
 }




.Depth_first .depth2 li.subOn a{background-image: linear-gradient(90deg,  #c61600,#d54300);color:#fff;}
 
.Depth_second .depth2 li.subOn a{background-image: linear-gradient(90deg,  #c61600,#d54300);color:#fff;}
 

.Depth_third .depth2 li.subOn a{background:#ff0000;color:#fff;}
.Depth_third .depth2 li.subOn a:hover{background:#ff0000;}

.Depth_fourd .depth2 li.subOn a{background:#ff0000;color:#fff;}
.Depth_fourd .depth2 li.subOn a:hover{background:#ff0000;}

@media(max-width:1000px){
	
	 
	.sub_loc_in .depth.Home,
	.dep1 span{
		padding:10px;
	}
	.sub_loc_in .depth{
		font-size:16px;
	}
	.dep1 i{
		top:5px;
	}
	.depth2{
		top:40px;
	}
}
@media(max-width:420px){
	 
.sub_loc_in .depth{width:50%;}
.sub_loc_in .depth.Home{display:none}
}
 /**/



 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background-color: #fff;
	width:100%;
	color:#333;
	margin:0;
	letter-spacing:-0.03em;
	font-weight:500;
	padding:30px 0px 0px 0px; 
	position:relative; 
	font-size:18px; 
	line-height:1.8;
	min-height: 500px;
	z-index:1;
 }

 #sub_contents_con{
		position:relative; 
		padding-bottom:60px;
 }

 #sub_contents_con.rndarea{
		padding-bottom:0px;
 }


/* 박스 테두리*/
.box_txt{
	background:#f7f7f7;
	padding:30px;
}

/**/ 

 .keyword_t{
	margin-bottom:40px;
 	letter-spacing:-2px;
}
 .english  .keyword_t{letter-spacing:0px;}
.keyword_t  strong{
	 font-weight:600;
	line-height:1.3;
	color: var(--t_majorcolor);
}
.keyword_t  span{
 	display:inline-block;
}

 
/**/ 
.max_widthA{
	max-width:700px;
	margin:0 auto;
	text-align:center;
}
.max_widthA .bigtxt{
	color:var(--color-blue);
	margin-bottom:30px;
	
}
.max_widthA .middletxt{
	 margin-bottom:30px;
}


.max_widthB{
	max-width:1100px;
	margin:50px auto 70px auto;
}
.max_widthB .txtA{
	margin-bottom:30px;
}
.max_widthB .txtB{
	margin-bottom:30px;
}


.max_widthB span{display:inline-block;}

 


 /*#################  이미지 + 텍스트 #################*/


.txt_img_box{
	margin-top:30px;
	 
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	height:30px;
	
}
.txt_img_box .imgarea{
	width:50%;
	vertical-align:top;
	text-align:left;
	
}
.txt_img_box.imgLeft .imgarea{
	float:left;
}
.txt_img_box.imgRight .imgarea{
	float:right;
}
.txt_img_box .imgarea img{
	/*border: 1px solid #ccc;*/
	/*box-shadow:-10px 30px 30px rgba(0,0,0,0.2);*/
}

.inqarea .txt_img_box .imgarea{
	border-radius:20px;
}

.txt_img_box .textarea{
	width:50%;
	vertical-align:top;
	padding:30px;
}

.txt_img_box.imgLeft .textarea{
	float:right;
}
.txt_img_box.imgRight .textarea{

	float:left;
}
.txt_img_box .textarea p{
	margin-bottom:30px;
	line-height:1.6;
	 
}



/**/
.imgtxtarea_box:after{
	clear:both;
	display:block;
	position:relative;
	content:'';
}
.imgtxtarea_box .txtarea{
	width:50%;
	padding:60px;
}
.imgtxtarea_box .txtarea span{
	display:block;
	text-align:center;
	font-size:30px;
	color:var(--t_red);
	margin-bottom:10px;
}
.imgtxtarea_box .txtarea strong{
	display:block;
	margin-bottom:50px;
	text-align:left;
	color:var(--t_majorcolorBlue);
	 
}
 
.imgtxtarea_box .txtarea .t_des2{
 font-size:120%;
 text-align:left;
}

.imgtxtarea_box .imgarea{
	width:50%;
}
.rightimg .txtarea{
 float:left;
}
.rightimg .imgarea{
 float:right;
}
.leftimg .txtarea{
	float:right;
}
.leftimg .imgarea{
	float:left;
}


.imgtxtarea_box .imgarea img{
	width:100%;
}


@media(max-width:1200px){
	.imgtxtarea_box .txtarea{
		padding:10px;
	}
}

@media(max-width:1000px){
	.imgtxtarea_box .txtarea strong{
		margin-bottom:20px;
	}
}

@media(max-width:860px){
	
	.imgtxtarea_box:after{
		height:30px;
	}
	.imgtxtarea_box .txtarea{
		width:100%;
		 
	} 
	.imgtxtarea_box .imgarea{
		width:100%;
	}
}


/*이미지 리스트*/

.img_list{
	position:relative;
	margin: 30px 0;
	
 
}
.img_list ul{
	text-align:center;
}
.img_list ul li{
	display:inline-block;
	vertical-align:top;
	margin:10px;
}
.img_list ul li img{position:relative;width:100%;max-width:100%;}
.img_list ul li span{
	display:block;
	font-size:120%;
}

.img_list.colFour ul li {
	width:24%;
	margin:3px;

	
}
.img_list.coltwo ul li{
	width:47%;
	margin:1%;
}
.img_list.img_listB{
	margin:0;
}
.img_listB ul li{
	overflow:hidden;
	border-radius:30px 0;
}



 

  
  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/

.back_greeting{
	background-image: url(/image/about/back_greeting.png);
 	background-position:right top;
	background-repeat: no-repeat;
}
.greetingarea{
	position:relative;
	margin:0 auto;  
	padding: 30px 0;
	width:100%;

}
.greetingarea:after{

	clear:both;
	display:block;
	content:'';
	position:relative;
	height:40px;
}
 
.greetingarea  p{
	padding-bottom:30px;
}
.greetingarea .gree_left{
	float:left;
	width:40%;
	padding:20px;
	 
}
.greetingarea .gree_right{
	float:right;
	width:60%; 
	padding:20px;
}

 @media(max-width:1000px){
	.greetingarea .gree_left,
	.greetingarea .gree_right{
		width:100%;
		padding:0;
	}
	 
 }
 
 /*경영이념*/
.visionarea {
	 
}
.visionarea .visionbox{
	display:inline-block;
	vertical-align:top;
	width:30.333%;
	margin:1%;
	overflow:hidden;border-radius:20px;
	margin-bottom:40px;

}

.visionarea .visionbox.bgA{
	background: url(/image/about/vision01.jpg) no-repeat center center;
	background-size:cover;
}
.visionarea .visionbox.bgB{
	background: url(/image/about/vision02.jpg) no-repeat center center;
	background-size:cover;
	margin-top:80px;
}
.visionarea .visionbox.bgC{
	background: url(/image/about/vision03.jpg) no-repeat center center;
	background-size:cover;
}
.visionarea .headtxtC{
	padding:20px;
	padding-top:350px;
	color:#fff;
	text-align:center;
	
	
}
.visionarea .headtxtC span{
	display:inline-block;
	padding:3px 10px;
	background: rgba(0,0,0,.2);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		 

}


@media(max-width:1000px){
	.visionarea .visionbox{
		width:100%;
	}
	.visionarea .visionbox.bgB{
		margin-top:0px;
	}
	.visionarea .headtxtC{
		padding-top:100px;
		padding-bottom:100px;
	}
 }

 /*회사연혁*/
.historyarea{
	position:relative;
}
.his_left{
	display:inline-block;
	width:40%;
	vertical-align:top;

}
.his_left strong{ 
	font-size:180%;
	font-weight:600;
}
.his_left .photoarea{
	border-radius:10px;
	margin-top:20px;
}

.his_right{
	display:inline-block;
	width:59%;
	vertical-align:top;
	padding:30px;
	padding-top:80px;
	padding-left:110px;

}

.historyarea_block{

 }

  
 
.historylist{
	position:relative;	 
}
 

.historylist  .his_year{
	display:block; 
 	padding-top:0;
	margin-top:0;
	color:var(--t_majorcolor); 
	font-weight:600;
	margin-bottom:30px; 
	position:absolute;
	font-size:120%;
	 
}
.historylist  .his_year:before{
	content:'';
	display:block;
	position:absolute;
	 
}
.historylist ul{
	padding-left:80px;
	padding-top:5px;
	
}
.historylist ul li{
	margin-bottom:3px;  
	padding-bottom:10px;
	position:relative;
 }


.historylist ul li strong{position:absolute;}
.historylist ul li span{display:inline-block;padding-left:60px;vertical-align:top;}


@media(max-width:1000px){
	  .his_left{
 		width:100%;
 	}
	.his_right{
 		width:100%;
		padding:0;
		padding-top:30px;
	}
 }

 
/* 조직도 */
.orgarea{
	
	position:relative;
}
.orgarea div{
	text-align:center;
	
	
 }
 
.orgarea span{
	display:block;
	
 } 
.orgarea .org_line{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:70px;
	
 }
.orgarea .org_line_short{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:0px;

	
 }

 .orgarea .org_lineC{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:118px;
	
 }
 
.org_first{
	position:relative;
	width:100%;
	max-width:350px;
	padding:10px 0;
	background:var(--color-red-400);
	border-radius:5px; 
	color:#fff;
	margin:0 auto;
	font-size:25px;
	font-weight:500;
	box-shadow: var(--shadow-small);
 

	
 }

 /*2*/
.org_second{
	font-size:22px;
	width:100%;	
	padding:0px 0;	 	 
	margin:0 0;
	 left:0;
	 top:0;
	position:relative;
}

.org_second:before{
	display:block;
	content:'';
	position:absolute;
	top:0;
	margin-top:-30px;
	left:12.5%;
	width:37.5%;
	height:1px;
	background:#c8c8c8;
	

}

.org_second:after{
	clear:both; 
	display:block;
	content:'';
	position:absolute;
	top:0;
	margin-top:-30px; 
	left:12.5%;
	width:1px;
	height:30px;
	background:#c8c8c8;
	
 } 

 .org_second_box{
	position:absolute;
	width:25%;
	 left:0;
	 top:0;
	z-index:3;
	
}

.org_second_box:before{
	 
	position:absolute;
	content:"";
	display:block;
	width:1px;
	top:0%;
	background: #c8c8c8;
	left:50%;
	margin-left:0;	
	height:0px;
	z-index:0;
	 
	
 }
 
 
 
 .org_second_box .org_second_tit{
	position:relative;
	background:var(--color-black-100);
	color:#fff;
	
	border-radius:5px; 
	width:90%;
	max-width:500px;
	margin:0 auto;
	padding:15px 0;
	font-size:19px;
	 
	line-height:1.2;
	font-weight:500;
	z-index:2;
	box-shadow: var(--shadow-small);
	
 
 }
  
/*3*/
 

.org_thrid{
	position:relative;
	width:100%;
	
 }
 
.org_thrid:after{
	clear:both;
	position:absolute;
	content:"";
	display:block;
	width:25%;
	top:50%;
	border-bottom:1px solid #c8c8c8;
	left:50%;
	margin-left:0%;	
	height:23px;
	z-index:0;
	
 }
.org_thrid_box{
	position:relative;
	width:40%;
	float:left;	
	left:60%;
	z-index:1;
}
 

.org_thrid_box span{
	padding:5px 0;
	background:#eef2f1;
	color:#333;
	max-width:250px;
	margin:0 auto;
	font-size:18px;
	width:98%;
	border:2px solid #959595;
	
	 

	
 }
	.org_thrid_box.org_thrid_boxB span{
		max-width:200px;
		padding:5px 0;
		background:#eef2f1;
		border:2px solid #959595;

	}


 

 
/*4*/
  

.org_fourth{
	position:relative;
	width:75%;
	margin-left:25%;
	padding-top:56px;
	
  
 }
	.org_second .org_fourth{
			width:100%;
			margin-left:0%;
			padding-top:0px;
	}

.org_fourth:before{
	position:absolute;
	content:"";
	display:block;
	width:66.666%;
	border-top:1px solid #c8c8c8;
	left:50%;
	margin-left:-33.333%;
	 
 	  
	 }

	.org_second .org_fourth:before{
			width:0%;
	}


.org_fourth:after{
	clear:both;
	display:block;
	content:'';
	position:absolute;
	height:56px;
	left:33.333%;
	width:1px;
	margin-left:1px;
	background:#c8c8c8;
	top:0;
	 
	
 }
.org_second .org_fourth:after{
		background:none;
 }
.org_fourth .org_fourth_box:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:40px;
	 }
.org_fourth .org_fourth_box{
	padding-top:0px;
	float:left;
	width:33.333%;
	
 }
	 
	.org_second  .org_fourth .org_fourth_box{
			 
			width:100%;
			
		 }
  
.org_fourth .org_fourth_box .org_fourth_tit{
	background:#fff;
	border-radius:5px; 
	color:var(--color-red-200);
	width:90%;
	min-width:150px;
	margin:0 auto;
	padding:15px 0;
	font-size:19px;
	 
	line-height:1.2;
	font-weight:600;
	border-radius:5px; 
	border:3px solid  var(--color-red-200);;
	box-shadow: var(--shadow-small);
 	
 }

 .english .org_fourth .org_fourth_box .org_fourth_tit{
		font-size:17px;
 }

 
 
 


  

 /*5*/

.org_fifth{
	position:relative;
	width:90%;
	margin:0 auto;

 
 }

.org_fifth:after{
	clear:both;
	display:block;
	content:'';
	height:0px;
	
 }
 
.org_fifth .org_fifth_box{
	padding-top:0px;
	float:left;
	width:100%;
	
 }
  
					 
.org_fifth .org_fifth_box .org_fifth_sub.sub_clotwo:before{
	position:absolute;
	content:"";
	display:block;
	width:50%;
	border-top:1px solid #c8c8c8;
	left:50%;
	margin-left:-25%;
  }

 
 
.org_fifth .org_fifth_box .org_fifth_sub ul li:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:20px;
	 }
.org_fifth .org_fifth_box .org_fifth_sub ul li{
	float:left; 
	margin:0px auto;
	padding:0px 0;
	width:100%;
	
 }
.org_fifth .org_fifth_box .org_fifth_sub.sub_clotwo ul li{
	 
	width:48%;
	margin-right:1%;
	margin-left:1%;
	
 }	 


.org_fifth .org_fifth_box .org_fifth_sub ul li span{
	font-size:15px;
	background:#f7f7f7;
	color:#333;
	border:1px solid #c8c8c8;
	 padding:10px 0;
	 line-height:1.2;
	 border-radius:5px; 
	 box-shadow: var(--shadow-small);
	
	
 }
 
@media all and  (max-width:1000px){
	
	.org_second:before{
		display:none;
	}
	.org_second:after{
		display:none;
	}
	 .org_second_box{
		position:relative;
		width:100%;
	 }
	  .org_second_box .org_second_tit{
			max-width:350px;
			width:100%;
	  }
	.org_second  .org_fourth:before{
		display:block;
			content:'';
			position:absolute;
			 margin-left:0;
			left:50%;
			width:1px; 
			top:0;
			height:20px; 
			background:red;
			 
	  }
	  .org_second .org_fourth{
			padding-top:20px;
	  }


	.org_fourth{
		width:100%;
	margin-left:0%;
	}
	.org_fourth:before{
	 border-top:0px solid #c8c8c8;
	}
	.org_fourth:after{
		height:0;
	}
	.org_fourth .org_fourth_box:before{
		border-left:0px solid #c8c8c8;
		 
	}
	.org_fourth .org_fourth_box:nth-child(1):before{
		height:0;
		 
	}
	.org_fourth .org_fourth_box{
		width:100%;
	}
	.org_fourth .org_fourth_box .org_fourth_tit{
		width:100%;
		max-width:350px;
	    
	}
	.org_fifth {width:100%; max-width:350px;}
	 
}



 /*인증현황*/
 

 
/**/

.certiarea {
	text-align:center;
	padding-top:40px;
	font-size:0;
}

.certiarea  .certibox{
	background:rgba(0,0,0,0.0);
	 border: 1px solid  rgba(0,0,0,0.1); 
	width:23%;
	margin:10px 1% 30px 1%;;
	display:inline-block;
	padding:20px 20px 30px 20px;
	vertical-align:top;
	border-radius:10px;
	overflow:hidden;
	box-shadow: var(--shadow-medium);
}

.certiarea  .certibox .imgarea{
	text-align:center;
	
	padding:0px;
	
	 
}
.certiarea  .certibox .imgarea img{
	/*border:1px solid #ccc;*/
	/*box-shadow:0px 5px 10px rgba(0,0,0,0.2);*/
}

.certiarea  .certibox .txtarea{
	text-align:center;
	padding-top:40px;
	font-size:20px;
	line-height:1.2;
	position:relative;
	
	 
}
.certiarea  .certibox .txtarea:before{
	content:'';
	display:block;
	position:absolute;
	top:30px;
	left:15%;
	width:70%;
	height:2px;
	background:rgba(0,0,0,0.1);

}


@media all and  (max-width:1000px){
	.certiarea {
	 
		padding-top:20px;
		 
	}
	 .certilistbox ul li{width:98%; }

	 .certiarea  .certibox{
		width:47%;
	 }

}

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

 
	 .certiarea  .certibox{
		 
		padding:5px;
	 }
	 .certiarea  .certibox .txtarea{
		font-size:14px;
	 }

}




/*오시는길*/
.locationarea{
	margin-top:30px;
}
 .locationarea .loc_box{
	margin-bottom:0px;
	border-top: 2px solid #333;

}
.locationarea .loc_box .addressinfo{
	padding:20px;
}
.locationarea .loc_box .addressinfo span{
	margin:10px; 
	 font-weight:400;  
	display:inline-block;
	position:relative; 
}
 
.locationarea .loc_box .addressinfo span i{
	margin-right:10px;
	color:#fff;
	background:red;
	border-radius: 50% 50%;
	overflow:hidden;
	padding:5px;
	vertical-align:middle;

}
 
.locationarea .loc_box .addressinfo span:last-child{
	
	margin-right:0px;
}
  
.locationarea .loc_box .addressinfo span:before{
	display: block;
 	content:' ';
 	width:1px;
 	height:0px;
 	background:rgba(0,0,0,.2);
 	position:absolute;
 	top:8px;
	left:32px;
	padding-left:0;
 }

   
.locationarea .loc_box .addressinfo span:before{
 	left:62px;
	 
 }
 
 
.locationarea .loc_box .addressinfo  span strong{
 	 
	font-weight:500; 
	 margin:20px; 
	color:#000;
	font-size:120%;
	 
}

.locationarea .loc_box .mapimg{
	margin-top:10px;
	margin-bottom:30px;
	 position:relative;

	 
}
.locationarea .loc_box .mapimg .mapphoto{
	display:none;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:400px;

}
.locationarea .loc_box .mapimg iframe{
	z-index:1;
}

/*연구개발*/
.rndarea{
	background: var(--color-white-300);
	padding:80px 0;
}




/*photo zone*/
 #gallerArea{
   clear:both;
   padding:30px  0px 30px 0px;
   overflow:hidden;
   width:100%;
   text-align:center;
}


.img_box{
   
   display:inline-block;
   padding: 0px;
   overflow:hidden;
   margin:5px;
   
    
   
}
.img_box img.example-image{
    
   border: 0px;
   display: block;
   height: 300px;
   
   
}
.img_box	.imgArea{
   
   padding:0px;
   margin:0px;
   overflow:hidden;
   border-radius:20px;
   position:relative;
   
}
.img_box	.txtarea{
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	padding:5px;
	line-height:1.2;
	color:#fff;
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		background:rgba(0,0,0,.05);
			

}

@media(max-width:1000px){
   .img_box img.example-image{
		 height:100%;
		 max-height: 100%;
   }
 } 
/*제품소개*/

.productarea{
	padding:30px 30px;
	border: 1px solid #e1e1e1;
	margin-bottom:30px;
	width:100%;position:relative;
}
 
  
 
	/*view*/
	.proViewarea{
		position:relative;
		vertical-align:middle;

	}
	.proViewarea:after{
		clear:both;
		display:block;
		content:'';
	}
	.proViewarea .pro_left{
		width:40%;
		display:inline-block;
		vertical-align:middle;
		background:#fff;
		padding:20px; 
		position:relative;

	}
	.proViewarea .pro_left .imgarea .mainimg{
	 
	width:100%;
	padding:0px;
	
	border:0px solid #bdc1ba;
}
	.proViewarea .pro_left.imgarea .mainimg .slide{width:100%;margin:0 auto;position:relative;text-align:center;}
	.proViewarea .pro_left .imgarea .mainimg .slide img{display:block;width:100%;max-width:100%;margin:0 auto;position:relative;text-align:center;}
	.proViewarea .pro_left .imgarea .thum_img{
	margin-top:20px;
	width:100%;

 
}
	.proViewarea .pro_left .imgarea .thum_img .imgbox{
	border:0px solid #f7f7f7;
	margin:0px 10px 10px 0;
	width:20%;
	display:inline-block;
}
	.proViewarea .pro_left .imgarea .thum_img .slick-current.imgbox { 
  border: 1px solid #bdc1ba; 
}

	.proViewarea .pro_left .imgarea img{
	max-width:100%;
}

	.proViewarea .pro_right{
		width:59%;
		position:relative;
		display:inline-block;
		vertical-align:middle;
		padding-top:30px;
		padding-left:80px;
	}

 
	.proViewarea .pro_right .pronametitle{
		 
		color:#000;  
		line-height:1.3;
		padding-bottom:20px;
		 
	}
	.proViewarea .pro_right .detail_info{
		position:relative;
		padding: 30px 0 30px 20px;
		border-top:2px solid #333;
		
	}
	.proViewarea .pro_right .detail_info dl{
		margin-bottom:20px;
		position:relative;
		min-height:40px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:absolute;
		left:0;
		top:4px;
		color:#686665;
		font-size:16px;
		color:#000;
		font-weight:500;

	}
	.proViewarea .pro_right .detail_info dd{
		position:relative;
		padding-left:100px;
		color:#4d4d4d;
		

	}
	.proViewarea .pro_right .detail_info dd strong{
		font-size:120%;
		line-height:1.2;
		color:#2761ae;
	}
	.proViewarea .pro_right .detail_info dd ul > li{
	 position:relative;
	padding-left:20px;
	padding-bottom:3px;
	letter-spacing:-1px;
	font-size:90%;
	line-height:1.2;
	margin-bottom:3px;
}
	.proViewarea .pro_right .detail_info dd ul > li:before{
	position:absolute;
	display:block;
	content:'';
	width:3px;
	height:3px;
	top:10px;
	left:0;
	background:#555;
}

	.proViewarea .pro_right .link_down{
		padding:30px 0px; 
		border-top:1px solid #ccc;
	}


	 
	.proViewarea .pro_right .link_down a.tellink{
		display:inline-block;
		vertical-align:top;
		width:100%;
		text-align:center;
		border:1px solid #f37321;
		padding:8px 15px 8px 15px;
		background: #d50d25;
		border-radius: 10px 0;
		color:#fff;
		 
	}


	.productarea_detail{
		padding:50px 0;
	}
	.productarea_detail .detail_img_list{

		text-align:center;
	}
	.productarea_detail .detail_img_list img{
		margin-bottom:30px;
	}

.link_down{text-align:center;}
.link_down .down_box{display:inline-block;}

.down_box{
	margin:20px 10px ;
	width:200px;
	padding-left:20px;
	background:var(--t_majorcolor);
	border-radius:30px;

}
.down_box a{
	display:block;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background: url(/image/icon_down.png) no-repeat 10px center;
}

	.proViewarea .pro_right .msdsdown{
		padding:30px 0px; 
		border-top:1px dashed #ccc;
	
	}

	.proViewarea .pro_right .msdsdown .con_title{
			font-size:130%;
			margin-bottom:20px;
			padding-left:10px;
	}

	.proViewarea .pro_right .msdsdown .msdsdownlist{
		
		 display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		
		grid-auto-flow: dense;
		align-items: stretch;
		align-content: center;
		justify-content: stretch;
	}


	.msds_down_box{
		display:inline-block;
		margin:10px 10px ;
		 
		background: #eeeeee;
		border-radius:3px;
		padding-right:0px;

	}
	.msds_down_box a{
		display:block;
		color:#333;
		font-size:16px;
		line-height:1.2;
		text-align:center;
		padding :10px 0px 10px 0;
		border:1px solid #fff;
	 
	}
	.msds_down_box a:hover{
		background:#fff;
		border:1px solid #ff0000;
	}
	.msds_down_box a i{
		display:inline-block;
		font-size:18px;
		padding-left:20px;
		padding-right:20px;

	}
	.msds_down_box a:hover i{
		color:#ff0000;
	}




/**/
.proview_title{ padding:10px 20px;border-radius:10px 10px 0 0; display:inline-block;line-height:1.2; background:#95a7a8; color:#fff;text-align:center;}

.specbox{padding:20px;width:100%;position:relative;}
.specbox .spec_list div{display:inline-block;}
.specbox .spec_list div img{display:block;max-width:100%;width:100%;}
.specbox div{text-align:center;}
.specbox .specbox_txt{display:inline-block;overflow:auto;width:100%;position:relative;text-align:left;}

.specbox .t_right{font-size:80%;}
.specbox  table		{width: 100%;  white-space:nowrap;border-collapse:collapse;margin:20px 0px 0 0px;border-bottom:1px solid #ccc; }
.specbox  table.stable{max-width:500px;}
.specbox  table caption		{display:none;}
.specbox  table td{font-size:80%;line-height:1.2;vertical-align:middle; padding:5px 3px; text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;border-top:1px solid #ccc;letter-spacing:-0.02em;background:#fff;} 
.specbox  table thead td,	 
.specbox  table th{text-align:center;font-size:85%;line-height:1.2;vertical-align:middle; font-weight:500;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 3px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:#f7f7f7;}

.specbox h5{display:block;text-align:left;padding-left:0px;margin-left:0;}
.specbox h5:before{display:inline-block;content:'';width:8px;height:8px;background:#2389bb;vertical-align:middle;border-radius:100% 100%;margin-right:10px;}
 .specbox .halftablebox:after{
	clear:both;
	content:'';
	display:block;
	position:relative;

 }
.specbox .halftable{display:inline-block; width:47%;margin-right:2%;vertical-align:top;}
.specbox .halftable .t_right{text-align:right;}

@media all and  (max-width:1000px){
	.productarea{padding:10px;} 
	.proViewarea .pro_left{width:100%;padding:0px 0 20px 0;}
	.proViewarea .pro_right{width:100%;padding:0px;}
	.proViewarea .pro_right .detail_info dd{padding-left:70px;}
	.proview_title{padding:10px; }
	.specbox{padding:0px;}
	.specbox .halftable{width:100%;margin-right:0%;}

}
@media all and  (max-width:460px){ 
	.proViewarea .pro_right .detail_info{
		padding: 20px 0 20px 0px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:relative;
		display:inline-block;
		vertical-align:top;
		margin-bottom:10px;
	}
		.proViewarea .pro_right .detail_info dd{
			padding-left:5px;
			display:inline-block;
			vertical-align:top;
			padding-top:4px;
		}
 }