/* BASIC css start */
.m-join-benefit-banner{
    width:100%;
    background:#fffbf6;
    margin:0 0 35px;
    text-align:center;
}

.m-join-benefit-banner img{
    width:100%;
    height:auto;
    display:block;
}

/* ========================================
   MOBILE LOGIN RENEWAL
======================================== */

main.login{
    padding:0 13px 60px;
    box-sizing:border-box;
    font-family:'Pretendard', sans-serif;
}


/* 로그인 타이틀 */
main.login .h_title{
    margin:75px 0 28px;
    text-align:center;
}

main.login .h_title h3{
    font-family:'Pretendard', sans-serif;
    font-size:24px;
    line-height:1.3;
    font-weight:500;
    color:#111;
}


/* 로그인 영역 */
main.login .member{
    padding:0;
    margin:0;
    border:0;
}


/* 한글 키보드 숨김 */
main.login #keyboard{
    display:none;
}


/* 로그인 입력창 */
main.login .loginInput{
    margin:0;
}

main.login .loginInput input{
    display:block;
    width:100% !important;
    height:50px !important;

    margin:0 0 10px !important;
    padding:0 15px !important;

    border:1px solid #cfc4ba !important;
    background:#fff !important;

    box-sizing:border-box;

    font-family:'Pretendard', sans-serif !important;
    font-size:14px !important;
    color:#282828 !important;

    border-radius:0 !important;
    outline:none;
}


/* placeholder */
main.login .loginInput input::placeholder{
    color:#aaa;
}


/* 아이디저장 / 자동로그인 / 보안로그인 숨김 */
main.login .loginCheck{
    display:none;
}


/* 아이디 / 비밀번호 찾기 */
main.login .idpassfind_box{
    margin:0;
    padding:2px 0 24px;
    text-align:right;
}

main.login .idpassfind_box a{
    font-family:'Pretendard', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#aaa;
    letter-spacing:-0.5px;

    background:none !important;
    border:0 !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
    padding:0 !important;
}


/* 로그인 / 회원가입 */
main.login .loginMiddle{
    margin:0;
    padding:0;
}


/* 공통 버튼 */
main.login .loginMiddle a{
    display:block;
    width:100% !important;
    height:50px !important;

    margin:0 0 15px !important;
    padding:0 !important;

    box-sizing:border-box;

    font-family:'Pretendard', sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;

    line-height:50px !important;
    text-align:center;

    border-radius:0 !important;
}


/* 로그인 */
main.login .loginMiddle .btn_Red{
    background:#57320a !important;
    border:1px solid #57320a !important;
    color:#fff !important;
}


/* 회원가입 */
main.login .loginMiddle .btn_White{
    background:#aaa7a4 !important;
    border:1px solid #aaa7a4 !important;
    color:#fff !important;
}


/* SNS 로그인 영역 */
main.login .sns-login{
    margin:35px 0 0;
    padding:35px 0 0;

    border-top:1px solid #e5e2dd;
}


/* 기본 SNS 타이틀 이미지 숨김 */
main.login .sns-login .sns-title{
    display:none;
}


main.login .sns-login ul{
    display:flex;
    flex-wrap:wrap;

    gap:15px;

    margin:0;
    padding:0;
}


main.login .sns-login ul li{
    float:none !important;
    width:calc(50% - 7.5px) !important;

    margin:0 !important;
    padding:0 !important;
}


/* SNS 버튼 공통 */
main.login .sns-login ul li a{
    display:block;

    width:100% !important;
    height:50px !important;

    padding:0 !important;

    box-sizing:border-box;

    font-family:'Pretendard', sans-serif !important;
    font-size:14px !important;
    font-weight:600 !important;

    line-height:50px !important;
    text-align:center !important;

    border-radius:0 !important;

    color:#fff !important;
}


/* 기존 SNS 아이콘 숨김 */
main.login .sns-login ul li a span{
    display:none !important;
}


/* 네이버 */
main.login .sns-login li.naver a{
    background:#26c826 !important;
    color:#fff !important;
}


/* 카카오 */
main.login .sns-login li.kakaotalk a{
    background:#fbe44d !important;
    color:#282828 !important;
}


/* 페이스북 */
main.login .sns-login li.facebook a{
    background:#405a93 !important;
}


/* 애플 */
main.login .sns-login li.apple a{
    background:#000 !important;
}


/* 비회원 주문조회 */
main.login .nologin_btnbox{
    margin:15px 0 0;
}

main.login .nologin_btnbox a{
    display:block;

    width:100% !important;
    height:50px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box;

    background:#aaa7a4 !important;
    border:1px solid #aaa7a4 !important;

    font-family:'Pretendard', sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;

    line-height:50px !important;
    text-align:center;

    color:#fff !important;
    border-radius:0 !important;
}


/* 기존 하단 비회원 안내 영역 숨김 */
main.login .loginBottom{
    display:none !important;
}
/* BASIC css end */