/* ////////////////// 회원가입 ////////////////// */
/* ////////////////// 회원가입 ////////////////// */
/* ////////////////// 회원가입 ////////////////// */
/* ////////////////// 회원가입 ////////////////// */
/* ////////////////// 회원가입 ////////////////// */
/* ////////////////// 회원가입 ////////////////// */

.join-wrap {position: relative; display: block; width: 100%; height: auto; padding: 0 0 80px 0; /* background-color: #ebf4f9; */}

#join {position: relative; display: block; width: 1200px; background-color: rgb(255, 255, 255); /* box-shadow: 0px 0px 20px 0px rgba(136, 136, 136, 0.1); */ padding: 90px 70px 70px; margin: 0 auto;}

/*상단 제목*/
.join-top-tit {position: relative; display: block; line-height: 1; font-size: 34px; color: rgb(6, 28, 52); font-weight: 400; text-align: center; letter-spacing: -0.040em;}

/*join--con*/
.join--con {position: relative; display: block; width: 100%; height: auto; margin-top: 50px;}
.join--con--block {position: relative; display: block; width: 100%; height: auto; margin-top: 50px;}
.join--con--block+.join--con--block {margin-top: 50px;}

/*약관 제목*/
.join--con--block--tit-1 {position: relative; display: block; width: 100%; height: auto; font-size: 18px; font-weight: 400; color: rgb(0, 0, 0); line-height: 1;  height: 30px;}

/*약관박스*/
.join--con--block--terms {position: relative; display: block; width: 100%; height: auto;}
.join--con--block--terms textarea {-webkit-appearance: none; -moz-appearance: none;appearance: none; border: 1px solid rgb(221, 221, 221); border-radius: 3px; background-color: rgb(249, 249, 249); height: 160px; width: 100%; display: block; padding: 20px 16px; font-size: 14px;  color: #111; font-weight: 400; line-height: 1.571; font-family: 'Noto Sans KR', sans-serif;}

/*약관 체크*/
.join--con--block--check {position: relative; display: flex; height: 48px; align-items: center; width: fit-content;}
.join--con--block--check p {font-size: 15px; font-weight: 400; color: rgb(0, 0, 0); margin-left: 8px;}

/* 개인 기업회원 가입진행 버튼 */
.join-btn-1 {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; margin-top: 10px; padding-top: 20px; border-top: 1px solid rgb(238, 238, 238);}
.join-btn-1 a {border-radius: 3px; border: 1px solid rgb(34, 160, 240); width: 200px; height: 60px;  display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 400; color: rgb(255, 255, 255); color: rgb(34, 160, 240); background-color: #fff;}
.join-btn-1 a:hover {background-color: rgb(34, 160, 240); color: #fff;}

/*가입 제목*/
.join--con--block--tit-2 {font-size: 18px; font-weight: 400; color: rgb(0, 0, 0); line-height: 1; display: block; height: 32px; border-bottom: 1px solid rgb(34, 34, 34);}

/* 개인 기업회원 회원가입 버튼 */
.join-btn-2 {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; margin-top: 10px; padding-top: 20px; border-top: 1px solid rgb(238, 238, 238);}
.join-btn-2 a {border-radius: 3px; border: 1px solid rgb(34, 160, 240); width: 200px; height: 60px;  display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 400; color: rgb(255, 255, 255); color: rgb(34, 160, 240); background-color: #fff; background-color: rgb(34, 160, 240); color: #fff;}

/*join-form*/
.join-form {position: relative; display: block; width: 100%; height: auto;}
.form-row {position: relative; display: flex; width: 100%; height: auto; align-items: center; border-bottom: 1px solid rgb(204, 204, 204);}
.form-row>label {width: 180px; height: 66px; display: flex; align-items: center; font-size: 15px; font-weight: 400;}
.form-row>.field {width: calc(100% - 180px); height: 66px; display: flex; align-items: center;}
.form-row>.field>.company-num,
.form-row>.field>.email,
.form-row>.field>.tel {position: relative; width: 100%; height: 100%; display: flex; align-items: center;}
.form-row>.field .txt {font-size: 15px; display: block; padding: 0 4px;}

/*주소인풋*/
.form-row>.field.fidel-address {display: block; height: auto; padding: 11px 0;}

/*우편번호찾기 버튼*/
.find-address-btn {border: 0; -webkit-appearance: none; -moz-appearance: none;appearance: none; border: 1px solid rgb(68, 68, 68); border-radius: 3px; background-color: rgb(68, 68, 68); height: 44px; padding: 0 14px; font-size: 15px; font-weight: 400; color: rgb(34, 34, 34); cursor: pointer; color: #fff; margin-left: 5px;}
.find-address-btn.find-address-btn-new {height: 32px;}

/*회원가입 완료*/
.join-complete {background-color: #fff; padding-top: 100px;}
.join-complete__check-icon {display: block; max-width: 100%; margin: 0 auto;}
.join-complete__h3 {display: block; text-align: center; font-size: 34px; color: rgb(6, 28, 52); line-height: 1;  margin-top: 34px;}
.join-complete__p {display: block; text-align: center; font-size: 15px; color: rgb(6, 28, 52); margin-top: 25px;}
.join-complete__p span {font-size: 15px; color: rgb(34, 160, 240); font-weight: 400;}

.join-complete-btn {position: relative; display: flex; align-items: center; justify-content: center; margin-top: 55px;}
.join-complete-btn--home {width: 148px; height: 52px; border: 1px solid rgb(221, 221, 221); border-radius: 3px; background-color: rgb(255, 255, 255);  display: flex; align-items: center; justify-content: center; text-align: center; font-size: 15px; color: rgb(34, 34, 34);}
.join-complete-btn--login {width: 148px; height: 52px; border: 1px solid rgb(34, 160, 240); border-radius: 3px; background-color: rgb(34, 160, 240);  display: flex; align-items: center; justify-content: center; text-align: center; font-size: 15px; color: rgb(255, 255, 255); margin-left: 4px;}

.join-complete--banner {position: relative; display: flex; width: 1180px; margin: 0 auto; align-items: center; justify-content: space-between; margin-top: 90px;}
.join-complete--banner-left {display: block; width: 580px; height: auto;}
.join-complete--banner-right {display: block; width: 580px; height: auto;}


/* ////////////////// 로그인 ////////////////// */
/* ////////////////// 로그인 ////////////////// */
/* ////////////////// 로그인 ////////////////// */
/* ////////////////// 로그인 ////////////////// */
/* ////////////////// 로그인 ////////////////// */
/* ////////////////// 로그인 ////////////////// */

.login-wrap {position: relative; display: block; width: 100%; height: auto; padding: 0 0 80px 0;/*  background-color: #ebf4f9; */}
#login {position: relative; display: block; width: 530px; background-color: rgb(255, 255, 255); /* box-shadow: 0px 0px 20px 0px rgba(136, 136, 136, 0.1); */ padding: 0 65px 80px; margin: 0 auto;}

/*로그인 제목*/
.login-tit {display: block; text-align: center; width: 100%; height: 170px; padding-top: 93px; font-size: 34px; color: rgb(6, 28, 52); font-weight: 400;}

/*로그인 입력칸*/
.enter-login {position: relative; display: block; width: 100%; height: auto;}
.enter-login--input {position: relative; display: block; width: 100%; height: auto;}
.enter-login--input__id {position: relative; -webkit-appearance: none; -moz-appearance: none;appearance: none; border: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0 0; background-color: rgb(247, 247, 247); height: 60px; padding: 0 18px; font-size: 15px; font-weight: 400; color: rgb(34, 34, 34); display: block; width: 100%; z-index: 1;}
.enter-login--input__id:focus {border-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); z-index: 2;}
.enter-login--input__pwd {position: relative; -webkit-appearance: none; -moz-appearance: none;appearance: none; border: 1px solid rgb(221, 221, 221); border-radius: 0 0 4px 4px; background-color: rgb(247, 247, 247); height: 60px; padding: 0 18px; font-size: 15px; font-weight: 400; color: rgb(34, 34, 34); display: block; width: 100%; z-index: 1; margin-top: -1px;}
.enter-login--input__pwd:focus {border-color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); z-index: 2;}

/*.enter-login--input__id::placeholder {font-family: 'om' !important;}
.enter-login--input__id::-webkit-input-placeholder {font-family: 'om' !important;}
.enter-login--input__id:-ms-input-placeholder {font-family: 'om' !important;}

.enter-login--input__pwd::placeholder {font-family: 'om' !important;}
.enter-login--input__pwd::-webkit-input-placeholder {font-family: 'om' !important;}
.enter-login--input__pwd:-ms-input-placeholder {font-family: 'om' !important;}*/


/*아이디저장*/
.enter-login--id-save {position: relative; display: flex; align-items: center; width: fit-content; height: 70px;}
.enter-login--id-save__p {display: block; font-size: 14px; letter-spacing: -0.025em; font-weight: 400; margin-left: 7px;}

/*로그인 버튼*/
.enter-login--button {position: relative; display: block; width: 100%; height: auto;}
.enter-login--button button {-webkit-appearance: none; -moz-appearance: none;appearance: none; border: 0; cursor: pointer; display: flex; width: 100%; height: 60px; align-items: center; justify-content: center;  text-align: center; font-size: 18px; font-weight: 400; color: rgb(255, 255, 255); background-color: rgb(34, 160, 240);}

/*아이디/비밀번호 찾기 링크 버튼, 회원가입 링크 버튼*/
.enter-login-bottom {position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 11px; border-top: 1px solid rgb(238, 238, 238);}

.enter-login-bottom--find-link {position: relative; display: flex; align-items: center;}
.enter-login-bottom--find-link a {font-size: 15px; color: rgb(0, 0, 0);}
.enter-login-bottom--find-link__bar {display: block; background-color: rgb(213, 213, 213); width: 1px; height: 11px; margin: 0 10px;}

.enter-login-bottom--join-link a {border: 1px solid rgb(255, 49, 107); background-color: #fff; width: 110px; height: 38px; display: flex; align-items: center; justify-content: center; text-align: center;  font-size: 15px; color: rgb(255, 63, 108); font-weight: 400;}

/*로그인 하단 배너*/
.login-bottom-banner {position: relative; display: block; width: 530px; margin: 16px auto 0; box-shadow: 0px 0px 20px 0px rgba(136, 136, 136, 0.1);}
.login-bottom-banner__img {position: relative; display: block; width: 530px;}



/* ////////////////// 아이디,비밀번호찾기 ////////////////// */
/* ////////////////// 아이디,비밀번호찾기 ////////////////// */
/* ////////////////// 아이디,비밀번호찾기 ////////////////// */
/* ////////////////// 아이디,비밀번호찾기 ////////////////// */
/* ////////////////// 아이디,비밀번호찾기 ////////////////// */
/* ////////////////// 아이디,비밀번호찾기 ////////////////// */
.find-idpwd {width: 800px; margin: 0 auto;}

/*비밀번호,아이디상단 탭 링크*/
.find-idpwd--link {position: relative; display: flex; align-items: center; justify-content: center;}
.find-idpwd--link a {box-shadow: none; cursor: pointer; border-radius: 3px; background-color: rgb(241, 245, 248); width: 160px; height: 50px; display: flex; align-items: center; justify-content: center;  border: 2px solid rgb(241, 245, 248); font-size: 0; color: rgb(102, 102, 102); cursor: pointer; font-size: 15px;}
.find-idpwd--link a img {display: none; margin-right: 5px;}
.find-idpwd--link a.current {border-color: rgb(34, 160, 240); color: rgb(34, 160, 240); font-weight: 400; background-color: #fff;}
.find-idpwd--link a.current img {display: block;}
.find-idpwd--link a+a {margin-left: 6px;}


/*아이디,비밀번호찾기 입력,결과란*/
.find-idpwd--enter {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(204, 204, 204); margin-top: 50px;}

.find-idpwd--enter ul {position: relative; display: block; width: 100%; height: auto;}
.find-idpwd--enter ul li {position: relative; display: flex; align-items: center; width: 100%; height: 66px; border-bottom: 1px solid rgb(204, 204, 204);}
.find-idpwd--enter ul li:last-child {border-bottom: 0;}
.find-idpwd--enter ul li .label {position: relative; display: flex; align-items: center; height: 66px;  width: 284px; padding-left: 135px; letter-spacing: -0.020em; font-size: 15px;}
.find-idpwd--enter ul li .input-box {position: relative; display: flex; align-items: center; width: calc(100% - 284px); height: 66px;}
.find-idpwd--enter ul li .mail-at {height: 100%; align-items: center; padding-top: 1px; display: flex; align-items: center; justify-content: center; width: 20px; font-size: 15px;}

/*아이디,비밀번호찾기 버튼*/
.find-idpwd-btn-1 {position: relative; display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.find-idpwd-btn-1 a {position: relative; display: flex; align-items: center;  border-radius: 3px; background-color: rgb(34, 160, 240); width: 190px; height: 60px; font-size: 18px; color: rgb(255, 255, 255); justify-content: center; text-align: center;}


.find-idpwd-btn-2 {position: relative; display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.find-idpwd-btn-2 .btn1 {position: relative; display: flex; align-items: center;  border-radius: 3px; background-color: rgb(67, 88, 109); width: 190px; height: 60px; font-size: 18px; color: rgb(255, 255, 255); justify-content: center; text-align: center;}
.find-idpwd-btn-2 .btn2 {position: relative; display: flex; align-items: center;  border-radius: 3px; background-color: rgb(34, 160, 240); width: 190px; height: 60px; font-size: 18px; color: rgb(255, 255, 255); justify-content: center; text-align: center; margin-left: 5px;}

/*아이디,비밀번호찾기 결과*/
.find-idpwd--enter>p {display: block; width: 100%; text-align: center; letter-spacing: -0.025em;}
.find-idpwd--enter>p+p {margin-top: 12px;}
.find-idpwd--enter>p:first-child {margin-top: 45px;}
.find-idpwd--enter>p:last-child {margin-bottom: 45px;}

.find-idpwd--enter>.txt1 {font-size: 15px; }
.find-idpwd--enter>.txt1 b {font-size: 15px; letter-spacing: -0.025em; font-weight: 400;}
.find-idpwd--enter>.txt1 .color {font-size: 15px; letter-spacing: inherit; font-weight: 400; color: #f9215e;}

.find-idpwd--enter>.txt2 {font-size: 15px; color: rgb(102, 102, 102);}