@charset "utf-8";
/** -----------------------
  * @ 파일 : login.css
  * @ 구분 : 인증,보안,로그인 관련
  * -----------------------
**/

/* [21.02.25] yyg로그인 시 추천 직원 접수 화면*/
.-staff_recmmdWrap .-check_recmmdWrap {margin-top:3rem}
.-staff_recmmdWrap .-sentence.-h_type3 {margin-bottom:1rem}
.-staff_recmmdWrap .-field.-finder .-label_group+.-forms {margin-top: 1rem}
.-staff_recmmdWrap .-selection input[type="checkbox"] ~ label,.-staff_recmmdWrap .-selection input[type="radio"] ~ label { height: 2rem; line-height: 2rem; padding-left: 2.8rem; min-height: 2rem; font-weight: 300}

.-staff_recmmdWrap .-selection input ~ label:before {top: 0.1rem; width: 2rem; height: 2rem; background: url(/img/nonetouch/pib/_new/common/ico-checkbox.svg) no-repeat; background-size: 100% auto}
.-staff_recmmdWrap .-selection input[type="checkbox"]:checked ~ label:before {background-image: url(/img/nonetouch/pib/_new/common/ico-checkbox-active.svg);}

/* 로그인인증개선-상단타이틀 */
.-log_auth .-bundle:first-child > .-heading:first-child{margin-bottom:4.5rem}

/* 공통 역마진 */
.-log_auth .-mmt15{margin-top:-1.5rem !important}
.-log_auth .-mt45{margin-top:4.5rem !important}


/* 인증개선 애니메이션 */
.-fade_sequence_wrap {position: relative;}
.-fade_sequence_1, .-fade_sequence_2 {display: none;}
.-fade_sequence_1 {position: absolute;top: -3rem;left: 0;width: 100%;z-index: 1}
.-fade_sequence.-fade_on {display: block;}
.-fade_sequence.-fade_on .-fade_in {opacity: 0;animation: aniFadeIn .8s cubic-bezier(0.37, 0, 0.63, 1) forwards;}
.-fade_sequence.-fade_on .-fade_out {opacity: 1;animation: aniFadeOut .8s cubic-bezier(0.37, 0, 0.63, 1) .5s forwards; /* .5s가 첫화면에서 두번째화면 이동시 걸리는 시간 */}
@keyframes aniFadeIn {
  from {  
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes aniFadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(0);
    display: none;
  }
}
.-fade_sequence .-fade_in.-fade_step_1{animation-delay: 0.25s;}
.-fade_sequence .-fade_in.-fade_step_2{animation-delay: 0.8s;}
.-fade_sequence .-fade_in.-fade_step_3{animation-delay: 1.05s;}
.-fade_sequence .-fade_in.-fade_step_4{animation-delay: 1.3s;}
.-fade_sequence .-fade_in.-fade_step_5{animation-delay: 1.45s;}
.-fade_sequence .-fade_in.-fade_step_6{animation-delay: 1.55s;}
.-fade_sequence .-fade_in.-fade_step_7{animation-delay: 1.65s;}
.-fade_sequence .-fade_in.-fade_step_8{animation-delay: 1.75s;}
.-fade_sequence .-fade_in.-fade_step_9{animation-delay: 1.85s;}
.-fade_sequence .-fade_in.-fade_step_10{animation-delay: 1.95s;}
.-fade_sequence .-fade_in.-fade_step_11{animation-delay: 2.05s;}
.-fade_sequence .-fade_in.-fade_step_12{animation-delay: 2.15s;}
.-fade_sequence .-fade_in.-fade_step_13{animation-delay: 2.25s;}
.-fade_sequence .-fade_in.-fade_step_14{animation-delay: 2.35s;}
.-fade_sequence .-fade_in.-fade_step_15{animation-delay: 2.45s;}