@charset "utf-8";
		
.sub_wrap{
	max-width:1460px;
	margin:0 auto;
	padding:20px;
}
.sub_wrap_wide{
	width:100%;
	margin:0 auto;
	
	 
	 
}
.work_board_viw .sub_wrap_wide{
	padding:1px 0;
	 
	
}
.mobileon{
	display:none;
}

.mobiletit {
	display:none;
}


 @media(max-width:1000px){
.sub_wrap{
	padding:10px;
}
	.mobiletit {
		display:block;
		 
	}
	.mobiletit  a{
		display:block;
		color:#fff;
		text-align:center;
		padding:5px 0 5px 5%;
		width:95%;
		font-size:20px;
		background: url(../image/arrow2_off.png) no-repeat right center;
	}
 
 }
 
 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/
.top_loc_txt{
		text-align:center;
		font-size:55px;
		line-height:1;
		margin:0px auto 0px auto;
		 font-weight:400;
		 color:#fff;
		 opacity:.5;
		 padding-top:30px;
		font-family:"GmarketSans",sans-serif;
		
		}

.top_loc_txt.blacktxt{
	color:#999;
}
 h2{
		color:#000;
		font-size:35px;
		padding:0px 0 20px 0;
		line-height:1;
		letter-spacing:0px;
}

 h2.sub_tit{
		text-align:center;
		font-size:45px;
		margin:0px auto 30px auto;
		font-weight:500;	
		padding-top:80px;
	
}
 h2.white_txt{color:#fff;}
 h2.sub_tit span.s_title{
	font-size:18px;
	 display:block;
	color:#0088c0;
	letter-spacing:0;
	padding:10px;
}
 
body.work_board_viw h2.sub_tit{
	display:none;
}
 
 h3.subsubtit{
	font-size:30px;
	font-weight:500;
	margin-top:0px;
	margin-bottom:20px;
	letter-spacing:0px;
	border-bottom:1px solid #ccc;
	 
 }

 h4.subsubtit{
	font-size:40px;
	font-weight:500;
	margin-top:0px;
	margin-bottom:40px;
	letter-spacing:0px;
 	 
 }
 .titlare h3.b_title{
	font-size:30px;
	font-family:'GmarketSans',sans-serif;
 }
 h5.title{
		text-align:center;
		padding:30px 0 30px 0;
		color:#000;
		font-size:35px;
		letter-spacing:0px;
		line-height:1.2;
 }


 h5.title span{
	font-size:25px;
	display:inline-block;
 }

   h6.titie{
		margin-top:30px;
		text-align:left;
		padding-top:30px;
		padding-left:30px;		 
		font-size:20px;
		letter-spacing:0px;
		margin-bottom:30px;
 }
  
.center{
		text-align:center;
}


ul.ulli {padding-left: 0px;margin-left:0;}
ul.ulli > li{
	 position:relative;
	padding-left:25px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}
ul.ulli > li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:4px;
	top:10px;
	left:13px;
	background:#555;
}
ul.ulli > li .s_txt{
	font-size:14px;
	color:#696969;
}
ul.ulliB >  li{
	background: url(../image/icon_dot2.png) no-repeat 20px 10px;
	padding-left:47px;
	padding-bottom:10px;
}


.t_c_whtie{
	color:#fff;
}
.t_c_black{
	color:#000;
}

 .t_red{
	color:#ff0000;
 }
  .t_blue{
	color:#001eff;
 }


.proinfo_img img{max-width:100%}


 

#topimgara{
	 
	position:absolute;
	width:100%;
	height:100%;
	min-height:500px;
	top:80px;
}
#topimgara h2{
	padding-top:80px;
	color:#fff;
	text-align:center;
	font-size:50px;
	font-weight:400;
	line-height:1;
	letter-spacing:0px;
	text-shadow:2px 2px 10px rgba(0,0,0,0.8);
}

.aboutus{background: url(../image/about/backimg.jpg) no-repeat center 0;background-size:cover;}
.business{background: url(../image/business/backimg.jpg) no-repeat center 0;background-size:cover;}
.techA .tech{background: url(../image/tech/backimg.jpg) no-repeat center 0;background-size:cover;}
.techB .tech{background: url(../image/tech/backimg.jpg) no-repeat center 0;background-size:cover;}
.techC .tech{background: url(../image/tech/backimg.jpg) no-repeat center 0;background-size:cover;}
.techD .tech{background: url(../image/tech/backimg.jpg) no-repeat center 0;background-size:cover;}


.work{background: url(../image/work/backimg.jpg) no-repeat center 0;background-size:cover;}
.customer{background: url(../image/customer/backimg.jpg) no-repeat center 0;background-size:cover;}


#topimgara .tit_ss{
	color:#ccc;
	text-align:center;
	font-size:18px;
}
 
#contentbody{
	margin-top:320px;
	min-height:500px;
	
}

  
@media(max-width:1000px){
	
	 h2.sub_tit{
		font-size:35px;
		padding-top:30px;
	 }
	  h3.subsubtit{
			font-size:25px;
	  }
	
	#topimgara{
		 
		height:200px;
		min-height:150px;
		top:70px;
		 
		
	}
	#topimgara h2{
		padding-top:40px;
		font-size:40px;
		margin-bottom:0;
		padding-bottom:10px;
	}

	#topimgara .tit_ss{
		padding-top:0;
		margin-top:0;
	}
	#contentbody{
		margin-top: 0px;
		padding-top:120px;
		
	}

	h4.subsubtit{
		font-size:30px;

	}

	 h5.title{
 		font-size:28px;
		padding:20px 0 20px 0;
 	 }


	  h6.titie{
		padding-left:0px;	
	  }


 
 
 }

 @media(max-width:600px){
	
  h2.sub_tit{
		font-size:30px;
		
	 }
	
	#topimgara h2{
		 
		font-size:35px;
	 
	}

	 h5.title{
 		font-size:23px;
 	 }

	  h5.title span{
		font-size:20px;
	  }


 

 
 }


  @media(max-width:460px){
	
  h2.sub_tit{
		font-size:25px;
		
	 }
	
	#topimgara h2{
		 
		font-size:30px;
	 
	}

	 h5.title{
 		font-size:18px;
 	 }

	  h5.title span{
		font-size:15px;
	  }


 

 
 }

.submenu{
		width:100%;
		max-width:1200px;
		position:relative;
		margin:90px auto 0 auto;
		background:rgba(38,65,195,.9);   
		border-bottom: 0px solid #00bfe8;
		padding:0px 0;
		top:0;
		 
		}



.submenu .m_loca{display:none}
.submenu .submenu_box{
		margin:0 auto;
		text-align:center;
         
		}



.submenu .submenu_box ul{
		font-size:0;
		margin:0 auto;
		display:block;
		
		}
.submenu .submenu_box ul li{
		display:inline-block;
		margin-right:0px;
		margin-left:0px;
		}
.submenu .submenu_box ul.colsix li{width:auto;}
.submenu .submenu_box ul.colfour li{width:auto;}
.submenu .submenu_box ul.colTwo li{width:auto;}
 
.submenu .submenu_box ul li a{
		font-size:18px;
		display: block;
		padding:20px  12px;
		text-align:center;		
		 
		color:#fff;
		font-weight:400;
		
		}

		


.submenu .submenu_box ul li a:after{
	display:block;
	content:'';
	position:absolute;
	 
}
.submenu .submenu_box ul li.subOn a{
		 
		color:#000;
		 font-weight:500;
		 margin-top:0px;
		 background:#fff;
		}

	



  /*submenu*/
  .submenu_sub{
	 
	 margin:0 auto;
	 max-width:1000px;
  }
   .submenu_sub ul:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:50px;
   }



  .submenu_sub ul{text-align:center;}
   .submenu_sub ul li{display:inline-block;}
   .submenu_sub ul li{background:#f7f7f7;border:1px solid #dddddd;margin-left:-3px;}
   .submenu_sub ul li.on{background:#ff820a}
   .submenu_sub ul li a{display:block;text-align:center;padding: 5px 8px;font-size:17px;line-height:1.1;min-width:120px;}
   .submenu_sub ul li.on a{color:#fff;}


   .submenu_sub ul.colTwo li{width:auto;}
   .submenu_sub ul.colfour li{width:auto;}
   .submenu_sub ul.colfive li{width:auto;}

@media(max-width:1000px){
	.submenu{
		background:#01007f;   
	}
	 
	.submenu .submenu_box ul.colsix li{width:100%;}
	.submenu .submenu_box ul.colfour li{width:100%;}
	.submenu .submenu_box ul.colTwo li{width:100%;}

	.submenu .submenu_box ul li a{
		padding:6px 0px;
		background:#007f01;
		font-size:16px;
		border-bottom:1px solid #ccc;
	}

	 .submenu_sub ul li a{font-size:17px;}
 
 }
@media(max-width:780px){
	   .submenu_sub{margin-top:-30px;padding-top:0;}
	   .submenu_sub ul:after{height:30px;}
	   .submenu_sub ul.colTwo li,
	   .submenu_sub ul.colfour li,
	   .submenu_sub ul.colfive li{width:auto;}
	   .submenu_sub ul {text-align:center;}
	   .submenu_sub ul li{float:none;display:inline-block;padding:0;margin-bottom:3px;}
	   .submenu_sub ul li a{
			padding:6px 20px;
	   }
}
@media(max-width:640px){
	.submenu_sub ul li a{font-size:15px;}
}
 
 #sub_contents{
		background: #00bfe8;
		width:100%;
		margin:0 auto 0px auto;
		min-height:400px;
 		font-weight:400;
		padding:0; 
		position:relative;
		font-size:17px;
		line-height:1.8;
		
		}
 #sub_contents:after{
		clear:both;
		content:'';
}
#sub_contents.bgA{background: url(../image/about/bgA.jpg) repeat-x 0 0;}
#sub_contents.bgB{background: url(../image/about/bgB.jpg) no-repeat center 0;background-size:100%;}
#sub_contents.bgC{background:#fff;}
 
.scroll-on #sub_contents	.pro_contents{
	padding-top:100px;
}

.sub_contents_box{min-height:800px;background:#fff;}  

  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
.greetingarea{
		position:relative;
		background: url(../image/about/back_ceo.jpg) no-repeat 0 0;
		margin:0 auto;		 
		padding:20px 50px;
		
		}
.greetingarea:after{
		clear:both;
		display:block;
		content:'';
		}
.greeting_txt_img{
	 max-width:1200px;
	 margin:0 auto;
 
 }
.greeting_txt_img:after{
  	 clear:both;
		display:block;
		content:'';
		height:90px;
	 
}
.greeting_txt_img .ceo_img{
	float:right;
	padding:20px;
	max-width:50%;
	 
}

.greeting_txt_img .txtinfo{
	 
	padding-top:20px;
	 
	
}

.greeting_txt_img strong.main_t{
		display:block;
		font-size:30px;
		font-weight:300;
		margin-bottom:30px;
		letter-spacing:0px;
		line-height:1.3;
		 
		}



 
.greeting_txt_img p{
		margin-bottom:20px;
		font-size:17px;
		line-height:1.5;
		
		 
}
.greeting_txt_img .ceosign{text-align:left;margin-top:50px; }
.greeting_txt_img .ceosign strong{font-size:28px;padding-right:30px;}

@media(max-width:1000px){
	 .greetingarea{
		padding:10px 20px;
	 }
	.greeting_txt_img .ceo_img{
		 
		padding:0px 10px 10px 10px; 
	}
	.greeting_txt_img strong.main_t{
		font-size:22px;
	}
 
 }
@media(max-width:780px){
	 .greetingarea{
		padding:0;
	 }
	.greeting_txt_img .ceo_img{
		float:none;
		max-width:100%;
	}

	.greeting_txt_img p{
		font-size:15px;
	}

}

 /*경영방침*/
.visionbox:after{
	clear:both;
	display:block;
	content:'';
	height:50px;
}
 .visionbox_in{
	width:30%;
	margin:30px 1% 30px 1%;
	background:#fff;
	border: 1px solid #ccc;
	float:left;
	min-height:580px;
	padding:30px;
	border-radius:10px;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),0 5px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),0 5px 15px 0 rgba(0,0,0,0.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.31);

 
 }
 .visionbox_in .vision_header{
	text-align:center;
	font-size:25px;
	font-weight:500;
	margin-bottom:30px;
	line-height:1.2;
 }
  .visionbox_in .vision_header span{
		display:block;
		text-align:center;
		margin-bottom:20px;
  }

@media(max-width:1000px){
	 .visionbox_in{
		padding:10px;
		width:31%;
	 }
  .visionbox_in ul li{
	
	line-height:1.3;
	margin-bottom:10px;
	font-size:15px;
  }

}

@media(max-width:640px){
	 .visionbox_in{
		padding:10px;
		width:100%;
		margin:30px 0 30px 0;
		min-height:200px;
	 }
	  .visionbox_in .vision_header{
			font-size:20px;
	  }
	 .visionbox_in .vision_header img{
		max-width:120px;
	  }
}

 /*회사연혁*/
.historyarea{
	position:relative;
	min-height:500px;
	padding:40px 80px;
	background: url(../image/about/back_logo2.png) no-repeat 80% center;
	background-size:40%;
	 
}
 
.historyarea_box{
	position:relative;
	
 }
.historyarea_box:after{
	 
	clear:both;
	display:block;
	content:'';
	position:relative;
 
	
}
.historyarea_box .his_year{
	 
	
	position:absolute;
	padding:20px 10px;
	color:#000;	
	font-size:40px;
	letter-spacing:0px;
	top:0;
	line-height:1;
	font-family: 'Roboto';
	font-weight:500;
	 
}
.historyarea_box  .his_conlist{
	position:relative;
	margin-left:150px;
	padding:20px 20px;
	border-left:1px solid #ccc;
}
.historyarea_box  .his_conlist dl{
	position:relative;
	margin-bottom:10px;
}

.historyarea_box  .his_conlist dt{
	position:absolute;
	top:0;
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size:20px;
}

.historyarea_box  .his_conlist dd{
	position:relative;
	padding-left:130px;
	margin-left:-25px;
	line-height:1.2;
	color:#666;
	background: url(../image/about/his_dot.png) no-repeat 0 15px;
}



@media(max-width:1000px){

	.historyarea{
		padding:20px 0px;
	}
 
 }

 @media(max-width:600px){

	.historyarea_box{
		margin-bottom:20px;
	}
	.historyarea_box .his_year{
		position:relative;
		padding-bottom:0;

	}
	.historyarea_box  .his_conlist{
		border-left:0px solid #ccc;
		margin-left:50px;
		padding:10px;
	}
 
 }

  @media(max-width:420px){
	  .historyarea_box  .his_conlist{
		margin-left:0px;
	  }
	.historyarea_box  .his_conlist dt{
		position:relative;
		background: url(../image/about/his_dot.png) no-repeat 0 15px;
		padding-left:15px;
		font-size:20px;

	}
	.historyarea_box  .his_conlist dd{
		padding-left:20px;
		margin-left:0px;
		background:none;
		font-size:15px;
	}
  }



/*certi*/
.certilist{margin-top:40px;}
.certilist ul{
	text-align:center;
	}
.certilist ul li{
		width:19%;
		display:inline-block;
		vertical-align:top;
		margin-bottom:30px;
	}
.certilist ul li a{
	display:block;
	margin:0 auto;
	width:90%;
	text-align:center;
	border:5px solid #717384;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.11);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.11);
}

 @media(max-width:1000px){
	.certilist ul li{
		width:24%;
	 
	}
 }
  @media(max-width:780px){
	.certilist ul li{
		width:32%;
	 
	}
 }

   @media(max-width:420px){
	.certilist ul li{
		width:49%;
	 
	}
 }

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

	
 }
 
.org_first{
	position:relative;
	width:100%;
	max-width:350px;
	 
	background:#01007f;
	border-radius:5px;
	color:#fff;
	margin:0 auto;
	font-size:25px;
	font-weight:500;
	line-height:1.2;
	
	 
	
 }
.org_first span{
	display:block;
		padding:10px 0;
	margin:0;
	background: url(../image/about/back_logo.png) no-repeat 5px 6px;
	background-size:80px;

}
.org_second{
	font-size:22px;
	width:100%;
	max-width:350px;
	padding:10px 0;
	background:#1a2334;
	color:#fff;
	margin:0 auto;
	line-height:1.2;
}

 

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

.org_thrid_box span{
	 
	background:#7c7e83;
	color:#fff;
	max-width:250px;
	margin:0 auto;
	font-size:22px;
	width:98%;
	border-radius:5px;
	line-height:1.2;
	
	 

	
 }

.org_thrid_box span strong{
	display:block;
	padding:10px 0;
	margin:0;
	background: url(../image/about/back_logo.png) no-repeat 5px 6px;
	background-size:70px;
}
 

 

  

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

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


.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 #cdcdcd;
	left:50%;
	height:40px;
	 }
.org_fourth .org_fourth_box{
	padding-top:0px;
	float:left;
	width:25%;
	
 }

  
.org_fourth .org_fourth_box .org_fourth_tit{
	background:#007f01;
	color:#fff;
	border:0px solid #30333a;
	width:80%;
	margin:0 auto;
	
	font-size:18px;
	font-weight:500;
	border-radius:5px;
	line-height:1.2;
	
 
	
 }
.org_fourth .org_fourth_box .org_fourth_tit span{
	display:block;
	padding:10px 0;
	margin:0;
	background: url(../image/about/back_logo.png) no-repeat 5px 6px;
	background-size:60px;

}
 
.org_fourth .org_fourth_box .org_fifth_sub:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #cdcdcd;
	left:50%;
	height:20px;
	
	 
	 }
 
.org_fourth .org_fourth_box .org_fifth_sub ul li:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #cdcdcd;
	left:50%;
	height:10px;
	 }
.org_fourth .org_fourth_box .org_fifth_sub ul li{
	width:95%;
	margin:0px auto;
	padding:0px 0;
	
 }
.org_fourth .org_fourth_box .org_fifth_sub ul li span{
	font-size:16px;
	background:#fff;
	color:#333;
	border:1px solid #cdcdcd;
	 padding:5px 0;
	 
	
 }


  

 /*5*/

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

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


.org_fifth:after{
	clear:both;
	display:block;
	content:'';
	height:70px;
	
 }
.org_fifth .org_fifth_box:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #cdcdcd;
	left:50%;
	height:40px;
	 }
.org_fifth .org_fifth_box{
	padding-top:0px;
	float:left;
	width:33.333%;
	
 }

					 /*2col*/
				 
					.org_fifth.coltwo:before{
						position:absolute;
						content:"";
						display:block;
						width:40%;
						border-top:1px solid #cdcdcd;
						left:50%;
						margin-left:-20%;
						 
						  
						 }


					.org_fifth.coltwo:after{
						clear:both;
						display:block;
						content:'';
						height:70px;
						
					 }
					.org_fifth.coltwo .org_fifth_box:before{
						position:relative;
						content:" ";
						display:block;
						width:1px;
						border-left:1px solid #cdcdcd;
						left:50%;
						height:40px;
						 }
					.org_fifth.coltwo .org_fifth_box{
						padding-top:0px;
						float:left;
						width:40%;
						
					 }
					 .org_fifth.coltwo .org_fifth_box.first{
						margin-left:10%;
					 }


							/*1col*/
				 
					.org_fifth.colone:before{
						position:absolute;
						content:"";
						display:block;
						width:0;
						border-top:1px solid #cdcdcd;
						left:50%;
						margin-left:0;
						 
						  
						 }


					.org_fifth.colone:after{
						clear:both;
						display:block;
						content:'';
						height:70px;
						
					 }
					.org_fifth.colone .org_fifth_box:before{
						position:relative;
						content:" ";
						display:block;
						width:1px;
						border-left:1px solid #cdcdcd;
						left:50%;
						height:40px;
						 }
					.org_fifth.colone .org_fifth_box{
						padding-top:0px;
						float:left;
						width:40%;
						
					 }
					 .org_fifth.colone .org_fifth_box.first{
						margin-left:30%;
					 }





  
.org_fifth .org_fifth_box .org_fifth_tit{
	background:#f7f7f7;
	color:#000;
	border:2px solid #ccc;
	border-radius:5px;
	 
	width:95%;
	margin:0 auto;
	padding:10px 5px;
	font-size:14px;
	font-weight:500;
	line-height:1.2;
	word-break:keep-all;
		word-wrap:normal;
	
	
	 
	
 }

 
.org_fifth .org_fifth_box .org_fifth_sub:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #cdcdcd;
	left:50%;
	height:20px;
	
	 
	 }
 
.org_fifth .org_fifth_box .org_fifth_sub ul li:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #cdcdcd;
	left:50%;
	height:10px;
	 }
.org_fifth .org_fifth_box .org_fifth_sub ul li{
	width:90%;
	margin:0px auto;
	padding:0px 0;
	
 }
.org_fifth .org_fifth_box .org_fifth_sub ul li span{
	font-size:16px;
	background:#f7f7f7;
	color:#333;
	border:1px solid #cdcdcd;
	 padding:5px 0;
	
	
 }





 @media(max-width:1000px){

		.org_thrid_box span{
			width:80%;
		}
 	
	  .org_fourth .org_fourth_box .org_fourth_tit{
			font-size:18px;
			letter-spacing:0px;
		}
	.org_fifth.coltwo:before{
						 
						width:45%;
						border-top:1px solid #cdcdcd;
						left:50%;
						margin-left:-22.5%;
						 
						  
						 }

	.org_fifth.coltwo .org_fifth_box{
					 
						width:45%;
						
					 }
	 .org_fifth.coltwo .org_fifth_box.first{
						margin-left:5%;
					 }
	.org_fifth.colone .org_fifth_box:before{
		
	}

		.org_fifth.colone .org_fifth_box{
					
						width:45%;
						
					 }
					 .org_fifth.colone .org_fifth_box.first{
						margin-left:27.5%;
					 }

 }

  @media(max-width:800px){
		
		
		.orgarea .org_line{
			height:40px;
		}
		.orgarea  .org_fourth .org_fourth_box .org_line{height:10px;;}
		.org_first{
			font-size:22px;
			padding:5px 0;
		}
		.org_thrid_box{
			width:50%;
		}
	


		.org_thrid_box span{
			width:90%;
			padding:5px 0;
			font-size:20px;
		}
		.org_fourth:before{
	 
		display:none;
	 
	 }

	.org_fourth{
		position:relative;
		width:100%;
		margin-left:0%;
	 }



	.org_fourth .org_fourth_box:before{
		height:30px;
	}
	.org_fourth .org_fourth_box{
		padding-top:0px;
		float:none;
		width:100%;
		
	 }

	 .org_fourth .org_fourth_box.first:before{
		height:0px;
	}

	.org_fourth .org_fourth_box .org_fifth_sub:before{
			margin-left:-1px;
			height:0px;
			 
	  }
	  .org_fourth .org_fourth_box .org_fourth_tit{
		padding:5px 0;
		width:95%;
	  }

/**/

	  .org_fifth.coltwo:before,
	  .org_fifth:before{
	 
		display:none;
	 
	 }
	 .org_fifth.coltwo:after,
	 .org_fifth:after{
	 
		height: 0px;
		
	 }

	 

	.org_fifth{
		position:relative;
		width:100%;
		margin-left:0%;
	 }


	.org_fifth .org_fifth_box:before{
		height:0px;
	}
	.org_fifth .org_fifth_box{
		padding-top:0px;
		float:none;
		width:100%;
		
	 }

	 .org_fifth .org_fifth_box.first:before{
		height:0px;
	}

	.org_fifth .org_fifth_box .org_fifth_sub:before{
			margin-left:-1px;
			height:0px;
			 
	  }
	  .org_fifth .org_fifth_box .org_fifth_tit{
		padding:5px 0;
	  }

			/**/

			.org_fifth.coltwo .org_fifth_box:before{
					height:10px;
				}
				.org_fifth.coltwo .org_fifth_box{
					padding-top:0px;
					float:none;
					width:100%;
					
				 }

				 .org_fifth.coltwo .org_fifth_box.first:before{
					height:0px;
					
				}

				.org_fifth.coltwo .org_fifth_box .org_fifth_sub:before{
						margin-left:-1px;
						height:0px;
						 
				  }
				  .org_fifth.coltwo .org_fifth_box .org_fifth_tit{
					padding:5px 0;
				  }

				  .org_fifth.coltwo .org_fifth_box.first{
						margin-left:0;
					 }

				.org_fifth.colone .org_fifth_box{
					padding-top:0px;
					float:none;
					width:100%;
					
				 }

				  .org_fifth.colone .org_fifth_box.first{
						margin-left:0%;
					 }

 
 }


 

 /*오시는길*/
.location_map{margin-bottom:30px;}
.location_map #map{width:100%;height:600px;border: 1px solid #ccc;}
.locationarea_info{margin-top:30px;border-top:2px solid #000;}
.locationarea_info ul li{background:#fff;padding:20px;border-bottom: 1px dashed #ccc;}
.locationarea_info ul li strong{font-size:18px;line-height:22px;}
.locationarea_info ul li span{display:inline-block;margin-right:30px}
.locationarea_info ul li.comname{border-bottom: 0px dashed #ccc;}
.locationarea_info ul li.comname strong{font-size:30px;line-height:22px;}

 @media(max-width:1000px){
 
.locationarea_info ul li.comname strong{font-size:22px; }
.locationarea_info ul li strong{font-size:15px }

 }

 /*사업분야*/

.businessimglist{
	position:relative;
	margin-bottom:30px;
}
.businessimglist .businessimg{
	position:relative;
	z-index:1;		
}
.businessimglist .businessimg img{ 
	max-width:100%;
}
.businessimglist .businestxt{
	position:absolute;
	z-index:3;
	right:0;
	top:25%;
	background:#fff;
	max-width:600px;
	padding:50px;
	
	letter-spacing:0px;
	font-weight:500;
	line-height:1.5;
		
}
.businessimglist .businestxt .businestxt_des{
	color:#18428b;
	font-size:22px;
}

.businessimglist .businestxt .businestxt_li{
	margin-top:30px;
}
.businessimglist .businestxt .businestxt_li ul li{
	margin-bottom:10px;
	font-weight:400;
	background: url(../image/dot5.png) no-repeat 0 10px;
	padding-left:20px;
}

.businessimglist_b{
	margin-bottom:50px;

}
.businessimglist_b ul li{
	display:inline-block;

 

}
.businessimglist_b ul.colthree li:nth-last-child(1) {
 margin-right:-1%;
}
.businessimglist_b ul.colthree li:nth-child(1) {
	
 
}
.businessimglist_b ul.colthree li{
	margin-right:1%;
}
.businessimglist_b ul.colthree li{
	width:32.3333%;
}
.businessimglist_b ul li img{
	max-width:100%;

}


.business_workbox{
	background:#f7f7f7;
	padding-bottom:80px;
}

.business_workbox_in{
	background:#fff;
	padding:30px;
	box-shadow:2px 2px 10px rgba(0,0,0,0.4);
}
.business_workbox_in:after{
	clear:both;display:block;content:'';
}
.business_workbox_in .imgare_box{
	width:50%;
	float:left;
}
.business_workbox_in .imgare_box img{
	max-width:100%;
}
.business_workbox_in .info_box{
	width:50%;
	float:left;
}

.business_workbox_in .info_box .infotitle{
	font-size:33px;
	border-bottom: 1px solid #ccc;
	line-height:1.2;
	font-weight:500;
	padding-bottom:10px;
 	letter-spacing:0px;
	color:#2e59ca;

}

.business_workbox_in .info_box .info_etc{
	padding:20px;
}
.business_workbox_in .info_box .info_etc dl dt{
	position:relative;
	background: url(../image/dot4.png) no-repeat 0 16px;
	padding:3px 5px 3px 15px;
	font-size:17px;
	float:left;
	
	 
	 

}
.business_workbox_in .info_box .info_etc dl dd{
	position:relative;
	padding:3px 5px 3px 20px;
	text-align:left;
	color:#636363;
	font-size:17px;
	max-width:60%;
	 
	float:left;

	 

	 
}
.business_workbox_in .info_box .info_etc dl:after{
	clear:both;
	content:' ';
	display:block;
	height:10px;
	position:relative;
}

.business_workbox_in .info_box .moreicon{
	width:250px;
	background:#2e59ca;
	margin:50px auto 0 30px;

	 
	 

}
.business_workbox_in .info_box .moreicon a{
	text-align:center;
	display:block;
	color:#fff;
	
}


 @media(max-width:1400px){
	.businessimglist .businestxt{
	
		position:relative;
		top:0%;
		max-width:100%;
		margin:0px auto 0 auto;
		padding:20px 0;
	}
	.business_workbox_in .info_box{
		padding-left:30px;
	}
	.business_workbox_in .info_box .infotitle{

		font-size:25px;
	}

 }

 @media(max-width:1000px){
	
	.businessimglist .businestxt .businestxt_des{
 		font-size:18px;
	}

	.business_workbox_in .info_box .info_etc dl dt{
		font-size:15px;
	}
	.business_workbox_in .info_box .info_etc dl dd{
		font-size:15px;
	}
	.business_workbox_in .info_box .moreicon{
		margin-top:20px;
	}

	.businessimglist_b ul.colthree li{
	width:32%;
}

 }

 
 @media(max-width:870px){
	.business_workbox_in{
		padding:10px;
	}
	.business_workbox_in .imgare_box{
		width:100%;
		text-align:center;
	}
	.business_workbox_in .info_box{
		width:100%;
		margin-top:50px;
		padding-left:10px;
	}
	.business_workbox_in .info_box .info_etc{
			padding:5px;
		}

	.business_workbox_in .info_box .moreicon{
		width:auto;
		margin:20px auto 0 auto;
	}

 }

  /*////////////////////////////////////////////////////////////////////보유기술/////////////////////////////////////////////////*/

 .techimg{
	margin-bottom:50px;
	z-index:1;
	position:relative;
 }
.techimg img{max-width:100%;}

.process_overview{
	background:#fff;
 	width:70%;
	margin:-150px auto 0 auto;
	font-size:22px;
	padding:30px 100px;
	z-index:3;
	position:relative;
}

.process_overviewB{
	background:#fff;
 	width:80%;
	margin:20px auto 0 auto;
	font-size:22px;
	padding:30px 0px;
	z-index:3;
	position:relative;
}

.techinfobox{
	background:#f7f7f7;
	padding:50px;
	width:100%;
	position:relative;
}
.techinfobox:after{
	clear:both;
	display:block;
	content:'';
}
.techinfobox h5{
	/*color:#fff;*/
	 
}
.techinfobox .tech_section{
	margin: 0 auto;
	position:relative;
	text-align:center;


}
.techinfobox .tech_section span{
	padding:5px 20px;
	color:#fff;
	background:#3b3b3b;
	border-radius:30px;
}
.processarea{
	background:#fff;	
	padding:30px;
	margin-bottom:40px;
}
@media(max-width:1000px){
  .processarea{
		padding:10px;
	}
 }
 .processarea.processareaB{
	 padding-bottom:10px;
	
	margin-bottom:0px;
 }
.processarea .texbox{
	display:inline-block;
	margin-right:1%;
	vertical-align:top;
}

.processarea .boxtt{
	margin:0px auto 50px auto;
	text-align:left;
}

.processarea .boxtt:after{
	display:block;
	background:#fff;
	content:'';
	position:relative;
	width:50px;
	height:0px;
	margin-left:50px;
 
	 

 }
.processarea .boxtt span{
	padding:10px 0px 10px 30px; 
	color:#000;
	font-size:50px;
	line-height:1.3;
 	 
}
.processarea .boxtt span.stxt{
	font-size:23px;
	padding-left:0;
	vertical-align:middle;
	line-height:1.1;
}
		.processarea.wid_half .texbox{
			width:45%;
		}
		.processarea.wid_half .processarea_img{
			width: 45%;
		}
		.processarea.wid_three .texbox{
			width:35%;
		}
		.processarea.wid_three .processarea_img{
			width: 60%;
		}

		.processarea.wid_two .texbox{
			width:25%;
		}
		.processarea.wid_two .processarea_img{
			width: 70%;
		}

		.processarea.wid_one .texbox{
			width:100%;
		}
		.processarea.wid_one .processarea_img{
			width: 100%;
		}

.processarea .processarea_img{
	 display:inline-block;
	
	margin-top:0px;
	background:#fff;
	text-align:right;
	padding:20px 0;
	position:relative;
}
	.processarea.wid_one .processarea_img{
		text-align:center;
	}
.processarea .processarea_img img{
	max-width:100%;
	 

}
.processarea .feature_box{
	margin: 0 auto;
	 
}

.processarea .feature_box strong{
	display:block;
	padding: 10px 30px;
	font-weight:500;
	font-size:20px;
	color:#000;
}
.processarea .feature_box ul{
	padding-left:50px;
}



.beforeafter{
	background:#f7f7f7;
	padding:50px;
	position:relative;
	margin-bottom:50px;
	margin-top:30px;

}
.beforeafter:after{
	clear:both;display:block;content:'';
	
}
.beforeafter .boxconents{
	float:left;
 	position:relative;
	text-align:center;
}
	.two_col .boxconents{
 		width:40%;
 	}

	.three_col .boxconents{
 		width:26.666%;
 	}
.beforeafter .boxconents .imgarea{
	background:#fff;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	margin:0 auto;
	width:100%;
}
	.beforeafter.min-height .boxconents .imgarea{
		min-height:650px;
 	}
	.beforeafter.min-heightB .boxconents .imgarea{
		min-height:530px;
 	}
.beforeafter .boxconents .imgarea img{
	
	 max-width:100%;
	 
}

.beforeafter .boxconents .box_feature{
	text-align:left;
	margin-top:30px;
	padding-left: 40px;
	font-size:20px;

}


.beforeafter .boxconents .infotxt_box{
	text-align:center;
	padding:20px;
	font-size:25px;
	color:#fff;
	line-height:1.1;
	background:url(../image/tech/pattenA.png);
}
.beforeafter .boxconents .infotxt{

}
.beforeafter .centerarrow{
	float:left;
	width:20%;
	text-align:center;
	position:relative;
	background: url(../image/tech/arrow.png) no-repeat center center;
	
	 
}
	.beforeafter.three_col .centerarrow{
		width:10%;
		padding-top:50%;
	}
.beforeafter .centerarrow span{
	
	padding-top:73%;
	display:block;
	font-size:20px;
	color:#000;
	line-height:1.4;
	 
}




	/*flowA*/
	.flowA{
		padding:30px;
	}
	.flowA:after{
		clear:both;
		display:block;
		content:'';
	}
	.flowA .flowbox{
		float:left;
		font-size:20px;
		font-weight:500;
		width:100%;
		min-height:150px;
		position:relative;
		margin-bottom:50px;
		line-height:1.1;
		color:#fff;
		 
		
	}
		.flowA .flowbox.last{
			margin-bottom:0px;
		}

	.flowA .flowboxA{
		background:url(../image/tech/flow01.png) no-repeat center 0;
	}
	.flowA .flowboxB{
		background:url(../image/tech/flow02.png) no-repeat center 0;
	}
	.flowA .flowboxC{
		background:url(../image/tech/flow03.png) no-repeat center 0;
	}
	.flowA .flowbox span{
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:50%;
		margin-top:-28px;

		
		
	}
	.flowA .flowbox:after{
		position:absolute;
		top:95%;
		left:50%;
		display:block;
		content:'+';
		font-size:50px;
		color:#000;
		margin-left:-15px;
		
	}
	.flowA .flowbox.last:after{
		content:'';
	}


	/*flowB*/
	.flowB{
		padding:30px;
	}
	.flowB:after{
		clear:both;
		display:block;
		content:'';
	}
	.flowB .flowbox{
		float:left;
		
		width:100%; 
		position:relative;
		margin-bottom:20px;
		margin-top:20px;
		
		
		
	}

	.flowB .flowbox span{
			display:block;
			background:#3da1d2;
			border-radius:60px;
			color:#fff;
			width:90%;
			margin:0 auto;
			padding:20px 0;
			position:relative;
			font-size:20px;
			font-weight:500;
			line-height:1.1;


	}


	/*flowC*/
	.flowC{
		padding:30px;
	}
	.flowC:after{
		clear:both;
		display:block;
		content:'';
	}
	.flowC .flowbox{
		float:left;		
		width:100%; 
		position:relative;
		background:#98ca20;
		border-radius: 0 30px 0 30px;
		margin:10px auto 10px auto;
		padding:10px 0;
		-webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.11);
		 -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.11);
		box-shadow: 0 3px 8px 0 rgba(0,0,0,0.31);
		
	}

	.flowC .flowbox:nth-child(1),
	.flowC .flowbox:nth-child(3)
	{
		background:#01007f;
	}
	.flowC .flowbox:nth-child(2),
	.flowC .flowbox:nth-child(4){
		background:#007f01;
	}
	

	.flowC .flowbox  strong{
		width:90%; 
		display:block;
		margin: 0 auto 10px auto;
		padding-bottom:10px;
		letter-spacing:0px;
		color:#fff; 
		font-size:20px;
		line-height:1.1;
		font-weight:500;
		border-bottom:1px dashed #ccc;

	}
	.flowC .flowbox ul li{
		text-align:left;
		font-size:16px;
		padding-left:20px;
		margin-bottom:0px;
		line-height:1.2;
		letter-spacing:0px;
		color:#d7d7d7; 
		background: url(../image/tech/icon.png) no-repeat 10px 8px;

	}



.techinfocontents{
	
	padding:30px;
	margin-bottom:50px;
}

.techinfocontents_img{
	
	background:#fff;
	padding:30px;
	margin-bottom:50px;
	text-align:center;

}
.tech_photo {
	margin-bottom:30px;
	width:100%;
	position:relative;
}
.tech_photo ul{
	text-align:center;
	width:100%;
}
.tech_photo ul:after{
	content:'';
	display:block;
	position:relative;
	clear:both;

}
.tech_photo ul li{
	
	display:inline-block;
	position:relative;
	text-align:center;
	

}
.tech_photo ul li img{
		display:block;
		position:relative;
		max-width:100%;
		width:100%;
		text-align:center;
}

@media(max-width:1200px){
		.processarea.wid_three .texbox{
			width:100%;
		}
		.processarea.wid_three .processarea_img{
			width: 100%;
		}

		.processarea .processarea_img{
			text-align:center;
		}


 
		.beforeafter .boxconents .infotxt_box{
			font-size:20px;

		}


		.beforeafter .boxconents .box_feature{
			font-size:17px;
		}

		.flowA .flowbox{
			font-size:17px;
			 
		}

		.flowA .flowbox span{
			margin-top:-20px;
		}
		.flowB .flowbox span{
			font-size:20px;
		}

		.flowC .flowbox  strong{
			font-size:20px;
			line-height:1.2;
		}
		.flowC .flowbox ul li{
			font-size:15px;
		}
}

@media(max-width:1000px){
	
	.techinfobox{
		padding:20px;
	}
	 .techimg{
			margin-bottom:30px;

	}
	.process_overview{
		width:100%;
		margin:0px auto 30px auto;
		padding:0px 10px 10px 10px;
		font-size:20px;
	}

	.three_col .boxconents{
 		width:100%;
 	}

	.beforeafter .centerarrow span{
	
		padding-top:90%;

	}
	.beforeafter .boxconents .imgarea{
		padding:10px;
	}

	.beforeafter .boxconents .box_feature{
		padding-left: 10px;
	}

	.processarea .boxtt span{
 			font-size:40px;
 			 
		}
.processarea .boxtt span.stxt{
	display:inline-block;
}
	.beforeafter.min-height .boxconents .imgarea{
		min-height:10px;
 	}



	.beforeafter.three_col .centerarrow{
		width:100%;
		height:30px;
		position:relative;
		background: url(../image/tech/arrow_bottom.png) no-repeat center center;
		padding-top:100px;

	}

	.flowA .flowbox{
		width:33.333%;
		margin-bottom:20px;
		min-height:100px;
		padding-bottom:25%;
		 
		 
	}
	.flowA .flowboxA{
		background-size:80%;
	}
	.flowA .flowboxB{
		background-size:80%;
	}
	.flowA .flowboxC{
		background-size:80%;
	}

	.flowA .flowbox:after{
		position:absolute;
		top:53%;
		left:90%;
		display:block;
		content:'+';
		font-size:50px;
		color:#000;
		margin-top:-48px;
		margin-left:0px;
 	}

	.flowA .flowbox span{
		 
		top:43%;
		 
		
		
	}

	.flowB .flowbox{
		margin-bottom:10px;
		margin-top:10px;
	}
	.flowB .flowbox span{
		padding:5px 0;
	}



	.process_overviewB{
			 
			width:100%;
		 
			font-size:18px;
			padding:0px 0px;
			margin-top:0;
			 
		}




}

@media(max-width:780px){
	.process_overview{
		font-size:18px;
	}

	.two_col .boxconents{
 		width:100%;
 	}
		.beforeafter.min-heightB .boxconents .imgarea{
		min-height:10px;
 	}

	.flowA{
		padding:10px;
	}

	.techinfocontents{
		padding:10px;
	}


	.beforeafter.two_col .centerarrow{
		width:100%;
		height:90px;
		position:relative;
		background: url(../image/tech/arrow_bottom.png) no-repeat center center;

		 
	}
	.beforeafter.two_col .centerarrow span{
		display:block;
		max-width:200px;
		left:50%;
		top:0;
		position:absolute;
		padding-top:30px;
		padding-left:30px;
		font-size:17px;

	}


	

}
@media(max-width:640px){
	.process_overview{
		font-size:17px;
	}
	.beforeafter{
		padding:20px;
	}
 

	.beforeafter .centerarrow{
		width:100%;
		height:90px;
		position:relative;
		background: url(../image/tech/arrow_bottom.png) no-repeat center center;

		 
	}
	.beforeafter .centerarrow span{
		display:block;
		max-width:200px;
		left:50%;
		top:0;
		position:absolute;
		padding-top:30px;
		padding-left:30px;
		font-size:17px;

	}

	.beforeafter .boxconents .infotxt{
		font-size:16px;
		}


	.techinfobox .tech_section span{
		display:block;
		font-size:13px;
	}
	.processarea .boxtt{
		margin-bottom:10px;
	}
	.processarea .boxtt span{
		padding:10px 0px 0px 0px; 
		font-size:30px;
		
	}

	.processarea .feature_box ul{
			padding-left:0px;
			padding-top:0px;
	}

	.flowA .flowboxA{
		background-size:90%;
	}
	.flowA .flowboxB{
		background-size:90%;
	}
	.flowA .flowboxC{
		background-size:90%;
	}


	.flowA .flowbox{
		font-size:15px;
		min-height:50px;
	}
	.flowA .flowbox:after{
	 
		font-size:30px;
		margin-top:-25px;
		margin-left:5px;
 
		
	}

.flowA .flowbox span{
		top:50%;
		 

	}
	.process_overviewB{
			 
 		 
			font-size:16px;
 			 
		}




}
 

@media(max-width:460px){

	.techinfobox .tech_section span{
		padding:5px 10px;
	}
 	.processarea .boxtt span{
 		font-size:25px;
		
	}

	.beforeafter{
		padding:10px;
	}
	
	.flowA .flowbox{
		width:100%;
		margin-bottom:20px;
		min-height:130px;
		padding-bottom:0;
		font-size:16px;
 		 
	}

	.flowA .flowbox:after{
		position:absolute;
		top:95%;
		left:50%;
		display:block;
		content:'+';
		margin-top:0px;
		margin-left:-10px;
		
	}

 
	.flowA .flowbox span{
		top:30%;
		margin-top:0;

	}
		.flowA .flowboxA{
		background-size:auto 100%;
		
	}
	.flowA .flowboxB{
		background-size:auto 100%;
	}
	.flowA .flowboxC{
		background-size:auto 100%;
	}
 
	.flowB{
		padding:5px;
	}
	.flowC{
		padding:5px;
	}

	.techinfocontents{
		padding:10px;
	}
}
@media(max-width:420px){
	





}


/*주요실적*/

.worklist{
	 
	 
}
.worklist:after{
	clear:both;display:block;content:'';
}

.work_workbox_in{
	float:left;
	width:31.3%;
	margin:0 1% 40px 1%;
	background:#fff;
	padding:5px;
	border-bottom:1px solid #ccc;
	 
}

.work_workbox_in .imgare_box{
	 
}
.work_workbox_in .imgare_box img{
	max-width:100%;
}
.work_workbox_in .info_box{
	 
}

.work_workbox_in .info_box .infotitle{
	font-size:20px;
	text-align:center; 
	line-height:1.2;
	font-weight:500;
 	letter-spacing:0px;
	color:#000;
	padding-top:10px;
	white-space:nowrap; text-overflow:ellipsis; 

}

.work_workbox_in .info_box .info_etc{
	padding:20px;
}
.work_workbox_in .info_box .info_etc dl:after{
	clear:both;
	content:'';
	display:block;
	position:relative;

}
.work_workbox_in .info_box .info_etc dl dt{
	position:relative;
	background: url(../image/dot4.png) no-repeat 0 10px;
	padding:0px 5px 0px 15px;
	font-size:15px;
	letter-spacing:0px;
	float:left;

}
.work_workbox_in .info_box .info_etc dl dd{
	position:relative;
	padding:0px 5px 0px 0px;
	text-align:left;
	color:#636363;
	font-size:15px;
	white-space:nowrap; text-overflow:ellipsis; 
	overflow:hidden;
	letter-spacing:0px;
	float:left;
	max-width:65%;
	 
}

.work_workbox_in .info_box .moreicon{
	width:250px;
	background:#2e59ca;
	margin:50px auto 0 30px;

	 
	 

}
.work_workbox_in .info_box .moreicon a{
	text-align:center;
	display:block;
	color:#fff;
	
}

/**/

.workview_workbox_in{
	background:#fff;
	padding:30px;
	 
}
.workview_workbox_in:after{
	clear:both;display:block;content:'';
}
.workview_workbox_in .imgare_box{
	 text-align:center;
	 
}
 
.workview_workbox_in .info_box{
	 
	 
}

.workview_workbox_in .info_box .infotitle{
	font-size:30px;
	border-bottom: 2px solid #000;
	line-height:1.2;
	font-weight:500;
 	letter-spacing:0px;
	color:#2e59ca;
	padding:5px;
	margin-top:30px;

}

.workview_workbox_in .info_box .info_etc{
	padding:0px;
}
.workview_workbox_in .info_box .info_etc dl{
	float:left;
	width:50%;
}
.workview_workbox_in .info_box .info_etc dl:after{
}
.workview_workbox_in .info_box .info_etc dl.large{
	width:100%;
}
.workview_workbox_in .info_box .info_etc dl dt{
	position:absolute;
	background:#f7f7f7;
	width:250px;
	padding:8px 5px 8px 15px;
	font-size:17px;
	min-height:20px;
	line-height:1.1;

}
.workview_workbox_in .info_box .info_etc dl dd{
	position:relative;
	padding:8px 5px 8px 260px;
	text-align:left;
	color:#636363;
	font-size:17px;
	border-bottom:1px solid #ccc;
	min-height:20px;
	content:'';
	line-height:1.1;
	 
}
 
/**/

.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:90%;
  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 .slide{
    
   margin:0 auto;
   overflow:hidden;
   padding:10px;
 }
.work_slider-thmb img {
  width:100%;
  margin:0 auto;
   text-align:center;
   width:250px;
   height:180px;
  object-fit: cover;
}
@media(max-width:1000px){
  .work_slider-thmb img {
		width:200px;
   height:150px;
  }
 }
 
@media(max-width:480px){
  .work_slider-thmb img {
		width:150px;
   height:113px;
  }
 }
 

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

.work_slider-main,
.work_slider-thmb {
    display: none;
}

/* 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:10;
   
}
.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/prev3.png) no-repeat center center;
	
}
 

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

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

		 
		.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:url(../image/prev4.png) no-repeat center center;
			 
			
		}
		 

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



@media(max-width:1000px){

	.work_workbox_in{
		float:none;
		width:100%;
		margin:10px 0 10px 0;
		
	}

	.work_workbox_in .imgare_box{
		 display:inline-block;
		 width:100%;
		 vertical-align:top;
		 padding-bottom:10px;
	}
	.work_workbox_in .info_box{
	  display:inline-block;
		 width:100%;
		 vertical-align:top;
	}

	.workview_workbox_in{
	padding:0px;
	}
	.workview_workbox_in .info_box{
		 padding:0;

		 
	}
	.workview_workbox_in .info_box .infotitle{
		font-size:25px;
	}
	.workview_workbox_in .info_box .info_etc dl{
		float:none;
		width:100%;
		position:relative;
	}
	.workview_workbox_in .info_box .info_etc dl dt{
		width:170px;
		height:100%;
		max-height:120px;
		 
	}
	.workview_workbox_in .info_box .info_etc dl dd{
		padding-left:180px;
	}

 }

@media(max-width:600px){
	.work_workbox_in .info_box .infotitle{
		font-size:20px;
	}
	.workview_workbox_in .info_box .infotitle{
	font-size:20px;
	}

}

@media(max-width:460px){
	 
	.workview_workbox_in .info_box .info_etc dl dt{
		font-size:14px;
		width:140px;
	}
	.workview_workbox_in .info_box .info_etc dl dd{
		font-size:14px;
		line-height:1.2;
		padding-left:150px;
	}


}
/*온라인문의*/

.inqarea_box{
		background:#fafafa;
		}
.inq_img{
		background: url(../image/customer/customer_img.jpg) no-repeat right 0}
.inq_imgB{
		background: url(../image/customer/customer_img2.jpg) no-repeat right 0}

.inq_img_txt{
		padding:30px 0 20px 80px;
		width:60%;
		}
.inq_imgB .inq_img_txt{
	width:90%;
}
.inq_img_txt p{
		font-size:20px;		 
		letter-spacing:0px;
		}
.inq_img_txt .telarea{
		margin-top:30px;
		font-size:28px;
		color:#00ad2f;
		}
.inq_img_txt .timearea{
		margin-top:5px;
		font-size:18px;
		color:#000;
		}
.inqarea{
		padding:30px;
		border-top: 2px solid #555;
		}

.inqarea .row {
		margin-top:15px;
		}
.inqarea .row:after {
		content:'';
		 display:block;
		 clear:both;
		}
.inqarea .row .tdcol {
		float:left;
		 width:50%;
		}
.inqarea .row .tdcol.wide {
		width:100%;
		}
.inqarea .row .tdcol .tdtit {
		float:left;
		 width:100px;
		 line-height:40px;
		 font-size:14px;
		 line-height:1.1;
		 color:#3b3b3b;
		}
.inqarea .row .tdcol .tdtit.tdright{
		text-align:center;
		}
.inqarea .row .tdcol .tdinput {
		overflow:hidden;
		 border:1px solid #999999;
		}


 input.form_style{
		width:100%;
		 height:40px;
		 font-size:14px;
		 color:#3b3b3b;
		 border:none;
		}
 
.form_textarea{
	width:100%;
 	 border:none;
	 resize:none;
     line-height:130%;
	 padding:2%;
	 }




@media(max-width:768px){
	.inq_img{
		background: none;
		}
	.inq_img_txt{
		width:90%;
		padding-left:20px;
	}

	.inq_img_txt p{
		font-size:17px;		 
 		}
	.inq_img_txt .telarea{
		margin-top:10px;
		font-size:22px;
		
	}
	.inq_img_txt .timearea{
		font-size:15px;
	}
 
 }


@media(max-width:680px){

	.inqarea .row .tdcol {
		float:none;
		 width:100%;
		 margin-bottom:15px;
	}

	.inqarea .row .tdcol .tdtit.tdright{
	text-align:left;
	}

	.inqarea .row .tdcol .tdtit {
		width:80px;
	}
 
 }

 /*파일첨부*/

.fom_fileinput{
		float: left;
		padding:10px;
		} 
.file_input_div{
		position: relative;
		width: 100px;
		 height:35px;
		overflow: hidden;
		border: 0px} 
.file_input_button{
		
	width: 100px;
	position: absolute;
	top: 0px;
	padding:11px;
	background-color: #5d5d5d;
	color: #FFFFFF;
	border:0;
	border-style: solid;
} 

.file_input_hidden{
		
		font-size: 45px;
		position: absolute;
		right: 0px;
		top: 0px;
		opacity: 0;
		filter: alpha(opacity=0);
		ms-filter: "alpha(opacity=0)";
		-khtml-opacity: 0;
		-moz-opacity: 0;
		}


.btnarea{
		text-align:center;
		width:340px;
		margin: 20px auto;
		}
 
.sendbutton{
		
	background: #59b2d6;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
	 
}

.cancelbutton{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
}

 .sendbutton a, .sendbutton a:hover,
  .cancelbutton a, .cancelbutton a:hover
 {
		color:#fff;
		}

 .iconarea{
		width:100%;
		 position:relative;
		text-align:center;
		border-top: 1px solid #ccc;
		padding:10px 0;
		margin:  20px auto 0 auto;
		}
 .iconarea_in{
		padding:30px 0;
		 margin: 0 auto;
		 }
 .iconarea_in .sendbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .cancelbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .boardbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .blank{
		display:inline-block;
		width:0;
		height:0px;
		vertical-align:middle;
		
	}



  @media(max-width:420px){
	
	.fom_fileinput{
		
		padding:10px 3px;
		} 

	.file_input_button{
		width: 50px;
	}
	 
 
 }
 



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

/**개인정보취급방침**/
.personbox{
		background:#f7f7f7;
		 margin-top:20px;
		margin-bottom:20px;
		margin-left:0%;
		 padding:20px 0 20px 0 ;
		height:100%;
		}
.personbox .personbox_in{
		font-size:13px;
		line-height:20px;
		letter-spacing:0px;
		color:#333;
		padding:2%;
		height:100%;
		width:94%;
		max-height:90px;
		overflow: scroll;
		 overflow-x: hidden;
		border:1px solid #f7f7f7;
		margin-left:2%;
		 }

 .agreementcontents h3{
		font-size:19px;
		margin-top:30px;
		}
.agreementcontents h4{
		font-size:16px;
		margin-top:30px;
		font-weight:500}
 /*/////////////////////////////////////////*/

/*유튜브 동영상*/
 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  border-radius:5px;
  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%;
}


/*20250814*/
.img_desc{
	position:relative;
	text-align:center;
	margin:10px auto;
	width:100%;
}
.img_desc span{
	display:inline-block;
	padding:4px 10px;
	text-align:center;
	width:100%;
	color:#fff;
	background:#1eb06d;
	border-radius:5px;
	font-weight:500;
	line-height:1.2;

}

/**/
 /*이미지 + 이미지*/
  .img_img_box{
 	 display:flex;  
 	 align-items:stretch;
	 flex-wrap: nowrap;
	 justify-content: space-around;
	 

}
 
.img_img_box .imgarea{
 		border: 1px solid #ccc;
	   margin:1%;
	   /*background:red;*/
	   display:flex;  
 	 align-items:flex-end;
	 flex-wrap: wrap;
	 padding:10px;
	 justify-content: center;
	  
  	
 }
 .img_img_box .imgarea .imgarea_in{
		 
 }

@media(max-width:1000px){
	  .img_img_box{
		 flex-wrap: wrap;
	}
 }


/**/
 .titbox{
	position:relative;
	text-align:left;
	margin:10px auto;
	width:100%;
	color:#fff;
	background:#2375c9;
	border-radius:5px;
	font-weight:500;
	font-size:130%;
	line-height:1.2;
	padding:10px 15px; 
	
}
.titbox span{
	display:inline-block;
	color:#fff82d;
 }
  .titbox p{
		padding-left:20px;
		position:relative;
  }
  .titbox p:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:8px;
 	width:10px;
	height:10px;
	border-radius: 50% 50%;
	border:3px solid #fff;

  }

  @media(max-width:1000px){
	    .titbox{
			font-size:105%;
		}
 }