/* BASIC css start */
/* BtoB 로그인 */
.container { width: 100%; max-width: 100%; padding: 0; }
#loginWrap { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: var(--cw-color-10); }
#loginWrap .login-form { padding: 32px 24px; width: 440px; font-size: .875rem; text-align: center; background: var(--cw-color-white); border-radius: 12px; border: 1px solid var(--cw-color-30); }
#loginWrap .login-form h2 { font-size: 24px; font-weight: 700;}
#loginWrap .login-form .form-textfield { display: flex; flex-direction: column; gap: 12px; margin: 20px 0 16px; }
#loginWrap .login-form .cw-textfield { width: 100%; height: 40px; }
#loginWrap .login-form .form-check { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; }
#loginWrap .login-form .form-check-label { margin-right: 16px; }
#loginWrap .login-form .form-check-input { float: left; margin-right: 8px; }
#loginWrap .btn-login { display: flex; flex-direction: column; margin: 24px 0; }
#loginWrap .btn-link { display: flex; align-items: center; justify-content: center; }
#loginWrap .btn-link a { position: relative; color: var(--cw-heading-color); padding: 0 20px; font-size: .875rem; text-decoration: none; }
#loginWrap .btn-link a:not(:last-child)::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width:1px; height: 14px; background: var(--cw-color-30); content: ''; }

/* 태블릿 */
@media (min-width: 768px) and (max-width: 991.98px) {
    .container { padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }
    #loginWrap { background: var(--cw-color-white); height: 100%; margin-top: 200px; }
    #loginWrap .login-form { border: 0; border-radius: 0; padding: 0; }
}

/* 모바일 */
@media (max-width: 767.98px) {
    .container { padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }
    #loginWrap { background: var(--cw-color-white); height: 100%; margin-top: 100px; }
    #loginWrap .login-form { width: 100%; border: 0; border-radius: 0; padding: 0; }
    #loginWrap .login-form .form-check { gap: 8px 20px; margin-right: 0; }
    #loginWrap .login-form .form-check .form-check-label:last-child { margin-right: 0; }
    #loginWrap .login-form .form-check .form-check-label { font-size: .813rem; }
}

/* BASIC css end */