/* BASIC css start */
/* 로그인/주문조회 관련 */
.login-wrap { max-width: 440px; width:100%; margin:0 auto; padding-bottom: 120px; }
.login-wrap .page-title-wrap { text-align: center; }
.login-wrap .page-title-wrap h2 { line-height: 32px; }
.login-wrap .page-title-wrap p { padding-top: 6px; }
.login-wrap .form-textfield { display: flex; flex-direction: column; gap: 12px; padding-top: 24px; }
.login-wrap .form-textfield input { width: 100%; }
.login-wrap .form-check { display: flex; flex-wrap: wrap; gap: 30px; padding-top: 12px; }
.login-wrap .form-check .form-check-label { margin-right: 1rem; font-size: .875rem; white-space: nowrap; }
.login-wrap .login-tabs { margin-top: 28px; }
.login-wrap .tab-content { display: none; }
.login-wrap .tab-content.active { display: block; }
.login-wrap .btn-link { display: flex; align-items: center; justify-content: center; }
.login-wrap .btn-link a { position: relative; color: var(--cw-heading-color); padding: 0 20px; font-size: .875rem; text-decoration: none; }
.login-wrap .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: ''; }
.login-wrap .btn-login { display: flex; flex-direction: column; gap: 8px; padding: 24px 0; }
.login-wrap .btn-order { padding: 24px 0; }
.login-wrap .btn-order .btn-primary { width: 100%; }
.login-wrap .sns-wrap { padding-top: 60px; }
.login-wrap .form-check-label { margin-right: 16px; }
.login-wrap .form-check-input { float: left; margin-right: 9px; }
.MS_login_id,
.MS_login_pw { height: inherit !important; }
.login-wrap .link-join {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--cw-heading-color);
    font-size: .875rem;
}
.login-wrap .link-join a {
    flex: 0 0 auto;
    color: var(--cw-heading-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* sns */
.sns-wrap .sns-title { position: relative; color: #777; font-size: .875rem; }
.sns-wrap .sns-title::before { display: block; height: 1px; background: var(--cw-color-30); content: ''; }
.sns-wrap .sns-title span { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align: center; padding: 0 10px; background: var(--cw-color-white); white-space: nowrap; }
.sns-wrap .sns-login-btns { display: flex; flex-direction: column; gap: 10px; padding: 34px 0 18px; }
.sns-wrap .sns-login-btns li { position: relative; display: block; }
.sns-wrap .sns-login-btns li > span { display: none !important; }
.sns-wrap .sns-login-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    border-radius: 6px;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}
.sns-wrap .sns-login-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.sns-wrap .sns-login-btn-kakao {
    color: #111;
    border: 1px solid #fee500;
    background: #fee500;
}
.sns-wrap .sns-login-btn-kakao .sns-login-icon {
    background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_kakao.svg');
}
.sns-wrap .sns-login-btn-naver {
    color: #fff;
    border: 1px solid #03cf5d;
    background: #03cf5d;
}
.sns-wrap .sns-login-btn-naver .sns-login-icon {
    background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_naver.svg');
}
.sns-wrap .sns-login-btn:hover,
.sns-wrap .sns-login-btn:focus {
    opacity: .86;
}
.sns-wrap .sns-login-btn-kakao:hover,
.sns-wrap .sns-login-btn-kakao:focus {
    color: #111;
}
.sns-wrap .sns-login-btn-naver:hover,
.sns-wrap .sns-login-btn-naver:focus {
    color: #fff;
}

/* sns 최근 로그인 */
.sns-wrap .sns-login-btns span { max-width: 100%; }

/* 태블릿 */
@media (min-width: 768px) and (max-width: 991.98px) {
    footer,
    .fixed-menu--md { display: none !important; }
}

/* 모바일 */
@media (max-width: 767.98px) {
    footer,
    .fixed-menu--md { display: none !important; }
    .login-wrap .form-check { gap: 8px 20px; margin-right: 0; }
    .login-wrap .form-check .form-check-label:last-child { margin-right: 0; }
    .login-wrap .form-check .form-check-label { font-size: .813rem; }
    .login-wrap .link-join { flex-direction: column; gap: 8px; text-align: center; }
}

/* =========================================================
   LIVING25 LOGIN FINAL
   Brand Blue : #173D91
   ========================================================= */

/* 로그인 메인 버튼 */
.login-wrap .btn-login .btn-primary {
    background: #173D91 !important;
    border-color: #173D91 !important;
    color: #fff !important;
}

.login-wrap .btn-login .btn-primary:hover,
.login-wrap .btn-login .btn-primary:focus {
    background: #123477 !important;
    border-color: #123477 !important;
    color: #fff !important;
}


/* 회원가입 / 아이디비밀번호 찾기 */
.login-wrap .btn-link a:hover,
.login-wrap .btn-link a:focus {
    color: #173D91 !important;
}


/* 비회원 구매 */
.login-wrap .btn-non-member a {
    border-color: #173D91 !important;
    color: #173D91 !important;
}

.login-wrap .btn-non-member a:hover,
.login-wrap .btn-non-member a:focus {
    border-color: #173D91 !important;
    background: #173D91 !important;
    color: #fff !important;
}


/* =========================================================
   FACEBOOK LOGIN
   ========================================================= */

.sns-wrap .sns-login-btn-facebook {
    color: #fff !important;
    border: 1px solid #1877F2 !important;
    background: #1877F2 !important;
}

.sns-wrap .sns-login-btn-facebook:hover,
.sns-wrap .sns-login-btn-facebook:focus {
    color: #fff !important;
    border-color: #166FE5 !important;
    background: #166FE5 !important;
}


/* Facebook 아이콘 */
.sns-wrap .sns-login-btn-facebook .sns-login-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #fff !important;
    background-image: none !important;
}

.sns-wrap .sns-login-btn-facebook .sns-login-icon::before {
    content: "f";

    color: #1877F2;

    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: 900;
    line-height: 1;
}
/* BASIC css end */