@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:100%;
	margin:0 auto;
	padding:0px;
	max-width:1400px;
   position:relative;
}

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

}

.mobileon{display:none;}
.mobiletit {display:none;}
.mobiletitB{display:none;}
.mobiletit_firstmenu{display:none;}
 
@media(max-width:1430px){
	
	.sub_wrap{padding:0 10px;}

}
 @media(max-width:1000px){
	
	.sub_wrap{padding:0 0px;}

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

h2{
	color:#fff;
	font-size:65px; 
	font-weight:700;
	padding:150px 0 20px 0px;
	line-height:1;
	letter-spacing:-1px; 	
 	display:block;
 	 
}
h2.title{color:#000;text-align:center;padding-top:0;}

h3{
	
	text-align:center;
	font-size:55px;
	padding:0px;
	margin-bottom:50px;
	margin-top:30px;
	font-weight:500;
	line-height:1.3;
	letter-spacing:-2px;
	z-index:1;
	position:relative;

}

h3.title{
	font-weight:700;
 
}
 
.productview h3.title{display:none}
  
h4{
	color:#000;
	font-size:45px;
	line-height:1.3;
	font-weight:500;
	margin-bottom:30px;
}
h4.title{
	color:#2d409d;
	position:relative;
	text-align:left;
	}
h4.title:after{
	display:block;
	content:'';
	position:relative;
	width:2px;
	margin:0 auto;
	height:27px; 
	background:#2d409d;
 }
 h4.title span{
	display:block;
	color:#fff;
	font-size:40%;
	max-width:200px;
	margin:0 auto;
	background:#333;
 }
h5{
	font-size:25px;
	line-height:1.3;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:500;
 
}

.productview h5{
	/*color:var(--t_majorcolorGreen);*/
margin-bottom:0px;
}

 
.headtxtA{font-size:50px;line-height:1.1;font-weight:600;letter-spacing:-2px;}
.headtxtB{font-size:40px;line-height:1.3;font-weight:600;letter-spacing:-2px;}
.headtxtB strong{font-weight:700;}
.headtxtB span{font-weight:400;line-height:1.5;}
.headtxtC{font-size:30px;line-height:1.1;font-weight:600;letter-spacing:-1px;}
.headtxtC span{ line-height:1.5;letter-spacing:-1px;}


.headtxtCC{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-2px;;}
.headtxtCC span{ line-height:1.5;letter-spacing:-1px;}
.headtxtD{font-size:20px;line-height:1.3;font-weight:500;}
 

    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}


.t_red{color:#ff0000;}
.colorA,
.t_majorcolorBlue{color:#122b88}
.t_majorcolorGreen{color:#0ba29b}
.t_majorcolorJu{color:#ff4605}
.t_majorcolorSkyblue{color:#1b66e1}


:root {
--t_majorcolorBlue: #122b88;
--t_majorcolorGreen: #0ba29b;
--t_red: #09a29f;
--t_majorcolorSkyblue:#1b66e1;
}


.juseokB{font-size:13px;color:#333;}
.juseok{font-size:13px;color:#ff0000;}


.mbA{margin-bottom:30px;}

.majortxt{
	position:relative;
	width:98%;
	margin:30px auto;
	max-width:1000px;
}
/* tOP layout*/
 

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


.aboutus{background: url(../image/about/topimg.jpg)  no-repeat center 0;}
.pro{background: url(../image/pro/topimg.jpg)  no-repeat center center;}
.tech{background: url(../image/tech/topimg.jpg)  no-repeat center center;}
.comm{background: url(../image/comm/topimg.jpg)  no-repeat center center;}

.customer{background: url(../image/customer/topimg.jpg)  no-repeat center center;}
   
 
.topTXTarea{
	margin: 0px auto 0 auto;
	position:relative;
	padding-top:30px;
	
	text-align:center;
 
}
 .topTXTarea h2{}
 .topTXTarea strong{font-size:130%;color:#fff; opacity:.7;font-weight:300;}
 
 
 /*//////////sUBMENU/////////////*/ 

.submenu{
	
	position:relative;
	margin:-100px auto 0 auto;	 
	padding:0px 0;
	top:0; 
	text-align:center;
	width:100%;
	 

	 
	
	
	
	 
 }
/* .submenu:before{
	content:'';
	display:block;
	position:relative;
	width:100%;
	height:1px;
	background: rgba(255,255,255,.2);
 }
*/
 .submenu .homearea{
	display:none;
	left:0;
	top:0;
	width:100px;
	height:43px; 
	vertical-align:top;
	background:#09a29f;
	border-radius: 20px 0 0 20px;
 }
 .submenu .homearea a{
	display:block;
	width:100%;
	height:100%;
	background: url(../image/icon_home.png) no-repeat center center;
 }
 
.submenu .submenu_box{
	margin : 0 auto 0 auto; 	
	position:relative;
	padding: 0px; 
	border-bottom:1px solid #ccc;
	
	
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0;
	display:inline-block;
	text-align:center;
	font-size:0;
	width:100%;
	padding:0px 0 0px 40px ;
	
	 
	vertical-align:top;

	 
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		 background:#fff;

		/*background:linear-gradient(45deg, rgba(17,42,135,.6), rgba(11,162,155,.6)); */
			
	

	 
}
.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:center;

  
}
.submenu .submenu_box ul.colfour li{
	 
}


 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:19px;
	letter-spacing:-1px;
	display: block;
	padding:20px 50px;
	text-align:center;
	font-weight:500;
	color:#333;
	 
	
}
 
.submenu .submenu_box ul li a:hover{
	opacity:1;
}
 

.submenu .submenu_box ul li.subOn a{
	color:#0f58b7;
	font-weight:500;
	background:#fff;  
	border-bottom:2px solid #0460d9;
	 
	
}
/* .submenu .submenu_box ul li.subOn a:after{
	content:'';
	display:block;
	position:absolute; 
	bottom:0px;	
	left:0;
	height: 3px; 
	width: 100%; 
	background:#ff0000;


}*/




/*제품소개*/

.subpromenu .subpromenu_box{
	margin : 0 auto 30px auto; 
	width:100%;
	text-align:center;
	position:relative;
	padding:10px;
	background:#f7f7f7;
	
	
}
 


.subpromenu .subpromenu_box ul{
	font-size:0;
	margin:0 auto;
	display:inline-block;
	text-align:left; 
	width:100%;
	padding:10px;
	
	
}
.subpromenu .subpromenu_box ul li{
	display:inline-block;
	position:relative; 
	z-index:2;  
	padding:0px; 
	 
	 
}
.subpromenu .subpromenu_box ul li:after{
	 display:block;
	 content:'';
	 position:absolute;
	 width:0px;
	 height:10px;
	 background:#ccc;
	 top:50%;
	 left:0;
	 margin-top:-5px;

}
 
 .subpromenu .subpromenu_box ul li:first-child:after{
	background:none;
}
.subpromenu .subpromenu_box ul li a{
	position:relative;
	font-size:17px;
	letter-spacing:-1px;
	display: block;
	padding:5px 20px; 
	text-align:center;
	color:#333;
	
	font-weight:500;
	border-radius:0px; 
	border: 0px solid #ddd;
}
 
 .subpromenu .subpromenu_box ul li a:hover{color:#f37321}
 

 

.subpromenu .subpromenu_box ul li.subOn a{
	color:#fff;
	font-weight:500;
	background:#f37321;
	border: 1px solid #f37321;
}

 




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

 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background: #fff;
	width:100%;
	color:#333;
	letter-spacing:-1px;
	font-weight:400;
	padding:40px 0px 0px 0px; 
	position:relative; 
	font-size:19px;
	
	line-height:1.8;
	min-height:300px;
	

}


.contents_gubun{
	margin-bottom:80px;
}

.contents_wrap{
	
}

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

/**/ 

 .keyword_t{
	margin-bottom:40px;
	font-size:140%; 
	letter-spacing:-2px;
}
 
.keyword_t  strong{
	font-size:145%;
	display:block;
	line-height:1.3;
}
.keyword_t  span{
	font-size:120%;
	line-height:1.3;
	display:block;
}

 .keyword_tB{
	margin-bottom:40px;
	font-size:130%; 
	letter-spacing:-2px;
}
.keyword_tB  span{
 	display:block;
}


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

.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{
	margin-top:30px;
	 
}
.txt_img_box:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	height:30px;
	
}
.txt_img_box .imgarea{
	width:50%;
	vertical-align:top;
	text-align:left;
	
}
.txt_img_box.imgLeft .imgarea{
	float:left;
}
.txt_img_box.imgRight .imgarea{
	float:right;
}
.txt_img_box .imgarea img{
	/*border: 1px solid #ccc;*/
	/*box-shadow:-10px 30px 30px rgba(0,0,0,0.2);*/
}

.txt_img_box .textarea{
	width:50%;
	vertical-align:top;
	padding:30px;
}

.txt_img_box.imgLeft .textarea{
	float:right;
}
.txt_img_box.imgRight .textarea{

	float:left;
}
.txt_img_box .textarea p{
	margin-bottom:30px;
	line-height:1.6;
	 
}

	/**/
	.txt_img_box .textarea.business_con{
		padding-top:50px; 
		
		font-weight:400;
	}
 



.txt_img_box .textarea .numtxt{
	display:inline-block;
	margin-right:10px;
	font-size:150px;
	font-weight:700;
	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{
	 
}


/*이미지 리스트*/

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


/* DT DD*/

dl.dldtA{
	position:relative;
	margin-bottom:30px;
	 border-bottom: 1px solid #ccc;
}
dl.dldtA dt{
	font-size:130%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	padding-left:35px;
	
}
 


dl.dldtA dt span.num_box{
	position:absolute;
	display:block;
	vertical-align:top;
	margin-right:10px;
	top:5px;
	left:0;
	width:30px;
	height:30px;
	color:#989797;
	font-size:70%;
	line-height:30px;
	background:#fff;
	text-align:center;
	border-radius:100% 100%;
}
dl.dldtA dd{
 	 margin-bottom:10px;
	 
}
dl.numdt dd{
 	 padding-left:40px;
	 
}


/* UL LI*/

ul.ulli > li{
 	position:relative;
	padding-left:20px;
	padding-bottom:3px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
ul.ulli > li:before{
	position:absolute;
	content:'';
	display:block;
	top:10px;
	left:5px;
	width:5px;
	height:5px;
	background:#ccc;
	border-radius:100% 100%;
}
ul.ulli > li strong{
	 font-size:19px;
	 
}
ul.ulli > li strong.red{
	 
	 color:#1360b7;
}
ul.ulli > li > ul > li{
	background: url(../image/icon_dot_s.png) no-repeat 5px 12px;
	font-size:90%;
	padding-left:20px;
	color:#707070;
}
ol.ulliB {
	margin:10px 0 10px 30px;
}
ol.ulliB >  li{
	position:relative;
	margin-left:0;
	padding-left:0px;
	padding-bottom:3px;
}


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


 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////sub 반응형 공통/////////////////////////////////////////////////*/
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

 



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

	h2{font-size:55px;}
	h3{font-size:45px;}
	h4{font-size:40px;}
	h5{font-size:28px;}

	.headtxtA{font-size:40px;}
	.headtxtB{font-size:30px;}
	.headtxtC{font-size:25px;}
	.headtxtCC{font-size:20px}
	.headtxtD{font-size:18px;}


	.keyword_t  strong{font-size:140%;}
	.keyword_t  span{font-size:110%;}



	#TopContainer{
		 height:280px;
		 background-size:100%;
	}
	#topfiximg{background-size:cover;}
	 
	.topTXTarea{padding-top:0px;}
	.topTXTarea h2{margin-bottom:0;line-height:1;padding-bottom:5px;}
	.topTXTarea strong{font-size:100%;}

	h3.title{margin-bottom:30px;	margin-top:0px;	}
	h3.title span{display:block;}

	h3.title:after{height:0;}

	h4.title:after{	 top:5px; }


	.submenu {
		background:#122b88;
		width: 100%;
		padding : 0px;
		height:50px;
		position:relative;
		z-index:3;
		top:0px;
		margin:0px 0 0px 0;
		 
	}
	.submenu .homearea{margin-top:0px;width:70px;display:none;height:0;}

	.submenu.fixed{
		position:fixed;
		top:90px;
		 
	}



	.mobiletit {
		display:block;
		text-align:center;
		color:#fff;
		font-size:16px;
		line-height:1.3;
		
		padding:12px 0px 12px 0px;
		letter-spacing:-1px;
		transition: 0.4s;
		width: 50%;
		margin-left:50%;
		z-index:2;
		
		
	 
	}

	.mobiletit a {
		display: block;
		color:#fff;
		width:100%;
		 
		text-align:center;
	}

	.arrow-5 {
	/*more triangle */
	display: block;;
	position: absolute;
	right:0px;
	top:8px;
	height: 20px; 
	width: 20px;	  
	z-index:2;
	 
}

.arrow-5:before {
	
	position: absolute;
	top: 0px; 
	right: 0px;
	display: block;
	height: 20px; 
	width: 20px;
	font-family: FontAwesome;
	font-size: 22px;	
	content: "\f105";
	
}


.mobiletitB {
		display:block;
		text-align:left;
		color:#fff;
		font-size:16px;
		line-height:1.3;		
		padding:2px 0px 12px 0px;
		letter-spacing:-2px;
		transition: 0.4s;
		width: 100%;		
		z-index:2;
		
	 
	}
	.mobiletitB span.fit_title{
		font-size:85%;
		letter-spacing:-2px;

	}
	.mobiletitB a {
		 color:#fff;
		 display:block;
		 width:100%;

	}

.mobiletit_firstmenu{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:50%;
	
	height:50px;
	padding:12px 0px 12px 10px;
	background:#09a29f;
	text-align:left;
}
.mobiletit_firstmenu:before {
	
 	
}
.mobiletit_firstmenu_all {
 
		position:absolute;
		left:0%;
		padding:0px;
		width: 100%;
		height: 0px;
		top:50px;
		overflow:hidden;
		background:#09a29f;
		box-shadow:0px 0px 30px  rgba(0,0,0,0.5);
}
.mobiletit_firstmenu_all ul li{
	 
	text-align:left;
}
.mobiletit_firstmenu_all ul li a{
	color:#fff;
	text-align:left;
	display:block;
	 
	font-size:90%;
	 padding:10px 15px 10px 10px;
}
.mobiletit_firstmenu_all ul li.first_on{
	 background:rgba(255,255,255,.1);
}
.mobiletit_firstmenu_all ul li.first_on a{
	 color:#fff;
}


 
/**/


/**/


	.submenu .submenu_box {
		clear:both;
		position:absolute;
		left:50%;
		padding:0px;
		width: 50%;

		height: 0px;
		top:50px;
		overflow:hidden;
		background:#f7f7f7;
		box-shadow:0px 0px 30px  rgba(0,0,0,0.5);

	}
	.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%;
		border-bottom: 1px solid #ccc;
	 
	}
	.submenu .submenu_box ul.colone,
	.submenu .submenu_box ul.coltwo,
	.submenu .submenu_box ul.colthree li,
	.submenu .submenu_box ul.colfour li,
	.submenu .submenu_box ul.colseven li{
		 
		width:100%; 
	}

	.submenu .submenu_box ul li a{
		padding:8px 15px 8px 20px;
		background: url(../image/icon_menu_off.png) no-repeat 95% center;
		font-size:15px;
		margin-right:20px;
		color:#333;

	}

	.submenu .submenu_box ul li.subOn{
		background:#383d43;
		border: 0px;
	}
	.submenu .submenu_box ul li.subOn a{
		color:#fff;
		background: url(../image/icon_menu_on.png) no-repeat 95% center;
		border: 0px;
	}
	 
	.subdim.bodyon{
		display:block;
		top:0;
		z-index:2;
		right:0;
		position:absolute;
		bottom:0;
		background:#000;
		left:0;
		margin-top:-10px;
		opacity:0.8;
	} 


/**/
.subpromenu .subpromenu_box ul{
		padding:3px;
}

.subpromenu .subpromenu_box ul li a{
		font-size:14px;
		padding:2px 8px; 
		text-align:left;
}
.subpromenu .subpromenu_box ul li:after{
	height:5px;
}
 

	#sub_contents{
		font-size:16px;
		width:100%;
		margin-left:0;
		padding:30px 10px 0px 10px; 
		 
	}

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

	.keyword_tB  span{
			display:inline;
	}


	/**/
	.txt_img_box{
		margin-top:0px;
		 
	}
	.txt_img_box .imgarea{
		width:100%;
		text-align:center;
		

	}
	.txt_img_box .textarea{
		width:100%;
		padding:0px 10px 10px 10px;
		margin-top:0;
	}
		.txt_img_box .textarea.business_con{
			padding-top:10px; 

		}


 
}


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

	h2{font-size:40px;padding-top:100px;}
	h3{font-size:30px;}
	h4{font-size:28px;}
	h5{font-size:25px;}

	.headtxtA{font-size:35px;}
	.headtxtB{font-size:25px;}
	.headtxtC{font-size:23px;}
	.headtxtCC{font-size:19px}
	.headtxtD{font-size:17px;}


	h4.title:after{	 top:4px; }



	.keyword_t{
		margin-bottom:20px;
	}
	.keyword_t  strong{font-size:130%;}
	.keyword_t  span{font-size:105%;}
	 
	#TopContainer{
		margin-top:0px;
		height:200px;
	}





	 
	#sub_contents{
		 
		
		font-size:14px;
	 }
 
}
@media(max-width:500px){
	  .mobiletitB span.fit_title{
			display:block;
			width:80px;
			line-height:1;
			letter-spacing:-1px;
		}

}
@media(max-width:420px){
	h2{font-size:35px;}
	
	.keyword_t h1{	font-size:35px;}
	.keyword_t  strong{	font-size:21px;}


	.submenu.fixed{
		position:fixed;
		top:70px;
		transition: 1.4s; 
	}
	.mobiletit_firstmenu{
	display:none;}


	.submenu .submenu_box {
		left:0%;
		width: 100%;
	

	 

	}
	.mobiletit {
			width: 100%;
		margin-left:0%;
	}

 

 
}

@media(max-width:320px){
	.submenu.fixed{
		top:70px;
	}
 }



 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////sub 반응형 공통/////////////////////////////////////////////////*/
 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
  /*////////////////////////////////////////////////////////////////////회사소개////////////////////*/
.greetingarea{
	position:relative;
	margin:0 auto 80px auto;  
	padding: 0px;

}
.greetingarea:after{
	content:'';
	display:block;
	position:absolute;
	top:10%;
	left:50%;
	
	background-size:100%;
	width:50%;
	height:90%;
}
.greetingarea .key_txt{margin-bottom:50px;}
.greetingarea .key_txt strong{
	display:block;
}
 
.greetingtxt{margin-bottom:30px;margin-top:0px;}
.greetingarea  p{
	margin-bottom:20px;
	
}
 .greetingtxt  p{
	
		line-height:1.5;

 }

 .greetingtxt span{color:var(--t_majorcolorGreen);margin:0 10px;}
 
 

  .backimgarea{
	position:relative;
  	display:inline-block;
	width:49%;
	vertical-align:top;
 

}
  .txtarea{
	position:relative;	
	top:0px; 
	top:0;  
	width:50%;
	display:inline-block;
	vertical-align:top;
	 
	

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

 .backimgarea{
			
			width:100%;
			

		}
		  .txtarea{
			
			width:100%;
		

		}
 
}
  
 /*회사연혁*/

 .historyarea_fix{
	position:relative;
 }
.timeline__nav {
  position: absolute;
  z-index: 99;
  top: 0px;
  width:50%;
  height:500px;
  max-width:500px;
  transition: top 0.3s ease-out;
  background:url(../image/about/back_his-.jpg) no-repeat 0 0;
  background-size:cover;
  padding:30px;
}
.timeline__nav.fixed{
	position: fixed;
	 
	 
}
.timeline__nav .ttitinfo{

margin-top:90px;
}
.timeline__nav .ttitinfo h4{
	color:#fff;
	text-align:left;
	letter-spacing:-2px;
}
.timeline__nav .ttitinfo h4 span{
		display:inline-block;
		font-weight:300;
}
.timeline__nav .ttitinfo h4 strong{
		display:inline-block;
}
.timeline__nav .ttitinfo .txt_dec{
		opacity:.7;
		color:#fff;
}


/**/
.timeline {
  padding: 50px;
}
 
.timeline .default-line {
  content: "";
  position: absolute;
  left: 50%;
  width:2px;

  background: #f7f7f7;
  height: 95%;
}
.timeline .draw-line {
  width: 2px;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left:-1px;
  background: #bdc3c7;
}
.timeline .draw-line.draw-lineB {
		background: #122b88;
		width: 2px;
}

.timeline .historyarea_block.in-view {
  transition: 0.125s ease-in-out, 
  background-color 0.2s ease-out,
  color 0.1s ease-out, 
  border 0.1s ease-out;
}
.timeline .historyarea_block.in-view::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 35px;
 
}

.timeline .historyarea_block.in-view:nth-child(even)::before {
  
  background: url(../image/about/icon_his2.png) no-repeat 0 0;
  background-size:cover;
   
}
.timeline .historyarea_block.in-view:nth-child(odd)::before {
  
  background: url(../image/about/icon_his1.png) no-repeat 0 0;
  background-size:cover;
   
}


.timeline .historyarea_block::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 35px;
  transform: translateX(-50%);
  width: 12px;
   height: 12px;
   margin-left:0px;
  
}

  

.historyarea{
	position:relative;
 	margin-bottom:80px;
		
}
 .fixedHead .historyarea{
	 position:absolute;
	 top:0;
}
.historyarea_block{
		margin-top:0px;
		position:relative; 
		z-index:1;
		margin-bottom:0;
		padding-bottom:20px; 
		width:100%;
		height:100%;
		padding-top:0px;
 }
 
.historyarea_block:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	 height:100%;
	 background:yellow;
}
 

.his_img{
	 position:relative;	 
	width:40%;
	float:left;
	margin:0;
 	padding:0;
	text-align:center;

	 
}
 
 
.historylist{
	width:50%;
	position:relative;	 
	z-index:2222;
	float:right;
	margin:0;
 	padding:0px 0 40px 0;
 

}
 

.historylist  .his_year{
	display:block; 
 	padding-top:0;
	margin-top:-10px;
	color:#000; 
	font-weight:600;
	margin-bottom:30px; 
	position:relative;
	padding-left:40px;
}
 
.historylist ul{
	padding-left:50px;
}
.historylist ul li{
	margin-bottom:3px; 
	
	padding-bottom:10px;
	position:relative;
 }


.historylist ul li strong{position:absolute;color:#122b88;line-height:1.5;font-size:120%;}
.historylist ul li span{display:inline-block;padding-left:90px;vertical-align:top;}
.historylist ul li span p{position:relative;padding-left:10px;}
.right_img .historylist ul li span p{ padding-left:0;padding-right:10px;}
 
  .historyarea .right_img .his_img{
		float:right;
  }
 .historyarea .right_img .historylist{
		float:left;
 }

  .historyarea .right_img .historylist .his_year{
	text-align:right;
	padding-left:0px;
	padding-right:40px;
}
 .historyarea .right_img .historylist  .his_year:before{
		left:auto;
		right:0;
 }

  .historyarea .right_img .historylist ul{
		padding-left:0px;
}
  .historyarea .right_img .historylist ul li{
	text-align:right;
	padding-right:40px;
  }

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

  .historyarea .right_img .historylist ul li span{
			padding-left:0px;
			padding-right:90px;
 }
 .historyarea  .historylist ul li p:before{
	content:'';
	display:block;
	position:absolute;
	top:15px;
	left:0;
	width:6px;
	height:1px;
	background: rgba(0,0,0,.6);
 }
 .historyarea .right_img .historylist ul li p:before{
		 
	left:auto;
	right:0;
	 
 }

  @media(max-width:1200px){
		.timeline__nav {
			width:40%;
			padding:10px;
		}
	 
  }

 @media(max-width:1000px){
	.timeline__nav{display:none;}

	.timeline .default-line { left: 20px;}
	.timeline .draw-line { left: 20px;}
	.timeline .historyarea_block.in-view::before {
		 left: 0%;
		 margin-left:-30px;
		  
	}
	.timeline .historyarea_block::before {
		 left: 0%;
		 margin-left:-30px;
	}

	.historylist{width:100%;}
	.historylist ul li span{ padding-left:90px; }
	.historyarea .right_img .historylist ul li span{padding-right:50px;}
	.his_img{display:none;}
	.historylist  .his_year{padding-left:0px;}
	.historylist ul{	padding-left:0px;}

 	

 }


 /*인증*/


 .certilistbox{
	text-align:center;
	padding-bottom:40px;
 } 
 .certilistbox ul li{
	display:inline-block;
	width:47%;
	vertical-align:top;
	margin:0 1% 1% 1%;
	background:#fff;
	text-align:left;
	padding:10px 20px;
	
 }

.certiarea {
	text-align:center;
}

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

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

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

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

}
 



/* 조직도 */
.orgarea{
	padding-top:50px;
	position:relative;
	margin-bottom:40px;
}
.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:25%; 
	padding:10px 0;
	background:#122b88; 
	color:#fff;
	border-radius:0px;
	margin:0 auto;
	font-size:130%;
	font-weight:500;
	z-index:1;
	border-radius:6px;
	
	-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);

	
 }

 /*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;
	font-weight:500;
	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:-20px;
}
 
.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:83.333%;
	border-top:1px solid #c8c8c8;
	left:50%;
	margin-left:-41.666%;
	 
 	  
	 }


.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:33.333%;
	
 }
	 
  
.org_fourth .org_fourth_box .org_fourth_tit{
	background:var(--t_majorcolorGreen);
	
	color:#fff;	 
	width:90%;
	margin:0 auto;
	padding:10px 0;
	font-size:120%;
	line-height:1.2;
	font-weight:500;
	border-radius:6px;
 	
 }

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

 
 
 


  

 /*5*/

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

 
 }

.org_fifth:after{
	clear:both;
	display:block;
	content:'';
	height:0px;
	
 }
 
.org_fifth .org_fifth_box{
	padding-top:0px;
 	width:90%;
	margin:0 auto;
	
 }
  
					 
.org_fifth .org_fifth_box .org_fifth_sub:before{
	
  }

 
.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{
 position:relative;
 }
	 

.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
	font-size:90%;
	background:#f7f7f7;
	border:1px solid #ccc;
	color:#333; 
	padding:10px 0;
	line-height:1.2;
	border-radius:6px;
	
	
 }
 .org_fifth_sub ul > li .org_fifth_sub_sub{
	position:relative;
	text-align:center; 
	width:100%;
	padding:0;
	margin:0;
	 font-size:0;
 }
.org_fifth_sub ul > li .org_fifth_sub_sub:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:20px;
 }
 .org_fifth_sub ul > li .org_fifth_sub_sub:after{
	position:absolute;
	content:" ";
	display:block;
	width:50%;
	border-top:1px solid #c8c8c8;
	left:25%;
	height:1px;
	top:20px;
 }

 .org_fifth_sub ul > li .org_fifth_sub_sub .org_fifth_sub_sub_box:before{
	position:absolute;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:20px;
	top:0;
	margin-top:-20px;
	 
 }
.org_fifth_sub ul > li .org_fifth_sub_sub .org_fifth_sub_sub_box{
	position:relative;
	display:inline-block;
	width:48%;
	margin:20px 1%;
	font-size:13px; 
	vertical-align:top;
	background:#f7f7f7;
	border:1px solid #ccc;
	color:#333; 
	padding:10px 0;
	line-height:1.2;
 }

@media(max-width:1000px){ 
   .org_thrid:after{
		width:50%;
		 
	  }
	  .org_thrid.left:after{
			left:0;
	  }

	  .org_thrid_box{
		width:100%; 
		left:0;
		top:-15px;
	 
	  }
	

	  .org_thrid_box span{
		margin:3px 0 ;
		width:33.333%;
	 
	  }
	   .org_thrid_box.right span{
		margin-left:66.666%;
		 
		
	  }

 
 }

 @media(max-width:990px){
	.org_fourth .org_fourth_box .org_fourth_tit{
		width:95%;
	}
	.org_fifth .org_fifth_box{
		width:95%;
	}
 }


@media(max-width:980px){

	

	 

	 .org_fourth{
			
	 }
	 .org_fourth:before{
			border-top:0px solid #c8c8c8;
	 }
	 .org_fourth .org_fourth_box:before{
		height:0px;
	 }

	 .org_fourth .org_fourth_box{
		width:100%;
		margin-bottom:30px;
	 }
	 .org_fourth .org_fourth_box .org_fourth_tit{
		width:100%;
	 }

	 .orgarea .org_lineB{
			height:0px;
	 }
	 .org_fifth .org_fifth_box{
		width:100%;
	 }
	 .org_fifth .org_fifth_box .org_fifth_sub:before{
			width:50%;
				margin-left:-25%;
	 }
	 .org_fourth .org_line{height:5px;}
	 .org_fifth .org_fifth_box .org_fifth_sub ul  > li:before{
		height:2px;
	 }

	

 
 
	.org_first{width:250px; }
	 .org_second{padding-top:90px;}
	 .org_second:before{
		position:absolute;
		content:"";
		display:block;
		top:0;
		left:50%;
		width:1px;
		height:100%;
		background: #c8c8c8;
	 }
	 .org_second_box{width:250px;}
	  .org_second_box.loc_center {margin:0 auto;float:none;	 }
	 .org_thrid_box{
		 
		 
	  }
	    .org_thrid_box span{
		 
		width:45%;
	 
	  }
	   .org_thrid_box.right span{
		margin-left:55%;
		 
		
	  }
 }


 .totalmember{
		position: absolute;
		right:20px;
		top:30px;
		text-align:right;
 }
  .totalmember ul li{
	text-align:left;
	position:relative;
	padding-left:20px;
  }

  .totalmember ul > li:before{
	position:absolute;
	content:'';
	display:block;
	top:10px;
	left:5px;
	width:7px;
	height:7px;
	background:#ff0000;
	border-radius:100% 100%;
}
  @media(max-width:640px){
		 .totalmember{top:0;}
		.totalmember ul li{display:inline-block; margin-left:20px;}
  }

/*오시느길*/
.locationara{
	position:relative;
	margin-bottom:50px;
}

.mapbox{z-index:1;}

  .loc_info{
	margin:0px auto 0 auto;
	background:linear-gradient(45deg, #122a88, #0ba29a); 
	padding:30px;
	z-index:2;
	 
	width:100%;
			
  }
   .loc_info .lo_info_title{
		color:#fff;

   }
  
 .loc_info dl{
	display:inline-block;
	color:#fff;
	vertical-align:top;
	margin-right:30px;


 }
 .loc_info dl dt,
  .loc_info dl dd{
	display:inline-block;
	 


 }

   
 .loc_info dl dt{
 
	 font-weight:300;
	 margin-right:20px;

 }


  /*상세*/
.block_conents{
	position:relative;
	margin-bottom:50px;
}
.block_conents p{
	margin-bottom:20px;
}



 .businessmajor .whitebg{
	position:absolute;
	z-index:1;
	 
}

.businessmajor{
	position:relative;
	min-height:600px;
	padding:130px 0 70px 0;
}

.businessmajor.bgA{
	background: url(../image/pro/back_pro01.jpg) no-repeat center center;
	background-size:cover;
}
.businessmajor.bgB{
	background: url(../image/pro/back_pro02.jpg) no-repeat center center;
	background-size:cover;
}
.businessmajor.bgC{
	background: url(../image/pro/back_pro03.jpg) no-repeat center center;
	background-size:cover;
}
.businessmajor.bgD{
	background: url(../image/pro/back_pro04.jpg) no-repeat center center;
	background-size:cover;
}
.businessmajor.bgE{
	background: url(../image/pro/back_pro05.jpg) no-repeat center center;
	background-size:cover;
}

.businessmajorbox{
		position:relative; 
		width:95%;
		max-width:980px;
		margin :100px auto 60px auto; 
		padding:80px 50px;
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		background:rgba(0,0,0,.5);
		border: 2px solid rgba(14,150,184,.7);
		border-radius:10px;
		 
}
.businessmajorbox:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:30px;
}

.businessmajorbox .imgarea{
	float:right;
	width:40%;
	max-width:300px;
}
 .businessmajorbox .txtarea{
	float:left;
	width:60%;

}
.businessmajorbox .txtarea ul li {font-weight:400;letter-spacing:0;}
.businessmajorbox .txtarea ul li span{
	display:inline-block;
	vertical-align:top;
	word-break: keep-all;
        word-wrap: normal;
 }
.businessmajorbox .txtarea ul li span.L_txt{max-width:280px;}
.businessmajorbox .txtarea ul li span ul li{
	display:inline-block;
}
.businessmajorbox .txtarea h4{
	 
	color:#fff;

}
.businessmajorbox .txtarea .txtarea_in{
	 color:#fff;

}


  @media(max-width:1000px){

	.businessmajor.bgA{
		background: url(../image/pro/back_pro01.jpg) no-repeat center 0;
		background-size:100%;
	}
	.businessmajor.bgB{
		background: url(../image/pro/back_pro02.jpg) no-repeat center 0;
		background-size:100%;
	}
	.businessmajor.bgC{
		background: url(../image/pro/back_pro03.jpg) no-repeat center 0;
		background-size:100%;
	}
	.businessmajor.bgD{
		background: url(../image/pro/back_pro04.jpg) no-repeat center 0;
		background-size:100%;
	}
	.businessmajorbox{
		 
		margin :60px auto 60px auto; 
		padding:80px 50px;
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		background:rgba(255,255,255,1);
		border: 0px solid rgba(255,255,255,.3);
			 
	}

	.businessmajorbox .txtarea h4{
		color:#000;
	}

	.businessmajorbox .txtarea .txtarea_in{
		 color:#000;
	}

  }


@media(max-width:780px){
	
	.businessmajorbox .imgarea{
		float:none;
		width:100%;
		max-width:250px;
		margin:0 auto;
		text-align:center;
		position:relative;
		 
	}
	.businessmajorbox .imgarea img{
		text-align:center;
	}
	 .businessmajorbox .txtarea{
		float:none;
		width:100%;

	}
  }


@media(max-width:420px){
	.businessmajorbox{
		margin:0px auto 30px auto; 
		padding:30px 30px;
	}
}




 /*회사연혁*/
.processarea{
	position:relative;
 	margin-bottom:80px;
		
}
 
.processarea_block{
		margin-top:0px;
		position:relative; 
		z-index:1;
		margin-bottom:0;
		padding-bottom:100px;
		 
		width:100%;
		height:100%;
 }
 .processarea_block:before{
 display:block;
	content:' ';
	position:absolute;
	left:50%;
	width:1px;
	 height:100%;
	 background:rgba(0,0,0,.1);
 }
.processarea_block:after{
	clear:both;
	display:block;
	content:' ';
	position:relative;
	 height:100%;
	 background:yellow;
}
 

.process_img{
	 position:relative;	 
	width:45%;
	float:left;
	margin:0;
 	padding:0;
	text-align:right;

	 
}
 .process_img img{
		border-radius:20px;
		overflow:hidden;
 }
 
.processlist{
	width:50%;
	position:relative;	 
	z-index:2222;
	float:right;
	margin:0;
 	padding:0;
 

}
 .processlist .pro_num{
	position:absolute;
	left:0;
	text-align:center;
	width:40px;
	top:12px;
	margin-left:-20px;
	line-height:2;
	z-index:2;
	color:#fff;
 }

.right_img .processlist .pro_num{
	left:auto;
	right:0;
	margin-left:0;
	margin-right:-20px;
}

.processlist  .process_year{
	display:block; 
 	padding-top:0;
	margin-top:0;
	color:#122b88; 
	font-weight:600;
	margin-bottom:30px; 
	position:relative;
	padding-left:40px;
}
.processlist  .process_year:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	margin-left:-20px;
	top:10px;
	width:40px;
	height:40px;
	border-radius:50% 50%;
	background: #122b88;
	z-index:1;
}
.processlist  .process_year:after{
	content: "\f0d7";
	font-family: FontAwesome;
	display:block;
	position:absolute;
	left:0px;
	width:40px;
	text-align:center;
	margin-left:-20px;
	 top:23px;

}

  .processarea .right_img .processlist  .process_year:after{
	
	left:auto; 
	right:0;
	 
	margin-left:0px;
	margin-right:-20px;
 

}
.processlist .proinfo{
	padding-left:50px;
	font-size:120%;
}
 
   .processarea .right_img .process_img{
		float:right;
		text-align:left;
  }
 .processarea .right_img .processlist{
		float:left;
 }

  .processarea .right_img .processlist .process_year{
	text-align:right;
	padding-left:0px;
	padding-right:40px;
}
 .processarea .right_img .processlist  .process_year:before{
		left:auto;
		right:0;
		margin-right:-20px;
 }

  .processarea .right_img .processlist .proinfo{
		padding-left:0px;
}
  

 

 @media(max-width:1000px){
	 .processarea_block{
		padding-bottom:60px;
	 }
	 .processarea_block:before{
		left:30px;
	 }
	
	.timeline .processarea_block.in-view::before {
		 left: 0%;
		 margin-left:-30px;
		  
	}
	.timeline .processarea_block::before {
		 left: 0%;
		 margin-left:-30px;
	}

	.process_img{width: 100%;margin-left:0px;text-align:left;}
	.processlist{width:100%;}
	.processlist  .process_year{padding-top:15px;padding-left:0px;}

	 .processlist .pro_num{
		left:0px;
		font-size:18px;
		margin-left:-50px;
		 
	 }
	.right_img .processlist .pro_num{
		left:0px;
		right:auto;
		margin-left:-50px;
		margin-right:0px;
		
	
	}
 


	.processlist  .process_year:after{
		left:0px;
		top:30px;
		margin-left:-50px;
	

	}

	  .processarea .right_img .processlist  .process_year:after{
			left:0px;
			right:auto;
			margin-left:-50px;
			margin-right:0px;
	  }

	    .processarea .right_img .processlist .process_year{
			text-align:left;
			padding-left:0px;
			padding-right:0px;
		}
		.processlist  .process_year:before{
			left:0px;
			margin-left:-50px;
		}
		 .processarea .right_img .processlist  .process_year:before{
				left:0px;
				right:auto;
				margin-right:0px;
				margin-left:-50px;
		 }

		 .processlist .proinfo{
			padding-left:0px;
			margin-bottom:20px;
		 }
		   .processarea .right_img .processlist .proinfo{
			padding-left:0px;
		}


 }
/**/

.halftable{position:relative;width:100%;}
.halftable:after{clear:both;display:block;content:'';position:relative;}
.halftable .halftable_box{float:left;width:50%;}

 /**/

 .faclist{
	position:relative;
	text-align:center;
	margin-bottom:40px;
	
 }
.facbox{
	width:47%;
	max-width:600px;
	margin: 1% 1% 40px 1%;;
	display:inline-block;
	vertical-align:top;
	position:relative;

}
.facbox .imgarea{
	text-align:left;
}
.facbox .imgarea img{
	border-radius:10px;
	overflow:hidden;
}
.facbox .fac_desc{
	text-align:left;
	margin-top:30px;
}
.facbox .fac_desc dl{
	position:relative;
	margin-top:20px;
}

.facbox .fac_desc dt{
	position:absolute;
	top:0;
	left:0;
	font-size:120%;
	font-weight:500;
	color:var(--t_majorcolorBlue);
	 
}
.facbox .fac_desc dd{
	position:relative;
	padding-left:80px;
	padding-top:2px;
}

@media(max-width:640px){
	.facbox{
		width:98%;
	 

	}
}




  
/*인증현황*/
.certiarea{
	padding-top:50px;
	padding-bottom:80px;
	text-align:center;
}
.certiarea .certiara_box{
	display:inline-block;
	width:22%;
	margin:0 1% 80px 1%;
	background:#fff;
	vertical-align:top;
	
	}
 
.certiarea .certiara_box .imgarea{
	 margin-bottom:15px;
	padding:20px;
	background:#fff;
	border:1px solid #ddd;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.31);


}
.certiarea .certiara_box .imgarea img{ }
.certiarea .certiara_box .certi_tit{text-align:center;line-height:1.2;padding:10px; }
 
 
 @media(max-width:1000px){
	.certiarea .certiara_box{
		width:22%;
	}

 }
@media(max-width:780px){
	.certiarea{	padding-top:30px;}
	.certiarea .certiara_box{
		width:30%;
	}

 }

 @media(max-width:640px){
	.certiarea .certiara_box{
		width:47%;
		margin-bottom:30px;
	}
	.certiarea .certiara_box .imgarea{
		padding:10px;
	}

 } 



 /**/

.imgtxtarea_box:after{
	clear:both;
	display:block;
	position:relative;
	content:'';
}
.imgtxtarea_box .txtarea{
	width:50%;
	padding:60px;
}
.imgtxtarea_box .txtarea span{
	display:block;
	text-align:center;
	font-size:30px;
	color:var(--t_red);
	margin-bottom:10px;
}
.imgtxtarea_box .txtarea strong{
	display:block;
	margin-bottom:50px;
	text-align:center;
	color:var(--t_majorcolorBlue);
	 
}
.imgtxtarea_box .txtarea strong.left{
		text-align:left;
}
.imgtxtarea_box .txtarea .t_des2{
 font-size:120%;
 text-align:center;
}

.imgtxtarea_box .imgarea{
	width:50%;
}
.rightimg .txtarea{
 float:left;
}
.rightimg .imgarea{
 float:right;
}
.leftimg .txtarea{
	float:right;
}
.leftimg .imgarea{
	float:left;
}


.imgtxtarea_box .imgarea img{
	width:100%;
}


@media(max-width:1200px){
	.imgtxtarea_box .txtarea{
		padding:10px;
	}
}

@media(max-width:1000px){
	.imgtxtarea_box .txtarea strong{
		margin-bottom:20px;
	}
}

@media(max-width:860px){
	
	.imgtxtarea_box:after{
		height:30px;
	}
	.imgtxtarea_box .txtarea{
		width:100%;
		 
	} 
	.imgtxtarea_box .imgarea{
		width:100%;
	}
}


.customerare .onlie_txt{
		text-align:center;
		padding:30px;
		margin-bottom:30px;
}
.customerare .inqarea .onlineicon{
	background:#f7f7f7;
	padding:30px;
}

.customerare .inqarea .onlineicon_in{
		position:relative;
		margin:20px auto 20px auto;
		max-width:600px;
}
.customerare .inqarea .onlineicon_in dl{
	position:relative;

}
.customerare .inqarea .onlineicon_in dt{
	position:absolute;
	top:0;
	left:0;
	color:var(--t_majorcolorBlue);
	font-size:150%;
}

.customerare .inqarea .onlineicon_in dd{
	position:relative;
	padding-left:100px;
	font-size:130%;
}
 


 /*제품소개*/


.productarea{
	padding:30px 30px;
	border: 1px solid #e1e1e1;
}
.prolistarea{
	position:relative;
	vertical-align:top;
	text-align:center;
}
.prolistarea:after{
	clear:both;
	display:block;
	content:'';
}
.probox{
	 width:30.333%;
	 display:inline-block;
	 margin:0 1%;
	 background:#fff;
	 padding:30px;
	 border:1px solid #ddd;
	 text-align:center;
	 transition: 0.4s;
	 vertical-align:top;
 }
 .probox:hover{
	  
	 border:2px solid #f05334;
	  box-shadow:-10px 30px 30px rgba(0,0,0,0.2);
	 transition: 0.4s;
 }
.probox .imgarea{
	padding:5px;
}
.probox .modeinfo{
	width:100%;
	border-top:1px solid #ccc;
	margin: 10px  auto;

}

 .probox .modeinfo span{
	display:block;
	font-size:80%;
	line-height:1.2;
	margin: 20px auto 10px auto;
	background:#ff8a4c;
	color:#fff;
	width:70px;
	padding:5px 0px;
	border-radius:20px;
 }

 .probox .modeinfo strong{
	display:block;
	font-size:140%;
	font-weight:700;
 }
 
 
	/*view*/
	.proViewarea{
		position:relative;

	}
	.proViewarea:after{
		clear:both;
		display:block;
		content:'';
	}
	.proViewarea .pro_left{
		width:50%;
		float:left;
		background:#fff;
		padding:20px;
		text-align:center;
		position:relative;

	}
	.proViewarea .pro_left .imgarea { text-align:center;width:100%;position:relative;}
	.proViewarea .pro_left .imgarea > div{position:relative; text-align:center;vertical-align:middle;}

	.proViewarea .pro_left .imgarea img{max-height:600px;max-width:100%;}
	.proViewarea .pro_left .thumimgbox{
		position:relative;
		margin-top:20px;
		text-align:center;
	}
	.proViewarea .pro_left .thumimgbox .thumimg{
		display:inline-block; 
		vertical-align:top;
		margin-bottom:5px;

	}
	.proViewarea .pro_left .thumimgbox .thumimg img{width:130px;
		height:100px;}

	.proViewarea .pro_right{
		width:50%;
		position:relative;
		float:left;
		padding-top:30px;
		padding-left:80px;
	}

	.proViewarea .pro_right span{
		display:block;
		color: rgba(0,0,0,.5);
		line-height:1;
		margin-bottom:20px; 
		font-size:110%;
		font-weight:400;
	}
	.proViewarea .pro_right strong{
		display:block;
		color:#000;
		font-size:200%;
		font-weight:700;
		line-height:1.3;
		margin-bottom:10px;  
	}
	.proViewarea .pro_right .detail_info{
		position:relative;
		padding: 30px 0 30px 20px;
		border-top:2px solid #333;
		
	}
	.proViewarea .pro_right .detail_info dl{
		margin-bottom:20px;
		position:relative;
		min-height:40px;
	}
	.proViewarea .pro_right .detail_info dt{
		position:absolute;
		left:0;
		top:0;
		color:#686665;
		font-size:16px;

	}
	.proViewarea .pro_right .detail_info dd{
		position:relative;
		padding-left:100px;

	}

	.proViewarea .pro_right .link_down{
		padding:30px 10px;
		text-align:center;
		
		border-top:1px solid #ccc;
	}
	.proViewarea .pro_right .link_down a.buylink{
		display:inline-block;
		vertical-align:top;
		margin-right:5px;
		margin-bottom:30px;
		border:1px solid #333;
		padding:14px 55px 14px 35px;
		 
		background: url(../image/pro/icon_buy.png) no-repeat 90% 15px;
	}
	.proViewarea .pro_right .link_down a.tellink{
		display:inline-block;
		vertical-align:top;
		
		padding:8px 20px 8px 50px;
		background: var(--t_majorcolorGreen);;
		color:#fff;
		font-size:25px;
		border-radius:5px;
		position:relative;
		 
	}
	.proViewarea .pro_right .link_down a.tellink:after{
	
	content:'';
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background: url(../image/pro/icon_down.png) no-repeat center center;
	background-size:100%;
	left:20px;
	top:50%;
	margin-top:-10px;

	}


	.productarea_detail{
		padding:50px 0;
	}
	.productarea_detail .detail_img_list{

		text-align:center;
	}
	.productarea_detail .detail_img_list img{
		margin-bottom:30px;
	}

@media (max-width: 1000px ){
.productarea{
	padding:10px;
}
	.proViewarea .pro_left{
		width:100%;
		padding:10px;
	}
	.proViewarea .pro_right{
		width:100%;
		padding-left:0px;
	}
	.proViewarea .pro_right .detail_info{
		padding: 10px 0 10px 0px;
	}
}

@media (max-width: 420px ){
	 
	.proViewarea .pro_right .detail_info dd{
		padding-left:70px;
	}

		.proViewarea .pro_right .link_down a.tellink{
			font-size:18px;
		}
}
@media (max-width: 320px ){
	 	.proViewarea .pro_right .detail_info dt{
			position:relative;
			margin-bottom:5px;
		}
		.proViewarea .pro_right .detail_info dd{
			padding-left:0px;
		}
	
}

/**/
.content_block{
	margin-bottom:60px;

}

.content_block .title{
	margin-bottom:40px;
	color:var(--t_majorcolorBlue);

}