body.LOGIN {
	display: block;
}
body.LOGIN #NAV {
	display: none;
}
body.LOGIN #MAIN {
	padding: 0;
}

#LOGIN {
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
}

.LOGIN-right {
	grid-area: right;
	background: white;
	padding: var(--48px) var(--32px);
	display: flex;
  align-items: center;
}
	.LOGIN-form {
		margin: 0 auto;
		max-width: calc( var(--100px) * 3.6 );
		min-width: calc( var(--100px) * 3.2 );
	}
		.LOGIN-form img {
			max-height: var(--48px);
			margin: 0 auto var(--32px) auto;
			display: block;
		}
		.LOGIN-form p {
			color: var(--color-gray-600);
			font-size: var(--16px);
			font-weight: 400;
			line-height: var(--24px);
			margin-bottom: var(--32px);
		}

.LOGIN-left {
	grid-area: left;
	width: 100%;
	background-image: var(--gradient-linear-color-12, linear-gradient(45deg, #7B6AE0 0%, #FFBB89 100%));
	background-size: cover;
	background-position: center;
}