@charset "utf-8";


/* Cordial DesignTeam BMR 140115 */
/*로그인페이지 20240528 수정 */
* {box-sizing: border-box; padding: 0;margin: 0;}
section {margin:0; padding:0; box-sizing: border-box;}
body{position: relative; 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%;   height:100vh; line-height:1;/*  background: url(../image/img_login_a/bg_layer.png)no-repeat center/cover; */ background-color: #fff; }

/* login박스 */
#login_a_wrap_con{position:absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); display: flex;justify-content: flex-end; align-items: center; width:1060px; min-width:auto; height: 518px; border-radius: 40px; line-height:1; vertical-align:middle; background-color: #fff; }
.bg_login_a{display: block;width: 100%;height: 100%; background: url(../image/img_login_a/login_wrap_bg.png)no-repeat center;  /* margin:0 auto; */ }

/* Login form */
#login_form_a{position: absolute;right: 90px;top: 100px; width:261px; min-width:auto; height:auto; background:transparent;}

.login_box_wrap{ width:auto; height:auto; position:static; margin:0 auto; }
.login_box_wrap .logo_a h1{ position:static; max-width: 261px;  width:100%; height:32px; background:url(../image/img_login_a/logo.png) no-repeat 0 0/cover;margin-bottom: 38px; text-indent:-9999px;}

.login_box{position:static; /* top:50px; right:257px; */ width:100%; height:auto; margin-bottom: 39px;  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: #777; 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:30px 0 21px; 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/login_txt.png)no-repeat; width: 200px; height: 30px;margin-bottom: 10px;}*/
.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: 19px; filter: invert(100%) grayscale(100);}
.login_box_inner .login_box_r p {font-size: 14px; color:#3b3b3b; font-weight:normal; vertical-align:middle; margin-bottom: 17px;}
.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:35px; line-height:35px; padding:0 10px;}

.login_box_inner .login_box_r input{ border:1px solid #dadada; color:#737373; font-size: 14px; font-weight:400;}
.login_box_inner .login_box_r input:focus{outline: #0050a0 auto 1px;}
.login_box_inner .login_box_r input::placeholder {color: #737373; font-weight: 400; letter-spacing: -0.07em;}
.login_box_inner .login_box_r input.logbox1{margin-top:0; border-radius:5px;}
.login_box_inner .login_box_r input.logbox2{ margin-top: 13px;  border-radius:5px;}

/* 로그인 버튼 */
.login_box_inner .login_box_r .btn_login{position: static; border: 0; background:#0050a0;color: #fff; font-size: 18px;  border-radius: 5px; text-transform: uppercase;  cursor: pointer; font-weight: 600; padding-top: 2px;}
.login_box_inner .login_box_r .btn_login:not(:disabled):hover{filter: brightness(1.1);}
.login_box_inner .login_box_r .btn_login:disabled{ background:#a2a2a2;color: #fff; font-size: 18px;  border-radius: 5px; text-transform: uppercase;}

.login_box_inner p.text{position:absolute; color:#6989b1; bottom:0; left:0;}

/* .login_banner {margin-bottom: 44px; padding: 20px;font-size: 14px; font-style: normal; text-decoration: none; background-color: #779cd1;}
.login_banner * { color: #fff;}
.login_banner dl > * {display: flex;align-items: center; gap: 5px;}
.login_banner dl > *:not(:last-child) { margin-bottom: 16px;}
.login_banner dl i{display: inline-block; width: 18px;height: 18px; background: url('../image/img_login_a/icons_contact.png')no-repeat;}
.login_banner dl dd:last-child i{background-position-x: -32px;}
.login_banner dt{font-size: 20px;}
.login_banner dd {font-size: 14px;}
.login_banner dd.phone a {font-size: 32px; font-weight: 700;} */

.login_footer{ font-size: 13px; text-align: center;color: #777;}

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

/* 공통 */
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;}