@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{
	color:#fff;
	font-size:300%;
	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;

}
  
h4{
 	font-size:200%;
	letter-spacing:-1px; 	 
	line-height:1.3;
	font-weight:600;
	position:relative;


}

 
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;
}
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*/
 .Toptxtbox{
	padding-top:30px;	 
	width:100%; 
	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; 
	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 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:200px;
 }
.topTXTarea h2{
	text-align:center;
	
}

.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:400px;
	}  
	 .topTXTarea{
 		padding-top:130px;
	 }

	   .Toptxtbox .subtop_majortxt span{
			display:inline;

		  }
 }


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

.submenu{
	
	position:relative;
	margin:-100px auto 0 auto;	 
	padding:0px 0;
	text-align:center;
	width:100%;
	min-height:50px;
	 
 	 
 }
 .submenu .secondmenu{
	position:relative;
	margin:0px auto 0 auto; 	
 }


.submenu .submenu_box{
	margin :0px auto 0 auto; 	
	position:relative;
	padding: 20px 0; 
	display:inline-block; 
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0;
	display:inline-block;
	text-align:left;
	font-size:0;
	width:100%;
	padding:15px  ;
	border-radius:10px; 
	 
	vertical-align:top;

	 
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		background:rgba(0,0,0,.2);
 	 
}
 

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

  
}
 
 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:19px;
	letter-spacing:0px;
	display: block;
	padding:7px 30px;
	text-align:center;
	font-weight:400;
	color:#fff;
	opacity:.8;
	 
	
}


.submenu .submenu_box ul li a:hover{
	opacity:1;
}
 

.submenu .submenu_box ul li.subOn a{
	color:var(--color-blue-200);
	font-weight:600; 
	opacity:1;
 
	 
	
}

 @media (max-width: 1000px ){
		
		 .submenu{width:95%;}
		 /*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-dahong-300);
			z-index:3;
			 text-align:center;
			 border-radius:10px 0 0px 10px;
			

			
		 }
		 .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,.2);
				 border-radius:0px 10px 10px 0px;
			 
			}
	 
			.secondmenu .mobiletitB {
				display:block;
				text-align:center;
				color:#fff;
				font-size:16px;
				line-height:1.3;		
				padding:12px 0px 12px 0px;
				letter-spacing:-2px;
				transition: 0.4s;
				width: 100%;		
				z-index:3; 
			 
			}
		 
			.mobiletitB a {
				 color:#fff;
				 display:block;
				 

			}
			 .mobiletitB a  i{
				 position:absolute;
				 right:10px;
			  }

			.submenu .submenu_box {
		
				position:absolute;
				left:0%;
				padding:0px;
				width: 100%;
				height: 0px;
				top:45px;
				overflow:hidden;
				 
				box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
				z-index:3;

			}
			.submenu .submenu_box ul{
				width: 100%;
				margin:0 0 0 0;
				padding:0px 0 0px 0px ;
				background:none;
			}
			.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 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-purple-300);
				border-bottom: 1px solid #ccc;
			}
			.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%;
}
.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:60%;
	padding-right:50px;
	 
}
.greetingarea .gree_right{
	float:right;
	width:40%;
	padding-top:80px;
	text-align:center;
}

 @media(max-width:1000px){
	.greetingarea .gree_left,
	.greetingarea .gree_right{
		width:100%;
	}
	.greetingarea .gree_right{
		padding-top:10px;
	}
 }
 


 /*회사연혁*/
.historyarea{
	position:relative;
 	margin-bottom:80px;
		
}
 
.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(0,0,0,.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:var(--color-purple-300); 
	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-purple-300);
}
.historylist ul{
	padding-left:50px;
}
.historylist ul li{
	margin-bottom:3px; 
	
	padding-bottom:10px;
	position:relative;
 }


.historylist ul li strong{position:absolute;color:#003686;}
.historylist ul li span{display:inline-block;padding-left:90px;vertical-align:top;}
 
  .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){
 
	.historylist ul li span{ padding-left:50px; }
	 .historyarea .right_img .historylist ul li span{padding-right:50px;}
	 .historylist  .his_year:before{
			 
			top:20px; 
			margin-left:-5px;
			 
		}
 }

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

 }


 /*인증현황*/
 

 
/**/

.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){

 
	  
	  

}



 
/* 조직도 */
.orgarea{
	padding-top:50px;
	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:50px;
	
 }
.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-blue-300);;
	border-radius:10px; 
	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 auto;
	position:relative;
}
.org_second:before{
	 
	position:absolute;
	content:"";
	display:block;
	width:1px;
	top:0%;
	background: #c8c8c8;
	left:50%;
	margin-left:0;	
	height:83px;
	z-index:0;
	 
	
 }
.org_second:after{
	clear:both; 
	content:"";
	display:block;
	 
	
 } 

 .org_second_box{
	position:relative;
	width:33.333%;
	float:left;	 
	z-index:3;
	
}
 .org_second_box.loc_left{
	margin-left:0%;
	z-index:3; 

}

.org_second_box.loc_left:after{
	clear:both;
	display:block;
	content:'';
	position:absolute;
	left:33.333%; 
	width:100%; 
	height:1px; 
	top:50%;
	z-index:0;
	 
	border-bottom:1px solid #c8c8c8;
	
 }
 
 
 .org_second_box .org_second_tit{
	position:relative;
	background:#fff;
	color:#000;
	border:2px solid #ddd;
	border-radius:10px;
	width:60%;
	max-width:500px;
	margin:0 auto;
	padding:25px 10px;
	font-size:20px;
	font-weight:500;
	z-index:2;
	box-shadow: var(--shadow-small);
	
 
 }
 .org_second_box.loc_center {
	z-index:3; 
	left:0;
	width:100%;
	
}
 .org_second_box.loc_center .org_second_tit{
	position:relative; 
	background:var(--color-blue-200);
	color:#fff;
	width:100%;
	max-width:350px;
	margin:0 auto;
	padding:25px 10px;
	font-size:22px;
	line-height:1.2;
	font-weight:500;
	z-index:2;
	border:0;
	 
	height:80px;
 }
	 .org_secondB .org_second_box.loc_center .org_second_tit{
		background:var(--color-blue-100);
		border-radius:10px;
		color:#fff; 
		 
		height:60px;
		padding:15px 10px;
		box-shadow: var(--shadow-small);
	 }


.org_second_box.loc_right{
	z-index:2; 
}
 .org_second_box.loc_right:after{
	clear:both;
	display:block;
	content:'';
	position:absolute;
	left:0; 
	width:40%;
	margin-left:-20%;
	height:1px; 
	top:50%;
	z-index:0;
	 
	border-bottom:1px solid #c8c8c8;
	
 }

  .org_second_box.loc_right div{
		text-align:center;
		padding-left:0px;

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

	}


 

 

  

.org_fourth{
	position:relative;
	width:100%;

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


.org_fourth:after{
	clear:both;
	display:block;
	content:'';
	height:70px;
	
 }
.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:20%;
	
 }
	 
  
.org_fourth .org_fourth_box .org_fourth_tit{
	background: var(--color-purple-300);;
	border-radius:10px;
	color:#fff;
	width:90%;
	min-width:150px;
	margin:0 auto;
	padding:15px 0;
	font-size:130%;
	line-height:1.2;
	font-weight:500;
	border-radius:10px;
	border:3px solid  var(--color-purple-300);;
	box-shadow: var(--shadow-small);
	
	

	
 }

 
 
 


  

 /*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:10px;
	 box-shadow: var(--shadow-small);
	
	
 }
@media all and  (max-width:1000px){
	
	.org_fifth{
		
		width:98%;

	 
	 }
	.org_fifth .org_fifth_box .org_fifth_sub ul{
		 
	 
		 
		 

	}
	.org_fifth .org_fifth_box .org_fifth_sub ul li{
		min-width:100px;
		 

	}
	.org_fifth .org_fifth_box .org_fifth_sub ul li span{
		font-size:85%;
	}
}

@media all and  (max-width:780px){
	.org_fourth:before{
	 border-top:0px solid #c8c8c8;
	}
	.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 { max-width:350px;}
}


 
/*회사현황*/
.overview{
	  
}
.overview .mainphoto img{width:100%;}
.overview h4{margin:30px 0;}

.overview .imglist{
	position:relative;
	font-size:0;
	margin-bottom:40px;
 }

 .overview .imglist .imgbox{
	display:inline-block;
	width:23%;
	margin:1% 1% 20px 1%;
	
	vertical-align:top;
 	border-radius:10px;
	overflow:hidden;
 }
   .overview .imglist .imgbox .imgare{
		
		
   }
   .overview .imglist .imgbox .imgare img{width:100%;}
  .overview .imglist .imgbox .txtarea{
	font-size:18px;
	padding:5px 10px;
	text-align:center;
	background:var(--color-purple-300);
	color:#fff;
  }

  @media all and  (max-width:1000px){
		.overview .imglist .imgbox{
				width:31.333%;
		}

  }
  @media all and  (max-width:640px){
		.overview .imglist .imgbox{
				width:48%;
		}

  }


/*오시는길*/
.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;
}


/*공정소개*/
.processarea{
	position:relative;
	
}
.processarea .processbox{
	width:310px;
	position:relative;
	overflow:hidden;
	padding-right:0px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-bottom:50px;
}
.processarea .processbox:after{
	content:'';
	display:block;
	position:absolute;
	top:70px;
	right:00px;
	width:30px;
	height:20px;
	background: url(../image/process/arrow.png) no-repeat right center;
}
.processarea .processbox.last:after{background:none;}


.processarea .processbox .imgarea{
	min-height:186px;
	position:relative;
	width:250px; 
	margin: 0px auto;
	background:#f7f7f7;
	border-radius: 20px;
	overflow:hidden;
	text-align:center;
	display:flex;
	 flex-wrap: wrap; 
	  align-items: center;
}
.processarea .processbox .imgarea span{display:block;text-align:center;width:100%;}
.processarea .processbox .imgarea.photo{
	 background:none;
}
.processarea .processbox .imgarea.photo img{width:100%;}
 
.processarea .processbox  .stept{
	position:relative;
	margin:-20px auto 10px auto;
	width:90px;
	border-radius:30px;
	background: var(--color-dahong-300);
	color:#fff;
	font-size:80%;
	text-align:center;
	padding:2px;
	 
}

.processarea .processbox  .txtarea{}

@media(max-width:640px){
	.processarea{text-align:center;}
	.processarea .processbox{
		margin-bottom:20px;
	}
	.processarea .processbox:after{
		content:'';
		display:block;
		position:relative;
		top:auto;
		bottom:0px;
		padding-bottom:40px;
		right:auto;
		left:50%;
		margin-left:-15px;
		width:30px;
		height:20px;
		background: url(../image/process/arrow2.png) no-repeat center center;
	}
}

/*business*/

.businessara{
	background:#f7f7f7;
	padding:40px;

}
.businessara h3{
	display:block;
	text-align:center;
	padding:30px 0;
	color:var(--color-purple-300);

}
.business_imglist{text-align:center;position:relative;}

.business_imglist .business_imgbox{
	display:inline-block;
	  vertical-align:top;
	width:47%;
	margin:1%;
	 
}
.business_imglist.business_imglist_s .business_imgbox{
	max-width:400px;
}

 

.business_imglist .business_imgbox .image{
	display:flex; 
	 justify-content:center;	 
	 align-items:center;
	background:#fff;
	border-radius:20px;
	min-height:400px;
	max-width:600px;
	overflow:hidden;
	padding:10px;
	
	box-shadow:var(--shadow-normal);
}
.business_imglist.business_imglist_s .business_imgbox .image{
	min-height:300px;
 }
 .business_imglist.business_imglist_wide .business_imgbox .image{
	min-height:auto;
 }
.business_imglist .business_imgbox .image span{
	 display:block;
	 text-align:center;
	width:100%;
}

.business_imglist .business_imgbox h5{
	display:block;
	text-align:center;
	 width:100%;
	 padding:20px 10px 0px 10px;
	display:flex; 
	 justify-content:center;	 
	 align-items:center;
 
}
.business_imglist .business_imgbox  .spec{
	text-align:left;
	display:inline-block;
}
.business_imglist .business_imgbox p{
	display:block;
}

@media(max-width:1000px){

.businessara{padding:30px;}
.business_imglist .business_imgbox .image{
		min-height:300px;
}
.business_imglist.business_imglist_s .business_imgbox .image{
	min-height:200px;
 }

}

@media(max-width:780px){
.business_imglist .business_imgbox .image{
		min-height:200px;
}
.business_imglist.business_imglist_s .business_imgbox .image{
	min-height:150px;
 }

}
@media(max-width:640px){
	.businessara{padding:20px;}
	
	.business_imglist .business_imgbox{
		width:98%;
	}
}
/**/

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

}
.facbox .imgarea{
	text-align:left;
}
.facbox .imgarea img{
	border-radius:10px;
	overflow:hidden;
}
.facbox .fac_desc{
	text-align:left;
	margin-top:30px;
}
.facbox .fac_desc dl{
	position:relative;
	margin-top:0px;
	margin-bottom:0;
	padding-left:20px;
}

.facbox .fac_desc dt{
	position:absolute;
	top:0;
	left:0;
	padding-left:20px;
	font-size:110%;
	font-weight:500;
	color:var(--color-purple-300);
	 
}
.facbox .fac_desc dt:before{
	display:block;
	position:absolute;
	content:'';
	top:15px;
	left:0;
	width:5px;
	height:2px;
	background:rgba(0,0,0,.2);
}
.facbox .fac_desc dd{
	position:relative;
	padding-left:60px;
	padding-top:2px;
}

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

	}
}

/*proarea*/

.proarea{
	background:#f7f7f7;
	padding:40px;

}
.proarea h3{
	display:block;
	text-align:center;
	padding:30px;
	color:var(--color-purple-300);

}
.proarea_imglist{text-align:center;position:relatiave;}

.proarea_imglist .proarea_imgbox{
	display:inline-block;
	 vertical-align:top;
	min-width:300px;
	 max-width:550px;
	padding:1%;
	 
}
.proarea_imglist .proarea_imgbox .image{
 
	background:#fff;
	border-radius:20px;
	 
	overflow:hidden;
	padding:20px;
	
	box-shadow:var(--shadow-normal);
}

.proarea_imglist .proarea_imgbox .image span{
	 display:block;
	 text-align:center;
	width:100%;
}

.proarea_imglist .proarea_imgbox h5{
	display:block;
	text-align:center;
	 width:100%;
	 padding:20px 10px 0px 10px;
	display:flex; 
	 justify-content:center;	 
	 align-items:center;
 
}

/**/

/**/
.block_contents{
	position:relative;
	margin:0 auto;  
	padding: 40px 0;
	width:100%;

}
.block_contents:after{
 	clear:both;
	display:block;
	content:'';
	position:relative;
	margin-top:20px;
	 
	width:100%;
	 
}
 
.block_contents  p{
	padding-bottom:20px;
}



  /*유튜브*/

.videoarea{				 
		
		position:relative;
		padding:50px 0;
		background: #fff;

 
}
.videoarea .contents_list{
	position:relative;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:0;
	text-align:center;
}

.videoarea .contents_list .contents_box{
	position:relative;
	
	width:50%;
	
	vertical-align:top;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.videoarea .contents_box  a {
	display:block;
	width:97%;
	margin:0 auto;
	position:relative;
	border-radius:10px;
	overflow:hidden;
}
.videoarea .contents_box a:before{ 
	display:block;
	content:'111';
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
 	height:50px;
	margin-left:-25px;
	margin-top:-25px;
	background: url('/image/icon_mov.png')  no-repeat center center;
	background-size:100%;
	opacity:1;
	z-index:3;
	 
}
.videoarea .contents_box  a .imgarea{width:100%;background-color:#000; position: relative; top: 0; left: 0%; overflow:hidden; z-index:1; }
.videoarea .contents_box  a .imgarea img{-webkit-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5);opacity:0.9;filter:Alpha(opacity=0.9);	max-width: 100%; width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}


.videoarea .contents_box a .imgarea div{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	visibility:hidden; 
	opacity:0;filter:Alpha(opacity=0);
 	z-index:1;  
	box-sizing:border-box; 
 }
.videoarea .contents_box  a:hover .moreview{color:#000;background:#fff;}
.videoarea .contents_box  a:hover .imgarea div{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
.videoarea .contents_box  a:hover .imgarea img{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}


.videoarea .contents_box .txtarea{
	position:absolute; 
	bottom:0px; 
	left:0;
	 
	z-index:2;  
	color:#fff;
	text-align:center;
	font-size:17px;
	width:100%;
	letter-spacing:0;
	font-weight:400;
	padding:10px 10px 10px 10px;
	background: rgba(0,0,0,.5);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
 /*background-image: linear-gradient(-180deg,   transparent, rgba(1,15,70,.1) 35%,    rgba(1,15,70,.8)  );*/


	/*background-image: linear-gradient(90deg,  #cadfef,#e8f1f8);*/
	
}

.videoarea .contents_box .txtarea span{ 
	display:inline-block;
	position:relative;
	padding-left:35px;
}



@media(max-width:780px){

		.videoarea .contents_list .contents_box{
 			width:100%;
 		}
}
/**/


.modalPop-box{
  position:relative;
  top:0;
  z-index:9999999;
}
.modalPop-box.active{
  background: rgba(0,0,0,0.5);
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
}
.modalPop-box, .modalPop-box_in{
		-webkit-transition: opacity 0.5s ease 0.5s;
		-moz-transition: opacity 0.5s ease 0.5s;
		-o-transition: opacity 0.5s ease 0.5s;
		-ms-transition: opacity 0.5s ease 0.5s;
		transition: opacity 0.5s ease 0.5s;
	}

 
 .modalPop-box_in{
		width:85%;
		max-width:800px;
		position:relative;
		 
		margin:90px auto 0 auto;
		background:#fff;
		 
		 
	}

	.modalPop-close{
		position:absolute;
		right:0px;
		padding:5px;
		bottom:-34px;
		z-index:99999;
		background:#fff;

	}

	.modalPop_content{
		padding:10px;
	}
 

	.modalPop_content_in #local_name{
		text-align:center;
		font-weight:500;
		font-size:35px;
		display:block;
		padding:30px;
		 
	}

	.modalPop_content_in #mapaddress{
		text-align:center;
		font-weight:500;
		font-size:18px;
		display:block;
		padding:10px;
		 
	}



 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}
@media(max-width:1600px){
	 .videoara{
		 
		opacity:1;
		background: url(../image/back2.png) no-repeat -100px 0;
		background-size:cover;
		 
	 }
	 .videoara .infobox{
		width:65%;
	margin-left:35%;
	 }

 }


/*온라인문의*/
.inqtxtbox{
	color:var(--color-blue);
}