header{
	background-image : url("/images/header-bg-customer.jpg");
}
header > nav{
	background-color : rgba( 48, 104, 193, .5 );
}
header > nav > a.ON{
	color : #09C;
}

.NOTICE{
	padding : 72px 0 !important;
}
.NOTICE > ul{
	width : 840px;
	max-width : 100%;
	padding : 0;
	margin : 0 auto;
	border-top : solid 2px #555;
}
.NOTICE > ul > li{
	list-style : none;
	height : 40px;
	overflow : hidden;
	border-bottom : solid 1px #AAA;
}
.NOTICE > ul > li.ON{
	height : auto;
}
.NOTICE > ul > li > .METHOD{
	float : left;
	width : 104px;
	height : 24px;
	padding : 8px 12px;
	font-family : 'Noto Sans KR';
	font-weight : 500;
	font-size : 13px;
	line-height : 24px;
}
.NOTICE > ul > li > .METHOD[data-method="event"]{
	color : #06C;
}
.NOTICE > ul > li > .SUBJECT{
	float : left;
	width : 544px;
	height : 24px;
	padding : 8px 12px;
	font-family : 'Noto Sans KR';
	font-weight : 300;
	font-size : 13px;
	line-height : 24px;
}
.NOTICE > ul > li > .SAVEDATE{
	float : left;
	width : 120px;
	height : 24px;
	padding : 8px 12px;
	font-family : 'Noto Sans KR';
	font-weight : 300;
	font-size : 12px;
	line-height : 24px;
}
.NOTICE > ul > li > .CONTENT{
	clear : both;
	padding : 32px;
	margin : 16px;
	border : solid 1px #DDD;
	font-size : .75rem;
}
.NOTICE > ul > li.NORECORD{
	height : 240px;
	color : #CCC;
	text-align : center;
	font-size : 14px;
	line-height : 240px;
}