html, body { width: 100%; height:100%; margin:0px; padding: 0px; }
body > form { height:100%; margin:0px; padding: 0px; }
body {
	font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic','���� ���',dotum,'����',sans-serif;
}


.main_box {
	height:100%;
	background-image:url("/pilot/Login.nsf/login_bg.jpg");
	background-size:cover;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

@media (max-width: 450px) {
	.main_box {
		background-image:none;
	}
}


.catchphrase {
	display:flex;
	width:calc(50% - 225px);
	height:100%;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

@media (max-width: 1024px) {
	.catchphrase {
		display:none;
	}
}

.catchphrase_title {
	font-family:Poppins;
	font-size:31px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}

.login {
	height:100%;
	width:450px;
	padding:30px;
	background-color:#ffffff;
	box-sizing:border-box;
	overflow:hidden;
}

.mobile .login {
	overflow:auto;
}

.login_system {
	font-size:17px;
	font-weight:bold;
	color:#3a5082;
}

.login_form {
	margin-top:50px;
	padding:30px;
	border-bottom:1px solid #d8dce6;
}

.login_title {
	margin-bottom:30px;
	text-align:center;
	font-size:35px;
	font-weight:bold;
	color:#3a5082;
}

.form_field {
	margin:5px 0px;
	position:relative;
	background-color:#f0f0f0;
	line-height:40px;
}
.form_field label {
	padding:0px 20px;
	font-size:17px;
	font-weight:bold;
	color:#b2b2b2;
}

.form_field input {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:40px;
	padding:0px 20px;
	border:0px none;
	box-sizing:border-box;
	background-color:transparent;
	line-height:40px;
	font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic','���� ���',dotum,'����',sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#5e5e5e;
	
}

.form_field input[name='RedirectTo'] {
	font-size:11px;
}

.form_field input.on {
	background-color:#f0f0f0;
}

.form_submit {
	display:inline-block;
	margin:10px 0px;
	width:100%;
	line-height:40px;
	background-color:#2a4991;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#c0c7db;
}

.form_magbox {
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:#ff0000;
}

.login_desc {
	margin:10px 0px;
	font-size:12px;
	letter-spacing:-1px;
	text-align:center;
	color:#7289bb;
}

.login_message {
	padding:50px 0 0 0;
	text-align:center;
}

.benner {
	width:calc(50% - 225px);
	height:100%;
}

@media (max-width: 1024px) {
	.benner {
		display:none;
	}
}

.benner_items {
	display:flex;
	height:100%;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.benner_item {
	margin:10px;
	height:190px;
	width:190px;
	cursor:pointer;
}

.benner_item .box {
	display:flex;
	height:100%;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
}

.benner_item .txt {
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}

.homepage {
	background-color:#3a5082;
}

.sales_management {
	background-color:#5e5e5e;
}