/* 수정 s */
/* br */
@media all and (min-width:751px) {
    .phide {
        display: none;
    }
}


/* _c_container common */
.header {
    background-color: #313fa0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 73px;
    border-bottom: 1px solid #dfe2e6;
    box-sizing: border-box;
}

.headerimgwrap {
    max-width: 196px;
}

.headerimg {}

section {
    display: flex;
    justify-content: center;
    background-color: #f5f6f7;
    height: calc(100vh - 73px);
}

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

@media all and (max-width:750px) {
    .header {
        height: 8vh !important;
        border-bottom: 0.234vw solid #dfe2e6;
    }

    .headerimgwrap {}

    .headerimg {
        width: 45.794vw;
        max-width: 196px;
    }

    section {
        min-height: 92vh;
        height: auto !important;
    }

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

/* Input Validation */
input.is-invalid {
    border-color: #F64E60 !important;
    outline: none !important;
}

input.is-valid {
    background: #e8f0fe url('../img/assets/signup_check_icon_b.png') 95% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 21px !important;
    border-color: #3699FF !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: 56px;
    padding-left: 16px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    color: #555;
    background: #fff url('../img/assets/signup_check_icon.png') 95% 50%;
    background-repeat: no-repeat;
    background-size: 21px;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    font-weight: 700;
    color: #000;
}

input[type=username]::placeholder,
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder {
    font-size: 15px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    font-weight: 500;
}

input[type=username]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
    border: 1px solid #004dcf;
    background: #e8f0fe url('../img/assets/signup_check_icon.png') 95% 50%;
    background-repeat: no-repeat;
    background-size: 21px;
}

/* 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 {
    background: #f0f0f0 url('../img/assets/signup_check_icon_b.png') 95% 50%;
    background-repeat: no-repeat;
    background-size: 21px;
}

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

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

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

input[type=checkbox]:checked::after {
    border: 1px solid #004dcf;
    color: #004dcf;
}

button[type=submit],
.shortcut_btn,
.pw_septup_btn {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #444;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

@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: 13.084vw;
        line-height: 13.084vw;
        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.505vw;
    }

    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.439vw;
        height: 4.439vw;
        line-height: 4.206vw;
        border: 0.234vw solid #d7d7d7;
        font-size: 3.972vw;
    }

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

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

    button[type=submit],
    .shortcut_btn,
    .pw_septup_btn {
        height: 16.355vw;
        line-height: 16.355vw;
        border: 0.234vw solid #000;
        font-size: 3.738vw;
    }
}

/* _c_container_signup */
.subtitle {
    padding: 80px 0 45px;
    font-size: 38px;
    font-family: 'Noto Sans KR';
    font-weight: 500;
    letter-spacing: -0.045em;
}

.tbl_counsel_write {
    width: 390px;
}

.signup {}

.sign_wrap {
    padding-bottom: 19px;
}

.sign_wrap.last {
    padding-bottom: 0;
}

.sign_txt1 {
    padding-bottom: 7px;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    font-weight: 700;
}

.sign_wrap>input {}

.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 {}

.pw_bottom {
    margin-top: 14px;
}

.checkbox_wrap {
    display: flex;
    align-items: baseline;
    padding-top: 15px;
    padding-bottom: 50px;
}

#write_chk {}

.write_chk {
    padding-left: 10px;
    font-size: 13px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    color: #555;
}

#write_chk::after {}

#write_chk:hover::after {}

#write_chk:checked::after {}

.check-agree {}

.counsel_cancel {}

.copyright {
    padding-top: 50px;
    font-size: 12px;
    letter-spacing: -0.025em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    color: #767676;
}

.copyright a {
    color: #313fa0;
}

@media all and (max-width:750px) {
    .subtitle {
        padding: 18.692vw 0 10.514vw;
        font-size: 8.879vw;
    }

    .tbl_counsel_write {
        width: 91.121vw;
    }

    .sign_wrap {
        padding-bottom: 4.439vw
    }

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

    .sign_wrap>input {
        height: 12.850vw;
        padding-left: 3.505vw;
        border: 0.234vw solid #d7d7d7;
        background-size: 4.907vw;
    }

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

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

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

    .pw_bottom {
        margin-top: 3.271vw;
    }

    .checkbox_wrap {
        padding-top: 3.505vw;
        padding-bottom: 11.682vw;
    }

    .write_chk {
        padding-left: 2.336vw;
        font-size: 3.037vw;
    }

    #write_chk::after {
        width: 4.439vw;
        height: 4.439vw;
        line-height: 4.206vw;
        border: 0.234vw solid #d7d7d7;
        font-size: 3.972vw
    }

    #write_chk:hover::after {
        border: 0.234vw solid #004dcf;
    }

    #write_chk:checked::after {
        border: 0.234vw solid #004dcf;
    }

    button.counsel_cancel {
        font-size: 3.738vw;
    }

    .copyright {
        padding-top: 11.682vw;
        padding-bottom: 11.682vw;
        font-size: 2.804vw;
    }
}

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

.pw_page .subtitle {
    padding: 130px 0 32px;
}

.pw_page .sign_wrap {
    padding-bottom: 16px;
}

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

.pw_icon {
    padding-bottom: 30px;
}

.pw_icon1 {
    max-width: 93px;
}

.pw_icon2 {
    max-width: 94px;
}

.pw_icon3 {
    max-width: 109px;
}

.pw_txt1 {
    text-align: center;
    padding-bottom: 13px;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    font-weight: 700;
}

.pw_txt2 {
    text-align: center;
    padding-bottom: 51px;
    font-size: 14px;
    letter-spacing: -0.025em;
    line-height: 20px;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    color: #767676;
}

@media all and (max-width:750px) {
    .pw_page .subtitle {
        padding: 30.374vw 0 7.477vw;
    }

    .pw_page .sign_wrap {
        padding-bottom: 3.738vw;
    }

    .pw_wrap {
        max-width: 91.121vw;
    }

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

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

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

    .pw_icon {
        padding-bottom: 7.009vw;
    }

    .pw_txt1 {
        padding-bottom: 3.037vw;
        font-size: 3.738vw;
    }

    .pw_txt2 {
        padding-bottom: 11.916vw;
        font-size: 3.271vw;
        line-height: 4.673vw;
    }
}

/* 수정 e */


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

.shortcut_btn_wrap a {}

.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_page .subtitle {
        font-size: 7vw;
    }

    .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;
}

.pw_setup_email_wrap {
    max-width: 750px;
    max-height: 800px;
}

.pw_setup_email_wrap .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #313fa0;
}

.pw_setup_email_wrap .headerimgwrap {
    max-width: 227px;
    padding-left: 23px;
}

.pw_setup_email_wrap .headerimg {
    width: 30.267vw !important;
    max-width: 227px;
}

.pw_setup_email_wrap section {
    height: 720px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #fff;
}

.pw_setup_email_wrap .container {
    display: block;
    width: 750px;
}

.pw_setup_email_wrap .subtitle {
    padding: 68px 0 20px;
    text-align: center;
}

.pw_email_wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 54px;
}

.pw_email_icon {
    max-width: 93px;
}

.pw_email_top_wrap {
    padding-bottom: 65px;
    padding-left: 45px;
}

.pw_email_txt1 {
    line-height: 30px;
}

.pw_email_txt2 {
    padding-top: 7px;
}

.pw_email_txt2 a {
    color: #313fa0;
}

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

.pw_setup_btn_wrap a {}

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

.pw_email_btm_wrap {
    padding-left: 45px;
}

.pw_eamil_txt3 {
    padding-top: 43px;
    padding-bottom: 13px;
    line-height: 24px;
    color: #767676;
}

/* pw_setup_email common */
.pw_email_txt1,
.pw_email_txt2,
.pw_eamil_txt3 {
    font-size: 14px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
}

@media all and (max-width:750px) {
    .pw_setup_email_wrapper {
        height: 100vh;
        padding: 4vw 3.333vw;
    }

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

    .pw_setup_email_wrap .header {
        height: 10.667vw;
        border-top-left-radius: 2vw;
        border-top-right-radius: 2vw;
    }

    .pw_setup_email_wrap .headerimgwrap {
        max-width: 30.267vw;
        padding-left: 3.067vw;
    }

    .pw_setup_email_wrap section {
        height: 96vw;
        min-height: auto;
        border-bottom-left-radius: 2vw;
        border-bottom-right-radius: 2vw;
    }

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

    .pw_email_wrap {
        padding-bottom: 7.2vw;
    }

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

    .pw_email_top_wrap {
        padding-bottom: 8.667vw;
        padding-left: 6vw;
        padding-right: 6vw;
        box-sizing: border-box;
    }

    .pw_email_txt1 {
        line-height: 4vw;
    }

    .pw_email_txt2 {
        padding-top: 0.933vw;
    }

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

    .pw_email_btm_wrap {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .pw_eamil_txt3 {
        padding-top: 5.733vw;
        padding-bottom: 1.733vw;
        line-height: 3.2vw;
    }

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


/* 수정 s */
/* login.html */
.logowrap {
    padding: 100px 0 33px;
}

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

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

.loginform_wrap {}

.loginform {}

.loginform>input {
    padding-left: 15px;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    color: #555;
    font-weight: 700;
}

.popup_login__button {
    margin-top: 16px;
    margin-bottom: 17px;
    background-color: #0349c4;
    border: 1px solid #0349c4;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

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

.keep_login_input {}

.keep_login {
    padding-left: 10px;
    letter-spacing: -0.05em;
    color: #767676;
}

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

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

.login_txt {
    letter-spacing: -0.025em;
}

.login_wrap a {
    letter-spacing: -0.025em;
}

.counsel_submit {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.05em;
    font-family: 'Noto Sans KR';
    color: #6c7580;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}

.counsel_submit img {}

.find_wrap {
    padding-top: 20px;
}

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

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

.find_txt {
    color: #000;
}

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


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

.keep_login,
.login_txt,
.login_wrap a {
    font-size: 13px;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
}

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


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

    /* login */
    .logowrap {
        padding: 25.7vw 0 7.710vw;
    }

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


    .loginform>input {}

    #login_username {
        margin-bottom: 1.869vw;
    }

    #login_password {}

    .popup_login__button {
        margin-top: 3.738vw;
        margin-bottom: 3.972vw;
        border: 0.234vw solid #303030;
        font-size: 3.738vw;
    }

    .keep_login_wrap {
        max-width: 91.121vw;
    }

    .keep_login {
        padding-left: 2.336vw;
    }

    .login_txt_wrap {
        padding: 7.009vw 0;
    }

    .login_txt_wrap hr {
        height: 0.234vw;
    }

    .counsel_submit {
        margin-bottom: 1.636vw;
        font-size: 3.505vw;
        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;
        padding-bottom: 11.682vw;
    }

    .find_ul {
        font-size: 3.037vw;
    }

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

    .keep_login,
    .login_txt,
    .login_wrap a {
        font-size: 3.037vw;
    }

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

/* 수정 e */



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

.err_wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding-top: 157px;
}

.err_icon {
    max-width: 124px;
    padding-bottom: 30px;
}

.err_txt1 {}

.err_txt2 {}

.btn_wrap {
    padding-top: 27px;
}

.prev_btn {
    margin-right: 15px;
    background-color: #fff;
}

.home_btn {
    background-color: rgb(68, 68, 68);
    color: #fff;
}

/* common */
.prev_btn,
.home_btn {
    width: 300px;
    height: 70px;
    border: 1px solid rgb(48, 48, 48);
    font-size: 16px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    font-weight: 700;
    cursor: pointer;
}


@media all and (max-width:750px) {
    .err_wrap {
        padding-top: 20.933vw;
    }

    .err_icon {
        width: 28.972vw;
        padding-bottom: 4vw;
    }

    .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: 16.355vw;
        border: 0.234vw solid rgb(48, 48, 48);
        font-size: 3.738vw;
    }
}

/* mypage */
.mypage_wrap {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.container {}

.section {}

.beforewrap {
    width: 686px;
    padding-top: 30px;
    padding-bottom: 60px;
}

.beforewrap a {
    display: flex;
    align-items: center;
}

.cs_consel_bf_arr {
    width: 10px;
    height: 18px;
    padding-right: 20px;
}

.beforewrap a .before_txt1 {
    font-size: 18px;
    font-weight: 700;
}

.introwrap {
    width: 686px;
}

.intro_top {
    display: flex;
}

.intro_txt_wrap {
    width: 50%;
    padding-top: 17px;
}

.intro_txt1 {
    font-size: 38px;
    font-weight: 700;
}

.intro_txt2 {
    padding-top: 35px;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
}

.intro_txt3 {
    color: #767676;
}

.intro_txt4 {
    font-weight: 700;
}

.intro_img_wrap {
    display: flex;
    justify-content: flex-end;
    align-content: flex-start;
    width: 50%;
    padding-right: 30px;
}

.conversation_icon {
    width: 94px;
    height: 94px;
}

.intro_btm {
    padding: 50px 0 80px
}

.intro_ul_wrap {}

.intro_ul {
    display: flex;
    justify-content: space-around;
    width: 686px;
    height: 50px;
    background-color: rgb(246, 246, 246);
    border-radius: 10px;
}

.intro_li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    color: #767676;
    font-weight: 600;
}

.intro_li::before {
    content: "";
    background-color: #767676;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 10px;
}

.intro_li.active {
    color: #000;
    font-weight: 700;
}

.intro_li.active::before {
    background-color: #000;
}

.conselwrap {}

.consel_title_wrap {
    border-bottom: 2px solid rgb(98, 98, 98);
    padding-bottom: 12px;
}

.consel_title1 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #333;
}

.consel_ul_wrap {}

.consel_ul {}

.consel_ul li:last-child {
    margin-bottom: 210px;
}

.consel_li_q {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
}

.consel_q1 {}

.cs_date {
    padding-bottom: 10px;
}

.cs_classification {
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #222;
}

.cs_q_title {}

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

.cs_status {
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    margin-right: 43px;
    background-color: #b8b8b8;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.025em;
    font-family: "돋움", Dotum, "돋움체", DotumChe;
    text-align: center;
}

.cs_status.active {
    background-color: #004dcf;
}

.cs_arrow {}

.cs_consel_upper_arr {}

.consel_li_q_cont {}

.consel_q_cont1 {
    padding-bottom: 20px;
}

.consel_q_cont1_stit {}

.consel_q_cont2 {}

.consel_q_cont2_txt {
    line-height: 32px;
}

.consel_li_a {
    padding-top: 50px;
    padding-bottom: 62px;
    padding-left: 30px;
    background-color: #f4f9ff;
    border: 1px solid #f2f2f2;
}

.consel_a1 {
    display: flex;
    padding-bottom: 22px;
    align-items: center;
}

.cs_img_wrap {
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.cs_img_wrap img {
    margin-right: 7px;
}

.mypage_b_arrow {
    max-width: 15px;
}

.mypage_g {
    max-width: 23px;
}

.cs_a_txt {
    margin-right: 7px;
}

.cs_a_branch {
    margin-right: 20px;
}

.cs_a_date {}

.consel_a2 {}

.consel_a2_txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.045em;
    line-height: 30px;
}


/* common */
.consel_title_wrap,
.consel_ul li {
    padding-right: 30px;
    box-sizing: border-box;
}

.cs_date,
.cs_a_date {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #999999;
}

.consel_q_cont1_stit,
.cs_a_txt,
.cs_a_branch {
    font-size: 18px;
    font-weight: 500;
    color: #004dcf;
}

.cs_q_title,
.consel_q_cont2_txt {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.025em;
}

.cs_consel_upper_arr,
.cs_consel_lower_arr {
    width: 18px;
    height: 10px;
}

.consel_q1,
.consel_q2 {
    width: 50%;
}

.consel_li_q,
.consel_li_q_cont {
    padding-top: 25px;
    padding-bottom: 25px;
}

.consel_title1,
.consel_li_q,
.consel_li_q_cont,
.cs_img_wrap {
    padding-left: 8px;
}

.consel_title_wrap,
.consel_li_q,
.consel_li_q_cont {
    width: 700px;
    margin: 0 auto;
}

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

    /* mypage */
    .mypage_wrap {
        border-left: 0.133vw solid #e1e1e1;
        border-right: 0.133vw solid #e1e1e1;
    }

    .beforewrap {
        width: 91.467vw;
        padding-top: 4vw;
        padding-bottom: 8vw;
    }

    .cs_consel_bf_arr {
        width: 1.333vw;
        height: 2.4vw;
        padding-right: 2.667vw;
    }

    .beforewrap a .before_txt1 {
        font-size: 3.2vw;
    }

    .introwrap {
        width: 91.467vw;
    }

    .intro_txt_wrap {
        padding-top: 2.267vw;
    }

    .intro_txt1 {
        font-size: 5.6vw;
    }

    .intro_txt2 {
        padding-top: 4.667vw;
        font-size: 3.2vw;
    }

    .intro_img_wrap {
        padding-right: 4vw;
    }

    .conversation_icon {
        width: 12.533vw;
        height: 12.533vw;
    }

    .intro_btm {
        padding: 6.667vw 0 10.667vw;
    }

    .intro_ul {
        width: 91.467vw;
        height: 13.333vw;
        border-radius: 1.333vw;
    }

    .intro_li {
        font-size: 3.2vw;
        font-weight: 300;
        font-family: 'Noto Sans KR';
    }

    .intro_li::before {
        width: 0.8vw;
        height: 0.8vw;
        margin-right: 1.333vw;
    }

    .intro_li.active {
        font-weight: 400;
    }

    .consel_title_wrap {
        border-bottom: 0.267vw solid rgb(98, 98, 98);
        padding-bottom: 1.6vw;
    }

    .consel_title1 {
        font-size: 4.8vw;
    }

    .consel_ul li:last-child {
        margin-bottom: 28vw;
    }

    .consel_li_q {
        padding-top: 4.333vw;
        padding-bottom: 4.333vw;
        border-bottom: 0.133vw solid #f2f2f2;
    }

    .cs_date {
        padding-bottom: 1.333vw;
    }

    .cs_classification {
        padding-bottom: 2vw;
        font-size: 2.267vw;
    }

    .cs_status {
        width: 19.333vw;
        height: 6vw;
        line-height: 6vw;
        margin-right: 4.267vw;
        border-radius: 2.933vw;
        font-size: 2.933vw;
        font-family: 'Noto Sans KR';
    }

    .consel_li_q_cont {
        padding-top: 4.333vw;
        padding-bottom: 6.667vw;
    }

    .consel_q_cont1 {
        padding-bottom: 2.667vw;
    }

    .consel_q_cont2_txt {
        line-height: 4.267vw;
    }

    .consel_li_a {
        padding-top: 6.667vw;
        padding-bottom: 8.267vw;
        padding-left: 4vw;
        border: 0.133vw solid #f2f2f2;
    }

    .consel_a1 {
        padding-bottom: 2.933vw;
    }

    .cs_img_wrap {
        padding-right: 1.067vw;
    }

    .cs_img_wrap img {
        margin-right: 0.933vw;
    }

    .mypage_b_arrow {
        width: 4.8vw;
        max-width: 19px;
    }

    .mypage_g {
        width: 4.4vw;
        max-width: 33px;
    }

    .cs_a_txt {
        margin-right: 0.933vw;
    }

    .cs_a_branch {
        margin-right: 2.667vw;
    }

    .consel_a2_txt {
        font-size: 2.4vw;
        line-height: 4.8vw;
    }

    /* common */
    .consel_title_wrap,
    .consel_ul li {
        padding-right: 4vw;
    }

    .cs_date,
    .cs_a_date,
    .cs_classification {
        font-size: 2.933vw;
    }

    .cs_consel_upper_arr,
    .cs_consel_lower_arr {
        width: 2.4vw;
        height: 1.333vw;
    }

    .consel_title1,
    .consel_li_q,
    .consel_li_q_cont,
    .cs_img_wrap {
        padding-left: 1.067vw;
    }

    .consel_title_wrap,
    .consel_li_q,
    .consel_li_q_cont {
        width: 93.333vw;
    }

    .consel_a2_txt,
    .cs_q_title,
    .consel_q_cont1_stit {
        font-size: 3.2vw;
    }

    .consel_q_cont2_txt,
    .cs_a_txt,
    .cs_a_branch {
        font-size: 3.467vw;
    }
}