/* users common ::s */
.header {
    display: flex;
    align-items: center;
    height: 90px;
    box-sizing: border-box;
    background: #fff;
}

.headerimgwrap {
    max-width: 155px;
    margin-left: 40px;
}

.headerimg._1{display: none;}
.headerimg._2{display: none;}

.users_wrap {
    display: flex;
    justify-content: center;
    background-color: #f5f6f7;
    min-height: calc(100vh - 73px);
    font-family: 'Pretendard';
    color: #111111;
}

.container {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 750px;
}

.input_message{
    
}

.messageContainer{
    position: relative;
    top:-5px;
}

.red {
    padding: 5px 0 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: #FF3E3E;
}

#loginForm .red{padding: 5px 0 10px;}
#signupForm .red,
#findInfoForm .red,
#chgPW .red {padding: 0 0 15px;}

.user_mgmt_wrap button[type="submit"],
.pw_chg_wrap button[type="submit"],
.pw_chg_done_wrap button[type="submit"]
{background: #372E2C;}

.signup_wrap .subtitle,
.user_mgmt_wrap .subtitle
{padding: 50px 0 36px;}

@media all and (max-width:750px) {
    .header {
        height: 9.7vh !important;
    }

    .headerimgwrap {
        margin-left: 4.439vw;
    }

    .headerimg {
        width: 36.2vw;
    }

    .headerimg._1{width: 36.2vw;}
    .headerimg._2{width: 35.7vw;}

    .users_wrap {
        min-height: 90.3vh;
        height: auto !important;
    }

    .container {
        width: 100vw;
        max-width: 750px;
    }

    .signup_wrap .subtitle,
    .user_mgmt_wrap .subtitle
    {padding: 11.6vw 0 8.4vw;}

    .red {
        padding: 5px 0 10px;
        font-size: 3.2vw;
    }
}
/* users common ::s */


/* Input Validation */
input.is-invalid {
    border: 2px solid #FF3E3E !important;
    background: #fff url('/public/img/users/signup_check_icon_d.png') 95% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    color: #FF3E3E !important;
    outline: none !important;
}

input.is-valid {
    background: #FFE8D4 url('/public/img/users/signup_check_icon_f.png') 95% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    border-color: #E57545 !important;
    outline: none !important;
}

/* input box guide */
input[type=username],
input[type=text],
input[type=email],
input[type=password],
input[type=username]:default,
input[type=text]:default,
input[type=email]:default,
input[type=password]:default {
    width: 100%;
    height: 60px;
    padding-left: 16px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff url('/public/img/users/signup_check_icon.png') 95% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.7px;
    color: #111;
    outline: none;
}

input[type=username]::placeholder,
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.7px;
    color: #AAAAAA;
    opacity: 1;
}

input[type=username]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
    border: 2px solid #E57545 !important;
    background: #FFE8D4 url('/public/img/users/signup_check_icon_f.png') 95% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    outline: none;
    
}

input[type=username]:-webkit-autofill,
input[type=text]:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=password]:-webkit-autofill,
input[type=username]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:hover,
input[type=username]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0px 40rem #FFE8D4 inset;
    /* background-image: url('/public/img/users/signup_check_icon_f.png') 95% 50%; */
}



/* input[type=username]:valid,
input[type=text]:valid,
input[type=email]:valid, 
input[type=password]:valid
{background: #e8f0fe url('../img/assets/signup_check_icon_b.png') 95% 50%; background-repeat: no-repeat; background-size: 21px;} */

/* input[type=username]:disabled,
input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled {
    border: 2px solid #FF3E3E;
    background: #fff url('/public/img/users/signup_check_icon_d.png') 95% 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    color: #FF3E3E;
} */

input[type=checkbox] {
    display: grid;
    text-align: center;
    cursor: pointer;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}

input[type=checkbox]::after {
    width: 20px;
    height: 20px;
    line-height: 19px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 17px;
    content: '✓';
    color: #fff;
    font-family: 'Pretendard';
    font-weight: 700;
}

input[type=checkbox]:hover::after {
    border: 1px solid #E57545;
}

input[type=checkbox]:checked::after {
    border: 1px solid #E57545;
    color: #fff;
    background: #E57545;;
}

button[type=submit],
.shortcut_btn,
.pw_septup_btn,
.pw_timeout_btn {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    background: #E57545;
    border: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.7px;
    color: #fff;
    cursor: pointer;
}

.pw_timeout_btn{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (max-width:750px) {

    input[type=username],
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=username]:default,
    input[type=text]:default,
    input[type=email]:default,
    input[type=password]:default {
        height: 14vw;
        line-height: 14vw;
        padding-left: 3.738vw;
        font-size: 3.738vw;
        border: 0.234vw solid rgb(215, 215, 215);
        background-size: 4.907vw;
    }

    input[type=username]::placeholder,
    input[type=text]::placeholder,
    input[type=email]::placeholder,
    input[type=password]::placeholder {
        font-size: 3.7vw;
        line-height: 14vw;
    }

    input[type=username]:focus,
    input[type=text]:focus,
    input[type=email]:focus,
    input[type=password]:focus {
        background-size: 4.907vw;
    }

    /* input[type=username]:valid,
    input[type=text]:valid,
    input[type=email]:valid, 
    input[type=password]:valid */
    input.is-invalid,
    input.is-valid {
        background-size: 2.8vw;
    }

    input[type=username]:disabled,
    input[type=text]:disabled,
    input[type=email]:disabled,
    input[type=password]:disabled {
        background-size: 4.907vw;
    }

    input[type=checkbox]::after {
        width: 4.6vw;
        height: 4.6vw;
        line-height: 4.6vw;
        border: 0.234vw solid #ccc;
        font-size: 3.972vw;
    }

    input[type=checkbox]:hover::after {
        border: 0.234vw solid #E57545;
    }

    input[type=checkbox]:checked::after {
        border: 0.234vw solid #E57545;
    }

    button[type=submit],
    .shortcut_btn,
    .pw_septup_btn {
        height: 14vw;
        line-height: 14vw;
        font-size: 4.2vw;
    }
}


/* signup */
.subtitle {
    padding: 100px 0 60px;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: -0.5px;
}

.tbl_counsel_write {
    width: 390px;
}

.signup {}

.sign_wrap {
    width: 390px;
    padding-bottom: 20px;
}


.sign_wrap > p{
    padding: 0 0 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

.sign_wrap>input {outline: none;}

.sign_wrap>input::placeholder {}

.sign_wrap>input:focus {}

.sign_txt2 {
    padding-top: 5px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.025em;
    font-family: 'Noto Sans KR';
}

.counsel_write_btn {}

.checkbox_wrap {
    display: flex;
    align-items: baseline;
}

.checkbox_wrap{margin-bottom: 5px;}

.checkbox_wrap .is-invalid{margin-bottom: 15px;}

#write_chk {}

.write_chk {
    padding-left: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

.write_chk a{color: #111;}

.check-agree {}

.signup_agree {margin-top: 35px;}

.copyright {
    padding: 50px 0;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: -0.35px;
    color: #999999;
}

.copyright a{color: #999999;}

@media all and (max-width:750px) {
    .subtitle {
        padding: 23.3vw 0 14vw;
        font-size: 8.4vw;
    }

    .tbl_counsel_write {
        width: 91.121vw;
    }

    .sign_wrap {
        width: 91.121vw;
        padding-bottom: 4.6vw
    }

    .sign_txt1 {
        padding-bottom: 1.636vw;
        font-size: 3.505vw
    }

    .sign_wrap > p{
        padding: 0 0 2.3vw;
        font-size: 3.7vw;
    }

    .sign_wrap>input {
        height: 14vw;
        padding-left: 3.7vw;
        border: 0.234vw solid #ddd;
        background-size: 4.907vw;
    }

    .sign_wrap>input::placeholder {
        font-size: 3.7vw;
    }

    .sign_wrap>input:focus {
        background-size: 4.907vw;
    }

    .sign_txt2 {
        padding-top: 1.168vw;
        font-size: 3.037vw;
    }

    .checkbox_wrap{margin-bottom: 1.1vw;}
    .checkbox_wrap .is-invalid{margin-bottom: 3.5vw;}
    .signup_agree {margin-top: 8.1vw;}

    .write_chk {
        padding-left: 1.8vw;
        font-size: 3.2vw;
    }
    .counsel_cancel {
        font-size: 4.2vw;
    }

    .copyright {
        padding: 11.6vw 0;
        font-size: 2.5vw;
        line-height: 1.18;
    }
}

/* pw_find & pw_setup & pw_timeout */
.pw_page {
    background: #f5f6f7 !important;
}


.pw_wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-width: 750px;
}

.pw_icon {
    padding-bottom: 34px;
}

.pw_icon1 {
    max-width: 98px;
}

.pw_icon2 {
    max-width: 94px;
}

.pw_icon3 {
    max-width: 118px;
}

.pw_icon4,
.pw_icon6 {
    max-width: 90px;
}

.pw_icon5{
    max-width: 105px;
}

.pw_txt1 {
    text-align: center;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: -0.5px;
}

.pw_reset_done_wrap .pw_txt1,
.pw_chg_done_wrap .pw_txt1{
    padding-bottom: 60px;
}

.pw_txt2 {
    padding-bottom: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375;
    text-align: center;
    letter-spacing: -0.7px;
    color: #767676;
}

#result_id.fontstyle{
    font-weight: 500;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: -0.5px;
    color: #767676;
}

.pw_txt2 .color,
#result_id.fontstyle .color{color:#E57545;}

#findInfoForm .pw_bottom{margin-top: 0;}

@media all and (max-width:750px) {
    .pw_wrap {
        max-width: 91.121vw;
    }

    .pw_icon1 {
        width: 22.8vw;
        max-width: none;
    }

    .pw_icon2 {
        width: 22.8vw;
        max-width: none;
    }

    .pw_icon3 {
        width: 27.5vw;
        max-width: none;
    }

    .pw_icon4,
    .pw_icon6 {
        max-width: 21vw;
        max-width: none;
    }

    .pw_icon5{
        max-width: 24.5vw;
        max-width: none;
    }

    .pw_icon {
        padding-bottom: 7.9vw;
    }

    .pw_reset_done_wrap .pw_txt1,
    .pw_chg_done_wrap .pw_txt1{
        padding-bottom: 14vw;
    }

    .pw_txt1 {
        padding-bottom: 1.8vw;
        font-size: 4.2vw;
    }

    .pw_txt2 {
        padding-bottom: 10.5vw;
        font-size: 3.7vw;
        word-break: keep-all;
    }

    #result_id.fontstyle{
        font-size: 4.2vw;
    }
}


/* pw_timeout */
.shortcut_btn_wrap {
    width: 390px;
}

.shortcut_btn {
    line-height: 70px;
    text-align: center;
}

@media all and (max-width:750px) {
    .pw_timeout_header {
        border-bottom: 0.1333vw solid #dfe2e6 !important;
    }

    .pw_timeout_header .headerimg {
        max-width: 204px;
        width: 47.664vw !important;
    }

    .container.pw_timeout_wrap {
        width: 91%;
        word-break: keep-all;
    }

    .pw_timeout_wrap .pw_wrap {
        max-width: 100vw;
    }

    .pw_timeout_wrap .pw_icon {
        padding-bottom: 4vw;
    }

    .shortcut_btn_wrap {
        width: 91.121vw;
    }

    .shortcut_btn {
        line-height: 16.355vw;
    }
}

/* pw_setup_email */
.pw_setup_email_wrapper {
    height: 100vh;
    padding: 30px 25px;
    box-sizing: border-box;
    background-color: #e6e6e6;
    font-family: 'Pretendard';
}

.pw_setup_email_wrap {
    max-width: 700px;
    max-height: 650px;
}

.pw_setup_email_wrap .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 90px;
    background-color: #E57545;
}

.pw_setup_email_wrap .headerimgwrap {
    max-width: 153px;
    margin-left: 40px;
}

.pw_setup_email_wrap section {
    height: 560px;
    background-color: #F4F4F4;
}

.pw_setup_email_wrap .container {
    position: relative;
    display: block;
    width: 700px;
    height: 100%;
    padding: 80px 37px 35px;
    box-sizing: border-box;
}

.pw_setup_email_wrap .subtitle {
    padding: 0px 0 40px;
}

.pw_email_wrap {
    position: absolute;
    top: 74px;
    right: 78px;
}

.pw_email_icon {
    max-width: 92px;
}

.pw_email_top_wrap {
    padding-bottom: 40px;
}

.pw_email_txt1 {
    padding: 0 0 20px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.5px;
}

.pw_email_txt2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.7px;
}

.pw_email_txt2 a {
    color: #E57545;
}

.pw_setup_btn_wrap {
    display: flex;
    justify-content: center;
}

.pw_septup_btn {
    width: 390px;
    line-height: 70px;
    text-align: center;
}

.pw_eamil_txt3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.7px;
    color: #767676;
}

.pw_setup_email_wrap .copyright {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    padding: 0;
}

/* pw_setup_email common */
@media all and (max-width:750px) {
    .pw_setup_email_wrapper {
        height: 100vh;
        padding: 0;
        background: none;
    }

    .pw_setup_email_wrap {
        max-width: 100vw;
        max-height: none;
    }

    .pw_setup_email_wrap .header {
        height: 21vw;
    }

    .pw_setup_email_wrap .headerimgwrap {
        max-width: 35.7vw;
        margin-left: 4.41vw;
    }

    .pw_setup_email_wrap .headerimgwrap .headerimg{
        /* width: 20.4vw; */
        max-width: 153px;
    }

    .pw_setup_email_wrap section {
        height: auto;
        min-height: auto;
    }

    .pw_setup_email_wrap .container {
        width: 100vw;
        max-width: 750px;
        padding: 11.4vw 5.2vw 5vw;
    }

    .pw_setup_email_wrap .subtitle {
        padding: 0 0 5.7vw;
        font-size: 6.542vw;
    }

    .pw_email_wrap {
        top: 10.5vw;
        right: 5.2vw;
    }

    .pw_email_icon {
        width: 13.1vw;
        max-width: none;
    }

    .pw_email_top_wrap {
        padding-bottom: 5.7vw;
        box-sizing: border-box;
    }

    .pw_email_txt1 {
        padding: 0 0 2.857vw 0;
        line-height: 1.5;
    }

    .pw_email_txt2 {
        padding-top: 0.933vw;
        line-height: 1.375;
    }

    .pw_septup_btn {
        width: 82.5vw;
        height: 16.355vw;
        line-height: 16.355vw;
    }

    .pw_eamil_txt3 {
        line-height: 1.375;
    }

    /* pw_setup_email common */
    .pw_email_txt1,
    .pw_email_txt2,
    .pw_eamil_txt3 {
        font-size: 3.271vw;
    }

    .pw_setup_email_wrap .copyright {
        position: relative;
        bottom: auto;
        padding: 24.4vw 0 4.5vw;
    }
}



/* login.html ::s */
.users_wrap.login_pg_wrap{
    min-height: 100vh;
    height: 100% !important;
}

.logowrap {
    padding: 75px 0 40px;
}

.logowrap img {
    max-width: 169px;
}

.main_wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.loginform_wrap {}

#login_username {
    margin-bottom: 10px;
}
#login_password {
    margin-bottom: 10px;
}

.loginform>input {
    padding-left: 15px;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-weight: 700;
}

.popup_login__button {
    margin-bottom: 20px;
    background: #E57545;
    border: 1px solid #E57545;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.7px;
    color: #fff;
    cursor: pointer;
}

.popup_login__button,
.pw_bottom {
    margin-top: 10px;
}

.keep_login_wrap {
    display: flex;
    align-items: baseline;
    position: relative;
    max-width: 390px;
}

.keep_login_input {}

.keep_login {
    padding-left: 8px;
}

.login_txt_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 0;
}

.login_txt_wrap hr {
    width: 16%;
    height: 1px;
    border: none;
    background-color: #d6d6d6;
}

.login_txt {
    margin: 0 8px;
    color: #767676;
}

.login_wrap a {
    
}

.counsel_submit {
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.7px;
    color: #111;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}

.counsel_submit img {}

.find_wrap {
    padding-top: 20px;
}

.find_ul {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d6d6d6;
    font-size: 13px;
}

.find_li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33%;
}

.find_txt {
    color: #111111;
}

.login_pg_wrap .copyright{
    padding-top: 100px;
}

/* login common */
.counsel_submit,
.counsel_submit,
.popup_login__button {
    width: 390px;
    height: 60px;
    box-sizing: border-box;
}


.counsel_submit {
    border: 1px solid rgb(215, 215, 215);
}

.keep_login,
.login_txt,
.find_wrap a {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.5px;
}

.loginform_wrap,
.login_wrap {
    max-width: 390px;
}


@media all and (max-width:750px) {

    /* login */
    .logowrap {
        padding: 17.5vw 0 9.3vw;
    }

    .logowrap img {
        width: 29.4vw;
        max-width: none;
    }


    .loginform>input {}

    #login_username {
        margin-bottom: 2.3vw;
    }

    .popup_login__button {
        margin-bottom: 4.6vw;
        font-size: 4.2vw;
    }

    .popup_login__button,
    .pw_bottom{
        margin-top: 2.3vw;
    }

    .keep_login_wrap {
        max-width: 91.121vw;
    }

    .keep_login {
        padding-left: 1.8vw;
    }

    .login_txt_wrap {
        padding: 7.009vw 0;
    }

    .login_txt_wrap hr {
        height: 0.234vw;
    }

    .counsel_submit {
        margin-bottom: 1.636vw;
        font-size: 3.7vw;
        border: 0.234vw solid rgb(215, 215, 215);
    }

    .counsel_submit img {}

    .naver_login_img {
        /* max-width: 58px; */
        width: 13.551vw;
    }

    .kakao_login_img {
        /* max-width: 47px; */
        width: 10.981vw;
    }

    .find_wrap {
        padding-top: 4.673vw;
    }

    .find_ul {
        font-size: 3.037vw;
    }

    .login_pg_wrap .copyright{
        padding-top: 23.3vw;
    }

    /* common */
    .counsel_submit,
    .popup_login__button {
        width: 91.121vw;
        height: 14vw;
        line-height: 14vw;
    }

    .keep_login,
    .login_txt,
    .login_wrap a {
        font-size: 3.2vw;
        line-height: 4.9vw;
    }

    .loginform_wrap,
    .login_wrap {
        max-width: 91.121vw;
    }
}

/* login.html :: e */



/* 404.html ::s */
.err_page {
    background: #f5f6f7 !important;
}

.err_wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.err_icon {
    max-width: 98px;
    padding-bottom: 34px;
}

.err_txt1 {}

.err_txt2 {}

.btn_wrap {
    display: flex;
    flex-flow: column nowrap;
    width: 390px;
    padding-top: 15px;
}

.prev_btn {
    margin-bottom: 16px;
    background-color: #fff;
    border: 1px solid #372E2C;
    font-weight: 400;
}

.home_btn {
    background: #E57545;
    color: #fff;
    border: none;
    font-weight: 700;
}

/* common */
.prev_btn,
.home_btn {
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -0.7px;
    cursor: pointer;
}


@media all and (max-width:750px) {
    .err_icon {
        width: 22.8vw;
        padding-bottom: 7.7vw;
    }

    .btn_wrap {
        width: 91.121vw;
        padding-top: 0vw;
    }

    .prev_btn {
        margin-right: 0vw;
        margin-bottom: 3.738vw;
    }

    /* common */
    .prev_btn,
    .home_btn {
        width: 100%;
        height: 14vw;
        font-size: 4.2vw;
    }
}
/* 404.html ::e */



/* user_mgmt.html ::s */
.change_pw_btn{width: 100%;height: 60px;background: #FFFFFF;border: 1px solid #E57545;border-radius: 10px;font-weight: 500;font-size: 16px;line-height: 1.5;letter-spacing: -0.5px;color: #E57545;cursor: pointer;}

.leave_user{display: flex;width: 100%;max-width: 390px;}
.leave_user_btn{width: 100px;height: 42px;margin-bottom: 62px;background: #DDDDDD;border: 1px solid #4C4A46;font-weight: 500;font-size: 14px;line-height: 1.5;letter-spacing: -0.5px;color: #4C4A46;cursor: pointer;}

.user_mgmt_wrap .copyright{padding: 60px 0 150px 0;}

@media all and (max-width:750px){
    .change_pw_btn {height: 14vw;border-radius: 2.3vw;font-size: 3.7vw;line-height: 1.5;}

    .leave_user{max-width: 91.121vw;}
    .leave_user_btn{width: 23.3vw;height: 9.8vw;margin-bottom: 14.4vw;font-size: 3.2vw;line-height: 1.5;}

    .user_mgmt_wrap .copyright{padding: 14vw 0 35vw 0;}
}
/* user_mgmt.html ::e */




/* users (회원탈퇴) 팝업 ::s */
.basicPopupWrap.userPopupWrap{background: rgba(0, 0, 0, 0.5);color: #111111;font-family: 'Pretendard';}
.basicPopupWrap.userPopupWrap .popup{width: 500px;height: 300px;margin: -335px 0 0 -250px;border-radius: 10px;}
.basicPopupWrap.userPopupWrap .close{display: flex;justify-content: end;padding: 27px 27px 6px;cursor: pointer;}
.basicPopupWrap.userPopupWrap .inner{display: flex;justify-content: center;padding: 0 0 25px 0;}
.basicPopupWrap.userPopupWrap .tit{font-family: 'Pretendard';font-weight: 700;font-size: 36px;line-height: 1.22;letter-spacing: -0.5px;}

.basicPopupWrap.userPopupWrap .txt1{font-weight: 500;font-size: 20px;line-height: 1.5;text-align: center;letter-spacing: -0.5px;}
.basicPopupWrap.userPopupWrap .btn_wrap{display: flex;flex-flow: row wrap;justify-content: center;padding-top: 30px;}
.basicPopupWrap.userPopupWrap .btn_wrap button{width: 141px;height: 47px;background: #FFFFFF;font-weight: 500;font-size: 18px;line-height: 1.5;letter-spacing: -0.5px;cursor: pointer;}
.basicPopupWrap.userPopupWrap .leave_btn{border: 1px solid #000000;}


@media all and (max-width:750px){
    .basicPopupWrap.userPopupWrap .popup {right: 0;width: 91.171vw;height: auto;margin: 30vw auto 0;border-radius: 2vw;}
    .basicPopupWrap.userPopupWrap .close {padding: 4.9vw 4.9vw 1vw;}
    .basicPopupWrap.userPopupWrap .close img {width: 3.4vw;}
    .basicPopupWrap.userPopupWrap .inner{padding: 0 0 4.5vw 0;}
    .basicPopupWrap.userPopupWrap .cau_ico{width: 9vw;}
    .basicPopupWrap.userPopupWrap .tit{font-size: 3.6vw;}

    .basicPopupWrap.userPopupWrap .txt1{font-size: 3.6vw;}
    .basicPopupWrap.userPopupWrap .btn_wrap {padding-top: 5.4vw;padding-bottom: 7.2vw;}
    .basicPopupWrap.userPopupWrap .btn_wrap button {width: 25.6vw;height: 8.5vw;font-size: 3.2vw;}
       
}
/* users (회원탈퇴) 팝업 ::e */




/* 아이디 찾기 팝업::s */
.basicPopupWrap.userPopupWrap.findAcctPopupWrap .popup {margin: -275px 0 0 -250px;}
.basicPopupWrap.userPopupWrap.findAcctPopupWrap .close {padding: 27px 27px 11px;}
.basicPopupWrap.userPopupWrap.findAcctPopupWrap .inner {padding: 0 0 18px 0;}

.basicPopupWrap.userPopupWrap.findAcctPopupWrap .btn_wrap button {width: 111px;}

@media all and (max-width:750px){
    .basicPopupWrap.userPopupWrap.findAcctPopupWrap .popup {margin: 50vw auto 0;}
    .basicPopupWrap.userPopupWrap.findAcctPopupWrap .close {padding: 4.9vw 4.9vw 2vw;}
    .basicPopupWrap.userPopupWrap.findAcctPopupWrap .inner {padding: 0 0 3.2vw 0;}

    .basicPopupWrap.userPopupWrap.findAcctPopupWrap .btn_wrap button {width: 20.1vw;}
}
/* 아이디 찾기 팝업::e */