body{ margin : 0; }

section.LOGIN{
	margin-top : 10%;
}
section.LOGIN > h1{
	padding : 0;
	margin : 0;
	text-align : center;
	font-family : 'Noto Sans KR';
	font-weight : 600;
	font-size : 2.25rem;
}
section.LOGIN > #LOGINFORM{ position:relative; width:400px; margin:36px auto; font-size:0 }
section.LOGIN > #LOGINFORM > label{ display:inline-block; width:80px; height:30px; margin:0 0 4px 0; vertical-align:top; font:normal 12px/30px Dotum; color:#666 }
section.LOGIN > #LOGINFORM > input#L_ID,
section.LOGIN > #LOGINFORM > input#L_PW{ width:220px; height:30px; padding:0 8px; margin:0 100px 4px 0; border:solid 1px #CCC; box-sizing:border-box; font:normal 12px/normal Dotum }
section.LOGIN > #LOGINFORM > input#SAVEID{ margin:-1px 4px 0 80px; vertical-align:middle }
section.LOGIN > #LOGINFORM > input#SAVEID + label{ display:inline; vertical-align:middle }
section.LOGIN > #LOGINFORM > button{ position:absolute; right:0; top:0; width:96px; height:64px; padding:0; background-color:#666; border:0; color:#FFF; font:bold 12px/normal Dotum; cursor:pointer }


aside.CUSTOMERS{
	left : -241px;
	transition : left .25s ease-in-out;
	overflow : auto;
	z-index : 10000
}
aside.CUSTOMERS.ON{
	left : 0
}

aside.CUSTOMERS > #CUSTOMERS-SEARCH > input{
	width : 177px;
	height : 26px;
	padding : 0 6px;
	margin : 16px 16px 0 16px;
	border : solid 1px #999;
	font-size : 12px;
}

aside.CUSTOMERS > ul{
	padding : 16px;
	margin : 0;
}
aside.CUSTOMERS > ul > li{
	padding : 4px;
	margin-bottom : 8px;
	list-style : none
}
aside.CUSTOMERS > ul > li > p{
	padding : 0;
	margin : 0;
}
aside.CUSTOMERS > ul > li > p.NAME{
	font-weight : bold;
}
aside.CUSTOMERS > ul > li > p.NAME > strong{
	background-color : #F90;
}
aside.CUSTOMERS > ul > li > p.CNUM{
	color : #666;
	font-size : 11px
}
aside.CUSTOMERS > ul > li > p.CNUM > strong{
	background-color : #F90;
}

aside.CUSTOMERS > ul > li:hover{
	background-color : #A9D9F9;
	cursor : pointer
}
aside.CUSTOMERS > ul > li:hover > p{
	color : #FFF !important
}