.member {background: #f6f6f6; text-align: center; padding: 230px 0 180px 0; min-height: calc(100vh - 252px);}
.member_title {font-size: 3.125em;}
.member_desc {font-size: 1.125em; margin-top: 15px; color: #555; letter-spacing: -0.2px; line-height: 150%;}
.member_wrapper {width: 100%; background: #fff; border: 1px solid #e6e6e6; display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin: 40px auto 0 auto;}
.member_wrapper.w800 {max-width: 800px;}
.member_wrapper.w900 {max-width: 900px;}
.member_wrapper .w400 {width: 100%; max-width: 400px;}
.margin_20:not(:last-child) {margin-bottom: 20px;}

.member_wrapper input {width: 100%; max-width: 400px;  height: 50px; box-sizing: border-box; background: #fff; border: 1px solid #e6e6e6; padding: 0 15px; font-size: 1.125em;}
.member_wrapper input::-ms-clear {display: none; width: 0; height: 0;}
.member_wrapper input::-ms-reveal {display: none; width: 0; height: 0;}
.member_wrapper input::placeholder {color: #aaa;}
.member_wrapper input:focus {border: 1px solid #eb6100;}
.member_wrapper .input_rel:not(:first-child) {margin-top: 5px;}

.input_rel {position: relative;}
.input_rel i {position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 1.5em; cursor: pointer; color: #eb6100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; display: none;}
.wrong_txt {font-size: 0.8125em; display: none;}

.grey_btn {width: 100%; height: 60px; background: #333; color: #fff; font-size: 1.5em; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.2s;}
.grey_btn:focus {background: #eb6100;}
.grey_btn:hover {background: #eb6100;}

.center_btn_wrap {display: flex; justify-content: center; align-items: center;}
.end_btn_wrap {display: flex; justify-content: flex-end; align-items: center;}
.border_btn_wrap {display: flex; align-items: center; justify-content: center;}
.border_btn_wrap a {font-size: 1.5em; box-sizing: border-box; display: flex; align-items: center; justify-content: center; transition: all 0.2s; width: 250px; height: 60px; margin: 0 10px;}
.border_btn_wrap a.bg_fff {background: #fff; color: #111; border: 1px solid #111;}
.border_btn_wrap a.bg_333 {background: #333; color: #fff; border: 1px solid #333;}
.border_btn_wrap a.bg_fff:hover {color: #eb6100; border: 1px solid #eb6100;}
.border_btn_wrap a.bg_333:hover {background: #eb6100; border: 1px solid #eb6100;}
.border_btn_wrap a img {margin-right: 10px;}


#login .member_wrapper {padding: 80px 0 70px 0;}
#find_id .member_wrapper {padding: 80px 0;}
#find_pw .member_wrapper {padding: 80px 0;}
#find_id_end .member_wrapper {padding: 80px 0;}
#find_id_fail .member_wrapper {padding: 100px 0 80px 0;}
#find_pw_end .member_wrapper {padding: 100px 20px 80px;}
#find_pw_fail .member_wrapper {padding: 100px 0 80px 0;}
#join .member_wrapper {padding: 60px 0 80px;}
#join_end .member_wrapper {padding: 100px 0 80px;}

/* 로그인 */
#login #login_btn {margin: 20px 0 30px 0;}
#login .wrong_txt_rel {position: relative; padding-bottom: 20px;}
#login .wrong_txt {position: absolute; bottom: 0; left: 15px;}
#login .end_btn_wrap a {font-size: 0.9375em; transition: all 0.2s;}
#login .end_btn_wrap a:last-child::before {content: ""; display: inline-block; width: 1px; height: 11px; background: #a6a6a6; margin: 0 15px;}
#login .end_btn_wrap a:hover {color: #aaa;}


/* 회원가입 */
#join .duplication {display: flex; justify-content: space-between; align-items: center;}
#join .duplication input {width: calc(100% - 98px);}
#join .dupli_btn {font-size: 0.875em; width: 95px; height: 50px; display: flex; align-items: center; justify-content: center; background: #eee; color: #888; cursor: pointer; border-radius: 5px; transition: all 0.2s;}
#join .dupli_btn:focus {background: #888; color: #eee;}
#join .dupli_btn:hover {background: #888; color: #eee;}
#join .telephone {/* display: flex; align-items: center; */}
#join .telephone select {/* width: calc( (100% - 50px) / 3 ); */ width: 100%; height: 50px; box-sizing: border-box; background-color: #fff; border: 1px solid #e6e6e6; padding: 0 15px; font-size: 1.125em; background-size: 10px;}
#join .telephone input {width: calc( (100% - 50px) / 3 );}
#join .telephone input#mobile4 {width: 100%; margin-top: 5px; /* margin-left: 5px; */}
#join .telephone span.line {width: 25px; text-align: center; font-size: 1.125em;}

#join .person_chk_wrap {margin: 15px 0 50px 0; display: flex; justify-content: flex-end; align-items: center; font-size: 1em;}
#join .person_chk_wrap label {opacity: 0.75;}
#join .person_chk_wrap input[type="checkbox"] + label {padding-left: 20px;}
#join .person_chk_wrap input[type="checkbox"] + label::before {width: 13px; height: 13px; background: #e5e5e5; border-radius: 0; border: 0;}
#join .person_chk_wrap input[type="checkbox"]:checked + label {opacity: 1;}
#join .person_chk_wrap input[type="checkbox"]:checked + label::before {background: #111;}
#join .person_chk_wrap input[type="checkbox"] + label:after {opacity: 0;}
#join .person_chk_wrap input[type="checkbox"]:checked + label:after {opacity: 1; left: 2px; width: 7px; height: 3px; margin-top: -4px;}
#join .person_chk_wrap .person_btn {margin-left: 15px; border-bottom: 1px solid #ec6600; cursor: pointer; font-size: 1em;}
#join .catal_form_wrap .entry_btn {font-size: 1.5em; background: #333; color: #fff; cursor: pointer; transition: all 0.2s; width: 280px; height: 60px; transition: all 0.2s;}
#join .catal_form_wrap .entry_btn:hover {box-shadow: 0 0 25px rgba(0,0,0,0.25);}

/* 회원가입 완료 */
#join_end .border_btn_wrap a {width: 200px;}


/* 아이디/비밀번호 찾기 */
.find_id_pw_wrap {display: flex; width: 100%;}
.find_id_pw_wrap a {width: 50%; box-sizing: border-box; border: 1px solid #e6e6e6; height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.2s;}
.find_id_pw_wrap a img {margin-bottom: 40px; transition: all 0.2s;}
.find_id_pw_wrap a img.hover {display: none;}
.find_id_pw_wrap a .bold {font-size: 2.1875em; transition: all 0.2s; color: #aaa; box-sizing: border-box; border-bottom: 3px solid transparent;}
.find_id_pw_wrap a:hover img.org {display: none;}
.find_id_pw_wrap a:hover img.hover {display: block;}
.find_id_pw_wrap a:hover .bold {color: #111; border-bottom: 3px solid #111;}


/* 아이디 찾기 */
#find_id_btn {margin-top: 30px;}

/* 아이디 찾기 결과 */
#find_id_end .find_result {margin-bottom: 70px;}
#find_id_end .find_result .bold {font-size: 1.125em; color: #ccc; margin-bottom: 10px}
#find_id_end .find_result .result_val {font-size: 2.1875em;}


/* 아이디 찾기 결과2 */
.find_result .result_grey {font-size: 1.625em; color: #aaa; margin-bottom: 100px; line-height: 145%; letter-spacing: -0.25px;}
.find_result .result_grey span {color: #111; font-family: 'Pretendard-Bold';}


/* 비밀번호 찾기 */
#find_pw_btn {margin-top: 30px;}


/* 비밀번호 찾기 결과2 */
#find_pw_fail .border_btn_wrap a {width: 200px;}


/* 비회원 주문조회 */
.order_chk_nonmember {margin-top: 80px;}





@media screen and (max-width: 1024px) {

    /* 220207 회원가입 반응형 추가 */

    .member {
        padding: 230px 20px 180px 20px;
    }

}

@media screen and (max-width: 768px) {

    /* 220207 회원가입 반응형 추가 */

    #join .member_wrapper {
        padding: 60px 20px 80px;
    }

    #login .member_wrapper {
        padding: 52px 20px 70px 20px;
    }

    #find_id .member_wrapper,
    #find_pw .member_wrapper,
    #find_id_end .member_wrapper,
    #find_id_fail .member_wrapper,
    #find_pw_end .member_wrapper,
    #find_pw_fail .member_wrapper {
        padding: 60px 20px 80px;
    }

    .member {
        padding: 120px 20px 80px 20px;
    }

    .border_btn_wrap {
        flex-direction: column;
        row-gap: 10px;
    }

    .border_btn_wrap a,
    #join_end .border_btn_wrap a,
    #find_pw_fail .border_btn_wrap a {
        max-width: 250px;
        width: 100%;
        margin: 0;
    }

    #find_id_end .member_wrapper>div,
    #find_id_fail .member_wrapper>div,
    #find_pw_fail .member_wrapper>div {
        width: 100%;
    }

}

@media screen and (max-width: 540px) {

    /* 220207 회원가입 반응형 추가 */

    .find_id_pw_wrap {
        flex-direction: column;
    }

    .find_id_pw_wrap a {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }

    .find_id_pw_wrap a img {
        margin-bottom: 20px;
    }

    .find_id_pw_wrap a .bold {
        font-size: 1.875em;
    }

    .member_desc br {
        display: none;
    }

    #find_id_end .find_result,
    .find_result .result_grey {
        margin-bottom: 40px;
    }

    .find_result .result_grey {
        font-size: 1.375em;
        word-break: keep-all;
    }

    .member_desc {
        word-break: keep-all;
    }

    .member_title {
        font-size: 2.5em;
    }

    .member_wrapper {
        margin: 30px auto 0 auto;
    }

    /* #join .telephone select {width: 35%;}
    #join .telephone input#mobile4 {width: calc(65% - 4px);} */

}