@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:1400px;

}

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

}

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

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

 
/*글자사이즈*/
h2{
	
	font-size:350%;
	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{
	margin-bottom:10px;
}
  
h4{
 	font-size:170%;
	letter-spacing:-1px; 	 
	line-height:1.3;
	font-weight:600;
	position:relative;
	margin-bottom:20px;
 }
h4.only{ padding-top:30px;}
h4.est_title{
	color:#1d8112;
}
.tab_contenst_title h4{}
 
h5{
	 
	font-size:130%;
	line-height:1.1;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:600;

}
h5 span{font-size:70%;}
 
.headtxtA{font-size:280%;line-height:1.1;font-weight:600; letter-spacing:-2px;}
.headtxtA span.thiny{font-weight:400; }
.headtxtB{font-size:260%;line-height:1.3;font-weight:500; }
.headtxtC{font-size:240%;line-height:1.2; font-weight:500; }
.headtxtD{font-size:190%;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%;}
	 
	.headtxtA{font-size:260%; }
	.headtxtB{font-size:250%;}
	.headtxtC{font-size:220%;}
	.headtxtD{font-size:170%;}
	.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:240%;}
	.headtxtC{font-size:190%;}
	.headtxtD{font-size:140%;}
	.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:210%;}
	.headtxtC{font-size:180%;}
	.headtxtD{font-size:130%;}
 
}

 


 




/*///글자사이즈*/
    
.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;
}

.quality ul.ulli > li:before{top:50%;margin-top:-1px;background:#fff;}
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;
}

ul.ulliD {
	margin:0px 0 0px 0px;
}
ul.ulliD >  li{
	 position:relative;
	padding-left:30px;
	padding-bottom:0px;
	font-size:85%;
}
ul.ulliD >  li strong{
	color:var(--color-blue-500);
}
ul.ulliD > li:before{
	position:absolute;
	display:block;
	content:'';
	width:9px;
	height:3px;
	top:50%;
	margin-top:-2px;
	left:10px;
	background:#333;
}
/**/
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*/
 .Toptxtbox{
	padding-top:30px;	 
	 
	position:relative; 
	margin-bottom:30px;
	 
 }
  .Toptxtbox .subtop_loc{
	font-size:120%;
	font-weight:400;
	margin-bottom:20px;
	color: var(--color-white-600);
  }
  .Toptxtbox .subtop_majortxt span{
	display:block;

  }



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


 


#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 0; }
.process{background: url(../image/process/topimg.jpg)  no-repeat center 0; }
.business{background: url(../image/business/topimg.jpg)  no-repeat center 0;}
.product{background: url(../image/product/topimg.jpg)  no-repeat center 0;}
.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:180px;
 }
 .topTXTarea .loc_eng{
	margin: 0px auto 10px auto;
	position:relative;
	opacity:.7;
	text-align:center;

 
 }
.topTXTarea h2{
	text-align:center;
	color:#222;
	 
	 
	
}

.topTXTarea .top_loc{
	margin: 10px auto 10px auto;
	position:relative;
 	padding-right:20px;
	text-align:right;

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




.topTXTarea .top_loc span:after{
		display:block;
		position:absolute;
		content:'\f105';
		font-family: 'FontAwesome';
		width:20px;
		height:20x;		
		color:#222;
		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{
 		
	}  

	 .topTXTarea{
	 
			padding-top:100px;
			margin-bottom:30px;
		 }
		 .topTXTarea .top_loc{display:none;}
 
			  
			  .Toptxtbox .subtop_majortxt span{
				display:inline-block;

			  }

			

	   .Toptxtbox .subtop_majortxt span{
			display:inline;

		  }
 }


 
/**/
 
 /*//////////sUBMENU/////////////*/ 
.mobile_homearea,
.mobiletit_firstmenu,
.secondmenu .mobiletitB{
	display:none;
}

.submenu{
	
	position:relative;
	margin:0px auto 20px auto;	 
	padding:0px 0;
	text-align:center; 
 	 
 	 
 }
 .submenu .secondmenu{
	position:relative;
	margin:0px auto 0 auto; 	
 }


.submenu .submenu_box{
	margin :0px auto 0 auto; 	
	position:relative;
	padding: 8px; 
	display:block; 
	background:rgba(0,0,0,.05);
	border-radius:30px; 
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0;
	display:block;
	text-align:center;
	font-size:0;
	width:100%;
 
	vertical-align:top;

	 
		 

 	 
}
 

.submenu .submenu_box ul li{
	display:inline-block;
	position:relative;
 	margin-right:0px;
	z-index:2; 
 	padding:0px 0;  
	border-left:0; 	 
	vertical-align:middle;
	text-align:left;
	font-size:0;

  
}
 
 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:19px;
	letter-spacing:0px;
	display: block;
	padding:10px 30px;
	text-align:center;
	font-weight:500;
	color:#222;
	opacity:.8;
	 
	
}
.submenu .submenu_box ul.colone li{width:100%;}
.submenu .submenu_box ul.coltwo li{width:50%;}
.submenu .submenu_box ul.colthree li{width:33.333%;}
.submenu .submenu_box ul.colfour li{width:25%;}
.submenu .submenu_box ul.colten li{width:20%;}

.submenu .submenu_box ul li a:hover{
	opacity:1;
}
 
.submenu .submenu_box ul li.subOn{
	background: var(--color-blue-200);
	overflow:hidden;
	border-radius:30px;

}
.submenu .submenu_box ul li.subOn a{
	display:block;
	color:#fff;
	font-weight:600; 
	opacity:1;
	
	overflow:hidden;
 
	 
	
}

 @media (max-width: 1000px ){
		
		 .submenu{width:95%;margin-bottom:30px;}
		 /*Home*/
		 .submenu .mobile_homearea{
			display:flex;
			 flex-wrap: wrap;
		  /*justify-content: space-between;*/
		  align-items: center;
			position:absolute;
			left:0;
			top:0;
			width:40px;
			height:45px;  
			background:var(--color-orange-300);
			z-index:3;
			 text-align:center;
			 border-radius:30px 0 0px 30px;
			

			
		 }
		 .submenu .mobile_homearea a{
			  color:#fff;
			display: block;
			 width:100%;
			text-align:center;
		 
			 
		 }
		
		 /*1dep*/
		/*
		 	.mobiletit_firstmenu{
				display:block; 
				position:absolute;
				left:100px;
				top:0;
				width: calc(50% - 100px);
				padding:0px 0px 0px 0px; 
				text-align:left;
				z-index:3;
				background:green;
			}
		.mobiletit_firstmenu:before {
				display:block;
				position:absolute;
				right:0;
				top:0;
				content:'';
				width:1px;
				height:100%;
				background: rgba(0,0,0,.2);
				
			}
		 .mobiletitA {
			display:block;
			text-align:center;		
			font-size:16px;
			line-height:1.3;		
			padding:12px 0px 12px 0px;
			letter-spacing:-1px;
			transition: 0.4s;
			 
		 
			z-index:3; 
		 
		}

		.mobiletitA a {
			display: block;
			color:#333;
			width:100%; 
			text-align:center;
		}
		 .mobiletitA a  i{
			 position:absolute;
			 right:5px;
		  }

	
		.mobiletit_firstmenu_all {
			 
					position:absolute;
					left:0%;
					padding:0px;
					width: 100%;
					height: 0px;
					top:45px;
					overflow:hidden;
					background:#fff;
					box-shadow: var(--shadow-medium);
					z-index:3;
			}
			.mobiletit_firstmenu_all ul li{
				 padding:0;
				text-align:center;
				border-bottom: 1px solid #ccc;
			}
			.mobiletit_firstmenu_all ul li a{
				color:#333;
				text-align:center;
				display:block;
				 
				font-size:15px;
				padding:8px 15px 8px 20px;
			}
			.mobiletit_firstmenu_all ul li.first_on{
				 background:rgba(0,0,0,.1);
			}
			.mobiletit_firstmenu_all ul li.first_on a{
				 color:#333;
			}*/

		  /*2dep*/			 
		 
		.submenu .secondmenu{
				display:block;
				position:absolute;
				left:40px;
				top:0;
				width:calc(100% - 40px);
				padding:0px 0px 0px 0px; 
				text-align:left;
				z-index:3;
				-webkit-backdrop-filter: blur(15px);
				backdrop-filter: blur(15px);
				background:rgba(0,0,0,.05);
				 border-radius:0px 30px 30px 0px;
			 
			}
	 
			.secondmenu .mobiletitB {
				display:block;
				text-align:center;
				color:#222;
				font-size:18px;
				line-height:1.3;		
				padding:12px 0px 12px 0px;
				letter-spacing:0px;
				transition: 0.4s;
				width: 100%;		
				z-index:3; 
			 
			}
		 
			.mobiletitB a {
				 color:#222;
				 display:block;
				 

			}
			 .mobiletitB a  i{
				 position:absolute;
				 right:15px;
				 font-size:25px;
				 line-height:.8;
			  }

			.submenu .submenu_box {
		
				position:absolute;
				left:0%;
				padding:0px;
				width: 100%;
				height: 0px;
				top:45px;
				overflow:hidden;
				border-radius:0;
				 
				
				z-index:3;

			}
			.submenu .submenu_box ul{
				width: 98%;
				margin:0 0 0 0;
				padding:0px 0 0px 0px ;
				background:none;
				box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
			}
			.submenu .submenu_box ul li{
				display:block;
				width:100%;
				margin-left:0px;
				background:#f7f7f7; 
				max-width:100%;
				padding:0;
				 
				border-bottom: 1px solid #ccc;
			 
			}
			.submenu .submenu_box ul.colone li,
			.submenu .submenu_box ul.coltwo li,
			.submenu .submenu_box ul.colthree li,
			.submenu .submenu_box ul.colten li,
			.submenu .submenu_box ul.colfour li{
				width:100%;
			}
			 

			.submenu .submenu_box ul li a{
				padding:8px 15px 8px 20px;
				font-size:15px;
				margin-right:20px;
				color:#333;
				font-weight:400;

			}

			 

			.submenu .submenu_box ul li.subOn{
				background:var(--color-blue-300);
				border-bottom: 1px solid #ccc;
				border-radius:0;
			}
			.submenu .submenu_box ul li.subOn a{
				color:#fff;
				border: 0px;
			}

 }
 

/*/////////////////*/


 
/*/////////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;
	

}


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

/**/ 

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

 
/**/ 
.max_widthA{
	max-width:800px;
	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%;
	text-align:center;
	border-radius:5px;
	border: 1px solid #ccc;
	background:#fff;
}
.rightimg .txtarea{
 float:left;
}
.rightimg .imgarea{
 float:right;
}
.leftimg .txtarea{
	float:right;
}
.leftimg .imgarea{
	float:left;
}


.imgtxtarea_box .imgarea img{
	 
	max-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;
	font-size:0;
}
.img_list ul li{
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin:1%;
	text-align:center;
}
.img_list ul li img{display:block;position:relative;margin:0 auto 20px auto; max-width:100%;border:1px solid #ccc;}
.img_list ul li span{
	display:inline-block;
	font-size:17px;
	padding:5px 10px;
	border-radius:20px;
	background: rgba(0,0,0,.05);

}

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



 
/*grid box*/


.gridcontents{
 	margin:20px 0;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	 
	grid-auto-flow: dense;
 
 	 
}

  .gridbox{
		border: 1px solid #ccc;
		background:#fff;
		padding:10px;
		border-radius:5px;
		text-align:center;
		justify-self: stretch;

  }
  .gridbox.nonborder{border: 1px solid #fff;}
  .gridbox.bgA{
	background:#ced2d2;
  }
    .gridbox.bgB{
	background:#271b44;
  }
   .gridbox.bgB p.right{color:#fff;}
  
  .gridbox.tall{ 
	grid-row: span 2;
  }

  .gridbox .imgarea{text-align:center;}
  .gridbox span{margin:20px auto;display:inline-block;padding:2px 20px; background:#f7f77f;border-radius:10px;}
  .gridbox .txtarea{text-align:left;}


  /***/

  .gridcontentsB{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-flow: dense;
	align-items: stretch;
	align-content: stretch;
	justify-content: stretch;
  
  }

    .gridcontentsB .gridcontentsB_inbox{
		 
		align-items: stretch;
		align-content: end;
		justify-content: stretch;
		  
		
  }
 
   .gridcontentsB .gridcontentsB_inbox .grid_txtarea {

   }
    .gridcontentsB .gridcontentsB_inbox.youtubeimg .youtubearea,
     .gridcontentsB .gridcontentsB_inbox .imgara {
		text-align:center;
		position:relative;
		border-radius:5px;
		border: 1px solid #ccc;
		background:#fff;
		overflow:hidden;
   }
    


   .gridcontentsB.yutube_img_grid .gridcontentsB_inbox .imgara {
		text-align:center;
		position:relative;
		border-radius:0px;
		border: 0px solid #ccc;
		background:#fff;
		overflow:hidden;
   }
    .gridcontentsB.yutube_img_grid .gridcontentsB_inbox .youtubearea {
		background:#000;
	}


   .gridcontentsB.yutubegrid .gridcontentsB_inbox{
		align-content: stretch;
		border-radius:5px;
		border: 1px solid #ccc;
		background:#fff;
		overflow:hidden;
		 
   }
  
   .gridcontentsB.yutube_img_grid .gridcontentsB_inbox{
		display: grid;
		grid-auto-flow: dense;
		align-items: stretch;
		align-content: center;
		justify-content: stretch;
		text-align:center;
		border-radius:5px;
		border: 1px solid #ccc;
		background:#fff;
		overflow:hidden;
    }
	  .gridcontentsB.yutube_img_grid .gridcontentsB_inbox.gridcontentsB_inbox_txt{
		border: 1px solid #fff;
		text-align:left;
		 
	}
	   .gridcontentsB.yutube_img_grid .gridcontentsB_inbox.youtubeimg{
			background:#000;
	   }

 
   .gridcontentsB.yutube_img_grid .gridcontentsB_inbox .youtubearea{
		border-radius:0px;
		border: 0px solid #ccc;
   }

  .gridcontentsB .gridcontentsB_inbox .inbox_title{
		padding:5px;
		padding-inline:10px;
		text-align:left;
  }

  .gridcontentsB.yutubegrid .gridcontentsB_inbox .inbox_title{
	display:block;
	background: #000;
	color:#fff;
	
  }


  
  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
 .sub_con_start{padding:30px 0;}
 

 /*회사연혁*/
.historyarea{
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
 	margin-bottom:0px;
	background:url(../image/about/history.jpg) no-repeat 0 0;
	background-size:cover;
	 
		
}
 
.historyarea_block{
		margin-top:0px;
		position:relative; 
		z-index:1;
		margin-bottom:0;
		padding-bottom:30px;
		 
		width:100%;
		height:100%;
 }
 .historyarea_block:before{
 display:block;
	content:' ';
	position:absolute;
	left:50%;
	width:1px;
	 height:100%;
	 background:rgba(255,255,255,.1);
 }
.historyarea_block:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	 height:100%;
	 background:yellow;
}
 

.his_img{
	 position:relative;	 
	width:40%;
	float:left;
	margin:0;
 	padding:0;

	 
}
 
 
.historylist{
	width:50%;
	position:relative;	 
	z-index:2222;
	float:right;
	margin:0;
 	padding:0;
 

}
 

.historylist  .his_year{
	display:block; 
 	padding-top:0;
	margin-top:0;
	color:#fff; 
	font-weight:600;
	margin-bottom:30px; 
	position:relative;
	padding-left:40px;
}
.historylist  .his_year:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:30px;
	width:10px;
	height:10px;
	margin-left:-5px;
	border-radius:50% 50%;
	background: var(--color-blue-300);
}
.historylist ul{
	padding-left:50px;
}
.historylist ul li{
	margin-bottom:3px; 
	
	padding-bottom:10px;
	position:relative;
 }


.historylist ul li strong{position:absolute;color:#fff;font-size:140%;}
.historylist ul li span{display:inline-block;padding-left:90px;padding-top:6px;vertical-align:top;color:#fff;}
 
  .historyarea .right_img .his_img{
		float:right;
  }
 .historyarea .right_img .historylist{
		float:left;
 }

  .historyarea .right_img .historylist .his_year{
	text-align:right;
	padding-left:0px;
	padding-right:40px;
}
 .historyarea .right_img .historylist  .his_year:before{
		left:auto;
		right:0;
 }

  .historyarea .right_img .historylist ul{
		padding-left:0px;
}
  .historyarea .right_img .historylist ul li{
	text-align:right;
	padding-right:40px;
  }

 .historyarea .right_img .historylist ul li strong{
		right:40px;
	}

  .historyarea .right_img .historylist ul li span{
			padding-left:0px;
			padding-right:90px;
 }


 

 @media(max-width:1000px){
	 .historyarea_block{
		margin-bottom:30px;
	 }
	 .historyarea_block:before{
		width:0px;
	 }
	
	.his_img{width:100%;}
	.historylist{width:100%;}
	.historylist  .his_year{margin-top:30px;}

 }

.downarea{padding:50px 0}
 .link_down{text-align:center;}
.link_down .down_box{display:inline-block;}

.down_box{
	margin:20px 10px ;
	width:300px;
	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;
}


 /*인증현황*/
 

 
/**/

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

.certiarea  .certibox{
	background:rgba(0,0,0,0.1);
	width:23%;
	margin:10px 1% 30px 1%;;
	display:inline-block;
	padding:10px;
	vertical-align:top;
}

.certiarea  .certibox .imgarea{
	text-align:center;
	
	padding:0px;
	
	/*box-shadow:3px 10px 10px rgba(0,0,0,0.3);*/
}
.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:20px;
	font-size:16px;
	line-height:1.2;
	 
}

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

}

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

 	  

}

/*설비혀황*/
 .equipm h3 span{
	 display:inline-block;
	 text-align:center;
	 background: linear-gradient(180deg,rgba(255,255,255,0) 70%, #ffd40e 30%);
 }
 .faclist{
	position:relative;
	text-align:center;
	margin-bottom:40px;
	
 }
.facbox{
	width:47%;
	max-width:600px;
	margin: 1% 1% 40px 1%;;
	display:inline-block;
	vertical-align:top;
	position:relative;

}
 .faclistB .facbox{width:22%;}
 .faclistLarge .facbox{width:100%;max-width:1300px;}
.facbox .imgarea{
	text-align:center;
	background:#fff;
	border-radius:10px;
}
.facbox .imgarea img{
	border-radius:10px;
	overflow:hidden;
}
.facbox .fac_desc{
	display:none;
	text-align:left;
	margin-top:30px;
}
.facbox .fac_desc h5{text-align:center;}
.facbox .fac_desc dl{
	position:relative;
	margin-top:20px;
}

.facbox .fac_desc dt{
	position:absolute;
	top:0;
	left:0;
	font-size:120%;
	font-weight:500;
	color:var(--t_majorcolorBlue);
	 
}
.facbox .fac_desc dd{
	position:relative;
	padding-left:80px;
	padding-top:2px;
}

@media(max-width:640px){
	.facbox{
		width:98%;
	 

	}
	 .faclistB .facbox{width:47%;}
}


.equ_not{
	text-align:center;
	margin: 30px auto;
}
.equ_not span{
	padding:0;
	display:block;
	text-align:center;
	margin: 0px auto 15px auto;
}
.equ_not .youtubelist{
	max-width:800px;
	margin:0 auto;
}

/*고객사*/
 .customerarea h4 span{
	 display:inline-block;
	 text-align:left;
	 background: linear-gradient(180deg,rgba(255,255,255,0) 70%, #ffd40e 30%);
 }
 .customer_list{position:relative;padding:20px 0;margin-bottom:40px;}
 .customer_list ul{
	display:flex; 
	flex-wrap: wrap;
	 justify-content: flex-start;
	 align-items:center;
	 align-content: stretch;

 }
  .customer_list ul li{
	 
	 flex-basis: 19%;
	 align-self: center;
	  padding:10px;
	 margin:1% 1% 0 0;
	 text-align:center;

	 display:flex; 
	  justify-content: center;
	 align-items:center;

	 height:90px;
	 


	 
	 background: rgba(0,0,0,.0);
	 border-radius:10px 0;
	 border:2px solid rgba(0,0,0,.1);
 }
   .customer_list ul li img{max-height:70px; text-align:center;}


@media(max-width:780px){
	  .customer_list ul li{
		flex-basis: 24%;
		 height:80px;
	  }
 }

 @media(max-width:640px){
	  .customer_list ul li{
		flex-basis: 32.333%;
		  height:70px;
	  }
	   .customer_list ul li img{max-height:60px;}
 }

  @media(max-width:360px){
	  .customer_list ul li{
		flex-basis: 49%;
		  height:60px;
	  }
	   .customer_list ul li img{max-height:50px;}
 }


/*오시는길*/
.locationarea{
	margin-top:30px;
}
.locationarea h4{
	padding-bottom:10px;
	border-bottom: 2px solid #333;
	margin-bottom:40px;
}
.locationarea .loc_box{
	margin-bottom:50px;
}
.locationarea .loc_box .addressinfo span{
	margin-right:20px;
	font-size:85%; 
	 font-weight:400;  
	display:inline-block;
	position:relative;
	margin-bottom:0px;
	padding-left:40px;
	margin-left:30px;
 	 
}
.locationarea .loc_box .addressinfo span.addre{
	 
	padding-left:80px;
	margin-left:0px;
 	 
}
.locationarea .loc_box .addressinfo span svg{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:10px;
 	background:rgba(0,0,0,.2);
 	position:absolute;
 	top:8px;
	left:32px;
	padding-left:0;
 }

   
.locationarea .loc_box .addressinfo span.addre:before{
 	left:62px;
	 
 }
 
 
.locationarea .loc_box .addressinfo  span strong{
 	position:absolute;
	top:0;
	left:0;
	font-weight:500; 
	margin-right:0px; 
	left:0; 
	color:#000;
	 
}

.locationarea .loc_box .mapimg{
	margin-top:30px;
	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;
}

 

 
/*esg*/
.esgarea{

position:relative;
	padding-top:80px;
	padding-bottom:80px;
 	margin-bottom:0px;
	background:url(../image/esg/back_esg.jpg) no-repeat 0 center;
	background-size:cover;
 }
 .esgarea .Toptxtbox{
	color:#fff;
 }
 
.esginfo_contents{margin-bottom:40px;}


 /*pro*/
.IN_prolistbox{
	background: #fff;
}
.contents_Block{	 
	padding:0px 0 50px 0;
}
.contents_Block.contents_Block_title{padding:0px 0;}
.contents_Block:last-child{margin-bottom:0px;}
.contents_Block p{
	margin-bottom:20px;
}


/*tab*/
.tabs_box {position: relative; overflow: hidden;max-width:1400px;text-align:center;}
.tabs_box:before{
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 100vw;
		height: 2px;
		background: #ddd;
		transform: translateX(-50%);
	}
.tabs_box:after{
		content: '';
		position: absolute;
		display:block;
		bottom: 0px;
		left: 50%;
		width: 100vw;
		height: 2px;
		 border-bottom: 2px solid #ddd;
		 margin-top:-2px;
		 
		transform: translateX(-50%);
		z-index:1;
	}

.tabs_box.fixedmode {
		position:fixed; 
		width: 100vw;
		 
		top:0px;
		left: 50%;
		transform: translateX(-50%);
		right: 0; 
		z-index:100; 

}
 
 
.tablink {
	 
	display: flex;  
	justify-content:space-around;
	align-items:stretch;
  
	background:#fff;
	border-radius:0px;
	width:100%;
	font-size:0; 
	}
.tabs_box.fixedmode .tablink{background:#f7f7f7; }
.tablink>a {
	display:block;

	 
	padding:10px 10px;
	vertical-align:middle;
	 position:relative;
	  color:#222;	  
	font-size:20px;
	 line-height:1.2;
	opacity:.9;
	
	}
 .tablink>a.current {
		color:#09a9a3;
	   opacity:1;
		font-weight:700;
	}
  .tablink>a.current:after{
		content: '';
		display:block;
		position: absolute;
		bottom: 0;
		left: 0%;
		width: 100%;
		height: 100%; 
		border-bottom: 2px solid  #09a9a3;
		z-index:2;
	 
  }

  .tablink.coltwo>a{width:50%;}
  .tablink.colthree>a{width:33.333%;}
 .tablink.colfour>a{width:25%;}
 
.tab_contenst:last-child{padding-bottom:280px}
 
@media(max-width:1000px){
	.tabs_box.fixedmode {top:60px;}
	.tablink>a {font-size:16px;}
}
 
/*tab///////////*/



/*qulaity*/
.quality{

position:relative;
	padding-top:80px;
	padding-bottom:80px;
 	margin-bottom:0px;
	background:url(../image/qa/back_qu.jpg) no-repeat 0 center;
	background-size:cover;
 }
 .quality .Toptxtbox{
	color:#fff;
 }