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

#GOODS{
	display : grid;
	grid-template-columns : repeat( 4, 1fr );
	padding : 5rem 0;
	margin : 0;
}
#GOODS > li{
	list-style : none;
	display : flex;
	flex-direction : column;
	align-items : center;
	gap : .5rem;
	padding : .5rem;
}
#GOODS > li > img{
	width : 100%;
	border-radius : .5rem;
	overflow : hidden;
}
#GOODS > li.NORECORD{
	grid-column : 1 / 5;
	padding : 5rem 1.5rem;
	background-color : #E9ECF9;
	border-radius : 1rem;
	color : #666;
	text-align : center;
}
#GOODS > li:not(.NORECORD):hover{
	cursor : pointer;
	background-color : #E9E9E9;
}

.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
}
.REGISTFORM select{
	width : 12rem;
	height : 2.25rem;
	padding : 0 .5rem;
	margin-bottom : .25rem;
	border : solid 1px #CCC;
	box-sizing : border-box;
	font-family : 'Dotum';
	font-size : .815rem
}

.VIEW{ padding : 4rem 0; }
#TITLE{
	padding : 1rem 0;
	text-align : center;
}
#CONTENT{
	padding : 1.5rem;
	border : solid 1px #CCC;
}

#CATEGORIES{
	width : 30rem;
	padding : 3rem;
	margin : 0 auto;
}
#CATEGORIES > li{
	list-style : none;
	display : flex;
	flex-direction : column;
	padding : .25rem;
	margin : .25rem;
	border : dashed 1px #CCC;
}
#CATEGORIES > li > ul{
	padding : 0 0 0 2rem;
	margin : 0;
}
#CATEGORIES > li > ul > li{
	list-style : '└';
	margin-top : .25rem;
}
#CATEGORIES li > p{
	display : flex;
	gap : .5rem;
	align-items : center;
	padding : 0;
	margin : 0;
}
#CATEGORIES li > p > input{
	width : 16rem;
	height : 2.5rem;
	padding : 0 .75rem;
	border : solid 1px #CCC;
	border-radius : .25rem;
	box-sizing : border-box;
}
#CATEGORIES li > p > a{
	width : auto;
	padding : .5rem;
	margin : 0;
	background-color : #999;
	border : 0;
	border-radius : 1.25rem;
	color : #FFF;
	font-size : .815rem;
	cursor : pointer;
}

#BUTTONS{
	display : flex;
	justify-content : center;
	gap : .75rem;
	margin : .75rem 0;
}
#BUTTONS > button{
	width : auto;
	height : 3rem;
	padding : 0 1rem;
	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; }