@charset "utf-8";
/* CSS Document */
 
/*
@font-face { font-family: "HyundaiB"; src: url(/resources/font/현대하모니+B.ttf); }
@font-face { font-family: "HyundaiL"; src: url(/resources/font/현대하모니+L.ttf); }
@font-face { font-family: "HyundaiM"; src: url(/resources/font/현대하모니+M.ttf); }
*/
@font-face { font-family: "HyundaiB"; src: url(/resources/font/hyunb.woff) format('woff'); }
@font-face { font-family: "HyundaiL"; src: url(/resources/font/hyunl.woff) format('woff'); }
@font-face { font-family: "HyundaiM"; src: url(/resources/font/hyunm.woff) format('woff'); }

* {padding: 0; 	margin: 0;}
img, fieldset {border:0}
legend, hr, caption {visibility:hidden; overflow:hidden; position:absolute; top:0; left:-10000px; width:0; height:0; font-size:0; line-height:0; text-align:left}
input::-webkit-input-placeholder {color:#ccc}
input:-ms-input-placeholder {color:#ccc}
input:-mos-input-placeholder {color:#ccc}

html, body {
	width: 100%;
	height: 100%;
	font-family: HyundaiL;
	font-size: 13px;
	letter-spacing:-0.5px;
}
.loginBox {
	position:relative;
	width: 100%;
	min-width:700px;
	height: 100%;
	min-height:500px;
	padding: 0;
	margin: 0;
	overflow:auto
}

.background {
	height: 100%;
}

.background .container {
	width: 100%;
	height: calc(100% - 80px);
	padding: 0px;
}

.background .container .img {
	width: 100%;
	height: 100%;
	background: url(/resources/img/login/bg_login.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.background .footer {
	position: absolute;
	bottom: 0;
	background: #333;
	width: 100%;
	height: 100px;
	overflow:hidden;
}

.background .footer .icon-left {
	float: left;
	width: 117px;
	height: 28px;
	margin:35px 50px;
	background-image: url(/resources/img/login/logo_footer.png);
	background-repeat: no-repeat;
}

.background .footer .text-right{
	float: right;
	padding-right: 30px;
	color:#fff;
	height: 110px;
	line-height: 110px;
	font-size: 11px;
}

.section-login {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.section-login .login-form {
	position: absolute;
	top: calc(50% - 200px);
	left: calc(50% - 325px);
	width: 740px;
	height: 480px;
	background: #999;
	box-shadow: 0 0 20px #666;
	border-radius: 10px;
}

.section-login .login-form .login-left {
	position:relative;
	float: left;
	width: 326px;
	height: 100%;
	background: #fff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.thumnail {
	width: 100%;
	height: 100%;
	background-image: url(/resources/img/login/icon_blue_tria.png);
	background-repeat: no-repeat;
	background-position:300px 5px;
}

.thumnail:after {
	content:"";
	position:absolute;
	bottom:15px;
	right:15px;
	width:96px;
	height:30px;
	background:url(/resources/img/login/icon_SHE.png) no-repeat;
}

.thumnail > h1 {
	width: 100%;
	height: 100%;
	background-image: url(/resources/img/login/sys_title.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow:hidden;
	text-indent:-10000px;
}

.thumnail > span {
	position:absolute;
	top:25px;
	left:25px;
	display:block;
	width:84px;
	height:19px;
	overflow:hidden;
	text-indent:-10000px;
	background:url(/resources/img/login/logo_login.png) no-repeat;
}

.section-login .login-form .login-right {
	float: left;
	width: 380px;
	height: 100%;
	background: #f5f5f5;
	border-left:1px solid #dcdcdc;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	box-sizing:border-box;
}

.login-right .section-view {
	padding: 40px 30px 0px 30px;
}

.login-right .section-view > h2 {
	height:17px;
	background:url(/resources/img/login/text_login.png) 100% 0 no-repeat;
	overflow:hidden; 
	text-indent:-10000px;
	margin:10px 0 15px;
}

.input-text {
	width: 100%;
	height: 44px;
	line-height:44px;
	font-family: HyundaiM;
	font-size:16px;
	text-indent:10px;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	margin:5px 0;
	padding-left: 25px;
}

.input-button {
	width: 100%;
	height: 44px;
	font-size: 16px;
	background:#00a1e9;
	color:#fff;
	text-align: center;
	box-sizing:border-box;
	transition:all .3s;
	cursor:pointer;
	border:0;
	margin:5px 0;
	font-weight:bold;
}
.input-button:hover {
	background:#073674;
}

.login-right .section-view > div {
	margin:4px 0 0;
	font-size: 12px;
	color:#555;
}

.login-text { color: #555; text-decoration: none; }
.login-text:link { color: #555; text-decoration: none; }
.login-text:visited { color: #555; text-decoration: none; }
.login-text:hover { text-decoration: underline; }

.text-form { position: relative; display: flex; align-items: center; }
.loginForm-icon { position: absolute; font-size: 20px; top: 20px; color: #555; margin-left: 10px; }