@charset "utf-8";

/* Cordial DesignTeam BMR 140115 */
/*로그인페이지 20231027 수정 */

*{margin:0; padding:0; box-sizing: border-box;}
body{font-family:'Noto Sans KR','Malgun Gothic', Dotum, sans-serif;font-size:12px; font-weight: 400;}
a, a:hover, a:active, a:focus{text-decoration:none;}

/* background */
#login_a_wrap{ position:relative; width:100%; min-width:1280px; height:100vh; line-height:1;overflow: hidden; background: url(../image/img_login_a/bg_layer.png)no-repeat center/cover;background-color: #2b5680;}

/* login박스 */
#login_a_wrap_con{position:absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); display: flex;justify-content: space-between; align-items: center; width:1050px; min-width:auto; height:660px; border-radius: 40px; line-height:1; vertical-align:middle; background-color: #fff; box-shadow: 17px 25px 58px -13px rgba(0,0,0,0.42); -webkit-box-shadow: 17px 25px 58px -13px rgba(0,0,0,0.42); -moz-box-shadow: 17px 25px 58px -13px rgba(0,0,0,0.42); overflow: hidden;}
.bg_login_a{position:relative;  width:auto; height:auto;/* margin:0 auto; */ }

/* Login form */
#login_form_a{width:280px; min-width:auto; height:auto; background:transparent; margin: 0 100px;}

.login_box_wrap{width:auto; height:auto; position:relative; margin:0 auto;}
.login_box_wrap .logo_a h1{ position:static; /* top:78px; left:250px; */ width:100%; height:32px; background:url(../image/img_login_a/logo.png) no-repeat 0 0/cover;margin-bottom: 40px; text-indent:-9999px;}

.login_box{position:static; /* top:50px; right:257px; */ width:100%; height:auto; z-index:10}
.login_box_inner{margin:0;}
.login_box_inner a{display:block; text-indent:-9999px; position:absolute;}
 
/* input라디오박스 커스텀 */
.login_box_inner .login_box_r input[type="radio"],.login_box_inner .login_box_r input.id_check { position: absolute;
  width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.login_box_inner .login_box_r input[type="radio"] + label {position: relative; display: inline-block; padding-left: 23px;font-weight: 400; cursor: pointer; color: #555;}
.login_box_r input[type="radio"] + label:first-of-type {margin-right: 15px;}
.login_box_inner .login_box_r input[type="radio"] + label::before{content: ''; position: absolute;left: 0; top: -1px; width: 15px;height: 15px; text-align: center; border: 1px solid #666; border-radius: 100%; }
.login_box_inner .login_box_r input[type="radio"]:checked + label::after 
{content: ''; position: absolute; top: 3px; left: 4px; width: 9px; height: 9px; background-color: #0050a0;border-radius: 100%; }

/* input체크박스 커스텀*/
.login_box_inner .login_box_r input[type="checkbox"]+.chkicon {position: relative; padding-left: 25px;font-size: 14px;color: #ccc; cursor: pointer;}
.login_box_inner .login_box_r input[type="checkbox"]+.chkicon::before {
  content: ''; position: absolute; left: 0; display: inline-block; width: 17px; height: 17px; border: 1px solid transparent; border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
.login_box_inner .login_box_r input[type="checkbox"]:checked+.chkicon:before {background-color: #0050a0; border: 1px solid transparent; box-shadow: none;}
.login_box_inner .login_box_r input[type="checkbox"]:checked + .chkicon:after {position: absolute; left: 10%;  top: 51%;  margin: -8px 0 0 -3px;  display: block;  content: ""; width: 6px;  height: 11px; border: 2px solid #f2f2f2; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-top: none;}

.login_box_inner .login_box_r .login_text{margin-top:20px; color:#555;}
.login_box_inner .login_box_r .login_text label{vertical-align:middle;}

.login_box_inner .login_box_r::before {content: '';display: block; background: url(../image/img_login_a/txt_login.png)no-repeat; width: 200px; height: 20px;margin-bottom: 5px; filter: invert(100%) grayscale(100); }
.login_box_inner .login_box_r p {font-size: 14px; color:#222; font-weight:normal; vertical-align:middle; margin-bottom: 20px;}
.login_box_inner .login_box_r p span{margin-right: 10px;}

.login_box_inner .login_box_r input,.login_box_inner .login_box_r .btn_login {width:100%; height:50px; line-height:50px; padding:0 10px;border-radius: 5px;}

.login_box_inner .login_box_r input{ border:1px solid #ccc; color:#999; font-weight:bold;}
.login_box_inner .login_box_r input:focus{outline: #0050a0 auto 1px;}
.login_box_inner .login_box_r input::placeholder {color: #ccc; font-weight: 400;}
.login_box_inner .login_box_r input.logbox1{margin-top:0; margin-bottom: 10px;}
.login_box_inner .login_box_r input.logbox2{margin-top:5px}

/* 로그인 버튼 */
.login_box_inner .login_box_r .btn_login:disabled{background-color: #d0d0d0;cursor: unset;}
.login_box_inner .login_box_r .btn_login{position: static; margin-top: 50px; border: 0; background:#0050a0;color: #fff; text-transform: uppercase; cursor: pointer; }
.login_box_inner .login_box_r .btn_login:not(:disabled):hover{background-color:#264163;}
 
.login_box_inner p.text{position:absolute; color:#6989b1; bottom:0; left:0;}



/********************
그룹웨어 헤더
*********************/

/* 공통 */
ul,li {list-style-type: none;}
.blind {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}

/* header */
.header {display: flex;justify-content: space-between;align-items: center;min-width: 850px; height: 60px;padding: 0 20px; border-bottom: 1px solid #e9eaee; }
.header .logo{display: block; width: 181px; flex-shrink: 0;}
.header .logo img{width: 100%;}

.header .nav-list{display: flex; gap: 10px; font-size: 15px;}
.header .nav-list li{display: flex; gap: 10px; font-size: 15px;cursor: pointer;}
.header .nav-list li:not(:last-child)::after{content: ''; width:1px; height: 20px; background-color: #222;margin-top: 2px;}
.header .nav-list .last-login-time{color: #777;}



/* S:인증코드 */
.auth_container{position:absolute; top: 40%;left: 50%; transform: translate(-50%,-50%); width: 380px; min-height: 600px;background-color: #fff;}
.auth_container button{cursor: pointer;}

.auth_title {margin-bottom: 45px;}
.auth_title img{display: block; width: auto;height: 36px; margin: 0 auto; }
.auth_box{width: 100%; padding: 35px; border-radius: 20px; box-shadow: 14px 14px 30px 0px rgba(0, 0, 0, 0.2);}

.auth_box .bg_img {display: block; text-align: center;margin-bottom: 20px; padding-bottom:20px ; border-bottom: 1px dashed #ccc;}
.auth_box p {font-size: 14px; text-align: center;margin-bottom: 23px;}

.auth_input {display: flex;gap: 10px;margin-bottom: 20px;}
.auth_input input{border: none; width: 70%; height: 38px; padding: 0 10px; font-size: 14px; border-radius: 5px;background-color: #eee;}
.auth_input > input::placeholder{color: #3b3b3b;}
.auth_input > button{ display: inline-block; width: calc(30% - 10px);   height: 38px; padding: 5px 9px; border-radius: 5px;border: none; background-color: #0050a0; color: #fff;}
.auth_input + button{ display: inline-block; border: none; width: 100%; height: 45px; padding: 5px 9px; border-radius: 5px; background-color: #0050a0; color: #fff;}
/* V:인증코드 */