﻿
/*--------------------------------------------------------------------------------------------------------------------------
                                                엔딩노트 CSS 정리 부분
--------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------
                공통요소 -기본
------------------------------------------------*/


/*자동으로 채워지는 현상 막기*/
/*input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { 
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #fff !important;
}*/


[v-cloak] > * {
    display: none;
}

a {
    cursor: pointer;
}

i {
    font-style: normal;
}

img {
    height: inherit;
}

table {
    width: 100%;
}

th, tr {
    font-weight: normal;
}

input::placeholder, input::placeholder {
    color: rgba(0,0,0,0.3);
    font-size: 1.8rem;
}

.chiller_cb label {
    padding-left: 3.6rem;
    padding-top: 0.3rem;
}

.chiller_cb input:checked ~ span {
    background: #feb52b;
    border-color: #e2e2e2;
}

.chiller_cb span:before, .chiller_cb span:after {
    background: #000;
}

/* ---- 로딩 화면(액션) ----*/

.step.loading {
    justify-content: center;
    text-align: center;
    height: 100%;
}

.page_login_member .step.loading {
    display: flex;
    align-items: center;
}


.step.loading .logo img {
    width: 165px;
    margin-bottom: 2rem;
}

.step.loading .positioning, .loading.loading_warp .positioning {
    margin: 50px auto;
    position: relative;
}

.step.loading .loader-spinner, .loading.loading_warp .loader-spinner {
    width: 10rem;
    height: 10rem;
    margin: 50px auto;
}

    .step.loading .loader-spinner div, .loading.loading_warp .loader-spinner div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .loader-spinner div:before {
        display: block;
        width: 15%;
        height: 15%;
        margin: 0 auto;
        content: "";
        border-radius: 100%;
        background-color: #feb52b;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: spinner 1.2s infinite ease-in-out both;
        animation: spinner 1.2s infinite ease-in-out both;
    }

    .loader-spinner div:nth-child(2) {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .loader-spinner div:nth-child(2):before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .loader-spinner div:nth-child(3) {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .loader-spinner div:nth-child(3):before {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .loader-spinner div:nth-child(4) {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .loader-spinner div:nth-child(4):before {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s;
    }

    .loader-spinner div:nth-child(5) {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .loader-spinner div:nth-child(5):before {
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s;
    }

    .loader-spinner div:nth-child(6) {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .loader-spinner div:nth-child(6):before {
        -webkit-animation-delay: -.7s;
        animation-delay: -.7s;
    }

    .loader-spinner div:nth-child(7) {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .loader-spinner div:nth-child(7):before {
        -webkit-animation-delay: -.6s;
        animation-delay: -.6s;
    }

    .loader-spinner div:nth-child(8) {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .loader-spinner div:nth-child(8):before {
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s;
    }

    .loader-spinner div:nth-child(9) {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .loader-spinner div:nth-child(9):before {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s;
    }

    .loader-spinner div:nth-child(10) {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .loader-spinner div:nth-child(10):before {
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s;
    }

    .loader-spinner div:nth-child(11) {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .loader-spinner div:nth-child(11):before {
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s;
    }

    .loader-spinner div:nth-child(12) {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .loader-spinner div:nth-child(12):before {
        -webkit-animation-delay: -.1s;
        animation-delay: -.1s;
    }

    @-webkit-keyframes spinner {
        0% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        10% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        50% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        90% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        100% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }
    }

    @keyframes spinner {
        0% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        10% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        50% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        90% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        100% {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }
    }




/* ----------
    font 관련 
  ---------- */

.chiller_cb,
.page_login .member {
    color: #8f9198;
}

.gray {
    color: #828282;
}

.gray2 {
    color: #666666;
}

.co_black {
    color: #000;
}

.c_13{
    color:#131313;
}

/*
   - 폰트 정리 - 
    lg_title : 2.5rem
    m_title_22 : 2.2rem
    title_2 / m_title_2 : 2rem
    m_title : 1.8rem
    text_2 / p_text_2 : 1.7rem;
    text / p_text : 1.6rem
    text_unit : 1.5rem
    subtext_2 / .subtext_2b: 1.4rem
    subtext / .subtext_b : 1.3rem
    infoText_2 / .infoText_2b : 1.2rem
    infoText : 1.1rem
*/


.lg_title {
    word-break: break-all;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.4;
}

.lg_title_b {
    word-break: break-all;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.4;
}

.m_title_22 {
    word-break: break-all;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.m_title_22b {
    word-break: break-all;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.title_2, .m_title_2 {
    word-break: break-all;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.title_2b, .m_title_2b {
    word-break: break-all;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.5;
}


.m_title {
    word-break: break-all;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.m_title_b {
    word-break: break-all;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.5;
}


.text_2, p_text_2 {
    word-break: break-all;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.65;
}

.text_2b, p_text_2b {
    word-break: break-all;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.65;
}

.text, .p_text {
    word-break: break-all;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.65;
}

.text_b, .p_text_b {
    word-break: break-all;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.65;
}

.text_unit {
    word-break: break-all;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.65;
}

.text_unit_b {
    word-break: break-all;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.65;
}


.subtext_2b {
    word-break: break-all;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.65;
}

.subtext_2 {
    word-break: break-all;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.65;
}

.subtext {
    word-break: break-all;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.65;
}

.subtext_b {
    word-break: break-all;
    font-size: 1.3rem;
    font-weight: 500;
    /*letter-spacing: -0.02em;*/
    line-height: 1.65;
}

.infoText_2 {
    word-break: break-all;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.65;
}

.infoText_2b {
    word-break: break-all;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.65;
}


.infoText {
    word-break: break-all;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.65;
}


/* ----------
    Btn 관련 
   ---------- */

.ending_btn_1 { /*동그라미 - 아이콘없이 배경만*/
    text-align: center;
    box-sizing: border-box;
    color: #000;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    /*padding-bottom: 1.5rem;*/
}

.ending_btn_1 a { /*동그라미 - 아이콘없이 배경만*/
    width: 100%;
    display: block;
    padding: 1.6rem 0rem;
    color: inherit;
    border-radius: 1rem;
    cursor: pointer;
    width: 90%;
    margin: 0 auto;
}

.bundle_button.no_margin .ending_btn_bg  {
    margin: 0 -2rem;
}

.bundle_button.no_m_b .ending_btn_bg {
    margin-bottom: -1.5rem;
}

.bundle_button.no_shadow .ending_btn_bg {
    box-shadow: none;
}

.ending_btn_bg { /*아이콘없이 배경만*/
    text-align: center;
    box-sizing: border-box;
    color: #000;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 15%);
    z-index: 3; /*체크박스 라벨값이 z-index 2임*/
}

.ending_btn_bg a { /*아이콘없이 배경만*/
    display: block;
    padding: 1.6rem 0rem;
    color: inherit;
    cursor: pointer;
    margin: 0 auto;
    width: 100%;
    border-radius: 0;
    height: 58px;
    box-sizing: border-box;
}

/*버튼 2줄인 경우*/
.b_b_2 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 116px;
    z-index: 1;
}

.b_b_2 .ending_btn_bg.bt_1 {
    position: absolute;
    top: 0;
}

.b_b_2 .ending_btn_bg.bt_2 {
    position: absolute;
    bottom: 0;
}

.page_est_box .step.s_btn_2 .c_wrap {
    padding-bottom: 13rem
}

.page_est_box .step.se_down.s_btn_2 {
    padding-bottom: 11.5rem
}

.step_intro .c_button, .layout_popup_container .lp_buttons, .page_est_box .step.undo_btn .c_button, .undo_btn .c_button, .undo_btn.c_button, .role_bottom .c_button {
    position: static;
    width: auto;
}

.step_calculation .c_button, .bundle_button .c_button {
    /*width: calc(100% + 4rem);*/
}

.step_intro .c_button a, .step_calculation .c_button a, .layout_popup_container .lp_buttons a, .bundle_button .c_button a, .page_est_box .step.undo_btn .c_button a, .undo_btn .c_button a, .undo_btn.c_button a, .role_bottom .c_button a {
    width: 100%;
}

.c_button_dual {
    width: 100%;
    display: flex;
}

.c_button_dual .lp_buttons {
    width: 50%;
    box-shadow: none;
}

.c_button.btn_default {
    position: static;
    padding: 0;
}

.c_button.btn_default a {
    width: 100%;
}

i.icon_arrow_1 {
    height: 1.4rem;
}

i.icon_arrow_1 img {
    height: inherit;
}

/*.ending_btn_bg.c_button_fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

.ending_btn_bg.c_button_fixed a {
    width: 90%;
    margin: 0 auto;
}*/
.bg_gray a {
    /*background-color: #9bacb5 !important;*/
    background-color: #adaeb2 !important;
    color: #ffffff;
}

.bg_L_gray a {
    background-color: #adaeb2 !important;
    color: #fff;
}

.bg_L_gray2 a {
    background-color: #8d8d90 !important;
    color: #fff;
}

.btn_back a {
    background-image: url(/Images/icon/icon_arrow_left.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: left;
    text-indent: -9999px;
    font-size: 0px;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-block;
}

.btn_delete {
    background-color: #e6e9f2;
    border-radius: 50%;
    background-image: url(/Images/icon/icon_close.png);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    text-indent: -9999px;
    font-size: 0px;
    width: 2.6rem;
    height: 2.6rem;
    cursor: pointer;
    z-index: 1;
}

.btn_delete.v_2 {
    background-color: unset;
    border-radius: 0;
    background-image: url(/Images/icon/icon_x.png);
    background-size: 18px;
}

.btn_delete.v_3 {
    background-color: #e6e9f2;
    background-image: url(/Images/icon/icon_x.png);
    background-size: 12px;
    width: 3rem;
    height: 3rem;
}

.btn_back {
    background-image: url(/Images/icon/icon_arrow_left.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left;
    text-indent: -9999px;
    font-size: 0px;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-block;
    cursor: pointer;
}

.btn_back.white {
    background-image: url(/Images/icon/icon_arrow_left_w.png);
}

.icon_confirm {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.icon_confirm span {
    background-image: url(/images/icon/icon_confirm.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    text-indent: -9999px;
    font-size: 0px;
    width: 6rem;
    height: 6rem;
    display: inline-block;
}

.icon_arrow_r, .icon_arrow_le {
    display: flex;
    align-items: center;
}


.icon_arrow_r i, .icon_arrow_le i {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/Images/icon/icon_arrow_R.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: 1rem;
}

.icon_arrow_le i {
    background-image: url(/Images/icon/icon_arrow_L.png);
}

.icon_arrow_r.g i, .icon_arrow_le.g i {
    background-color: #f0f0f0;
}

.icon_arrow_r_w, .icon_arrow_le_w {
    display: flex;
    align-items: center;
}

.icon_arrow_r_w i, .icon_arrow_le_w i {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/Images/icon/icon_arrow_R_w.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    border-radius: 50%;
    margin-left: 1rem;
}

.icon_arrow_r2, .icon_arrow_up {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon_arrow_r2 i, .icon_arrow_up i {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/Images/icon/icon_arrow_R_2.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_arrow_up i {
    background-image: url(/Images/icon/icon_arrow_UP_2.png);
    background-size: 17px;
}



.icon_arrow_le_w {
    background-image: url(/Images/icon/icon_arrow_L_w.png);
}

.icon_up {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/Images/icon/icon_arrow_UP.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e9ebf1;
    border-radius: 50%;
    margin: 0.3rem 0rem 0 1rem;
}

.icon_search, .icon_search2 {
    display: flex;
    align-items: center;
}

.icon_search i {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/Images/icon/icon_search.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_search2 i {
    content: '';
    display: inline-block;
    width: 21px;
    height: 30px;
    background-image: url(/Images/icon/icon_search2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_minus i {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(/Images/icon/icon_minus.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e6e9f2;
    border-radius: 50%;
}

.icon_plus i {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(/Images/icon/icon_plus.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e6e9f2;
    border-radius: 50%;
}

.icon_plus.v_2 i {
    background-image: url(/Images/icon/icon_more.png);
    background-color: unset;
    background-size: 18px;
}

.icon_plus.v_3 i {
    background-image: url(/Images/icon/icon_plus_2.png);
    background-color: #feb52b;
    background-size: 14px;
}

.icon_plus.v_b i {
    background-image: url(/Images/icon/icon_plus_black.png);
    background-color: #fff;
    background-size: 14px;
}


.i_trash i {
    content: '';
    display: inline-block;
    width: 40px;
    height: 26px;
    background-image: url(/Images/layout/menu_ending_i_delet.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e6e9f2;
    border-radius: 2rem;
    background-color: #e6e9f2;
}

.i_text {
    border-radius: 2rem;
    background-color: #e6e9f2;
    box-sizing: border-box;
    min-width: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.3rem 0.5rem;
}

.c_co_icon {
    display: flex;
    align-items: end;
    padding-right: 3px;
}

.c_co_icon i {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    width: 20px;
    height: 20px;
}

.c_co_icon .i_arrow.a_1 {
    background-image: url(/images/icon/icon_arrow_gray.png);
}

/*arrow - right - white*/
.c_co_icon .i_arrow.a_rw1 {
    background-image: url(/images/layout/home_arrow_w1.png);
}

.c_co_icon .i_arrow.b_1 {
    background-image: url(/images/layout/home_arrow_b1.png);
}

.co_check {
    display: flex;
    align-items: center;
}

.co_check .icon_check {
    margin-right: 1rem;
}

.page_box .s_d_choice .w_list li .tit i, .tb_cell .icon_check i {
    background-image: url(/Images/layout/page_preference_i_check.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
}

.page_box .s_d_choice .w_list li.active .tit i {
    background-image: url(/Images/layout/page_preference_i_check_white.png);
}

.tb_cell.active .icon_check i {
    background-image: url(/Images/layout/page_preference_i_checked.png);
}



.c_check_custom {
}

.c_check_custom .chiller_cb {
    height: 2.6rem;
}

.c_check_custom .chiller_cb input {
    z-index: 0;
}

.c_check_custom .chiller_cb label {
    height: 2.4rem;
    padding-top: 0;
    display: flex;
    align-items: center;
    color: #000;
    z-index: 2;
}

.c_check_custom .chiller_cb span {
    border: 0px solid #ccc;
    background: #e7e9ee;
    top: 0px;
}

.c_check_custom .chiller_cb input:checked ~ span {
    background: #feb52b;
}

.c_check_custom .chiller_cb span {
    width: 2.4rem;
    height: 2.4rem;
}

.c_check_custom .chiller_cb span:before, .c_check_custom .chiller_cb span:after {
    background: #fff;
}

.c_check_custom .chiller_cb span:before {
    transform: rotate(-50deg);
    top: 1.6rem;
    left: 1rem;
}

.c_check_custom .chiller_cb span:after {
    transform: rotate(45deg);
    bottom: 1.3rem;
    left: 0.6rem;
}

.c_check_custom .chiller_cb input ~ span:after {
    width: 0.9rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}

.c_check_custom .chiller_cb input ~ span:before {
    width: 1.2rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}


.tb_wrap {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.tb_row {
    display: table-row;
}

.tb_cell {
    display: table-cell;
}

/*-------------------------------------------------
               페이지 구분 없이 공통
---------------------------------------------------*/


.f_serif {
    font-family: 'Noto Serif KR', serif;
    /*font-weight: 400;*/
}

.f_sans {
    font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
}

.page_est_box .step .c_wrap, .page_preference .s_space_detail .c_wrap {
    padding-bottom: 7rem;
}

.page_est_box .step.s_dual_btn .c_wrap {
    padding-bottom: 12rem;
}

.page_est_box .step.s_no_btn .c_wrap {
    padding-bottom: 2rem;
}

.page_est_box .step.s_dual_btn .bundle_button {
    text-align: center;
    box-sizing: border-box;
    color: #000;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
}



/*유품정리의 스크롤*/
.v-input--slider {
    margin-top: 16px;
}

.v-input {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    font-size: 16px;
    text-align: left;
}

.v-input__control {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 100%;
}

.v-input__slot {
    align-items: center;
    color: inherit;
    display: flex;
    margin-bottom: 8px;
    min-height: inherit;
    position: relative;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
}

.v-slider {
    cursor: default;
    display: flex;
    align-items: center;
    position: relative;
    height: 32px;
    flex: 1;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.theme--light.v-input:not(.v-input--is-disabled) input, .theme--light.v-input:not(.v-input--is-disabled) textarea {
    color: rgba(0,0,0,.87);
}

.v-slider input {
    cursor: default;
    opacity: 0;
    padding: 0;
    width: 100%;
}

.v-input input {
    max-height: 32px;
}

.v-input button, .v-input input, .v-input select, .v-input textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
}

.v-slider__track__container {
    height: 5px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    border-radius: 1rem;
    box-sizing: border-box;

}

.theme--light.v-input--slider .v-slider__track, .theme--light.v-input--slider .v-slider__track-fill {
    background: #eaebf0;
    /*box-shadow: inset 0px 1px 0px 1px rgba(0,0,0,0.08);*/
}

.v-slider__track, .v-slider__track-fill {
    position: absolute;
}

.v-slider__track, .v-slider__track-fill {
    height: 5px;
    left: 0;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
}

.v-slider__track {
    -webkit-transform-origin: right;
    transform-origin: right;
    overflow: hidden;
}

.v-slider__thumb, .v-slider__ticks, .v-slider__track {
    position: absolute;
    top: 0;
}

.yellow.accent-4 {
    background-color: #feb52b !important;
    border-color: #ffd600 !important;
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.08);
}

.v-slider__thumb-label__container .v-slider__thumb-label {
    position: absolute;
    top: -15px;
    left: -21px;
    text-align: center;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
    cursor: pointer;
}

.v-slider__thumb-label__container .v-slider__thumb-label span {
    word-break: break-all;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.65;
}

.v-slider__track, .v-slider__track-fill {
    position: absolute;
}

.v-slider__track-fill {
    position: absolute;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.theme--light.v-input--slider .v-slider__track__container:after {
    border: 1px solid rgba(0,0,0,.87);
}

.v-slider__track__container:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 2px;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 2px;
    opacity: 0;
}

.v-slider__thumb-container {
    position: absolute;
    top: 50%;
    transition: .3s cubic-bezier(.25,.8,.5,1);
}

.v-slider__thumb, .v-slider__thumb-container:before {
    border-radius: 50%;
    transition: .3s cubic-bezier(.25,.8,.5,1);
}

.v-slider__thumb-container:before {
    content: "";
    color: inherit;
    background: currentColor;
    height: 32px;
    left: -16px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: -16px;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    width: 32px;
    will-change: transform,opacity;
}

.theme--light.v-input--slider:not(.v-input--is-dirty) .v-slider__thumb {
    border: 3px solid #eaecf0;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px 2px rgb(0 0 0 / 8%);
}

.v-slider__thumb {
    width: 60px;
    height: 60px;
    left: -35px;
    top: 50%;
    background: transparent;
    -webkit-transform: translateY(-50%) scale(.6);
    transform: translateY(-50%) scale(.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.v-slider__thumb, .v-slider__ticks, .v-slider__track {
    position: absolute;
    top: 0;
}

.theme--light.v-messages {
    color: rgba(0,0,0,.54);
}

.v-messages {
    flex: 1 1 auto;
    font-size: 12px;
    min-height: 12px;
    min-width: 1px;
    position: relative;
}

/*.v-slider--is-active .v-slider__thumb-container--is-active .v-slider__thumb {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}*/



/*레이아웃 팝업*/
.clause, .clause .headline {
    margin-bottom: 2rem;
}

.clause p, .clause .bundle {
    margin-bottom: 1rem;
}

.clause .headline {
    margin-top: 2rem;
}

.clause .headline:first-child {
    margin-top: 0rem;
}


.layout_popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}


.layout_popup.is_visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.layout_popup_container {
    position: relative;
    width: 90%;
    height: 90%;
    margin: 0;
    left: 5%;
    top: 5%;
    /*transform: translate(-50%, -50%);*/
    overflow: hidden;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.layout_popup_container.common {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.layout_popup_container.popup_basic {
    text-align: center;
}

.layout_popup_container.common .onetitle {
    text-align: center;
}

.layout_popup_container .cont {
    margin: 3rem 0rem 0rem;
    height: calc(100% - 60px - 3rem - 1.5rem);
    overflow-y: auto;
    padding: 0rem 1.5rem 1.5rem;
}

.layout_popup_container .lp_buttons:after {
    content: "";
    display: table;
    clear: both;
}

.layout_popup_container .lp_buttons li {
    float: left;
    width: 100%;
    list-style: none;
}

.layout_popup_container .lp_buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    color: #ffffff;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.layout_popup_container .lp_buttons.ending_btn_bg a {
    border-radius: 0;
    color: #000000;
    padding: 0;
}

.layout_popup_container .lp_buttons.lp_btn_dual {
    display: flex;
    border-top: 1px solid #d8d8d8;
}

.layout_popup_container .lp_buttons.lp_btn_dual a {
    color: #000;
    box-sizing: border-box;
    width: 50%;
    border-right: 1px solid #d8d8d8;
    background: #f5f5f5;
}

.layout_popup_container .lp_buttons.lp_btn_dual a:last-child {
    border-right: 0;
}

/*.layout_popup_container .lp_buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
}*/
.layout_popup_container .lp_buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 1rem 1rem;
}


.layout_popup_container .lp_close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.layout_popup .layout_popup_container .btn_delete {
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 1;
}

.layout_popup_container .lp_close::before, .layout_popup_container .lp_close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5;
}

.layout_popup_container .lp_close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.layout_popup_container .lp_close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

.is_visible .layout_popup_container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.layout_popup_container .radio_button_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.layout_popup_container .radio_button_wrap:last-child {
    margin-bottom: 0rem;
}

.layout_popup_container .radio_button_wrap span {
    display: inline-block;
    width: 8rem;
}

/* 팝업창 항상 가운데 (높이 영역에 따라) */
.layout_popup_container.popup_center {
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.layout_popup_container.popup_center .cont {
    padding: 1.5rem;
    margin: 4rem 0 2rem;
}

/*cont max-height 지정해서 자동으로 늘어날때 스크롤 생기게 작업*/
.layout_popup_container.p_h_max .cont {
    max-height: 65vh;
}

.role_bottom, .page_est_box .se_down {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

.round_wrap /*.my_estimates*/ {
    border-radius: 3rem 3rem 0rem 0rem;
    box-shadow: -5px 3px 15px rgb(0 0 0 / 20%);
    display: flex;
    flex-direction: column;
}

.round_wrap {
    background: rgb(255,255,255);
    background: linear-gradient( 160deg, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 80%, rgba(233,240,248,1) 100%);
}

.input_wrap input[type=text], .input_wrap input[type=number], .input_wrap input[type=password] {
    width: 100%;
    border-bottom: 1px solid #e6e9f2;
    height: 6rem;
    text-align: center;
    background-color: transparent;
}

.input_wrap.input_number.inner_wrap {
    display: block;
}

.input_wrap.input_number, .input_wrap.inner_wrap .i_wrap {
    display: flex;
}

.input_wrap.input_clock, .input_wrap.input_style_1 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.input_wrap.input_clock input, .input_wrap.input_style_1 input, .input_wrap.private_number input  {
    width: 10rem;
}

.step_age .input_wrap input {
    width: 5rem;
}

.input_wrap.input_number span {
    padding: 2rem 1rem;
}


.input_wrap.row { /*라벨과 input이 한줄에 있는 경우*/ 

}

.input_wrap.row .bundle {
    display: flex;
    align-items: center;
}

.input_wrap.row .c_title {
    display: inline-block;
    width: 110px;
}

.input_wrap.row .c_title, .input_wrap.row input {
    text-align: left;
}

.input_wrap.type_search input {
    text-align: left;
    padding-right: 40px;
}

.input_wrap.type_search {
    position: relative;
}

.input_wrap.type_search .icon {
    position: absolute;
    right: -3px;
    top: 10px;
}



/* line_number 새로운 버전 > .l_n_new */
.l_n_new {

}

.l_n_new {
    width: 100%;
}



.input_wrap.private_number {
    justify-content: center;
}

.input_wrap.private_number .back_number input {
    width: 2rem;
}

.input_wrap.private_number .back_number span {
    display: inline-block;
    padding: 0;
    font-size: 2rem;
    margin-top: 2.2rem;
}


.select_wrap select {
    display: inline-block;
    cursor: pointer;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #cacaca;
    border-radius: 1rem;
    text-align: center;
    text-align-last: center;
    height: 5rem;
    padding: 10px 15px;
}

.select_wrap:after {
    border-color: #cacaca transparent transparent transparent;
    top: calc(50% - 3px);
    right: 18px;
}

.input_wrap.type_search input, .select_wrap select {
    border-color: #e6e9f2;
    box-sizing: border-box;
    background-color: #ffffff;
}


.tabs_wrap {
    display: flex;
}

.tabs_wrap input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

/* Accordion styles */
.tabs_wrap .tabs {
    overflow: hidden;
    width: 100%;
}

.tabs_wrap .tab {
    width: 100%;
    overflow: hidden;
}

.tabs_wrap .tab_label {
    display: flex;
    /*justify-content: space-between;*/
    align-items: baseline;
    padding: 1.6rem 4rem 1.6rem 1.6rem;
    cursor: pointer;
    border-top: 1px solid #cacaca;
    position: relative;
}

.tabs_wrap .tab_label span {
    padding-right: 0.5rem;
}

.tabs_wrap .tab:last-child .tab_label {
    border-bottom: 1px solid #cacaca;
}

.tabs_wrap .tab_content {
    max-height: 0;
    padding: 0 1.6rem;
    color: #7e7d78;
    transition: all 0.35s;
    display: flex;
    justify-content: space-between;
}

.tabs_wrap .tab_content .c_text {
    width: calc(100% - 20px);
}

.tabs_wrap .tab_label::after {
    content: '';
    background-image: url(/Images/icon/icon_arrow_down.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    transition: all 0.35s;
    right: 10px;
    top: calc(50% - 11px);
    position: absolute;
}

.tabs_wrap input:checked + .tab_label {
    background: #f8f9fa;
    border-bottom: 1px solid #cacaca;
}

.tabs_wrap input:checked + .tab_label::after {
    transform: rotate(180deg);
}

.tabs_wrap input:checked ~ .tab_content {
    max-height: 100vh;
    padding: 1.6rem;
}


.list_wrap li, .page_will .step_5 .contents ul, .page_custom .list_tab li {
    text-align: center;
    width: 100%;
    background-color: #ffffff;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /*box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);*/
    padding: 0rem 1.5rem;
    cursor: pointer;
    /*border-radius: 0.5rem;
    border: 1px solid #cacaca;*/
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    border-radius: 1rem;
}

.step_calculation .list_wrap li {
    cursor: default;
}

.list_wrap li.active, .page_custom .list_tab li.active {
    /*border: 1px solid #feb52b;*/
    box-shadow: none;
    background: #feb52b;
    box-sizing: border-box;
}

.list_wrap.list_dual ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.list_wrap.list_dual li {
    width: calc(50% - 0.5rem);
}

.list_wrap.list_dual_cont ul li {
    display: flex;
}

.list_wrap.list_dual_cont li span {
    width: 70%;
}

.list_wrap.list_dual_cont li .c_list_cont {
    width: 30%;
    text-align: left;
}

.list_wrap li.check_wrap {
    border: 0;
}

.last_check_wrap li {
    display: flex;
    width: 80%;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}

.last_check_wrap .name {
    width: 50%;
    text-align: left;
}

.list_wrap.list_p_dual li, .list_wrap.li_new li {
    display: flex;
    min-height: 8rem;
    height: auto;
    justify-content: space-between;
}

.list_wrap.list_p_dual .cont, .list_wrap.li_new .cont, .c_list_n.ls_1 .cont {
    flex: 1;
    text-align: left;
}

.list_wrap.list_p_dual img {
    height: 100%;
    border-radius: 0.5rem;
}

.list_wrap.list_p_dual li .img {
    content: '';
    background-image: url(/Images/layout/page_preference_2_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    border-radius: 0.5rem;
    flex: 1;
    min-height: 8rem;
}

/*.list_wrap.list_p_dual li .img.img_div {
    background-image: none !important;
    min-height: 8rem;
    height: 8rem;
    overflow: hidden;
    border-radius: 0.5rem;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_wrap.list_p_dual li .img.img_div img {
    width: 100%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
}*/


.list_wrap.list_p_dual li:nth-child(2) .img {
    background-image: url(/Images/layout/page_preference_2_2.png);
}

.list_wrap.list_p_dual li:nth-child(3) .img {
    background-image: url(/Images/layout/page_preference_2_3.png);
}

.list_wrap.list_p_dual li:nth-child(4) .img {
    background-image: url(/Images/layout/page_preference_2_4.png);
}

.list_wrap.list_p_dual li:nth-child(5) .img {
    background-image: url(/Images/layout/page_preference_2_5.png);
}

.list_wrap.list_p_dual.c_style .cont {
    flex: 1.3;
}

.list_wrap.list_p_dual.c_style .text_bundle .c_text {
    display: flex;
    justify-content: space-between;
}

.list_wrap.c_style_2 li {
    flex-direction: column;
    align-items: baseline;
    box-sizing: border-box;
    height: auto;
}

/*일반 리스트 (한줄 나열)*/
.list_wrap.c_style_3 li {
    display: block;
    width: 100%;
    text-align: left;
    height: auto;
    padding: 1.5rem;
}

.list_wrap.c_style_3 li .bundle_text .c_text  {
    display: flex;
}

.list_wrap.c_style_3 li .bundle_text .c_tag {
    min-width: 4rem;
}

/*리스트 - 세로형*/
.list_wrap.list_vertical ul {
    display: flex;
}

.list_wrap.list_vertical ul.list_sum_2 li {
    height: 20rem;
    border-radius: 2rem;
    margin-right: 2rem;
}


.tag_wrap .tag {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 2rem;
    padding: 0.5rem 0.8rem;
    background-color: #e6e9f2;
    line-height: 1;
}

li.active .tag_wrap .tag.yellow {
    background-color: #fff;
}

.tag_wrap .tag.t_gray {
    background-color: #e7e9ee;
    color: #000;
}

.tag_wrap .tag.t_dgray {
    background-color: #94979c;
    color: #fff;
}

.tag_wrap .tag.t_yellow {
    background-color: #feb52b;
    color: #000;
}

.tag_wrap .tag.tag_border {
    border: 1px solid #cacaca;
    background-color: #fff;
    padding: 0.5rem 1.2rem;
}

.head_title {
    text-align: center;
    justify-content: center;
    padding: 2.5rem 0rem 2rem;
}

.page_main .head_title {
    padding-top: 1rem;
}

.page_est_box .step.step_address .c_wrap {
    padding-bottom: 2rem;
}

.step_address .c_address_list ul {
    border-bottom: 1px solid #e6e9f2;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding: 2rem 0;
}


.step_address .c_address_list li {
    margin-bottom: 0.5rem;
}

.step_address .c_address_list li, .step_address .c_address_list .tag_wrap.tag_adderss {
    display: flex;
    justify-content: space-between;
}

.step_address .c_address_list .tag_wrap.tag_adderss .tag {
    min-width: 5.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    text-align: center;
}

.step_address .c_address_list .tag_wrap.tag_adderss .address {
    margin-right: 1rem;
}

.step_address .c_address_list .tag_wrap.tag_choice .tag {
    display: flex;
    width: 5rem;
    height: auto;
    padding-top: 0;
    border: 0;
}

.step_address .c_address_list .tag_wrap.tag_choice .tag img {
    height: 2.5rem;
}


/*확인창 (상단 / 가운데/ 하단으로 나뉘어진 경우)*/
.step_confirm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.step_confirm .search_wrap,
.page_login_member .step.step_confirm .search_wrap {
    height: auto;
    min-height: unset;
}

.step_confirm .wrap,
.page_login_member .step.step_confirm .wrap {
    height: auto;
}

.step_confirm .c_title {
    text-align: center;
}

.step_confirm .c_wrap.c_list_center .wrap.new_1 .c_tit_q {
    margin-top: 3rem;
    margin-bottom: 0;
}

.radio_group_sytle {
    width: 100%;
    border-radius: 1rem;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    line-height: 50px;
}

.radio_group_sytle label {
    width: 50%;
    background-color: #a8a8a8;
    color: #ffffff;
}

.radio_group_sytle_button + label {
    float: left;
    cursor: pointer;
}

.radio_group_sytle_button:checked + label {
    background-color: #71ae2c;
}


/*c_t_center 화살표 양쪽 제외하고 (26px) 정 가운데  */
.step .top_wrap .numbering, .step .top_wrap .c_t_center { 
    width: 100%;
    text-align: center;
    padding-right: 26px;
}

.search_wrap .top_wrap {
    display: flex;
    align-items: center;
}

.search_wrap .top_wrap .c_title {
    width: calc(100% - 26px);
    text-align: center;
}

.step_completion .search_wrap .top_wrap {
    min-height: 2.6rem;
}

.step_completion .search_wrap, .step_completion .text_wrap .c_title {
    text-align: center;
}


.page_custom .search_wrap, .search_wrap {
    position: relative;
}

.search_wrap.only_b {
    padding: 3rem 2rem 0rem;
}

.search_wrap.opaci_b .btn_back {
    opacity: 0;
    cursor: default;
}


.page_custom .layout_popup .search_wrap, .layout_popup .search_wrap {
    position: static;
}

.page_custom .search_wrap .numbering, .search_wrap .numbering {
    position: absolute;
    top: 2px;
    width: 100%;
    text-align: center;
    /*padding-left: 26px;
    padding-right: 80px;*/
    box-sizing: border-box;
}

.page_custom .search_wrap .top_wrap, .search_wrap .top_wrap {
    justify-content: space-between;
    position: relative;
}

.page_custom .search_wrap .c_add_info, .c_add_info {
    border-radius: 1.5rem;
    width: 82px;
    padding: 0.2rem 0.2rem 0.2rem 0;
    background: #e6e9f2;
    color: #000;
    cursor: pointer;
}

.c_add_info.st_2 {
    width: 24px;
    height: 24px;
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c_add_info.st_2 img {
    margin-right: 0;
    height: 1.8rem;
}

.c_add_info.st_2 .info_x img {
    margin: 0;
    height: 1.2rem;
    position: static;
}

.page_custom .search_wrap .c_add_info .info, .c_add_info .info {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.page_custom .search_wrap .c_add_info .info_2, .c_add_info .info_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.page_custom .search_wrap .c_add_info .info_x img, .c_add_info .info_x img {
    margin: 0;
    height: 0.8rem;
    margin-left: 1rem;
    position: absolute;
    right: 9px;
}

.page_custom .search_wrap .c_add_info img, .c_add_info img {
    height: 1.6rem;
    margin-right: 0.5rem
}

.page_custom .search_wrap .add_explain, .add_explain {
    border-bottom: 1px solid #e6e9f2;
    margin: 0 -2rem;
    padding: 0 1rem 2rem;
    text-align: center;
}







.step_completion .text_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0rem -2rem;
}

.table_scroll tr {
    border-bottom: 1px solid #cacaca;
    cursor: pointer;
}

.table_scroll table {
    border-collapse: collapse;
    border-top: 2px solid #000000;
}

.table_scroll table th, .table_scroll table td {
    padding: 0.5rem 0rem;
    box-sizing: border-box;
    padding-right: 0.3rem;
}

.table_scroll table th:first-child, .table_scroll table td:first-child {
    width: 10%;
    padding-right: 0.5rem;
}

.table_scroll table th:nth-child(2), .table_scroll table td:nth-child(2) {
    width: 15%;
}

.table_scroll table th:nth-child(3), .table_scroll table td:nth-child(3) {
    width: 50%;
    padding-right: 0;
}

.table_scroll table th:nth-child(4), .table_scroll table td:nth-child(4) {
    width: 25%;
}

.step_last .c_wrap {
    position: relative;
}

.step_last .btn_delete {
    position: absolute;
    right: 0;
    top: 0;
}

.step_calculation .search_wrap .c_title, .step_calculation .search_wrap .c_text, .p_result .step_issuance .search_wrap .c_title {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.step_calculation .list_wrap li {
    border: 0;
}

.step_calculation .list_wrap li .text_bundle p:first-child {
    width: 68%;
}

.step_calculation .list_wrap li .text_bundle p:last-child {
    width: 30%;
}

.page_will .step_calculation .list_wrap li .text_bundle p:first-child, .page_share_preview .s_a_view .co_herit .list_wrap li .text_bundle p:first-child {
    width: 40%;
}

.page_will .step_calculation .list_wrap li .text_bundle p:last-child {
    width: 58%;
}

.step_calculation .list_wrap li .text_bundle p:nth-child(n+2) {
    text-align: right;
}

.step_calculation .list_wrap .c_title, .page_share_preview .s_a_view .list_wrap.list_p_dual .cont .c_title {
    display: flex;
    justify-content: space-between;
}

.c_list_center .wrap {
    justify-content: center;
}

.step_calculation .list_wrap .c_title p, .page_share_preview .s_a_view .list_wrap .c_title p {
    flex: 2;
}

.step_calculation .list_wrap .c_sum, .page_share_preview .s_a_view .list_wrap .c_sum {
    flex: 1.6;
    text-align: right;
}

.step_calculation .list_wrap .c_sum span, .page_share_preview .s_a_view .list_wrap .c_sum span {
    padding: 0rem 0.5rem;
    letter-spacing: -0.5px;
}

.step_calculation .c_sum_number, .page_share_preview .s_a_view .c_sum_number {
    box-sizing: border-box;
    padding: 0.8rem 1.5rem 1.2rem;
    margin: 0 -2rem;
    background: #e6e9f2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.page_pet .step_calculation .c_sum_number.c_t_price {
    width: calc(100% + 4rem);
    margin-top: 2rem;
}

.page_pet .step_calculation .search_wrap .btn_delete {
    text-indent: 0;
    width: auto;
    background-image: none;
    font-size: 1.2rem;
    border-radius: 1rem;
    height: auto;
    padding: 0.2rem 1rem;
    box-sizing: border-box;
}



.page_pet .list_wrap .step_calculation li {
    cursor: default;
}

.step_calculation .c_sum_number .c_number span, .page_share_preview .s_a_view .c_sum_number .c_number span {
    padding-right: 0.5rem;
}

.step_calculation .list_wrap.list_p_dual li.c_name {
    padding: 0;
    border: 0;
    box-shadow: none;
    min-height: auto;
    margin: 0;
}

.step_calculation.style_1 .list_wrap.list_p_dual li, .c_list_n.ls_1 li, .page_share_preview .s_a_view .c_list_n.ls_1 li {
    box-shadow: none;
    border: 0;
    padding: 0;
    padding-bottom: 3rem;
    margin-bottom: 0;
}

.c_list_n.ls_1 li:last-child {
    padding-bottom: 2rem;
}


.step_calculation.style_1 .list_wrap .list_box {
    margin-bottom: 5rem;
}

.step_calculation.style_1 .list_wrap.list_p_dual .cont .c_title, .c_list_n.ls_1 .cont .c_title,
.page_share_preview .s_a_view .list_wrap.list_p_dual .cont .c_title, .page_will .s_w_past .c_list_n.ls_1 .cont .c_title {
    align-items: flex-end;
    border-bottom: 1px solid #e6e9f2;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.step_calculation.style_1 .list_wrap .c_sum, .page_share_preview .s_a_view .list_wrap .c_sum {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.step_calculation.style_1 .list_wrap.list_p_dual .text_bundle, .page_share_preview .s_a_view .list_wrap.list_p_dual .text_bundle {
    color: #666666;
}

.step_calculation.style_1 .list_wrap.list_p_dual .text_bundle .c_text, .page_share_preview .s_a_view .list_wrap.list_p_dual .text_bundle .c_text {
    margin-bottom: 0.3rem;
}

.step_calculation.style_1 .list_wrap.list_p_dual .text_bundle .c_text:last-child {
    margin-bottom: 0;
}

.step_calculation .c_wrap.c_list_center .wrap.new_1 .c_tit_q {
    margin-bottom: 3rem;
}

.step_calculation .c_wrap.c_list_center .wrap.new_1 .c_tit_q .c_sub {
    margin-top: 1.2rem;
}

.page_pet .step_calculation .list_wrap .c_sum_number {
    margin: 0 -1.5rem;
    padding: 1rem 1.5rem;
}

.page_pet .step_calculation .list_wrap.list_p_dual, .c_list_n.ls_1 {
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    border-radius: 1rem;
    padding: 2rem 1.5rem 0 1.5rem;
    box-sizing: border-box;
    overflow: hidden;
}



.step_list .list_wrap li.active {
    background: #feb52b;
}

.bundle_button .c_col .c_button {
    width: calc(50% + 2rem) !important;
    box-sizing: border-box;
}

.bundle_button .c_col .c_button:first-child {
    /*padding-left: 2rem;*/
}

.bundle_button .c_col .c_button:last-child {
    /*padding-right: 2rem;*/
}


.step_executor .wrap {
    justify-content: center;
}

.step_executor .wrap .person {
    background-color: #e8e8e8;
    display: block;
    border-radius: 1rem;
}

.step_executor .wrap input {
    width: 14rem;
}

.step_issuance .c_picture {
    height: 475px;
    border-radius: 0rem;
    background-image: url(/Images/layout/page_will_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.step_delete_all {
    text-decoration: underline;
}

.p_result .step_calculation .top_wrap, .p_result .step_issuance .top_wrap, .p_result .step_last .top_wrap {
    justify-content: space-between;
}


.c_b_line {
    width: 100%;
}

.c_b_line ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c_b_line li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e9f2;
    padding: 0 0.5rem;
    width: 100%;
}

.c_b_line li:last-child {
    margin-bottom: 0rem;
    width: 100%;
}

.c_b_line input {
    width: 50%;
    border-bottom: 0;
    height: 4rem;
    text-align: center;
    background-color: transparent;
}


/*-------------------------------------------------
                page 공통요소 맞추기
---------------------------------------------------*/
.pages {
    /*overflow-y: auto;*/
    overflow-x: hidden;
    position: relative;
    height: calc(100% - 6.5rem);
}

.pages.no_menu {
    height: 100%;
}

body > form, #divVue1, #vue1,
.role_bottom, .page_est_box .se_down,
.page_login, .page_login_member, .page_login_member .step,
.page_est_main, .page_member, page_h_main,
.page_consult_req, .page_consult_req .step, .page_QnA, .page_QnA .step, .page_FAQ, .page_preference, .page_preference .step, .page_est_box, .page_est_box .step, .page_login_member .step {
    height: 100%;
}

.mobile_menu ul li.on:before, .table_scroll tr.active,
.page_login .step, .page_est_box .se_down, .ending_btn_bg a, .ending_btn_1 a,
.my_estimates, .tag_wrap .tag.yellow, .page_consult_req .step_1 {
    background-color: #feb52b;
    box-sizing: border-box;
}

.ending_btn_bg a {
    /*border: 1px solid #efd102;*/
}

.mobile_menu ul li.on a {
    /*color: #feb52b;*/
}

.page_login_member .step_6 .c_text.on {
    border-color: #feb52b;
}

.page_login .step .text_wrap, .page_est_box .se_down .text_wrap { /*내용가운데*/
    display: flex;
    justify-content: center;
}

.bundle_button .c_col, .page_insur_main .title_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: static;
}

.bundle_button .c_col, .bundle_button .c_col .c_button {
    position: static;
}

/*높이 100인 상태에서 버튼 하단에 고정*/
.page_consult_req .step, .page_QnA .step, .page_FAQ, .page_preference .step, .c_wrap.c_list_center, .page_est_box .step, .page_login_member .step, .page_login_member .c_wrap, .page_member {
    display: flex;
    flex-direction: column;
}

.step_calculation .c_sum_number .c_number, .page_share_preview .s_a_view .c_sum_number .c_number {
    display: flex;
    align-items: flex-end;
}

.bundle_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_consult_req .step .c_wrap, .page_QnA .step .c_wrap, .page_FAQ .wrap, .page_preference .step .c_wrap, .page_est_box .step .c_wrap, .page_login_member .step .c_wrap, .page_member .wrap, .page_member .wrap, .page_bucket_list .wrap {
    flex: 1;
}

.page_QnA .search_wrap .c_title, .page_FAQ .search_wrap .c_title, .step_intro .c_title, .step_intro .c_intro p,
.page_preference .step_last .c_title, .page_member .search_wrap .c_title {
    text-align: center;
}

.page_est_box .step_intro .sec_cont p {
    text-align: left;
}

.page_consult_req .step_1 .bundle_check ul, .last_check_wrap, .step_completion .text_wrap,
.step_intro .paragraph, .step_intro .c_button {
    margin: 0rem -2rem;
    background-color: #eaebf0;
}

.page_consult_req .step_1 .bundle_check ul {
    margin: 0rem -3rem;
}


.step_intro .c_list_number li {
    position: relative;
}

.step_intro .c_list_number li:before {
    content: "01";
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 1.5rem;
    color: #000;
    font-weight: 500;
}

.step_intro .c_list_number li:nth-child(2):before {
    content: "02";
}

.step_intro .c_list_number li:nth-child(3):before {
    content: "03";
}

.step_intro .c_list_number li:nth-child(4):before {
    content: "04";
}

.step_intro .c_list_number li:nth-child(5):before {
    content: "05";
}

.step_intro .c_list_number li:nth-child(6):before {
    content: "06";
}

.c_wrap.c_list_center .wrap, .page_login_member .c_wrap .wrap {
    display: flex;
    flex: 1;
    align-items: center;
}

.c_wrap.c_list_center .wrap.new_1 {
    flex-direction: column;
    padding: 2rem 0;
}

.c_wrap.c_list_center .wrap.new_1 .c_tit_q {
    margin-bottom: 5rem;
    text-align: center;
}

.c_wrap.c_list_center .wrap.new_1 .c_tit_q .c_sub {
    margin-top: 2rem;
}


.c_wrap.c_list_center .list_wrap, .c_list_n.ls_1 {
    width: 100%;
}

.step .top_wrap, .step_name_intro .input_wrap, .step_age .input_wrap {
    display: flex;
    align-items: center;
}

.page_est_main .go_top, .page_insur_main .go_top, .page_h_main .go_top {
    text-align: center;
}

.page_est_box .step.se_down {
    padding: 0;
    background-image: url(/Images/layout/login_intro_bg3.jpg);
}

.page_est_box .se_down .logo {
    height: 7rem;
    padding-bottom: 3rem;
}

.page_est_box .se_down .text_wrap {
    min-height: 19rem;
    align-items: center;
}





/* ---------------
    패딩, 마진 조절 
   -------------- */
/* padding */
.round_wrap, .my_estimates {
    padding: 3rem 3rem;
    box-sizing: border-box;
}

.page_main, .page_insur_main {
    padding: 1.5rem 2rem 4rem;
}

.page_main_contents .inner {
    padding: 0 2.5rem 2.5rem;
    box-sizing: border-box;
}

.step_issuance .c_picture {
    padding: 2.5rem;
    box-sizing: border-box;
}

.page_est_main .c_box {
    padding: 1.5rem;
}

.page_est_main .go_ending a {
    padding: 1.5rem 0rem;
}

.page_will .step .property_content .table_scroll .btn_change span {
    padding: 0 0.5rem;
}

.page_pet .step_pet_confirm .contents ul li span {
    padding: 0 1rem;
}

.page_consult_req .step_1 .text_wrap {
    padding: 0rem 1.5rem;
}

.bundle_arrow .c_count {
    padding: 0rem 3rem;
}

.role_bottom .top_wrap, .last_check_wrap, .step_completion .text_wrap,
.page_QnA textarea, .page_will textarea, .step_textbox textarea, .page_digital textarea {
    padding: 1.5rem 2rem;
    box-sizing: border-box;
}

.page_consult_req .step {
    padding: 0 2rem;
    box-sizing: border-box;
}

.page_consult_req .bundle_button .c_button {
    width: 100%;
    position: fixed;
}

.page_consult_req .bundle_button.dual_btn .c_button {
    position: static;
    width: auto;
}


.page_FAQ, .page_preference .step, .page_est_box .step, .page_member, .page_QnA .step, .page_Link {
    padding: 1.5rem 2rem 0rem;
    box-sizing: border-box;
}

.page_consult_req .step_1 .bundle_check ul {
    padding: 1.5rem 3rem;
}

.list_wrap.list_p_dual .cont .c_title, .list_wrap.list_p_dual.c_style .cont, .c_list_n.ls_1 .cont {
    padding-left: 1rem;
    padding-right: 1rem;
}

.list_wrap.list_p_dual.c_style .cont .price {
    letter-spacing: -0.05rem;
}

.page_will .step_4 .contents ul {
    box-sizing: border-box;
    padding-left: 2rem;
}

.step_intro .c_list_number li {
    box-sizing: border-box;
    padding-left: 3rem;
}

.page_will .step .property_content .line_number input, .page_will .step .property_content .line_number .c_subtitle,
.page_pet .step_pet_confirm .contents ul li p {
    box-sizing: border-box;
    padding-right: 1rem;
}

.page_will .step .property_content .table_scroll th, .page_will .step .property_content .table_scroll td {
    padding: 0.5rem;
}

.step_intro .paragraph {
    padding: 2rem;
}

.step_calculation .list_wrap.list_p_dual li, .step_list .list_wrap.list_p_dual li, .page_will .step_5 .contents ul, .page_will .step_executor .person, .list_wrap.c_style_2 li,
.page_will .step .property_content .line_number li.c_result {
    padding: 1.5rem;
}

.step_intro .c_button {
    padding: 0 2rem 2rem 2rem;
}

.page_insur_main .go_top, .page_h_main .go_top {
    padding: 4rem 0 3rem;
}

.list_wrap.list_p_dual li {
    box-sizing: border-box;
    padding: 0.5rem;
}

.page_h_main .go_top {
    padding-top: 0rem;
}

.page_est_main .box_wrap {
    padding-bottom: 8rem;
}


.page_est_box.page_digital .step_intro .sec_2 {
    padding-bottom: 3.5rem;
}

.step_issuance .c_wrap, .page_member.page_myinfo .member_out {
    padding-bottom: 2rem;
}

.page_FAQ .c_button{
    padding-bottom: 1.5rem;
}

.page_will .s_heir .c_tab li, .c_c_tab li {
    padding-bottom: 1rem;
}

.page_will .step .property_content .line_number .c_p_wrap, .page_will .s_heir .line_number .c_list .c_number {
    padding-bottom: 0.5rem;
}

.bundle_button .c_button, .page_login .bundle_button .c_button:last-child, .bundle_button .c_col .c_button:last-child, .page_est_box .list_wrap .c_button, .page_consult_req .bundle_button .c_button:last-child,
.page_will .step .property_content.result .line_number .c_p_wrap,
.page_est_box .step.undo_btn .c_wrap, .page_login .step_2 .round_wrap .c_button, .page_member .c_button {
    padding-bottom: 0;
}

.page_will .s_heir .line_number .c_list .c_number input {
    padding-right: 1rem;
}

.page_pet .step_pet_confirm .contents ul {
    padding-left: 3rem;
}

.page_will .step .property_content .line_number ul li {
    padding-top: 1rem;
}

.page_will .p_will_personal .personal_list {
    padding-top: 2rem;
}

.page_login_member .step .top_wrap, .page_consult_req .step.role_bottom,
.list_wrap.list_p_dual.c_style .cont .c_title, .page_will .step .property_content .line_number .c_price_num, .page_member.page_QnA {
    padding: 0;
}


/* margin */


.step_intro .search_wrap {
    /*margin-bottom: 5rem;*/
}

.step_confirm .c_title, 
.page_consult_req .wrap .bundle_text, .page_donation .step_d_content .wrap .w_box {
    margin-bottom: 4rem;
}

.step_5.s_people_check .list_wrap, .step_5.s_people_check .input_wrap, .page_login .round_wrap .check_wrap,
.page_custom .s_people_check .list_wrap, .page_login_member .step_private .cont_wrap, .page_preference .s_space_detail .c_info,
.page_member.page_myinfo .c_list li {
    margin-bottom: 3rem;
}

.search_wrap .top_wrap, .search_wrap .c_title, .search_wrap .c_text, .input_wrap.row .bundle,
.page_login .round_wrap .bundle_text, .page_login .step_2 .round_wrap .c_button,
.page_main .sec, .page_main .c_title, .page_insur_main .c_title, .page_custom .s_people_check .line_number,
.page_main_contents .sec .main_top, .page_main_contents img, .page_main_contents .c_cont,
.my_estimates .c_price, .page_preference.p_result .wrap, .input_wrap.type_search,
.page_consult_req .bundle_check, .page_consult_req .bundle_check .c_title, .tabs_wrap, .step_intro .c_intro .mb_2,
.page_preference .step_last .c_img, page_insur_main .sec_1 .c_title, .page_insur_main .sec_1 .c_text,
.c_wrap.c_list_center.include_sub .search_wrap .c_title, .page_custom .step_9 .c_wrap.c_list_center.include_sub .search_wrap .c_text,
.page_will .step_intro .paragraph, .page_est_box .step_intro .sec_cont .c_title, .page_est_box .step_intro .sec_cont .c_subtext, .page_est_box .step_intro .sec_cont, .page_will .step_4 .contents p,
.page_will .step_5 .c_wrap, .step_issuance .c_picture, .page_pet .step_pet_confirm .search_wrap img, .page_QnA .c_q_title input,
.page_info_setting .p_setting_start .search_wrap .bundle_title .c_title, .page_will .p_will_personal .cont_title, .page_member.page_myinfo .c_list li.myinfo_password .c_type,
.page_QnA .step_answer .c_a_title, .page_QnA .step_answer .questioner, .page_QnA .step_answer .respondents, .step_address .contents.c_info_box p,
.page_pet .step_calculation .list_wrap.list_p_dual, .c_list_n.ls_1 {
    margin-bottom: 2rem;
}

.bundle_button .ending_btn_1.c_button:last-child, .page_member .c_button, .page_insur_main .title_wrap {
    margin-bottom: 1.5rem;
}

.page_login_member input, .page_login_member .step_6 .c_text, .page_login .round_wrap .bundle_text .c_title, .bundle_button .ending_btn_1.c_button:first-child,
.page_main .c_text, .page_main_contents .c_text, .page_login .round_wrap .input_wrap,
.page_consult_req .bundle_check ul li, .page_consult_req .step_1 .img, .step_completion .img,
.list_wrap li, .last_check_wrap li, .select_wrap,
.page_insur_main .sec_2 .c_title, .page_est_main .box_line,
.list_wrap.c_style .c_title, .list_wrap.c_style .tag_wrap, 
.input_wrap.line_number li, .page_custom .step_5 .c_wrap, .page_est_box .step_intro .sec_cont .c_text, .page_will .step_4 .contents li:nth-child(2n), .page_will .step_5 .contents ul,
.c_wrap, .step_calculation .list_wrap li:last-child, .step_intro .c_list_number li, .page_digital .sec_2 .c_text p, .page_will.p_result .btn_modify, .page_will .step_issuance .btn_modify,
.page_pet .step_pet_confirm .contents ul li, .page_will .step .property_content .line_number ul, .page_will .step .property_content .line_number li .c_million, .page_preference .step_last .list_wrap .c_text_3,
.page_insur_main .list_story .c_list li, .page_insur_main .list_story .c_list li .c_text_bundle .c_title, .page_login_member .step_private .cont_wrap .cont {
    margin-bottom: 1rem;
}

.page_will .step_5 .contents ul li, .page_pet .step_pet_confirm .wrap li, .page_will .step .property_content .table_scroll .btn_change,
.page_will .step .property_content .line_number .c_price_num, .page_member.page_myinfo .c_list li .c_type {
    margin-bottom: 0.5rem;
}

.step_confirm .search_wrap .top_wrap, .search_wrap .top_wrap .c_title, .bundle_button .c_button:first-child,
.page_main .sec:last-child, .page_est_main .box_line:last-child, .page_consult_req .bundle_check ul li:last-child,
.page_consult_req .step_1 .search_wrap .top_wrap, .page_insur_main .sec_2 .input_wrap .c_title
.list_wrap li:last-child, .last_check_wrap li:last-child,
.c_wrap.c_list_center .search_wrap .c_title, .c_wrap.c_list_center.include_sub .search_wrap .c_text, .input_wrap.line_number li:last-child, .page_est_box .step_intro .sec_cont:last-child, .page_will .step_5 .contents ul li:last-child,
.page_will .step_5 .contents ul:last-child, .bundle_button .c_col .c_button, .list_wrap li:last-child, .step_calculation .c_wrap, .page_est_box .step_intro .c_wrap, .page_main_contents .c_cont:last-child,
.page_custom .step_3.s_people_check .list_wrap, .page_digital .sec_2 .c_text p:last-child, .page_will .step .property_content .line_number ul li,
.page_will .step .property_content .line_number li.c_result .c_million, .page_will .step .property_content.result .line_number .c_price_num, .page_insur_main .title_wrap .c_title, .page_insur_main .list_story .c_text,
.page_member.page_myinfo .layout_popup .c_list li:last-child, .page_donation .step_d_content .wrap .w_box:last-child, .page_login_member .step_private .cont_wrap:last-child {
    margin-bottom: 0rem;
}


.bundle_arrow i {
    margin: 0;
}

.page_will .s_heir .c_tab, .c_c_tab {
    margin: 2rem -2rem;
}

.page_will .step .property_content.result .c_divide {
    margin: 0 -2rem 2rem;
}

.page_pet .step_calculation .list_wrap .c_sum a i {
    margin-top: 0;
}

.page_est_main .go_ending a i {
    margin-top: 0.2rem;
}

.icon_arrow_r.g i {
    margin-top: 0.3rem;
}

.page_est_main .box_line .box_will li.c_info_text {
    margin-top: 1rem;
}

.step_name_intro .input_wrap input, .step_age .input_wrap input {
    margin: 0 1rem;
}

.list_wrap.list_vertical ul.list_sum_2 li:last-child {
    margin-right: 0;
}

.page_will .step_5 .contents .tag_wrap .tag  {
    margin-right: 0.5rem;
}

.input_wrap.input_clock input {
    margin-right: 1rem;
}

.page_will .step_executor .person, .list_wrap.list_vertical ul.list_sum_2 li {
    margin-right: 2rem;
}

/*-------------------------------------------------
                    page_login
---------------------------------------------------*/

.page_login .login_p_box {
    height: 100%;
}

.page_login .logo {
    height: 10rem;
}

.page_login .bundle_member {
    display: flex;
    justify-content: space-evenly;
}

.page_login .bundle_member .member {
    position: relative;
}

.page_login .bundle_member .member:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #bac0cc;
    bottom: -3px;
    left: 0;
}

.page_login .input_wrap input, .page_login_member .input_wrap input {
    border-color: #bac0cc;
}


.page_login .step_1 {
    background-image: url(/Images/layout/login_intro_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_login .step_2, .page_est_box .se_down {
    background-image: url(/Images/layout/login_intro_bg2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}


.page_login .step_1 .bundle_button {
    margin: 2rem;
}

.page_login .step_1 .bundle_button .c_button {
    margin-bottom: 0
}

.page_login .step_1 .bundle_button .c_button a {
    background-color: #2d2412;
    color: #fff;
}

.page_login .input_wrap input[type=text], .page_login .input_wrap input[type=password] {
    height: 5rem;
}

.page_login input::placeholder {
    font-size: 14px;
}


/*기존 로그인 페이지 (노랑) - .login_style1*/
.page_login .login_style1 .step {
    background-color: #ffdf00;
    box-sizing: border-box;
    background-image: none;
}

.page_login .login_style1 .logo {
    height: 8rem;
}

.page_login .login_style1 .input_wrap input[type=text], .page_login .login_style1 .input_wrap input[type=password] {
    height: 6rem;
}

.page_login .login_style1 .round_wrap .input_wrap, .page_login .login_style1 .round_wrap .check_wrap {
    margin-bottom: 2rem;
}

.page_login .login_style1 .chiller_cb span {
    display: inline-block;
    border: 2px solid #ccc;
    position: absolute;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
    width: 1.5rem;
    height: 1.5rem;
    left: 0;
    top: 1px;
    border-radius: 0;
}

.page_login .login_style1 .chiller_cb label {
    padding-left: 3rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
    height: 2rem;
    line-height: 2rem;
    padding-top:  0;
}

.page_login .login_style1 .chiller_cb span:before {
    transform: rotate(-55deg);
    top: 1.2rem;
    left: 0.6rem;
}

.page_login .login_style1 .chiller_cb input:checked ~ span:before {
    width: 1.5rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}

.page_login .login_style1 .chiller_cb span:after {
    transform: rotate(35deg);
    bottom: 0.6rem;
    left: 0.2rem;
}

.page_login .login_style1 .chiller_cb input:checked ~ span:after {
    width: 0.7rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}

.page_login .login_style1 .step_1 .bundle_button {
    margin: 0;
}

.page_login .login_style1 .step_1 .bundle_button .c_button {
    margin-bottom: 1rem;
    box-shadow: none;
}


.page_login .login_style1 .step_1 .bundle_button .c_button:last-child {
    margin-bottom: 0rem;
}

.page_login .login_style1 .bundle_button .c_button a {
    background-color: #ffdf00;
    box-sizing: border-box;
    color: #000;
    display: block;
    padding: 1.6rem 0rem;
    color: inherit;
    border-radius: 1rem;
    cursor: pointer;
    margin: 0 auto;
}

.page_login .login_style1 .bundle_button .c_button.bg_gray a {
    background-color: #9bacb5 !important;
    color: #ffffff;
}

.page_login .login_style1 .ending_btn_1 a {
    background-color: #ffdf00;
}

.page_login .login_style1 .chiller_cb input:checked ~ span {
    background: #ffdf00;
    border-color: #e2e2e2;
}

.page_login .login_style1 .member {
    text-decoration: underline;
}

.page_login .login_style1 .member:after {
    display: none;
}


/*-------------------------------------------------
                  page_login_member
---------------------------------------------------*/
.page_login_member .step .wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-content: center;
    align-items: unset;
}

.page_login_member .step .wrap.wrap_top {
    justify-content: flex-start;
}

.page_login_member .c_info {
    text-align: center;
    display: block;
}

.page_login_member .step_6 .c_text {
    text-align: center;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    box-sizing: border-box;
    cursor: pointer;
    border-style: solid;
    border-width: 2px;
    border-color: #cacaca;
}

.page_login_member .step.step_3 .top_wrap {
    align-items: end;
}

.page_login_member .step.step_3 .top_wrap .btn_back {
    margin-top: 4px;
}

.page_login_member .input_wrap.input_style_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page_login_member .step_private .cont_wrap .cont {
    padding: 1.5rem 1rem;
    box-sizing: border-box;
    border: 1px solid #dfe0e4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page_login_member .step_private .cont_wrap .cont .p_cont {
    height: 150px;
    overflow-y: auto;
    width: 100%;
}

.page_login_member .step_private .pages {
    height: auto !important;
}


.page_login_member .layout_popup .ending_btn_bg {
    margin: 0;
}

.c_agree_form {
    position: fixed;
    z-index: 4; /*하단 픽스된 버튼이 z-index: 3*/
}

.c_agree_form .a_wrap {
    position: fixed;
    z-index: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 3rem 3rem 3rem 3rem;
    /*min-height: 33rem;
    height: 33rem;*/
    display: flex;
    justify-content: space-between;
}

.c_agree_form .a_wrap .c_button {
    position: static;
    width: 100%;
}

.c_agree_form .a_wrap .c_button a {
    width: 100%;
}

.c_agree_form .c_title {
    margin-bottom: 3rem;
}

.c_agree_form .bundle_check {
    margin-bottom: 3rem;
}

.c_agree_form .c_cont li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.c_agree_form .c_cont li img {
    height: 2rem;
    height: 2.3rem;
    opacity: 0.3;
}

.c_agree_form .c_cont li:last-child {
    margin-bottom: 0rem;
}

.c_agree_form .chiller_cb {
    color: #000;
}

.c_agree_form .c_cont li .chiller_cb label {
    padding-top: 0;
}

.c_agree_form .c_cont li .chiller_cb span {
    border-color: #fff;
    top: 0;
}

.c_agree_form .c_cont li .chiller_cb input:checked ~ span {
    background: #fff;
    border-color: #fff;
}

.c_agree_form .c_cont li .chiller_cb input ~ span:before {
    width: 1.2rem;
    height: 0.15rem;
}

.c_agree_form .c_cont li .chiller_cb input ~ span:after {
    width: 0.7rem;
    height: 0.15rem;
}

.c_agree_form .c_cont li .chiller_cb span:before, .c_agree_form .c_cont li .chiller_cb span:after {
    background: #d9d9d9;
}

.c_agree_form .c_cont li .chiller_cb input:checked ~ span:before, .c_agree_form .c_cont li .chiller_cb input:checked ~ span:after {
    background: #feb52b;
}

.page_login_member .s_password input[type=password] {
    font-size: 4rem;
    letter-spacing: 1rem;
}

.page_login_member .s_policy, .s_policy {
    position: fixed;
    z-index: 10;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.page_login_member .s_policy .cont, .page_login_member .s_policy .p_cont, .page_login_member .s_policy iframe, .s_policy .cont, .s_policy .p_cont {
    height: 100%;
    width: 100%;
}

.page_login_member .s_policy .search_wrap, .s_policy .search_wrap {
    padding: 1.5rem 2rem 0rem;
}

.page_login_member .s_policy .search_wrap .top_wrap, .s_policy .search_wrap .top_wrap {
    margin-bottom: 0;
}

/*튜토리얼*/

.page_login_member .swiper {
    width: 100%;
    height: 100%;
}

.page_login_member .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.page_login_member .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_login_member .swiper-pagination-bullet {
    background: #cad2dd;
    opacity: 1;
}

.page_login_member .swiper-pagination-bullet-active {
    background: #feb52b;
    opacity: 1;
}

.page_login_member .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.page_login_member .s_tutorial .swiper-container-horizontal > .swiper-pagination-bullets, .page_login_member .s_tutorial .swiper-pagination-custom, .page_login_member .s_tutorial .swiper-pagination-fraction {
    top: 40px;
}

.page_login_member .s_tutorial, .page_login_member .s_tutorial .swiper-slide {
    max-width: 600px;
}

.page_login_member .s_tutorial {
    margin: 0 auto;
}

.page_login_member .step.s_tutorial, .page_login_member .s_tutorial .c_wrap.c_list_center .wrap.new_1 {
    padding: 0;
}

.page_login_member .s_tutorial .c_wrap {
    padding-bottom: 4.5rem;
}

.page_login_member .s_tutorial .wrap {
    overflow: hidden;
}

.page_login_member .s_tutorial .b_tutorial {
    height: 100%;  
    width: 100%;
}

.page_login_member .s_tutorial .b_tutorial .swiper_tutorial {
    position: relative;
    height: 100%;
    width: 100%;
}

.page_login_member .ending_btn_bg {
    z-index: 1;
}

.page_login_member .s_tutorial .last_btn a {
    background-color: #2a3b67;
    color: #fff;
}


/*-------------------------------------------------
           page_main + page_main_contents
---------------------------------------------------*/
.page_main .sec, .page_est_main .c_box, .step_calculation .list_wrap li, .step_list .list_wrap li, .page_est_box .step_intro .sec_cont, .list_wrap.c_style_2 li {
    border-radius: 1rem;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    box-shadow: 0px 0px 7px 3px rgb(0 0 0 / 7%);
    border: 0;
}

.page_main .sec, .page_est_box .step_intro .sec_cont {
    max-height: 400px;
    height: 400px;
}


.page_main .sec a {
    width: 100%;
    height: 100%;
    display: block;
}


.page_main .text_wrap, .page_main_contents .main_top .text_wrap, .page_est_box .step_intro .sec_cont {
    padding: 3.5rem 2.5rem 0rem 2.5rem;
    box-sizing: border-box;
}

.page_main_contents .main_top {
    position: relative;
    /*height: 400px;
    max-height: 400px;*/
    width: 100%;
}

.page_main_contents .btn_delete {
    position: fixed;
    top: 12px;
    right: 20px;
    z-index: 2;
}

.page_main_contents img {
    width: 100%;
}

.page_main_contents .c_cont {
    line-height: 1.8;
}

.page_main_contents .main_top .tag {
    display: inline-block;
    padding: 0.2rem 1.2rem;
    border-radius: 2rem;
    margin-bottom: 1.5rem;
    box-sizing: border-box;
    border: 1px solid #000;
}

.page_main_contents .main_top .c_title {
    margin-bottom: 0.3rem;
}

.page_main_contents .banner_sec .inner {
    padding: 0;
}

.page_main_contents .banner_sec .inner img.last {
    margin-bottom: 0;
}

.page_main_contents .banner_sec img {
    margin-bottom: 0.2rem;
}

.page_main_contents .banner_sec .inner .img {
    position: relative;
}

.page_main_contents .banner_sec .inner .img.down_btn .db, .page_main_contents .banner_sec .inner .img.link_btn .db {
    position: absolute;
    /*background: pink;*/
    height: 130px;
    width: 130px;
    top: 37%;
    left: 50%;
    transform: translate(-50%, 0);
}

.page_main_contents .banner_sec .inner .img.link_btn .db {
    width: 80%;
    top: 25%;
    display: flex;
    position: absolute;
}

.page_main_contents .banner_sec .inner .img.link_btn .db a {
    height: 130px;
    width: 50%;
}



/*-------------------------------------------------
                    page_est_main
---------------------------------------------------*/
.my_estimates {
    border-radius: 1rem 1rem 0 0;
    box-sizing: border-box;
    text-align: center;
}

.my_estimates .c_price {
    font-size: 3rem;
    letter-spacing: 0;
}

.my_estimates .c_text {
    color: #846012;
}

.my_estimates .c_text .c_info_unit {
    padding-top: 2px;
    display: inline-block;
}


.page_est_main .go_ending a {
    width: 100%;
    text-align: center;
    display: block;
    background-color: #2d325a;
    color: #fff;
}

.page_est_main .box_wrap {
    background-color: #f0f0f0;
    padding: 2rem 2rem 4rem;
}

.page_est_main .box_wrap.padding_b {
    padding-bottom: 8rem;
}

.page_est_main .box_line {
    display: flex;
    justify-content: space-between;
}

.page_est_main .box_line, .page_est_main .bundle_line .c_box {
    width: 100%;
    height: 155px;
}

.page_est_main .box_line.d_one {
    height: auto;
    min-height: 155px;
}

.page_est_main .d_column {
    height: calc(155px * 2 + 1rem);
}

.page_est_main .bundle_line {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.page_est_main .c_box, .page_est_main .bundle_line {
    width: calc(50% - 0.5rem);
}

.page_est_main .d_one .c_box {
    width: 100%;
    height: 155px;
    min-height: 155px;
}

.page_est_main .d_one .c_box.active {
    height: auto;
    min-height: 155px;
}


.page_est_main .c_box {
    height: 100%;
    position: relative;
    overflow: visible;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    /*background-repeat: no-repeat;
    background-image: url(/Images/icon/my_icon_preference.png);
    background-size: 56px;
    background-position: 90% 90%;*/
}

/*.page_est_main .c_box.box_preference {
    background-image: url(/Images/icon/my_icon_preference.png);
    background-size: 80px;
    background-position: 82% 96%;
}

.page_est_main .c_box.box_custom {
    background-image: url(/Images/icon/my_icon_custom.png);
}

.page_est_main .c_box.box_digital {
    background-image: url(/Images/icon/my_icon_digital.png);
}

.page_est_main .c_box.box_will {
    background-image: url(/Images/icon/my_icon_will.png);
    background-size: 80px;
    background-position: 95% 85%;
}

.page_est_main .c_box.box_pet {
    background-image: url(/Images/icon/my_icon_pet.png);
}

.page_est_main .c_box.box_angel {
    background-image: url(/Images/icon/my_icon_angel.png);
}

.page_est_main .c_box.box_box {
    background-image: url(/Images/icon/my_icon_box.png);
}

.page_est_main .c_box.box_sns {
    background-image: url(/Images/icon/my_icon_sns.png);
}

.page_est_main .c_box.box_all {
    background-image: url(/Images/icon/my_icon_all.png);
    background-position: 96% 90%;
}*/


.page_est_main .c_box.active {
    /*background-color: #e9ebf1;
    box-shadow: 0px 0px 0px 3px rgb(0 0 0 / 7%);*/
}

.page_est_main .c_box.active .c_title{
    font-weight: 500;
}

.page_est_main .c_box.active .numbering {
    background: #c1c2c5;
}

.page_est_main .c_box .numbering {
    position: absolute;
    top: -4px;
    left: -6px;
    color: #fff;
    background: #2d325a;
    display: flex;
    padding: 4px 7px 5px;
    border-radius: 20px;
    line-height: 1;
}

.page_est_main .c_box .c_icon {
    position: absolute;
    bottom: 30px;
    right: 5px;
    z-index: 0;
}

.page_est_main .c_box .c_icon img {
    height: 8rem;
}

.page_est_main .c_box .c_icon img.big {
    /*height: 5rem;*/
}

.page_est_main .c_box.box_all .c_icon {
    bottom: 10px;
}

.page_est_main .c_box {
    background-image: url(/Images/icon/my_icon_will.png);
    background-size: 10rem;
    background-position: 97% 89%;
    background-repeat: no-repeat;
}

.page_est_main .c_box.box_custom {
    background-image: url(/Images/icon/my_icon_custom.png);
    background-size: 7rem;
    background-position: 85% 89%;
}

.page_est_main .c_box.box_preference {
    background-image: url(/Images/icon/my_icon_preference.png);
}

.page_est_main .c_box.box_pet {
    background-image: url(/Images/icon/my_icon_pet.png);
    background-size: 9rem;
    background-position: 89% 89%;
}

.page_est_main .c_box.box_angel {
    background-image: url(/Images/icon/my_icon_angel.png);
    background-size: 5rem;
    background-position: 80% 87%;
}

.page_est_main .c_box.box_sns {
    background-image: url(/Images/icon/my_icon_sns.png);
    background-size: 10rem;
    background-position: 86% 89%;
}

.page_est_main .c_box.box_bucket {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 1rem;
    cursor: pointer;
    background-image: none;
}

.page_est_main .c_box.box_bucket .c_bundle {
    justify-content: center;
}

.page_est_main .c_box.box_bucket .c_bundle .tag {
    margin-top: 0.5rem;
}

.page_est_main .c_box.box_bucket .c_img {
    height: 7.5rem;
    margin-bottom: -1rem;
}






.page_est_main .c_box.box_custom .c_icon img, .page_est_main .c_box.box_digital .c_icon img {
    height: 3rem;
}

.page_est_main .c_box .now_status {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #000;
    background: #feb52b;
    border-radius: 0 0 1rem 1rem;
    padding: 5px 0px;
    text-align: center;
    cursor: pointer;
}

.page_est_main .c_box .now_status.completion {
    background: #eeeff1;
    color: #828282;
}

.page_est_main .box_last {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_est_main .box_last .reset {
    padding: 3px 7px;
    box-sizing: border-box;
    border-radius: 0.5rem;
    background: #f2f2f2;
    color: #808080;
}

.page_est_main .box_btn_join {
    position: fixed;
    bottom: 6.5rem;
    left: 0;
    width: 100%;
    background: #feb52b;
}

.page_est_main .box_btn_join a {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 1.5rem 0;
}

.page_est_main .box_line .box_will li p {
    display: inline-block;
}

.page_est_main .head_wrap .menu_two {
    position: absolute;
    right: 22px;
    top: 33px;
    width: 18px;
    cursor: pointer;
}

.page_est_main .head_wrap .menu_two {
    position: absolute;
    right: 22px;
    top: 33px;
    width: 18px;
    cursor: pointer;
}

.page_est_main .head_wrap .menu_two img {
    width: inherit;
}

.page_est_main .box_line .c_bundle {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page_est_main .box_line .c_t_box .t_tit {
    margin-bottom: 0.5rem;
}

.page_est_main .box_line .c_t_box .t_txt {
    color: #828282;
}

.page_est_main .box_line .c_write_tag span {
    background: #feb52b;
    padding: 0.3rem 0.7rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

.page_est_main .box_line .c_write_tag.w_completion span {
    background: #aeb1b7;
    color: #fff;
}

.page_est_main .c_box.box_will.active .c_icon {
    margin-bottom: 1rem;
}

.page_est_main .sec_bucket {
    background-color: #2a3b67;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 2rem;
    margin: 1.5rem 1.5rem 2rem;
    border-radius: 1rem;
    cursor: pointer;
}

.page_est_main .sec_bucket .process {
    color: #000;
    width: fit-content;
    box-sizing: border-box;
    padding: 0.2rem 0.8rem;
    border-radius: 0.4rem;
    background-color: #feb52b;
}

.page_est_main .sec_bucket .tit {
    color: #fed42b;
}

.page_est_main .sec_bucket .tag {
    margin-bottom: 1rem;
}

.page_est_main .sec_bucket .c_img {
    height: 7.6rem;
    margin-bottom: -1rem;
}


/* page_est_main 디자인 변경됨 */
.page_est_main .head_wrap .logo, .c_top_max .logo {
    text-align: center;
    height: 3.6rem;
}

.page_est_main .head_wrap .logo, .c_top_max .c_intro_top {
    margin: 2.5rem 0 4.5rem;
}

.page_est_main .my_estimates {
    box-sizing: border-box;
    background-color: #fff;
    padding: 0;
    /*max-width: 600px;*/
    margin: 0 auto;
}

.page_est_main .my_estimates .inner {
    box-sizing: border-box;
    padding: 0;
    padding-bottom: 2rem;
    margin: 1.5rem;
    border-radius: 1rem;
    background-color: #fff;
    background-image: url(/Images/layout/estmain_icon_bg.png);
    background-size: cover;
    /*background-position: top;*/
    background-repeat: no-repeat;
}

.page_est_main .my_estimates .head_title {
    text-align: left;
    padding: 0 0 7rem 1rem;
    position: relative;
}

.page_est_main .my_estimates .head_title img {
    height: 9rem;
    position: absolute;
    right: 10%;
    top: -20%;
}

.page_est_main .my_estimates .c_text {
    text-align: left;
    padding: 0 2rem;
    color: #000;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-end;
}

.page_est_main .my_estimates .c_text .name {
    margin-right: 0.2rem;
}

.page_est_main .my_estimates .c_price {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    justify-content: space-between;
}

.page_est_main .my_estimates .c_price .img {
    height: 3rem;
}

.page_est_main .my_estimates .c_price .won {
    display: flex;
    align-items: baseline;
}

.page_est_main .my_estimates .c_price .won .unit {
    margin-left: 0.5rem;
}

.page_est_main .c_space {
    display: flex;
    margin: 1.5rem 2rem 2.5rem;
}

.page_est_main .c_space > div {
    display: flex;
}


.page_est_main .c_space .c_title {
    background-image: url(/Images/layout/estmain_icon_bg_info.png);
    background-size: auto 100%;
    background-position: left;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 5.5rem;
    width: 11rem;
    min-width: 11rem;
    padding-left: 1rem;
    color: #fff;
}

.page_est_main .c_space .c_cont {
    margin-top: 0.7rem;
}

.page_est_main .ending_btn_bg {
    bottom: 65px;
}

.page_est_main .ending_btn_bg a {
    display: flex;
    justify-content: center;
    align-content: center;
}

.page_est_main .c_agree_form .round_wrap {
    bottom: 65px;
}


.page_est_main .sec_check.c_agree_form .m_tit {
    margin-bottom: 4rem;
}

.page_est_main .sec_check .cw_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e6e9f2;
}

.page_est_main .sec_check .cw_info {
    padding: 2rem 0 4rem 0;
}

.page_est_main .sec_check .cw_info .cw_i_tit, .page_est_main .sec_check .cw_info .cw_text p {
    margin-bottom: 1rem;
}

.page_est_main .sec_check .cw_info .cw_text p:last-child {
    margin-bottom: 0;
}

.page_est_main .sec_check .cw_yes .tb_cell {
    background: #fff;
}

.page_est_main .sec_join.c_agree_form .round_wrap {
    padding-bottom: 9rem;
}

.page_est_main .sec_join.c_agree_form .m_tit {
    margin-bottom: 1rem;
}

.page_est_main .sec_join .tag {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4rem;
}

.page_est_main .sec_join .tag .ta {
    box-sizing: border-box;
    background: #adaeb2;
    color: #fff;
    border-radius: 2rem;
    padding: 0.3rem 1rem;
    margin-right: 1rem;
}

.page_est_main .sec_join .tag .ta:last-child {
    margin-right: 0;
}

.page_est_main .sec_join .tag .ta.t_2 {
    background: #e6e9f2;
    color: #666666;
}

.page_est_main .sec_join .cont_wrap .cw {
    display: flex;
    position: relative;
}

.page_est_main .sec_join .cont_wrap .num {
    background: #92939a;
    align-self: flex-start;
    color: #fff;
    border-radius: 2rem;
    padding: 0 1rem;
    margin-right: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.4rem;
    min-width: 1.5rem;
    box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 15%);
}

.page_est_main .sec_join .cont_wrap .cw:after {
    content: '';
    width: 27px;
    height: 60px;
    background-image: url(/Images/layout/dot.png);
    background-size: 3px;
    background-position: center;
    background-repeat: no-repeat;
    left: 3px;
    top: 22px;
    position: absolute;
}

.page_est_main .sec_join .cont_wrap .cw:last-child:after {
    display: none;
}

.page_est_main .sec_join .cont_wrap .cw_2 .num {
    background: #fff;
    color: #000;
}

.page_est_main .sec_join .cont_wrap .cw_3 .num {
    background: #e1790a;
    color: #fff;
}

.page_est_main .sec_join .cont_wrap .cw_4 .num {
    background: #fec72e;
    color: #000;
}

.page_est_main .sec_join .cont_wrap .info .in_tit {
    margin-bottom: 0.5rem;
}

.page_est_main .sec_join .cont_wrap .info .in_txt {
    margin-bottom: 2.5rem;
}




/*-------------------------------------------------
           page_main + page_box_share
---------------------------------------------------*/
.page_box_share .s_share .wrap .m_tit {
    margin-bottom: 2.5rem;
}

.page_box_share .s_share .wrap .m_tit .img {
    height: 2rem;
    margin-top: 1rem;
}

.page_box_share .s_share .line.blue {
    border-bottom: 1px solid #e6e9f2;
}

.page_box_share .s_share .line.blue, .page_share_preview .line.blue {
    border-bottom: 2px solid #e6e9f2;
}

.page_box_share .s_share .co_box {
    margin: 2rem 0;
}

.page_box_share .s_share .co_text .cb_1 {
    margin-bottom: 2rem;
}

.page_box_share .s_share .co_box .tit {
    margin-bottom: 1rem;
}


.page_box_share .s_share .co_human, .page_share_preview .s_a_view .wc_human {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.page_box_share .s_share .co_human .cb_img, .page_share_preview .s_a_view .wc_human .wwb_img {
    position: relative;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    border-radius: 50%;
    margin-top: 0.5rem;
}

.page_box_share .s_share .co_human .cb_img img {
    cursor: pointer;
}

.page_box_share .s_share .co_human .cb_img:after, .page_share_preview .s_a_view .wc_human .wwb_img:after {
    content: '';
    background-color: #e6e9f2;
    box-sizing: border-box;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
    top: 0;
    z-index: 0;
}

.page_box_share .s_share .co_human .cb_img .i_human, .page_share_preview .s_a_view .wc_human .wwb_img .i_human {
    height: 2.9rem;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.page_box_share .s_share .co_human .cb_img .i_camera {
    height: 2.6rem;
    position: absolute;
    z-index: 1;
    bottom: -1px;
    right: -2px;
}

.page_box_share .s_share .co_human .cb_img .i_img, .page_share_preview .s_a_view .wc_human .wwb_img .i_img {
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.page_box_share .s_share .co_human .cb_img.active .i_img, .page_share_preview .s_a_view .wc_human .wwb_img.active .i_img {
    display: block;
}


.page_share_preview .s_a_view .wc_human .wwb_img .i_img {
    display: flex;
}

.page_box_share .s_share .co_human .cb_img.active, .page_share_preview .s_a_view .wc_human .wwb_img {
    overflow: hidden;
}

.page_box_share .s_share .co_human .cb_img.active .i_human, .page_box_share .s_share .co_human .cb_img.active .i_camera {
    display: none;
}

.page_box_share .s_share .co_human .cb_info, .page_share_preview .s_a_view .wc_human .wwb_info {
    width: calc(100% - 10rem);
}

.page_box_share .s_share .co_human .cb_info .txt_bundle .tx_line, .page_share_preview .s_a_view .wc_human .wwb_info .txt_bundle .tx_line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.page_box_share .s_share .co_human .cb_info .txt_bundle .tx_line:last-child, .page_share_preview .s_a_view .wc_human .wwb_info .txt_bundle .tx_line:last-child  {
    margin-bottom: 0;
}

.page_box_share .s_share .co_check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.page_box_share .s_share .co_check .tit {
    margin-bottom: 2rem;
}

.page_box_share .s_share .co_check .chiller_cb.check_all {
    margin-bottom: 2rem;
}

.page_box_share .s_share .co_check .chiller_cb {
    margin-bottom: 0.6rem;
}

.page_box_share .s_share .co_check .chiller_cb:last-child {
    margin-bottom: 0;
}

.page_box_share .s_share .co_send {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 4rem 0;
}

.page_box_share .s_share .co_send .c_b {
    display: flex;
    width: 48%;
    background: #adaeb2;
    align-items: center;
    justify-content: center;
    padding: 1.2rem 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
}

.page_box_share .s_share .co_send .c_b img {
    height: 2.2rem;
    margin-right: 1rem;
}

.page_box_share .s_share .co_send .c_b.cb_kakao {
    background: #fbe744;
    color: #362020;
}






/*팝업 share_list 공유하기 */
.layout_popup .share_list_title {
    margin-bottom: 2rem;
}

.layout_popup .share_list .s_list .s_icon {
    margin-bottom: 0.5rem;
}

.layout_popup .share_list {
    display: flex;
}

.layout_popup .share_list .s_list {
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
    align-items: center;
}

.layout_popup .share_list .s_list .s_icon {
    background: #49de75;
    box-sizing: border-box;
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layout_popup .share_list .s_list.s_kakao .s_icon {
    background: #fae200;
}

.layout_popup .share_list .s_list.s_email .s_icon {
    background: #5d95f5;
}

.layout_popup .share_list .s_list .s_icon img {
    height: 3rem;
}

.layout_popup .share_list .s_list.s_kakao .s_icon img {
    height: 2.8rem;
}

.layout_popup .share_list .s_list.s_email .s_icon img {
    height: 2.4rem;
}






/*-------------------------------------------------
               page_h_main
---------------------------------------------------*/

.page_h_main .page_wrap, .page_main_sub, .page_est_box .step.step_intro, .page_insur_main, .page_main_contents {
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.page_h_main .page_wrap .slash_bar, .menu_wrap .ending_box .sec_how .slash_bar {
    position: relative;
}

.page_h_main .page_wrap .slash_bar:after, .menu_wrap .ending_box .sec_how .slash_bar:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 36px;
    transform: translate(-50%, 0);
    height: 2px;
    background-color: #000;
}

.page_h_main .page_wrap .sec_1 .sw {
    padding: 24rem 4.5rem 0rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_h_main .page_wrap .sec_2, .menu_wrap .ending_box .sec_how {
    padding: 1rem 2rem 1rem;
    text-align: center;
}

.page_h_main .sec_2 .wrap_text .c_title, .menu_wrap .ending_box .sec_how .wrap_text .c_title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.page_h_main .sec_2 .wrap_text .c_title span, .menu_wrap .ending_box .sec_how .wrap_text .c_title span {
    margin-right: 1.2rem;
    color: #feb52b;
}

.page_h_main .sec_2 .c_icon {
    height: 13rem;
}

.page_h_main .sec_2 .cont .co_box, .menu_wrap .ending_box .sec_how .cont .co_box {
    margin-bottom: 4rem;
}

.page_h_main .sec_2 .cont .co_box:last-child {
    margin-bottom: 0rem;
}

.page_h_main .sec_2 .wrap_text .c_text, .menu_wrap .ending_box .sec_how .wrap_text .c_text {
    margin-bottom: 2rem;
}

.page_h_main .page_wrap .sec_3{
    padding: 0;
}

.page_h_main .page_wrap .c_sec_title, .page_h_main .page_wrap .sec_2 li, .page_h_main .layout_popup.p_insur_popup.p_i_02 .wrap .lp_title {
    margin-bottom: 4rem;
}

.page_h_main .page_wrap .sec_1 .c_sec_title {
    margin-bottom: 2rem;
    padding-bottom: 0;
}

.page_h_main .page_wrap .sec_2 .c_sec_title, .menu_wrap .ending_box .sec_how .c_sec_title {
    margin-bottom: 3rem;
}

.page_h_main .layout_popup.p_insur_popup.p_i_02 .sec li, .page_h_main .layout_popup.p_insur_popup.p_i_03 .sec .s_li_title {
    margin-bottom: 2rem;
}

.page_h_main .page_wrap .sec_3 .cont li .c_title, .page_h_main .layout_popup.p_insur_popup.p_i_01 .section .sec .s_title, .page_h_main .layout_popup.p_insur_popup.p_i_01 .sec li, .page_h_main .layout_popup.p_insur_popup .lp_title p, 
.page_h_main .page_wrap .sec_3 .cont li {
    margin-bottom: 1rem;
}

.page_h_main .layout_popup.p_insur_popup.p_i_02 .sec li .s_li_title {
    margin-bottom: 0.5rem;
}

.page_h_main .layout_popup.p_insur_popup .sec li:last-child, .page_h_main .layout_popup.p_insur_popup.p_i_01 .lp_title p {
    margin-bottom: 0;
}

.page_h_main .page_wrap .sec {
    position: relative;
}

.page_h_main .page_wrap .sec, .page_h_main .page_wrap .sec.sec_1 .sw {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page_h_main .page_wrap .sec.sec_1 .logo {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0);
    top: 15px;
}

.page_h_main .page_wrap .sec.sec_1 .sw {
    height: 490px;
    min-height: 490px;
    color: #fff;
}

.page_h_main .page_wrap .sec.sec_1 .sw_1 {
    background-image: url(/Images/layout/home_bg_1.jpg);
    background-position: bottom;
}

.page_h_main .page_wrap .sec.sec_1 .sw_2 {
    background-image: url(/Images/layout/home_bg_2.jpg);
    background-position: center;
}

.page_h_main .page_wrap .sec.sec_1 .sw_3 {
    background-image: url(/Images/layout/home_bg_3.jpg);
    background-position: center;
}

.page_h_main .page_wrap .sec.sec_1 .sw_4 {
    background-image: url(/Images/layout/home_bg_4.jpg);
    background-position: center;
}

.page_h_main .page_wrap .sec.sec_1 .sw_5 {
    background-image: url(/Images/layout/home_bg_5.jpg);
    background-position: center;
}

.page_h_main .page_wrap .sec.sec_1 .sw_2 {
    color: #ffffff;
}

.page_h_main .page_wrap .sec.sec_1 .sw_2 .wrap_text {
    width: 100%;
    text-align: center;
}

.page_h_main .page_wrap .sec.sec_1 .sw_2 .author {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.page_h_main .page_wrap .sec_1 .logo {
    text-align: center;
    height: 3.6rem;
    margin: 1rem 0 6.5rem;
}

.page_h_main .page_wrap .c_sec_title, .page_h_main .layout_popup.p_insur_popup .wrap .lp_title p {
    letter-spacing: -0.1rem;
}

.page_h_main .page_wrap .c_sec_title span {
    font-family: inherit;
}

.page_h_main .page_wrap .sec_1 .wrap_text {
    text-align: center;
}

.page_h_main .page_wrap .sec_1 .swiper-button-next, .page_h_main .page_wrap .sec_1 .swiper-button-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
}

.page_h_main .page_wrap .sec_1 .swiper-button-next {
    background-image: url(/Images/icon/banner_right.png);
    background-position: right center;
    right: 0;
}

.page_h_main .page_wrap .sec_1 .swiper-button-prev {
    background-image: url(/Images/icon/banner_left.png);
    background-position: left center;
    left: 0;
}

.page_h_main .page_wrap .sec_1 .swiper-button-next.swiper-button-disabled, .page_h_main .page_wrap .sec_1 .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}


.page_h_main .page_wrap .sec_1 .swiper-pagination {
    z-index: 1;
}

.page_h_main .page_wrap .sec_1 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 40px;
}

.page_h_main .page_wrap .sec_1 .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
    border-color: White;
}

.page_h_main .page_wrap .sec_1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #feb52b;
    width: 28px;
    border-radius: 10px;
}

/*.s_object .s_1은 이미지 / .s_2는 퍼블리싱 코딩 */

.page_h_main .page_wrap .s_object, .page_main_sub .s_object, .page_est_box .step_intro .s_object {
    position: relative;
    z-index: 1;
    top: -16px;
    width: 100%;
    min-width: 320px;
}

.page_est_box .step_intro .s_object.s_2 {
    display: flex;
    position: absolute;
    top: initial;
    bottom: -1px;
    left: 0;
}

.page_est_box .step_intro .s_object.s_2 .s_ob {
    height: 16px;
    background: #232323;
    width: 50%;
    border-radius: 30px 30px 0 0;
}


.page_h_main .page_wrap .sec_3 .s_object.s_2 {
    top: 22px;
}

.page_h_main .page_wrap .s_object img, .page_main_sub .s_object img, .page_est_box .step_intro .s_object img {
    height: auto;
    width: inherit;
}

.page_h_main .page_wrap .c_sec_title, .menu_wrap .ending_box .sec_how .c_sec_title {
    padding-bottom: 1rem;
    text-align: center;
}

.page_h_main .sec_3 .co_box {
    background-image: url(/Images/layout/home_banner_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    box-sizing: border-box;
    padding: 4.5rem 3rem 0;
    height: 21rem;
    color: #fff;
}

.page_h_main .sec_3 .co_box.box_2 {
    background-image: url(/Images/layout/home_banner_2.png);
    color: #000;
    position: relative;
    top: -18px;
    height: 18rem;
    padding: 2rem 3rem 0;
}

.page_h_main .sec_3 .co_box .c_title {
    margin-bottom: 2rem;
}

.page_h_main .sec_3 .co_box .btn_rectan {
}

.page_h_main .sec_3 .co_box .btn_rectan .b_cont {
    display: flex;
    background: #feb52b;
    align-items: center;
    padding: 0 1.6rem 0 3rem;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    align-items: center;
    justify-content: center;
    height: 45px;
    cursor: pointer;
}

.page_h_main .sec_3 .co_box.box_2 .btn_rectan .b_cont {
    background: #000;
    color: #fff;
}

.page_h_main .sec_3 .co_box .btn_rectan .i_arrow {
    margin-left: 0.5rem;
}

.page_h_main .sec_4 {
    background: #f5f5f5;
    position: relative;
    top: -18px;
    box-sizing: border-box;
    padding: 4rem 3rem;
    margin-bottom: 3.5rem;
}

.page_h_main .sec_4 .cont {
    display: flex;
    justify-content: center;
}

.page_h_main .sec_4 .co_box {
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
}

.page_h_main .sec_4 .co_box .b_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    height: 8rem;
}

.page_h_main .sec_4 .co_box .b_box.b_b_1 {
    /*margin-right: 5.5rem;*/
    margin-bottom: 1rem;
}

.page_h_main .sec_4 .co_box .b_box.b_b_2 {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: auto;
    height: auto;*/
}

.page_h_main .sec_4 .b_box .icon_cricle {
    background: #fff;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgb(0 0 0 / 10%) 1px 2px 4px 1px;
    margin-bottom: 1rem;
}

.page_h_main .sec_4 .b_box .icon_cricle img {
    height: 2.4rem;
}

/*-------------------------------------------------
                 page_main_sub
---------------------------------------------------*/
.page_main_sub {
}

.step_intro.sy_2 .sec_top {
    background-image: url(/Images/layout/home_sub_bg_01_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    height: 30rem;
    padding-top: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #fff;
}

.step_intro.sy_2 .s_bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page_main_sub .sec_top {
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page_main_sub .c_sec.sec_mission .t_wrap {
    padding: 0 2rem;
}

.page_main_sub .c_sec .img img {
    height: auto;
    width: 100%;
}

.page_main_sub.m_s_company .sec_mission .t_wrap {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.page_main_sub.m_s_company .sec_mission .t_wrap .tit {
    width: 11rem;
}

.page_main_sub.m_s_company .sec_vision {
    background-image: url(/Images/layout/home_sub_bg_01_03.jpg);
    height: 66rem;
    color: #fff;
    padding-top: 4rem;
    background-position: bottom;
}

.page_main_sub.m_s_company .sec_vision .t_wrap {
    margin-bottom: 2rem;
}

.page_main_sub.m_s_company .sec_vision .s_list li {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.page_main_sub.m_s_company .sec_vision .s_list li:last-child {
    margin-bottom: 0rem;
}

.page_main_sub.m_s_company .sec_vision .s_list .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-color: #feb52b;
    color: #000;
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    min-height: 7rem;
    text-align: center;
    margin-right: 2.5rem;
    line-height: 1.5;
}

.page_main_sub.m_s_introduce .step_intro.sy_2 .sec_top {
    background-image: url(/Images/layout/home_sub_bg_02_01.jpg);
    color: #000;
}

.page_main_sub.m_s_introduce .s_list {
    text-align: center;
}

.page_main_sub.m_s_introduce .s_list .t_wrap, .page_main_sub.m_s_introduce .s_list .t_wrap .tit {
    margin-bottom: 2rem;
}

.page_main_sub.m_s_introduce .s_list .s_l {
    padding-top: 5rem;
}

.page_main_sub.m_s_introduce .s_list .s_l.s_l_1 {
    padding-top: 1rem;
}


.page_main_sub.m_s_introduce .s_list .s_l_2, .page_main_sub.m_s_introduce .s_list .s_l_4 {
    background: #dfe3ec;
}






/*-------------------------------------------------
                 page_consult_req
---------------------------------------------------*/
.page_consult_req .step_1 .bundle_check .c_title label {
    color: #000;
}

.page_consult_req .step_1 .bundle_check ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_consult_req .step_1 .text_wrap, .step_completion .text_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_consult_req .step_1 .text_wrap .c_title {
    box-sizing: border-box;
    text-align: center;
}

.page_consult_req .step_1 .img, .step_completion .img {
    width: 20rem;
}

.page_consult_req .see_all {
    box-sizing: border-box;
    background-color: #828282;
    border-radius: 1rem;
    padding: 0.5rem 1rem;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
}

.page_consult_req .step_6 .wrap .last_check_wrap, .page_consult_req .step_completion .wrap .text_wrap {
    width: calc(100% + 4rem);
}

/*-------------------------------------------------
                 page_QnA
---------------------------------------------------*/
.page_QnA .step_question textarea, .page_will textarea, .page_will .textarea, .step_issuance .c_picture, .step_textbox textarea, .page_digital textarea, textarea {
    min-height: 200px;
    overflow-y: auto;
    /*border-radius: 1rem;*/
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #e6e9f2;
    resize: none;
    padding: 1rem;
}

.page_QnA .step_question .c_q_title input {
    text-align: left;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    padding: 0rem 2rem;
}

.page_QnA .step_question textarea, .page_QnA .step_question .c_q_title input {
    border-radius: 0.7rem;
}

.page_QnA .step_question .c_info {
    margin-bottom: 1rem;
}

.page_QnA .step_q_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    padding: 2rem 0;
    cursor: pointer;
}

.page_QnA .step_q_list li.c_blank {
    border-bottom: 0;
    justify-content: center;
}


.page_QnA .step_q_list li .tag {
    margin-bottom: 0.5rem;
}

.page_QnA .step_q_list li .tag span {
    border-radius: 1.3rem;
    padding: 0 0.8rem;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    color: #aaaaaa;
}

.page_QnA .step_q_list li .tag.active span {
    border: 1px solid #7fb4c9;
    color: #7fb4c9;
}

.page_QnA .step_q_list li .date {
    line-height: 1;
}

.page_QnA .step_q_list li .icon_arrow_1 {
    padding-left: 2rem;
}

.page_QnA .step_q_list .c_title_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 0.5rem;
}

.page_QnA .step_answer .questioner .c_tag.active {
    color: #7fb4c9;
}

.page_QnA .step_answer .c_divide {
    content: "";
    background: #e0e0e0;
    width: calc(100% + 4rem);
    height: 0.2rem;
    margin: 0 -2rem;
    margin-bottom: 2rem;
}



/*-------------------------------------------------
            page_est_box    page_preference
---------------------------------------------------*/

..page_digital .step_digital_list .list_wrap.list_p_dual li {
    min-height: 22rem;
}

.page_digital .step_digital_list .list_wrap.list_p_dual li .img {
    min-height: calc(22rem - 0.5rem - 0.5rem);
}

.page_preference .s_space_detail .c_top, .page_share_preview .s_a_view .co_burial .cb_wrap .c_top {
    position: relative;
    justify-content: flex-start;
    min-height: 250px;
}

.page_preference .s_space_detail .c_top:before, .page_share_preview .s_a_view .co_burial .cb_wrap .c_top:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.page_preference .s_space_detail .c_top .c_intro_top, .page_preference .s_space_detail .c_top .tit_wrap,
.page_share_preview .s_a_view .co_burial .cb_wrap .c_top .c_intro_top, .page_share_preview .s_a_view .co_burial .cb_wrap .tit_wrap {
    position: relative;
    z-index: 1;
}

.page_preference .s_space_detail .c_top .c_intro_top, .page_share_preview .s_a_view .co_burial .cb_wrap .c_top .c_intro_top {
    margin: 0;
    align-items: flex-start;
    justify-content: space-between;
}

.page_preference .s_space_detail .c_top .box_tag, .page_share_preview .s_a_view .co_burial .cb_wrap .c_top .box_tag {
    display: flex;
}

.page_preference .s_space_detail .c_top .box_tag .tag_wrap .tag {
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}

.page_preference .s_space_detail .c_top .box_tag .tag_wrap .tag:last-child {
    margin-right: 0;
}

.page_preference .s_space_detail .c_top .box_tag .tag_recommend {
    margin-left: 2rem;
    margin-top: -1.5rem;
    height: 4.4rem;
}

.page_preference .s_space_detail .c_top .tit_wrap, .page_share_preview .s_a_view .co_burial .cb_wrap .c_top .tit_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 3rem;
    text-align: center;
}

.page_preference .s_space_detail .wrap .c_info .info_box, .page_share_preview .s_a_view .co_burial .cb_wrap .c_info .info_box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.page_preference .s_space_detail .wrap .c_info .img, .page_share_preview .s_a_view .co_burial .cb_wrap .c_info .img {
    position: relative;
    height: 1.8rem;
    width: 1.2rem;
    margin-right: 1.2rem;
}

.page_preference .s_space_detail .wrap .c_info .img img, .page_share_preview .s_a_view .co_burial .cb_wrap .c_info .img img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.page_preference .s_space_detail .wrap .c_info .tag_wrap .tag, .page_share_preview .s_a_view .co_burial .cb_wrap .c_info .tag_wrap .tag {
    background-color: #fff;
    border: 1px solid #828282;
    padding: 0.3rem 0.8rem;
    margin-right: 0.3rem;
}

.page_preference .s_space_detail .t_list .c_tit_q {
    text-align: center;
    margin-bottom: 1.5rem;
}

.page_preference .s_space_detail .t_list .list_wrap .title_area, .page_share_preview .s_a_view .co_burial .cb_wrap .t_list .list_wrap .title_area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #e6e9f2;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.page_preference .s_space_detail .t_list .list_wrap .title_area .check {
    content: '';
    width: 2.6rem;
    height: 2.6rem;
    background-image: url(/Images/layout/page_preference_i_check.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 0.3rem;
}

.page_preference .s_space_detail .t_list .list_wrap li.active .title_area .check {
    background-image: url(/Images/layout/page_preference_i_checked.png);
}

.page_preference .s_space_detail .list_wrap li.active {
    background: #fff;
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
}

.page_preference .s_space_detail .t_list .list_wrap .text_area, .page_share_preview .s_a_view .co_burial .cb_wrap .t_list .list_wrap .text_area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.page_preference .s_space_detail .t_list .list_wrap .text_area .t_cont, .page_share_preview .s_a_view .co_burial .cb_wrap .t_list .list_wrap .text_area .t_cont {
    width: 55%;
}

.page_preference .s_space_detail .t_list .list_wrap .text_area .t_price, .page_share_preview .s_a_view .co_burial .cb_wrap .t_list .list_wrap .text_area .t_price {
    display: flex;
    align-items: flex-end;
}

.page_preference .s_space_detail .t_list .list_wrap .text_area .t_price .won {
    margin-left: 0.3rem;
}

.page_preference .s_funeral_way .list_wrap li .img, .page_preference .s_f_way_detail .list_wrap li .img {
    width: 60px;
}

.page_est_box.page_preference .list_wrap.li_new li .img img {
    height: 40px;
}


.page_preference .s_space .list_wrap li {
    min-height: auto;
    height: auto;
    padding: 0 0.5rem;
}

.page_preference .s_space .list_wrap li .cont {
    width: 100%;
    display: flex;
    padding: 0 1.5rem;
}

.page_preference .s_space .list_wrap li .cont {
    display: flex;
    padding: 0 1.5rem;
}

.page_preference .s_space .box_tag  {
    min-width: 57px;
}

.page_preference .s_space .box_tag .tag_recommend {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    height: 4.4rem;
}

.page_preference .s_space .box_tag .tag_recommend img {
    height: 4.4rem;
    border-radius: 0;
}

.page_preference .s_space .box_tag .tag_recommend .tag_img {
    display: flex;
    align-items: center;
}

.page_preference .s_space .box_tag .tag_recommend .tag_img img {
    height: 2.2rem;
}

.page_preference .s_space .box_tag .tag_wrap {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.page_preference .s_space .box_tag .tag_wrap .tag {
    margin-bottom: 0.5rem;
}

.page_preference .s_space .box_tag .tag_wrap .tag:last-child {
    margin-bottom: 0;
}

.page_preference .s_space .box_text {
    text-align: left;
    margin-left: 2rem;
    padding: 2rem 0;
}

.page_preference .s_space .box_text .c_title {
    margin-bottom: 0.5rem;
    padding: 0;
}

.page_preference .s_space .box_text .address {
    margin-bottom: 1rem;
}

.page_preference .s_space .box_text .address {
    margin-bottom: 1rem;
}

.page_preference .s_space_detail .c_wrap {
    /*padding-bottom: 1rem;*/
}




/*-------------------------------------------------
           page_est_box   page_custom
---------------------------------------------------*/
/* .li_new : 새디자인 된 페이지 */
.page_est_box .list_wrap.li_new li {
    min-height: unset;
    padding: 0.5rem 2rem;
    min-height: 60px;
}

.page_est_box .list_wrap.li_new li .c_title .sub_tit {
    width: auto;
    margin-left: 0.5rem;
}

.page_est_box .list_wrap.li_new .cont {
    flex: 0.9;
}

.page_est_box .list_wrap.li_new .cont .c_title {
    padding: 0;
    display: flex;
    align-items: center;
}

/*타이틀 2줄 */
.page_est_box .list_wrap.li_new .cont .c_title.dual_tit {
    display: block;
}

.page_est_box .list_wrap.li_new li .c_title.dual_tit .sub_tit {
    display: block;
    margin: 0;
}

.page_est_box .list_wrap.li_new li .img {
    background-image: none;
    min-height: unset;
    flex: none;
}

.page_est_box .list_wrap.li_new li .img img {
    height: 50px;
}

.page_custom .s_people_check .list_wrap.list_p_dual.c_style .text_bundle .c_text {
    margin-bottom: 1rem;
}

.page_custom .s_people_check .list_wrap.list_p_dual.c_style .text_bundle .c_text:last-child {
    margin-bottom: 0rem;
}



.page_custom .s_room .list_wrap li .img {
    width: 60%;
    max-height: 80px;
    background: #cfcfcf;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_custom .s_room .list_wrap li .img img {
    width: 100%;
}

.page_custom .s_burial .list_wrap li .img {
    width: 60px;
}


.page_custom .s_cloth .list_wrap li .img {
    background-image: none;
}

.page_custom .s_cloth .list_wrap li .img img {
    height
}


.page_custom .s_ham .list_wrap li .img {
    width: 60px;
}

.page_custom .s_ham .list_wrap li .img img {
    height: 44px;
}

.page_custom .s_coffin .list_wrap li .img img {
    width: 90%;
}

.page_custom .s_ham .list_wrap li .img img {
    max-height: 80px;
}

.page_custom .s_flower .list_wrap li .img {
    width: 90px;
}

.page_custom .s_flower .list_wrap li .img img {
    height: 42px;
}

.page_custom .s_decoration .list_wrap li .img {
    width: 110px;
}


.page_custom .step_9 .search_wrap .c_info {
    justify-content: center;
}

.page_custom .s_people_check .list_wrap.list_p_dual .cont {
    flex: 1.4;
}

.page_custom .s_people_check .c_info, .page_custom .s_coffin .c_info {
    text-align: left;
    width: 100%;
}

.page_custom .s_people_check .number_bundle i, .number_p_m_btn i {
    cursor: pointer;
}

.page_custom .s_people_check .list_wrap li {
    padding: 1.5rem;
    box-sizing: border-box;
}

.page_custom .s_people_check .input_wrap.line_number li .c_number, .number_p_m_btn .c_number {
    height: 4rem;
    margin: 0rem 0.5rem;
    width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_custom .s_people_check .input_wrap li {
    border-bottom: 1px solid #e6e9f2;
    justify-content: space-between;
    padding: 0 0.5rem;
}

.page_custom .s_people_check .input_wrap.line_number .c_title {
    flex: 0.45;
    text-align: left;
    padding-right: 2rem;
}

.page_custom .s_people_check .input_wrap.line_number .c_subtitle, .number_p_m_btn .c_subtitle {
    flex: 0.15;
    text-align: right;
}

.page_custom .s_people_check .input_wrap.line_number .number_bundle, .number_p_m_btn {
    flex: 0.4;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.number_p_m_btn {
    flex: none;
}

.page_custom .step_intro .c_sec, .page_donation .step_intro .c_sec, .page_untact_funeral .step_intro .c_sec {
    flex: 2;
    margin: 0rem -2rem;
    background-color: #eaebf0;
    padding: 0rem 2rem;
}


.page_custom .s_room .wrap {
    flex-direction: column;
}

.page_custom .list_tab {
    margin-bottom: 2rem;
    width: 100%;
}

.page_custom .list_tab ul {
    display: flex;
    width: 100%;
}

.page_custom .list_tab ul li {
    margin-right: 1rem;
    padding: 0;
}

.page_custom .list_tab ul li:last-child {
    margin-right: 0rem;
}

.page_custom .s_family .input_wrap ul, .input_wrap.line_number.l_n_new ul, .l_n_new.input_line ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_custom .s_family .input_wrap li, .input_wrap.line_number.l_n_new li, .l_n_new.input_line li {
    box-sizing: border-box;
    border-bottom: 1px solid #e6e9f2;
    width: 170px;
    justify-content: space-between;
    padding: 0 0.5rem;
    margin-bottom: 3rem;
}

.c_line_text input {
    box-sizing: border-box;
    border-bottom: 2px solid #e6e9f2;
    width: 100%;
    padding: 0 0.5rem;
    height: 4.5rem
}

.c_line_text input::placeholder {
    font-size: 1.3rem;
    color: rgba(0,0,0,0.3);
}


.input_wrap.line_number { /*총 _ 명 (이렇게 라인에 넘버가 들어간 경우)*/
    width: 100%;
}

.input_wrap.line_number li, .l_n_new.input_line li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.input_wrap.line_number li input, .l_n_new.input_line li input {
    width: 4rem;
    height: 5rem;
    border-bottom: 2px solid #cacaca;
}

.input_wrap.line_number.l_n_new li, .l_n_new.input_line li {
    width: 100%;
    margin-bottom: 1rem;
}

.page_custom .s_family .input_wrap li:last-child, .input_wrap.line_number.l_n_new li:last-child, .l_n_new.input_line li:last-child {
    margin-bottom: 0rem;
}


.page_custom .s_family .input_wrap li.active, .page_custom .s_family .input_wrap li:focus-within,
.page_donation .property_content .line_number li.active, .page_donation .property_content .line_number li:focus-within,
.input_wrap.line_number.l_n_new li:focus-within, .page_box .s_ask_etc .b_request .b_cont input:focus-within,
.c_b_line li:focus-within, .l_n_new.input_line li:focus-within {
    border-bottom: 1px solid #feb52b;
}

.page_emergency .b_name .input_textbox:focus-within, .page_emergency .b_name .input_textbox:focus-within {
    border-bottom: 2px solid #feb52b;
}

.page_custom .s_family .input_wrap input, .input_wrap.line_number.l_n_new input, .l_n_new.input_line input {
    border-bottom: 0;
    height: 4rem;
}

.input_wrap.line_number.l_n_new input, .l_n_new.input_line input {
    width: 50%;
}

.page_custom .s_family input::placeholder, .input_wrap.line_number.l_n_new input::placeholder, .l_n_new.input_line input::placeholder {
    font-size: 2.5rem;
}


.page_custom .s_local .list_local, .c_list_local_cu .list_local {
    display: flex;
    width: 100%;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.page_custom .s_local .list_local ul, .c_list_local_cu .list_local ul {
    height: 24rem;
    overflow-x: auto;
}

.page_custom .s_local .list_local ul li, .c_list_local_cu .list_local ul li {
    padding: 1rem 0;
    cursor: pointer;
}

.page_custom .s_local .list_local .tit_local, .c_list_local_cu  .list_local .tit_local {
    width: 30%;
    background-color: #eceef2;
}

.page_custom .s_local .list_local .tit_local .active, .c_list_local_cu .list_local .tit_local .active {
    background-color: #000;
    color: #fff;
}

.page_custom .s_local .list_local .sub_local, .c_list_local_cu .list_local .sub_local {
    width: 70%;
}

.page_custom .s_local .list_local .sub_local .active, .c_list_local_cu .list_local .sub_local .active {
    background-color: #feb52b;
    color: #000;
}

/*-------------------------------------------------
           page_est_box   p_page_will
---------------------------------------------------*/
.page_will .step_intro .sec, .page_box .step_intro .sec, .page_pet .step_intro .sec, .page_digital .step_intro .sec {
    margin: 0rem -2rem;
    background-color: #eaebf0;
    padding: 2rem;
}

.page_box .step_intro .sec {
    padding: 0rem 2rem 2rem;
}

.page_will .step_intro .sec .paragraph {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.page_will .step_intro .sec_cont {
    background-image: url(/Images/layout/page_will_1_1.png);
    background-color: #ffffff
}

.page_will .step_intro .sec_cont.sec_2 {
    background-image: url(/Images/layout/page_will_1_2.png);
}

.page_will .step_intro .sec_cont.sec_3 {
    background-image: url(/Images/layout/page_will_1_3.png);
}

.page_will .step_intro .sec_cont.sec_4 {
    background-image: url(/Images/layout/page_will_1_4.png);
}

.page_will .step_5 .contents ul {
    height: auto;
    flex-direction: column;
    align-items: baseline;
    cursor: default;
}

.page_will .step_5 .contents ul li {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.page_will .step_5 .contents ul li .tag_wrap:first-child {
    width: 80%;
    text-align: left;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.page_will .step_5 .contents ul li .tag_wrap:first-child .tag {
    width: 56px;
    text-align: center;
    display: block;
}

.page_will .step_5 .contents ul li .tag_wrap:first-child .address {
    width: calc(100% - 56px);
}


.page_will .step_6 input {
    text-align: left;
}

.page_will.p_result .btn_modify a, .page_will .step_issuance .btn_modify a {
    display: flex;
    justify-content: flex-end;
}

.page_will .s_heir .c_tab, .c_c_tab {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ddd;
}

.page_will .s_heir .c_tab li, .c_c_tab li {
    text-align: center;
    cursor: pointer;
}

.page_will .s_heir .c_tab li.active, .c_c_tab li.active {
    border-bottom: 2px solid;
}

.page_will .s_heir .line_number li.c_list {
    justify-content: space-between;
}


.page_will .s_heir .line_number .c_list .c_number {
    display: flex;
    border-bottom: 1px solid;
}

.page_will .s_heir .line_number .c_list .c_number input {
    height: auto;
    border: 0;
    min-width: 13rem;
    text-align: right;
}

.page_will .s_heir .w_num_conut li {
    width: 100%;
    justify-content: space-between;
}

.page_will .s_heir .b_etc .w_num_conut li {
    margin-bottom: 1.5rem;
    padding-bottom: 0.3rem;
}

.page_will .s_heir .b_etc .w_num_conut li:last-child {
    /*margin-bottom: 0rem;*/
}

.page_will .s_heir .w_num_conut .count_num {
    display: flex;
    align-items: center;
}

.page_will .s_heir .w_num_conut .c_subtitle {
    margin-left: 1.5rem;
}

.page_will .s_heir .w_num_conut .number_p_m_btn .c_number {
    padding-bottom: 0.5rem;
}

.page_will .s_heir .b_percentage .tb_wrap {
    border-bottom: 1px solid #e6e9f2;
}

.page_will .s_heir .b_percentage .tb_row:first-child {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e6e9f2;
}

.page_will .s_heir .b_percentage .tb_row .tb_cell {
    text-align: center;
    padding: 0.5rem 0;
    width: 33.3%;
}

.page_will .s_heir .b_percentage .tb_row:first-child .tb_cell {
    padding: 0.8rem 0;
}

.page_will .s_heir .b_percentage .tb_row .tb_cell.name {
    text-align: left;
}

.page_will .s_heir .b_percentage .tb_row .tb_cell.money {
    text-align: right;
}

.page_will .s_heir .b_percentage .tb_row:nth-child(n+1) .tb_cell.money {
    color: #000;
}

.page_will .s_heir .b_percentage .w_b_b .b_tit, .page_will .s_heir .b_percentage .w_b_b_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_will .s_heir .b_percentage .w_b_b .b_tit .b_b_sum {
    display: flex;
    align-items: end;
}

.page_will .s_heir .b_percentage .w_b_b .b_tit .b_b_sum span {
    margin-left: 0.5rem;
}

.page_will .s_heir .b_percentage .w_b_b_1 {
    margin-bottom: 1.5rem;
}

.page_will .s_heir .w_box .b_percentage .w_b_b_1 .b_tit {
    margin-bottom: 0;
}

.page_will .s_heir .b_percentage .w_b_b_1 .b_cont .btn {
    background: #feb52b;
    padding: 0.15rem 1rem;
    box-sizing: border-box;
    border-radius: 2rem;
    cursor: pointer;
}

.page_will .s_heir .w_box .w_b {
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 2rem 1.5rem;
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    border-radius: 1rem;
}

.page_will .s_heir .w_box .w_b:last-child {
    margin-bottom: 0;
}

.page_will .s_heir .w_box .w_b .b_tit {
    text-align: center;
}

.page_will .s_heir .w_box .b_cont .b_c_box {
    margin-bottom: 1rem;
}

.page_will .s_heir .w_box .b_cont .b_c_box:last-child {
    margin-bottom: 0rem;
}

.page_will .s_heir .w_box .b_cont .b_c_box .b_c_tit {
    margin-bottom: 1.5rem;
}

.page_will .s_heir .c_wrap.c_list_center .wrap.new_1 .c_tit_q {
    margin-bottom: 3rem;
}

.page_will .s_heir .w_question_tit {
    margin-bottom: 1rem;
}

.page_will .s_heir .w_question_tit .sub_tit {
    margin-top: 0.5rem;
}

.page_will .s_heir .wrap .b_etc .b_tit, .page_will .s_heir .main_tit_wrap {
    margin-bottom: 2.5rem;
}

.page_will .s_heir .main_tit_wrap {
    text-align: center;
}

.page_will .s_heir .main_tit_wrap .main_tit .m_tit_wrap {
    align-items: center;
    justify-content: center;
}


.page_will .s_heir .b_etc .b_tit .sub_tit, .page_will .s_heir .main_tit_wrap .sub_tit {
    margin-top: 0.5rem;
}

.page_will .s_heir .b_etc .w_c_add {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.page_will .s_heir .b_etc .w_c_add .c_tit {
    display: flex;
    align-items: baseline;
}

.page_will .s_heir .b_etc .w_c_add .c_tit span {
    margin-left: 0.5rem;
}

.page_will .s_heir .b_etc .coun_tit {
    display: flex;
    align-items: center;
}

.page_will .s_heir .b_etc .c_delete {
    margin-right: 1rem;
    width: 2.2rem;
    height: 2.2rem;
    background-size: 10px;
}

.page_will .s_heir .b_etc .c_subtitle {
    margin-left: 0;
}

.page_will .s_heir .b_etc .number_p_m_btn {
    padding: 0;
}

.page_will .s_heir .b_etc .w_num_conut .count_num {
    align-items: baseline;
}

.page_will .s_heir .b_etc .w_num_conut .number_p_m_btn .c_number {
    height: auto;
    border: none;
    text-align: center;
}

.page_will .s_heir .b_etc .na_elderly .c_number {
    margin: 0;
}

.page_will .s_heir .b_etc .na_disorder .bcbb_li li {
    flex-direction: column;
    width: 100%;
}

.page_will .s_heir .b_etc .na_disorder .bcbb_li .box_1 {
    width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.page_will .s_heir .b_etc .na_disorder .bcbb_li .box_2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.page_will .s_w_notice .wrap {
    flex-direction: column;
    width: 100%;
}

.wrap, .w_box {
    flex-direction: column;
    width: 100%;
}

.page_will .s_w_notice .w_box, .page_will .s_m_notice .w_box {
    width: 100%;
    margin-bottom: 3rem;
}

.page_will .w_tip {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.page_will .w_tip .icon_info {
    width: 60px;
    box-sizing: border-box;
    margin-right: 1.5rem;
}

.page_will .s_m_notice .w_tip .tit {
    word-break: keep-all;
}

.page_will .s_w_notice .w_info .tit_wrap, .page_will .s_m_notice .w_info .tit_wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.page_will .s_w_notice .w_info .tit_wrap .tit {
    margin-bottom: 0.5rem;
}


.page_will .s_w_notice .w_info .num_wrap li {
    padding-left: 3rem;
    margin-bottom: 2rem;
}

.page_will .s_w_notice .w_info .num_wrap li:last-child {
    margin-bottom: 0rem;
}


.page_will .s_w_notice .w_info {
    background-image: url(/Images/layout/box_will_bg_fee_intro.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    margin: 0 -2rem;
    padding: 0 2rem;
    padding-bottom: 3rem;
}

.page_will .s_w_notice .w_info .num_wrap li:before {
    font-size: 20px;
    font-weight: 400;
    top: -1px;
}

.page_will .s_w_notice .w_info .num_wrap li .subtit {
display: block;
    margin-top: 0.5rem;
}

.page_will .s_w_notice .w_info_tip {
    background: #e6e9f2;
    margin: 0 -2rem;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
}

.page_will .s_w_notice .w_info_tip .subtit {
    margin-top: 0.5rem;
    padding-left: 1.8rem;
}

.page_will .s_w_note .b_select .c_seletbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 1.2rem 1.5rem;
    border: 2px solid #e6e9f2;
    cursor: pointer;
}

.page_will .s_w_note .b_select .c_seletbox img {
    height: 0.8rem;
}

.page_will .s_w_note .b_select .c_seletbox.active {
    border: 1px solid #feb52b;
}

.page_will .s_w_note .c_agree_form .bundle_list {
    text-align: center;
}

.page_will .s_w_note .c_agree_form .bundle_list li {
    box-sizing: border-box;
    padding: 1.5rem 0;
    border-bottom: 2px solid #e6e9f2;
}

.page_will .s_w_note .c_agree_form .bundle_list li:last-child {
    border-bottom: 0;
}

.page_will .s_w_note .c_agree_form .a_wrap {
    padding: 1rem 2rem;
    box-shadow: -2px -2px 15px rgb(0 0 0 / 12%);
}

.page_will .s_w_notice .c_add_info .info, .page_will .s_m_notice .c_add_info .info {
    min-width: 5rem;
}

.page_will .s_m_notice .wrap .w_info .img {
    text-align: center;
}

.page_will .s_m_notice .wrap .w_info img {
    max-width: 500px;
    width: 100%;
}

.page_will .c_divide {
    width: 100%;
    height: 0.5rem;
    background: #ddd;
}

.page_will .p_will_personal .personal_list, .p_will_personal .personal_list {
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    border-radius: 1rem;
    padding: 1.5rem;
    box-sizing: border-box;
}

.page_will .p_will_personal .personal_list li p, .p_will_personal .personal_list li p {
    min-width: 10rem;
}

.page_will .p_will_personal .cont_title, .p_will_personal .cont_title {
    position: relative;
    padding-top: 4rem;
}

.page_will .p_will_personal .cont_title .c_title, .p_will_personal .cont_title .c_title {
    background: #f8f8f8;
    padding: 2rem;
}

.page_will .p_will_personal .cont_title .c_will_img, .p_will_personal .cont_title .c_will_img {
    height: 14rem;
    position: absolute;
    top: 0;
    right: 0;
}

.page_will .p_will_personal .cont_title .c_will_img img, .p_will_personal .cont_title .c_will_img img {
    height: inherit;
}

.page_will .p_will_personal .personal_list li, .p_will_personal .personal_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e1e6;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.page_will .p_will_personal .personal_list li:last-child, .p_will_personal .personal_list li:last-child {
    border-bottom: 0px;
    padding-bottom: 0;
}

.page_will .p_will_personal, .p_will_personal, .page_est_box .step.s_top_box {
    padding-top: 0;
}

.page_will .p_will_personal .c_top, .p_will_personal .c_top, .c_top_max {
    box-sizing: border-box;
    margin: -1.5rem -2rem 2rem;
    padding: 1.5rem 2rem 0rem;
    background-image: url(/Images/layout/box_will_result_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 305px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 305px;
}

.c_top_max.c_logo_txt {
    background: none;
    height: initial;
    min-height: initial;
    color: #000;
}

.c_top_max .tit_wrap {
    margin-bottom: 4rem;
}


.page_will .property_content .c_price_num .c_sub_title, .page_donation .property_content .c_price_num .c_sub_title {
    display: flex;
    align-items: center;
}

.page_will .property_content li.active .c_price_num .c_sub_title i.icon_question .c_icon_cont {
    display: block;
}

.page_will .property_content .c_price_num .c_sub_title i.icon_question {
    background: #cacaca;
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    cursor: pointer;
    margin-left: 0.5rem;
    margin-top: 2px;

}

.page_will .property_content .c_price_num .c_sub_title i.icon_question .c_icon_img {
    height: 1.3rem;
    position: absolute;
    top: 3px;
    left: 5px;
}

.page_will .property_content .c_price_num .c_sub_title i.icon_question .c_icon_cont {
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    left: -8px;
    background: #666666;
    color: #fff;
    width: 20rem;
    border-radius: 1rem;
    padding: 1rem;
    display: none;
}

.page_will .property_content .c_price_num .c_sub_title i.icon_question .c_icon_cont:before {
    content: "";
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #666666;
    top: -7px;
    left: 11px;
}

.page_will .popup_will .list_wrap p.c_text {
    margin-bottom: 1rem;
}


.page_will.p_result .step_issuance .search_wrap .c_title {
    margin-top: 0;
    margin-bottom: 2rem;
}

.page_will .step_calculation .c_top_max {
    background-image: url(/Images/layout/box_will_bg_fee.jpg);
    color: #000;
    justify-content: flex-start;
    padding-bottom: 2rem;
    min-height: auto;
    height: auto;
}

.page_will .step_calculation .c_top_max .tit_wrap {
    text-align: center;
    margin-bottom: 1.5rem;
    margin-top: 5rem;
}

.page_will .step_calculation .c_top_max .tit_wrap {
    text-align: center;
    margin-bottom: 1.5rem;
    margin-top: 5rem;
}

.page_will .step_calculation .c_top_max .cont .sum {
    width: 100%;
    border: 2px solid #000;
    background: #fff;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.page_will .step_calculation .c_top_max .cont .wedding_check {
    max-width: 500px;
}

.page_will .step_calculation .c_top_max .cont .sum input {
    background: #fff;
    text-align: right;
    width: calc(100% - 3.3rem);
    color: #000;
    padding-right: 1rem;
}

.page_will .step_calculation .c_top_max .cont .sum span {
    display: block;
    width: 3.3rem;
    text-align: right;
}

.page_will .step_calculation .c_top_max .cont .wedding_check .check {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.page_will .step_calculation .c_top_max .cont .wedding_check i {
    content: '';
    display: block;
    background-image: url(/Images/layout/box_will_check.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    width: 2.2rem;
    height: 2.2rem;
}

.page_will .step_calculation .c_top_max .cont .wedding_check .check.active i {
    background-image: url(/Images/layout/box_will_checked.png);
}

.page_will .step_calculation .c_top_max .cont .wedding_check p {
    padding-left: 1rem;
}

.page_will .step_calculation .list_wrap li .cont .text_bundle .c_text p:last-child, .page_share_preview .s_a_view .list_wrap li .cont .text_bundle .c_text p:last-child {
    color: #000;
}

.page_will .step_calculation .list_wrap li .c_text .icon, .page_share_preview .s_a_view .co_herit .list_wrap li .c_text .icon {
    display: flex;
    align-items: center;
}

.page_will .step_calculation .list_wrap li .c_text .icon i, .page_share_preview .s_a_view .co_herit .list_wrap li .c_text .icon i {
    content: '';
    display: block;
    background-image: url(/Images/layout/box_will_plus.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.page_will .step_calculation .list_wrap li .c_text .icon.minus i, .page_share_preview .s_a_view .co_herit .list_wrap li .c_text .icon.minus i {
    background-image: url(/Images/layout/box_will_minus.png);
}

.page_will .step_calculation .list_wrap .box_list, .page_share_preview .s_a_view .co_herit .list_wrap .box_list {
    margin-bottom: 4rem;
}

.page_will .step_calculation .b_l_2 .c_sum_number, .page_share_preview .s_a_view .co_herit .b_l_2 .c_sum_number {
    flex-direction: column;
}

.page_will .step_calculation .b_l_2 .c_sum_number .c_s_n_wrap, .page_share_preview .s_a_view .co_herit .c_sum_number .c_s_n_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.page_will .step_calculation .b_l_2 .c_sum_number .add_explain, .page_share_preview .s_a_view .co_herit .c_sum_number .add_explain {
    display: block;
    margin: 0;
    background-color: rgb(221, 221, 221);
    border: none;
    padding: 1rem;
    width: 100%;
    margin-top: 1rem;
    box-sizing: border-box;
}

.page_will .step_calculation.style_1 .list_wrap.list_p_dual li {
    /*margin-bottom: 2rem;*/
}

.page_will .step_calculation .b_explain .b_e_box, .page_share_preview .s_a_view .co_herit .b_explain .b_e_box {
    margin-bottom: 3rem;
}

.page_will .step_calculation .b_explain .b_e_box .tit, .page_share_preview .s_a_view .co_herit .b_explain .b_e_box .tit {
    margin-bottom: 1rem;
}

.page_will .step_calculation .b_explain .b_e_box .img, .page_share_preview .s_a_view .co_herit .b_explain .b_e_box .img {
    margin-bottom: 1rem;
}

.page_will .step_calculation .b_explain .b_e_box .img img, .page_share_preview .s_a_view .co_herit .b_explain .b_e_box .img img {
    height: auto;
    width: 100%;
    max-width: 500px;
}

.page_will .s_kind .c_top_max {
    background-image: url(/Images/layout/box_will_bg_service.jpg);
}

.page_will .s_w_notice .c_top_max {
    background-image: url(/Images/layout/box_will_bg_paper.jpg);
    color: #000;
}

.page_will .s_m_notice .c_top_max {
    background-image: url(/Images/layout/box_will_bg_paper_inherit.jpg);
    color: #000;
}

.page_will .s_money_list .w_cont .w_box {
    margin-bottom: 4rem;
}

.page_will .s_money_list .w_cont .w_box:last-child {
    margin-bottom: 0rem;
}

.page_will .s_money_list .w_cont, .page_will .s_money_list .w_cont .main_tit_wrap, .page_will .s_money_list .w_cont .main_tit, .w_b.b_money_list .main_tit {
    width: 100%;
}

.page_will .s_money_list .w_cont .main_tit, .w_b.b_money_list .main_tit  {
    margin-bottom: 1rem;
}

.page_will .s_money_list .w_cont .sub_tit, .w_b.b_money_list .sub_tit {
    margin-bottom: 1rem;
}

.page_will .s_money_list .main_tit .m_tit_wrap, .page_will .w_question_tit .m_tit_wrap, .page_will .s_heir .main_tit .m_tit_wrap, 
.w_b.b_money_list .main_tit .m_tit_wrap, .page_share_preview .s_a_view .w_question_tit .main_tit .m_tit_wrap {
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.page_will .s_money_list .main_tit .m_tit_wrap .c_tit, .page_will .w_question_tit .main_tit .m_tit_wrap .c_tit, .page_will .s_heir .main_tit .m_tit_wrap .c_tit,
.w_b.b_money_list .main_tit .m_tit_wrap .c_tit, .page_share_preview .s_a_view .w_question_tit .main_tit .m_tit_wrap .c_tit {
    margin-right: 1.5rem;
}

.page_will .s_money_list .main_tit .add_explain, .page_will .w_question_tit .main_tit .add_explain, .page_will .s_heir .main_tit .add_explain, .w_b.b_money_list .main_tit .add_explain {
    border: 0;
    background: #e6e9f2;
    text-align: left;
    padding: 0.5rem 0.8rem;
    margin: 0;
    margin-top: 0.5rem;
}

.page_will .s_money_list .w_box .c_b_line .c_count, .page_will .w_box .c_b_line .c_count, .w_b.b_money_list .c_b_line .c_count {
    display: flex;
    align-items: center;
}

.page_will .s_money_list .w_box .c_b_line .c_count .big_count, .page_will .w_box .c_b_line .c_count .big_count, .w_b.b_money_list .c_b_line .c_count .big_count {
    width: 7.5rem;
    text-align: right;
}

.page_will .s_money_list .w_box .c_b_line input, .page_will .w_box .c_b_line input {
    width: 60%;
    text-align: right;
}

.page_will .s_money_list .w_box .c_b_line input::placeholder, .page_will .w_box .c_b_line input::placeholder {
    font-size: 22px;
}

.page_will .s_money_list .w_c_add, .page_will .s_heir .w_c_add {
    width: 100%;
    margin-top: 5rem;
}

.page_will .s_money_list .w_c_add li, .page_will .s_heir .w_c_add li {
    display: flex;
    justify-content: space-between;
}

.page_will .s_money_list .w_c_add .c_plus i, .page_will .s_heir .w_c_add .c_plus i {
    margin-right: 0.5rem;
}

/* 유언장 결과 페이지 */
.page_will .step_calculation.s_cal_paper .c_top_max {
    background-image: url(/Images/layout/box_will_page_bg.png);
    background-position: bottom;
}

.page_will .s_cal_paper .c_list_n.ls_1 li .c_title .date {
    margin-top: 0.5rem;
}

.page_will .s_cal_paper .c_list_n {
    position: relative;
    overflow: visible;
    padding: 0;
}

.page_will .s_cal_paper .c_list_n.active {
    margin-bottom: 6rem;
}

.page_will .s_cal_paper .c_list_n.active .btn_bundle {
    display: flex;
}

.page_will .s_cal_paper .c_list_n ul {
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    height: auto;
    text-align: left;
    padding: 1.5rem;
    overflow: visible;
    border-radius: 1rem;
    position: relative;
    z-index: 1;
    display: block;
    background: #fff;
    cursor: pointer;
}

.page_will .s_cal_paper .c_list_n .btn_bundle {
    overflow: hidden;
    box-sizing: border-box;
    background: #ddd;
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -43px;
    border-radius: 0 0 1rem 1rem;
    left: 0;
    display: none;
}

.page_will .s_cal_paper .c_list_n .btn_bundle a {
    box-sizing: border-box;
    text-align: center;
    padding: 2rem 0 1rem;
    width: 50%;
    background-color: #adaeb2;
    color: #fff;
}

.page_will .s_cal_paper .c_list_n .btn_bundle .btn_past {
    background-color: #e6e9f2;
    color: #000;
}

.page_will .s_cal_paper .c_list_n.ls_1 li {
    padding-bottom: 0;
}

.page_will .s_w_past .c_list_n.ls_1 .c_name .c_button {
    justify-content: flex-end;
    width: 7rem;
}

.page_will .s_w_past .c_list_n.ls_1 .c_name .c_title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.page_will .s_w_past .c_list_n.ls_1 .c_name .c_name_custom {
    text-align: left;
    width: calc(100% - 8rem);
    transform: initial;
    position: static;
}

.page_will .s_w_past .c_list_n.ls_1 .c_name {
    padding-bottom: 0;
}

.page_will .s_cal_paper .c_list_n.ls_1 .c_name .cont .c_title {
    display: flex;
    align-items: center;
}

.page_will .s_cal_paper .c_list_n.ls_1 .c_name .c_name_custom {
    text-align: left;
    transform: initial;
    position: static;
    width: 100%;
}

.page_will .s_cal_paper .c_list_n.ls_1 .c_name .c_button {
    justify-content: flex-end;
    width: 36px;
}

.page_will .s_cal_paper .c_list_n.list_add {
    height: 5rem;
    min-height: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
}

.page_will .s_cal_paper .c_list_n.list_add i {
    margin-right: 1.5rem;
    display: flex;
    background-color: #e6e9f2;
}






/*-------------------------------------------------
           page_est_box   p_page_pet
---------------------------------------------------*/
.page_pet .step_calculation .list_wrap .c_sum {
    flex: 2;
}

.page_pet .step_calculation .list_wrap .c_sum a {
    justify-content: flex-end;
}

.step_pet_confirm span.color {
    color: #b8862e;
}

.step_pet_confirm img {
    width: 100%;
}

.page_pet.p_result .c_name .c_name_custom, .c_list_n.ls_1 .c_name .c_name_custom {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_pet .step_pet_confirm .contents ul {
    display: flex;
    flex-direction: column;
}

.page_pet .step_pet_confirm .contents ul li {
    display: flex;
    align-items: center;
}

.page_pet .step_pet_confirm .contents ul li span {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    box-sizing: border-box;
}

.page_pet .step_calculation .list_wrap.list_p_dual .c_name .cont .c_title, .c_list_n.ls_1 .c_name .cont .c_title, .page_share_preview .s_a_view .co_pet .c_list_n.ls_1 .c_name .cont .c_title {
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.page_pet .step_calculation .list_wrap .c_name .c_button, .c_list_n.ls_1 .c_name .c_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    cursor: default;
}

.page_share_preview .c_list_n.ls_1 .c_name .c_button {
    justify-content: flex-end;
    position: absolute;
}

.page_pet .step_calculation .list_wrap .c_name .c_change, .c_list_n.ls_1 .c_name .c_change {
    background-color: #e6e9f2;
    border-radius: 2rem;
    padding: 0.3rem 0;
    width: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_pet .step_calculation .list_wrap .c_name .c_change i, .c_list_n.ls_1 .c_name .c_change i { 
    display: none;
}

.page_pet .step_calculation .list_wrap .c_name .c_delete, .c_list_n.ls_1 .c_name .c_delete {
    display: flex;
    width: 36px;
}

.page_pet .step_calculation .list_wrap .c_name .c_delete i, .c_list_n.ls_1 .c_name .c_delete i {
    min-width: inherit;
}

.page_pet .step_calculation .list_wrap .c_name .c_name_custom, .c_list_n.ls_1 .c_name .c_name_custom {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -3px;
    width: calc(100% - 14rem);
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page_share_preview .c_list_n.ls_1 .c_name .c_name_custom {
    text-align: center;
    width: 100%;
    position: static;
    transform: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page_pet .step_calculation .list_wrap .c_name .c_name_custom p, .c_list_n.ls_1 .c_name .c_name_custom p {
    flex: none;
}

.page_pet .s_disease .list_wrap .li_noraml, .input_textbox {
    box-shadow: none;
    border-bottom: 1px solid #e6e9f2;
    border-radius: 0;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    margin-top: 2rem;
    height: 5rem;
}

.cu_txt_line .input_textbox {
    border-bottom: 2px solid #e6e9f2;
}

.input_textbox.active {
    /*border-bottom: 1px solid #feb52b;*/
    border-color: #feb52b;
}

.cu_info_phone .input_number.active input {
    /*border-bottom: 2px solid #feb52b;*/
    border-color: #feb52b;
}

.page_pet .s_disease .list_wrap .li_noraml input, .input_textbox input {
    width: 100%;
}

.input_textbox input {
    height: inherit;
}

.page_pet .s_disease input::placeholder, .input_textbox input::placeholder, .cu_info_phone input::placeholder {
    font-size: 1.5rem;
}

/*-------------------------------------------------
           page_est_box   page_box
---------------------------------------------------*/
.page_est_box.page_box .step_intro .sec_cont, .page_est_box.page_pet .step_intro .sec_cont, .page_est_box.page_digital .step_intro .sec_cont, .page_untact_funeral .step_intro .sec_cont {
    background-image: none;
    background-color: #ffffff;
    max-height: none;
    height: auto;
}

.page_box .step_calculation .list_wrap .c_sum {
    flex: 2;
}

.page_box .s_ask_sevice .c_count_n {
    width: 86%;
    position: relative;
    left: 50%;
    margin-left: -42.5%;
}

.page_box .s_ask_sevice .list_wrap li {
    position: relative;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    border-bottom: 1px solid #e6e9f2;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.page_box .s_ask_sevice .list_wrap li:last-child {
    margin-bottom: 0rem;
}

.page_box .list_wrap .c_info {
    margin-bottom: 2rem;
    text-align: left;
}

.page_box .s_ask_sevice .wrap.new_1 .c_tit_q {
    margin-bottom: 3rem;
}

.page_box .s_ask_sevice .list_wrap.c_style_2 li .c_title {
    padding-right: 2rem;
    text-align: left;
    margin-bottom: 0.5rem;
}

.page_box .s_ask_sevice .list_wrap.c_style_2 li .c_number {
    position: absolute;
    right: 9px;
    top: 16px;
    background: #eaebf0;
    box-sizing: border-box;
    border-radius: 50%;
    line-height: 1;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.page_box .s_kind .c_top_max {
    background-image: url(/Images/layout/box_arrangement_top_bg.png);
    color: #000;
}


.page_box .s_ask_etc .wrap .w_box, .page_will .s_heir .wrap .w_box {
    width: 100%;
}

.page_box .s_ask_etc .wrap .w_box .b_tit, .page_will .wrap .w_box .b_tit, .page_donation .w_box .b_tit {
    margin-bottom: 1rem;
}

.page_box .s_ask_etc .wrap .w_box .b_tit .info, .page_will .s_heir .wrap .w_box .b_tit .info {
    margin-bottom: 0.5rem;
}

.page_box .s_ask_etc .wrap .w_box .w_b, .page_will .wrap .w_box .w_b, .page_donation .w_box .w_b  {
    margin-bottom: 4rem;
}

.page_will .wrap .w_box .w_b:last-child, .page_donation .w_box .w_b:last-child {
    margin-bottom: 0rem;
}


.page_box .s_ask_etc .wrap .w_box .b_request .input_textbox, .page_donation .w_box .input_textbox, .cu_txt_line .input_textbox {
    margin-top: 0;
    height: 3.5rem;
}

.page_box .check_wrap .tb_cell, .page_will .s_heir .check_wrap .tb_cell, .page_est_main .sec_check .tb_cell,
.page_donation .s_inherit .tb_cell, .c_box_check_custom .tb_cell {
    box-sizing: border-box;
    padding: 1.3rem;
    border: 1px solid #e6e9f2;
    width: 50%;
    position: relative;
    cursor: pointer;
}

.page_box .check_wrap .tb_cell:after, .page_will .s_heir .check_wrap .tb_cell:after, .page_est_main .sec_check .tb_cell:after, 
.page_donation .s_inherit .tb_cell:after, .c_box_check_custom .tb_cell:after {
    content: '';
    border: 1px solid transparent;
    width: 100%;
    height: 99%;
    position: absolute;
    right: 0;
    top: -1px;
}

.page_box .check_wrap .tb_cell.active:after, .page_will .s_heir .check_wrap .tb_cell.active:after, .page_est_main .sec_check .tb_cell.active:after,
.page_donation .s_inherit .tb_cell.active:after, .c_box_check_custom .tb_cell.active:after {
    border: 1px solid #feb52b;
}

.page_box .check_wrap .tb_cell label, .page_will .s_heir .check_wrap .tb_cell label {
    width: 100%;
}

.page_box .s_d_choice .w_list li {
    padding: 2rem;
    height: 100%;
    align-items: stretch;
    cursor: pointer;
}

.page_box .s_d_choice .w_list li .tit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    width: 45%;
    text-align: left;
}

.page_box .s_d_choice .w_list li .list {
    text-align: left;
    width: 55%;
}

.page_box .s_d_result.step_calculation.style_1 .list_wrap.list_p_dual li {
    margin-bottom: 0;
    min-height: auto;
}

.page_box .s_d_result.step_calculation.style_1 .list_wrap.list_p_dual .cont .c_title {
    /*margin-bottom: 0;*/
}

.page_box .s_d_result.step_calculation.style_1 .list_wrap.list_p_dual .cont.etc .c_title {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}

.page_box .s_d_result .list_wrap ul {
    margin-bottom: 4rem;
}

.page_box .s_d_result .c_info_add {
    margin-top: 1.5rem;
}


/*-------------------------------------------------
        page_est_box   page_pet
---------------------------------------------------*/
.page_pet .step_intro .text_wrap img, .page_digital .step_intro .text_wrap img {
    margin: 0 -2.5rem;
    width: calc(100% + 5rem);
}

/*-------------------------------------------------
           page_est_box   page_info_setting
---------------------------------------------------*/
.page_info_setting .p_setting_start .bundle_title {
    text-align: center;
}

.page_info_setting .step_address .wrap.new_1 .sec {
    width: 100%;
}

.page_info_setting .step_address .c_wrap.c_list_center .wrap.new_1 .c_tit_q {
    margin-bottom: 3rem;
}

.page_info_setting .step_address .c_info_box {
    margin-top: 2rem;
    width: 100%;
}

.page_info_setting .step_address .c_info_box li:nth-child(2n) {
    margin-bottom: 1.5rem;
}

.page_info_setting .step_address .c_info_box li:last-child {
    margin-bottom: 0rem;
}

.page_info_setting .step_address .input_wrap input[type=text] {
    height: 5rem;
}

.page_info_setting .step_address input::placeholder {
    font-size: 1.4rem;
}

.page_info_setting .step_address .c_wrap.c_list_center .wrap.new_1 {
    padding: 2rem 0;
    justify-content: flex-start;
}

.page_info_setting .step_address .c_address_list {
    width: 100%;
}

.page_info_setting .step_address .c_address_list ul:first-child {
    padding-top: 0;
}

.page_info_setting .s_address_detail .wrap.new_1 .input_wrap {
    width: 100%;
}

.page_info_setting .s_m_parent .tit_wrap {
    color: #000;
}

.page_info_setting .s_m_parent .c_top_max {
    background-image: url(/Images/layout/choice_bg.jpg);
}

.page_info_setting .s_kind .list_wrap.list_vertical ul.list_sum_2 li {
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}


/*-------------------------------------------------
                .page_insur_main
---------------------------------------------------*/
.page_insur_main .c_sec {
    margin-bottom: 4rem;
}

.page_insur_main .c_sec:last-child {
    margin-bottom: 0;
}

.page_insur_main .box_banner.banner_info {
    margin-top: -1.5rem;
    margin-right: -2rem;
    margin-left: -2rem;
    color: #fff;
}

.page_insur_main .box_banner .swiper {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
}

.page_insur_main .box_banner.banner_video .swiper {
    overflow-y: auto;
}


.page_insur_main .box_banner.banner_info .swiper {
    /*height: 300px;*/
}

.page_insur_main .box_banner.banner_info .text_wrap {
    padding: 5rem 3rem;
}

.page_insur_main .box_banner.banner_info .text_wrap .c_title, .page_insur_main .box_banner.banner_info .text_wrap .c_text {
    word-break: keep-all;
}

.page_insur_main .box_banner .swiper-slide {
    text-align: left;
    background: #fff;
}

.page_insur_main .box_banner.banner_info .swiper-slide img {
    height: auto;
    width: 100%;
}

.page_insur_main .box_banner.banner_info .swiper-slide {
    /*background-image: url(/Images/layout/banner_Insur_1.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

/*.page_insur_main .box_banner.banner_info .swiper-slide:nth-child(2) {
    background-image: url(/Images/layout/banner_Insur_2.jpg);
}

.page_insur_main .box_banner.banner_info .swiper-slide:nth-child(3) {
    background-image: url(/Images/layout/banner_Insur_3.jpg);
}

.page_insur_main .box_banner.banner_info .swiper-slide:nth-child(4) {
    background-image: url(/Images/layout/banner_Insur_4.jpg);
}*/

.page_insur_main .box_banner.banner_info .swiper-pagination {
    box-sizing: border-box;
    bottom: -37px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    border-radius: 16px;
    padding: 2px 13px;
    z-index: 1;
}

.page_insur_main .box_banner.banner_info .swiper-pagination-bullet {
    background: #c8d3de;
    opacity: 1;
}

.page_insur_main .box_banner.banner_info .swiper-pagination-bullet-active {
    opacity: 1;
    background: #feb52b;
}


.page_insur_main .box_banner.banner_video .text_wrap .c_title {
    margin-bottom: 1rem;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 1.4rem;
    padding: 0.2rem 1rem;
}

.page_insur_main .c_sec.banner_video {
    background: #f0f0f0;
    margin: 0 -2rem 2rem;
    padding: 2rem 2rem 0.5rem;
}

.page_insur_main .box_banner.banner_video .c_silder {
    display: flex;
}

.page_insur_main .box_banner.banner_video .c_silder_wrap {
    box-sizing: border-box;
    display: flex;
    overflow-y: auto;
    margin: 0 -2rem;
    padding: 0 2rem;
    padding-bottom: 2rem;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.page_insur_main .box_banner.banner_video .c_silder_wrap::-webkit-scrollbar {
    display: none;
}


.page_insur_main .box_banner.banner_video .text_wrap {
    padding: 1.5rem;
    min-height: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
}

.page_insur_main .box_banner.banner_video .slide {
    box-sizing: border-box;
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 4px 2px;
    overflow: hidden;
    border-radius: 1rem;
    margin-right: 1.5rem;
    min-width: 230px;
    width: 230px;
    cursor: pointer;
}

.page_insur_main .box_banner.banner_video .slide:last-child {
    margin-right: 0;
}

.page_insur_main .box_banner.banner_video .slide .img {
    height: 14.8rem;
    overflow: hidden;
    position: relative;
}

.page_insur_main .box_banner.banner_video .slide .img img {
    width: 100%;
    height: auto;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.page_insur_main .box_banner.banner_video .text_wrap .c_text {
    line-height: 1.4;
    /*margin-bottom: 1rem;*/
}

.page_insur_main .box_banner.banner_video .c_time, .page_in_video .c_list .c_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    background: #000;
    padding: 0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


.page_insur_main .sec_1 .c_title {
    font-size: 3.3rem;
}

.page_insur_main .top_header {
    padding: 1rem 2rem;
}

.page_insur_main .top_header .logo {
    height: 4.6rem;
}

.page_insur_main .sec_1 {
    background-repeat: no-repeat;
    background-image: url(/Images/layout/layout_1_bg.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 6rem 2rem 10rem;
}

.page_insur_main .c_btn {
    width: fit-content;
    border: 1px solid #fff;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
}

.page_insur_main .sec_2 .c_btn {
    width: 100%;
    justify-content: center;
    border: 1px solid #000;
    height: 50px;
    box-sizing: border-box;
}

.page_insur_main .sec_2 {
    background: #fff;
    box-sizing: border-box;
    position: relative;
    top: -40px;
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid #b7b7b7;
    text-align: center;
    width: 90%;
    margin: auto auto -1rem;
}

.page_insur_main .sec_2 .c_icon {
    height: 5rem;
}

.page_insur_main .confirm.ending .c_title {
    color: #fff;
    background: #000;
    border-radius: 0;
    padding: 0.5rem;
}

.page_insur_main .confirm .c_title {
    background: #ddd;
    border-radius: 1rem;
    padding: 1.5rem;
}

.page_insur_main .list_story .c_list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_insur_main .list_story .c_list a .c_img {
    box-sizing: border-box;
    overflow: hidden;
    height: 10rem;
    width: 10rem;
    border: 1px solid #cacaca;
    border-radius: 1rem;
}

.page_insur_main .list_story .c_list a .c_text_bundle {
    width: calc(95% - 10rem);
}

.page_insur_main .c_more {
    cursor: pointer;
}

/*-------------------------------------------------
                .page_in_video
---------------------------------------------------*/

.page_insur_main.page_in_video .c_title {
    margin-bottom: 0;
}

.page_insur_main.page_in_video .c_cont .c_title, .page_insur_main.page_in_video .c_list .c_title {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 2rem;
    padding: 0.2rem 1rem;
}

.page_insur_main.page_in_video .c_list .c_title {
    padding: 0rem 1rem;
}

.page_in_video .s_v_list .c_cont .b_video, .page_in_video .s_v_list .c_list {
    margin: 0 -2rem;
    width: calc(100% + 4rem);
}

.page_in_video .s_v_list .c_cont .text_wrap {
    padding: 1.5rem 0;
}

.page_in_video .s_v_list .c_cont .c_title {
    margin-bottom: 0.3rem;
}

.page_in_video .s_v_list .c_cont .c_text {
    margin-bottom: 0.5rem;
}

.page_in_video .s_v_list .c_list li {
    cursor: pointer;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    box-sizing: border-box;
    padding: 0.5rem;
    border-top: 3px solid #e6e9f2;
}

.page_in_video .s_v_list .c_list li:last-child {
    border-bottom: 3px solid #e6e9f2;
}


.page_in_video .s_v_list .c_list .img {
    box-sizing: border-box;
    overflow: hidden;
    height: 9.5rem;
    width: 17rem;
    min-width: 17rem;
    position: relative;
}

.page_in_video .s_v_list .c_list .img img {
    width: 100%;
    height: auto;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.page_in_video .s_v_list .c_list .text_wrap {
    margin-left: 1.5rem;
}








/*-------------------------------------------------
              page_member .page_myinfo
---------------------------------------------------*/
.page_member.page_myinfo input::placeholder {
    font-size: unset;
}

.page_member.page_myinfo input, .cu_info_phone .input_number input {
    box-sizing: border-box;
    height: 4rem;
    border-bottom: 2px solid #e6e9f2;
    text-align: left;
    width: 100%;
    /*padding: 0 1rem;*/
}

.page_myinfo .phone input, .cu_info_phone .input_number input {
    text-align: center;
}

.page_myinfo .phone .input_wrap.input_number, .cu_info_phone .input_number {
    align-items: center;
}

.page_myinfo .phone .input_wrap.input_number span, .cu_info_phone .input_number span {
    padding: 0;
    margin: 0 1rem;
}

.page_myinfo .birthday .input_wrap.private_number {
    justify-content: flex-start;
    align-items: center;
}

.page_myinfo .birthday .input_wrap input {
    text-align: center;
}

.page_myinfo .birthday .input_wrap .i_1 {
    width: 10rem;
}

.page_myinfo .birthday .input_wrap .s_1 {
    padding: 0;
    margin: 0 1rem;
}

.page_myinfo .birthday .input_wrap .back_number {
    width: 50%;
    display: flex;
    align-items: center;
}

.page_myinfo .birthday .input_wrap .s_2 {
    margin-top: 0.7rem;
    font-size: 1.6rem;
}




.page_member.page_myinfo input[type=password] {
    letter-spacing: 0.5rem;
}


.page_member.page_myinfo input.no_change {
    color: gray;
    background: #f7f7f7;
    cursor: no-drop;
}


.page_member.page_myinfo .member_out {
    text-align: center;
    text-decoration: underline;
}

/*-------------------------------------------------
           page_est_box   page_digital
---------------------------------------------------*/
.page_digital .step_digital_list .list_wrap.list_p_dual li .img {
    background-image: url(/Images/layout/digital_01.jpg);
}

.page_digital .step_digital_list .list_wrap.list_p_dual li:nth-child(2) .img {
    background-image: url(/Images/layout/digital_02.jpg);
}

.page_digital .step_digital_list .list_wrap.list_p_dual li:nth-child(3) .img {
    background-image: url(/Images/layout/digital_03.jpg);
}

.page_digital .step_calculation .list_wrap .c_textbox textarea {
    border: 0;
    min-height: 100px;
}

/*-------------------------------------------------
           page_est_box   page_untact_funeral
---------------------------------------------------*/
.page_untact_funeral .step_intro .sec_cont, .page_untact_funeral .step_intro .c_sec {
    padding: 2rem;
}

/*-------------------------------------------------
           page_est_box   p - page_donation
---------------------------------------------------*/

.page_donation .property_content .c_price_num .c_sub_title {
    width: 8rem;
    min-width: 8rem;
}

.page_donation .property_content .line_number .c_p_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 0;
    width: calc(100% - 3rem);
}

.page_donation .property_content .line_number .c_p_wrap .c_won {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.page_donation .property_content .line_number .c_p_wrap .c_won .c_unit {
    width: 3rem;
}

.page_donation .property_content .line_number .c_p_wrap .big_count {
    width: 6rem;
    min-width: 6rem;
    text-align: right;
}

.page_donation .step_d_content .c_subtitle {
    margin-bottom: 2rem;
}

.page_donation .step_d_content .property_content .line_number .c_p_wrap input {
    border-bottom: 0;
    margin-right: 1rem;
    height: auto;
    width: calc(100% - 3rem);
    text-align: right;
}

.page_donation .step_d_content .w_box .box_cont ul {
    display: flex;
    flex-wrap: wrap;
}

.page_donation .step_d_content .c_process_img .box_cont ul, .page_donation .step_d_content.s_organ .organ_form ul  {
    display: flex;
    flex-wrap: wrap;
}

.page_donation .step_d_content .c_process_img .box_cont li:nth-child(3n), .page_donation .step_d_content.s_organ .organ_form li:nth-child(2n) {
    margin-right: 0rem;
}

.page_donation .property_content .line_number ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_donation .property_content .line_number .c_price_num {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e6e9f2;
    padding: 0 1rem 0.5rem;
    margin-bottom: 3rem;
    width: 100%;
}

.page_donation .property_content .line_number .c_price_num:last-child {
    margin-bottom: 0;
}

.page_donation .property_content .line_number .c_price_num .c_line {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.page_donation .property_content .line_number .c_price_num .c_million {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.s_kind .c_wrap.c_list_center .wrap {
    align-items: flex-start;
    padding-top: 2rem;
}

.s_kind .list_wrap.list_vertical ul.list_sum_2 li {
    height: 11rem;
    display: flex;
    flex-direction: column;
}

.s_kind .list_wrap.list_vertical ul.list_sum_2 li img {
    height: 3rem;
    margin-bottom: 0.5rem;
}


.s_kind .c_top_max {
    background-image: url(/Images/layout/box_donation_top_bg.png);
    color: #000;
    margin-bottom: 3rem;
}

.s_kind .wrap .list_wrap li {
    position: relative;
}

.s_kind .wrap .list_wrap .ch_complete {
    position: absolute;
    top: -14px;
    background-color: #feb52b;
    box-sizing: border-box;
    padding: 0 1rem;
    border-radius: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    display: none;
}

.s_kind .wrap .list_wrap .ch_complete.active {
    display: flex;
}


.page_donation .s_inherit .c_top_max {
    background-image: url(/Images/layout/box_donation_top_bg_1.png);
    color: #000;
    margin-bottom: 0;
}

.page_donation .s_organ .c_top_max {
    background-image: url(/Images/layout/box_donation_top_bg_2.png);
    color: #000;
    margin-bottom: 0;
}

.c_top_max .tit_wrap .s_tit {
    margin-top: 1.5rem;
}

.page_donation .s_inherit, .page_donation .s_organ {
    max-width: 600px;
    margin: 0 auto;
}


.page_donation .s_inherit .c_wrap.c_list_center .wrap.new_1 {
    padding: 0;
}

.page_donation .wrap.new_1 .c_process_img {
    margin: 0 -2rem;
    width: calc(100% + 4rem);
}

.page_donation .wrap.new_1 img {
    width: 100%;
}

.page_donation .s_inherit .wrap .w_box.property_content, .page_donation .s_organ .wrap .w_box.property_content {
    margin: 5rem 0;
}

.page_donation .s_inherit .c_wrap.c_list_center .wrap.new_1 .c_tit_q {
    margin-bottom: 3rem;
}

.page_donation .s_organ .organ_form {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.page_donation .s_organ .organ_form .tit {
    margin-bottom: 2rem
}

.page_donation .s_organ .organ_form .tit img {
    width: 90%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.page_donation .s_inherit .tb_cell {
    width: calc(100% / 3);
    padding: 1rem;
}

.page_donation .s_inherit .b_price .c_price_num {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e6e9f2;
    padding: 0 0 0.5rem;
    margin-bottom: 3rem;
    width: 100%;
    box-sizing: border-box;
}

.page_donation .s_inherit .b_price .c_price_num .c_line {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
}

.page_donation .s_inherit .b_price .c_price_num .c_line .c_p_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 0;
}

.page_donation .s_inherit .b_price .c_price_num .c_line .c_p_wrap .c_won {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: calc(100% - 8rem);
}

.page_donation .s_inherit .b_price .c_price_num .c_line .c_p_wrap .c_won input {
    border-bottom: 0;
    margin-right: 1rem;
    height: auto;
    width: 100%;
    text-align: right;
}

.page_donation .s_inherit .b_price .c_price_num .c_line .c_p_wrap .c_won .c_unit {
    width: 3rem;
    min-width: 3rem;
}

.page_donation .s_inherit .b_price .c_price_num .c_line .c_p_wrap .big_count {
    width: 7.5rem;
    min-width: 7.5rem;
    text-align: right;
}

.w_b.b_checkbtn .c_check_custom .chiller_cb {
    margin-bottom: 0.5rem;
}

/*결과페이지*/
.page_donation .step_calculation .w_img, .page_share_preview .s_a_view .co_donation .w_img {
    height: 2rem;
    margin-bottom: 3.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_donation .step_calculation .w_img.wing_1, .page_share_preview .s_a_view .co_donation .w_img.wing_1 {
    margin-bottom: 3.5rem;
}

.page_donation .step_calculation .w_img.wing_2, .page_share_preview .s_a_view .co_donation .w_img.wing_2 {
    margin-top: 3.5rem;
}

.page_donation .step_calculation .cont_text .t_w, .page_share_preview .s_a_view .co_donation .cont_text .t_w {
    margin-bottom: 2rem;
}

.page_donation .step_calculation .cont_text .t_w:last-child, .page_share_preview .s_a_view .co_donation .cont_text .t_w:last-child {
    margin-bottom: 0;
}

.page_donation .step_calculation .cont_text .tit, .page_share_preview .s_a_view .co_donation .cont_text .tit {
    text-align: center;
    margin-bottom: 3rem;
}

.page_donation .step_calculation .cont_text .date, .page_share_preview .s_a_view .co_donation .cont_text .date {
    text-align: right;
    margin-top: 3rem;
}

.page_donation .step_calculation .cont_text .txt_wrap span, .page_share_preview .s_a_view .co_donation .cont_text .txt_wrap span {
    position: relative;
    top: -3px;
}

.page_donation .step_calculation .txt_wrap .tw_2 span, .page_share_preview .s_a_view .co_donation .txt_wrap .tw_2 span {
    top: -2px;
}

.page_donation .step_calculation .txt_wrap .number_symbol li, .page_share_preview .s_a_view .co_donation .txt_wrap .number_symbol li {
    padding-left: 3rem;
    margin-bottom: 0.5rem;
}

.page_donation .step_calculation .txt_wrap .number_symbol li:last-child {
    margin-bottom: 0;
}

.number_symbol.ns_bg li:first-child:before {
    content: "1";
}

.number_symbol.ns_bg li:nth-child(2):before {
    content: "2";
}

.number_symbol.ns_bg li:nth-child(3):before {
    content: "3";
}

.number_symbol.ns_bg li:before {
    position: absolute;
    left: 3px;
    top: 1px;
    background: #e6e9f2;
    border-radius: 50%;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.page_donation .step_calculation .wrap, .page_share_preview .s_a_view .co_donation .c_list_n {
    background-image: url(/Images/layout/box_donation_wing_bg.png);
    background-repeat: no-repeat;
    background-size: 84%;
    background-position: center;
    box-sizing: border-box;
}





/*-------------------------------------------------
          page_policy page_policy_pinfo
---------------------------------------------------*/
.page_policy {
    /*padding: 1.5rem 2rem;*/
}

.page_policy .p_main_title, .page_policy .p_wrap .c_main_title, .page_policy .p_wrap .text_box {
    margin-bottom: 2rem;
}

.page_policy .p_wrap .text_box .c_title {
    margin-bottom: 1rem;
}

.page_policy .p_main_title {
    text-align: center;
}

.page_policy .hr {
    border: 0;
    border-top: solid 1px #ddd;
    margin: 3rem 0;
}

.page_policy .c_table table {
    border-collapse: collapse;
}

.page_policy .c_table td {
    border: 1px solid #000;
    padding: 0.5rem;
    box-sizing: border-box;
}

.page_policy .c_table thead {
    background: #eee;
}


/*-------------------------------------------------
                   page_ending_share
---------------------------------------------------*/
.page_ending_share {
    max-width: 600px;
    margin: auto;
}

.page_ending_share .logo {
    box-sizing: border-box;
    text-align: center;
    background-color: #feb52b;
    background-image: url(/Images/layout/login_intro_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 1rem 0;
}

.page_ending_share .logo img {
    height: 4.4rem;
}

.page_ending_share .sec_main {
    position: relative;
}

.page_ending_share .sec_main .main_img {
    width: 100%;
    padding-bottom: 10rem;
    padding-top: 2rem;
}

.page_ending_share .sec_main .main_img img {
    width: inherit;
}

.page_ending_share .sec_main .main_img img {
    width: inherit;
}

.page_ending_share .sec_main .share_btn {
    position: absolute;
    bottom: 30px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2rem;
    justify-content: center;
}

.page_ending_share .sec_main .share_btn a {
    display: flex;
    width: 80%;
}

.page_ending_share .sec_main .share_btn a:first-child {
    justify-content: flex-end;
}

.page_ending_share .sec_main .share_btn img {
    cursor: pointer;
    width: inherit;
}

.page_ending_share .sec_footer {
    background: #feb52b;
    color: #ffffff;
    padding: 3rem;
}

.page_ending_share .sec_footer .link_site {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 20px;
}

.page_ending_share .sec_footer .link_site .c_title {
    background: #111fb4;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 0.5rem 4rem 0.5rem 2rem;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}

.page_ending_share .sec_footer .link_site:after {
    position: absolute;
    right: 14px;
    content: "";
    width: 10px;
    height: 10px;
    border: solid #fbfbfb;
    border-width: 1px 1px 0 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 16px;
}

.page_ending_share .sec_footer .link_site ul {
    position: absolute;
    width: calc(100%);
    left: 0;
    bottom: 52px;
    border: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
    border-bottom: 0px;
    background: rgba(0,0,0,1);
    display: none;
}

.page_ending_share .sec_footer .link_site ul.active {
    display: block;
}

.page_ending_share .sec_footer .link_site ul li a {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0.5rem;
    text-align: center;
    box-sizing: border-box;
}


/*-------------------------------------------------
                   page_bucket_list
---------------------------------------------------*/


.page_bucket_list input::placeholder {
    color: rgba(0,0,0,0.3);
    font-size: 1.5rem;
}

.page_bucket_list .wrap {
    height: 100%;
}

.page_bucket_list .c_intro_top, .step_intro .c_intro_top, .c_top_max .c_intro_top {
    display: flex;
    align-items: center;
}

.page_bucket_list .c_intro_top {
    margin-bottom: 6.5rem;
}

.step_intro .c_intro_top {
    margin-bottom: 5rem;
}

.page_bucket_list .c_intro_top .logo, .step_intro .c_intro_top .logo, .c_top_max .c_intro_top .logo {
    margin-bottom: 0;
    margin-right: 26px;
    flex: 1;
}

.page_bucket_list .logo, .step_intro .logo {
    height: 3.6rem;
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}

.page_bucket_list .c_sec, .page_est_box .step.step_intro {
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
}

.page_bucket_list .c_sec {
    padding-top: 2.5rem;
}


.page_est_box .step.step_intro {
    padding: 0;
}

.step_intro .c_top_max {
    justify-content: flex-start;
    text-align: center;
    color: #000;
    margin: 0;
    padding: 0;
    padding: 0 2rem;
    position: relative;
}

.page_donation .step_intro .c_top_max {
    background-image: url(/Images/layout/box_angel_intro.jpg);
}

.page_pet .step_intro .c_top_max {
    background-image: url(/Images/layout/box_pet_intro.jpg);
}

.page_box .step_intro .c_top_max {
    background-image: url(/Images/layout/box_sns_intro.jpg);
}

.page_preference .step_intro .c_top_max {
    background-image: url(/Images/layout/box_perference_intro.jpg);
}

.page_custom .step_intro .c_top_max {
    background-image: url(/Images/layout/box_custom_intro.jpg);
}

.page_will .step_intro .c_top_max {
    background-image: url(/Images/layout/box_will_intro.jpg);
}



.page_est_box .step.step_intro .c_wrap, .page_s_join.page_est_box .step.s_check {
    padding-bottom: 5.5rem;
}

.step_intro .c_box_wrap .b_service, .step_intro .c_box_wrap .b_detail .c_bw_wrap {
    padding: 0 2rem;
}

.step_intro .c_box_wrap .b_service {
    margin-bottom: 4rem;
}

.step_intro .c_top_max .tit_wrap {
    color: #fff;
}

.step_intro .c_box_wrap .c_bw .tit {
    margin-bottom: 1.5rem;
}

.step_intro .c_box_wrap .c_bw .list_wrap li {
    justify-content: flex-start;
    padding: 0 2.5rem;
}

.step_intro .c_box_wrap .c_bw .list_wrap li img {
    height: 2.4rem;
    margin-right: 2rem;
}

.step_intro .c_box_wrap .b_detail {
    background-image: url(/Images/layout/box_angel_intro_01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    padding: 4rem 0 31rem;
}

.page_pet .step_intro .c_box_wrap .b_detail {
    background-image: url(/Images/layout/box_pet_intro_01.jpg);
}

.page_box .step_intro .c_box_wrap .b_detail {
    background-image: url(/Images/layout/box_sns_intro_01.jpg);
}

.page_preference .step_intro .c_box_wrap .b_detail {
    background-image: url(/Images/layout/box_perference_intro_01.jpg);
}

.page_custom .step_intro .c_box_wrap .b_detail {
    background-image: url(/Images/layout/box_custom_intro_01.jpg);
}

.page_will .step_intro .c_box_wrap .b_detail {
    background-image: url(/Images/layout/box_will_intro_01.jpg);
}


.step_intro .c_box_wrap .b_detail .c_bw_wrap .sub_tit {
    font-weight: 400;
    margin-bottom: 2rem;
}

.step_intro .c_box_wrap .c_bw .u_line {
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
}

.step_intro .c_box_wrap .c_bw .u_line:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #feb52b;
    bottom: 0;
    left: 0;
    position: absolute;
}





/*----------------- 팝업 ------------------*/
.page_bucket_list .pop_bucket .layout_popup_container {
    height: auto;
    max-height: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    box-sizing: border-box;
}

.page_bucket_list .pop_bucket .cont {
    height: auto;
    max-height: 90vh;
    box-sizing: border-box;
    margin: 0;
    padding: 0 1.5rem;
    /*overflow: hidden;*/
}

.page_bucket_list .pop_bucket .btn_wrap {
    display: flex;
    margin: 2rem 0 1rem;
    justify-content: space-between;
    align-items: center;
}

.page_bucket_list .pop_bucket .btn_wrap .b_b_clear {
    display: flex;
}

.page_bucket_list .pop_bucket .btn_wrap .box_btn .c_btn:nth-child(2) {
    margin-left: 1rem;
}

.page_bucket_list .pop_bucket .btn_wrap .c_btn {
    cursor: pointer;
}

.page_bucket_list .pop_bucket .cont .wrap {
    max-height: calc(90vh - 60px - 60px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 1rem 0 2rem;
}

.page_bucket_list .pop_bucket .bucket_btn {
    position: static;
    transform: translate(0, 0);
    margin: 0;
}

.page_bucket_list .pop_bucket .dual_btn {
    display: flex;
    align-items: center;
}

.page_bucket_list .pop_bucket .btn_delete {
    background-color: #adaeb2;
    background-image: url(/Images/icon/icon_x_w.png);
    position: static;
}

.page_bucket_list .pop_bucket .lp_buttons span {
    display: flex;
    flex: none;
    padding: 0;
}

.page_bucket_list .pop_bucket .dual_btn .b_change {
    width: 40%;
    background: #adaeb2;
    color: #fff;
}

.page_bucket_list .pop_bucket .dual_btn .b_sucess {
    width: 60%;
}

.page_bucket_list .pop_bucket .lp_buttons .b_change i {
    background-image: url(/Images/icon/icon_arrow_R_w.png);
}

.page_bucket_list .pop_bucket .lp_buttons .b_sucess .c_check {
    background-image: url(/Images/icon/p_bucket_i_flag.png);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    width: 20px;
    min-width: 30px;
    height: 22px;
    background-size: 13px;
    display: flex;
}

.page_bucket_list .pop_bucket .lp_buttons .b_sucess span {
    padding-left: 1rem;
}

.page_bucket_list .pop_bucket .b_b_clear .btn_trash {
    background-image: url(/Images/icon/p_bucket_i_trash.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e6e9f2;
    box-sizing: border-box;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-size: 12px;
    display: flex;
}

.page_bucket_list .pop_bucket .wrap .bundle_write input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    border: 2px solid #c6c6c8;
}

.page_bucket_list .pop_bucket .wrap .bundle_write textarea {
    resize: none;
    width: 100%;
    height: 50vh;
    box-sizing: border-box;
    padding: 1rem;
    border: 2px solid #c6c6c8;
}

.page_bucket_list .pop_bucket .wrap .bundle_see .tit {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #000;
    margin-bottom: 1.5rem;
}

.page_bucket_list .pop_bucket .wrap .bundle_see .cont_txt {
    color: #828282;
}



/*----------------- 팝업 end ------------------*/


.page_bucket_list .bucket_btn, .bucket_btn {
    background-color: #feb52b;
    box-sizing: border-box;
    margin-top: 8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 90%;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 90px;
    padding: 1.5rem 0;
    border-radius: 1rem;
}

.page_bucket_list .bucket_btn span, .bucket_btn span {
    display: inline-block;
    padding: 0 3rem 0 4rem;
    flex: 1;
    text-align: center;
}

.page_bucket_list .bucket_btn i, .bucket_btn i {
    display: block;
    content: '';
    width: 10px;
    height: 20px;
    background-image: url(/Images/icon/icon_arrow_R.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    box-sizing: border-box;
    margin-right: 2rem;
}

.page_bucket_list .sec_intro .bucket_btn, .bucket_btn {
    border-radius: 0.4rem;
    width: fit-content;
    padding: 1rem 0;
    position: static;
    left: 0;
    transform: translate(0, 0);
}

.page_bucket_list .sec_intro .bucket_btn span, .bucket_btn span {
    display: inline-block;
    padding: 0 3rem 0 4rem;
    flex: 1;
}

.page_est_box .step_intro .sub_tit .s_tit {
    margin-bottom: 2.5rem;
}

.page_bucket_list .sec_intro {
    background-image: url(/Images/layout/p_bucket_intro.png);
    background-repeat: no-repeat;
    background-position: left 80%;
    background-size: cover;
    padding-bottom: 3rem;
    box-sizing: border-box;
}


.page_bucket_list .sec_list .c_top {
    background-image: url(/Images/layout/p_bucket_top.png);
    background-repeat: no-repeat;
    background-position: left 80%;
    background-size: cover;
    border-bottom: 1px solid #c6c6c8;
    box-sizing: border-box;
    margin: -3rem -2rem 0;
    padding: 3rem 2rem 0;
    height: 250px;
}

.page_bucket_list .sec_list .logo {
    /*margin-bottom: 6.5rem;*/
}

.page_bucket_list .sec_list .tit_wrap .m_tit {
    margin-bottom: 0.5rem;
    color: #4a3c2d;
}

.page_bucket_list .sec_list .tit_wrap .s_tit {
    margin-bottom: 0.5rem;
    color: #968e84;
}

.page_bucket_list .sec_list .c_tab {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c6c6c8;
    margin: 0 -2rem;
}

.page_bucket_list .sec_list .c_tab .li {
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    padding: 1rem 0;
    color: #828282;
    cursor: pointer;
}

.page_bucket_list .sec_list .c_tab .li.active {
    border-bottom: 3px solid orange;
    color: #000;
}

.page_bucket_list .sec_list .c_list_wrap {
    padding: 2rem 0 10rem;
}

.page_bucket_list .sec_list .c_list_wrap li {
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 7%);
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.page_bucket_list .sec_list .c_list_wrap .add {
    color: #fff;
    background-color: #adaeb2;
    padding: 0.3rem 1rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    cursor: pointer;
}

.page_bucket_list .sec_list .c_list_wrap .w_filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.page_bucket_list .sec_list .c_list_wrap .w_situation {
    display: flex;
}

.page_bucket_list .sec_list .c_list_wrap .c_box {
    box-sizing: border-box;
    background-color: #e6e9f2;
    color: #828282;
    padding: 0.1rem 1.4rem;
    border-radius: 2rem;
    cursor: pointer;
}

.page_bucket_list .sec_list .c_list_wrap .c_box.active {
    background-color: #feb52b;
    color: #000;
}

.page_bucket_list .sec_list .c_list_wrap .w_situation .c_box {
    margin-right: 0.5rem;
}

.page_bucket_list .sec_list .c_list_wrap .w_situation .c_box:last-child {
    margin-right: 0;
}

.page_bucket_list .sec_list .c_list_wrap.li_write li {
    cursor: pointer;
}

.page_bucket_list .sec_list .c_list_wrap.li_write .w_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.page_bucket_list .sec_list .c_list_wrap .c_check, .page_bucket_list .btn_wrap .box_btn .c_check {
    background-image: url(/Images/icon/p_bucket_i_plane.png);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    background-size: 14px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-color: #adaeb2;
    border-radius: 50%;
    margin-right: 1rem;
}

.page_bucket_list .sec_list .c_list_wrap .c_check.end, .page_bucket_list .btn_wrap .box_btn .c_check.end {
    background-image: url(/Images/icon/p_bucket_i_flag.png);
    background-size: 13px;
    background-color: #feb52b;
}

.page_bucket_list .sec_list .c_list_wrap .c_edit_btn {
    display: flex;
    align-items: center;
}

.page_bucket_list .sec_list .c_list_wrap .c_edit_btn .e_btn {
    background-image: url(/Images/icon/p_bucket_i_up.png);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    background-size: 12px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-color: #e6e9f2;
    border-radius: 50%;
    cursor: pointer;
}

.page_bucket_list .sec_list .c_list_wrap .c_edit_btn .btn_down {
    background-image: url(/Images/icon/p_bucket_i_down.png);
}

.page_bucket_list .sec_list .c_list_wrap .c_edit_btn .e_btn:nth-child(2) {
    margin-left: 0.5rem;
}


/*-------------------------------------------------
                .page_s_join
---------------------------------------------------*/

.page_est_box .se_down .round_wrap, .page_est_main .c_agree_form .round_wrap {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url(/Images/layout/service_bg.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.page_est_box .se_down .li_cont {
    margin-bottom: 2.5rem;
}

.page_est_box .se_down .li_cont:last-child {
    margin-bottom: 0;
}

.page_est_box .se_down .m_tit, .page_est_main .c_agree_form .m_tit {
    text-align: center;
    margin-bottom: 2rem;
}

.page_s_join .gray {
    color: #666;
}

.page_s_join .se_down .l_tit {
    margin-bottom: 1rem;
}

.page_s_join .se_down .l_txt, .page_s_join .s_complete .txt_wrap .tw {
    border-bottom: 2px solid #e6e9f2;
    border-top: 2px solid #e6e9f2;
    padding: 1rem 0;
}

.page_s_join .se_down .l_txt .lt {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.page_s_join .se_down .l_txt .lt:last-child {
    margin-bottom: 0rem;
}

.page_s_join .se_down .li_cont.li_textbox .l_txt {
    border: none;
    padding: 0;
}

.page_s_join .se_down .li_cont.li_textbox textarea {
    background-color: transparent;
    min-height: 15rem
}

.page_s_join .se_down .li_cont.li_textbox .i_again {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.page_s_join .se_down .li_cont.li_textbox .i_again .i_cont {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.page_s_join .se_down .li_cont.li_textbox .i_again .i_cont:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bac0cc;
}

.page_s_join .se_down .li_cont.li_textbox .i_again img {
    height: 1.4rem;
    margin-left: 1rem
}

.page_s_join .se_down .li_cont.li_check .lt {
    display: block;
}

.page_s_join .se_down .li_cont.li_check .lt span {
    background-color: #cacaca;
    padding: 0 0.5rem;
    margin-left: 0.2rem;
    cursor: pointer;
}

.page_s_join .se_down .li_cont.li_check .lt span.active {
    background-color: #feb52b;
}




.page_s_join .s_complete .m_tit {
    margin-bottom: 3rem;
}

.page_s_join .s_complete .li_wrap .img {
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4rem;
}

.page_s_join .s_complete .tw p, .page_est_main .sec_check .cw_info .cw_text p {
    padding-left: 2.5rem;
}

.page_s_join .s_complete .tw p:before, .page_est_main .sec_check .cw_info .cw_text p:before {
    height: 4px;
    width: 4px;
    top: 7px;
}

.page_s_join .s_s_join .wrap {
    margin: 3rem 0;
}

.page_s_join .s_s_join .c_top_max {
    background-image: url(/Images/layout/service_bg_01.jpg);
}

.page_s_join .s_s_join .box {
    padding: 2rem;
    cursor: default;
    margin-bottom: 2rem;
}

.page_s_join .s_s_join .box:last-child {
    margin-bottom: 0rem;
}

.page_s_join .s_s_join .m_t_wrap {
    text-align: center;
}

.page_s_join .s_s_join .m_tit {
    margin-bottom: 0.5rem;
}

.page_s_join .s_s_join .m_txt {
    margin-bottom: 2rem;
}

.page_s_join .s_s_join .li_wrap {
    width: 100%;
}

.page_s_join .s_s_join .li_wrap .lw {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

.page_s_join .s_s_join .li_wrap .lw:last-child {
    margin-bottom: 0;
}

.page_s_join .s_s_join .li_wrap .txt_w {
    text-align: left;
    flex: 1;
}

.page_s_join .s_s_join .li_wrap .txt_w .txt_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_s_join .s_s_join .i_check {
    min-width: 2.6rem;
    margin-right: 1.5rem;
}


.i_check i {
    background-image: url(/Images/layout/page_preference_i_check.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
}

.page_s_join .s_s_join .li_wrap .lw.active {
    background-color: #feb52b;
}

.i_check.active i, .page_s_join .s_s_join .li_wrap .lw.active .i_check i {
    background-image: url(/Images/layout/page_preference_i_check_white.png);
}

.page_s_join .wrap.h_100 {
    height: 100%;
}


.page_s_join .s_policy iframe {
    height: calc(100% - 4rem);
    width: 100%;
}



/*-------------------------------------------------
                .page_share_preview
---------------------------------------------------*/
.page_share_preview .s_e_info .wrap .img img {
    width: 100%;
}

.page_share_preview .s_e_info .tit_wrap {
    text-align: center;
    margin-bottom: 3rem;
}

.page_share_preview .s_e_info .tit_wrap .s_tit {
    margin-top: 2rem;
}

.page_share_preview .s_a_view .c_top {
    margin-bottom: 0;
    padding-bottom: 0;
}

.page_share_preview .s_a_view .c_top .c_intro_top {
    margin-bottom: 3rem;
}

.page_share_preview .s_a_view .w_box {
    margin-bottom: 2.5rem;
}

.page_share_preview .s_a_view .w_box .c_tit {
    margin-bottom: 1rem;
}

.page_share_preview .s_a_view .wb_print {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.page_share_preview .s_a_view .wb_print .bt_print {
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #000;
    padding: 0.8rem 1.5rem;
    justify-content: center;
    align-items: center;
    min-height: 0rem;
    align-self: flex-start;
    box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
}

.page_share_preview .s_a_view .wb_print .bt_print img {
    height: 1.3rem;
    margin-left: 1rem;
}

.page_share_preview .s_a_view .wb_t_wrap .wbc .co_box {
    margin-top: 4rem;
}

.page_share_preview .s_a_view .wb_t_wrap .w_b_tab {
    display: flex;
}

.page_share_preview .s_a_view .wb_t_wrap .b_tab {
    flex: 1;
    text-align: center;
    background: #c6c7cc;
    color: #fff;
    box-sizing: border-box;
    padding: 1rem 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #000;
    cursor: pointer;
}

.page_share_preview .s_a_view .wb_t_wrap .b_tab.active {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
}

.page_share_preview .s_a_view .wb_t_wrap .co_box .cb {
    margin: 2rem 0;
}

.page_share_preview .s_a_view .wb_t_wrap .co_box .cb:first-child {
    margin-top: 0;
}

.page_share_preview .s_a_view .wb_t_wrap .co_box .cb_tit .m_tit {
    text-align: center;
    margin-bottom: 1.5rem;
    position: relative;
    padding-top: 1.2rem;
}

.page_share_preview .s_a_view .wb_t_wrap .co_box .cb_tit .m_tit:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    background: #fec72e;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.page_share_preview .s_a_view .wb_t_wrap .co_box .cb_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

.page_share_preview .s_a_view .wb_t_wrap .co_box .cb_wrap .m_tit {
    margin-bottom: 2rem;
}

.page_share_preview .s_a_view .wb_t_wrap .c_list_n.ls_1 .c_button {
    height: 26px;
}

.page_share_preview .s_a_view .wb_t_wrap .c_list_n.ls_1 li .c_title .date {
    margin-top: 0.5rem;
}

.page_share_preview .s_a_view .wb_t_wrap .c_tit {
    margin-bottom: 0;
}

.page_share_preview .s_a_view .w_b_cont .cb_tit .s_tit span {
    position: relative;
    top: -1px;
}

.page_share_preview .s_a_view .wbc_service .co_burial .cb_wrap .c_list_n.list_1 {
    padding-top: 0;
}

.page_share_preview .s_a_view .wbc_service .co_burial .cb_wrap .c_top {
    margin: 0 -2rem 2rem;
}

.page_share_preview .s_a_view .co_burial .cb_wrap .c_info .info_box {
    margin-bottom: 2rem;
}

.page_share_preview .s_a_view .wbc_service .co_burial .cb_wrap .c_list_n.list_2 li {
    padding-bottom: 2rem;
}

.page_share_preview .s_a_view .co_pet .cb_wrap .list_wrap.list_p_dual li.c_name {
    min-height: auto;
    margin: 0;
}

.page_share_preview .s_a_view .co_donation .txt_wrap .number_symbol li {
    padding-bottom: 0;
}

.page_share_preview .s_a_view .co_donation .c_list_n {
    background-size: 70%;
    padding-top: 4rem;
    padding-bottom: 1rem;
}

.page_share_preview .co_box .cb_wrap .c_list_n .c_tit_list {
    text-align: center;
    margin-bottom: 3rem;
}

.page_share_preview .co_box .cb_wrap .c_list_n .c_tit_list .c_sub {
    margin-top: 1.2rem;
}



/*-------------------------------------------------
                .page_emergency
---------------------------------------------------*/
.page_emergency .s_register .c_top {
    color: #000;
    background-image: url(/Images/layout/login_intro_bg2.jpg);
    background-position: center;
    justify-content: flex-start;
    min-height: 230px;
    height: 230px;
    margin-bottom: 1rem;
}

.page_emergency .s_register .c_top .c_intro_top {
    margin-bottom: 2rem;
}

.page_emergency .s_register .c_top .tit_wrap {
    display: flex;
    justify-content: space-between;
}

.page_emergency .s_register .c_top .tit_wrap .t_img {
    height: 12rem;
    position: relative;
    bottom: -14px;
}

.page_emergency .s_register .w_info {
    margin-bottom: 3rem;
}

.page_emergency .s_register .w_boxes .w_box {
    margin-bottom: 3.5rem;
}

.page_emergency .s_register .w_box .b_tit {
    margin-bottom: 1.2rem;
}

.page_emergency .s_register .w_box .b_check .chiller_cb {
    margin-bottom: 0.8rem;
}

.page_emergency .s_register .w_box .b_cont .bc {
    margin-bottom: 2rem;
}

.page_emergency .s_register .w_box .b_cont .bc:last-child {
    margin-bottom: 0;
}

.page_emergency .s_register .no_em {
    text-align: center;
    margin-top: 3rem;
}


.test {
}


/*-------------------------------------------------
                엔딩노트 홈페이지 제작
---------------------------------------------------*/

.s_off_limits {
    background: rgb(137,137,137,0.7);
    width: 100%;
    height: calc(100% - 65px);
    position: fixed;
    z-index: 1;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s_off_limits .txt {
    color: #000;
    text-align: center;
    font-size: 3rem;
    background: #fff;
    box-sizing: border-box;
    padding: 2rem 3rem;
    border-radius: 1rem;
}

.mobile_menu .s_off_limits {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgb(137,137,137,0.4);
}

.mobile_menu .down_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    background: #fff;
    padding: 4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*height: 300px;*/
    width: 100%;
}

.mobile_menu .down_wrap .tit {
    margin-bottom: 3rem;
}

.mobile_menu .down_wrap .box_wrap {
    display: block;
    margin: 0;
}

.mobile_menu .down_wrap .b_box {
    position: static;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 7rem;
}

.mobile_menu .down_wrap .b_box img {
    cursor: pointer;
}

.mobile_menu .down_wrap .b_box.b_b_1 {
    margin-bottom: 1rem;
}

.page_est_main, .page_insur_main, .s_off_limits, .page_h_main .page_wrap, .bar_fixed, .page_main_contents,
.page_h_main .page_wrap, .page_main_sub, .page_est_box .step.step_intro, .page_insur_main, .page_main_contents {
    max-width: 500px;
    overflow: hidden;
    margin: 0 auto;
}

.bar_fixed {
    transform: translate(-50%, 0);
    left: 50%;
}

.page_est_main .head_wrap {
    position: relative;
}

.page_est_main .head_wrap .menu_two {
    top: 8px;
}

.page_main_contents .btn_wrap {
    width: 500px;
    content: '';
    height: 30px;
    position: fixed;
}

.page_main_contents .btn_wrap .btn_delete {
    position: absolute;
}

/*---------------------------------------------------------------------------------
                                  Media Query - Max
----------------------------------------------------------------------------------*/
@media (max-width: 400px) {
    .list_wrap.list_p_dual li .img.img_div img {
        /*width: auto;
        height: 100%;*/
    }

}


@media (max-height: 700px) {

    .page_bucket_list .sec_intro {
        height: initial;
    }
}
