@charset "utf-8";

/************ 2021.09.16 로그인화면 ************/
.loginBG {position: fixed !important;background:url('/image/login_bg.jpg') no-repeat center center fixed !important; min-width:1400px !important; background-size:cover !important; background-position:center !important; background-color: #fff !important;}
.container {display:table; width:100%; height:100%;}
.login-company-logo {position: fixed !important; width:161px; height:39px; background:url('/image/logo_kdinvest.png') no-repeat !important; top:20px; left:20px;}
.container-center {display:table-cell; vertical-align:middle; text-align:center;}
.login-area {position:relative; display:inline-block; left: 400px; height:420px;}
.loginBox {width:440px;}
.loginBox .logo {width:224px; height:70px; background:url('/image/logo_new.png') no-repeat; margin-bottom:40px;margin-left: auto;margin-right: auto;}
.loginBox .idpw {margin-bottom:20px;}
.loginBox .saveID {height:25px; margin-bottom:40px; text-align:left; color:#666666; font-size:13px; line-height:25px;}

.loginBox .loginBtn {
    width:100%;
    border: 0px;
    height:65px;
    background:#01359f;
    border-radius:5px;
    text-align:center;
    color:#ffffff;
    font-size:15px;
    line-height:65px;
    cursor:pointer;
    font-weight: 700 !important;
}

.loginBox .loginBtn:hover {
    background:#0347d2;
    border-radius:5px;
}

.form-control {
	display:inline-block !important;
	width:100% !important;
	height:60px !important;
	padding:20px !important;
	font-size:15px !important;
	line-height:60px !important;
	color:#222 !important;
	background-color:#ffffff !important;
	background-image:none !important;
	border:1px solid #ccc !important;
	border-radius:5px !important;
	font-weight: 500 !important;
}
.form-control:hover {
	border:1px solid #01359f !important;
	border-radius:5px !important;
}


input[type="checkbox"] {
    display:none !important;
}
input[type="checkbox"] + label span:hover {
    border: 1px solid #01359f;
}

input[type="checkbox"] + label {
    font-size:15px !important;
    font-weight: 500 !important;
    color:#555555 !important;
}

input[type="checkbox"] + label span {
    display:inline-block !important;
    width:25px !important;
    height:25px !important;
    margin:-2px 10px 0 0 !important;
    vertical-align:middle !important;
    background:#fff;
    cursor:pointer !important;
    border: 1px solid #ccc;
    border-radius: 2px;
}
input[type="checkbox"]:checked + label span {
    background:#01359f url('/image/login_check.png') center no-repeat;
}

input::placeholder {
    color: #999999 !important;
    font-size:15px !important;
    font-weight: 400 !important;
}
input:focus {
	font-weight: 500 !important;
}