/* ------------로그인----------- */
.loginSec{background-color: var(--clr_smWhite); height: fit-content; padding: 70px 0;}
.loginFiebox{
  width: 91.5%; max-width: 380px; height: fit-content;
  padding: 30px 0; margin: 0 auto;
  background-color:#fff;
  border-radius: 9px;
  border: var(--mix_brdr_btrDkr);
}
.loginFiebox fieldset {width: 68%; max-width: unset; display: block; margin: 0 auto;}
.loginFiebox_tit{
  /* firefox 에서 width100% 설정 안 하면 tex-align:center 적용 안 됨 */
  width: 100%;
  font-size: 28px; font-weight: 700; color: var(--clr_black_mn);
  text-align: center;  margin-bottom: 24px;
}
.loginFiebox_txt{font-size: 16px; font-weight:400; color: var(--clr_black_ex); line-height:24px; word-break: keep-all;}
.lgfInpBox {
  display: flex; align-items: center; justify-content: center;
  gap: 15px; flex-direction: column;
  width: 100%;
}
.lgfInpIner{ width: 100%;}
.lgf_tit_lab{
  font-size: 13px; font-weight: 500;
  color: var(--clr_black_ex);
  padding-bottom: 5px;
  display: inline-block;
  letter-spacing: 0.2px;
}
.lgf_input_lab{
  width: 100%; height: 36px;
  border: var(--mix_brdr_btrDkr) !important;
  background-color: #fff !important;
  outline: unset; border-radius: 2px;
  font-weight: 400; color: var(--clr_black_mn);
  padding: 5px 8px;
  border-radius: 9px;
}
.lgfInpIner input{background-color: #fff !important;}
.lgfInpIner input::placeholder{ color: #888; background-color: #fff; padding: 0px;}
.memoIdBox{
  display: flex; align-items: center; justify-content: right; gap: 5px;
  font-size: 12px; font-weight: 600;
  color: var(--clr_black_ex); margin-top: 10px; 
}
.memoIdBox input[type="checkbox"]{
  appearance: none;
  width: 16px; height: 16px; 
  background-color: #fff;
  border: 1px solid #d9d9d9; 
  border-radius: 4px; margin-top:1px;
  position: relative;
  cursor: pointer;
}
.memoIdBox input[type="checkbox"]:checked {
  background-color: var(--clr_blue);
  border: var(--brdr_blue);
  background-image: url('/assets/img/com/check.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.lgfBtnBox {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; flex-direction: column;
  margin-top: 35px;
}
.lgfBtn_sj{
  width: 100%; max-width: 306px;
  height: 44px; line-height: 44px;
  font-size: 14px; font-weight: 600; text-align: center;
  border-radius: 30px
}
.lgfBtn_submit{background-color:var(--clr_blue); border: var(--brdr_blue); color: #fff;}
.lgfBtn_submit:hover{color: #fff;}
.lgfBtn_bottom{
  border:1px solid #09369f; color: #092e99;
  box-shadow: inset 0px 0px 0px 0.2px #09369f;
  line-height: 48px; text-align: center;
}
.lgfBtn_bottom:hover{color:#092e99;}

.lgfIncBox{
  display: flex; align-items: center; justify-content: center; gap: 24px;
  margin-top: 20px;
  font-size: 13px; font-weight: 600;
  color: var(--clr_black_ex); letter-spacing: 0.1px;
}

/* ------------아이디찾기----------- */
.loginSec-inc .loginFiebox_tit {margin-bottom:15px;}

/* 찾기 결과 */
.loginSec-inc .searchResult {
  width: 100%;
  min-height: 170px; height: fit-content;
  border: 1px solid #eee; background-color: #fcfcfc;
  display: flex; align-items: center; justify-content: center; 
  flex-direction: column; gap: 20px;
  padding: 22px 0 22px;
}
.lgfInpIner .adExTxt{
  font-size: 13px; font-weight: 500;
  line-height: 16px; word-break: keep-all; 
  margin-top: 5px; padding-left: 11px;
  color: #ff7029;
  position: relative;
}
.lgfInpIner .adExTxt:before{
  content: "*"; position: absolute; left: 0;
  font-size: 15px; line-height: 14px;
}
.searchResult_txt{
  font-size: 14px; font-weight: 500; word-break: keep-all;
  line-height: 16px; text-align: center;
  color: #252525; padding: 0 10px;
}
.searchResult_info{
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  margin-top: 3px; line-height: 18px;
}
.searchResult_info span{padding: 0 3px; color: #2059be; position: relative;}
.searchResult_info span:not(:last-child):after{content: ','; position: absolute; right: 0;
}.searchResult_info span:last-child{padding-right: 7px;}

.loginSec-inc:has(.searchResult) .loginFiebox fieldset{width: 82%;}
.loginSec-inc:has(.searchResult) .lgfBtnBox{margin-top: 25px;}

.searchResult-id .searchResult_img{width: 52px;}
.searchResult-pw .searchResult_txt{line-height: 20px; font-weight: 500;}
.searchResult-pw .searchResult_img{width: 50px; box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 22%);}

/* 회원가입 결과 */
.result_box{
  padding-top: 20px; 
  text-align: center; letter-spacing: -1px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.resultImg{width: 60px; height: 60px; margin-bottom:25px;
}
.resultTit{margin-bottom: 15px; color: #193b6a; font-size: 24px; font-weight: bold; line-height: 1.4em; word-break: keep-all}
.resultTxt{
  margin-bottom: 20px; color: #193b6a; 
  font-size: 14px; font-weight: 500; line-height: 18px;
  word-break: keep-all;
}
.result_box .lgfBtn_sj{display: inline-block; width:80%; max-width: 280px; }

/* ------------ 단체 회원가입 최초 로그인 본인인증 ----------- */
.fstloginCertSec .loginFiebox{
  max-width: fit-content; height: auto;
  text-align: center; padding: 45px 40px;
  display: flex; flex-direction: column; justify-content: space-around;
}
.fstloginCertSec .lgfBtnBox{flex-direction: row;}


@media all and (min-width:540px){
  /* 회원가입 결과 */
  .result_box{padding-top: 15px; }
  .resultTit{font-size: 28px;}
  .resultTxt{font-size: 16px; line-height: 22px; margin-bottom: 30px;}
  .resultImg{width: 70px; height: 70px;}
}

@media (max-width: 767px) {
  /* 로그인 */
  .loginFiebox fieldset {width: 80%; max-width: 280px;}
  /* ---- */

  .loginFiebox_tit{font-size: 22px; margin-bottom: 18px;}
  .loginFiebox_txt{font-size: 14px; line-height:21px;}

  /* 단체 회원가입 최초 로그인 본인인증 */
  .fstloginCertSec .loginFiebox{padding: 35px 25px;}
  .fstloginCertSec .lgfBtnBox{flex-direction: column;}
}


@media all and (min-width:768px){
  /* 로그인 */
  .loginSec{min-height: calc(100vh - 55px);  padding: 140px 0;}
  .loginFiebox {max-width: 450px; padding: 40px 0; border-radius: 18px;}

  .lgf_input_lab {font-size: 14px; height: 40px;}
  .memoIdBox{margin-top: 12px; font-size: 13px; font-weight: 500;} 
  .lgfBtnBox{margin-top: 40px; gap: 14px;}
  .lgfBtn_sj{height: 48px; line-height: 48px; font-size: 16px;}

  /* 아이디찾기 & 비번찾기 (결과포함) */
  .loginSec-inc .loginFiebox_tit {margin-bottom:28px;}
  .loginSec-inc .searchResult{gap: 25px; padding: 27px 0 26px;}
  .searchResult_txt{font-size: 15px; padding: 0 25px;}
  .searchResult_info{margin-top: 5px; line-height: 20px;}
  .searchResult_info span{padding: 0 5px;}
  .searchResult_info span:last-child{padding-right: 5px;}
  .searchResult-id .searchResult_img{width: 58px;}
  .loginSec-inc:has(.searchResult) .lgfBtnBox{margin-top: 35px;}
  .searchResult-pw .searchResult_txt{line-height: 22px;}

  /* 회원가입 결과 */
  .resultTit{font-size: 30px;}
  .resultImg{width: 80px; height: 80px;}
}

@media all and (min-width:1024px){
  .loginSec{min-height: calc(100vh - 113px);}
  .lgf_input_lab{height: 43px;}

  /* 단체 회원가입 최초 로그인 본인인증 */
  .fstloginCertSec .loginFiebox{max-width: 740px; height: 380px;}
  .fstloginCertSec .lgfBtnBox{margin-top: 20px;}

}