@charset "utf-8";

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

}

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

}

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

@media(max-width:1300px){

.sub_wrap{padding:0px 10px;}

}
 
@media(max-width:800px){
	.mobileon{display:block;}
}
 /*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/

h2{
	 
	font-size:50px;
	font-weight:500; 
	line-height:1;
	letter-spacing:-2px; 
	display:block;
  	
}

h3{
	 
	font-size:50px;
	padding:0px ;
	margin-bottom:30px;
	margin-top:0px;
	font-weight:500; 
	line-height:1.2;
	letter-spacing:-1px;
	z-index:1;
	position:relative;
	color:#111;

}
h3.title{
	 
}
 

  
h4{
 	font-size:45px;
	letter-spacing:-1px;
	line-height:1.3;
	
	margin-bottom:30px;
	font-weight:500; 

}

h4.title { color:#1b40a3;  padding:30px 0 30px 0;text-align:center;margin:40px 0;}

h4.title span{
	display:block;
	font-size:60%;
	text-align:center;
	color:#111;
}

 
h5{
	 font-weight:500; 
	font-size:25px;
	line-height:1.3;
	padding-left:0px;
	margin-bottom:20px;

}

/**/
.head_txt{font-size:250%;line-height:1.1;font-weight:600;max-width:800px;margin:20px auto; font-family: 'S-CoreDream',sans-serif;}
.head_info{font-size:130%;line-height:1.2;margin:20px auto; max-width:800px;position:relative;}
/**/

.headtxtA{font-size:60px;line-height:1.1;font-weight:600; }
.headtxtA.headtxtThin{font-weight:300;letter-spacing:-3px; }

.headtxtB{font-size:40px;line-height:1.3;font-weight:400; }
.headtxtB.headtxtThin{font-weight:300;letter-spacing:-3px; }

.headtxtBB{font-size:35px;line-height:1.3;font-weight:400; }

.headtxtC{font-size:30px;line-height:1.5; font-weight:400;}
.headtxtC.headtxtThin{font-weight:300;letter-spacing:-3px; }
.headtxtCC{font-size:25px;line-height:1.5;font-weight:400;letter-spacing:-1px; }
.headtxtD{font-size:20px;line-height:1.5;font-weight:400;}
.headtxtDD{font-size:18px;line-height:1.3;font-weight:400;}

.titltT{display:block;font-size:35px;line-height:1.3;font-weight:500; margin-bottom:20px;}
   
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.proNameT{ font-family: 'S-CoreDream',sans-serif;}

.headtxtThin strong{font-weight:500;letter-spacing:-1px; }


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:3px;
	height:3px;
	top:13px;
	left:10px;
	background:#555;
}
ul.ulli > li strong{
	 display:block;
	 font-size:19px;
	color:#000;
}
ul.ulliB{margin-top:30px;}
ul.ulliB > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
	font-size:80%;
}
ul.ulliB > li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:1px;
	top:13px;
	left:10px;
	background:#555;
}
ul.ulliB > li strong{
	 display:block;
	 font-size:19px;
	color:#000;
}

/**/
ol.olli {
	margin-left:30px;
}
ol.olli > li{
	 
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}


.t_c_whtie{color:#fff;}
.t_c_black{color:#000;}
.tcolorA{color:#3f949b}
.tcolorB{color:#9e7756}
.tcolorC{color:#ff8d28}
.tcolorD{color:#8e9b3f}
.tcolorE{color:#7c569e}

.m_txt{
	max-width:800px;
	margin: 0 auto 60px auto;
	color:#333;
}
.m_txtB{
	max-width:1100px;
	margin: 0 auto 50px auto;
}

.bgcolorA{background:#f7f7f7;}


/*layout*/
 

#TopContainer{
	padding-top:0px;
	overflow:hidden;
	width:100%; 
	position:relative; 
	height:400px;
}
#topfiximg{position:absolute; width:100%;height:100%;background-size:100%;}

@media all and  (max-width:1980px){
	#topfiximg{background-size:cover;}
}

.topbg{padding:120px 0;}
.topbg p{color:#fff;margin:0 auto; width:98%;}

.aboutus{background: url(../image/about/topimg.jpg)  no-repeat center center; }
.aboutusB{background: url(../image/about/topimg1.jpg)  no-repeat center center; }
.aboutusC{background: url(../image/about/topimg2.jpg)  no-repeat center center; }
.aboutusD{background: url(../image/about/topimg3.jpg)  no-repeat center center; }
.aboutus{background: url(../image/about/topimg.jpg)  no-repeat center center; }

.businessA{background: url(../image/business/topimg1.jpg)  no-repeat center center; }
 
.topboard{background: url(../image/board/topimg.jpg)  no-repeat center center;}
.topboardB{background: url(../image/board/topimg2.jpg)  no-repeat center center;}


.topcustomer{background: url(../image/customer/topimg.jpg)  no-repeat center center;}
   
 
.topTXTarea{
	margin: 0px auto 0 auto;
	position:relative;
	height:100%;
	padding:0;
  
}
.topTXTarea h2{
	position: absolute;
	left:0;
	top:0px;
	 
	text-align:left;
	padding-left:30px;
	word-break:keep-all;
	word-wrap:break-word;
	letter-spacing:-1px;
	 
}

.topTXTarea h3{
	color:#fff;
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:100%;
}
  
 


 
/**/

 .loc_title {position:relative;padding-top:30px;z-index:99;margin:0 auto;}
 
  .loc_title .loc_ttxarea{
 	position:relative;
	text-align:center;
  	letter-spacing:-1px;
	vertical-align:top;
	z-index:999;
	

 }


  .loc_title .loc_ttxarea span{	
	vertical-align:top;
	display:inline-block;
	margin-left:10px;
	padding-left:30px;
	position:relative;
	font-size:90%;
	color:#fff;
	 opacity: 0.8;
	 font-weight:300;
}
  .loc_title .loc_ttxarea span:after{
		display:block;
		position:absolute;
		content:'\f105';
		font-family: 'FontAwesome';
		width:20px;
		height:20x;		
		color:#fff;
		top:0;
		left:0;
	}
	.loc_title .loc_ttxarea span.homearea:after{
		 
		content:'';
	}
	.loc_title .loc_ttxarea span.homearea{
		margin-left:0px;padding-left:0px;
	}
	.loc_title .loc_ttxarea span a{
		display:block;
		position:relative;
		text-indent:-999px;
		margin-right:0px;
		min-width:25px;
		min-height:25px;
		overflow:hidden;
		z-index:2;

	}
	.loc_title .loc_ttxarea span a:before{
		display:block;
		position:absolute;
		content:'';/*\f015*/
		background: url(../image/icon_home.png) no-repeat 0 0;
		 background-size:100%; 
		 text-indent:0; 
		width:23px;;
		height:23px;
		left:0;
		top:0px;
		color:#777;
		z-index:1;
	}
	
 

 
/**/
 

 .submenu{
		width:100%;
		position:relative;
		margin:150px auto 0px auto; 
		padding:0; 
		z-index:2;
		 
		 
}
 .submenu:after{
	clear:both;
	display:block;
	position:relative;
	content:'';
  }
  .submenu .mobile_header{
		display:none;
  }
 
 
.submenu .submenu_box{
		margin: 0px auto;
		width: 100%;
		text-align:center;
		position:relative;
	    border-radius:30px ;
		border: 1px solid #ccc;
		padding:0px 0 0px 0; 
		z-index:1;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: .3s; 
		transition:.3s;
}
.submenu .submenu_box::-webkit-scrollbar{display:none;}
 
 
.submenu .submenu_box ul{
		position:relative;
		margin:0;
		text-align:center;
		width:100%;
		 
		padding:0px 0px; 
		font-size:0;
		
		display: flex; 
		flex-wrap: nowrap;
  		
 }
	.submenu .submenu_box.submenu_boxB{

	max-width:600px;
}

.submenu .submenu_box ul li{
		flex: 1 0 auto; 
		 
		position:relative;
		margin:0px;
		z-index:2; 
		padding:10px 0;
		border-radius:30px ;
		font-size:15px;
 }


.submenu .submenu_box ul li:before{
	content:'';

}
 
.submenu .submenu_box ul li a{
		position:relative;
		font-size:110%;
		letter-spacing:-1px;
		display: block;
		padding:5px 30px 5px 30px;
		text-align:center;	
		font-weight:normal;
		 
		 opacity: 0.8;
	 
 		 
 		
		}

 

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


.submenu .submenu_box ul li a:after{
	display:block;
	content:'';

	 
}
.submenu .submenu_box ul li.subOn{
 	border :1px solid #4a69b5;	
	background:#4a69b5;
	
 }

.submenu .submenu_box ul li.subOn a{
		
 
 		opacity: 1;
		color:#fff;
		font-weight:400;

		 
}
.submenu .submenu_box ul li.subOn a:before{
	 content:'';
	display:block;
	position:absolute; 
	bottom:0px;
	left:0;
	width:100%;
	height:6px; 
 
	 
}



 .submenu_sub{
		width:100%;
		position:relative;
		margin:20px auto 30px auto; 
		padding:0; 
		z-index:2;
		
		 
}
.submenu_sub ul{
		position:relative;
		margin:0 auto;
		text-align:center;
		display:block;
		background:#f7f7f7;
		padding:15px 10px;
		

		 
		
		
		}
.submenu_sub ul li{
		display:inline-block;
		position:relative;
		margin:0px 5px;
		z-index:2; 
		padding:8px;
		background:#d4d4d4;
		border-radius:10px;
		 
		
		
		 
		}
 
.submenu_sub ul li a{
		position:relative;
 		letter-spacing:-1px;
		display: block;
		padding:0px 10px;
		text-align:center;		
		color:#777;
		font-size:90%;
 
 		
		}

 


.submenu_sub ul li a:after{
	display:block;
	content:'';

	 
}
.submenu_sub ul li.subsubOn{
 		background:#2e9dd6;
		border: 1px solid #2e9dd6;
		
}

.submenu_sub ul li.subsubOn a{
 		 
		 color:#fff;
}

.mobile_bg{display:none;}

  
#sub_contents{
 
	background: #fff;
	width:100%;  
  
	padding:40px 0px 0px 0px; 
	position:relative;
	font-size:18px;
	letter-spacing:-0.03em;
	line-height:1.7;
	z-index:1;

	min-height:600px;
	

}



 



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

	#topfiximg{background-size:cover;}
	#sub_contents{padding:20px 0px 80px 0px; }
}
 @media all and  (max-width:1240px){
	.submenu .submenu_box ul.col_machine li a{
			padding:20px 8px 20px 8px;
			font-size:110%;
	}

}

 @media all and  (max-width:1000px){
	h2{font-size:40px;padding-top:40px;}
	h3{font-size:35px;}
	h3.title{padding-bottom:0px;padding-top:0px; }

	h4{font-size:30px;}
	h5{font-size:20px;}

	.head_txt{font-size:230%;}
	.headtxtA{font-size:45px; }
	.headtxtB{font-size:35px;}
	.headtxtBB{font-size:32px; }

	.headtxtC{font-size:28px; }
	.headtxtCC{font-size:22px }
	.headtxtD{font-size:18px;}
	.headtxtDD{font-size:16px;}

	h5.titleB {font-size:200%;}

.topbg{padding:60px 0;}
	 
	.loc_title{
		padding-top:10px;
	}
	 .loc_title .loc_ttxarea span{	
		margin-left:5px;
		padding-left:20px;
	}

	 
	  .submenu{
		margin-top:71px;
		
		background:#fff;;
	}
	

	 .submenu .mobile_header{
		display:block;;
		
  }
  .submenu h2{
	text-align:right;
	position:relative;
	margin-top:0;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:15px; 
	letter-spacing:-1px;
	z-index:2;
	opacity:.4;
	

  } 


	.submenu .submenu_box{
		padding:0;
		-webkit-transition: .3s; 
	transition:.3s;
	}

	.submenu_sub ul li{
		margin:0px 1px 2px 1px;
	}
	.submenu_sub ul li a{
		padding:0px 5px;
		line-height:1.2;
	}


	 .m_fixed .submenu .submenu_box{
		position:fixed;
		top:71px;
		background:#fff;
		width:100%;
		margin:0;
		left:0;
		z-index:3;
		-webkit-transition: .3s; 
	transition:.3s;
		 
	}
	 .m_fixed .submenu:after{
		content:'';
		display:block;
		position:fixed;
		width:100%;
		height:100px;
		background:#fff;
		 top:0;
		border-radius:0;
		z-index:1;
	 }


	#TopContainer{
			height:300px;
	}

	
  


#sub_contents{
	
	font-size:16px;
	letter-spacing:0px;
	
	}

 .m_fixed #sub_contents{
		padding-top:85px;
 }

	
}

@media all and  (max-width:780px){
	h2{font-size:35px;}
	h3{font-size:32px;}
	h4{font-size:28px;}
	h5{font-size:18px;}

	.head_txt{font-size:180%;}
	.headtxtA{font-size:40px; }
	.headtxtB{font-size:32px;}
	.headtxtBB{font-size:28px; }

	.headtxtC{font-size:26px; }
	.headtxtCC{font-size:20px }
	.headtxtD{font-size:16px;;}
	.headtxtDD{font-size:14px;}

 

	
}
@media all and  (max-width:640px){
	 
	.submenu .submenu_box ul li a{
		padding:5px 10px 5px 10px;
		font-size:85%;
	}

	#sub_contents{font-size:14px;}

}

@media all and  (max-width:480px){
	h2{font-size:30px;}
	h3{font-size:28px;}
	h4{font-size:25px;}
	h5{font-size:17px;}

	 
	.headtxtA{font-size:35px; }
	.headtxtB{font-size:28px;}
	.headtxtBB{font-size:26px; }

	.headtxtC{font-size:23px; }




	
}

@media all and  (max-width:320px){
	 
	.submenu .submenu_box ul li a{
		padding:5px 5px 5px 5px;
		font-size:80%;
	}

 

}

 
 /*공통 contnet css #################*/
.txt_img_box{
	margin-top:30px;
	 
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	height:30px;
	
}
.txt_img_box .imgarea{
	width:40%;
	vertical-align:top;
	text-align:center;
	padding:20px;
}
.txt_img_box.imgLeft .imgarea{
	float:left;
}
.txt_img_box.imgRight .imgarea{
	float:right;
}
.txt_img_box .imgarea span.txt{
	display:inline-block;
	text-align:center;
	font-size:90%;
	width:48%;
}

.txt_img_box .textarea{
	width:60%;
	vertical-align:top;
	padding:20px;
}
.txt_img_box.imgLeft .textarea{
	float:right;
}
.txt_img_box.imgRight .textarea{

	float:left;
}

.txt_img_box .textarea .numtxt{
	display:inline-block;
	margin-right:10px;
	font-size:150px;
	font-weight:500;
	color:#d3d3d2;
	vertical-align:top;
	line-height:1;
}

.txt_img_box .textarea .txt_info{
	 display:inline-block;
	 width:80%;
	 vertical-align:top;
}
.txt_img_box .textarea .txt_info strong{
	display:block;
	color:#f07905;
	margin-bottom:20px;
}

.txt_img_box .textarea .txt_info .txt_dec{
	 
}

@media all and  (max-width:1000px){
	.txt_img_box .imgarea{
		width:100%;
	}
	.txt_img_box .textarea{
		width:100%;
		padding:0px;
	}

}


/*txt+txt*/
.txt_txt_box{
	position:relative;
}
.txt_txt_box:after{
	clear:both;
	content:'';
	display:block;
}
.txt_txt_box .txt_box{
	float:left;
	width:50%;
	padding:20px;
}
.txt_txt_box .txt_box.txt_box_only{
	width:100%;
}
.txt_txt_box .txt_box strong.title{
	display:block;
	padding-bottom:30px;
	position:relative;
	
}
.txt_txt_box .txt_box strong.title:after{
	content:'';
	display:inline-block;
	position:relative;
	vertical-align:middle;
	width:60%;
	margin-left:30px;
	height:2px;
	background:#28add8;
}

.txt_txt_box .txt_box strong.title.title_s:after{
	 
	width:30%;
	 
}

 @media all and  (max-width:1000px){
	.txt_txt_box .txt_box{
		width:100%;
		padding:10px;
	}
 }

 /**/

/**/

ul.imglist:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:5px;
}
ul.imglist{
	text-align:center;
}
ul.imglist li{
	display:inline-block;
	margin-left:-4px;
	padding:5px;
	vertical-align:top;

	text-align:center;
}
ul.imglist li span{
	display:block;
}
ul.imglist li span.roundbox{
	border: 1px solid #ccc;
	padding: 3px;
	border-radius:10px;
	background:#f6f6f6;
	text-align:center;
}

ul.imglist.colfour li{
	width:25%;

}
ul.imglist.colthree li{
	width:33.333%;
}

 


ul.imglist.miximg li img{
	max-height:350px;
}
ul.imglist li span.m_only,
.m_only{display:none;}
.pc_only{display:block;}


 .img_img_box{
 
 }
 .img_img_box ul.imglist li{vertical-align:middle;}


 @media all and  (max-width:1000px){
	ul.imglist.colfour li{
		width:50%;
 	}
	ul.imglist.colthree li{
		width:50%;
	}

	.m_only{display:block;}
.pc_only{display:none;}

 
 }

  @media all and  (max-width:420px){
	ul.imglist.colfour li{
		width:100%;
		}
		ul.imglist.colthree li{
			width:100%;
		}
 
 }

 /**/

 .imgtxtarea{
	position:relative;
 }
ul.imgli{
	text-align:center;
}
ul.imgli li{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:20px;
	vertical-align:top;
}
ul.imgli li span{
	display:block; 
	margin-bottom:20px;
}
ul.imgli li span.txtt{
	background:#f5f5f5;
	border-radius:50px;
}
 /**/

 .keyTXT{
	position:relative; 
	 width:100%;
	 max-width:900px;
	 margin: 20px auto;
	 text-align:center;
 
 }

 
 .keyTXT span{
	display:inline-block;
 }

  @media all and  (max-width:1000px){
	 .keyTXT span{
		display:inline;
	 }

  }


  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
.greetingarea{
	position:relative;
	margin:0 auto;  
	padding: 0px;
	 
}
  


.greeting_txt_img{ 
	position:relative;
 }
.greeting_txt_img:after{
	 clear:both;
	display:block;
	content:' ';
	position:relative;
	height:50px;
 

}
  
 
.greeting_txt_img .txtinfo{
 	position:relative;
	margin:0px ;  
	text-align:left;	 
 	padding-top:50px; 
	width:55%;
	float:left;
	 
 
}
.greeting_txt_img .imgarea{
 
	width:45%;
	float:right;
	padding:80px 30px;
	text-align:center;
	
 }
 .greeting_txt_img .imgarea img{ }
 

 
.greeting_txt_img p{display:block;margin-bottom:20px;}
.greeting_txt_img p.keyTXT{margin-bottom:60px; }
  
.ceoname{font-size:110%;}
.ceoname strong{font-size:120%;}
 
 @media all and  (max-width:1200px){
		.greeting_txt_img .txtinfo{padding-top:0px; }
 }

 @media all and  (max-width:1000px){
	 
	.greeting_txt_img .txtinfo{
		width:100%;
		float:none;
	}
	.greeting_txt_img .imgarea{
		width:100%;
		float:none;
		padding:0;
		
	}


 }

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

	
  }
 /*회사연혁*/


.historyarea{
	position:relative;
 	margin-bottom:80px;
		
}
 
.historyarea_block{
		 
		position:relative; 
		z-index:1;
		margin-bottom:0px;
}
.historyarea_block:after{
	 
	display:block;
	content:'';
	position:relative;
	height:30px;
	
}
.his_year{
	 top:0;
	width:30%; 
	position:absolute;
	margin:0 auto;
 	background-size:cover;
	margin-top:0px; 
	padding-top:0px;
	color:#2e9dd6; 
	text-align:center;
	font-size:350%;
	line-height:1;
	/*font-family:'Poppins', sans-serif;*/
	font-weight:600;
}
 
.historylist{
	width:100%;
	position:relative;	 
	margin-top:30px;
	z-index:2222;
	padding-left:30%;
	

}
.historylist:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	 
 
}
 
.historylist ul li{
	position:relative;
	margin-bottom:5px;
	padding-bottom:5px;
	
}

.historylist ul li strong{
	 position:absolute;
	vertical-align:top;
	padding:0;
	margin:0;
	min-height:40px;
	font-size:120%;
	line-height:1.2;
	color:#000;
 	font-weight:800;
	min-width:130px;
 
	 
}
.historylist ul li  span{width:100%;padding-left:140px;display:block;position:relative;}
 

   @media all and  (max-width:780px){
		.his_year{
			position:relative;
			font-size:250%;
			text-align:left;
			width:100%; 
			padding-top:20px;
		}
		.historylist{
				padding-left:10px;
		}
		.historylist ul li  span{
				padding-left:100px;
		}

	
  }



/* 조직도 */
 
/* 조직도 */
.orgareabox{
overflow: hidden;
width:100%;
margin:0 auto; 
position:relative;
}
.orgarea{
	padding-top:50px;
	padding-bottom:50px;
	position:relative; 
	width:100%;
	max-width:1000px;
	
	margin:0 auto;
	
	
}
.orgarea div{
	text-align:center;
	
	
 }
 
.orgarea span{
	display:block;
	
 } 
.orgarea .org_line{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:30px;
	
 }
.orgarea .org_lineB{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:57px;
	
 }

 .orgarea .org_lineC{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:15px;
	
 }
 
.org_first{
	position:relative;
	width:150px; 
	height:150px; 
	background:#fff;  
	text-align:center;
	overflow:hidden;
	padding:0px;
 
	border:2px solid #ccc;
	border-radius:100% 100%;
	margin:0 auto;
	font-size:130%;
	font-weight:400;
	 
	z-index:1;
	
	-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);

	
 }
 .org_first span{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:100%;
	text-align:center;
 }
 .org_first img{max-width:80%;}

 /*2*/
.org_second{
	 
	width:100%;	
	padding:0px 0;	 	 
	margin:0 auto;
	position:relative;
}
.org_second:before{
	 
	position:absolute;
	content:"";
	display:block;
	 
	 
	
 }
.org_second:after{
	clear:both; 
	content:"";
	display:block;
	 
	
 } 

 .org_second_box{
	position:relative;
	width:25%;
	float:left;	 
	z-index:3;
}
 
 
 
 .org_second_box .org_second_tit{
	position:relative;
	background:#0b3f8c;
	color:#fff;
	 
	 
	border-radius:0px;
	width:100%;
	
	margin:0 auto;
	padding:10px 0;
	font-size:120%;
	line-height:1.2;
 
	z-index:2;
	
 
 }
 .org_second_box.loc_center {
	z-index:3; 
	left:0;
	margin-left:37.5%;
	
}
 
/*3*/
 

.org_thrid{
	position:relative;
	width:100%;
	
 }
 
.org_thrid:after{
	clear:both;
	position:absolute;
	content:"";
	display:block;
	width:25%;
	top:5px;
	border-bottom:1px solid #c8c8c8;
	left:50%;
	margin-left:0%;	

	z-index:0;
	
 }
  
.org_thrid_box{
	position:absolute;
	width:40%; 
	left:60%;
	z-index:1;
	top:-85px;
}
 
.org_thrid_box span{
	display:block;
	padding:5px 0;
	background:#fff;
	color:#333;
	border-radius:30px;
	margin:5px auto;
	font-size:110%;
	line-height:1.2;
	width:50%;
	border:2px solid #b2c6df;
	
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.11);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.11));

	
 }
	
 

 
/*4*/
  

.org_fourth{
	position:relative;
	width:100%;
	margin-top:60px;

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


.org_fourth:after{
	clear:both;
	display:block;
	content:'';
	position:absolute;
	left:50%;
	top:0;
	width:1px;
	height:60px;
	margin-top:-60px;
	background:#c8c8c8;
	 
 	
	
 }
.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:25%;
	
	
 }
	 
  
.org_fourth .org_fourth_box .org_fourth_tit{
	background: linear-gradient(45deg, #6a3591, #21a8e0);
	width:150px;
	height:150px;
	overflow:hidden;
	padding:30px;
	display:table;
	border:1px solid #fff;
	border-radius:100% 100%;
	color:#fff;	 
	 
	margin:0 auto;
	padding:10px;
	font-size:120%;
	font-weight:normal;
	line-height:1.2;
 

	-webkit-box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08),0 0px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08),0 0px 15px 0 rgba(0,0,0,0.08);
	box-shadow: 0 0px 15px 0 rgba(0,0,0,0.08);

 	
 }
 .org_fourth .org_fourth_box .org_fourth_tit span{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	text-align:center;
 }

.org_fourth .org_fourth_box .org_fourth_tit p{
	font-size:70%;
}

 
 
 


  

 /*5*/

.org_fifth{
	position:relative;
	width:100%;
	margin:0 auto;
	 

 
 }

.org_fifth:after{
	clear:both;
	display:block;
	content:'';
	height:0px;
	
 }
 
.org_fifth .org_fifth_box{
	padding-top:0px;
 	width:90%;
	margin:0 auto;
	background:#f6f6f6;  
	min-height:70px;
	display:table;
	
	
 }
  .org_fifth .org_fifth_box .org_fifth_sub{
	padding-top:0px;
 	width:100%;
	margin:0 auto;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	/*background:red;?*/
	 
  }
					 
.org_fifth .org_fifth_box .org_fifth_sub:before{
	position:absolute;
	content:"";
	display:block;
	 
	 
  }

.org_fifth .org_fifth_box .org_fifth_sub.non_sub:before{	 
	border-top:0px solid #c8c8c8;

}
.org_fifth .org_fifth_box .org_fifth_sub ul{
	font-size:0;
}
.org_fifth .org_fifth_box .org_fifth_sub ul:after{
	display:block;
	content:'';
	position:relative;
	 
}
 
.org_fifth .org_fifth_box .org_fifth_sub ul  > li span:before{
	position:absolute;
	content:" ";
	display:block;
	 
	 }
.org_fifth .org_fifth_box .org_fifth_sub ul > li{
	  
	 position:relative;
	 width:100%;
	  

 	
 }
 
	 
	 

.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
	display:block;
	position:relative;
	font-size:17px;;
	
	margin:0px 0; 
 	color:#000;	  
	
 }

  

@media all and  (max-width:640px){
	.orgareabox{
		overflow:auto;
	}
	.orgarea{
		min-width:400px;
	}
	.org_fourth .org_fourth_box .org_fourth_tit{
	width:90px;
	height:90px;
	}
	.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
		font-size:14px;;
	}

}

 
 
/**/

.certiarea {
	text-align:center;
	padding-top:50px;
}

.certiarea  .certibox{
	background:#fff;
	width:22%;
	margin:10px 1%;
	display:inline-block;
	padding:0px;
	vertical-align:top;
}

.certiarea  .certibox .imgarea{
	text-align:center;
	background:#fff;
	padding:20px;
	border:1px solid #ccc;
	box-shadow:3px 10px 10px rgba(0,0,0,0.3);
}
.certiarea  .certibox .imgarea img{
	
	box-shadow:10px 30px 30px rgba(0,0,0,0.0);
}

.certiarea  .certibox .txtarea{
	text-align:center;
	padding-top:20px;
}

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

	 .certilistbox ul li{width:98%; }

	 .certiarea  .certibox{
		width:31%;
	 }

}

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

 
	 .certiarea  .certibox{
		width:47%;
		padding:5px;
	 }
	 .certiarea  .certibox .imgarea{
		padding:5px;
	 }

}



 
/*오시는길*/
.locationara{
	padding-top:50px;
	padding-bottom:80px;
	width:100%;
	position:relative;
}
.locationara:after{
clear:both;
display:block;
content:'';
}
 .locationara .maparea{
	position:relative;
	width:100%;
	border:1px solid #ccc;
	border-radius:20px;
	overflow:hidden;
	
	 
	 
	
}

.locationara .loc_info{
	margin:0px auto;
	width:100%; 
	position:relative;
	vertical-align:top;
	 
	 
}
.locationara .loc_info:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	 
}
.locationara .loc_info strong{
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
	color:#1e4a93; 
	padding:10px 0 10px 0px;
	margin-right:30px;
	 
}

.locationara .loc_info .loc_info_title{
	display:inline-block;
	vertical-align:top;
	margin:50px 0 30px 0;
	background: linear-gradient(45deg, #6a3591, #21a8e0);
	color:#fff;
	padding:5px 10px;
	border-radius:20px;
	font-size:150%;
	
}



.locationara .loc_info dl{
	padding:5px;
	margin-bottom:10px;
	position:relative;
	display:block;
	
	 
}
.locationara .loc_info dl:before{
	display:block;
	content:'';
	position:absolute;
	 top:16px;
	 left:15px;
	 width:3px;
	 height:3px;
	 background:rgba(0,0,0,.5);

}
.locationara .loc_info dt{
		position:absolute;
		top:5px;
		padding-left:25px;
		padding-top:0px;
		font-weight:400; 
		 line-height:1.3;
		
}

 
.locationara .loc_info dd{
		position:relative;
		padding-left:120px; 
		line-height:1.3;
		padding-top:0px;
		margin-top:0;
		

}

 


@media all and  (max-width:1000px){
 
		.locationara .loc_info dd{
			padding-left:80px; 
		}

	 

}


/*제품소개*/
/**/
.subtopMain{
	padding:200px 0;
	text-align:center;
}
.subtopMainbgA{
	background: url(../image/business/topimg.jpg)  no-repeat center center; 

}
.subtopMainbgB{
	background: url(../image/business/topimg_1.jpg)  no-repeat center center; 
 }

.subtopMainbgC{
	background: url(../image/business/topimg2.jpg)  no-repeat center center; 

}
.subtopMainbgD{
	background: url(../image/business/topimg3.jpg)  no-repeat center center; 

}
.subtopMainbgE{
	background: url(../image/business/topimg4.jpg)  no-repeat center center; 

}
.subtopMainbgF{
	background: url(../image/business/topimg5.jpg)  no-repeat center center; 

}
.subtopMainbgG{
	background: url(../image/business/topimg6.jpg)  no-repeat center center; 

}
.subtopMainbgH{
	background: url(../image/business/topimg7.jpg)  no-repeat center center; 

}
.subtopMainbgI{
	background: url(../image/business/topimg8.jpg)  no-repeat center center; 

}
.subtopMainbgJ{
	background: url(../image/business/topimg9.jpg)  no-repeat center center; 

}
.subtopMainbgK{
	background: url(../image/business/topimg10.jpg)  no-repeat center center; 

}
.subtopMainbgL{
	background: url(../image/business/topimg11.jpg)  no-repeat center center; 

}
.subtopMainbgM{
	background: url(../image/business/topimg12.jpg)  no-repeat center center; 

}


.subtopMainbgIN{
	background: url(../image/business/3topimg.jpg)  no-repeat center center; 

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

}

.subtopMainbgwall{
	background: url(../image/business/topimg_3.jpg)  no-repeat 0 center; 
 }
 .subtopMainbgjun{
	background: url(../image/business/topimg_4.jpg)  no-repeat 0 center; 
 }

 .subtopMainbgfloor{
	background: url(../image/business/topimg13.jpg)  no-repeat center center; 

}



.subtopMain .title{
	text-align:center;
	color:#fff;
	background:#ea5153;
	padding:5px 15px;
	display:inline-block;
}
.subtopMain .title span{
	font-weight:400;
}
.subtopMain .engfont{
	color:#fff;
	margin-bottom:20px;
	
}
.subtopMain .s_desc{
	 
	padding:10px;
	width:90%;
	margin:20px auto;
	position:relative;
	max-width:400px;
	text-align:center;
	color:#fff;

}

.seconTopimg{
	margin:-50px auto 0 auto;
	background:#fff;
	padding:10px;
	width:90%;
	position:relative;
	max-width:700px;
	text-align:center;
}
.seconTopimg .seconTopimg_in{
	padding:30px;
	color:#fff;
}



@media all and  (max-width:1000px){
		.subtopMain{
			padding:80px 0;
		}

	 

}
/**/



 .contentsblock{
	margin-top:50px;
	margin-bottom:40px;
	
 }

  .contentsblock h4{text-align:center;}
    .con_bg{
	  padding:90px 40px;
  }
  .con_bgA{
	background:#e5ded9;
  }
    .con_bgB{
	background:#f9f5ec;
  }

  .con_bgC{
	background:#fff;
  }
  .con_bgD{
	background:#f6f6f6;
  }
@media all and  (max-width:1000px){
	 .con_bg{
			padding:30px 10px;
	 }

}
/*특징*/
.featurearea{text-align:center;}
.featurearea .fea_box{
	position:relative;
	vertical-align:top;
	display:inline-block;
	margin-bottom:30px;
}
.featurearea.colThree .fea_box{
		width:30.333%;
		margin-left:1%;
		margin-right:1%;
}
.featurearea .fea_box .imgarea{
	z-index:1;
	position:relative;
	text-align:center;
}
.featurearea .fea_box .infot{
	position:relative;
	background:#fff;
	width:90%;
	padding:20px;
	margin:-30px auto 0 auto;
	z-index:2;
	text-align:left;
}
.featurearea .fea_box .infot .fea_titl{
	line-height:1.2;
	 
}
.featurearea .fea_box .infot .engfont{
	opacity:.7;
}
.featurearea .fea_box .infot .pro_desc{
	line-height:1.4;
	font-size:95%;
	margin-top:30px;
	 
}

@media all and  (max-width:1000px){
	.featurearea.colThree .fea_box{
		width:98%;
	}
	.featurearea .fea_box .infot .pro_desc{
		margin-top:10px;
	}

}
/**/
.view_pro_main{
	position:relative;
	background:#f7f7f7;
	padding-top:50px;
	padding-bottom:50px;
}
.view_pro_main .s_info{
	display:block;
	margin:20px auto;
	max-width:150px;
	position:relative;
	border-radius:30px;
	border:1px solid #6c503a;
	text-align:center;
	color:#6c503a;
	line-height:1.2;
	padding: 5px ;
}
.view_pro_main .model_t{
	display:block;
	margin:10px auto 50px auto;
	position:relative;
	text-align:center;
	
}

@media all and  (max-width:1000px){
	.view_pro_main{
		padding-top:20px;
		padding-bottom:20px;
	}
	.view_pro_main .s_info{
		margin-top:10px;
	}

}

/*스펙*/
.specbox{
	position:relative;
	background:#f7f7f7;
	padding-bottom:20px;

}
.specbox dl{
	width:90%;
	margin:0 auto;
	display:block;
	position:relative;
	border-bottom: 1px solid #ccc;
	padding:20px;
}
.specbox dl dt{
	position:absolute;
	font-size:150%;
	font-weight:500;

}
.specbox dl dd{
	position:relative;
	padding-left:180px;
	 font-size:120%;
	 padding-top:6px;
 }
.specbox ul.imglist.colThree li {width:33.333%;}
.specbox ul.imglist.colThree li img{border: 0px solid #ccc;}


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

	.specbox dl{width:98%;padding:10px;}
	.specbox dl dt{font-size:130%;}
	.specbox dl dd{font-size:110%;padding-left:100px;}
}

@media all and  (max-width:480px){
	.specbox dl dt{position:relative;}
	.specbox dl dd{padding-left:10px;}
	.specbox ul.imglist.colThree li {width:auto;margin-bottom:30px;}

}
/*이미지*/
.imglistbox{margin:50px 0;}
.certi .imglist img{max-width:350px;}

@media all and  (max-width:1000px){
.certi .imglist img{max-width:100%;}

}

.imglistbox .imglistbox_title{
	max-width:300px;
	padding:5px 10px;
	text-align:center;
	margin:20px auto;
	 background: linear-gradient(45deg, #6a3591, #21a8e0);
	 color:#fff;
	 
	 position:relative;
}


/*color*/
.colorlist_box{
	text-align:center;
}
.colorlist_box div{
	display:inline-block;
	vertical-align:middle;
}
.colorlist_box .colorlist{
	position:relative;
}
.colorlist_box .colorlist ul li{
	width:12px;
	height:12px;
	margin-left:10px;
	border-radius:50% 50%;
	display:inline-block;
	border:1px solid #fff;
	
}
.colorlist_box .colorlist ul li.a_a{
	background:#c2b4b1;
}
.colorlist_box .colorlist ul li.a_b{
	background:#787878;
}
.colorlist_box .colorlist ul li.b_a{
	background:#6a5456;
}
.colorlist_box .colorlist ul li.b_b{
	background:#787878;
}
.colorlist_box .colorlist ul li.b_c{
	background:#787878;
}
.colorlist_box .colorlist ul li.b_d{
	background:#44403f;
}
.colorlist_box .colorlist ul li.b_e{
	background:#e0dbbd;
}
.colorlist_box .colorlist ul li.c_a{
	background:#6a5456;
}
.colorlist_box .colorlist ul li.c_b{
	background:#787878;
}
.colorlist_box .colorlist ul li.c_c{
	background:#787878;
}
.colorlist_box .colorlist ul li.c_d{
	background:#44403f;
}
.colorlist_box .colorlist ul li.c_e{
	background:#e0dbbd;
}
.colorlist_box .colorlist ul li.d_a{
	background:#6a5456;
}
.colorlist_box .colorlist ul li.d_b{
	background:#787878;
}
.colorlist_box .colorlist ul li.d_c{
	background:#787878;
}
.colorlist_box .colorlist ul li.d_d{
	background:#44403f;
}
.colorlist_box .colorlist ul li.d_e{
	background:#e0dbbd;
}
.colorlist_box .colorlist ul li.e_a{
	background:#6a5456;
}
.colorlist_box .colorlist ul li.e_b{
	background:#c2b4b1;
}

/*옵션*/
.optionarea{
	color:#e74244;
	margin-bottom:20px;
}
.optionbox{
	 display:inline-block;
	 background:#e74244;
	 color:#fff;
	 border-radius:20px;
	 padding:5px 10px;
	 font-size:15px;
	 letter-spacing:0;
}
.optionarea .optionbox{
	 margin-right:20px;
}




/*photo zone*/
 #gallerArea{
   clear:both;
   margin:30px 10px 0 3px;
   overflow:hidden;
}


.img_box{
   
   float: left;
   padding: 0px;
   overflow:hidden;
   width: 25%;
   
}
.img_box img.example-image{
    
   border: 0px;
   display: block;
   width: 100%;
   
}
.img_box	.imgArea{
   
   padding:5px;
   margin:0px;
   overflow:hidden;
   
}

@media (max-width: 1000px ){
	.img_box{width: 33.333%;}
}

@media (max-width: 780px ){
	.img_box{width: 50%;}
}
@media (max-width: 420px ){
	.img_box{width: 100%;}
}




/* Hover slide */
.slip{
    
}
.slip .hover{
   position:absolute;
}
.slipNo .sliphoveritemTitle{
   display:none !important;
}

.nongallery{
   text-align:center;
   color:#fff;
   
}



/* Preload images */


.lightboxOverlay {
   
  position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   background-color: black;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 0.8;
   display: none;
   }

.lightbox {
   
  position: absolute;
   left: 0;
   width: 100%;
   z-index: 10000;
   text-align: center;
   line-height: 0;
   font-weight: normal;
   }

.lightbox .lb-image {
   
  display: block;
   height: auto;
   max-width: inherit;
   max-height: none;
   border-radius: 3px;
     border: 4px solid white;
   }

.lightbox a img {
   
  border: none;
   }

.lb-outerContainer {
   
  position: relative;
   *zoom: 1;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   border-radius: 4px;
     background-color: white;
   }

.lb-outerContainer:after {
   
  content: "";
   display: table;
   clear: both;
   }

.lb-loader {
   
  position: absolute;
   top: 43%;
   left: 0;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
   }

.lb-cancel {
   
  display: block;
   width: 32px;
   height: 32px;
   margin: 0 auto;
   background: url(../images/loading.gif) no-repeat;
   }

.lb-nav {
   
  position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   }

.lb-container > .nav {
   
  left: 0;
   }

.lb-nav a {
   
  outline: none;
   background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
   }

.lb-prev, .lb-next {
   
  height: 100%;
   cursor: pointer;
   display: block;
   }

.lb-nav a.lb-prev {
   
  width: 34%;
   left: 0;
   float: left;
   background: url(../image/btn_prev.png) left 48% no-repeat;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 1;
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
   }

.lb-nav a.lb-prev:hover {
   
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   }

.lb-nav a.lb-next {
   width: 64%;
   right: 0;
   float: right;
   background: url(../image/btn_next.png) right 48% no-repeat;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   opacity: 1;
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
   }

.lb-nav a.lb-next:hover {
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   }

.lb-dataContainer {
   
  margin: 0 auto;
   padding-top: 5px;
   *zoom: 1;
   width: 100%;
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   }

.lb-dataContainer:after {
   
  content: "";
   display: table;
   clear: both;
   }

.lb-data {
   
  padding: 0 4px;
   color: #fff;
   }

.lb-data .lb-details {
   
  width: 95%;
   float: left;
   text-align: center;
   line-height: 1.1em;
   }

.lb-data .lb-caption {
   
  font-size: 18px;
   font-weight: bold;
   line-height: 1em;
   padding-left:30px;
   }

.lb-data .lb-caption a {
   color: #4ae;
   }

.lb-data .lb-number {
   
  display: block;
   clear: left;
   padding-bottom: 1em;
   font-size: 12px;
   color: #999999; 
}

.lb-data .lb-close {
   
   display: block;
   float: right;
   width: 30px;
   height: 30px;
   background: url(../image/btn_close2.png) top right no-repeat;
   text-align: right;
   outline: none;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
   opacity: 0.7;
   -webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   -o-transition: opacity 0.2s;
   transition: opacity 0.2s;
   
 
}

.lb-data .lb-close:hover {
   cursor: pointer;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   opacity: 1;
   
 
}