@charset "utf-8";

/***** Login Web CSS *****/
.login { display:flex; align-items:center; justify-content:center; flex-direction:column; overflow:hidden; width:100%; height:100%; margin:0 auto; background:#f0f0f0; }
.login .login_layout { display:flex; width:856px; height:540px; background:#fff; border-radius:10px; box-shadow:0 2px 5px rgba(0,0,0,0.1); overflow:hidden; position:relative; }
.login .login_nav { width:370px; height:100%; background:url("images/login/img_login.png") no-repeat bottom center; position:relative; }
.login .login_nav .logo_ci { display:inline-block; width:156px; height:68px; background:url("images/login/logo_ci.png") no-repeat center; position:absolute; left:0; bottom:0; }
.login .login_box { width:calc(100% - 370px); height:100%; background:#ffff; position:relative; }
.login_box .login_head { width:100%; text-align:center; font-size:26px; color:#353851; font-weight:400; padding:100px 0 56px 0; box-sizing:border-box; }
.login_box .login_body { width:310px; margin:0 auto; }
.login_box .login_body p { font-size:16px; color:#000; font-weight:600; }
.login_box .login_body .login_title { font-size:12px; color:#838ca5; font-weight:500; letter-spacing:0; }
.login_box .login_body input[type=text], .login_box .login_body input[type=password] { 
	width:100%; height:50px; margin:7px 0 20px 0; padding:0 15px; font-size:14px;
	background-color:#f9fafe; border:solid 1px #e0e2ef;  border-radius:7px; font-family:"Noto Sans KR",Malgun gothic,Dotum,arial,sans-serif;
	}
.login_box .login_body .btn_login { 
	width:100%; height:55px; border:0; background:#777883 url("images/login/icon_arrow.png") no-repeat center right; font-size:17px; color:#fff; cursor:pointer; 
	margin-top:8px; padding-bottom:3px; font-family:"Noto Sans KR",Malgun gothic,Dotum,arial,sans-serif; letter-spacing:0px;  border-radius:7px;
	}
.login_box .login_body .btn_login:hover { background-color:#5d5e69; }
.login_box .login_body .login_util { width:100%; text-align:center; padding:38px 0; }
.login_box .login_body .btn_pwsh { display:inline-block; margin:0 auto; text-decoration:underline; font-size:13px; color:#858693; cursor:pointer; }
.login_bottom { width:856px;  font-size:12px; color:#8a8a8a; letter-spacing:0; margin:0 auto; padding-top:10px; position:relative; }
.login_bottom_info { display:inline-block; position:absolute; top:10px; right:0; }
.login_bottom_info li { display:inline-block; float:left; border-right:solid 1px #c3c3c3; }
.login_bottom_info li:last-child .bottom_link { padding-right:0; color:#666; }
.login_bottom_info li:last-child { border-right:0; }
.login_bottom_info .bottom_link { display:inline-block; padding:0 10px 0 10px;  }
.login_bottom_info a { color:#8b8b8b; text-decoration:none; }

.adminInfo {
  display:inline-block; position:absolute; top:40px; right:40px; cursor:pointer;
  border:solid 1px #ccc; box-shadow:0 1px 1px rgba(0,0,0,0.1); padding:5px 8px 5px 20px; line-height:1.0;
  background:#fff url("images/login/icon_usersearch.png") no-repeat left center;
  }
.adminInfo:hover { border-color:#336fde; }
.adminInfo:hover a { color:#336fde; }
.adminInfo a { font-weight:500; font-size:11px; color:#545454; line-height:1.0; text-decoration:none; letter-spacing:0; position:relative; top:-3px; }

/* forget membership */
.forget_membership { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.forget_con { width:500px; margin-bottom:50px; }
.forget_head { width:100%; text-align:center; margin-bottom:40px; font-size:18px; font-weight:600; color:#333; }
.forget_head .system_logo { margin:0 auto 15px auto; }
.forget_head .system_logo { display:block; width:148px; height:34px; background:url("images/login/logo_kbrain.png") no-repeat; background-size:contain;}
.forget_title { width:100%; text-align:left; font-size:14px; font-weight:600; color:#545454; margin-bottom:7px; }
.forget_con .input_email { 
	width:100%; height:50px; padding:0 15px; font-size:14px; border-radius:7px; font-family:"Noto Sans KR",Malgun gothic,Dotum,arial,sans-serif;
	background-color:#f9fafe; border:solid 1px #666; 
}
.forget_info { display:block; width:100%; font-size:14px; margin-top:10px; color:#777; }
.forget_bottom { display:block; width:100%; text-align:center; margin:25px 0; }
.forget_bottom .btn_reset { 
	width:100%; height:50px; border:0; background:#007ed2; font-size:17px; color:#fff; cursor:pointer; 
	margin-top:8px; font-family:"Noto Sans KR",Malgun gothic,Dotum,arial,sans-serif; border-radius:7px;
}
.forget_bottom .btn_link { display:block; text-decoration:underline; font-size:14px; color:#545454; margin:30px 0; cursor:pointer; }
.forget_bottom .btn_link:hover { color:#2361b4; }