@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

}

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

}

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

 
/*////////////////////////////////////////////////////////////////////sub 공통/////////////////////////////////////////////////*/

 
/*글자사이즈*/
h2{
	color:#fff;
	font-size:350%;
	font-weight:600; 
	line-height:1;
	letter-spacing:-2px; 
	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:left;
	margin-top:30px;
	margin-bottom:30px;
	
	font-weight:700;
	 
}
h3.title:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:10px;
	border-radius: 50% 50%;
 	
}
.goodsview h3.title{
	display:none;
}
  
h4{
 	font-size:200%;
	letter-spacing:-1px; 	 
	line-height:1.3;
	font-weight:600;
	position:relative;



}
h4.title{
	color: var(--color-major-400);
	margin-bottom:20px;
	
}

 
h5{
	 
	font-size:140%;
	line-height:1.1;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
	font-weight:600;

}

 
.headtxtA{font-size:300%;line-height:1.1;font-weight:600; letter-spacing:-2px;}
 .headtxtA span{
	display:inline-block;
 }
 .headtxtA strong{font-weight:600; }
 .headtxtA span.thiny{font-weight:400; }
.headtxtB{font-size:250%;line-height:1.3;font-weight:600; }
.headtxtC{font-size:200%;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;}

.businessmajor .headtxtB,
.businessmajor .headtxtC,
.businessmajor .headtxtD{
		font-weight:700;
		letter-spacing:-1px;}

}
 
@media all and  (max-width:1000px){
	h2{font-size:250%;}
	h3{font-size:200%;}  
	h4{font-size:150%;} 
	h5{font-size:120%;}

	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%;} 
	h5{font-size:110%;}
	
	 
	.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%;}
 
}
@media all and  (max-width:480px){
	.headtxtA{font-size:170%; }
	.headtxtB{font-size:160%;}
	.headtxtE{font-size:100%;}
}

 


 




/*///글자사이즈*/
    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

 
ul.ulli {padding-left:10px;margin-left:0;}
ul.ulli > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
}
ul.ulli > li:before{
	position:absolute;
	display:block;
	content:'';
	width:4px;
	height:4px;
	top:13px;
	left:13px;
	background:#555;
}
ul.ulli.ulliA > li:before{
	top:20px;

 }

 ul.ulli > li span{
	font-size:90%;
	opacity:.8;
 }
@media all and  (max-width:800px){
	ul.ulli > li:before{
		 
		top:9px;
		 
	}

	ul.ulli.ulliA > li:before{
		top:15px; 
	 }

}

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



ul.ulli > li strong{
	 display:block;
	 font-size:19px;
	color:#000;
}
ul.ulliB {
	margin:10px 0 10px 0px;
}
ul.ulliB >  li{
	 position:relative;
	padding-left:20px;
	padding-bottom:0px;
	 
}
ul.ulliB > li:before{
	position:absolute;
	display:block;
	content:'';
	width:0px;
	height:1px;
	top:11px;
	left:10px;
	background:#333;
}
 

ul.ulliC {
	margin:0px 0 0px 0px;
}
ul.ulliC >  li{
	 position:relative;
	padding-left:10px;
	padding-bottom:0px;
	font-size:85%;
}
ul.ulliC > li:before{
	position:absolute;
	display:block;
	content:'';
	width:5px;
	height:1px;
	top:11px;
	left:10px;
	background:none;
}

ul.ulli_icon {padding-left:0px;margin-left:0;}
ul.ulli_icon > li{
	 position:relative;
	padding-left:35px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:15px;
}
ul.ulli_icon > li:before{
	position:absolute;
	display:block;
	content:'';
	width:30px;
	height:30px;
	top:0px;
	left:5px;
	content:'\f14a';
	font-family: 'FontAwesome';
	font-size:130%;
	line-height:1.2;
	color: var(--color-blue-500);;
 
}
 
 


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

ol.olli_icon {
	margin-left:30px;
}
ol.olli_icon > li{
	 
	position:relative;
	padding-left:15px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:10px;
}
ol.olli_icon > li strong{
	display:block;
	font-weight:600;
	color: var(--color-blue-600);
}
ol.olli_icon > li strong.black{
	color: #333;
	font-size:120%;
}
ol.olli_icon > li span.colorA{
		color: var(--color-red-300);
}

/* DT DD*/

dl.dldtA{
	position:relative;
	margin-bottom:30px;
	  
}
dl.dldtA dt{
	font-size:120%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	text-align:left;
	color:var(--color-black-400);
	
}
 
 
dl.dldtA dd{
 	 margin-bottom:10px;
	padding-left:20px;
	text-align:left;
	 
}
.dl_list {
	text-align:left;
} 
.dl_list dl.dldtA{
	display:inline-block;
	 margin:1%;
	 width:30.333%;
	vertical-align:top;

}
@media (max-width: 780px ){
	.dl_list dl.dldtA{
	width:98%;
	}

}

/**/

/*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:440px;
	margin-top:0;
	  
}


 


#topfiximg{position:absolute; width:100%;height:100%;background-size:100%;}

@media all and  (max-width:1980px){
	#topfiximg{background-size:cover;}
}
.aboutus{background: url(../image/about/topimg.jpg)  no-repeat right 0; }
.product{background: url(../image/pro/topimg.jpg)  no-repeat center 0;}
.work{background: url(../image/work/topimg.jpg)  no-repeat center 0;}
.customer{background: url(../image/customer/topimg.jpg)  no-repeat center 0;}



    
 .topTXTarea{
	 
	position:relative;
	padding-top:200px;
 }
.topTXTarea h2{
	text-align:left;
	
}

.topTXTarea .top_loc{
	margin: 0px;
	position:relative;
	margin-top:20px;
	text-align:left;

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

	   .Toptxtbox .subtop_majortxt span{
			display:inline;

		  }
 }


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

.submenu{
	
	position:relative;
	margin:0px auto 0 auto;	 
	padding:0px 0;
	text-align:center;
	width:100%;
 	background: var(--color-white-100);
	 
 	 
 }
 .submenu .secondmenu{
	position:relative;
	margin:0px auto 0 auto; 	
 }


.submenu .submenu_box{
	margin :0px auto 0 auto; 	
	position:relative;
	padding: 0px 0; 
	
	 
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 -1px 0;
	display:inline-block;
	text-align:center;
	font-size:0;
	width:100%;
	padding:0px  ;
	border-radius:0px; 
 	vertical-align:top;
	border-bottom: 1px solid #ccc;
	background: var(--color-white-200);
	

  	 
}
 

.submenu .submenu_box ul li{
	display:inline-block;
	position:relative;
 	margin-right:0px;
	z-index:2; 
 	padding:0px 0;  
	border-left:0; 	 
	vertical-align:middle;
	text-align:left;
 
  
}
 
 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:20px;
	letter-spacing:0px;
	display: block;
	padding:20px 30px;
	text-align:center;
	font-weight:600; 
	opacity:.7;
 	
}
.submenu .submenu_box.submenu_box_pro ul li a{
		padding-right:20px;
		padding-left:20px;
}


.submenu .submenu_box ul li a:hover{
	opacity:1;
}
.submenu .submenu_box ul li:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	height:3px;
	background:var(--color-majorB-300);
	 transition: 0.4s;
}
.submenu .submenu_box ul li:hover:after, 
.submenu .submenu_box ul li.subOn:after{
	 left:0;
	width:100%;
	 transition: 0.4s;
 
	 
}
.submenu .submenu_box ul li.subOn a{
	color:var(--color-majorB-300);
	opacity:1;
	
 
	 
	
}

 @media (max-width: 1000px ){
		
		 .submenu{width:100%;}
		 /*Home*/
		 .submenu .mobile_homearea{
			display:flex;
			 flex-wrap: wrap;
		  /*justify-content: space-between;*/
		  align-items: center;
			position:absolute;
			left:0;
			top:0;
			width:40px;
			height:45px;  
			background:var(--color-dahong-300);
			z-index:3;
			 text-align:center;
			 border-radius:10px 0 0px 10px;
			

			
		 }
		 .submenu .mobile_homearea a{
			  color:#fff;
			display: block;
			 width:100%;
			text-align:center;
		 
			 
		 }
		
		 /*1dep*/
		/*
		 	.mobiletit_firstmenu{
				display:block; 
				position:absolute;
				left:100px;
				top:0;
				width: calc(50% - 100px);
				padding:0px 0px 0px 0px; 
				text-align:left;
				z-index:3;
				background:green;
			}
		.mobiletit_firstmenu:before {
				display:block;
				position:absolute;
				right:0;
				top:0;
				content:'';
				width:1px;
				height:100%;
				background: rgba(0,0,0,.2);
				
			}
		 .mobiletitA {
			display:block;
			text-align:center;		
			font-size:16px;
			line-height:1.3;		
			padding:12px 0px 12px 0px;
			letter-spacing:-1px;
			transition: 0.4s;
			 
		 
			z-index:3; 
		 
		}

		.mobiletitA a {
			display: block;
			color:#333;
			width:100%; 
			text-align:center;
		}
		 .mobiletitA a  i{
			 position:absolute;
			 right:5px;
		  }

	
		.mobiletit_firstmenu_all {
			 
					position:absolute;
					left:0%;
					padding:0px;
					width: 100%;
					height: 0px;
					top:45px;
					overflow:hidden;
					background:#fff;
					box-shadow: var(--shadow-medium);
					z-index:3;
			}
			.mobiletit_firstmenu_all ul li{
				 padding:0;
				text-align:center;
				border-bottom: 1px solid #ccc;
			}
			.mobiletit_firstmenu_all ul li a{
				color:#333;
				text-align:center;
				display:block;
				 
				font-size:15px;
				padding:8px 15px 8px 20px;
			}
			.mobiletit_firstmenu_all ul li.first_on{
				 background:rgba(0,0,0,.1);
			}
			.mobiletit_firstmenu_all ul li.first_on a{
				 color:#333;
			}*/

		  /*2dep*/			 
		 
		.submenu .secondmenu{
				display:block;
				position:relative; 
 				padding:0px 0px 0px 0px; 
				text-align:left;
				z-index:3; 
				background: var(--color-white-200);
				 
			 
			}
	 
			.secondmenu .mobiletitB {
				display:block;
				text-align:center; 
				font-size:18px;
				font-weight:600;
				line-height:1.3;		
				padding:12px 0px 12px 0px;
				letter-spacing:0px;
				transition: 0.4s;
				width: 100%;		
				z-index:3; 
			 
			}
		 
			.mobiletitB a {
				 color:var(--color-majorB-300);
				 display:block;
				 

			}
			 .mobiletitB a  i{
				 position:absolute;
				 right:10px;
				 font-size:200%;
				 top:2px;
			  }

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

			}
			.submenu .submenu_box ul{
				width: 100%;
				margin:0 0 0 0;
				padding:0px 0 0px 0px ;
				background:none;
			}
			.submenu .submenu_box ul li{
				display:block;
				width:100%;
				margin-left:0px;
				background:#f7f7f7; 
				max-width:100%;
				padding:0;
				 
				border-bottom: 1px solid #ccc;
			 
			}
			 

			.submenu .submenu_box ul li a{
				padding:8px 0px 8px 0px;
				font-size:17px; 
				font-weight:500;
				opacity:1;

			}

			 

			.submenu .submenu_box ul li.subOn{
				background:var(--color-majorB-300);
				 
			}
			.submenu .submenu_box ul li.subOn a{
				color:#fff;
				border: 0px;
			}

 }
 

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

 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background: #fff;
	width:100%;
	color:rgba(0,0,0,.8);
	margin:0;
	letter-spacing:-1px;
	font-weight:500;
	padding:60px 0px 50px 0px; 
	position:relative; 
	font-size:18px; 
	line-height:1.4;
	min-height: 500px;
	z-index:1;
 
}
@media(max-width:1000px){
	#sub_contents{
		font-size:16px; 
		padding:20px 0px 20px 0px; 
	}
}

#sub_contents.fixed{
	padding-top:80px;
}
.graybg,
#sub_contents.graybg{
		background: #f7f7f7;
		 
}
.graybgB{
	background:#686a70;
}

.whitebg{
	background: #fff;
}

 
.contents_wrap{
	
}

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

/**/ 

 .keyword_t{
	margin-bottom:40px;
 	letter-spacing:-2px;
}
 
.keyword_t  strong{
	 font-weight:600;
	line-height:1.3;
	color: var(--t_majorcolor);
}
.keyword_t  span{
 	display:inline-block;
}

 
/**/ 
.max_widthA{
	max-width:800px;
	margin:10px auto;
}

.max_widthB{
	max-width:1100px;
	margin:50px auto 70px auto;
}
.max_widthB .txtA{
	margin-bottom:30px;
}
.max_widthB .txtB{
	margin-bottom:30px;
}


.max_widthB span{display:inline-block;}

 


 /*#################  이미지 + 텍스트 #################*/


.txt_img_box{
	 
	 display:flex;
	  flex-wrap: wrap;
	  align-items:stretch;
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
 	
}
.txt_img_box .imgarea{
	  width:40%;
  	 display:flex;  
	 align-items:center;
	text-align:center;
	
 }
 .txt_img_box .imgarea.bg_white{
		background:#fff;
		border-radius:30px;
		overflow:hidden;
		border:1px solid #ccc;
 	}

	 .txt_img_box .imgarea.bg_white.photo_img{
		flex-grow: 1;
		box-shadow:5px 5px 10px  rgba(0,0,0,0.3);

		}
 .txt_img_box .imgarea span{
	 width:100%;
	align-self: center;
	 text-align:center;
 
 }
 
 
.txt_img_box .textarea{
	     width:60%;
 		 align-self: center;
		 padding:10px;
		 padding-left:40px;
}

 
.txt_img_box .textarea p{
	margin-bottom:20px;
	line-height:1.6;
	 
}

 @media (max-width: 780px ){
	.txt_img_box .imgarea{
		width:100%;
	}
	.txt_img_box .textarea{
		width:100%;
		margin-top:30px;
		 padding-left:10px;
	}

 }
  

/*이미지 + 이미지*/
  .img_img_box{
 	 display:flex;
	
 	 align-items:center;
	  flex-wrap: wrap;
	    justify-content: space-around;
}
 
.img_img_box .imgarea{
 	 
	display:flex;  
	 align-items:center;
	 margin:1%;
	 border-radius:30px;
	 overflow:hidden;
	 
  	
 }
   .img_img_box.threeimg{
		 flex-wrap: nowrap;
   }
  .img_img_box .imgarea.bg_white.photo_img{
		flex-grow: 1;
		box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
  }
 .img_img_box .imgarea.bg_white{
		flex-grow: 1;
		border: 1px solid #ccc;
		 
 }
  .img_img_box .imgarea.photo_img{
		overflow:auto;
		box-shadow:5px 5px 10px  rgba(0,0,0,0.5);
  }
  .img_img_box .imgarea.photo_img span{
	 
  }

 
.img_img_box .imgarea img{ border: 1px solid #ccc;border-radius:30px;
	 
	 
 	 }

.img_img_box .imgarea.photo_img img{
		border:0px; 
}
.img_img_box .imgarea.none_boder img,
.img_img_box .imgarea.bg_white img{ border: 0px solid #ccc;}


.img_img_box .imgarea.bg_white{
	background:#fff;
}
 
 .img_img_box .imgarea span{
	 width:100%;
	align-self: center;
	 text-align:center;
 
 }
  
 

 
/*이미지 리스트*/

.img_list{
	position:relative;
	margin: 30px 0;
	
 
}
.img_list ul{
	text-align:center;
}
.img_list ul li{
	display:inline-block;
	vertical-align:top;
	margin:10px;
}
.img_list ul li img{position:relative;width:100%;max-width:100%;}
.img_list ul li span{
	display:block;
	font-size:120%;
}

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

	
}
.img_list.coltwo ul li{
	width:47%;
	margin:1%;
}
.img_list.img_listB{
	margin:0;
}
.img_listB ul li{
	overflow:hidden;
	border-radius:30px 0;
}


 
 

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

.greetingarea{
	position:relative;
	margin:0 auto;  
	padding:50px 0;
	width:100%;

}
.greetingarea:after{

	clear:both;
	display:block;
	content:'';
	position:relative;
	height:40px;
}
 
.greetingarea  p{
	padding-bottom:20px;
}
.greetingarea .gree_left{
	float:left;
	width:45%;
	padding-right:50px;
	color: var(--t_majorcolor);
}
.greetingarea .com_imaga{
	border-radius:10px;
	overflow:hidden;
}
.greetingarea .gree_right{
	float:right;
	width:55%;
}

@media(max-width:1000px){
	.greetingarea .gree_left,
	.greetingarea .gree_right{
		padding-right: 0px;
		width:100%;
		margin-bottom:20px;
	}
}
 
 .overviewarea{
	 background: url(../image/about/back_overview.jpg)  no-repeat center 0;
	 background-size:cover;
	 border-radius:30px;
	 margin-bottom:40px;
	 padding-bottom:90px;
	 overflow:hidden;

 }
 .overview:after	{
	clear:both;
	content:'';
	position:relative;
	display:block;
}
.overview{
	display: grid;
	grid-gap: 1%;
	grid-template-columns: repeat(auto-fit, minmax(31.333%, 1fr));
	grid-auto-flow: dense;
	align-items: stretch;
	align-content: stretch;
	justify-content: stretch; 
	padding:80px;
	
}
.over_box{
		display: grid;
		grid-auto-flow: dense;
		align-items: stretch;
		align-content: center;
		justify-content: stretch;
		text-align:left;
		padding:20px;
 		-webkit-backdrop-filter: blur(0);
		backdrop-filter: blur(0);
		background:rgba(255,255,255,.8);
		border-radius:10px;
		width:98%;
		margin:10px auto;
	 

}

/*.over_box:after{
	position:relative;
	display:block;
	content:'';
	height:1px;
	margin-top:20px;
	background: rgba(255,255,255,.5);
}*/
.over_box dl {
	position:relative;
}
.over_box dl dt{
	position:relative; 
	color:#222;
	font-size:130%;
	line-height:1.2;
	letter-spacing:-1px;
	font-weight:500;
	text-align:center;
	padding: 0px;
	width:100%;
 }
.over_box dl dt:after{
	display:block;
	content:'';
	position:relative;
	 margin:5px auto;
	width:30px;
	height:2px;
	background: rgba(0,0,0,.5);
}
.over_box dl dd{
	position:relative;
	 font-size:95%;
	color:#222;
	text-align:center;
	margin-top:0;
	line-height:1.2;
	padding:10px;
 	letter-spacing:0;
	font-weight:400;
	opacity:.8;
}
.over_box dl dd span{
	display:inline-block;
}
 
 @media(max-width:1000px){
	.overview{
		padding:30px;
	}
	.over_box{
		padding:10px;
	}
	.over_box dl dd{
		padding:10px 0;
	}
	
 }

  @media(max-width:780px){
	.overview{
			grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
	}

  }

  @media(max-width:480px){
	.overview{
			grid-template-columns: repeat(auto-fit, minmax(98%, 1fr));
	}
	.over_box{
			margin:5px auto;
	}

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

	
 }

 .orgarea .org_lineC{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:118px;
	
 }
 
.org_first{
	position:relative;
	width:100%;
	max-width:350px;
	padding:10px 0;
	background:var(--t_majorcolor);;
	border-radius:10px; 
	color:#fff;
	margin:0 auto;
	font-size:25px;
	font-weight:500;
	box-shadow: var(--shadow-small);
 

	
 }

 /*2*/
.org_second{
	font-size:22px;
	width:100%;	
	padding:0px 0;	 	 
	margin:0 auto;
	position:relative;
}
.org_second:before{
	 
	position:absolute;
	content:"";
	display:block;
	width:1px;
	top:0%;
	background: #c8c8c8;
	left:50%;
	margin-left:0;	
	height:83px;
	z-index:0;
	 
	
 }
.org_second:after{
	clear:both; 
	content:"";
	display:block;
	 
	
 } 

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

}

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


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

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

  }
/*3*/
 

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

.org_thrid_box span{
	padding:5px 0;
	background:#eef2f1;
	color:#333;
	max-width:250px;
	margin:0 auto;
	font-size:18px;
	width:98%;
	border:2px solid #959595;
	
	 

	
 }
	.org_thrid_box.org_thrid_boxB span{
		max-width:200px;
		padding:5px 0;
		background:#eef2f1;
		border:2px solid #959595;

	}


 

 

  

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

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


.org_fourth:after{
	clear:both;
	display:block;
	content:'';
	height:70px;
	
 }
.org_fourth .org_fourth_box:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:40px;
	 }
.org_fourth .org_fourth_box{
	padding-top:0px;
	float:left;
	width:33.333%;
	
 }
	 
  
.org_fourth .org_fourth_box .org_fourth_tit{
	background: var(--color-major-500);;
	border-radius:10px;
	color:#fff;
	width:90%;
	min-width:150px;
	margin:0 auto;
	padding:10px 0;
	font-size:130%;
	line-height:1.2;
	font-weight:500;
	border-radius:10px;
	border:3px solid  var(--color-major-500);;
	box-shadow: var(--shadow-small);
	
	

	
 }

 
 
 


  

 /*5*/

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

 
 }

.org_fifth:after{
	clear:both;
	display:block;
	content:'';
	height:0px;
	
 }
 
.org_fifth .org_fifth_box{
	padding-top:0px;
	float:left;
	width:100%;
	
 }
  
					 
.org_fifth .org_fifth_box .org_fifth_sub.sub_clotwo:before{
	position:absolute;
	content:"";
	display:block;
	width:50%;
	border-top:1px solid #c8c8c8;
	left:50%;
	margin-left:-25%;
  }

 
 
.org_fifth .org_fifth_box .org_fifth_sub ul li:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:20px;
	 }
.org_fifth .org_fifth_box .org_fifth_sub ul li{
	float:left; 
	margin:0px auto;
	padding:0px 0;
	width:100%;
	
 }
.org_fifth .org_fifth_box .org_fifth_sub.sub_clotwo ul li{
	 
	width:48%;
	margin-right:1%;
	margin-left:1%;
	
 }	 


.org_fifth .org_fifth_box .org_fifth_sub ul li span{
	font-size:15px;
	background:#f7f7f7;
	color:#333;
	border:1px solid #c8c8c8;
	 padding:10px 0;
	 line-height:1.2;
	 border-radius:10px;
	 box-shadow: var(--shadow-small);
	
	
 }
@media all and  (max-width:1000px){
	
	.org_fifth{
		
		width:98%;

	 
	 }
	.org_fifth .org_fifth_box .org_fifth_sub ul{
		 
	 
		 
		 

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

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

@media all and  (max-width:780px){
	.org_fourth:before{
	 border-top:0px solid #c8c8c8;
	}
	.org_fourth .org_fourth_box:before{
		border-left:0px solid #c8c8c8;
		 
	}
	.org_fourth .org_fourth_box:nth-child(1):before{
		height:0;
		 
	}
	.org_fourth .org_fourth_box{
		width:100%;
	}
	.org_fourth .org_fourth_box .org_fourth_tit{
		width:100%;
	    max-width:350px;
	}
	.org_fifth { max-width:350px;}
}

 /*인증현황*/
 

 
/**/

.certiarea {
	text-align:center;
	padding-top:40px;
	font-size:0;
}

.certiarea  .certibox{
	background:#f7f7f7;
	max-width:48%;
	margin:10px 1% 30px 1%;;
	display:inline-block;
	padding:30px;
	vertical-align:top;
}

.certiarea  .certibox .imgarea{
	text-align:center; 
	padding:0px;

	
	/*box-shadow:3px 10px 10px rgba(0,0,0,0.3);*/
}
.certiarea  .certibox .imgarea img{
	border:2px solid #ccc;
	border-radius:5px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}

.certiarea  .certibox .txtarea{
	text-align:center;
	padding-top:20px;
	font-size:22px;
	line-height:1.2;
	 
}

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

	 

}

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

 
	 .certiarea  .certibox{
		padding:5px;
	 }
	 .certiarea  .certibox .txtarea{
		font-size:16px;
	 }

}

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

 
	 .certiarea  .certibox{
		width:98%;
		 
	 }
	  

}




/*오시는길*/
.locationarea{
	margin-top:30px;
}
.locationarea h4{
	padding-bottom:10px;
	border-bottom: 2px solid #333;
	margin-bottom:40px;
}
.locationarea .loc_box{
	margin-bottom:50px;
}
.locationarea .loc_box .addressinfo span{
	margin-right:20px;
	font-size:85%; 
	 font-weight:400;  
	display:inline-block;
	position:relative;
	margin-bottom:0px;
	padding-left:80px;
	margin-left:30px;
 	 
}
.locationarea .loc_box .addressinfo span.addre{
	 
	padding-left:80px;
	margin-left:0px;
 	 
}
.locationarea .loc_box .addressinfo span svg{vertical-align:middle;}
 
.locationarea .loc_box .addressinfo span:last-child{
	
	margin-right:0px;
}
  
.locationarea .loc_box .addressinfo span:before{
	display: block;
 	content:' ';
 	width:1px;
 	height:10px;
 	background:rgba(0,0,0,.2);
 	position:absolute;
 	top:8px;
	left:62px;
	padding-left:0;
 }

   
.locationarea .loc_box .addressinfo span.addre:before{
 	left:62px;
	 
 }
 
 
.locationarea .loc_box .addressinfo  span strong{
 	position:absolute;
	top:0;
	left:0;
	font-weight:500; 
	margin-right:0px; 
	left:0; 
	color:#000;
	 
}
.locationarea .loc_box .addressinfo  span strong i{
	margin-right:10px;
	color: var(--color-major-300);
}

.locationarea .loc_box .mapimg{
	margin-top:30px;
	margin-bottom:30px;
	 position:relative;

	 
}
.locationarea .loc_box .mapimg .mapphoto{
	display:none;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:400px;

}
.locationarea .loc_box .mapimg iframe{
	z-index:1;
}

/*제품소개*/

/*tab*/
.tabs_pos{
	min-height:50px;
}
.tabs_box {position: relative; overflow: hidden;max-width:1500px;text-align:left;}
 
.tabs_box.fixedmode {
		position:fixed; 
		width: 100vw; 
		top:0px;
		left: 50%;
		transform: translateX(-50%);
		right: 0; 
		z-index:100; 
		 

}
 
 
.tablink {
 	 
	width:100%;
 
	}
.tabs_box.fixedmode .tablink{background:#fff;padding:10px 0;}
.tablink>a {
	display:inline-block; 
	padding:10px 20px;
	vertical-align:middle;
	 position:relative;
	 color:#222;	  
	font-size:18px;
	 line-height:1.2;
	opacity:.9;
	border:2px solid #ccc;
	border-radius:30px;
	letter-spacing:0;
	margin-bottom:10px;
	
	}
 .tablink>a.current {
		color:#fff;
	   opacity:1;
		font-weight:700;
		background:var(--t_majorcolor);
		border:2px solid var(--t_majorcolor);
	}
  .tablink>a.current:after{
		content: '';
		display:block;
		position: absolute;
		bottom: 0;
		left: 0%;
		width: 100%;
		height: 100%; 
	 
		z-index:2;
	 
  }

 
 
.tab_contenst:last-child{padding-bottom:280px}
 
@media(max-width:1000px){
	.tabs_box.fixedmode {top:60px;}
	.tablink>a {font-size:16px;}
}
 
/*tab///////////*/



.contents_Block{
	margin-bottom:50px;
}
.contents_Block.bg_contents{
	padding:30px;
	border-radius:30px;
	overflow:hidden;
 
}

@media(max-width:1000px){
	.contents_Block.bg_contents{
		padding:10px;
	 
	}
}
 
.contents_Block.graybgB .txt_img_box .textarea{
	color:#fff;
}


.contents_Block h4{
	margin-bottom:30px;
}

.txt_contents{
	color: rgba(0,0,0,.7);
	margin:20px auto;
	font-size:95%;
	letter-spacing:-0.03em;
}

.gubun{
		height:80px;
		 border-top:1px dashed #ccc;
		content:'';
		display:block;

}

.float_area:after{
	clear:both;
	content:'';
	display:block;
}
.float_area span.first_img{float:left;padding:10px;}
.float_area span.right_img{max-width:30%;float:right;padding:10px; }


@media(max-width:1000px){
	.float_area span.first_img{display:block;float:none;}
	.float_area span.right_img{max-width:50%; }

 }


 .flex_contents{
	display:flex;
	align-items:stretch;
	flex-wrap: wrap;

 } 
 
 
.flex_contents span{
 	 
	display:bock;
	 align-items:center;
	 margin:10px 5px;
	 border-radius:10px;
	 overflow:hidden;
	 background:#ddf8ff;
	 border:2px solid #9adce1;
	 padding:5px 20px;
	 min-width:120px;
	 text-align:center;
   	
 }

 .flex_contents.boon span{
	 background:#ffecdd;
	 border:2px solid #eac9ba;

}