@charset "utf-8";
 
   
 .main_wrap{
	
		
		width:90%;
		max-width:1500px;
		margin:0 auto;
		position:relative;
		
	
}

    
 .wide_wrap{
	
		
		width:100%;
		margin:0 auto;
		position:relative;
		padding:0 0;
		
	
}
  
  /*mainimg slider/*/

  #mainimgContent{
	
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:780px;
	background:#fff;
	 
}


  
   
   


#mainimgContent_in{
	
	margin: 0px 0;
    position: absolute;
 	width:100%;
	height:100%;
	overflow: hidden;
}

.mainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;
 	margin:0 auto;
	background:#000;
 	
}
.mainContainer_in{
	width:100%;
	overflow:hidden;
	
}

	 
  

/**/
 
/**/

.main h2{
	
 	font-size:70px;
	letter-spacing:-3px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	 
	 
	

}
 
.main h2 strong{ font-weight:800; }

.main h3{
 	font-size:250%;
	letter-spacing:-2px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h3 strong{font-weight:700;}
.main h4{
	 
	font-size:180%;
	letter-spacing:-1px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
 
  @media(max-width:1400px){
	 .main_wrap{
			width:98%;
	 }

  }
 
 @media(max-width:1000px){
	
	

	  #mainimgContent{
		min-height:600px;
	  }
	.main h2{
		font-size:40px;
		letter-spacing:-1px;
	}
	.main h3{
		font-size:200%;
	}
	.main h4{
		font-size:180%;
	}

	 
}

 @media(max-width:780px){
	.main h2{
		font-size:35px;
		letter-spacing:0px;
	}
	.main span.ttile{
		font-size:17px;

	}
	.main h3{
		font-size:160%;
	}
	.main h4{
		font-size:150%;
	}

 
}

@media(max-width:640px){
	.main h3{
		font-size:150%;
	}
	.main h4{
		font-size:140%;
	}
 
	
}

@media(max-width:420px){
	.main h3{
		font-size:130%;
		letter-spacing:0;
	}
	.main h4{
		font-size:120%;
	}
 
	
}

/*link button*/

 .btn_link{
	display:block;
	margin:10px 0 ;
	position:relative;
	width:230px;
	text-align:	 left;
	 
	border-radius:30px;
	padding:12px 7px 10px 20px;
	color:#fff;
	font-size:20px;
	line-height:1;
	 
}
 .btn_link i{
	 font-size:21px;
	 font-weight:300;
	line-height:1.2;
	vertical-align:middle;
	margin-left:5px;
	margin-top:-2px;
}

.btn_link:hover{
	 
}
 
  /**/


 .ttitinfo{text-align:left;padding:20px 0px 20px 0;margin:0;max-width:850px;}
 .ttitinfo span.stxt{display:block;margin-bottom:5px;padding:0;margin:0;font-size:150%;font-weight:400;}
 .ttitinfo h3 span{display:inline-block;font-weight:300;}
 .ttitinfo h3 span strong{font-weight:600;}

  .ttitinfo .txt_dec{
	font-size:110%; 
	letter-spacing:-1px;
 }



 @media(max-width:1000px){
	.ttitinfo{max-width:100%;}
 

 }

 @media(max-width:640px){
	.ttitinfo span.stxt{font-size:110%;}
}
 
 /*제품소개*/


    /*회사소개*/
 .proarea{
	 background:url(../image/back_pro.jpg) no-repeat 0 0;
	background-size:cover;
	min-height:500px;	 
	padding:50px 0 200px 0;
	margin-top:0px;
	overflow:hidden;
	background-size:cover;
	position:relative;
	
}
  .proarea  .ttitinfo {
	 
	text-align:center;
	padding:30px 10px; 
	margin: 0 auto;
}
.proarea  .ttitinfo h3 span{
	 
	text-align:center;
	margin:0;
	color:#222;

}
.proarea  .ttitinfo .stxt{
	color:#222;
}
.proarea  .ttitinfo .txt_dec{
	color:#222;
	opacity:.8;
}


.businessbox{
	position:relative;
	vertical-align:top;
	margin-top:0px;
	padding-bottom:30px;
	
}
 
.main_p_box{

	margin-right:25px;
	margin-left:25px;
	 
	position:relative;
	 
	display:inline-block; 
	opacity:0; 
	visibility:hidden; 
	vertical-align:top;
	-webkit-transition: .3s; 
	transition:.3s;
	
	
}
.main_p_box_in{
 
	
	position:relative;
	padding:10px;
	border-radius:20px;
	  
	vertical-align:top;
	-webkit-transition: .3s; 
	transition:.3s;
	margin-top:50px; 
	box-shadow: var(--shadow-medium);

}
.main_p_box:nth-child(even) .main_p_box_in {
background:#fdab1b;
}
.main_p_box:nth-child(odd) .main_p_box_in{
background:#049ee4;
}

.main_p_box.slick-active{opacity:1; visibility:inherit;}

.businessbox .main_p_box:nth-child(odd) .main_p_box_in,
.businessbox.active .main_p_box:nth-child(even) .main_p_box_in{margin-top:50px;-webkit-transition: .3s; 
	transition:.3s;margin-bottom:0px}

.businessbox .main_p_box:nth-child(even) .main_p_box_in,
.businessbox.active .main_p_box:nth-child(odd) .main_p_box_in{margin-top:0px;-webkit-transition: .3s; 
	transition:.3s;margin-bottom:50px}


 
 .main_p_box.last:after{
 	width:0px;
  }

.main_p_box .imgarea{
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	
	
}
.main_p_box .imgarea img{border-radius:10px;}
.main_p_box .imgarea a{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
	 
}
.main_p_box .imgarea a img{
	display:block;
	position:relative;
	margin:0 auto;
	max-width:100%;
}
.main_p_box span.number{
	
	font-size:15px;
	font-weight:800;
	margin-bottom:20px;
	margin-top:20px;
	text-align:left;
	color:#fff;
	opacity:.8;
}
.main_p_box .business_part{
 	font-size:28px; 
	line-height:1.2;
	margin-bottom:10px;
	margin-top:0px;
	font-weight:500;
	text-align:center;
	letter-spacing:-2px;
	color:#fff;
}
 

.main_p_box .icon_more a{
	
	font-size:90%;
	display:block;
	padding:5px;
	width:100px;
	text-align:center;
	border-radius:30px;
	background:rgba(255,255,255,0);
	margin:10px auto;
	position:relative;
	transition:.3s;
	color:#fff;
	opacity:.6;
	 
}

.main_p_box:hover .icon_more a{
 
	background:#3431bc;
	transition:.3s;
	opacity:1;
}
@media(max-width:800px){
	 
 
 
	.businessbox{
		padding-top:30px;
	}
	.businessbox .main_p_box:nth-child(odd) .main_p_box_in,
	.businessbox.active .main_p_box:nth-child(even) .main_p_box_in{margin-top:0px;margin-bottom:50px;}
} 

   /*esg*/
 .esglabel{
	 background:url(../image/back_esg.jpg) no-repeat 0 0;
	background-size:cover;
	min-height:500px;	 
	padding:50px 0 200px 0;
	margin-top:0px;
	overflow:hidden;
	background-size:cover;
	position:relative;
	
}
  .esglabel  .ttitinfo {
	 
	text-align:center;
	padding:30px 10px; 
	margin: 0 auto;
}
.esglabel  .ttitinfo h3 span{
	 
	text-align:center;
	margin:0;
	color:#fff;

}
.esglabel  .ttitinfo .stxt{
	color:#fff;
}
.esglabel  .ttitinfo .txt_dec{
	color:#fff;
	opacity:.8;
}




  /**/
.esglabel_box{
	 
	position:relative;
	text-align:center;
	margin-top:50px;
	vertical-align:top;
		display:flex; 
	    justify-content:center; 
	   align-items:center;
		flex-wrap: nowrap;
}
.esglabel_box .esg_iconbox{
	 
	 
	 vertical-align:top;
	 margin-bottom:30px;
	 margin-left:10px;
	background: rgba(11,56	,4,.8);
	border: 2px solid rgba(255,255,255,0);
	border-radius:50% 50%; 
	webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	

	display:inline-block; 
	 

}
 .esglabel_box .esg_iconbox:hover{
	 background: rgba(33,132,2,.8);
	 border: 2px solid rgba(255,255,255,1);
 }

.esglabel_box .esg_iconbox .imgicon{
		display:flex; 
	 justify-content:center;	 
	 align-items:center;
	 width:250px;
	 height:250px;
 }
 .esglabel_box .esg_iconbox .imgicon a{
	display:flex; 
	 justify-content:center;	 
	 align-items:center;
 }
 
.esglabel_box .esg_iconbox .imgicon span.inbox{

	
}

.esglabel_box .esg_iconbox  p{
	display:block; 
	color:#fff;
	font-size:140%;
	font-weight:600;
	padding-top:5px;
}


 .linkbox{
	display:block;
	 position:relative;
	margin: 20px auto 0 auto;
	padding:0px;
	 border-radius:5px; 
	  
	 width:70px;
	 text-align:left;
	 
}
 
 
 .linkbox span.arrow{
 position:absolute;
  top:0px;
  display: block;
   width: 15px;
	right:0;
	 
   height: 13px;
   border-left: 1px solid #fff;
  z-index:2;
   transform: rotate(135deg);
}

 
 .linkbox span.arrow:after {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 70px;
	  background-color: #fff;
	  transform: rotate(-45deg) translate(24px,  10px);
	  left: 0;
	  top: 0;
}


/**/
@media(max-width:1000px){
	 .esglabel{
		min-height:300px;	 
		padding:50px 0 100px 0;
	 }
	  .esglabel  .ttitinfo {
			width:100%;
			text-align:center;
	  }
	  .esglabel  .ttitinfo h3 span{
		text-align:center;
	  }
	  .esglabel_box{
		 margin-top:20px;
		width:100%; 
	  }

}
 @media(max-width:780px){
	 .esglabel_box .esg_iconbox .imgicon{
		width:200px;
		height:200px;
	}
 
 }

  

 @media(max-width:640px){
	 .esglabel_box .esg_iconbox .imgicon{
		width:150px;
		height:150px;
	}
	.esglabel_box .esg_iconbox  p{
		font-size:120%;
	}

 
 }



  @media(max-width:480px){
	.esglabel_box .esg_iconbox .imgicon{
		width:120px;
		height:120px;
		 
	}
	.esglabel_box .esg_iconbox  p{
		font-size:100%;
	}

  }

   @media(max-width:380px){
	.esglabel_box .esg_iconbox .imgicon{
		width:100px;
		height:100px;
		 
	}
	.esglabel_box .esg_iconbox  p{
		font-size:70%;
	}

  }

 
   /*회사소개*/
 .mainabout{
	 background:url(../image/back_about.jpg) no-repeat 0 0;
	background-size:cover;
	min-height:650px;	 
	padding:80px 0 200px 0;
	margin-top:0px;
	overflow:hidden;
	background-size:cover;
	position:relative;
	
}
  .mainabout  .ttitinfo {
	 
	display:inline-block;
	margin-left:30%;
	width:70%;
	max-width:100%;
 
	position:relative;text-align:center;
}
.mainabout  .ttitinfo h3 span{
	 
	text-align:center;
	margin:0;
	color:#fff;

}
.mainabout  .ttitinfo .stxt{
	color:#fff;
}
.mainabout  .ttitinfo .txt_dec{
	color:#fff;
	opacity:.8;
}




  /**/
.mainabout_box{
	  
	 display:inline-block;
	margin-left:30%;
	width:70%;
	position:relative;
	text-align:center;
	margin-top:50px;
	vertical-align:top;
}
.mainabout_box .v_iconbox{
	 display:inline-block;
	 width:200px;
	 vertical-align:top;
	 margin-bottom:30px;
	 margin-left:10px;
}
 
.mainabout_box .v_iconbox .imgicon{
	
	 background: rgba(17,45	,99,.8);
	border-radius:20px 0 10px 0;
	width:100%;
	/*border: 2px solid rgba(255,255,255,.2);*/
	webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	padding: 20px 0;
	display:flex; 
	    justify-content:center; 
	   align-items:center;
		flex-wrap: nowrap;

}
.mainabout_box .v_iconbox .imgicon img{width:80px;}
 .visionara .v_iconbox .imgicon span{
	 

	display:inline-flex; 
	 justify-content:center;	 
	 align-items:center;
}
.mainabout_box .v_iconbox .imgicon  p{
	display:block;
	vertical-align:middle;
	color:#fff;
	font-size:140%;
	font-weight:600;
	padding-top:5px;
}

/**/
@media(max-width:1000px){
	 .mainabout{
		min-height:300px;	 
		padding:50px 0 100px 0;
	 }
	  .mainabout  .ttitinfo {
			width:100%;
			text-align:center;
			margin-left:0%;
	 
	  }
	  .mainabout  .ttitinfo h3 span{
		text-align:center;
	  }
	  .mainabout_box{
		 margin-top:60px;
		width:100%; 
		margin-left:0%;
	  }

}
 @media(max-width:780px){
	 
	.mainabout_box .v_iconbox .imgicon  p{
		font-size:130%;
	}

	 
 }

  @media(max-width:580px){
	.mainabout_box .v_iconbox{
		width:140px;
		margin-left:5px;
	}
	.mainabout_box .v_iconbox .imgicon  p{
		font-size:120%;
		 
	}
	
	 
 }



  @media(max-width:480px){
	 .mainabout_box .v_iconbox{
		width:100px;
		margin-left:2px;
	}
	.mainabout_box .v_iconbox .imgicon  p{
		font-size:110%;
	}
  }


  /*고객사*/
.customer{
	padding:50px 0 80px 0;
}
.customer .ttitinfo {max-width:100%;}
.customer .ttitinfo h3 {display:inline-block;}
.customer .ttitinfo h3 strong{font-size:150%;font-weight:700;}
.customer .ttitinfo h3 span.boldt{margin-left:20px; color:var(--color-blue-500);}
.customer .ttitinfo .txt_dec{display:inline-block;max-width:300px;padding-left:20px;}


 .customer .customer_box{
	width:98%;
	margin:0 auto;
	position:relative;
	/*background: rgba(0,0,0,.5);*/
	padding:10px;
 }
   .customer .customer_box ul{
		text-align:center;
		padding-top:10px;
		display: block;
    list-style: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
   }
  .customer .customer_box ul li{
		 display: block
      float: left;
      position: relative;
		vertical-align:middle;
		background:#fff;
		border-radius:20px;
		margin:10px;
		
		padding:0px 10px;
  }


 @media(max-width:1000px){
	  .customer .customer_box ul li{
		 
	  }
	  .customer .customer_box{
			width:100%;
			padding:5px;
		} 

	 

 }

  @media(max-width:640px){
	  .customer{
		padding:20px 0;
	  }
	 
 }


 /*동영상팝업*/
 .popmovDiv{
	position:absolute;
	left:5%; 
	bottom:10px;
	z-index:2;
	 

}
.popmov{
	position:relative;
	display:inline-block;  
	padding-inline:10px; 
 
	 

}
.popmov .popmov_box{
	display:inline-block;
	width:400px;
	padding:5px;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: rgba(0,0,0,1);
	border-radius:5px;
	box-shadow: var(--shadow-medium);

}

.popmov .popmov_box .ptitle{
	background: rgba(0,0,0,1);
	color:#fff;
	text-align:center;
	padding:5px 0;
}

.popmov .popmov_box h5{
	color:#fff;
	font-size:150%;
	text-align:center;
	margin-bottom:10px;
	 
}

.popmov .popmov_box .imgarea{
	position:relative;;

}
.popmov .popmov_box .imgarea a{
	display:block;
	position:relative;;

}
.popmov .popmov_box .imgarea a:after{
	display:block;
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	background: url(../image/icon_mov.png) no-repeat center center;
	width:50px;
	height:50px;

}
.popmov .mov-close,
.popmov .mov-close2{
	font-size:200%;
	cursor:pointer;
}