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

/* 인사말 */
#GREETING{
	padding : 7rem 10rem;
	box-sizing : border-box;
}
#GREETING > h2{
	padding : 0;
	margin : 0;
	text-align : center;
	font-size : 1.5rem;
}
#GREETING > div{
	margin-top : 5rem;
}
#GREETING > div > img{
	float : right;
	width : 40%;
	margin-left : 2rem;
}

/* 연혁 */
#HISTORY{
	display : grid;
	grid-template-columns : 1fr 1fr;
	padding : 5rem 0;
}
#HISTORY > div:nth-child(1) > div{
	position: sticky;
	top : 5rem;
}
#HISTORY > div:nth-child(1) > div > p{
	padding : 0;
	margin : 0;
}
#HISTORY > div:nth-child(1) > div > p:nth-child(1){
	font-family : 'HallymGothic';
	font-weight : bold;
	font-size: 2.25rem;
    color: #000;
}
#HISTORY > div:nth-child(1) > div > p:nth-child(2){
	color: #E9E9E9;
	font-family: 'Encode Sans', sans-serif;
	font-weight: 900;
    font-size: 3.25rem;
	line-height : 1;
}
#HISTORY > div:nth-child(1) > div > div > img{
	margin-top : 2.5rem;
	max-width : 100%;
}

#HISTORY > div:nth-child(2){
	display : grid;
	gap : 2rem;
}
#HISTORY > div:nth-child(2) > dl{
	padding : 0;
    margin : 0;
} 
#HISTORY > div:nth-child(2) > dl > dt{
	padding-bottom : .5rem;
	margin-bottom : .5rem;
	border-bottom: 1px solid #000;
}
#HISTORY > div:nth-child(2) > dl > dt > .HISTORY-YY{
	color: #000;
	font-weight: bold;
    font-size: 2.5rem;
}
#HISTORY > div:nth-child(2) > dl > dt > .HISTORY-MM{
	margin-left : .75rem;
	color: #333;
	font-weight: bold;
    font-size: 1.75rem;
}

#HISTORY > div:nth-child(2) > dl > dd{
	display : grid;
	gap : .25rem;
	padding : 0;
	margin: 0;
}
#HISTORY > div:nth-child(2) > dl > dd > span{
	color : #333;
	font-family : 'HallymGothic';
	font-size : 1rem;
}
#HISTORY > div:nth-child(2) > dl > dd > span::before{
	content : '- '
}


#LOCALMAP{
	display : flex;
	gap : .5rem;
	padding : 7.5rem;
	box-sizing : border-box;
}
#LOCALMAP > #MAPAREA{
	flex-grow : 1;
	height : 24rem;
	background-color : rgba( 0, 0, 0, .1 );
	border : solid 1px #CCC;
	border-radius : .5rem;
	box-sizing : border-box;
}
#LOCALMAP > #MAPINFO{
	padding : 1.5rem;
	background-color : rgba( 0, 0, 0, .75 );
	border-radius : .5rem;
	color : #FFF;
}
#LOCALMAP > #MAPINFO > p{
	padding : 0;
	margin : 0 0 .5rem 0;
	font-size : .75rem;
}
#LOCALMAP > #MAPINFO > p:nth-child(1){
	margin-bottom : 1rem;
	font-size : .815rem;
}

/* 모바일 대응 */
@media ( max-width : 640px ){
	
}