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

.login-top {margin-top: 60px;}
.log-txt em {width: 123px; margin-bottom: 15px;}
.log-txt p {font-size: 24px; font-weight: 600;}

.log-input-wrap {margin-top: 30px; display: flex; flex-direction: column; gap: 15px;}
.log-input {display: flex; flex-direction: column; gap: 9px;}

.chk-login label {display: flex; align-items: center; gap: 8px; width: fit-content;}
.chk-login label p {font-size: 15px; font-weight: 500;}
.log-btn {display: flex; flex-direction: column; gap: 10px;}
.log-input-wrap .find {display: flex; align-items: center; justify-content: center; gap: 10px;}
.log-input-wrap .find p {font-size: 15px; color: #777;}
.log-input-wrap .find span {font-size: 15px; color: #333; border-bottom: 1px solid #333; font-weight: 500;}

/* .simple-login button {display: flex; align-items: center;} */
.simple-login {display: flex; flex-direction: column; gap: 10px; margin-top: 40px; padding-bottom: 20px;}
.simple-login span {text-align: center; font-size: 14px; color: #555;}
.simple-login button em {width: 20px;}
.simple-login button.sns1 {background-color: #06BE34; color: #fff;}
.simple-login button.sns2 {background-color: #FAE100; color: #371D1E;}


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

.chk-info {display: flex; gap: 15px;}
.chk-info li {display: flex; gap: 7px; align-items: center;}
.chk-info li p {font-size: 13px;font-family: 'Pretendard';}
li.correct em {background: url(../img/chk3.png) no-repeat center/cover; width: 8px; height: 7px;}
li.correct p {color: #007df2;}
li.blank em {background: url(../img/chk1.png) no-repeat center/cover; width: 8px; height: 7px;}
li.blank p {color: #888888;}
li.warning em {background: url(../img/chk4.png) no-repeat center/cover; width: 8px; height: 7px;}
li.warning p {color: #FF6200;}

.join-input {display: flex; flex-direction: column; gap: 30px;}
.in {display: flex; flex-direction: column; gap: 12px;}
.in p {font-weight: 600;}
.in p.ess {position: relative;}
.in p.ess::after {content: ""; display: inline-block; background: url(../img/ess.png) no-repeat center/cover; width: 7px; height: 8px; margin-left: 5px; margin-bottom: 2px;}
.input-wrap {display: flex; flex-direction: column; gap: 8px;}
.select-wrap {display: flex; gap: 6px; width: 100%; align-items: center; color: #bbb;}
.select-wrap select {background-position: 91% 50%;}
.input {display: flex; gap: 10px;}
.input input {width: 76%;}
.input button {width: 24%; font-size: 15px;}


/* ======== 아이디 / 비밀번호 찾기 ======== */

.bo-header header {border-bottom: 1px solid #f1f1f1;}
.find-input {display: flex; flex-direction: column; gap: 20px; }
.find-input > p {font-size: 15px; color: #555; margin-top: 20px; font-family: 'pretendard'; font-weight: 500;}
.tab {display: flex;}
.tab li {width: 50%; text-align: center; padding: 22px 0; font-size: 15px; color: #666666; background-color: #F9F9F9;}
.tab li.on {background-color: #fff; border-bottom: 3px solid #007df2; color: #111; font-weight: 600;}
.id-box {width: 100%; text-align: center; padding: 40px 0; border-radius: 10px; background-color: #f1f6fb;}
.id-box span {font-size: 20px;}
.copy {font-size: 14px; color: #666; border-bottom: 1px solid #AAAAAA; width: fit-content; margin: 0 auto;}

.input-box {width: 76%; position: relative;}
.input-box input {width: 100%;}
.input-box span {font-size: 14px; color: #007df2; position: absolute; top: 50%; right: 68px; transform: translateY(-50%);}
.input-box P {position: absolute; font-size: 12px; padding: 5px; border-radius: 3px; background-color: #f2f2f2; color: #888; top: 50%; right: 15px; transform: translateY(-50%); }

.confirm-wrap {display: flex; flex-direction: column; align-items:center; gap: 35px; margin-top: 80px;}
.confirm-wrap em {width: 80px;}
.confirm-wrap p {font-size: 24px; text-align: center; font-weight: 500;}
.conf-txt {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.conf-txt span {font-size: 15px; text-align: center; color: #555; font-weight: 400;}

/* ======== 선택접근권한허용 ======== */

.autho {display: flex; flex-direction: column; gap: 40px;}
.autho h3 {font-size: 20px; font-weight: bold;}
.autho-ch {display: flex; flex-direction: column; gap: 15px;}
.autho-ch p {font-size: 15px; color: #666; font-weight: 400;}
.autho-con-wrap {display: flex; flex-direction: column; gap: 18px;}
.autho-con-wrap > div {display: flex; align-items: center; gap: 15px;}
.autho-icon {width: 45px; height: 45px; border-radius: 8px; background-color: #edf4fc; padding: 12px; display: flex; align-items: center; justify-content: center;}
.autho-icon em.autho1 {width: 18px;}
.autho-txt h4 {font-size: 15px; font-weight: bold; margin-bottom: 4px;}
.autho-txt span {font-size: 13px; color: #999; font-weight: 400;}

.autho > span {font-size: 13px; color: #666; font-weight: 400;}