@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;
}
.section {
  
 
  box-sizing: border-box;
  overflow:hidden;
 
}


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

}
.sub_wrap.sub_wrap_loc{
	 
	max-width:1600px;

}

.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:30px;
	margin-top:0;
	font-weight:500;
	

}
h5 span{
font-size:80%;
}
h5 strong{
	
	color:var(--t_majorcolorSkyblueC);
}
.locationarea h5{color:var(--t_majorcolorB);}
 
.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:210%;line-height:1.2; font-weight:500; }
 .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:140%;}

	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:140%;} 

	
	 
	.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:2px;
	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:380px;
}


 


#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/topimg03.jpg)  no-repeat center 0; }
.product{background: url(/image/business/topimg.jpg)  no-repeat center center;}
.work{background: url(/image/work/topimg.jpg)  no-repeat center center; }

.customer{background: url(/image/customer/topimg.jpg)  no-repeat center center;}

 


    
 .topTXTarea{
	margin: 0px auto 0 auto;
	position:relative;
	padding-top:150px;
 }
.topTXTarea h2{
	text-align:center;
	
}
.topTXTarea .top_desc{
 	color:#fff;
	opacity:.7;
	font-size:150%;
	 margin-top:20px;
	
}
.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:-70px;
	text-align:center;
	padding-bottom:20px;
	 
	
 }
.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;
	
	

  }
  .sub_loc_in .depth span{

	background: rgba(255,255,255,.2);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		color:#fff;
		border-radius:20px;
		overflow:hidden;
 }
    .sub_loc_in .depth:hover span,
  .sub_loc_in .depth span:hover{
	background: rgba(255,255,255,0);
  
	-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
}

  .sub_loc_in .depth.Depth_second span{
	background: rgba(26,113,213,.5);
	-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	color:#fff;
	overflow:hidden;
	 
	 
  }
   .sub_loc_in .depth.Depth_second:hover span,
    .sub_loc_in .depth.Depth_second span:hover{
background: none;
webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
}
	}
.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:10px;
	box-sizing:border-box;
	text-align:center;
	z-index:101;
}
.dep1 i{
	display: block;
	position:absolute;
	padding-right: 0px;
	box-sizing:border-box;
	text-align:center;
	right:5px;
	top:10px;
	font-size:25px;
	 transition: rotate 0.4s ease;
}
.dep1:hover i,
.dep1.clickon i{
	 rotate: 180deg;
	  transition: rotate 0.4s ease;
}
 
 



 

.depth2{
	display:none;
	position:absolute;
	top:0px;
	left:-1px;
	width:100%;	 
	z-index:100;
	border:1px solid #c9c9c9;
	box-shadow: var(--shadow-medium);
	border-radius:20px;
	overflow:hidden;
	background: var(--t_majorcolor);
  }
 .depth2 ul{padding-top:50px;}
.depth2 li{
	border-bottom:1px solid #e4e4e4;
 
	
  }
.depth2 li:last-child{
	border-bottom:0;
	
  }
.depth2 li > a{
	display:block;
	font-size:80%;
	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: var(--t_majorcolorB);color:#fff;}
 
.Depth_second .depth2 li.subOn a{background: var(--t_majorcolorB);;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;
	}
	 
}
@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.greetingarea,
 #sub_contents_con.rndarea{
		padding-bottom:0px;
		margin-bottom:60px;
 }
@media(max-width:1000px){
	#sub_contents{
		font-size:16px; 
	}

}

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

/**/ 

 .keyword_t{
	margin-bottom:40px;
 	
}
 .keyword_t  strong{
	 font-weight:600;
	line-height:1.3;
	color: var(--t_majorcolor);
}
.keyword_t  span{
 	display: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:1000px;
	margin:50px auto 70px auto;
	text-align:center;
}
.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;
	 
}



/**/
.flex_imgtxt{
	 display:flex;
	 align-items: center;
}
.flex_imgtxt .imgarea{
	flex-basis:50%;
	flex-shrink: 0;

	text-align:center;
	padding:10px;
}
.flex_imgtxt .imgarea h5{text-align:left;}
.flex_imgtxt .txtarea{
	padding:20px;
	
}
.flex_imgtxt .txtarea.half{
	flex-basis:50%;
}
 
 

@media(max-width:1200px){
	 .flex_imgtxt{
		flex-wrap:wrap;
	 }
	 .flex_imgtxt .imgarea{
		flex-basis:100%;
		flex-shrink: 1;
	}
	.flex_imgtxt .txtarea.half{
		flex-basis:100%;
	}
}

 


/*이미지 리스트*/

.img_list{
	position:relative;
	margin: 30px 0;
	
 
}
.img_list ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.img_list ul li{
	 
	margin:10px;
}
.img_list ul li img{position:relative;width:100%;max-width:100%;border-radius:20px;overflow:hidden;}
.img_list ul li span{
	display:block;
	font-size:95%;
	text-align:center;
}

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

	
}
.img_list.coltwo ul li{
	width:47%;
	margin:1%;
}
 
 


.Ani_inup{
	opacity: 0; 
	transition:all 1.6s;
}

.Ani_inup.on-view{
	animation: fadeInUp 1.5s ease;
	animation-fill-mode:forwards;
    opacity: 1;

  }


  .Ani_inLeft{
	opacity: 0; 
	transition:all 1.6s;
}

.Ani_inLeft.on-view{
	animation: fadeInLeft 1.5s ease;
	animation-fill-mode:forwards;
    opacity: 1;

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

.back_greeting{
	
}
.greetingarea{
	position:relative;
	margin:0 auto;  
	padding: 0px 0;
	 
	width:100%;
	/*background-image: url(/image/about/com_img06.jpg);*/
 	background-position:center bottom;
	background-repeat: no-repeat;
	background-color:#eff6fd;
	background-size:cover;
	font-size:120%;


}
.greetingarea:after{

	clear:both;
	display:block;
	content:'';
	position:relative;
	height:0px;
}
 
.greetingarea  p{
	padding-bottom:30px;
}
.greetingarea .gree_left{
	float:left;
	width:50%;
	padding:20px;
	margin-bottom:0px;
	
	 
}
.greetingarea .gree_left img{
	width:100%;
	border-radius:30px;
	overflow:hidden;
}
.greetingarea .gree_right{
	  
	width:100%; 
	max-width:800px;
	margin:0 auto;
	padding:20px;
	padding-top:100px;
	padding-bottom:0;
	 
	
}

 @media(max-width:1000px){
	 .greetingarea .gree_right{
		padding-top:50px;
		padding-bottom:200px;
	 }
	 
 }

 /*회사개요*/
  .overview_box{
	position:relative;
	display:flex;
	align-items: flex-end;

	 

} 
.overview_box .overview_box_in{
	width:50%;
	margin-bottom:30px;
}
.overview-in{


	 display:flex;
	 flex-wrap:wrap;
	 margin-top:40px;
}
.overview-in dl{
	display:flex;
	width:98%;
	margin:5px 1%;
	position:relative;;
	padding-bottom:3px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.overview-in dt{
	flex-basis:130px; 
	flex-shrink: 0;
	font-weight:600;
	color:#111;
	padding-left:20px;
}
.overview-in dt:before{
	display:block;
	content:'';
	left:0;
	top:12px;
 	position:absolute;
	width:6px;
	height:6px;
	border-radius:3px;
	background: var(--t_majorcolorSkyblueB);

}
.overview-in dd{
	font-weight:400;
}
 


.overview_box .overview_box_in.rightcon{
	padding: 0 30px;
}
.overview_box .overview_box_in.rightcon span{
	display:block;
	border-radius: 20px;
	margin-top:10px;
	overflow:hidden;

}


@media(max-width:1000px){
	  .overview_box{
 		flex-wrap:wrap;
 
	} 
	.overview_box .overview_box_in{
		width:100%;
		
	}
	.overview_box .overview_box_in.rightcon{
		padding: 0 0px;
	}
		 
		.overview-in dl{
			width:96%;
		}
		.overview-in dt:before{
			top:10px;
		}
 }
 
 /*경영이념*/
.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;
	}
 }

  /*회사연혁*/
.back_his{
 
	background-image: url(/image/about/back_his.jpg);
 	background-position:center bottom;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed; 

}


.historyarea{
	position:relative;
 	margin-bottom:0px;
		
}
 
.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:70px;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:30px;
}
 .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:30px;
  }

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

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


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

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

	.historylist  .his_year:before{
		top:10px;
	}

 }


 
/* 조직도 */
.orgarea{
	
	position:relative;
}
.orgarea div{
	text-align:center;
	
	
 }
 
.orgarea span{
	display:block;
	
 } 
.orgarea .org_line{
	display:block;
	position:relative;
	width:1px;
	margin-left:-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:300px;
	padding:10px 0;
	background:var(--t_majorcolorB);
	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:100%;
	margin-left:0%;
	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:50%;
	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(--t_majorcolor);
	width:90%;
	max-width:300px;
	min-width:150px;
	margin:0 auto;
	padding:15px 0;
	font-size:21px;
	 
	line-height:1.2;
	font-weight:600;
	border-radius:5px; 
	border:3px solid  var(--t_majorcolor);
	box-shadow: var(--shadow-small);
 	
 }

 .org_fourth .org_fourth_box .org_fourth_tit.org_fourth_titB{
	 
	color:var(--t_majorcolorGreen);
	 
	border:3px solid  var(--t_majorcolorGreen);;
 
 }

  
 
 


  

 /*5*/

.org_fifth{
	position:relative;
	width:90%;
	max-width:300px;
	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{
	
	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);
	 
 	
	
 }
.org_fifth .org_fifth_box .org_fifth_sub ul li span strong{display:block; text-align: justify;width:90px;margin:0 auto;height:20px; }
.org_fifth .org_fifth_box .org_fifth_sub ul li span strong:after{
content: '';
position:relative;
  display: inline-block;
  width: 100%;
  
   
}
 
  
 
@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{
			 
			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%;
		 
	    
	}
	.org_fifth {width:100%;  }
	 
}



 /*인증현황*/
 

 
/**/
.certiarea_contens{
	 
	 margin:0 auto;
}
.certiarea_contens_inbox{
	display:flex;
}
.certiarea_contens h5{
	color: var(--t_majorcolor);
	flex-basis: 200px;
	flex-grow: 0;
	flex-shrink: 0;
}

.certiarea {
	text-align:left;
	padding-top:0px;
	margin-bottom:50px;
	font-size:0;
	 
}

.certiarea  .certibox{
	background:rgba(0,0,0,0.05);
	 
	width:29.333%;
	margin:0px 2% 4% 2%;;
	display:inline-block;
	padding:20px 20px 20px 20px;
	vertical-align:top;
	border-radius:10px;
	overflow:hidden;
	
	
	
}

.certiarea  .certibox .imgarea{
	text-align:center;
	border: 0px solid  rgba(0,0,0,0.3); 
	box-shadow: var(--shadow-medium);
	border-radius:10px;
	overflow:hidden;
	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:20px;
	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:0px;
	background:rgba(0,0,0,0);

}


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

	 .certiarea  .certibox{
		width:46%;
	 }

}

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

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

}

@media all and  (max-width:480px){
	.certiarea_contens_inbox{
		flex-wrap:wrap;

	}
	.certiarea_contens h5{
		width:100%;
		flex-basis: 100%;
		margin-bottom:10px;
		  
	}
}



/*오시는길*/
.locationarea{
	margin-top:30px;
}
.locationarea_col{
	display:flex;
	justify-content: space-between;
	
}
.locationarea_col .locationarea_col_in{
	width:48%;
	background: var(--t_majorcolor);
	border: 1px solid #ccc;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:20px;
}

 .locationarea .loc_box{
	margin-bottom:10px;
 }
  .locationarea .loc_info{
		padding:0px 20px;
		color:#fff;
  }
    .locationarea .loc_info h5{font-size:130%;color:#fff;margin-bottom:5px; }
.locationarea .loc_box .addressinfo{
	padding:0px 0;
}
.locationarea .loc_box .addressinfo span{
	margin:0px 0px 0px 0 ; 
	font-weight:400;  
	display:block;
	position:relative; 
	font-size:90%;
	line-height:1.1;
}
 
.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 strong{
 	 
	font-weight:500; 
	margin:10px; 
	color:#fff;
	font-size:110%;
	 
}

.locationarea .loc_box .mapimg{
	margin-top:0px;
	margin-bottom:10px;
	 position:relative;
	 overflow: hidden;
 }
.locationarea .loc_box .mapimg .mapimg_in{
margin-top:-100px;
}
.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;
}

@media(max-width:1000px){
	.locationarea_col{
		flex-wrap:wrap;
	}
	.locationarea_col .locationarea_col_in{
		width:100%;
		
		 
	}

}

/*연구개발*/
.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%;
   }
 } 
/*제품소개*/

.roundimg img{border-radius:20px;overflow:hidden;}


.meun_sub{
	position:relative;
	padding:10px;
	background: rgba(0,0,0,.05);
	border-radius:30px;
 
}

.meun_sub ul{
	position:relative;
	display:flex;
 	 
}
 

.meun_sub ul li{
	 flex:1;
	display:flex;
	align-items: center;
	justify-content: center;
 
}
 
.meun_sub ul li a{text-align:center;line-height:1.1;}

.meun_sub ul li.proOn{
	
	background:var(--t_majorcolor);
	border-radius:30px;
	 
}
.meun_sub ul li.proOn a{
	color:#fff;
	padding:5px 10px;
}

@media(max-width:1000px){
	.meun_sub ul{
		flex-wrap:wrap;
		justify-content: flex-start;
		 
	}
	.meun_sub ul li{
	
		 flex: 1 1 auto;
	}
	.meun_sub.colfour ul li{
		width:25%;
		flex-basis:25%;
		 flex-grow: 0;
	}
	.meun_sub ul li a{
		font-size:90%;
	}
}

@media(max-width:560px){
	.meun_sub.colthree ul li,
	.meun_sub.colfour ul li{
		width:50%;
		flex-basis:50%;
	}

}

@media(max-width:420px){
	.meun_sub ul li a{
		font-size:85%;
	}
}

/**/

.productara{
	 
	position:relative;
}
.productara h4{
	margin-bottom:50px;
	margin-top:50px;
	color:var(--t_majorcolor);
}
.productara h4 span{
	color:#333;
}

 .block_contents_box{
	margin-bottom:50px;
	padding-bottom:20px;
  }
  .block_contents_box p{
	margin-bottom:20px;
  }


.boxlist{
	margin-top:20px;
	width:100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, auto));

	gap: 10px;
	padding:30px;
	background:#f2faff;
	 
}
.boxlist.colfull{
	grid-template-columns: repeat(auto-fit, minmax(10%, auto));
}
.boxlist.colthree{
	grid-template-columns: repeat(auto-fit, minmax(30.333%, auto));
}
.boxlist span{
	 
	 display:flex;
	 flex-wrap:wrap;
	 justify-content: center;
	 align-items: center;

	  padding:20px;
	 background:#47a0df; 
	 border-radius:10px; 
	 color:#fff; 
	 text-align:center;
	 line-height:1.2;

	  
}
 
  
@media(max-width:1000px){
	.boxlist.colfull{
		grid-template-columns: repeat(auto-fill, minmax(150px, auto));
	}
}

/**/

.processbox{
	position:relative;
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, auto)); 
	gap:50px 0;
	
}
.processbox .processbox_in{
	position:relative;
	text-align:center;
	padding-right:60px;
	 
	
}
.processbox .processbox_in img{
	border-radius:10px;
	overflow:hidden;
	
}
.processbox .processbox_in:after{
	content:'\f061';
	font-family: 'FontAwesome';
	display:block;
	position:absolute;
	text-align:center;
	color:#fff;
	border-radius:5px;
	right:15px;
	 
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	background:var(--t_majorcolorSkyblueC);
	
}
.processbox .processbox_in:last-child:after{
		display:none;
}


@media(max-width:510px){
  .processbox .processbox_in{
		padding-right:0px;
  }
  .processbox .processbox_in:after{
		content:'\f063';
		top:100%;
		margin-top:10px;
		right:50%;
		margin-right:-15px;
		
  }
}

/**/
.process_boxtype{
	display:flex;
}
.process_boxtype .process_box{
 	margin:1%;
	width:31.333%;
	position:relative;
	border:1px solid #ccc;
	background:#fff;
	box-shadow: var(--shadow-small);
	border-radius:10px;
	padding:0;
	
}
.process_boxtype.colfive .process_box{
	width:18%;
}


.process_boxtype .process_box .step{
	position:absolute;
	left:50%;
	margin-left:-25px;
	margin-top:-35px;
	font-size:80%;
	z-index:2;
	background:#fff;
	width:50px;
	height:50px;
	border-radius:50% 50%;
	border:1px solid #ccc;
	text-align:center;
	line-height:1.1;
	display:flex;
	align-items: center; 
	justify-content: center;
}

.process_boxtype .process_box .title{
	z-index:1;
	 background-image: linear-gradient(to left,
	   transparent,
		transparent 0%,
		rgba(30,75,202,1) 0%,
		rgba(43,115,205,1));
		margin:0px;
		padding:15px 5px;
		text-align:center;
		color:#fff;
		border-radius: 10px 10px 0 0;

}


.process_boxtype .process_box .infotxt{
	padding:20px;
}
@media(max-width:1000px){
	.process_boxtype.colfour,
	.process_boxtype.colfive{
		flex-wrap:wrap;
	}
	.process_boxtype.colfive .process_box{
		margin:1%;
		margin-bottom:40px;
		width:31.333%; 
	}
	.process_boxtype.colfour .process_box{
		margin:1%;
		margin-bottom:40px;
		width:48%; 
	}
}

@media(max-width:600px){
	.process_boxtype{
		flex-wrap:wrap;

	}
	.process_boxtype.colfour .process_box,
	.process_boxtype.colfive .process_box,
	.process_boxtype .process_box{
		margin:1%;
		margin-bottom:40px;
		width:98%; 
		
	}

}


/**/
.pro_ul_dl{

}
.pro_ul_dl dl{
	display:flex; 
	align-content: center;
	margin-bottom:10px;
}
.pro_ul_dl dl dt{
	 
	flex-basis:300px;
	flex-shrink: 0;
	
	text-align:center;
	background: #f2faff;
	color:var(--t_majorcolorSkyblueE);
	border-radius:5px;
	border: 1px solid #47a0df;
	
	display:flex;
	align-items: center;
	justify-content: center;

}
.pro_ul_dl dl dd{
	padding-left:20px;
}

@media(max-width:640px){
	.pro_ul_dl dl{
		flex-wrap:wrap;
		align-content: center;
		border-bottom:1px solid #ccc;
		padding-left:10px;
	}
	.pro_ul_dl dl dt{
		background: none;
		border: 0px solid #47a0df;
		justify-content: flex-start;
		width:100%;
		position:relative;
		padding-left:20px;
	}
	.pro_ul_dl dl dt:before{
		position:absolute;
		display:block;
		content:'';
		width:4px;
		height:4px;
		top:13px;
		left:0px;
		background:#555;
	 
	}
	.pro_ul_dl dl dd{
		width:100%;
		padding-left:20px;
	}

}
.bg_contents{
	background: #f2faff;
	padding:20px;
	border: 1px solid #47a0df;
}
  
.bg_contents_noneboder{
	background: #f2faff;
	padding:20px;
	border: 0px solid #47a0df;
}


/**/

/*slideimg*/
 

.work_slider-main {
  
   margin: 0 auto;
  text-align:center;
  position:relative;
  
}
.work_slider-main .slide{
   margin: 0 auto;
  text-align:center;
  position:relative;
  width:100%;
 
}
.work_slider-main img {
  max-width:100%;
  margin: 0 auto;
  text-align:center;
  background:#fff;
  
 
}
.work_slider-thmb{
	margin-top:30px;
	 }
.work_slider-thmb .slick-slide {
	/*opacity: 0.5;*/
     transition: all .3s ease;
	  
	 

}
.work_slider-thmb{
	display:flex;
	justify-content: center;
}
.work_slider-thmb .slide{
   position:relative;
   margin:0 auto;
   overflow:hidden;
   padding:3px;
   text-align:center;
   border-radius:10px;
 }
.work_slider-thmb img {
  width:200px;
  height:120px;
  margin:0 auto;
   text-align:center; 
   border-radius:10px;
}


.work_slider-thmb .slick-current img { 
  border: 1px solid #000; 
 
}

/* Arrows */
 
.work_slider-main  .slick-prev,
.work_slider-main  .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;	 
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    background-size:cover;
    color: transparent;
    border: none;
    outline: none;
	z-index:1000;
   
}
.work_slider-main .slick-prev
{
    margin-left: 0px;
}
 
.work_slider-main .slick-next
{
    margin-right: 5px;
}
 

 
.work_slider-main .slick-prev:hover,
.work_slider-main .slick-prev:focus,
.work_slider-main .slick-next:hover,
.work_slider-main .slick-next:focus
{
    color: transparent;
    outline: none;
    
}
.work_slider-main .slick-prev:hover:before,
.work_slider-main .slick-prev:focus:before,
.work_slider-main .slick-next:hover:before,
.work_slider-main .slick-next:focus:before
{
    opacity: 1;
}
.work_slider-main .slick-prev.slick-disabled:before,
.work_slider-main .slick-next.slick-disabled:before
{
    opacity: .25;
}

.work_slider-main .slick-prev:before,
.work_slider-main .slick-next:before
{
    
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.work_slider-main .slick-prev
{
    left: 0px;
	background:url(../image/prev4.png) no-repeat center center;
	
}
 

.work_slider-main .slick-next
{
    right: 0px;
	background:url(../image/next4.png) no-repeat center center;
}

 

.work_slider-main .slick-dots{
	bottom:0;
	margin-bottom:30px;
 
}
.work_slider-main .slick-dots li button:before
{
    
    font-size:40px;
    position: absolute;
    top: 0;
    left: 0;
     width: 20px;
    height: 20px;
     content: '•';
    text-align: center;
     opacity: .25;
    color: #173d84;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.work_slider-main .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #173d84;
}


/* thumb Arrows */
		 
		.work_slider-thmb  .slick-prev,
		.work_slider-thmb  .slick-next
		{
			font-size: 12px;
			line-height: 0;
			position: absolute;
			top: 50%;	 
			margin-top:-15px;
			display: block;
			width: 30px;
			height: 30px;
			padding: 5px;
			
			cursor: pointer;
			background:rgba(0,0,0,.4);
			border-radius:6px;
			 
			color: transparent;
			border: none;
			outline: none;
			z-index:10;
		   
		}
		.work_slider-thmb .slick-prev
		{
			margin-left: 0px;
		}
		 
		.work_slider-thmb .slick-next
		{
			margin-right: 0px;
		}
		 

		 
		.work_slider-thmb .slick-prev:hover,
		.work_slider-thmb .slick-prev:focus,
		.work_slider-thmb .slick-next:hover,
		.work_slider-thmb .slick-next:focus
		{
			color: transparent;
			outline: none;
			 
			
		}
		.work_slider-thmb .slick-prev:hover:before,
		.work_slider-thmb .slick-prev:focus:before,
		.work_slider-thmb .slick-next:hover:before,
		.work_slider-thmb .slick-next:focus:before
		{
			opacity: 1;
		}
		.work_slider-thmb .slick-prev.slick-disabled:before,
		.work_slider-thmb .slick-next.slick-disabled:before
		{
			opacity: .25;
		}

		.work_slider-thmb .slick-prev:before,
		.work_slider-thmb .slick-next:before
		{
			
			font-size: 20px;
			line-height: 1;
			opacity: .75;
			color: white;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.work_slider-thmb .slick-prev
		{
			left: 0px;
			 background-image: url(../image/prev.png);
			 background-repeat: no-repeat;
			background-position: center center;
			background-size:35%;
			 
			
		}
		 

		.work_slider-thmb .slick-next
		{
			right: 0px;
			 background-image: url(../image/next.png);
			 background-repeat: no-repeat;
			background-position: center center;
			background-size:35%;
 
		}

/**/