@charset "utf-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.sub_wrap{
	width:100%;
	margin:0 auto;
	padding:0px;
	max-width:1400px;
   position:relative;
}

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

}

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

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

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

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

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

}

h3.title{
	font-weight:600;
 
}
 

  
h4{
	color:#000;
	font-size:30px;
	line-height:1.3;
	font-weight:500;
	text-align:left;
	 
}
h4.title{
	color:#2d409d;
	position:relative;
	margin-bottom:15px;
	padding-left:0px;
	 
	}
 
 h4.title span{
	  display:block;
	font-size:60%; 
	margin:10px 0;
	 
 }

h5{
	font-size:22px;
	line-height:1.3;
	margin-top:30px;
	margin-bottom:20px;
	font-weight:500;
 
}

h5.title{
	padding-left:25px;
	position:relative;
	 
	
}

h5.title:before{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:7px;
	width:15px;
	height:15px;
	background: url(../image/about/icon_logo.png) no-repeat 0 center;
	background-size:100%;
}

 
.headtxtA{font-size:50px;line-height:1.1;font-weight:500;letter-spacing:-1px;}
.headtxtB{font-size:36px;line-height:1.3;font-weight:500;letter-spacing:-1px;}
.headtxtB strong{font-weight:700;}
.headtxtC{font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-1px;}
.headtxtCC{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-1px;;}
.headtxtD{font-size:20px;line-height:1.3;font-weight:500;}

    
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.right_s{font-size:85%;line-height:1;}

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

.t_majorcolor{color:#003686}
.t_majorcolorB{color:#6eb92c}
.t_majorcolorC{color:#108dcf}

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


.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;}
.esgA{background: url(../image/esgA/topimg.jpg)  no-repeat center center;}
.esgB{background: url(../image/esgB/topimg.jpg)  no-repeat center center;}
.esgC{background: url(../image/esgC/topimg.jpg)  no-repeat center center;}
.activ{background: url(../image/activ/topimg.jpg)  no-repeat center center;}
.prA{background: url(../image/pr/topimg.jpg)  no-repeat center center;}
.member{background: url(../image/member/topimg.jpg)  no-repeat center center;}

 
 
.topTXTarea{
	display:none;
	 
 
}
 
  
 
 /*//////////sUBMENU/////////////*/ 

.submenu{
	
	position:relative;
	margin:-80px auto 0 auto;	 
	padding:0px 0;
	top:0; 
	text-align:center;
	
	 
	 
	
	
	
	 
 }
/* .submenu:before{
	content:'';
	display:block;
	position:relative;
	width:100%;
	height:1px;
	background: rgba(255,255,255,.2);
 }
*/
 
 
.submenu .submenu_box{
	margin : 0 ; 	
	position:relative;
	padding: 0px; 
	display:inline-block;
	background:#fff;
	

	
	
}
 


.submenu .submenu_box ul{
	position:relative;
	margin:0 0 0 0px;
	
	text-align:left; 
	vertical-align:top;
	/*background:linear-gradient(45deg, #28aa98, #23af72);*/
	background:#fff;
	 
}
.submenu .submenu_box ul li{
	display:inline-block;
	position:relative;
 	margin-right:0px;
	z-index:2; 
 	padding:0px;
	border: 0px solid #ccc;
	margin-left:-1px;
	
	border-left:0; 	 
	vertical-align:middle;

	 
}
.submenu .submenu_box ul li:after{
	content:'';
	display:block;
	position:absolute;
	width:1px;
	height:15px;
	background:rgba(0,0,0,.3);;
	top:17px;
	left:0;

}
.submenu .submenu_box ul li:first-child:after{
	width:0px;
}
	

 
.submenu .submenu_box ul li a{
	display:block;
	position:relative;
	font-size:17px;
	letter-spacing:-1px;
	display: block;
	padding:10px 30px;
	text-align:center;
	font-weight:300;
	color:#000;
	
}
 


 

.submenu .submenu_box ul li.subOn a{
	color:#0599d9;
	font-weight:500;
	
	
}
.submenu .submenu_box ul li.subOn a:after{
	content:'';
	display:block;
	position:absolute; 
	top:20px;
	right:5px;
	height: 0px; width: 0px;
	 
	border: 3px solid;
	border-color: 
		#0599d9
		#0599d9

		transparent
		transparent;
	transform: rotate(135deg); 

}

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

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

}


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

 


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


.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;
	font-weight:700;
	color:#d3d3d2;
	vertical-align:top;
	line-height:1;
}

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

.txt_img_box .textarea .txt_info .txt_dec{
	 
}


/*이미지 리스트*/

.img_list{
	position:relative;
	margin: 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%;
	font-weight:500;
	padding-top:3px; 
	padding-bottom:3px; 
	margin-bottom:0px;
	position:relative;
	padding-left:35px;
	
}
 


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


/* UL LI*/
ul.ulli{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:45px;}
	h3{font-size:35px;}
	h4{font-size:25px;}
	h5{font-size:18px;}

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


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



	#TopContainer{
		 height:280px;
		 background-size:100%;
	}
	#topfiximg{background-size:cover;}
	 
	.topTXTarea{
			display:block;
			margin: 0px auto 0 auto;
			position:relative;
			padding-top:150px; 
			text-align:center;
		 
}
 
 .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:#58b531;
		width: 100%;
		padding : 0px;
		height:50px;
		position:relative;
		z-index:3;
		top:0px;
		margin:0px 0 0px 0;
		 
	}
	.submenu .homearea{margin-top:0px;width:70px;display:none;height:0;}

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



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

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

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

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


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

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

	}

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


 
/**/


/**/


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

		height: 0px;
		top:50px;
		overflow:hidden;
		background:#f7f7f7;
		box-shadow:0px 0px 30px  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:#f7f7f7; 
		max-width:100%;
		border-bottom: 1px solid #ccc;
	 
	}
	.submenu .submenu_box ul li:after{
		width:0px;

	}


	.submenu .submenu_box ul.colone,
	.submenu .submenu_box ul.coltwo,
	.submenu .submenu_box ul.colthree li,
	.submenu .submenu_box ul.colfour li,
	.submenu .submenu_box ul.colseven li{
		 
		width:100%; 
	}

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

	}

	.submenu .submenu_box ul li.subOn{
		background:#383d43;
		border: 0px;
	}
	.submenu .submenu_box ul li.subOn a{
		color:#fff;
		background: url(../image/icon_menu_on.png) no-repeat 95% center;
		border: 0px;
	}
	 
	.subdim.bodyon{
		display:block;
		top:0;
		z-index:2;
		right:0;
		position:absolute;
		bottom:0;
		background:#000;
		left:0;
		margin-top:-10px;
		opacity:0.8;
	} 
	#sub_contents{
		width:100%;
		margin-left:0;
		padding:30px 10px 20px 10px; 
		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:40px;padding-top:100px;}
	h3{font-size:30px;}
	h4{font-size:23px;}
	h5{font-size:17px;}

	.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{
		 
			padding-top:120px; 
		 
		 
}
 
 .topTXTarea strong{font-size:170%; }


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

}
@media(max-width:420px){
	h2{font-size:35px;}

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


	.submenu .submenu_box {
	 
		left:100px; 
		width: calc(100% - 100px);

	 

	}
	.mobiletit {
		margin-left:100px;
		width: calc(100% - 100px);
	}

 

 
}

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



 /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /*////////////////////////////////////////////////////////////////////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;}
}




/*인사말*/

.greetings{
	position:relative;
	margin:0 auto;
	padding-bottom:80px; 
} 
 .ceo_box{
	position:relative;
	background:#f1f1f2;
	
	border-radius:20px;
 }
  .ceo_box:after{
	clear:both;
	display:block;
	 content:'';
	 position:relative;
  }
  .ceo_box .txtarea{
	 position:absolute;
	 z-index:1;
		width:600px;
		top:0;
		left:0;
		padding:50px;
		 
  }
   .ceo_box .imgarea{
		position:relative; 
		text-align:right;
		margin-left:40%;
		padding-top:30px;
		padding-right:5%;
		width:60%;
		background: url(../image/about/back_logo.png) no-repeat right bottom;
		background-size:100%;
		z-index:1;
  }
     .ceo_box .imgarea img{
 		max-width:100%;
	 }

  .greeting_t {
	margin-top:40px;
  }
    .greeting_t p{
		margin-bottom:10px;
	}

	.ceosign{
		margin-top:30px;
		text-align:right;
	}
	.ceosign strong{
	
	}
 
 
@media (max-width: 1000px ){
		.ceo_box .txtarea{
			width:60%;
		}
}

@media (max-width: 820px ){
 
		   .ceo_box .imgarea{
			margin-left:60%;
			width:40%; 
			padding-right:0;
		   }
		    
}

@media (max-width: 640px ){
		   
		   .ceo_box .txtarea{
 				padding:20px;
		   }
		 
}


@media (max-width: 420px ){
		   
		 .ceo_box .txtarea{
			width:100%;
			position:relative;
		 }
		  .ceo_box .imgarea{
			margin-left:30%;
			width:60%; 
			padding-top:10px;
		   }
}


/*회사개요*/

.blok_line{
	width:100%;
	position:relative;
	clear:both;
	height:1px;
	 
	/*background: rgba(255,255,255,.5);*/
}
.overview{margin-bottom:50px;}
.overview:after	{
	clear:both;
	content:'';
	position:relative;
	display:block;
	
}
.over_box{
	position:relative;
	float:left;
	width:48%;
	margin: 0 1%;
	padding:10px 0;
}

.over_box:after{
	position:relative;
	display:block;
	content:'';
	height:1px;
	margin-top:10px;
	background: rgba(0,0,0,.1);
}
.over_box dl dt{
	position:absolute;
	left:5px;;
	top:6px;
	color:#003686;
 
	letter-spacing:-1px;
	font-weight:500;
}
.over_box dl dd{
	position:relative;
	padding-left:160px;
	color:#333;
	margin-top:0;
	line-height:1.2;
	padding-top:0;
	padding-bottom:10px;
}
@media(max-width:1000px){
	.over_box dl dd{
		padding-left:80px;
	}

}
@media(max-width:780px){
	.over_box{
		width:100%;
		margin: 0 ;
		padding:10px 0;
	}
	.over_box:after{
		margin-top:10px;
	}
	.over_box dl dt{
		top:5px;
	}



}




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

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

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

}
 

.historylist  .his_year{
	display:block; 
 	padding-top:0;
	margin-top:0;
	color:#0083c9; 
	font-weight:600;
	margin-bottom:30px; 
	position:relative;
	padding-left:40px;
}
.historylist  .his_year:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:30px;
	width:20px;
	height:3px;
	background: #0083c9;
}
.historylist ul{
	padding-left:50px;
}
.historylist ul li{
	margin-bottom:3px; 
	
	padding-bottom:10px;
	position:relative;
 }


.historylist ul li strong{position:absolute;color:#003686;}
.historylist ul li span{display:inline-block;padding-left:90px;vertical-align:top;}
 
  .historyarea .right_img .his_img{
		float:right;
  }
 .historyarea .right_img .historylist{
		float:left;
 }

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

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

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

  .historyarea .right_img .historylist ul li span{
			padding-left:0px;
			padding-right:90px;
 }


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

 @media(max-width:640px){
	 .historyarea_block{
		margin-bottom:30px;
	 }
	 .historyarea_block:before{
		width:0px;
	 }
	
	.his_img{width:100%;}
	.historylist{width:100%;}
	.historylist  .his_year{margin-top:30px;}

 }



 /*비젼*/

.visionarea{
		
}

.visionarea .vision_box{
	position:relative;
	margin-bottom:40px;
}
.visionarea .vision_box:after{
	display:block;
	content:'';
	position:relative;
	width:100%;
	height:70px;
	background: url(../image/about/arrow.png) no-repeat 60% bottom;
	background-size:12%;
	 
}
.visionarea .vision_box:last-child:after{background:none;}
 
.visionarea .vision_box .titlea{
	 display:inline-block;
	 width:200px;
	 vertical-align:top;
	 text-align:center;
	 padding-top:20px;
	 position:relative;
}
.visionarea .vision_box .titlea:before{
	display:block;
	content:'';
	position:absolute;
	top:0;
	width:100%;
	height:4px;
	background:linear-gradient(45deg, #0079d9, #006121);
}
.visionarea .vision_box .vision_con{
	 display:inline-block;
	 position:relative;
	 width: calc(100% - 200px);
	 margin-left:-4px;
	 vertical-align:top;
	 padding-left :40px;
}

.visionarea .vision_box .vision_con_typeA{
	 background:#27994b;
	 padding:30px;
	 border-radius:30px;
	 color:#fff;
	 text-align:center;
	 
}

.visionarea .vision_box .vision_con_typeB{
	 background:#3c90d5;
	 padding:30px;
	 border-radius:30px;
	 color:#fff;
	 text-align:center;
	 
}

.visionarea .vision_box .vision_con_typeC{
	padding:0px;
	text-align:center;
}

.visionarea .vision_box .vision_con_typeC .vision_con_list{
	display:inline-block;
	position:relative;
	width:20%;
	 vertical-align:top;
	  margin-left:-4px;
}
.visionarea .vision_box .vision_con_typeC .vision_con_list p{
	display:table;
	position:relative;
	width:95%;

	margin:0 auto; 
	border: 3px solid #4f8abb;
	min-height:180px;

}
.visionarea .vision_box .vision_con_typeC .vision_con_list span{

	display:table-cell;
	padding:20px;
	vertical-align:middle;
}


@media(max-width:1000px){

		.visionarea .vision_box{
 			margin-bottom:20px;
		}
		.visionarea .vision_box .titlea{
			width:90px;
			display:block;
			padding-top:10px;
			margin-bottom:10px;
		}
		.visionarea .vision_box .vision_con{
			width:100%;
			display:block;
			 padding-left :0px;
		}
		.visionarea .vision_box:after{
			height:50px;
			background: url(../image/about/arrow.png) no-repeat center bottom;
			background-size:100px;
		}
		.visionarea .vision_box .vision_con_typeA{
			padding:15px 10px;
		}
		.visionarea .vision_box .vision_con_typeB{
			padding:10px;
		}

}

@media(max-width:640px){

	.visionarea .vision_box .vision_con_typeC .vision_con_list{
		 
		width:100%;
		margin-bottom:10px;
	}
	.visionarea .vision_box .vision_con_typeC .vision_con_list p{
		width:100%;
		border-radius:30px;
		min-height:60px;
	}
	.visionarea .vision_box .vision_con_typeC .vision_con_list span{
		padding:10px;
	}


}




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

 .orgarea .org_lineC{
	display:block;
	position:relative;
	width:1px;
	left:50%;
	border-left: 1px solid #c8c8c8;
	height:15px;
	
 }
 
.org_first{
	position:relative;
	width:25%; 
	padding:10px 0;
	background:#077fd2; 
	color:#fff;
	border-radius:30px;
	margin:0 auto;
	font-size:130%;
	font-weight:500;
	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);

	
 }

 /*2*/
.org_second{
	font-size:130%;
	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:#fff;
	 
	border:2px solid #077fd2;
	border-radius:30px;
	width:100%;
	
	margin:0 auto;
	padding:5px;
	font-size:110%;
	line-height:1.2;
	font-weight:500;
	z-index:2;
	
 
 }
 .org_second_box.loc_center {
	z-index:3; 
	left:0;
	margin-left:37.5%;
	
}
 
/*3*/
 

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

	z-index:0;
	
 }
 .org_thrid.line_dot:after{
		border-bottom:1px dashed #c8c8c8;
 }
.org_thrid.left:after{
	left:25%;
	top:-50px;
	margin-top:0px;
}
.org_thrid.leftB:after{
	left:25%;
	 
}
.org_thrid.last:after{
	 top:0px;
}
.org_thrid.nonline:after{
	border-bottom:0px solid #c8c8c8;
}
.org_thrid_box{
	position:absolute;
	width:40%; 
	left:60%;
	z-index:1;
	top:-35px;
}
.org_thrid.left .org_thrid_box{
		left:0;
		top:-70px;
}
.org_thrid.leftB .org_thrid_box{
		left:0;
	
	 
}
.org_thrid.last .org_thrid_box{
	top:-20px;
}

.org_thrid_box span{
	padding:5px 0;
	background:#fff;
	color:#333;
	border-radius:30px;
	margin:0 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));

	
 }.org_thrid_box span p{font-size:85%;}
	
.line_dot .org_thrid_box span{

border:2px dotted #b2c6df;
}

 

 
/*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:#72859d;
	color:#fff;	 
	width:75%;
	margin:0 auto;
	padding:10px 0;
	font-size:120%;
	line-height:1.2;
	font-weight:500;
 	
 }

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

 
 
 


  

 /*5*/

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

 
 }

.org_fifth:after{
	clear:both;
	display:block;
	content:'';
	height:0px;
	
 }
 
.org_fifth .org_fifth_box{
	padding-top:0px;
 	width:90%;
	margin:0 auto;
	
 }
  
					 
.org_fifth .org_fifth_box .org_fifth_sub:before{
	position:absolute;
	content:"";
	display:block;
	width:45%;
	border-top:1px solid #c8c8c8;
	left:50%;
	margin-left:-22.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  > li:before{
	position:relative;
	content:" ";
	display:block;
	width:1px;
	border-left:1px solid #c8c8c8;
	left:50%;
	height:20px;
	 }
.org_fifth .org_fifth_box .org_fifth_sub ul > li{
	float:left; 
	margin:0px 1%;
	padding:0px 0;
	width:48%;
	
 }
	 

.org_fifth .org_fifth_box .org_fifth_sub ul > li span{
	font-size:90%;
	background:#757da7;
	color:#fff; 
	padding:10px 0;
	line-height:1.2;
	
	
 }

 /*6*/
.non_sub .org_six{
	width:50%;
	margin:20px auto ;0 auto
	
}
.org_six {
	position:relative;
	border:1px solid #ccc;
	border-radius:6px;
	margin-top:20px;
	padding:5px;
	min-height:150px;
	font-size:80%;
	
}
.org_six:before{
	display:block;
	content:'';
	position:absolute;
	left:50%;
	top:-20px;
	width:1px;
	height:20px;
	background:#c8c8c8;
}
.org_six strong{
	display:block;
	background:#f7f7f7;
	
}
.org_six ol li{
	list-style:none;
	text-align:left;
	padding-left:5px;
	position:relative;
	font-size:90%;
}
.org_six ol li:before{
	display:block;
	content:'';
	position:absolute;
	width:3px;
	height:1px;
	background:#333;
	left:0;
	top:13px;
}
.org_six_list{
	text-align:left;
	
}
.org_six_list p{
	text-align:left;
}



@media(max-width:1150px){
	.org_six {
		min-height:180px;
	}

}


@media(max-width:780px){

	  .org_thrid:after{
		width:50%;
		 
	  }
	  .org_thrid.left:after{
			left:0;
	  }
	   .org_thrid.leftB:after{
			left:0;
	  }

	  .org_thrid_box{
		width:100%; 
		left:0;
		top:-30px;
	  }
	  .org_thrid.left .org_thrid_box{ 
			top:-65px;
		}
		.org_thrid.left.last .org_thrid_box{
			top:-20px;
		}


	  .org_thrid_box.right{
			left:auto;
			right:0;
			 
	  }

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


	 

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

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

	 .orgarea .org_lineB{
			height:0px;
	 }
	 .org_fifth .org_fifth_box{
		width:100%;
	 }
	 .org_fifth .org_fifth_box .org_fifth_sub:before{
			width:50%;
				margin-left:-25%;
	 }

	 .org_six {
			min-height:140px;
	 }

	 .org_six ol li:before{
			top:8px;

	 }
}

@media(max-width:480px){

	.org_thrid_box{
		top:-30px;
	}
	.org_thrid.left .org_thrid_box{
		 
		top:-65px;
	}
	.org_thrid.left.last .org_thrid_box{
		 
		top:-15px;
	}
	 
 .org_thrid_box span{
		 
		font-size:90%;
		
	  }

}

/*구성원*/

.memberlist{

}

.memberlist .memberbox{
	 position:relative;
	 padding:10px;
}
.memberlist .memberbox .photo{
	 position:relative;
	 display:inline-block;
	 width:30%;
	 vertical-align:top;
}
.memberlist .memberbox .profile_box{
	 position:relative;
	 display:inline-block;
	 vertical-align:top;
	 width:100%;
	 
}
.memberlist .memberbox.memberbox_one .profile_box{
		width:69%;
		padding-left:30px;
		 
}
.memberlist .memberbox .profile_box .m_position{
	border-bottom: 1px solid #ccc;
	margin-bottom:20px;
	padding:10px;
 
}

.memberlist .memberbox .profile_box .m_position span{
	display:block; 
	color:#0599d9;
	font-size:90%;
	margin-bottom:10px;
	
}

.memberlist .memberbox .profile_box .m_position strong.t_name{
	display:block; 
	color:#000;
 
	
}

.memberlist .memberbox .profile_box .careerbox{
	width:50%;
	display:inline-block;
	margin-left:-4px;
	vertical-align:top;
}


.memberlist .memberbox .profile_box .careerbox ul li{
	font-size:90%;
}


.memberlist.memberlistB .memberbox{
	width:30.333%;
	 position:relative;
	 display:inline-block;
	 vertical-align:top;
	 margin:1%;
	 border-radius:10px;
	 box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	 padding:30px;
	 min-height:500px;
}
.memberlist.memberlistB .memberbox .careerbox{
		width:100%;
}

@media(max-width:1200px){
	 
	 
	 .memberlist.memberlistB .memberbox{
		width:47%;
	 }
}

@media(max-width:1000px){
	.memberlist .memberbox .photo{
		width:100%;
		text-align:center;
	}
	.memberlist .memberbox.memberbox_one .profile_box{
		width:100%;
		padding-left:0px;
		 
	}
	.memberlist .memberbox .profile_box .m_position{
		text-align:center;
	}
	 
	  
}

@media(max-width:640px){
	 
	.memberlist .memberbox .profile_box .careerbox{
		width:100%;
	}
	 .memberlist.memberlistB .memberbox{
		width:100%;
		margin:1% 0;
		min-height:100px;
	 }


}


/*로고*/

.org_logo .logobox{
		background: url(../image/about/patten.png) repeat;
		padding:60px 10px;
		text-align:center;
		margin-bottom:30px;
		border:1px solid #ccc;
}
.org_logo .logobox img{
	max-width:100%;
}
.downloadareaA{text-align:center;}
.downloadareaA .down_box{display:inline-block;}

.down_box{
	margin:20px 10px ;
	width:250px;
	padding-left:20px;
	background:#186cb2;
	border-radius:10px;

}
.down_box a{
	display:block;
	color:#fff;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	background: url(../image/about/icon_down.png) no-repeat 0 center;
}




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

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

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

}
.locationara .loc_info dt{
		position:absolute;
		top:0;
		padding-left:50px;
		padding-top:35px;
		font-weight:600; 
		 line-height:1.3;
		
}
.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:120px; 
		line-height:1.3;
		padding-top:12px;
		

}


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



/*사업분야*/

.parkingtxtf{
	text-align:center;
	background:#f7f7f7;
	padding:60px;
	font-size:200%;
	margin-bottom:50px;

}

.con_block{
	margin-bottom:30px;
	position:relative;

}
.con_block p{
	padding-left:20px;
}

.block_bg{
	background:#f7f7f7;
	padding:20px 0;
}

/**/
.con_block_box_list{
	 
}

.con_block_box_list .con_block{
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	box-shadow: 0px  0px 20px rgba(0,0,0,0.2); 
}
.con_block_box_list.colfive .con_block{
	width:30.333%;
	padding:10px 20px;

}
.con_block_box_list.min_hA .con_block{
	min-height:300px;
}


 @media(max-width:1000px){

	.con_block_box_list.colfive .con_block{
		width:47%;
		

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

		.con_block_box_list .con_block{
		margin-right:0%;
		}
	.con_block_box_list.colfive .con_block{
		width:100%;
		

	}
	.con_block_box_list.min_hA .con_block{
	min-height:0;
}

 }


/**/
.processbox {font-size:0;}
.processbox .box_in{
	display:inline-block;
	 
}

/**/


.listboxA{
	position:relative;
	margin-top:10px;
	text-align:center;
}
.programinfoBB .listboxA{
	margin-top:20px;
}
.listboxA:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
}
.listboxA .listboxA_box{
	background:#fff;
	display:inline-block;
	vertical-align:top;
	width:30.333%;
	border-radius:60px 0;
	border-bottom:5px solid #ccc;
	overflow:hidden;
	padding:30px;
	min-height:300px;
	margin:10px 1% 30px 1%;
	-webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.11);
	box-shadow: 0 15px 50px 0 rgba(0,0,0,0.11);

}
.listboxA .listboxA_box.listboxA_box_wide{
	width:98%;
	min-height:10px;
}

.listboxA .listboxA_box .title{
	padding:10px 0;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	 


}

   
   @media(max-width:1000px){
		.listboxA .listboxA_box{
			 
			width:47%;
			 

		}
   }

      @media(max-width:640px){
		.listboxA .listboxA_box{
			 
			width:98%;
			min-height:30px;
			 

		}
   }




/*가입안내*/
.member_con  strong.title{
	display:block;
	padding-left:20px;
	margin-bottom:10px;
}
 .member_con ul.ulli:after{
	content:'';
	display:block;
	position:relative;
	height:30px;

 }

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

}

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:25%;margin-right:0px;;text-align:center;margin-bottom:30px; }
ul.recruit_process li:after{content:'';display:block;position:absolute;top:25%;right:0; width:100%;height:30px;content:'\f105'; font-size:200%;   font-family: 'FontAwesome';text-align:right;
	 }

ul.recruit_process li.last:after{content:'';}

ul.recruit_process li p{display:block;position:relative;text-align:center;font-weight:400;font-size:16px;padding-top:145px;color:#333;}
ul.recruit_process li div:after{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-65px;background:#f7f7f7;width:130px;height:130px;border-radius: 100% 100%;z-index:1;}
ul.recruit_process li div:before{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-65px;background:#f7f7f7;width:130px;height:130px;border-radius: 100% 100%;z-index:2}
ul.recruit_process li strong{display:block;color:#000;}
ul.recruit_process li div.bgA:before {background:url(../image/member/iconA.png) no-repeat center center; }
ul.recruit_process li div.bgB:before  {background:url(../image/member/iconB.png) no-repeat center center; }
ul.recruit_process li div.bgC:before  {background:url(../image/member/iconC.png) no-repeat center center; }
ul.recruit_process li div.bgD:before  {background:url(../image/member/iconD.png) no-repeat center center; }


@media(max-width:780px){
	ul.recruit_process li{width:50%; }


}

@media(max-width:420px){
ul.recruit_process li div:after{margin-left:-55px;width:110px;height:110px;}
ul.recruit_process li div:before{margin-left:-55px;width:110px;height:110px;}

}

/*로그인*/
.loginarea{

}

.login_info{
	text-align:center;

}

.logform{
	margin:40px auto;
	position:relative;
	max-width:800px;
	width:100%;
 
}
.logform h4{
	margin-bottom:40px;
}
.logform .inputbox{
	width:100%;
	padding:50px;
	position:relative;
	border :1px solid #ccc; 
}

.logform .inputbox dl{
	width:98%;
	display:block;
	position:relative;
	margin:10px auto;
	
}
.logform .inputbox  dt{
	display:inline-block;
	vertical-align:middle;
	width:150px; 
	

}
.logform .inputbox dl dd{
	display:inline-block;
	vertical-align:middle;
	width: calc(100% - 160px);

}
.logform .inputbox dl dd input{
		 
		background:#f5f5f5;
		 
		 overflow:hidden;
		 border:1px solid #ccc;
		 border-radius:5px;
		 overflow:hidden;
		 width:100%;
		 padding:15px;
		 font-size:110%;
		 letter-spacing:-1px;
}


.logform .btn_area{
	margin: 20px auto;
	position:relative;	
	padding:10px;
	
	
}
.logform .btn_area a.btn_login{
	display:block;
	 color:#fff;
	 width:100%;
	  
	 margin: 20px auto;
	 text-align:center;
	 background:#0599d9;
	padding:10px;
	 border-radius:4px;

}

.logform .btn_area a.btn_ok{
	display:block;
	 color:#fff;
	 width:100%;
	 
	 margin: 20px auto;
	 text-align:center;
	 background:#0599d9;
	padding:10px;
	 border-radius:4px;

}

.loginarea .btn_link{
	text-align:center;
	margin: 10px auto 30px auto;
}
.loginarea .btn_link a{
	display:inline-block;
	vertical-align:middle;
	padding:0 10px;
	position:relative;
}
.loginarea .btn_link a.btn_join:after,
.loginarea .btn_link a.btn_idpw:after{
	content:'';
	display:block;
	position:absolute;
	top:15%;
	right:0;
	width:1px;
	height:70%;
	background:#ccc;

}

 @media(max-width:1000px){
	.logform .inputbox{
		padding:15px 5px 5px 5px;
	}
	.logform .inputbox  dt{
		width:100px; 
	}
	.logform .inputbox dl dd{
		width: calc(100% - 105px);
	}
 }

/*찾기결과*/
.result_txt{
	text-align:center;
	padding:40px;
	margin:0 auto;
	position:relative;
	background:#f1f4f5;
}

.result_button{
	max-width:300px;
	margin:10px auto 50px auto;
}


 /*온라인문의 회원가입*/

.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 #164a96;
		}

.inqarea .row {
		margin-top:15px;
		}
.inqarea .row:after {
		content:'';
		 display:block;
		 position:relative;
		 clear:both;
		 width:100%;
		 height:1px;
		 background: rgba(0,0,0,.1);
		 margin-top:50px;

		}
.inqarea .row .tdcol {
		float:left;
		 width:50%;
		}
.inqarea .row .tdcol.wide {
		width:100%;
		}
.inqarea .row .tdcol .tdtit {
		display:inline-block;
		vertical-align:top;
		 width:150px;
		 margin-top:8px;
		 
		 line-height:1.2; 
		 color:#3b3b3b;
		}
.inqarea .row .tdcol .tdtit span{display:inline-block;min-width:10px;}
.inqarea .row .tdcol .tdtit.tdtitB {
		 
		 line-height:1.2; 
		 
		}
.inqarea .row .tdcol .tdtit.tdright{
		text-align:center;
		}
.inqarea .row .tdcol .tdinput {
	display:inline-block; 
	vertical-align:top;
	width: calc(100% - 160px);
}
.inqarea .row .tdinfo{
  padding-left:10px;
  display:inline-block;
  vertical-align:top;
}

.tdinput input.form_style{
		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b;
		 overflow:hidden;
		 border:1px solid #ccc;
		 border-radius:10px;
		 overflow:hidden;
		}

.tdinput .S_input{
		 width:40%;
		 
		}
.tdinput .L_input{
		 width:80%;
		 
		}
.tdinput .input_wide{
		 width:100%;
		 
		}

.checklist input{margin-left:20px;}
 input.check_btn{
	display:inline-block;
	margin:5px;
	height:40px;
	padding:0 10px;
		background:#353540;
		 color:#fff;
		 overflow:hidden;
		 border:0px solid #ccc;
		 border-radius:5px;
		 overflow:hidden;
		  font-family:'S-CoreDream','Spoqa Han Sans Neo','Noto Sans KR', sans-serif;
}
 select.form_styleC{
		 height:40px;
		background:#f5f5f5;
		 color:#3b3b3b;
		 overflow:hidden;
		 border:1px solid #ccc;
		 
		
		
		 overflow:hidden;

 }
.form_textarea{
	width:100%;
 	 
	 resize:none;
     line-height:130%;
	 padding:2%;
	 background:#f5f5f5;
	 border:1px solid #ccc;
		 border-radius:10px;
	 }


.inputradio {
      position: relative;
	  text-align:center; 
      display: block;
      align-items: center;
	   flex-wrap: wrap; 
	    
    }

.inputradio input[type="radio"] {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10; 
		
	}

.inputradio label {
         
		position: relative;
        font-size: 18px;
        padding-left: 25px;
        margin : 0 10px;
        cursor: pointer; 
		display: inline-block;
		text-align:center;
		vertical-align:middle;
		line-height:1.5;
		
		}

        

      .inputradio label:before {
          display: block;
          position: absolute;
		  content:'';
          top: 3px;
          left: 0;
          width: 20px;
          height: 20px;
          border: 1px solid #d1d1d1;
          background-color: #fff;
          border-radius: 50%;
          box-sizing: border-box;
		 }

 

     .inputradio  input[type="radio"]:focus + label:before {
        border-width: 2px;
        border-color: #54a50e; }
    .inputradio  input[type="radio"]:checked + label:before {
        border: 5px solid #54a50e; }



 @media(max-width:1000px){
.inqarea .row .tdcol .tdtit {
	width:100px;
}
.inqarea .row .tdcol .tdinput {
	 
	width: calc(100% - 110px);
}

.tdinput .S_input{
		 width:100%;
		 
		}
.tdinput .L_input{
		 width:100%;

		 }
		 
 }

 
 @media(max-width:640px){
 
	.inqarea .row {
		margin-top:0px;
		}
	.inqarea .row:after {
		height:0;
	}
		 .inqarea .row .tdcol {
 		 width:100%;
		 position:relative;
		}
		.inqarea .row .tdcol:after{
		content:'';
		display:block;
		clear:both;
		position:relative;
		height:15px;
	}

	.inqarea .row .tdcol:before {
		content:'';
		 display:block;
		 position:absolute;
		 left:0;
		 width:100%;
		 bottom:7px;
		 height:1px;
		 background: rgba(0,0,0,.1);
 
		}


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

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

	.inqarea .row .tdcol .tdinput {
		width: calc(100% - 80px);
		margin-left:-4px;

	}
 
 }



 /*파일첨부*/

.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: #164a96;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 150%;
	line-height:16px;
    border-radius:30px;
    cursor: pointer;
    font-weight: 500;
 	min-width:180px;
 	margin: 5px 2px;
	 
}

.cancelbutton{
   
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 150%;
	line-height:16px;
    border-radius:30px;
    cursor: pointer;
    font-weight: 500;
 	min-width:180px;
 	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:#f7f7f7;
		 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:500}
 /*/////////////////////////////////////////*/


/*회원가입*/
.loginarea{
}

.loginbox_tx{
	margin-bottom:20px
}
span.red{color:#ff0000;}

.loginarea h4{
	text-align:left;
	margin-bottom:30px;
}
/* Preload images */

body.lb-disable-scrolling {
  overflow: hidden;
}

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

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

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

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

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

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

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

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

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

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