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


#BOARD{
	min-height : 23rem;
	padding : 0;
	margin : 2.5rem;
	border-top : solid 1px #AAA;
	font-family : 'normal';
	font-size : .875rem;
}
#BOARD > li{
	list-style : none;
	border-bottom : solid 1px #AAA;
}
#BOARD > li > .HEAD{
	display : flex;
	align-items : center;
	padding : 1rem;
}
#BOARD > li > .HEAD > .TITLE{ flex-grow : 1; }
#BOARD > li > .HEAD > .WRITER{
	width : 7rem;
	color : #333;
	text-align : center;
}
#BOARD > li > .HEAD > .SAVEDATE{
	width : 5rem;
	color : #333;
	text-align : right;
}
#BOARD > li > .BODY{
	display : none;
	margin : .25rem 0 1rem 0;
	background-color : #F0F0F0;
	border-radius : .25rem;
	font-family : 'Dotum';
}
#BOARD > li > .BODY > .CONTENT{
	padding : 2.5rem 1.5rem;
}
#BOARD > li > .BODY > .ADMINAUTH{
	display : flex;
	justify-content : flex-end;
	gap : .5rem;
	padding-right : 1rem;
	padding-bottom : .5rem;
}
#BOARD > li > .BODY > .ADMINAUTH > button{
	padding : 0;
	margin : 0;
	background-color : transparent;
	border : 0;
	font-size : .7rem;
}
#BOARD > li > .BODY > .ADMINAUTH > button:hover{
	cursor : pointer;
	color : #06C;
}

#BOARD > li > .HEAD:hover{
	cursor : pointer;
	background-color : #F0F0F0;
}
#BOARD > li.SHOW > .BODY{
	display : block;
}
#BOARD > li.NORECORD{
	display : flex;
	justify-content : center;
	align-items : center;
	height : 15rem;
	background-color : #F9F9F9
}

.REGISTFORM{ padding : 2.5rem; }
.REGISTFORM #SUBJECT{
	width : 100%;
	height : 2.25rem;
	padding : 0 .5rem;
	margin-bottom : .25rem;
	border : solid 1px #CCC;
	box-sizing : border-box;
	font-family : 'Dotum';
	font-size : .815rem
}

#FILEINFO{
	display : flex;
	align-items : center;
	margin-top : .25rem;
}
#FILEINFO > #FILENAME{
	width : 16rem;
	height : 2.25rem;
	padding : 0 .5rem;
	margin-bottom : .25rem;
	border : solid 1px #CCC;
	box-sizing : border-box;
	font-family : 'Dotum';
	font-size : .815rem
}
#FILEINFO > #FILESELECT{
	width : 5rem;
	height : 2.25rem;
	padding : 0;
	margin-left : .25rem;
	margin-bottom : .25rem;
	border : solid 1px #CCC;
	box-sizing : border-box;
	font-family : 'Dotum';
	font-size : .815rem;
	cursor : pointer;
}

#BUTTONS{
	display : flex;
	justify-content : center;
	gap : .75rem;
	margin : .75rem 0;
}
#BUTTONS > button{
	width : 3rem;
	height : 3rem;
	padding : 0;
	margin : 0;
	background-color : #999;
	border : 0;
	border-radius : 1.5rem;
	color : #FFF;
	text-align : center;
	cursor : pointer;
}
#BUTTONS > button#REGIST-EXECUTE{ background-color : #06C; }
#BUTTONS > button#MODIFY-EXECUTE{ background-color : #06C; }
#BUTTONS > button#GOTO-REGIST{ background-color : #C60; }

/* 온라인 문의 */
#INQUIRYFORM{
	display : flex;
	flex-direction : column;
	gap : .25rem;
	min-height : 20rem;
	padding : 5rem;
}
#INQUIRYFORM > #INQUIRY-ALERT{
	padding : 1.5rem;
	margin : 0 0 1rem 0;
	background-color : #FDA;
	border-radius : .5rem;
	color : #A22;
	font-size : .75rem;
}
#INQUIRYFORM > div{
	text-align : center;
}
#INQUIRYFORM > div > input[type="text"]{
	width : 100%;
	height : 2.5rem;
	padding : 0 .75rem;
	border : solid 1px #CCC;
	border-radius : .25rem;
	box-sizing : border-box;
	font-size : .815rem;
}
#INQUIRYFORM > div > textarea{
	resize : none;
	width : 100%;
	height : 10rem;
	padding : .75rem;
	border : solid 1px #CCC;
	border-radius : .25rem;
	box-sizing : border-box;
	font-family : 'normal';
	font-size : .815rem;
}
#INQUIRYFORM > div > button#INQUIRY-EXECUTE{
	width : 6rem;
	height : 3rem;
	padding : 0;
	margin : 0;
	background-color : #06C;
	border : 0;
	border-radius : 1.5rem;
	color : #FFF;
	text-align : center;
	font-size : .875rem;
	cursor : pointer;
}


@media ( max-width : 571px ){	
	
}