@charset "utf-8";

@import url("/style/font-pretendard.css");		/* 눈누폰트 다이렉트 링크 : 프리텐다드 ( 100 / normal / bold / 900 ) */
@import url("/style/font-hallymgothic.css");	/* 눈누폰트 다이렉트 링크 : 한림고딕 ( 400 / 500 / 700 ) */

/* 기초 엘리먼트 스타일 설정 */
html{ padding : 0; margin : 0; }
body{
	max-width : 76rem;
	padding : 2rem;
	margin : 0 auto;
}
a{ color : inherit; text-decoration : none; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"]{
    min-height : 1.5rem;
    padding : 0 .25rem;
    margin : 0;
    border : solid 1px #AAA;
    box-sizing : border-box;
    font-size : .75rem;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="number"][disabled]{
    background-color : #EEE;
    color : #666;
}

button{
    padding : 0;
    margin : 0;
    background-color : #EEE;
    border : solid 1px #777;
    box-sizing : border-box;
    font-size : .75rem;
}

h1#TITLE{
	height : 28.5vw;
	max-height : 22rem;
	padding : 0;
	margin : 0 0 1rem 0;
	font-size : 0;
	background-image : url("/images/title_pc.png");
	background-repeat : no-repeat;
	background-size : cover;
	background-position : center;
}



footer{
	padding : 2rem;
	margin : 2rem 0 -2rem 0;
	background-color : #E9E9E9;
	font-size : .75rem;
}
footer > address{
	display : flex;
	gap : 1rem;
	flex-wrap : wrap;
	justify-content : center;
	align-items : center;
	font-style : normal;
	font-size : .7rem;
	color : rgba( 0, 0, 0, .75 );
}
footer > p{
	padding : 0;
	margin : 1rem 0 0 0;
	text-align : center;
	color : rgba( 0, 0, 0, .5 );
}

@media ( max-device-width : 480px ){

	body{ padding : .5rem; }

	h1#TITLE{
		height : calc( 50vw - 1rem );
		margin-bottom : 0;
		background-image : url("/images/title_mob.png");
	}

}