.SUBHEAD{ background-image : url("/images/subtitle-bg-company.jpg") }

.SUBMENU > span{
	width : calc( 25% - 4px )
}

.P1-CATCHPRAISE{
	padding : 48px 0;
	margin : 0;
	text-align : center;
	font : 500 23px/36px NanumBarunGothic
}
.P1-CATCHPRAISE > strong{
	color : #06C
}
.P1-CONTENT{
	width : 940px;
	padding : 50px 0;
	margin : 20px auto;
	background-image : url("/images/company-p1-bg.jpg");
	background-size : auto 75%;
	background-position : right top;
	background-repeat : no-repeat
}

.P1-CONTENT > p {
    width: 360px;
    padding: 0;
    margin: 0 0 36px 90px;
    font: 500 15px/24px NanumBarunGothic;
}

.P3-CONTENT {
	font-size: 0;
	text-align: center;
}
.P3-CONTENT > div {
	display: inline-block;
	width : 23%;
	margin: 10px 10px;
	vertical-align: top;
}

.P3-CONTENT > div > p{
	
	padding :0;
	margin : 15px 0;
	font : 500 15px/24px NanumBarunGothic;
	text-align: center;
}

#MAPAREA{
	height : 460px;
	margin : 36px auto;
	border : solid 1px #DDD
}

@media ( max-width : 480px ){
	.P1-CATCHPRAISE {
		font: 500 1.2rem/1.8rem NanumBarunGothic;
	}
	.P1-CONTENT {
		width: 100%;
		padding: 1rem 0 2rem;
		margin: 20px auto;
		background-size: auto 40%;
	}
	.P1-CONTENT > p {
		width:95%;
		margin: 0 auto 1rem;
		font: 500 15px/24px NanumBarunGothic;
	}

	.P2-CONTENT > img {
		width: 90%;
		margin: 0 auto;
		height: auto;
	}

	.P3-CONTENT  {text-align: center; font-size: 0;;}
	
	.P3-CONTENT >  div {display:inline-block; width: 46%; margin: 2rem 1rem 0 0;}
	.P3-CONTENT >  div > div {display: block; width: 100%; height: auto;}
	.P3-CONTENT >  div >  div > img {width: 100%;;}
	
	
	#MAPAREA{
		width:95%;
	    height:20rem;	
	}
}