@charset "utf-8";

/***** Login Web CSS *****/
.login_wrap { display:flex; align-items:flex-start; justify-content:center; width:100%; height:100%; }
.login_container { display:flex; align-items:center; justify-content:center; flex-direction:column; width:1000px; margin:0 auto; }
.login_head { display:flex; align-items:center; justify-content:space-between; width:100%;height:70px; }
.login_head .top_logo { display:inline-block; width:150px; height:70px; text-indent:-9999px; background:url(images/login/login_toplogo.png) no-repeat left center; visibility:hidden; }
.login_head .top_msg { display:inline-block; font-size:13px; color:#666; font-weight:300; }
.login_img { width:100%; height:340px; background:#95b3d7 url(images/login/bg_login_img.png) no-repeat center; position:relative; }
.login_img .nav_logo { display:inline-block; width:260px; height:65px; text-indent:-9999px; background:blue; position:absolute; top:40px; left:40px;  }

.login_body { display:grid; grid-template-columns:1fr 510px; column-gap:56px; margin:20px 0 20px 0; width:100%; }
.login_box { width:100%; }
.login_item { display:grid; grid-template-columns:1fr 100px; gap:10px; margin-top:42px; position:relative; }
.login_item .btn_login { width:100%; height:100% !important; display:inline-block; border-radius:5px; font-size:16px; color:#fff; background:#3c9cca; }
.login_input { display:flex; flex-direction:column; gap:10px; }
.login_input input[type=text],
.login_input input[type=password] {
  width:100%; height:36px !important; padding:0 15px; font-size:14px;
  background-color:#f9f9fb; border:solid 1px #d3d5e0;  border-radius:5px; font-family:"Noto Sans KR",arial,sans-serif; }
.login_input input::placeholder {color:#838ca5 !important; font-size:13px; }

.login_bottom { display:flex; align-items:center; justify-content:space-between; width:100%; padding-top:10px; }
.login_idsave { display:flex; align-items:center; gap:2px; font-size:13px; font-weight:300; color:#333; }
.login_idsave input[type=checkbox] { width:15px; cursor:pointer; position:relative; top:1px; }
.login_pw { display:inline-block; font-size:13px; font-weight:300; color:#666; cursor:pointer; }
.login_pw:hover { text-decoration:underline; }

.news_box { width:100%; }
.news_box .news_head { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:20px; }
.news_head .news_section { width:100%; font-size:18px; color:#000; }
.news_head .btn_more { flex:none; width:10px; height:10px; text-indent:-9999px; cursor:pointer; background:url(images/login/icon_plus.png) no-repeat; }
.news_box .news_body { width:100%; }
.news_list { width:100%; }
.news_list li { display:inline-block; width:100%; margin-bottom:7px; }
.news_list li:last-child { margin-bottom:0; }
.news_list .news_item { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.news_list .news_tit { width:100%;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:400; color:#666; line-height:1.0; cursor:pointer; }
.news_list .news_tit:before { content:"· "; font-size:15px; color:#666; }
.news_list .news_tit:hover { text-decoration:underline; }
.news_list .news_date { flex:none; font-size:13px; color:#999; font-weight:300; letter-spacing:0; }

.login_footer { display:flex; align-items:center; justify-content:space-between; border-top:solid 1px #ddd; width:100%; }
.login_footer .ft_logo { display:inline-block; width:84px; height:13px; background:url(images/login/ft_logo.png) no-repeat; text-indent:-9999px; flex:none;}
.login_footer .ft_info { display:flex; align-items:center; font-size:12px; gap:15px; padding:20px 0; }
.login_footer .ft_cscenter { display:flex; align-items:center; font-size:12px; color:#545454; width:100%; }
.login_footer .ft_cscenter p { display:inline-block; width:54px; height:15px; background:url(images/login/icon_cscenter.png) no-repeat; padding-left:19px; }
.login_footer .ft_cscenter .tel { color:#135089;  height:15px; flex:none; }
.login_footer .ft_link { font-size:12px; color:#545454; width:100%; height:15px; cursor:pointer; }
.login_footer .ft_link:hover { text-decoration:underline; }
.login_footer .ft_copy { display:inline-block; font-size:12px; font-weight:100; color:#666; letter-spacing:0; }
.login_footer .ft_bar { display:inline-block; width:1px; height:12px; background:#ddd; position:relative; top:-1px; }


/*
.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 !important; 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",Noto Sans KR,Dotum,arial,sans-serif;
  }
.login_box .login_body .btn_login {
  width:100%; height:55px !important; 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",Noto Sans KR,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:-42px; left:0; 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; }

.envInfo {
  display:inline-block; position:absolute; top:-42px; left:0;
}

/* 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",Noto Sans KR,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",Noto Sans KR,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; }


/* warning message*/
.notice_yellow {
  background:#fdf8e4; overflow:auto; padding:10px 15px;  margin:5px 0; box-sizing:border-box;
  font-size:13px; color:#856b2e; line-height:1.5; border:solid 1px #efe6ac;
  }
.notice_red {
  background:#f2dedf; overflow:auto; padding:10px 15px;  margin:5px 0; box-sizing:border-box;
  font-size:13px; color:#9f3d3e; line-height:1.5; border:solid 1px #e3d0d2;
  }
.notice_blue {
  background:#d9edf6; overflow:auto; padding:10px 15px;  margin:5px 0; box-sizing:border-box;
  font-size:13px; color:#2f677e; line-height:1.5; border:solid 1px #cfdae0;
  }
.notice_green {
  background:#def0d8; overflow:auto; padding:10px 15px;  margin:5px 0; box-sizing:border-box;
  font-size:13px; color:#367d41; line-height:1.5; border:solid 1px #d3e5cd;
  }