/* ■□■□■□■□■ 로그인 / 회원가입 / 아이디 찾기 / 비밀번호 찾기 공통 요소 ■□■□■□■□■ */
:root {
    --onepage-header: 50px;
}
/* ##### layout ##### */
body,
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .content-page,
.content-page {
    background: #fff;
}

/* ##### onepage header ##### */
.custom-onepage-header-wrap {
    position: fixed;
    width: 100%;
    height: var(--onepage-header);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 10;
}
.custom-onepage-header-back, .custom-onepage-header-back:hover,
.custom-onepage-header-home, .custom-onepage-header-home:hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ct-secondary);
    font-size: 20px;
}
.custom-onepage-header-back {
    left: var(--mobile-pd);
}
.custom-onepage-header-home {
    right: var(--mobile-pd);
}
.custom-onepage-header-title {
    font-size: 16px;
}

/* ##### onepage body ##### */
.custom-onepage-body-wrap {
    min-height: 100vh;
    padding-top: calc(var(--onepage-header) + 40px);
    padding-bottom: calc(calc(50px + calc(var(--mobile-pd) * 2)) + var(--mobile-pd));
}
.custom-onepage-body-wrap * {
    letter-spacing: -0.5px;
}
.custom-onepage-body-inner {
    padding: 0 var(--mobile-pd);
}

/* --- regist step --- */
.custom-regist-step-icon {
    margin: 0 0 7px;
    font-weight: 600;
    font-size: 16px;
    color: var(--ct-text-muted);
}
.custom-regist-step-icon i {
    font-weight: 400;
}
.custom-regist-step-title strong {
    line-height: 1.2em;
    font-weight: 800;
    font-size: 26px;

}
.custom-regist-step-title strong small {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: var(--ct-text-muted);
}
.custom-regist-step-title strong small a,
.custom-regist-step-title strong small a:hover {
    font-weight: 600;
    font-size: inherit;
    color: inherit;
}
.custom-regist-step-title strong small a:hover {
    text-decoration: underline;
}

/* --- regist form --- */
.custom-login-box-wrap {
    margin: 20px 0 0;
}
.custom-login-box:not(:last-child) {
    margin: 0 0 13px;
}
.custom-login-label {
    display: block;
    margin: 0 0 2px;
}

/* --- regist btn --- */
/* fixed btn */
.custom-onepage-btn-wrap {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: var(--mobile-pd);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    background: linear-gradient(to top, #fff 70%, transparent);
    z-index: 10;
}
.custom-onepage-btn-wrap .custom-btn-medium {
    flex: 1;
    width: 100%;
}

/* --- ~ 찾기 문구 --- */
.custom-login-bottom [class *="custom-btn-"] {
    font-size: 13px;
    color: var(--ct-text-muted);
    position: relative;
}
.custom-login-bottom [class *="custom-btn-"]:not(:last-child) {
    margin-right: 10px;
}
.custom-login-bottom [class *="custom-btn-"]:not(:last-child):before {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--ct-gray-400);
}

/* 22.11.30 ybh - common.css 무시하기위해 임시처리 */
span[class $= "-text"] {
    font-weight: 400;
    font-size: 15px;
    color: var(--span-text);
}