@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:96%;
	max-width:1500px;
	margin:0 auto;
	padding:0px; 
   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{
		width: 98%;
		margin:0 1%;
	}

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

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

h2{
 	font-size:400%; 
	font-weight:normal;
 	line-height:1;
	letter-spacing:-1px; 	
 	display:block;
	font-weight:500;
 	 
}
h2.title{color:#000;text-align:center;padding-top:0;}

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

}

h3.title{
	font-weight:normal;
 
}
 

  
h4{

	font-size:40px;
	line-height:1.3;
	font-weight:normal;
	text-align:left;
	 
}
h4.title{

	position:relative;
	margin-bottom:20px;
	padding-left:0px;
	 
	}
 
 h4.title span{
	  display:block;
	font-size:60%; 
	margin:10px 0;
	 
 }

h5{
	font-size:30px;
	line-height:1.3;
	margin-top:30px;
	margin-bottom:20px;
	font-weight:normal;
 
}
h5.title{
	display:block;
	font-weight:600;
	margin-top:0px;
}
h5.title span{
	display:inline-block;
	vertical-align:middle;
	opacity:.6;
	font-size:70%;
	font-weight:500;
	margin-left:10px;
}

h5.stitle{
 	 font-size:130%;
 }

 
 
.headtxtA{font-size:50px;line-height:1.1;font-weight:400;letter-spacing:0px;}
.headtxtAA{font-size:35px;line-height:1.1;font-weight:400;letter-spacing:0px;}
.headtxtAA strong{font-weight:600;}

.headtxtA strong{font-weight:600;}
.headtxtB{font-size:30px;line-height:1.3;font-weight:400;letter-spacing:0px;}
.headtxtB.headtxtBB{font-weight:300;}

.headtxtB strong{font-weight:400;}
.headtxtC{font-size:28px;line-height:1.3;font-weight:400;letter-spacing:0px;}
.headtxtC strong{font-weight:600;}
.headtxtCC{font-size:25px;line-height:1.3;font-weight:400;letter-spacing:0px;;}
.headtxtC.thin{font-weight:300;}
.headtxtD{font-size:19px;line-height:1.3;font-weight:500;}
.headtxtE{font-size:90%;font-weight:600;}

span.subtxt  {
		font-size:60%;
}



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


.t_red{color:#ff0000;}
.t_orange{color:#fa7d2a;}

.t_majorcolor{color:#0082d0;}
.t_majorcolorB{color:#6eb92c}
.t_majorcolorC{color:#108dcf}

 


.mbA{margin-bottom:30px;}

.linebar{	position:relative; border-bottom: 2px dashed #e5e5e5;margin:40px 0;}

.blockt{display:block;}
/* tOP layout*/
 

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

.aboutus{background: url(../image/about/topimg.jpg)  no-repeat center bottom;}
.product{background: url(../image/product/topimg.jpg)  no-repeat center center;}
.rnd{background: url(../image/rnd/topimg.jpg)  no-repeat center center;}
.prr{background: url(../image/pr/topimg.jpg)  no-repeat center center;}
.customer{background: url(../image/customer/topimg.jpg)  no-repeat center center;}
 
 
.topTXTarea{
	 margin: 0px auto 0 auto;
		position:absolute;
		padding-top:0px;
		z-index:2;
		background: rgba(0,0,0,.2);
		width:100%;
		height:100%;
		top:0;
	 
 
}
.topTXTarea h2{
	position:relative;
	text-align:center;
	padding-top:280px;
	color:#fff;
	z-index:3;
	width:96%;
	margin:0 auto;
	max-width:1500px;
}
 
  
 
/**/

 .loc_title {display:none;position:relative;padding-top:30px;z-index:3;margin:0 auto; width:96%; max-width:1500px;}
 
  .loc_title .loc_ttxarea{
 	position:relative;
	text-align:left;
  	letter-spacing:-1px;
	vertical-align:top;
	z-index:999;
	

 }


  .loc_title .loc_ttxarea span{	
	vertical-align:top;
	display:inline-block;
	margin-left:20px;
	padding-left:20px;
	position:relative;
	font-size:90%;
	color:#fff;
	 
}
  .loc_title .loc_ttxarea span:after{
		display:block;
		position:absolute;
		content:'';
		width:4px;
		height:4px;		
		background: rgba(255,255,255,.5);
		border-radius:100% 100%;
		top:50%;
		margin-top:-2px;
		left:0;
	}
	 
	.loc_title .loc_ttxarea span.homearea:after{
 		width:25px;
		height:25px;		
		background: rgba(255,255,255,.3);
		margin-top:-12px;
	}
	.loc_title .loc_ttxarea span.homearea{
		margin-left:0px;
		padding-left:0px;
	}

	.loc_title .loc_ttxarea span.homearea a{
		display:block;
		position:relative;
		text-indent:-999px;
		margin-right:0px;
		width:25px;
		height:25px;
		overflow:hidden;
		z-index:2;
		background: url(../image/icon_home.png) no-repeat 6px 5px;
		background-size: 50% 50%; 
	}
 
 

 
/**/
 
 
 /*//////////sUBMENU/////////////*/ 

.submenu{
	
	position:relative;
	margin:0px auto 0 auto;	 
	padding:0px 0;
	top:0; 
	text-align:center;
	z-index:3;
	border:0;
	width:100%;
	border-bottom: 1px solid rgba(0,0,0,.2);
	
	
	
	 
 }

 
 
.submenu .submenu_box{
	margin : 0  auto; 	
	position:relative;
	padding: 0px; 
	display:block;
 	width:98%;
	max-width:1500px; 
	 
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0px;
	padding:0;
	font-size:0;
	text-align:left; 
	vertical-align:top;
	width:100%;
	overflow:hidden;
	/*background:linear-gradient(45deg, #28aa98, #23af72);*/
	
	 
}
.submenu .submenu_box ul li{
	display:inline-block;
	position:relative;
 	margin: 0px 0px;
	z-index:2; 
 	padding:0px;
	vertical-align:middle;
	 
 	 
}
 


.submenu .submenu_box ul.coltwo li{
		 
}
.submenu .submenu_box ul.colthree li{
		 
}
.submenu .submenu_box ul.colfour li{
	 
}

	

 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:19px;
	letter-spacing:0px;
	display: block; 
	text-align:left; 
 	font-weight:500;
	
	padding:30px 40px 10px 40px;
	
}
 .submenu .submenu_box ul li:first-child a{
	padding-left:0;
}

@media all and  (max-width:1000px){
	 .submenu .submenu_box ul li:first-child a{
		padding-left:10px;
	}	
}


 .submenu .submenu_box ul li.subOn{
	 
 }

.submenu .submenu_box ul li.subOn a{
	 
	color: var(--t_majorcolor);
}
 

 
/**/
.con_sub_menu-wrap{
	z-index:5; 
	position:absolute;
	top:-50px;
	right:0;


}
.con_sub_menu{
	position:relative;
	margin:0px auto 0 auto;
	 
	z-index:33;
}
.con_sub_menu:after{
 clear:both;
 display:block;
 position:relative;
 height:10px;
 content:'';

}
.con_sub_menu ul {
	font-size:0;
	text-align:right;	 
}
.con_sub_menu ul li{
	display:inline-block;
	margin-left:30px;
}

.con_sub_menu ul li a{
	margin:0;
	position:relative;
	width:100%;
	display:block;
	padding:14px 0;
	text-align:center;
	 font-size:17px;
	 font-weight:400;
	line-height:1.2;
 
}
.con_sub_menu ul li a span{
	font-size:12px;
	display:inline-block;
}
.con_sub_menu.engt ul li a{
	font-family:'Poppins', sans-serif;
}
.con_sub_menu ul li.on{
	border-bottom: 2px solid #333;
}
.con_sub_menu ul li.on a{
 	color:000;
 
}


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

	.con_sub_menu-wrap{
 
	
			position:relative;
			top:0px;
			right:0;
			z-index:1;


		}
	.con_sub_menu{
		
		margin-top:30px;
		z-index:2;

	}
	.con_sub_menu ul li a{
		
 
	}

}

 /**/
.sub_sub_menu-wrap{
	text-align:center;
	position:relative;
	margin-top:40px;
}
.sub_sub_menu-wrap .sub_sub_menu{
	display:inline-block;
	position:relative;
	 background: linear-gradient(0deg,rgba(0,0,0,.1),rgba(255,255,255,.7));
	border-radius:30px;

}
.sub_sub_menu-wrap .sub_sub_menu ul{
	display:flex;
	
}
.sub_sub_menu-wrap .sub_sub_menu ul li{
	padding:10px 30px;
}
.sub_sub_menu-wrap .sub_sub_menu ul li.on{
	background: linear-gradient(0deg,rgba(57,101,194,1),rgba(33,68,141,1));
	overflow:hidden;
	border-radius:30px;
}
.sub_sub_menu-wrap .sub_sub_menu ul li.on a{
	color:#fff;
}
 

.sub_sub_menu-wrap .sub_sub_menu:before {
	  content:"";
	  position: absolute;
	  inset: 0;
	  padding: 1px;  
	  background: linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.08));
	  border-radius: inherit;
	  --m:conic-gradient(#000 0 0);
	  mask: var(--m) content-box exclude,var(--m);
	  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
.sub_sub_menu-wrap  .sub_sub_menu:before {
		background: linear-gradient(0deg in lch,rgba(0,0,0,.15),rgba(0,0,0,.08));
	  }
}

@media all and  (max-width:1000px){
	.sub_sub_menu-wrap .sub_sub_menu ul li{
			padding:10px 10px;
		}

}
 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background: #fff;
	width:100%;
	color:#323232;
	letter-spacing:-0.03em;
	font-size:110%;
	font-weight:400;
	padding:0px 0px 0px 0px; 
	position:relative;
	line-height:1.8;
	min-height:500px;
	z-index:1;
	

}


.contents_gubun{
	margin-bottom:80px;
}

.contents_wrap{
	
}

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

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

  /*#################  텍스트 + 텍스트 #################*/
.halfcontents{position:relative;}
.halfcontents:after{clear:both;content:'';display:block}
.halfcontents .halfcontents_in{width:49%;float:left;}
.halfcontents .halfcontents_in:nth-child(odd){margin-right:1%;} 
.halfcontents .halfcontents_in:nth-child(even){margin-left:1%;} 

@media(max-width:1000px){
  .halfcontents .halfcontents_in{width:100%;float:none;}
  .halfcontents .halfcontents_in:nth-child(odd){margin-right:0%;} 
  .halfcontents .halfcontents_in:nth-child(even){margin-left:0%;} 

 }

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


.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 .numtxt{
	display:inline-block;
	margin-right:10px;
	font-size:150px;
	 
	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: 50px 10px;
	
 
}
.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%;
 
	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.color > li{
 	float: left;
 	position:relative;
 	padding-top: 53px;
 	line-height:1.5;
 	width: 56px;
 	text-align: center;
 	margin: 0 12px 24px 0;
 	font-size: 14px;
}


ul.color > li:before{
	position:absolute;
	content:'';
	display:block;
	top: 0;
	left: 4px;
	width: 48px;
	height: 48px;
	background:#ccc;
	border-radius:100% 100%;
	border: 1px solid #fff;
}

ul.color > li.color1:before{background: #ffffff;border: 1px solid #ccc;}
ul.color > li.color2:before{background: #2e2624;}
ul.color > li.color3:before{background: #888888;}
ul.color > li.color4:before{background: #1d3a1e;}
ul.color > li.color5:before{background: #9cc3b1;}
ul.color > li.color6:before{background: #6b3906;}
ul.color > li.color7:before{background: #b28146;}
ul.color > li.color8:before{background: #d9c4e5;}
ul.color > li.color9:before{background: #ffcdea;}
ul.color > li.color10:before{background: #2160d1;}

ul.ulli{margin-left:20px;}
ul.ulli > li{
 	position:relative;
	padding-left:20px;
	padding-bottom:0px;
	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;
}


ul.ulliA{margin-left:20px;}
ul.ulliA > li{
 	position:relative;
	padding-left:20px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
ul.ulliA > li:before{
	position:absolute;
	content:'';
	display:block;
	top:10px;
	left:5px;
	width:5px;
	height:5px;
	 
	border-radius:100% 100%;
}
ul.ulliA > li strong{
	 font-size:19px;
	 
}
ul.ulliA > li span{
	padding-left:30px;
}


ol.ulliB {
	margin:10px 0 10px 30px;
}
ol.ulliB >  li{
	position:relative;
	margin-left:0;
	padding-left:0px;
	padding-bottom:3px;
}


ul.ulliC{margin-left:20px;}
ul.ulliC > li{
 	position:relative;
	padding-left:20px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
ul.ulliC > li:before{
	position:absolute;
	content:'';
	display:block;
	top:8px;
	left:5px;
	width:9px;
	height:9px;
	background:#fff;
	border:1px solid #333;
	border-radius:100% 100%;
}



ul.ulliD{margin-left:20px;}
ul.ulliD > li{
 	position:relative;
	padding-left:20px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
ul.ulliD > li:before{
	position:absolute;
	content:'';
	display:block;
	top:14px;
	left:5px;
	width:5px;
	height:1px;
	background:#333;
	border-radius:100% 100%;
}


ul.ulliC ul.ulliD {margin-left:0px;}



/* OL li*/
 
ol.num_li{margin-left:30px;}
ol.num_li > li{
 	position:relative;
	padding-left:25px;
	padding-bottom:0px;
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
	counter-increment: count-me;
	list-style-type: none;
}
ol.num_li > li::before{
	content: counter(count-me)"  ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.8em;
    top: .2em;
    color: #696969;
    font-size:80%;
    z-index:2;
}
ol.num_li > li::after{
	position:absolute;
	content:'';
	display:block;
	top: .2em;
	left: -0.4em;
	width:21px;
	height:21px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:100% 100%;
	 z-index:1;
}
/**/

.processbox   .box_li > li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-right:30px;
	margin-bottom:20px;
	 
	
	

}
.processbox   .box_li > li span{
display:block;
background:#f7f7f7;
padding:20px;
border-radius:20px;
}

.processbox   .box_li> li:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	margin-top:-32px;
	right:0px;
	margin-right:-25px;
	width:100%;
	height:30px;
	content:'\f105'; 
	font-size:200%;   
	color:#666;
	font-family: 'FontAwesome';
	text-align:right;
}

.processbox   .box_li> li:last-child:after{content:'';}


@media (max-width: 1000px ){
	ol.num_li > li::before{
		left: -2.1em;
       top: .4em;
	}
}

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


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

 



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

	h2{font-size:350%;}
	h3{font-size:40px;}
	h4{font-size:30px;}
	h5{font-size:20px;}

	.headtxtA{font-size:40px;}
	.headtxtAA{font-size:30px;}
	.headtxtB{font-size:26px;}
	.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{
			display:block;
			margin: 0px auto 0 auto;
			position:relative;
			 
			text-align:center;
		 
}
	.topTXTarea h2{padding-top:140px;}

 
 .topTXTarea strong{font-size:220%;color:#fff; }
 

	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:#fff;
		width: 100%;
		padding : 0px;
		height:50px;
		position:relative;
		z-index:3;
		top:0px;
		margin:0px 0 0px 0;
		border-bottom: 1px solid #ccc;
		 
	}
	.submenu .homearea{margin-top:0px;width:70px;display:none;height:0;}

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



	.mobiletit {
		display:block;
		text-align:left;
		line-height:1.3;		
		padding:12px 0px 12px 20px;
		letter-spacing:-1px;
		transition: 0.4s;
		width: 48%;
		margin-left:52%;
		z-index:2;
		 
		
		
	 
	}

	.mobiletit a {
		display: block;
		color:#333;
		width:92%; 
		text-align:left;
		line-height:1;
		padding-top:3px;
	}

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


.homea{
	position:relative;
	display:inline-block;
	vertical-align:middle;
		text-align:left;
		width:35px;
		height:20px;
		background:url(../image/about/icon_home_black.png) no-repeat 0 center; 
		
		}
.homea:after{
	content:'';
	display:block;
	position: absolute;
	right:5px;
	top:3px;
	width:1px;
	height:20px;
	background:#ccc;

}
.homea a{
	display:block;
	width:100%;
	height:100%;
}
.mobiletitB {
		vertical-align:middle;
		display:inline-block;
		text-align:left;
		color:#333; 
		
		line-height:1.3;		
		padding:0px 0px 0px 0px;
		letter-spacing:-2px;
		transition: 0.4s;
		 
		z-index:2;
		width: calc(100% - 45px);
		
	 
	}
	.mobiletitB span.fit_title{
		
		letter-spacing:-2px;

	}
	.mobiletitB a {
		 color:#333;
		 display:block;
		 width:100%;
		 line-height:1;
		padding-top:3px;

	}

.mobiletit_firstmenu{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:52%;
	min-width:100px;
	height:50px;
	padding:8px 0px 8px 10px;
	
	text-align:left;
}
 

.mobiletit_firstmenu:after{
	content:'';
	display:block;
	position: absolute;
	right:0px;
	top:14px;
	width:1px;
	height:20px;
	background:#ccc;

}
.mobiletit_firstmenu_all {
 		position:absolute;
		left:0%;
		padding:0px;
		width: 100%;
		height: 0px;
		top:50px;
		overflow:hidden;
		background:#fff;
		box-shadow:0px 3px 3px  rgba(0,0,0,0.5);
		 
}
.mobiletit_firstmenu_all ul li{
	 
	text-align:left;
	border-bottom: 1px solid #ccc;
	
}
.mobiletit_firstmenu_all ul li a{
	 
	text-align:left;
	display:block;
	 padding:10px 15px 10px 10px;
}
.mobiletit_firstmenu_all ul li.first_on{
	 background:#f7f7f7;
	 
}
.mobiletit_firstmenu_all ul li.first_on a{
	 color:#000;
}


 
/**/


/**/


	.submenu .submenu_box {
		clear:both;
		position:absolute;
		left:52%;
		padding:0px;
		width: 48%; 
		height: 0px;
		top:50px;
		overflow:hidden;
		box-shadow:0px 3px 3px  rgba(0,0,0,0.5);
 		 

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


	.submenu .submenu_box ul li:after{
		width:0px;

	}


	.submenu .submenu_box ul.colone li,
	.submenu .submenu_box ul.coltwo li,
	.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:10px 15px 10px 10px;
		font-size:16px;
		
		color:#333;

	}

	.submenu .submenu_box ul li.subOn{
		 background:#f7f7f7;
	
	}
	.submenu .submenu_box ul li.subOn a{
		color:#333;
		background: url(../image/icon_menu_on.png) no-repeat 95% center;
		
	}
	 
	.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;
	} 
	#sub_contents{
		width:100%;
		margin-left:0;
	 
		font-size:15px;
	}

	.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:300%;}
		h3{font-size:35px;}
	h4{font-size:28px;}
	h5{font-size:18px;}

	.headtxtA{font-size:35px;}
	.headtxtAA{font-size:29px;}
	.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;
	}


  .topTXTarea h2{padding-top:100px;}
   .loc_title { padding-top:10px;}
 
 


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

	h3{font-size:33px;}
	h4{font-size:25px;}
	h5{font-size:17px;}

	.headtxtA{font-size:30px;}
	.headtxtAA{font-size:27px;}
	.headtxtB{font-size:20px;}
	.headtxtC{font-size:18px;}
	.headtxtCC{font-size:17px}
	.headtxtD{font-size:15px;}
	
	.keyword_t h1{	font-size:35px;}
	.keyword_t  strong{	font-size:21px;}


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


 

 

 
}
 

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

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

 
/**/
 .box_con_list{
	margin-top:50px;
	/*background: url(../image/about/over_logo.png) no-repeat right bottom;*/
	text-align:left;
 }
 
/**/
 .box_con_list_box{
	text-align:center;
 }
 .box_con_list_box .box_con_list_box_in{
	width:30.3333%;
	display:inline-block;
	margin:0 0 30px 1%;
	vertical-align:top;
	padding:20px 30px 0 30px;
	box-shadow:0px 0px 10px  rgba(0,0,0,0.2);
	border:1px solid #fff;
	border-radius:3px;

 }
  .box_con_list_box .box_con_list_box_in h5{
	min-height:60px;
	position:relative;
	text-align:left;
}
  .box_con_list_box .box_con_list_box_in h5 span{
	display:block;
	position:absolute;
	right:-10px;
	top:-20px;
	padding:10px;
	border-radius:100% 100%;
	border:1px solid #f7f7f7;
	overflow:hidden;
	text-align:right;
	background:#f7f7f7;
	 
  }

 .box_con_list_box .box_con_list_box_in .box_con_txt{min-height:100px;text-align:left;}
 .box_con_list_box .box_con_list_box_in .box_con_txt.box_con_txt_L{min-height:200px;}
 
/**/
 .box_con_list_box_won .box_con_list_box_won_in{
	width:23%;
	display:inline-block;
	margin:0 1% 30px 0;
	vertical-align:top;
	padding:30px;
	

 }
 
/**/


 

@media (max-width: 700px ){
 .box_con_list{
	 
	background: none;
 
 }
 .box_con_list_box .box_con_list_box_in{
	width:97%;

 }
   .box_con_list_box .box_con_list_box_in h5{
	min-height:10px;
	 
}
  .box_con_list_box .box_con_list_box_in .box_con_txt{min-height:50px;}
 .box_con_list_box .box_con_list_box_in .box_con_txt.box_con_txt_L{min-height:50px;}
}




/*인사말*/
.greetingarea {
position:relative;
}
.greetingarea .gree_big{
	position:relative;
	padding-top:50px;
	z-index:2;
	text-align:center;
	 
} 
 .greetingarea .gree_big .leftt{
	padding-left:50px;
	display:block;
	text-align:center;
 
 }
  .greetingarea .gree_big .rightt{
	display:block;
 
	color:#2daae1;
	padding-left:90px;
  }


  .greetingarea .comp_box{
	position:relative;
	margin-left:0%;
	margin-top:60px;
	background: url(../image/about/back_com2.jpg) no-repeat center center;
	background-size:cover;
	padding:50px;
	min-height:500px;


  }

    .greetingarea .comp_box .imgarea{
		position:absolute;
		top:0;
		right:0;
		margin-top:-150px;
		width:40%;
		text-align:center;
		z-index:1;
	}

	  .greetingarea .comp_box .com_t{
			position:relative;
			width:60%;
			color:#fff;
			padding:60px;
			font-size:120%;
			z-index:2;
			margin: 0 auto;
	  }
	   .greetingarea .comp_box .com_t p{
	   
		margin-bottom:20px;
		font-weight:100
	   }

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


.ciarea{
	margin-top:80px;
}

.ciarea .logoarea{
	
	text-align:center;
	
}
.ciarea .logoarea:after{ 
	clear:both;
	display:block;
	content:''; 
}
.ciarea .logobox{
	display:table;
	
	padding:0px;
	float:left;
	width:47%;
	margin:0 1%;
	min-height:350px;
	border: 1px solid #ccc;
	background:url(../image/about/patten.png) repeat 0 0;
}
.ciarea .logobox span{
	display:table-cell;
	vertical-align:middle;
	height:350px;
	padding:20px;
	
}

.ciarea  .ciinfo{
	margin:20px auto 0 auto;
	max-width:800px;
	text-align:center;
}
.ciarea  .ciinfo span{
	display:inline-block;
}


 @media(max-width:1300px){
			  .greetingarea .comp_box .com_t{
					width:80%;
			  }

 }

  @media(max-width:1000px){
			 .greetingarea .comp_box{
				margin-left:0;
				min-height:300px;
				padding:20px;
			 }
			    .greetingarea .comp_box .imgarea{
					width:30%;
					text-align:right;
					margin-top:-70px;
				}
				 .greetingarea .comp_box .com_t{
					padding:60px 20px 60px 20px;
					width:100%;

				 }

				 .ciarea  .ciinfo span{
						display:inline;
					}

 }
  @media(max-width:640px){
		.greetingarea .gree_big{
			padding-top:30px;
		}
		  .greetingarea .gree_big .leftt{
				padding-left:0px;
				text-align:center;
		  }
		    .greetingarea .gree_big .rightt{
				padding-left:0px;
				text-align:center;
			}
		 .greetingarea .comp_box .com_t{
					width:100%;
					padding:60px 10px 10px 10px;
	  }

	  .greetingarea .comp_box .imgarea{
		 width:250px;
		 margin-top:-90px;

	  }

	  .ciarea .logobox{
	 
			float:left;
			width:100%;
			margin:0 0 10px 0;
			min-height:150px;
			
		}
		.ciarea .logobox span{
				height:auto;
				padding:40px;
		}




  }


  @media(max-width:420px){
		 .greetingarea .comp_box .com_t{
					padding:10px 0;

				 }
  }
  

 /*회사연혁*/

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

  background: #ccc;
  height: 100%;
}
.timeline .draw-line {
  width: 1px;
  height: 0;
  position: absolute;
  left: 50%;  
  background: #2daae1;
}

.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: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #2daae1;
  background-position: center;
  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::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  width: 10px;
   height: 10px;
   margin-left:0px;
  border-radius: 50%;
  background: inherit;
  background: #ccc;
  transition: all 0.4s ease-in-out;
}

  

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

.his_img{
	 position:relative;	 
	width:45%;
	float:left;
	margin:0;
 	padding:0;

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

}
 .historyarea_block .hisY_box{
	position:absolute;
	right:0;
	top:0;
 }

  .historyarea_block.right_img .hisY_box{
		left:0;
		right:auto;
  }


.historyarea_block  .his_year{
	display:block; 
 	padding-top:0; 
	color:#000; 
	font-weight:400;
	margin:0px auto 0 auto; 
	position:relative;
	text-align:center;
	
 

	 
}
.historyarea_block  .s_subject{
	position:relative;
	text-align:center;
	color:#0e4582;
	margin:0px auto;

	 
}
.historyarea_block  .s_subject span{
	display:inline-block;
	 
}

 
.historylist ul{
	padding-left:50px;
}
.historylist ul li{
	margin-bottom:3px; 
	
	padding-bottom:10px;
	position:relative;
 }


.historylist ul li strong{position:absolute;color:#333;line-height:1.2;}
.historylist ul li span{display:inline-block;padding-left:100px;vertical-align:top;line-height:1.2;}
.historylist ul li span p{position:relative;padding-left:0px;}
.right_img .historylist ul li span p{ padding-left:0;padding-right:0px;}
 
  .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:120px;
 }
 .historyarea  .historylist ul li p:before{
	content:'';
	display:block;
	position:absolute;
	top:10px;
	left:0;
	width:0px;
	height:0px;
	 
 }
 .historyarea .right_img .historylist ul li p:before{
		 
	left:auto;
	right:0;
	 
 }

 @media(max-width:1000px){
 
	.historylist ul li span{ padding-left:70px; }
	 .historyarea .right_img .historylist ul li span{padding-right:70px;}
 }

 @media(max-width:780px){
	.timeline {
		 padding: 0px;
	}
	.timeline .default-line {
		 display:none;
		}
		.timeline .draw-line {
		  display:none;
		}

	 .historyarea{ }
	 .historyarea_block{
		margin-bottom:30px;
		
	 }
	 .historyarea_block:before{
		width:0px;
		display:none;
	 }
	
	.his_img{width:100%;float:none;}
	 .historyarea_block .hisY_box{

		position:relative;	 
		right:auto;
		margin:0 auto 50px auto;
		 
	 
	 }

	.historylist{width:100%; float:none;}
 

	.historylist ul{
		padding-left:0px;
	}
	.historylist ul li strong{
		 
	}
	.right_img .historylist ul li span p{ padding-left:10px;padding-right:0;}

	 
	 .historyarea .right_img .historylist ul li{
		text-align:left;
		padding-right:0px;
	  }
	   .historyarea .right_img .historylist ul li strong{
		right:auto;
	}
	.historyarea .right_img .historylist ul li span{
 			padding-right:0;
			padding-left:70px;
	}


	 .historyarea .right_img .historylist ul li p:before{
		 
	left:0;
	right:auto;
	 
 }

 }






/* 조직도 */
.orgareabox{
overflow: hidden;
width:100%;
margin:0 auto; 
position:relative;
}
.orgarea{
	padding-top:50px;
	position:relative; 
	width:80%;
	max-width:940px;
	
	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 #fff;
	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:rgba(32,60,110,1);
	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:100%;
	margin:0 auto;
	
 }
  .org_fifth .org_fifth_box .org_fifth_sub{
	padding-top:0px;
 	width:100%;
	margin:0 auto;
	position:relative;
	/*background:red;?*/
	 
  }
					 
.org_fifth .org_fifth_box .org_fifth_sub:before{
	position:absolute;
	content:"";
	display:block;
	width:90%;
	border-top:1px solid #c8c8c8;
	left:5%;
	 
	 
  }

.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;
	height:130px;
}
 
.org_fifth .org_fifth_box .org_fifth_sub ul  > li span:before{
	position:absolute;
	content:" ";
	display:block;
	width:1px;
	background: #c8c8c8;
	left:50%;
	top:0;

	margin-left:-1px;
	margin-top:-21px;
	height:21px;
	 }
.org_fifth .org_fifth_box .org_fifth_sub ul > li{
	  
	 position:absolute;
	 width:50%;

 	
 }

   .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(1) {
	left:5%;   
	margin-left:-50px;
 }

  .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(2) {
	 right:5%;
	 margin-right:-50px;
	 
 }

	 
	 

.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
	display:block;
	position:absolute;
	font-size:17px;;
	background:#2d549a;
	width:100px;
	height:100px; 
	padding:35px 0 0 0;
	margin:20px 0; 
	border:1px solid #fff;
	border-radius:100% 100%;
	color:#fff;	 
	-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_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(1)  span{
	 left:0;
 }

  .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(2) span {
	  
	 right:0
 }



 

 @media(max-width:780px){ 
	 
		.orgareabox{
		overflow-x: auto;

		}
		
		.org_fourth:after{
			height:30px;
			margin-top:-30px;
		}
		.org_fourth{
			margin-top:30px;

		}
		
		 .orgarea .org_line{
		 height:20px;
		 
		 }
		.org_fourth .org_fourth_box .org_fourth_tit{
			width:100px;
			height:100px;
			padding:10px;
		}


		 .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(1) {
			
			margin-left:-40px;
		 }

		  .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(2) {
			 
			 margin-right:-40px;
			 
		 }

		.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
			 width:80px;
			height:80px; 
			padding-top:24px;
			font-size:15px;;
		}

 }

  @media(max-width:500px){ 
	.orgarea{
			padding-top:30px;
	}
	.org_first{
		width:100px; 
		height:100px; 
	}
	 .org_first span{
		margin-top:-17px;
	 }
		
		.org_fifth .org_fifth_box .org_fifth_sub:before{

	 
	 
  }
		.org_fourth .org_fourth_box .org_fourth_tit{
			width:70px;
			height:70px;
			padding:0px;
		}
		.org_fourth .org_fourth_box .org_fourth_tit span{
				font-size:80%;
		}
		.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
			 width:60px;
			height:60px; 
			padding-top:22px;
			font-size:12px;;
			line-height:1.1;
			
		}

		 .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(1) {
	 
			margin-left:-30px;
		 }

		  .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(2) {
			 
			 margin-right:-30px;
			 
		 }


  }

    @media(max-width:380px){ 
		.org_first{
		width:80px; 
		height:80px; 
	}
	 .org_first span{
		margin-top:-17px;
	 }

	 .orgarea .org_line{
 
	height:10px;
	
 }

 .org_fourth{
	 
	margin-top:10px;

 
 }
 .org_fourth:after{
		height:50px;
		margin-top:-50px;
		
 }
 .org_fourth .org_fourth_box:before{
		height:30px;
 }
		
		.org_fourth .org_fourth_box .org_fourth_tit{
			width:60px;
			height:60px;
			
		}
			.org_fourth .org_fourth_box .org_fourth_tit span{
				font-size:70%;
		}

		.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
			 width:50px;
			height:50px; 
			padding-top:15px;
			font-size:11px;;
		}
		 .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(1) {
	 
			margin-left:-25px;
		 }

		  .org_fifth .org_fifth_box .org_fifth_sub ul > li:nth-child(2) {
			 
			 margin-right:-25px;
			 
		 }
	}


 /*vision*/
 

.title_s_info{
	max-width:900px;
	margin:0 auto 50px auto;
  
}

.title_s_info span{display:block;}
.title_s_info span.catcht{margin-bottom:20px;}
 
.keybox.visionarea_major{
		background: url(../image/about/back_vision.jpg) no-repeat center center;
		background-size:cover;

} 
.keybox .key_txt{
	padding:70px 30px;
	margin: 0 auto;
	max-width:900px;
	position:relative;
	min-height:400px;
}
.visionarea_major .key_txt{
		color:#fff;
}
 

 

.visionimg{
	padding:50px 0;
} 

.contentsbox .imgarea_img{position:relative;overflow:hidden;}


 .blank_white{
	position:absolute; 
	overflow:hidden;
	width:100%;
	height:100%;
	
	z-index:2;
	left:0;
	
}


.visionarea .txt_img_box .textarea{
	padding-top:8%;
}
 

.corevalue{
	text-align:center;
	position:relative;
}
.corevalue .core_box{
		display:inline-block;
		vertical-align:top;
		border-radius:40px 0;
		width:30%;
		margin: 90px 1% 0 1%;
		overflow:hidden;

}
.corevalue .core_box:first-child,
.corevalue .core_box:last-child{
	margin-top:0;
}

.corevalue .core_box.bgAA{
	background:#05c9f4;
}
.corevalue .core_box.bgBB{
	background:#0fb217;
}
.corevalue .core_box.bgCC{
	background:#ff9600;
}

.corevalue .core_box .txtarea{
	color:#fff;
	font-size:150%;
 
	padding:10px 0;
	text-align:center;
}
  @media(max-width:1000px){
		.corevalue .core_box{
			margin-top:0;
		}
  }
  @media(max-width:640px){
		.corevalue .core_box .txtarea{
			font-size:120%;
		}
  }
  @media(max-width:420px){
	.corevalue .core_box{
		width:98%;
		margin-bottom:20px;
	}
  }

/*제품*/

.contents_block{
		margin-bottom:60px;
}

.pro_overview{
	background:#fff;
}
.pro_overview:after{
	clear:both;
	content:'';
	display:block;
	position:relative;

}
.pro_overview .proimgare{
	float:right;
	width:37%;
	margin-left:13%;
	text-align:center;
}
.pro_overview .proimgare span{
	display:inline-block;
 	border-radius: 30px;
	overflow:hidden;
}
.pro_overview .proimgare span.proback{
	background:linear-gradient(45deg, #dfdfdf, #ededed);
	
}
.pro_overview .proimgare span.proback.proback_laven{
	background:linear-gradient(45deg, #e3e4f6, #e9f0fb);
	
}

.pro_overview .txtarae{
	float:left;
	width:50%;
	padding:0px 0px;
}

.pro_overview .txtarae .proname{
	 
		margin-bottom:30px;
}
.pro_overview .txtarae .proname strong span{
	font-size:50%;
}
.pro_overview .txtarae .proname span.stt{
		color:#333;
}
.pro_overview .txtarae .pro_desc{
	 
		margin-bottom:30px;
		line-height:1.5;
		text-align:justify;
}

  @media(max-width:1000px){
	
	.contents_block{
		margin-bottom:30px;
}

	.pro_overview .proimgare{
		float:none;
		width:100%;
		margin-left:0%;
		text-align:center;
		 
	}
		.pro_overview .proimgare img{
			
		}

	.pro_overview .txtarae{
		float:none;
		width:100%;
		padding:10px;
	}
	.pro_overview .txtarae .proname{
		margin-bottom:10px;
	}

	.pro_overview .txtarae .pro_desc{
		margin-bottom:0px;
	}


  }

/**/
.left_right:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
}
.left_right .leftcon{
	float:left;
	width:230px;;
}
.left_right .rightcon{
	float:right;
	width: calc(100% - 230px);
}

.box_fea{position:relative;}
.box_fea ul li{
	display:inline-block;
	
	width:50%;
	margin-left:-4px;
}
.box_fea .box_inbox{
	display:table;
	background:#e0f2fd; 
	position:relative; 
	width:98%;
	margin:0 auto;
	border-radius:30px 0;
	overflow:hidden;
	border:1px solid #9dbcc8;
	
	 
}

.box_fea .box_inbox span{
	display:table-cell;
	vertical-align:middle;
	height:100px;
	padding:10px 20px;
	width:100%;
	text-align:center;
	font-size:120%;
	line-height:1.2;
	 
}

.pro_desc{
	margin-bottom:30px;
	padding:20px 0;
}
.pro_desc span.block_span{
	display:block;
}
@media(max-width:1000px){
  .pro_desc span.block_span{
		display:inline;
	}
 }

.mx_width{
	max-width:1000px;
	 
}
.over_box{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}


/**/

ul.imgli{
	 position:relative;
 
}
ul.imgli li{
	 text-align:center;
	 padding:10px;
	 position:relative;
	 
}
ul.imgli li .imgarea{
	display:block; 
	overflow:hidden;
	border-radius:20px;
	margin-bottom:20px;
}

ul.imgli li span.txtt{display:block; line-height:1.1;}

ul.imgli.imgli_abso li .imgarea{
	position:relative;
	z-inex:1;
}

ul.imgli.imgli_abso li span.txtt{
	position:absolute;
	z-inex:2;
	top:40px;
	text-align:center;
	width:100%;
	left:0;
	color:#fff;
}

 @media(max-width:780px){
	ul.imgli{
		flex-wrap:wrap;
		display:flex;
	}
	ul.imgli li{
		width:50%;
		max-width:50%;
	}

 }

 /**/

ul.imgliB{
	text-align:center;
}
ul.imgliB.colfour li{
	width:23%;
}
ul.imgliB li{
	display:inline-block;
	margin-right:1%;
	margin-left:10px;
	margin-bottom:20px;
}
ul.imgliB li .imgarea{
	display:block;
	
	margin-bottom:20px;
}


@media(max-width:1000px){
  .pro_overview .txtarae{
		padding:10px 10px;
  }

  .left_right .leftcon{
	float:none;
	width:100%;;
}
.left_right .rightcon{
	float:none;
	width:100%;;
}
 
 


 }
 @media(max-width:780px){
	.pro_overview .proimgare{
	float:none;
	width:100%;;
}

.pro_overview .txtarae{
		float:none;
		width:100%;;
		 
	}
 }

  

 /**/
 /*동영상 보기*/
 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}




/*제품상세*/

ul.Tab_sub_protwo{
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	text-align: left;
	background:#fff;
	border-radius: 0px;
	font-size: 0px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	
}
ul.Tab_sub_protwo li{
	background:#fff;
	color: #333;
	display: inline-block;
	padding: 6px 20px;
	cursor: pointer;
	font-size: 16px;
	border-radius: 0;
	margin-left:0;	
	text-align: center;
	border:1px solid rgba(0,0,0,.2);
	border-bottom: 0px solid rgba(0,0,0,.2);
	min-width:200px;
}

ul.Tab_sub_protwo li.current{
	background: #0052ae;
	color: #fff;
	border:1px solid #0052ae;
	border-bottom: 0px solid rgba(0,0,0,.2);
	font-weight: 400;
}
@media(max-width:1000px){
	ul.Tab_sub_protwo li{min-width:50px;}
}
.tab-content{
	display: none;
	
	}

.tab-content.current{
	display: inherit;
}

.pro_ttile{
	text-align:center;
	padding:50px 0 20px 0;

}
.pro_ttile.left{
	text-align:left;
	padding:0px 0 20px 0;
}

.leftTwo{
	text-align:left;
	padding:30px 36px 20px;
}


.pro_listbox{
	position:relative;
	padding:10px 0 40px 0;
	
}
.pro_listbox.pro_listboxB{
	width:50%;
	float:left;
}

.pro_listbox .sub_wrap{
	padding-bottom:40px;
	border-bottom: 1px dashed #ccc;
}

.pro_listbox .proimgare{
	display:inline-block;
	width:39%;
	vertical-align:top;
	padding:10px 30px;
}
.pro_listbox .proimgare span{
		 display:inline-block;
		margin-left:-4px;
		vertical-align:bottom;
}
.pro_listbox .proimgare.coltwo span{
		width:50%;
		 
}
.pro_listbox .proimgare.colone span{
		width:100%;
		text-align:center;
		 
}
.pro_listbox .proimgare span.roundimg{
	margin-left:-50px;
	width:200px;
	height:200px;
	overflow:hidden;
	border-radius:100% 100%;

}

.pro_listbox .pro_detail{
	display:inline-block;
	width:60%;
	margin-left:-4px;
	vertical-align:top;
}


.pro_listbox .pro_detail .proname{
	margin-bottom:20px;
}

.pro_listbox .pro_detail .pro_descB{
		margin-bottom:40px;
		padding:10px 0;
		text-align:justify;
		
}


.pro_listbox .pro_detail .tablearea{
	margin-bottom:40px;
}


.pro_listbox .pro_detail .faea{
	margin-bottom:40px;
}



@media(max-width:1000px){
	.pro_listbox .proimgare{
		width:100%;
		margin:0 auto;
		max-width:500px;
		display:block;
		text-align:center;
	}
	.pro_listbox .pro_detail{
		width:100%;
		margin-left:0;
	}

}

@media(max-width:480px){

	.pro_listbox .proimgare span.roundimg{
		width:150px;
	height:150px;
	margin-left:-10px;
	}

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

	.pro_listbox .proimgare span.roundimg{
		width:100px;
	height:100px;
	
	}

}

 /**/
 .process_info{
	margin:0 auto;
	position:relative;
	width:100%;
	line-height:1.2;
	padding-top:40px;

}

ul.recruit_process{width:100%;}
ul.recruit_process:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	height:50px;
}
ul.recruit_process li{position:relative;float:left;width:33.333%;margin-right:0%:margin-left:0%;text-align:center; }
ul.recruit_process li:after{ display:block;position:absolute;top:30%;right:10px; width:100%;height:30px;content:'\f061';    font-family: 'FontAwesome';text-align:right;}
 
ul.recruit_process li.last:after{content:' ';}
ul.recruit_process li .imgarea{padding:0px;position:relative;margin-right:30px;margin-left:0px;overflow:hidden;border-radius:30px 0px;}
ul.recruit_process li p{text-align:left;padding: 20px 0; width:95%;margin:0 0;line-height:1.3;padding-right:10px;}
ul.recruit_process li strong{display:block;margin-top:20px;margin-left:-30px;}

@media(max-width:1000px){
	ul.recruit_process li:after{top:25%;}

}


@media(max-width:900px){
	ul.recruit_process li:after{top:20%;}

}
@media(max-width:780px){
	ul.recruit_process:after{height:0px;}
	ul.recruit_process li{width:100%;float:none;padding-bottom:50px;}
	ul.recruit_process li:after{position:relative;top:0;margin:0 auto;right:auto;text-align:center;;content:'\f063';font-size:200%; }
	ul.recruit_process li .imgarea{margin-right:0;}
	ul.recruit_process li p{text-align:center;padding-right:0;}
    ul.recruit_process li strong{margin-left:0;}

}

/*R&D*/

.rndlist{

}
.rndlist .rndlist_box{
	display:inline-block;
	width:47%;
	margin:1%;
	vertical-align:top;
	background:#f1f3f6;
	border-radius:10px;
	overflow:hidden;
	

}
.rndlist .rndlist_box .ttle{
	background:#6a7797;
	color:#fff;
	padding:10px;
	text-align:center;

	
}

.rndlist .rndlist_box .rndimglist{
	padding:20px 10px;
}
.rndlist .rndlist_box .rndimglist:after{
	clear:both;
}
.rndlist .rndlist_box .rndimglist ul{
	text-align:center;
}
.rndlist .rndlist_box .rndimglist ul li{
	display:inline-block;
	margin: 10px;
	vertical-align:top;
}

.rndlist .rndlist_box .rndimglist ul li .imga{
	width:200px;
	height:200px;
	overflow:hidden;
	border-radius:100% 100%;
	border: 2px solid #ccc;

}


.rndlist .rndlist_box .rndimglist ul li .txta{
	max-width:200px;	 
	line-height:1.2;
 
}
@media(max-width:600px){
	.rndlist .rndlist_box{
		width:100%;
		margin:0 0 20px 0;

	}
}

/**/

.rndlistB{
	position:relative;
	margin-bottom:80px;
}
.rndlistB.rndA .titlarea{
	background: url(../image/rnd/rnd_bgA.jpg) no-repeat center center;
	background-size:cover;
}

.rndlistB.rndB .titlarea{
	background: url(../image/rnd/rnd_bgB.jpg) no-repeat center center;
	background-size:cover;
}

.rndlistB.rndC .titlarea{
	background: url(../image/rnd/rnd_bgC.jpg) no-repeat center center;
	background-size:cover;
	
}
.rndlistB .titlarea{
	padding:50px 0px 160px 0;
	z-index:1;
	text-align:center;
}
.rndlistB .titlarea span{
	 text-align:center;
	 display:block;
	 color:#fff;
	 font-size:120%;
}
.rndlistB .titlarea .t_A{
	 color:#fff;
	  text-align:center;
	 font-size:300%;
	 font-weight:400;
}

.rndlistB .titlarea .t_B{
	 position:relative;
	 
	 color:#fff;
	 font-size:120%;
	 border-radius:60px;
	 background:#000;
	  text-align:center;
	 display:inline-block;
	 margin:0 auto;
	 padding:10px 30px;

}
.rndlistB .titlarea .t_B span{
	 display:block;
	 font-weight:400;
	 line-height:1.2;
}
.rndlistB .titlarea .t_B span:nth-child(2){
	font-size:80%;
}

.rndlistB .rndinfo{
	position:relative;
 	z-index:2;
	background:#fff;
	padding:50px;
	width:80%;
	margin: -90px auto 0 auto;
	border-radius:20px;
	
}


.rndlistB .rndinfo .imgarea{
	display:inline-block;
	vertical-align:middle;
	width:49%;
	 
}

.rndlistB .rndinfo .txtarea{
	display:inline-block;
	vertical-align:middle;
	width:49%; 
	
}

.rndlistB .rndinfo .txtarea div{
		margin:0px auto;
		position:relative; 
		
		padding-left:40px;
}
.rndlistB .rndinfo .txtarea div span{
	display:inline;
}

@media(max-width:1000px){
	.rndlistB{
		margin-bottom:30px;
	}
	.rndlistB .titlarea{
		padding-bottom:100px;

	}
	.rndlistB .titlarea .t_A{
	 
	 font-size:250%;
	 
}
	
	.rndlistB .rndinfo{
		padding:10px;
	width:95%;
	margin: -30px auto 0 auto;
	border-radius:10px;
	}
	.rndlistB .rndinfo .txtarea div{
		margin:0px auto;
		padding-top:0px;
		padding-left:20px;
	}

}

@media(max-width:780px){

	.rndlistB .titlarea .t_A{
		 
		 font-size:200%;
		 
	}
}

@media(max-width:360px){
.rndlistB .rndinfo .imgarea{
	 
	width:100%;
	 
}

.rndlistB .rndinfo .txtarea{
	 
	width:100%; 
	
}

.rndlistB .rndinfo .txtarea div{
		
		padding-top:20px;
		padding-left:0px;
	}


}

/*안내*/
 

 /**/
 .inqA{
	background:#f7f7f7;
	padding: 50px 0;
 }


 
 

 /*채용*/
 
/*채용정보*/

.recruitara:after{

}
.recruitara p.main_t{
	display:block; 
	margin: 0 auto;
	max-width:700px;
	padding:20px; 
	letter-spacing:-2px;
	bottom:0;
	color:#184e9e;
	text-align:center;
 
} 
.recruitara .main_t2{
	text-align:center;
}

.recruit_box{
	padding-top:80px;
	position:relative;
	padding-bottom:90px;
}
.recruit_box:after{

}
.injaelist{
	position:relative;
	margin-top:80px;
   height:600px;
}
.injaelist:after{
	clear:both;
	content:' ';
	display:block;
	position:relative;
	

}
 
.injaelist .injaelist_box{
	position:absolute;
	width:300px;
	height:300px; 
	border-radius:100% 100%;
	top:0;
	text-align:center;
	 
	
	padding-top:20px;
	padding-bottom:30px; 
}
.injaelist .injaelist_box:after{
	content:' ';
	display:block;
	position:relative;
	height:300px;
}
.injaelist .injaelist_box.leftc{
		border: 4px solid #c5e2f2;
		background:rgba(147,199,244,.2);
}
.injaelist .injaelist_box.centerc{
		border: 4px solid #cce6f4;
		background:rgba(147,232,244,.2);
}
.injaelist .injaelist_box.rightc{
		border: 4px solid #c5e2f2;
		background:rgba(147,215,244,.2);
}
.injaelist .injaelist_box.leftc{
	 left:50%;
	 top:50%;
	 margin-left:-150px;
	 margin-top:-300px;
}
.injaelist .injaelist_box.centerc{
	 left:50%;
	 top:50%;
	 margin-left:-280px;
	 margin-top:-70px;
}
.injaelist .injaelist_box.rightc{
	 left:50%;
	 top:50%;
	 margin-left:-20px;
	 margin-top:-70px;
}

.injaelist .injae_info{
	margin:0 auto;
	position:relative;
	width:90%;
	line-height:1.2;
	padding-top:10px;
}

.injaelist .injaelist_box span{
	display:block;
	margin: 20px auto;
}
.injaelist .injaelist_box strong{
	display:block;
}


.gikmuarea{margin-top:50px;}
.gikmuarea > ul {text-align:center;}
.gikmuarea > ul > li{display:inline-block;margin-right:1%;width:31%;vertical-align:top;margin-bottom:1%;border:5px solid #f7f7f7;border-radius:20px;}
.gikmuarea ul li .imgare{text-align:center;position:relative;margin:0 auto;max-width:170px;padding:30px;}
.gikmuarea ul li .imgare img{max-width:100%;}
.gikmuarea ul li strong{text-align:center;display:block;padding-top:20px;font-size:150%;line-height:1.2;position:relative; padding-bottom:20px;}
.gikmuarea ul li .gikmu_info{position:relative; min-height:150px;text-align:center;}
.gikmuarea ul li .gikmu_info span{display:block;}
.gikmuarea ul li .gikmu_info ul li{float:none;width:100%;}

.gikmuarea .bokjiarea{max-width:800px;margin:0 auto;}
.gikmuarea .bokjiarea img{max-width:100%;}

@media(max-width:1080px){
	.gikmuarea > ul > li{ width:48%;}
}

@media(max-width:780px){
 
		.gikmuarea ul li strong{ padding-top:0px;font-size:130%;}
		.gikmuarea ul li .gikmu_info{ min-height:150px;}
}
@media(max-width:600px){
	.recruitara{
		margin-top:-80px;
	}
	.injaelist{height:auto;margin-top:0px;}
	.injaelist .injaelist_box{
		position:relative;
		margin:0 auto;
	}

	.injaelist .injaelist_box.leftc{
		 left:0%;
		 top:0%;
		 	margin:0 auto 20px auto;
	}
	.injaelist .injaelist_box.centerc{
		 left:0;
		 top:0;
		 	margin:0 auto 20px auto;
	}

	.injaelist .injaelist_box.rightc{
	 left:0;
	 top:0;
	 	margin:0 auto 20px auto;
}
	 

}

@media(max-width:420px){
		.gikmuarea > ul > li{ width:100%;} 
		.gikmuarea ul li strong{ padding-top:10px;}
		.gikmuarea ul li .gikmu_info{  min-height:100px;}
}


/*news*/

.newsarea{
	position:relative;
	margin-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;

}
.newsarea .newsbox{
	width:23%; 
	margin:1%;
	position:relative;
	margin-bottom:30px;
}
.newsarea .newsbox:first-child{
	margin-left:0;
}
.newsarea .newsbox:last-child{
	margin-right:0;
}
.newsarea.movboard{
	text-align:center;
}

.newsarea.movboard .newsbox{
	margin-bottom:0px;
}

.newsarea.sabo{
	text-align:center;
}

.newsarea .newsbox a{
	width:100%;
	margin:0 auto;
	display:block;
	position:relative;
	-webkit-transition: .4s; 
	transition:.4s;
	overflow:hidden;
	
 	 
}
.newsarea.movboard .newsbox a{
		border:0px;
}
.newsarea.sabo .newsbox a{
		border:0px;
}


.newsarea .newsbox .imagea{
	position:relative;
	overflow:hidden;
	text-align:center;
	 border:1px solid #ccc;
	 overflow:hidden;
	transform: scale(1);
	transition: transform 0.5s, filter 0.5s, border-color 0.5s;
}

.newsarea.movboard  .newsbox .imagea:after{
	content:'\f04b'; 
	display:block;
	position:absolute;
	font-family: FontAwesome;
	top:50%;
	left:50%;
	width:50px;
	height:33px;
	margin-left:-25px;
	margin-top:-16.5px;
	background:#ff0000;
	font-size:12px;
	line-height:33px;
	color:#fff;
	border-radius:20px;
	
}


.newsarea .newsbox a .imagea img{
		width:100%;
		-webkit-transition: .4s; 
	transition:.4s;
}
.newsarea .newsbox a:hover .imagea img{
	 transform: scale(1.2); 
	 transition: transform 0.5s, filter 0.5s, border-color 0.5s;
}
.newsarea.sabo .newsbox a:hover .imagea{
	 transform: scale(1); 
	 transition: transform 0.5s, filter 0.5s, border-color 0.5s;
}

.newsarea .newsbox .txtarea{
	 
}


.newsarea.movboard .newsbox .txtarea{
		min-height:100px;
}

.newsarea.sabo  .newsbox .txtarea{
	min-height:10px;
}

.newsarea .newsbox .new_tit{
	 font-size:100%;
	 line-height:1.2;
	 font-weight:500;
	 color:#000;
	 padding:20px 10px 5px 10px; 
	 position:relative;
	 
}

.newsarea .newsbox .new_con{
	 position:relative;
	  
	  line-height:1.2;
	 font-size:95%;
	  padding:5px 10px;
	 
}

.newsarea .newsbox .new_date{
	 font-size:89%;
	 font-weight:400;
	 color:#999;
	 padding:3px 10px;
}

 
@media(max-width:800px){
	.newsarea .newsbox{
		width:48%;
		 
	}
 }

 @media(max-width:480px){
	.newsarea .newsbox{
		width:100%;
		 
	}
	.newsarea .newsbox .txtarea{
		min-height:20px;
}

 }



 /*mopmakers*/
 /**/
.sub_t_majorcolor,
.sub_t_majorcolorBlue{color:#1765db}

.sub_t_majorcolorB,
.sub_t_majorcolorDarkBlue{color:#002568} 


:root {
--t_majorcolorBlue: #1765db;
--t_majorcolorDarkBlue: #002568;
 
}

.makerscontnets{

}
 .sub_logo{
	text-align:center; 
	margin:30px auto;
	max-width:220px;
 }

 #sub_mainimgContent{
	
	position:relative;
	width:100%; 
 	background: url(../image/makers/mainimg.jpg) no-repeat 0 0;
	background-size:cover;
	padding-top:4%;
	padding-bottom:4%;
	 
}

   #sub_mainimgContent .firsttxt,
    #sub_mainimgContent .firsttxt div,
   #sub_mainimgContent .secondtxt,
   #sub_mainimgContent .secondtxt div,
   #sub_mainimgContent .txt_desc{
		text-align:right;
   }
     

   #sub_mainimgContent .firsttxt span{display:inline-block;}

    #sub_mainimgContent .secondtxt{

	}

    #sub_mainimgContent .txt_desc{
		font-size:120%;
		font-weight:500;
		margin-top:20px;
	}
   #sub_mainimgContent .txt_desc span{
		display:block;
	  }


	  
#sub_mainimgContent .firsttxt div{
	
 	font-size:60px;
	letter-spacing:-2px;
	font-weight:700;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
	-webkit-transition: .2s; 
	transition:.2s;
	 
	 
	

}

 
 #sub_mainimgContent .secondtxt div{
 	font-size:42px;
	letter-spacing:0px;
	font-weight:700;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:0px;
	-webkit-transition: .2s; 
	transition:.2s;
}
 
 
   
 @media(max-width:1000px){
	
	
 
	#sub_mainimgContent .firsttxt div{
		font-size:50px;
		letter-spacing:0px;
	}
	 #sub_mainimgContent .secondtxt div{
		font-size:37px;
		letter-spacing:0px;
	}

	 #sub_mainimgContent .txt_desc{
		font-size:110%;
		 
	}

	 
	 
}

 @media(max-width:900px){
	#sub_mainimgContent .firsttxt div{
		font-size:40px;
		 
	}
	 #sub_mainimgContent .secondtxt div{
		font-size:30px;
	 
	}
 
	 #sub_mainimgContent .txt_desc{
		font-size:105%;

		}
		 
 
}

@media(max-width:640px){
	
	#sub_mainimgContent .firsttxt div{
		font-size:30px;
		 
	}
	 #sub_mainimgContent .secondtxt div{
		font-size:22px;
	 
	}
	 #sub_mainimgContent .txt_desc{
		font-size:100%;
		 
	}

	 
 
	
}

 
@media(max-width:460px){
   #sub_mainimgContent .firsttxt div{font-size:20px;letter-spacing:-0.03em;}
   #sub_mainimgContent .secondtxt div{font-size:14px;}

    #sub_mainimgContent .txt_desc{
		font-size:80%;
		 
	}

}



.makerscontnets .sub_linkarea a{
	display:inline-block;
	margin: 40px auto 0 auto;
	padding:10px 40px 10px 20px;
	 border-radius:10px;
	 border: 2px solid  rgba(0,37,104,1);
	 color:#fff;
	 font-size:110%;
	 font-weight:400;
	 width:220px; 
	 background:rgba(0,37,104,1);

	 background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    rgba(0,37,104,1) 50%,
    rgba(0,37,104,1));
   background-position: 100% 0px;
    background-size: 200% 100%;
	 transition: all .25s ease-in;
}
.makerscontnets .sub_linkarea a:hover{

 border: 2px solid rgba(23,101,219,1);
 color:#fff;
 background-position: 0 0;
  background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    rgba(23,101,219,1) 50%,
    rgba(23,101,219,1));

}


.makerscontnets a.more_linkeB{
	display:block;
 	position:relative;
 	text-align:left; 
	padding-top:10px;
	line-height:1.5;
 
}
 
.makerscontnets a.more_linkeB span.arrowB{
	position:absolute;
  top:20px;
  display: block;
   width: 15px;	
   height: 13px;
   right:15px;
   border-left: 1px solid #ccc;
  z-index:2;
  
  transform: rotate(135deg);
}

 
.makerscontnets a.more_linkeB span.arrowB:after {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 30px;
	  background-color: #ccc;
	  transform: rotate(-45deg) translate(10px, 3px);
	  left: 0;
	  top: 0;
}


@media(max-width:1000px){
	.makerscontnets .sub_linkarea a{
		width:200px;
	}
}



/*###################업데이트202512######################*/
:root {
	--width:500px;
 }
.content_section{
	position: relative;
	padding-top: 80px;
	 padding-bottom: 80px;
	 
 }
 @media(max-width:1000px){
	.content_section{
 			padding-top: 30px;
			 padding-bottom: 30px;
			 
		 }
 }


.section {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  
}
.content__inblock{
 	margin-bottom:100px;
}
	@media(max-width:1000px){
		.content__inblock{
			margin-bottom:50px;
		}
 }

.key_txt{
	color: var(--t_majorcolorB);
	margin-bottom:50px;
	
}
.key_txt span{ 
	display:block;
}
.key_txtB{
 	margin-bottom:50px;
	
}
.key_txtB span{ 
	display:block;
}

.p_bloock{
	margin-bottom:30px;
}

 @media(max-width:1000px){

	.key_txt span{ 
		display:inline;
	}
	.key_txtB span{ 
		display:inline;
	}

 }
/**/
.tit_content{
	position:relative;
	display:flex;
	width:100%;
}
.tit_content .tit_box{
	flex-basis: var(--width); 
	flex-shrink: 0;
 }
 .tit_content.tit_content_short .tit_box{
	flex-basis: 300px; 
 }
 .tit_content.tit_contentC{
	align-items: center;
 }
  .tit_content.tit_contentCC{
	align-items: stretch;
 }
 .tit_content.tit_contentC .tit_box{
		flex-basis: 50%; 
  }
   .tit_content.tit_contentCC .tit_box{
		flex-basis: 50%;
		display:flex;
		align-items: center;
		flex-wrap:wrap;
		 
 }

.tit_content .contnetbox{
	
	 position:relative;
	 width:100%;
	word-wrap: break-word;
}

.tit_content.tit_contentCC .contnetbox{
		
		display:flex;
		align-items: center;
		flex-wrap:wrap;
		 
 
		 
 }
   .tit_content.tit_contentCC .cibox{
		width:100%;
		 
   }
    .tit_content.tit_contentCC p{
		width:100%;
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
	}

 @media(max-width:1000px){
	.tit_content{
		flex-wrap:wrap;
	}
	.tit_content .tit_box{
		flex-basis: 100%;
		flex-shrink: 1;
	}
	 .tit_content.tit_contentC .tit_box{
		flex-basis: 100%; 
	}
	 .tit_content.tit_contentCC .tit_box{
		flex-basis: 100%; 
	}
 

 }

/**/
 .tit_contentB{
	position:relative;
	display:flex;
	width:100%;
	align-items:stretch;
}
.tit_contentB .tit_box{
	flex-basis: 50%;  
	 align-self: stretch;
	 display:flex;
	  align-items:center;
	 
 }

.tit_contentB .contnetbox{
	flex-basis: 50%; 
	 align-self: stretch;
	
	 display:flex;
	  align-items:center;
	   justify-content: flex-end;
	   text-align:right; 
	 position:relative; 
}
 @media(max-width:1000px){
	.tit_contentB{
		flex-wrap:wrap;
	}
	.tit_contentB .tit_box{
		flex-basis: 100%;
		 
	}
	.tit_contentB .contnetbox{
			flex-basis: 100%;
			 justify-content: flex-start;
	   text-align:left;
	}
 }

/*개요*/

#overview .ptA{
	padding-top:60px;
}
 @media(max-width:1000px){
		#overview .ptA{
		padding-top:30px;
	}
  }

   @media(max-width:1000px){
		.corevales .p_bloock{
		margin-bottom:0;
	}
  }



.accordion{ 
  max-width: 100%;
  height: 500px;
  display: flex;
  overflow: hidden;
  margin: 0px auto 0px auto;
}

 @media(max-width:1000px){
		.accordion{ 
		height: 400px;
	}
  }
 @media(max-width:640px){
		.accordion{ 
		height: 300px;
	}
  }
   @media(max-width:480px){
		.accordion{ 
		height: 200px;
	}
  }

.tab{
 display:inline-block;
  position: relative;
  width: 33.333%;
  margin:0 5px;
  height: inherit;
  padding: 0px;
  color: #FFF;
  cursor: pointer;
  transition: width .8s ease;
  z-index:1;
  border-radius:40px;
  overflow:hidden;
}
.businessA{
		background: url(../image/about/value01.jpg) no-repeat center center;
		background-size:cover;
}
.businessB{
		background: url(../image/about/value02.jpg) no-repeat center center;
		background-size:cover;
}
.businessC{
		background: url(../image/about/value03.jpg) no-repeat center center;
		background-size:cover;
}
 

.infobox{
 position: absolute;
  z-index: 2;
  top: 0;
  left:0;
  width:100%;
  height:100%;  
  background: rgba(0,0,0,.2);
  
}

.infobox h4{
	 
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:-45px;
	width:100%;
	left:0;
 }
 .infobox h4 span{display:block;}
/* --- Hover Effects --- */


.tab:hover{
  width: 50%;


}

.tab:hover .infobox{
  transition: all .8s ease;
   /*padding-top:15%;*/
   /* background: rgba(0,0,0,.3);
		-webkit-backdrop-filter: blur(7px);
		backdrop-filter: blur(7px);*/
}

.tab:hover .infobox h4{
	 
	 
	
}


.tab:hover .infobox .busstxt{
	display:block;
	opacity: 1;
	 transition: all .8s ease;
	 max-width:350px;
	 font-size:90%;
	 letter-spacing:-1px;
	 text-align:center;
	
	  
}

.tab:hover .infobox .btn_link{
	display:block;
	margin:50px auto 0 auto ;
	position:relative;
	width:140px;
	text-align:	 left;
	border: 2px solid #fff;
	border-radius:30px;
	padding:7px 7px 5px 20px;
	color:#fff;
	font-size:13px;
	line-height:1;
	 
}
.tab:hover .infobox .btn_link i{
	 font-size:21px;
	 font-weight:300;
	line-height:1.2;
	vertical-align:middle;
	margin-left:5px;
	margin-top:-2px;
}
 

.tab:hover .infobox .btn_link:hover{
	background: var(--t_majorcolorSkyblueB);
	border: 2px solid var(--t_majorcolorSkyblueB);
}
 

 /*카다로그*/
 .catalogarea{
	 display:flex;
	 width:100%;
	  align-items:stretch;
	  margin-bottom:10px;
 	  
 }
 #books  .catalogarea{margin-top:20px;}

  .catalogarea .cata_box{
 	 margin:0 1%;
	 flex-grow: 1;
	 padding:10px 10px;
	 align-self: stretch;

	  display:flex;
	  align-items:center;
	   justify-content: center;
	  

	 text-align:center;
	 border: 2px solid #ccc;
	 border-radius:6px;
	
  }
   #books   .catalogarea{
		padding:5px 10px;
   }
  #ciarea .catalogarea{
	 justify-content: flex-end; 
  }
	
	#ciarea .catalogarea .cata_box{
		 flex-grow: 0;
		 flex-basis: 300px;
		
	}
    
 
	 .catalogarea .cata_box .catadown {
			padding-top:0px;
			padding-left:0px;
			width:100%;
			 position:relative;
		
		  }
		 
	 .catalogarea .cata_box .catadown .linkarea {
		display:block;
		text-align:center;
		


	 }
   .catalogarea .cata_box .catadown .linkarea a{
		 display:flex;
		  align-items:center;
	   justify-content: center;
		padding-top:3px;
		padding-bottom:3px;
		 width:100%;
		 position:relative;
		
		 
		  
	}
	.catalogarea .cata_box .catadown .linkarea a span{
		line-height:1;
		display:block;
		width: calc(100% - 30px);
		
		
		 
		 
	}
	   .catalogarea .cata_box .catadown .linkarea a .icona{
			 
			flex-basis:20px; 
			padding:0;
			margin:0;
			line-height:1;
			margin-left:10px;

	   }

	@media all and  (max-width:460px){ 
		.catalogarea.colTwo{
			flex-wrap:wrap;
			 
		}

		 .catalogarea.colTwo .cata_box{
			 flex-basis:100%; 
			 flex-wrap:wrap;
			 margin-bottom:10px;

			
		 }

	}


	/**연혁*/
#historyareaA .his_yearA{
	display:block;
	border-top:3px solid rgba(0,0,0,.2);
	padding-top:20px;
	color: var(--t_majorcolorB);
	font-weight:600;
	margin-top:0;
}


#historyareaA ul.his_ulli{
	margin-top:30px;
	margin-bottom:60px;
}
#historyareaA ul.his_ulli li{
	display:block;
	position:relative;
	padding:5px 5px;
	border-top: 1px solid rgba(0,0,0,.07);
	 

}
/*#historyareaA ul.his_ulli li:after{
	content:'';
	margin-top:5px;
	display:block;
	position:relative;
	width:100%;
	height:1px;
	background:rgba(0,0,0,.07);
}*/


#historyareaA .txt_img_box .textarea{
 	padding-left:0px;
	padding-right:0px;
	padding-top:0;
}


#historyareaA .txt_img_box .imgarea{
	padding-left:50px;
	padding-right:0px; 
	text-align:right;
}

#historyareaA .txt_img_box.imgLeft .imgarea{
	 
	text-align:left;
	padding-left:0px;
	padding-right:0px; 
}

#historyareaA .txt_img_box.imgLeft .textarea{
	 
 
	padding-left:50px; 
}
/*#historyareaA .txt_img_box.imgLeft .textarea{
	text-align:right;
}*/

@media(max-width:1000px){
	#historyareaA .txt_img_box .imgarea{
			padding-left:0px;
			padding-right:0px; 
			margin-bottom:30px;
			 
		}
		#historyareaA .txt_img_box .imgarea{
			padding-left:0px;
		}
		#historyareaA .txt_img_box.imgLeft .textarea{
  
			padding-left:0px; 
		}

}


/*ci*/

#ciarea .tit_content .contnetbox{
	justify-content: flex-end;
}

#ciarea .cibox{
	padding: 0 30px;

}
#ciarea .cibox .cibox_in{
	background: url(../image/about/patten2.png);
	padding:20px;
	border-right: 1px solid #e9ebed;
	border-bottom: 1px solid #e9ebed;
	text-align:center;
}
#ciarea .cibox .cibox_inB{
 	padding:30px;
	text-align:center;
 }

#ciarea .cibox .cibox_in span{
	position:relative;
	display:inline-block;
	margin:0 auto;
}

#symbol{
	background:#f4f5f7;
}
#ciarea #logotype .tit_box .cibox{
	padding-left: 0px;
}
#ciarea #logotype .contnetbox .cibox{
	padding-right: 0px;
}

#symbol .p_bloock .spanblock{
	display:block;
}
@media(max-width:480px){
	  #symbol .p_bloock .spanblock{
		display:inline;
	}
 }

/*color*/

.colordiv{
	display:flex;
	align-items: stretch;
 
}

.colordiv .halfcon{
	 flex-basis: 50%; 
	 flex-shrink: 0;
	 word-wrap: break-word;
}
.colordiv .halfcon_box{
	
}
.colordiv .halfcon.halfcon_left,
.colordiv .halfcon_box.colorA{
	background:#1f296f;
}
.colordiv .halfcon_box.colorB{
	background:#004098;
}
.colordiv .halfcon_box.colorC{
	background:#187fc4;
}
.colordiv .halfcon_box.colorD{
	background:#231815;
}
.colordiv .halfcon_box.colorE{
	background:#666464;
}
.colordiv .halfcon_box .txtarea{
	display:flex;
	align-items: stretch;
	color:#fff;
}
.colordiv .halfcon_box .txtarea .txtarea_con{
	flex-basis: 50%; 
	display:flex;	  
	padding:10px;
 
}
.colordiv .halfcon_box .txtarea .txtarea_con.rightcon{
	 display:flex;	 
	 justify-content: flex-end;
}
.colordiv .halfcon_box .txtarea .txtarea_con.rightcon ul{
	min-width:150px;
}

@media(max-width:520px){
	.colordiv{
		flex-wrap:wrap;
	}
	.colordiv .halfcon{
		 flex-basis: 100%; 
	}
}


/**제품**/

  /*icon_arrow*/

    a.morelinkbox{
		display:inline-block;  
		line-height:1.1;
		padding:0px;
		margin:0;
		position:relative; 
		text-align:left;
		font-weight:600;
  }
   a.morelinkbox:hover{  }
  a.morelinkbox span.icon_arrow{
	 display:inline-block;
	 width:100%;
	 height:100%;
	 background: url(../image/arrow-right_on.svg) no-repeat center center;
	 background-size:70%;
  }
   a.morelinkbox:hover span.icon_arrow{
		 
   }

     a.morelinkbox span.icon_arrow::after{
	  
}
/**/

 #mainprolist .img_in_txt{
		position:relative;
		margin:0 auto;
		max-width:500px;
		
		overflow:hidden;
	}
	#mainprolist .img_in_txt .imgarea{
		position:relative;
		z-index:1;
		border-radius:30px;
		overflow:hidden;
		

	}
	#mainprolist .img_in_txt .linkbox{
		position:absolute;
		z-index:2;
		top:40px;
		width:100%;
		text-align:center;

	}
#mainprolist .title{
	font-size:200%;
	font-weight:500;
	margin-bottom:50px;
	color:#fff;
}
#mainprolist .title span{
	display:block;
	opacity:.8;
	text-align:center;
	font-size:70%;
}

#mainprolist .linkbox .linkicon_wrap{
	display:inline-block;
	vertical-align:middle;
	width:200px;
	
	margin:0 auto;
	height:60px; 
	
	  border-radius: 30px;
	  background: linear-gradient(-45deg,rgba(255,255,255,.4),rgba(194,223,241,.3));
	  -webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	  overflow:hidden;
	   
}
#mainprolist .linkbox a.morelinkbox{
	color:#fff;
	
 	
}

#mainprolist .linkicon {
	 position: relative;
	border-radius: 30px;
	 padding: 0;
	  overflow:hidden;
	  font-size: 100%;
	  line-height:1.2;
	  width:100%;
	  height:100%; 
	  padding-top:9px;
	  padding-bottom:10px;
	  padding-left:10px;
	  text-align:center;
	  
}
#mainprolist .linkicon:before {
	  content:"";
	  position: absolute;
	  inset: 0;
	  padding: 1px;  
	  background: linear-gradient(0deg,rgba(194,223,241,0),rgba(255,255,255,.7));
	  border-radius: inherit;
	  --m:conic-gradient(#000 0 0);
	  mask: var(--m) content-box exclude,var(--m);
	  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
	 #mainprolist .linkicon:before {
		background: linear-gradient(0deg in lch,rgba(194,223,241,0),rgba(255,255,255,.7));
	  }
}

#mainprolist .linkicon .icon_arrow{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;

	margin-left:30px;
}

 




@media screen and (max-width: 1300px) {
 
	 #mainprolist .img_in_txt{max-width:400px;}
}


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


	 #mainprolist .img_in_txt{max-width:350px;}
}
@media screen and (max-width: 1000px) {
 	 
	#mainprolist .img_in_txt{max-width:96%;}
	#mainprolist .img_in_txt .imgarea{max-width:500px;margin:0 auto;}
	#mainprolist .title{font-size:180%;}
 
}


#mainprolist .listbox_wrap{
	display:flex;
}
#mainprolist .listbox_wrap.coltwo{
	 justify-content: flex-end;
}
#mainprolist .listbox_wrap .listbox{
	margin:10px; 
	
}

@media screen and (max-width: 1000px) {
	
	#mainprolist .listbox_wrap{
		flex-wrap:wrap;
	}
	#mainprolist .listbox_wrap .listbox{
		width:100%;
	}
}

/*추가제품*/
.key_fea{
	margin-top:30px; 
	padding-top:30px;
	position:relative;
}
.key_fea:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:2px;
	background:rgba(0,0,0,.2);

}


.key_fea dl{
	position:relative;
	margin-bottom:10px;
}
.key_fea dl dt{
	position:absolute;
	left:0;
	top:0;
	font-weight:600;


}
.key_fea dl dd{
	position:relative;
	padding-left:170px;
	min-height:22px;
}

.key_fea.key_feaB dl dd{
	padding-left:190px;
}

@media screen and (max-width: 480px) {
	.key_fea dl dt{
			position:relative; 
		}
		.key_fea dl dd,
		.key_fea.key_feaB dl dd{
			padding-left:0;
		}

}

/**/
.pro_catalogo{
	margin-top:60px;
	margin-bottom:60px;
	max-width:400px;
}
/**/
.spec-img{
	display:flex;
	
}
.spec-img .spec-img_item{
	
}

.spec-img .spectable{
	width:100%;
}
.spec-img.max-width_half .spectable {
	width:50%; 
	flex-basis: 50%;
	padding:10px;
}
.spec-img .pimage {
	
	padding-left:30px;
	text-align:right;
	
}
.spec-img .pimage img{
	 width:100%;
}

.spec-img.max-width600 .pimage {
 
	width:600px; 
	flex-basis: 600px;
	flex-shrink: 0;
 	
}
 

 @media(max-width:1000px){
		.spec-img.max-width600 .pimage {
				width:500px; 
				flex-basis: 500px;
		}

		

 }

  @media(max-width:780px){
		.spec-img.max-width600 .pimage {
				width:400px; 
				flex-basis: 400px;
		}
		.spec-img.max-width_half{
			flex-wrap:wrap;
			}

		.spec-img.max-width_half .spectable {
			width:100%; 
			flex-basis: 100%;
			padding:0px;
		}

 }

   @media(max-width:580px){
		
		.spec-img{
			flex-wrap:wrap;
			}
		.spec-img.max-width600 .pimage {
				width:100%; 
				flex-basis: 100%;
				margin-top:30px;
				padding-left:0px;
		}

 }



 /**/
#sub_PRODUCT #symbol .tit_content.tit_contentC .contnetbox{
	text-align:right;
}



/*colorchart*/
#pro_color{
	padding-top:50px;
}
.colorchart{
	display:flex;
	flex-wrap:wrap;
}
.colorchart .colorbox{
	flex-basis: 20%;
	
	 padding:10px;
}
.colorchart .colorbox .colorbox_box{
	border-radius:20px;
	width:120px;
	height:120px;
	overflow:hidden;
	margin:0 auto;
	border:1px solid #ccc;
}
.colorchart .colorbox .colorbox_title{
	text-align:center;
	display:block;
}

.colorchart .colorbox.White .colorbox_box{background:#fff;}
.colorchart .colorbox.Black .colorbox_box{background:#000;}
.colorchart .colorbox.Metal .colorbox_box{background:#858688;}
.colorchart .colorbox.Khaki .colorbox_box{background:#20381e;}
.colorchart .colorbox.Mint .colorbox_box{background:#93bfb0;}
.colorchart .colorbox.Brown .colorbox_box{background:#603813;}
.colorchart .colorbox.Sand .colorbox_box{background:#a97b50;}
.colorchart .colorbox.Lavender .colorbox_box{background:#d0bdd5;}
.colorchart .colorbox.Pink .colorbox_box{background:#d387ba;}
.colorchart .colorbox.Blue .colorbox_box{background:#5496c5;}


/*rmd*/
 .panel__section {
  width: 100%;
  height: 100vh;
 
}

#rnd_overview{
 	background: url(../image/rnd/back_rnd01.jpg) no-repeat center center;
	background-size: cover; 
	position:relative;
	width:100%;
  height: 100vh;
	 
	
}
@media all and  (max-width:1000px){
	#rnd_overview{
		padding-top:80px;
		padding-bottom:80px;
	}
}
@media all and  (max-width:6400px){
	#rnd_overview{
		padding-top:40px;
		padding-bottom:40px;
	}
}

#rnd_overview .sub_wrap:after{
	display:block;
	content:'';
	position:relative;
	height:100%;
}

#rnd_overview .floattxttt{
	 padding-top:50px;
	 padding-bottom:50px;
	 color:#fff;
	 

}

#rnd_overview .ttitinfo .headtxt{}

#rnd_overview .ttitinfo{text-align:left;padding:10px  0px 10px 0;margin:0;}
#rnd_overview  .ttitinfo span.s_txt{
	 
	display:block;
	font-weight:500;
	margin-top:20px;
	margin-bottom:20px;
	opacity:.8;
	
	}
 
 #rnd_overview .ttitinfo h2 span{display:block;}
 #rnd_overview .ttitinfo h3 span{display:block;}
 
  #rnd_overview  .txt_dec{
	margin-top:60px;
 }
@media(max-width:1000px){
	.ttitinfo .txt_dec{
		font-size:120%; 
		letter-spacing:0px;
	 }
	  
	 .ttitinfo h3 span{display:inline;}
}
@media(max-width:780px){
	.ttitinfo .txt_dec{
		font-size:110%; 
 	 }
}
 

 #rnd_overviewB{
	background: url(../image/rnd/back_rnd01.jpg) no-repeat center center;
	background-size: cover; 
	position:relative;
	width:100%;
	height:100%;
	padding-top:100px;
	padding-bottom:100px;
	
	
}
 #rnd_overviewB .section{
	
	position:relative;
 	 
	min-height:400px;

	
 }

  #rnd_overviewB .floattxttt {
	
	position:absolute;
	color:#fff;
	top:50%;
	left:0;
	width:100%;
	padding:0;
	margin:0;
  }
    #rnd_overviewB .floattxttt .txt_dec{
		position:relative;
		margin:0 auto;
		text-align:center;
		
	}

	/* this is the class animated by gsap */
.vCurtain {
  --colorFill: rgba(255, 255, 255, 1);
  --colorTransparent: rgba(255, 255, 255, 0);
  --left: 50%;
  --right: 50%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    90deg,
    var(--colorFill) 0,
    var(--colorFill) var(--left),
    var(--colorTransparent) var(--left),
    var(--colorTransparent) var(--right),
    var(--colorFill) var(--right),
    var(--colorFill) 100%
  );
}


 @media(max-width:1000px){

  #rnd_overviewB{
		padding-top:50px;
		padding-bottom:50px;
  
  }
  
  #rnd_overviewB .section{
		min-height:280px;
	 }
	  #rnd_overviewB .floattxttt {
			top:80px;
	  }

 }
/**/
#solution{

}

.nav__info-container {
  position: relative;
  left:0;
  margin:0;
  padding:0; 
  width:100%;
  height:100%;
 
  
}
.nav__info-container .scrollpanels {
  max-width:400px;
  position: absolute;
  top:50%;
  left:0px;
  z-index: 7;
   padding-top:100px;
   
}
.nav__info-container .scrollpanels .stxt{
	margin-bottom:20px;
	font-size:120%;
	font-weight:800;
}

.navmenu {
  margin: 0 auto;
  width: 100%; 
  padding-top:30px;
  
  

}
.navmenu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.navmenu ul li {
  padding: 10px 0 10px 0;
  width:100%;
  
}
.scrollpanels-content {}
.scrollpanels-content section {
  position: relative;
  overflow: hidden;
  min-height: 100vh; 
  padding:0;
  margin:0;
  border-radius:0;
}
.scrollpanels-content section#info1 {
	background: url(../image/rnd/back_rnd04.jpg) no-repeat center center;
	background-size: cover; 
}
.scrollpanels-content section#info2 {
	background: url(../image/rnd/back_rnd02.jpg) no-repeat center center;
	background-size: cover; 
}
.scrollpanels-content section#info3 {
	background: url(../image/rnd/back_rnd03.jpg) no-repeat center center;
	background-size: cover; 
}

/*button:after {
  content: "000";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 6px;
  background-color: pink;
  opacity: 0;
  visibility: hidden;
}*/
.navmenu ul li button{
	background:none;
	border:0;
	color:#000;
	opacity:.4;
	font-size:180%;
	font-weight:600;
	cursor:pointer;
	padding:0;
	margin:0;
}
.navmenu ul li button:hover, button:focus, button:active {
  text-decoration: none;
  color: black;
}
.navmenu ul li button.active {
 opacity:1;
 color:var(--t_majorcolor);
 border-bottom: 2px solid var(--t_majorcolor);
}
.navmenu ul li button.active:after {
  opacity: 1;
  visibility: visible;
}

/**/
.scrollpanels-content .sub_wrap:after{
	content:'';
	display:block;
	height:100%;
	position:relative;
}
.scrollpanels-content .contents_infobox{
	position:absolute;
	right:0;
 
	top:200px;;
}
.scrollpanels-content .contents_infobox_inbox{
 	 
	position:relative;
	padding:0px;
	width:560px;
	border-radius:30px;
	background: rgba(255,255,255,.3);
		-webkit-backdrop-filter: blur(7px);
		backdrop-filter: blur(7px); 
		box-shadow:var(--shadow-normal);

}
.scrollpanels-content .first_txt{
	padding:30px 30px 0 30px;
}
.scrollpanels-content .first_txt span{
	display:inline-block;
	vertical-align:middle;

}
.scrollpanels-content .first_txt span.s_desc{
	font-weight:500;
}
.scrollpanels-content .second_txt{
	display:block;
	padding:0px 30px 30px 30px;
	font-size:80%;
	opacity:.7;
	letter-spacing:0;
}
.scrollpanels-content .rnd_desc{
	border-top :1px solid rgba(255,255,255,.5);
	padding:30px;
	 
}
.
.scrollpanels-content .contents_infobox_inbox:before {
	  content:"";
	  position: absolute;
	  inset: 0;
	  padding: 1px;  
	  background: linear-gradient(0deg,rgba(194,223,241,0),rgba(255,255,255,.7));
	  border-radius: inherit;
	  --m:conic-gradient(#000 0 0);
	  mask: var(--m) content-box exclude,var(--m);
	  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
	 .scrollpanels-content .contents_infobox_inbox:before {
		background: linear-gradient(0deg in lch,rgba(194,223,241,0),rgba(255,255,255,.7));
	  }
}
 

  @media(max-width:1000px){
	.nav__info-container .scrollpanels {
		position: relative;
		margin:0 auto;
		top:0;
		 padding-top:50px;
		  padding-bottom:50px;
		  width:98%;
	}
	.nav__info-container .scrollpanels .stxt{
		text-align:center;
		font-size:200%;
	}
	.navmenu {
		display:none;
	}
	.scrollpanels-content{}
	.scrollpanels-content section {
		min-height: 100px; 
		padding-bottom:50px;
	}
	.scrollpanels-content .contents_infobox{
		position: relative;
		margin:0 auto;
		top:0px;
		margin-top:50px;
		
	}
	.scrollpanels-content .contents_infobox_inbox{
		margin:0 auto;
		width:90%;
		max-width:400px;
	}

  }


/*적용분야*/
#applist{

}

.applist_box{
	position:relative;
}
.applist_box .applist_box_con{
	display:inline-block;
	width:47%;
	margin:1%;
	position:relative;
	 
}

.applist_box .applist_box_con .imagearea{
	min-height:400px; 
	border-radius:20px;
	overflow:hidden;
}
.applist_box .applist_box_con .imagearea:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
 	width:100%;
	height:100%;
	border-radius:20px;
	overflow:hidden;
	background: linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,0));


}
.applist_box .appA .imagearea{
	background: url(../image/rnd/back_rnd05.jpg) no-repeat center center;
	background-size: cover; 
}
.applist_box .appB .imagearea{
	background: url(../image/rnd/back_rnd06.jpg) no-repeat center center;
	background-size: cover; 
}

.applist_box .appC .imagearea{
	background: url(../image/rnd/back_rnd07.jpg) no-repeat center center;
	background-size: cover; 
}

.applist_box .appD .imagearea{
	background: url(../image/rnd/back_rnd08.jpg) no-repeat center center;
	background-size: cover; 
}


.applist_box .applist_box_con .txtarea{
		position:absolute;
		bottom:0;
		width:90%;
		left:5%;
		background: rgba(255,255,255,.2);
		border: 1px solid  rgba(255,255,255,.6);
		border-bottom: 0px solid  rgba(255,255,255,.6);
		-webkit-backdrop-filter: blur(7px);
		backdrop-filter: blur(7px); 
		padding: 0  30px;
		border-radius:20px 20px 0 0;
		overflow:hidden;
		color:#fff;
}
.applist_box .applist_box_con .txtarea .title{
	font-size:130%;
	padding-top:20px; 
	padding-bottom:20px; 
	position:relative;
}
.applist_box .applist_box_con:hover .txtarea .title{
	
}
.applist_box .applist_box_con .txtarea .title i{
	position:absolute;
	right:0;
 
}
.applist_box .applist_box_con:hover .txtarea .title i{
	-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);
 
}
.applist_box .applist_box_con .txtarea .desct{
 	  
	 height:0;
	  -webkit-transition: .3s; 
	 transition:.3s;
	
	 
}

.applist_box .applist_box_con:hover .txtarea .desct{
	   -webkit-transition: .3s; 
	 transition:.3s;
	height:100%;
	padding-bottom:30px;
	 
	 
}


@media(max-width:500px){

	.applist_box .applist_box_con{
		width:98%;
	}
}




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

.certiarea {
	text-align:center;
}

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

.certiarea  .certibox .imgarea{
	text-align:center;
}
.certiarea  .certibox .imgarea img{
	border:1px solid #bbbbbb;
	box-shadow: var(--shadow-normal);
}

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

#books .certiarea  .certibox .txtarea{
		min-height:100px;
}

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

}
 



 /*채용*/

 #incruitmian{
	background:linear-gradient(to top left,  #1f3666,#3c6aca); 
  }

  .flexbox{
	 display: flex;
	 align-items: stretch;
	 justify-content: space-between;
  }

.flexbox .flexbox_in{
		
 }

   .flexboxB{
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
  }

.flexboxB .flexbox_in{
		
 }



.incruitA .leftcon{
	 color:#fff;
}

#incruitmian   .catalogarea .cata_box{
	background:#fff;
	border: 0px solid #ccc;
}
#incruitmian   .catalogarea .cata_box .catadown {
	max-width:300px;
	width:300px;
}

@media(max-width:1000px){
  .incruitA{
	flex-wrap:wrap;
  }
  .incruitA .flexbox_in{
	width:100%;
  }
  .incruitA .leftcon{
		text-align:center;
  }
    #incruitmian   .catalogarea {
		text-align:center;
		 align-items: center;
		 justify-content: center;
	}
  #incruitmian   .catalogarea .cata_box{
		max-width:300px;
		margin-top:30px;
  }
 }



.incruitB .flexbox_in{
	width:33.333%;
	margin:1%;
}
.incruitB .flexbox_in .box_icon{
	background:#fff;
	border-radius:20px;
	padding:30px 10px;
	text-align:center;
	box-shadow:var(--shadow-normal);

}

.incruitB .flexbox_in .box_icon .iconimg{
	width:40px;
	 
	height:40px;
	position:relative;
	margin: 0px auto;
}
.incruitB .flexbox_in .box_icon .iconimg svg{
		width:100%;
}
.incruitB .flexbox_in .box_icon  span{
	display:block;
	text-align:center;
	margin-top:20px;
	font-weight:500;
	font-size:130%;
	line-height:1.1;
}
.incruitB .flexbox_in:nth-child(1) .box_icon  span{
	color:red;
}
.incruitB .flexbox_in:nth-child(2) .box_icon  span{
	color:#1769df;
}
.incruitB .flexbox_in:nth-child(3) .box_icon  span{
	color:#18a25b;
}
.incruitB .flexbox_in .txtarea{
	text-align:center;
	margin-top:30px;
}
.incruitB .flexbox_in .txtarea span{
	display:block;
}
@media(max-width:420px){
	  .incruitB .flexbox_in .box_icon  span{
		 
		font-size:120%;
		min-height:40px;
		 
	}

 }

.incruitC .flexbox_in{
	width:25%;
	margin:1%;
}
.incruitC .flexbox_in .box_icon{
	 
	padding:10px 10px;
	text-align:center;
 
}

.incruitC .flexbox_in .box_icon .iconimg{
	width:50px;
	height:50px;
	position:relative;
	margin: 0px auto;
}
.incruitC .flexbox_in .box_icon .iconimg svg{
		width:100%;
}
.incruitC .flexbox_in .box_icon  span{
	display:block;
	text-align:center;
	margin-top:20px;
	min-height:70px;
	font-size:130%;
	font-weight:500;
}
.incruitC .flexbox_in .box_icon  span span{
	opacity:.7;
	font-size:14px;
	line-height:1.1;
	margin-top:0px;
	min-height:0px;
	font-weight:400;
}

.incruitC .flexbox_in .txtarea{
	text-align:center;
	margin-top:10px;
	border-radius:10px 10px 0 0;
	padding: 5px 5px;
}
.incruitC .flexbox_in .txtarea{
	display:block;
	color:#fff;
	 
}

.incruitC .flexbox_in:nth-child(1) .txtarea{
	background:#227fc4;
}
.incruitC .flexbox_in:nth-child(2) .txtarea{
	background:#2165aa;
}
.incruitC .flexbox_in:nth-child(3) .txtarea {
	background:#204b91;
}
.incruitC .flexbox_in:nth-child(4) .txtarea {
	background:#1f296f;
}


@media(max-width:640px){
	.incruitC{
		flex-wrap:wrap;
	}
	.incruitC .flexbox_in{
		width:48%;
		flex-basis: 48%;
		margin:1%;
	}
 }


.incruitD {
	flex-wrap:wrap;
}
 
.incruitD .flexbox_in{
	width:31.333%;
	margin:1%;
	background:#fff;
	border-radius:0px;
	text-align:center;
	box-shadow:var(--shadow-normal);
	border: 1px solid #ccc;
}
.incruitD .flexbox_in .box_icon{
	padding:30px 30px;

}

.incruitD .flexbox_in .box_icon .iconimg{
	width:40px;
	 
	height:40px;
	position:relative;
	margin: 0px ;
}
.incruitD .flexbox_in .box_icon .iconimg svg{
		width:100%;
}
.incruitD .flexbox_in .box_icon  strong{
	display:block;
	text-align:left;
	font-size:130%;
	margin-top:20px;
	font-weight:500;
}
 
.incruitD .flexbox_in .txtarea{
	text-align:left;
	margin-top:30px;
}
.incruitD .flexbox_in .txtarea span{
	display:block;
	opacity:.8;
}

@media(max-width:640px){

	.incruitD .flexbox_in{
		width:48%;
	}
}


/*오시는길*/

#work_slider{
	max-width:900px;
	margin: 0 auto;
}
.maparea .cont{
	display:none;
}

.locationara{

}
.locationara .loc_info{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content: space-between;
}
.locationara .loc_info dl{
	flex-basis: 31.333%; 
	margin:0 1% 1% 0%;
	display:flex; 
}
.locationara .loc_info dl:first-child,
.locationara .loc_info dl:nth-child(2){
	margin-left:0
}
.locationara .loc_info dl.address,
.locationara .loc_info dl:last-child{
	margin-right:0
}
.locationara .loc_info dl.address{
	width:100%;
	flex-basis: 100%; 
	flex-wrap:wrap;

}
.locationara .loc_info dl.timea{
	  display:flex;
	  justify-content: flex-end;
 	 
}
@media(max-width:1000px){
.locationara .loc_info dl{
	flex-basis: auto; 
	margin:0 1% 1% 0%;
	display:flex; 
}
  .locationara .loc_info dl.timea{ 
		  justify-content: flex-start;
 	}
 }


.locationara .loc_info dl dt{
	opacity:.8;
	margin-right:20px;
}
.locationara .loc_info dl.address {
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.locationara .loc_info dl.address dt{
width:100%;
}
.locationara .loc_info dl.address dd{
	font-size:130%;
	font-weight:500;
	width:100%;
}

/**/

.transarea p{
	opacity:.8;
	font-size:90%;
	margin-bottom:10px;
}

.transarea .trans{
	display:flex;
}
.transarea .trans_inbox{
	width:33.333%;
	 
	padding:5px;

}
.transarea .trans.bus .trans_inbox:nth-child(2){
	width:66.666%;
 
	 
}
.trans .trans_inbox .title span{
	vertical-align:middle;
	margin-right:10px;
	font-weight:500;
}
.trans.bus .trans_inbox:nth-child(1) .title {
	color:#3c6cf1;
}
.trans  .trans_inbox .title.bus_jisun {
	color:#48bf35;
}
.trans.bus .trans_inbox .title svg{
	width:25px;
}

.trans .trans_inbox .title.bus_gansun svg{
	fill:#3c6cf1;
	vertical-align:middle;
}
 
.trans .trans_inbox .title.bus_jisun svg{
	fill:#48bf35;
	vertical-align:middle;
}

 .trans .trans_inbox .desc{
	font-size:90%;
	margin-top:10px;
 }


.trans .trans_inbox .title svg{
	width:25px;
}
.trans .trans_inbox .title.subway1 {
	color:#263c96;
}
.trans .trans_inbox .title.subway3 {
	color:#ec5c18;
}
.trans .trans_inbox .title.subway2 {
	color:#00b140;
}

.trans .trans_inbox .title.subway5 {
	color:#a448c6;
}

.trans .trans_inbox .title.subway1 svg{
	fill:#263c96;
	vertical-align:middle;
}
.trans .trans_inbox .title.subway3 svg{
	fill:#ec5c18;
	vertical-align:middle;
}
 
.trans .trans_inbox:nth-child(2) .title.subway2 svg{
	fill:#36ff86;
	vertical-align:middle;
}
.trans .trans_inbox:nth-child(3) .title.subway5 svg{
	fill:#a448c6;
	vertical-align:middle;
}


@media(max-width:500px){
 
  .transarea .trans{
	flex-wrap:wrap;
}
  .transarea .trans_inbox{
		width:100%;
		margin-bottom:10px;
 
	}
	.transarea .trans.bus .trans_inbox:nth-child(2){
		width:100%;
	 
		 
	}
 }