/* 에이프로젠 그룹 */
.group_con{position:relative; overflow:hidden; padding-top:20px;}
.group_con dl{position:relative; opacity:0; float:left; width:32%; margin:0 2% 2% 0; text-align:center; top:50px;}
.group_con dl:nth-child(3n){margin:0 0 2% 0}
.group_con dl:hover > dt {border:1px solid #21a451;  transition: all 0.3s;}
.group_con dl:hover > dt p.title{color:#21a451; transition: all 0.3s;}
.group_con dl:hover > dt p.stxt{color:#21a451; transition: all 0.3s;}
.group_con dt{border:1px solid #ddd; padding:44px 0;  transition: all 0.3s;}
.group_con dt p.title{font-size:22px; letter-spacing:-0.5pt; color:#222; font-weight:bold; padding-bottom:13px; line-height:100%; transition: all 0.3s;}
.group_con dt p.stxt{font-size:18px; letter-spacing:-0.5pt; color:#222; font-weight:300; line-height:100%; transition: all 0.3s;}


/*******************************************************************************
	@media 1024px~1310px
*******************************************************************************/
@media all and (max-width:1310px){

	/* 리더십 - 인사말 */
	.greeting_con dl{padding-bottom:50px;}
	.greeting_con dt.one{width:45%;}
	.greeting_con dt.two{bottom:0; top:auto; left:auto; right:51%}
	.greeting_con dt.two img{height:170px}
	.greeting_con dd{width:50%; padding-top:30px;}
	.greeting_con dd p.txt br{display:none}

}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:1090px){


}

/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

	/* 리더십 - 인사말 */
	.greeting_con dl{padding-bottom:0;}
	.greeting_con dt.one{float:none; width:100%; text-align:center;}
	.greeting_con dt.one img.pc1{display:none}
	.greeting_con dt.one img.mobile1{display:block; width:100%}
	.greeting_con dt.two{display:none}
	.greeting_con dd{float:none; width:100%; padding-top:30px; text-align:center;}
	.greeting_con dd p.ceo{text-align:center; padding-top:25px;}

}



/*******************************************************************************
	@media 640px~768px
*******************************************************************************/
@media all and (max-width:768px){

	/* 에이프로젠 그룹 */
	.group_con dt p.title{font-size:20px;}
	.group_con dt p.stxt{font-size:15px; font-weight:normal}
	.group_con dt img{width:90%; height:auto;margin:0 auto;max-width:274px;}
	/*** Technology ***/
	.tech_con dl{height:auto; padding:50px 25px 50px 25px;}

}


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

	/* 에이프로젠 그룹 */
	.group_con{padding-top:0;}
	.group_con dt{padding:20px 0;}
	.group_con dt p.title{font-size:17px;}
	.group_con dt p.stxt{font-size:13px;}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

	/* 에이프로젠 그룹 */
	.group_con dl{float:none; width:100%; margin:0 0 2% 0;}
	.group_con dl:nth-child(2n){margin:0 0 2% 0}
	.group_con dl:nth-child(3n){margin:0 0 2% 0}
	.group_con dl:nth-child(6){margin:0 0 2% 0}
	.group_con dt{padding:15px 0;}
	.group_con dt p.title{font-size:15px; padding-bottom:6px;}

}