@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:1280px;
	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;
 	 
}
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.stitle{
 
	 font-size:130%;
	
}

 
 
.headtxtA{font-size:50px;line-height:1.1;font-weight:400;letter-spacing:-1px;}
.headtxtB{font-size:30px;line-height:1.3;font-weight:400;letter-spacing:-1px;}
.headtxtB.headtxtBB{font-weight:300;}

.headtxtB strong{font-weight:400;}
.headtxtC{font-size:28px;line-height:1.3;font-weight:400;letter-spacing:-1px;}
.headtxtCC{font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-1px;;}
.headtxtC.thin{font-weight:300;}
.headtxtD{font-size:19px;line-height:1.3;font-weight:300;}

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:500px;
}
#topfiximg{position:absolute; width:100%;height:100%;background-size:cover;}

.aboutus{background: url(../image/about/topimg.jpg)  no-repeat center center;}
.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:left;
padding-top:280px;
color:#fff;
z-index:3;
width:96%;
margin:0 auto;
max-width:1280px;
}
 
  
 
/**/

 .loc_title {position:relative;padding-top:30px;z-index:3;margin:0 auto; width:96%; max-width:1280px;}
 
  .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:-46px auto 0 auto;	 
	padding:0px 0;
	top:0; 
	text-align:center;
	z-index:3333;
	border:0;
	
	
	
	 
 }

 
 
.submenu .submenu_box{
	margin : 0  auto; 	
	position:relative;
	padding: 0px; 
	display:inline-block;
	
	width:100%;
	max-width:900px;
	

	
	
}
 


.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-right: 0px;
	z-index:2; 
 	padding:0px;
	border: 0px;
	
	background:rgba(32,60,110,1);
	border-left:0; 	 
	vertical-align:middle;

	 
}
.submenu .submenu_box ul.coltwo li{
		width:50%;
}
.submenu .submenu_box ul.colthree li{
		width:33.3333333%;
}
.submenu .submenu_box ul.colfour li{
		width:25%;
}

	

 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:17px;
	letter-spacing:0px;
	display: block;
	padding:10px 0px;
	text-align:center; 
	color:#fff;
	font-weight:400;
	width:100%;
	
}
 


 .submenu .submenu_box ul li.subOn{
	background:#fff;
 }

.submenu .submenu_box ul li.subOn a{
	color:#333;
 	
	
}
 

 
/**/
.con_sub_menu{
	position:relative;
	margin:50px auto 0 auto;
	text-align:center;
	max-width:900px;
	z-index:33;
}
.con_sub_menu:after{
 clear:both;
 display:block;
 position:relative;
 height:30px;
 content:'';

}
.con_sub_menu ul {
	font-size:0;
}
.con_sub_menu ul li{
	display:inline-block;
	
	margin-bottom:3px;
}
.con_sub_menu ul.coltwo li{
	width:50%; 
	max-width:300px;
}
.con_sub_menu ul.colthree li{
	width:33.33333333%; 
}
.con_sub_menu ul.colfour li{
	width:25%; 
}
.con_sub_menu ul.colfive li{
	width:20%; 
}
.con_sub_menu ul li a{
	margin:0 auto;
	position:relative;
	width:98%;
	display:block;
	background:#f7f7f7;
	border-radius:40px; 
	padding:10px;
	text-align:center;
	 font-size:17px;
	 font-weight:400;
	line-height:1.2;
 
}
.con_sub_menu ul li a span{
	font-size:12px;
}
.con_sub_menu.engt ul li a{
	font-family:'Poppins', sans-serif;
}
.con_sub_menu ul li.on a{
	background:#454545;
	color:#fff;
	 
 

}


@media all and  (max-width:1000px){
	.con_sub_menu{
		
		margin-top:30px;

	}
	.con_sub_menu ul li a{
		padding:5px;
	
	 

	}

}

@media all and  (max-width:840px){
 .con_sub_menu{
	 
	
}
	.con_sub_menu ul li{
		width:50%; 
	}
}
@media all and  (max-width:640px){

	.con_sub_menu ul.colfour li{
		width:50%; 
	}
	.con_sub_menu ul.colfive li{
		width:33.333%; 
	}

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

	 
	.con_sub_menu ul.colfive li{
		width:50%; 
	}

}
 
/*/////////BODY CONTNETS////////*/
  
#sub_contents{
 
	background: #fff;
	width:100%;
	color:#323232;
	letter-spacing:-0.03em;
	font-size:105%;
	font-weight:300;
	padding:40px 0px 60px 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;}
	.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;
		padding:30px 0px 20px 0px; 
		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;}
	.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;}
	.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 .sub_wrap:after{
	clear:both;
	content:'';
	display:block;
	position:relative;

}
.pro_overview .proimgare{
	float:right;
	width:37%;
	margin-left:3%;
}

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

.pro_overview .txtarae .proname{
		color:#3264e1;
		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;
		background:#000;
	}
		.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;
}
.mx_width{
	max-width:1000px;
	 
}
.over_box{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}


/**/

ul.imgli{
	text-align:center;
}
ul.imgli li{
	display:inline-block;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:20px;
	vertical-align:top;
}
ul.imgli li .imgarea{
	display:block;
	width:200px;
	height:200px;
	overflow:hidden;
	border-radius:100% 100%;
	margin-bottom:20px;
}

ul.imgli li span.txtt{display:block;max-width:200px;line-height:1.2;}

/**/

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%;;
}
ul.imgli li .imgarea{
	width:150px;
	height:150px;
	margin-bottom:10px;
}

 


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

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

 @media(max-width:640px){
	ul.imgli li{
	margin-right:5px;
	margin-left:5px;

	}
	ul.imgli li .imgarea{
			width:120px;
			height:120px;
		}
 }


 /**/
 /*동영상 보기*/
 .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;
	}


}

/*안내*/

/*오시는길*/
.locationara{
	padding-top:0px;
	margin-bottom:80px;
	width:100%;
	position:relative;
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.11);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.31);
}
.locationara:after{
clear:both;
display:block;
content:'';
}
 .locationara .maparea{
	position:relative;
	width:100%;
	z-index:2;
	 
	 
	
}

.locationara .loc_info{
	margin:0px auto;
	 
	position:relative;
	vertical-align:top;
	z-index:2;
	background:#fff;
	
	padding:10px;
	 
	height:100%;
	 
	 
	 
}
.locationara .loc_info:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
	 
}
.locationara .loc_info strong{
	display:block;
	margin-top:30px;
	color:#1e4a93; 
	padding:10px 0 10px 80px;
	background:url(../image/logo_2024_on.png) 20px 0 no-repeat;
	background-size:150px;
	height:50px;
	margin-bottom:20px;
	 
	 
}

.locationara .loc_info dl{
	padding:5px;
	margin-bottom:10px;
	position:relative;
	display:block;
	
	 
}

.locationara .loc_info dt{
		position:absolute;
		top:0;
		padding-left:10px;
		padding-top:5px;
		font-weight:400; 
		 line-height:1.3;
		 width:110px;
		 text-align:right;
		
}
.locationara .loc_info dt span{
	display:block;
	width:40px;
	height:40px;
	padding:10px;
	background:#f7f7f7;
	border-radius:100% 100%;
}

 
.locationara .loc_info dd{
		position:relative;
		padding-left:130px; 
		line-height:1.3;
		padding-top:0px;
		font-size:85%;
		font-weight:300;
		

}


@media(max-width:1000px){
	.locationara .loc_info{
		width:100%; 
	position:relative;
	left:0;
	}
	.locationara .loc_info strong{
		background-size:120px;
		 
	}
}

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


 
/*온라인문의*/

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

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

.inqarea .row {
		margin-top:15px;
		}
.inqarea .row:after {
		content:'';
		 display:block;
		 clear:both;
		}
.inqarea .row .tdcol {
		float:left;
		 width:50%;
		}
.inqarea .row .tdcol.wide {
		width:100%;
		}
.inqarea .row .tdcol .tdtit {
		float:left;
		 width:150px;
		 line-height:40px;
		 font-size:90%;
		 color:#3b3b3b;
		}

inqarea .row .tdcol .tdtit span{display:inline-block;min-width:10px;color:#ff0000;vertical-align:middle;}


.inqarea .row .tdcol .tdtit.tdright{
		text-align:center;
		}
.inqarea .row .tdcol .tdinput {
		overflow:hidden;
		 border:1px solid #999999;
		}


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




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

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


@media(max-width:680px){

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

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

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

	.inqarea .row .tdcol .tdtit.tdtitB {
	 
		 line-height:1.1;
		 
		}
 
 }

 /*파일첨부*/

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

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


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

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

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

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



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

	.file_input_button{
		width: 50px;
	}
	 
 
 }
 
 /*/////////////////////////////////////////*/

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

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




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

.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;
}
.newsarea .newsbox{
	width:33.333%;
	display:inline-block;
	margin-left:-4px;
	vertical-align:top;
	position:relative;
	margin-bottom:30px;
}
.newsarea.movboard{
	text-align:center;
}

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

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

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


.newsarea .newsbox .imagea{
	position:relative;
	overflow:hidden;
	text-align:center;
	 
	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{
	 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{
		min-height:200px;
}


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

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

.newsarea .newsbox .new_tit{
	 font-size:120%;
	 line-height:1.2;
	 font-weight:400;
	 color:#000;
	 padding:20px 10px 10px 10px;
	  
	 position:relative;
	 background:#fff;
}

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

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


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

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