:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

html,
body {
  	height: 100%;
}

body {
	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-align: center;
  	align-items: center;
  	padding-top: 40px;
  	padding-bottom: 40px;

  	background: #F5F5F5; /* For browsers that do not support gradients */
	/*
	background: -webkit-linear-gradient(top, #FFFFFF, #F5F5F5 , #FFFFFF); /* For Safari 5.1 to 6.0 *
	background: -o-linear-gradient(top, #FFFFFF, #F5F5F5 , #FFFFFF); /* For Opera 11.1 to 12.0 *
	background: -moz-linear-gradient(top, #FFFFFF, #F5F5F5 , #FFFFFF); /* For Firefox 3.6 to 15 *
	background: linear-gradient(to top, #FFFFFF, #F5F5F5 , #FFFFFF); /* Standard syntax *
	*/
}


.form-signin {
  	width: 100%;
  	max-width: 330px;
  	padding: 15px;
  	margin: auto;
}

.form-signin .checkbox {
  	font-weight: 400;
}

.form-signin .form-control {
  	position: relative;
  	box-sizing: border-box;
  	height: auto;
  	padding: 10px;
  	font-size: 16px;
}

.form-signin .form-control:focus {
  	z-index: 2;
}

.form-signin input[type="email"] {
  	margin-bottom: -1px;
  	border-bottom-right-radius: 0;
  	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  	margin-bottom: 10px;
  	border-top-left-radius: 0;
  	border-top-right-radius: 0;
}



body.body_image { margin: 0; background:url('../../../image/kagos/login/login_bg.jpg'); }

.login_box {width:259px; height:280px; display:table-cell; vertical-align:middle; font-family:'HelveticaNeueLTPro-Md';  }
.login_box ul {width:100%; padding-top:80px; margin:0 auto; height:90px; padding-left:26px;}
.login_box ul li {position:relative; }
.login_box ul li:first-child {margin-bottom:10px;}
.login_box ul li input[type=text], .login_box ul li input[type=password] {width:200px; height:28px; line-height:30px; padding-left:5px; border:1px solid #dfdfdf; color:#949798; font-size:12px;}


.login_box ul li input[type=checkbox] {margin-top:4px;vertical-align:top;}
.login_box ul li label {font-size:13px; color:#fff; padding-left:8px;margin-top:5px; vertical-align:top; display:inline-block;}
.login_box ul li span {position:absolute; left:12px; top:0; line-height:30px; font-size:14px; color:#08163f; font-weight:100;}

.btn_login {width:25px; height:25px; background:url('../../../image/kagos/login/icon_login_n.png') no-repeat; cursor:pointer;}
.btn_login:hover {background:url('../../../image/kagos/login/icon_login_o.png') no-repeat;}

.forgot {color:#A5A8AA; font-size:11px; cursor:pointer;}
.forgot:hover {color:#fff;}

.login_box .sys_logo {display:block; margin-top:-55px;  margin-left:250px;}

/* footer */
.footer {
	font-family:'HelveticaNeueLTPro-Md';
	padding-bottom:12px;
	clear:both;
	position:fixed;
	width:100%;
	bottom:0px;
	color:#fff;
	font-size:11px;
	text-align:center; 
	z-index:2222;
	display: block;
}


/* start digital smart soultion link button  */
.btnlink {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
  
  	width: 245px;
	height: 35px;
	cursor: pointer;
	display: flex;
	align-items: center;					
	border: none;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
	/*background-color: #007bff;*/
	background-color: transparent;
	border-color: #007bff;

}

.btnlink:hover {
	/* background-color: #0069d9; */
	background-color: transparent;
	border-color:#0062cc;
}

.btnlink, .btnlink span {
	transition: 200ms;
	font-familiy:"Noto Sans KR", "¸¼Àº°íµñ","µ¸¿ò",arial,Dotum,Verdana,helvetica,clean,sans-serif !important;
    color:white !important;
    padding-left:5px;
}

.btnlink .linktext {
	transform: translateX(0px);
}

/* end digital smart soultion link button  */
.btnlink:hover .linktext {
	color: transparent !important;
}

.btnlink .linkgo {
	position: absolute;
	border-left: 2px solid #0062cc;
	transform: translateX(180px);
	height: 30px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	padding-left:20px;
}

.btnlink .btn-label > i {
 	color:#CCD1D9 !important;
}

.btnlink:hover .btn-label > i {
 	color:#656D78 ;
}

.btnlink .linkgo > i {
	padding-left:5px;
	padding-top:3px;
}


.btnlink:hover .linkgo {
	width: 150px;
	border-left: none;
	transform: translateX(-30px);
}
.btnlink:focus {
	outline: none;
}