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

.SUBMENU > span{
	width : calc( 33.3% - 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 bottom;
	background-repeat : no-repeat
}
.P1-CONTENT > p{
	width : 360px;
	padding : 0;
	margin : 0 0 10px 90px;
	font : 500 15px/24px NanumBarunGothic;
}


.P3-CONTENT > article > h2{
	padding : 0;
	margin : 110px 0 0 0;
	text-align : center;
	font : normal 32px/normal MalgunGothic;
	letter-spacing : 6px
}
.P3-CONTENT > article > h2:after{
	content : '';
	display : block;
	width : 80px;
	height : 2px;
	margin : 24px auto;
	background-color : #C11;
}

.P3-MOTO{}
.P3-MOTO > dl{
	padding : 0;
	margin : 32px 0 0 0;
	overflow : hidden
}
.P3-MOTO > dl > dt{
	float : left;
	width : 300px;
	padding : 0;
	margin : 0 0 0 0;
	text-align : right;
	font : lighter 28px/normal MalguGothic;
}
.P3-MOTO > dl > dd{
	padding : 0;
	margin : 0 0 0 400px;
	font : lighter 16px/48px MalgunGothic
}

.P3-VISION{ margin-bottom : 100px }
.P3-VISION > p{
	width : 900px;
	margin : 36px auto;
	text-align : center;
	font : lighter 16px/48px MalgunGothic
}

.P3-POLICY{
	background-image : url("/images/company-p3-policy.png");
	background-repeat : no-repeat;
	background-position : center 96px
}
.P3-POLICY > p{
	width : 800px;
	height : 100px;
	padding : 0 0 0 100px;
	margin : 0 auto;
	font : lighter 20px/100px MalgunGothic
}

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

@media ( max-width : 571px ){
	.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;
	}
	.P3-MOTO {text-align:center;}
	.P3-MOTO > img {
		width:90%;
		margin:0 auto;
	}
	.P3-CONTENT > article > h2 {
		margin: 1.5rem 0 0;
		font: normal 1.5rem/normal MalgunGothic;
		letter-spacing: 6px;
	}
	.P3-POLICY > p {
		width: 90%;
		height: 5rem;
		padding: 0 0 0 0.5rem;
		margin: 0 auto;
		font: lighter 0.8rem/1.2rem MalgunGothic;
	}
	.P3-VISION > div {text-align:center;}
	.P3-VISION > div > img {width:90%;}
	.P3-VISION > p {
		width: 95%;
		font: lighter 0.9rem/1.8rem MalgunGothic;
	}
	
	#MAPAREA{
		width:95%;
	    height:20rem;	
	}
}