@charset "utf-8"; @media only screen and (max-width: 1100px) {
    html {
        font-size:10px
    }

    body {
        font-size: 1.5rem
    }

    .font_basic {
        font-size: 1.5rem !important
    }

    .font_sm {
        font-size: 1.3rem !important
    }

    .font_md {
        font-size: 1.6rem !important
    }

    .font_md01 {
        font-size: 1.6rem !important
    }

    .font_md02 {
        font-size: 1.5rem !important
    }

    .font_md03 {
        font-size: 1.6rem !important
    }

    .font_md05 {
        font-size: 1.5rem !important
    }

    .font_md06 {
        font-size: 1.3rem !important
    }

    .font_lg {
        font-size: 1.6rem !important
    }

    .font_lg01 {
        font-size: 1.8rem !important
    }

    .font_lg02 {
        font-size: 1.9rem !important
    }

    .font_lg03 {
        font-size: 2.0rem !important
    }

    .font_lg04 {
        font-size: 2.4rem !important
    }

    .font_lg05 {
        font-size: 2.4rem !important
    }

    .font_lg06 {
        font-size: 1.8rem !important
    }

    .font_lg07 {
        font-size: 2.4rem !important
    }

    .font_lg08 {
        font-size: 2rem !important
    }

    .font_lg09 {
        font-size: 3.2rem !important
    }

    .font_lg10 {
        font-size: 1.6rem !important
    }

    .font_lg11 {
        font-size: 2.6rem !important
    }

    .font_lg12 {
        font-size: 2.4rem !important
    }

    .font_lg13 {
        font-size: 2rem !important
    }

    .m_align_c {
        text-align: center
    }

    .wgt_md_to_rg {
        font-weight: 400 !important
    }

    i.tbx {
        display: inline
    }

    i.tbm {
        display: block
    }

    .ly_inner {
        width: 100%;
        padding: 0 20px
    }

    .expend_wrap {
        width: auto
    }

    .ly_inner .ly_inner.expend_wrap, .ly_inner .ly_inner {
        padding: 0
    }

    .ly_inner.full {
        width: 100%
    }

    .ly_inner .bg_gray.full {
        width: 100vw;
        margin-left: calc(50% - 50vw)
    }

    .ly_inner .bg_gray.full .ly_inner {
        width: 100%;
        padding: 0 20px
    }

    .w_size01 {
        width: 100% !important
    }

    .w_size02 {
        width: 100% !important
    }

    .w_size03 {
        width: 100% !important
    }

    .w_size04 {
        width: 100% !important
    }

    .w_size05 {
        width: 100% !important
    }

    .w_size06 {
        width: 100% !important
    }

    .m_pdb0 {
        padding-bottom: 0 !important
    }

    .in_block_block {
        display: block !important
    }

    .m_show {
        display: block !important
    }

    .pc_show {
        display: none !important
    }

    .mo_bg_white {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 1.0)
    }

    .mo_bg_lightgray {
        background-color: #f2f4f8;
        background-color: rgba(242, 244, 248, 1.0)
    }

    .mo_bg_gray {
        background-color: #f6f6f6;
        background-color: rgba(246, 246, 246, 1.0)
    }

    .mo_bg_prim {
        background-color: #086ac5;
        background-color: rgba(8, 106, 197, 1.0)
    }

    .mo_bg_darkprim {
        background-color: #081350;
        background-color: rgba(8, 19, 80, 1.0)
    }

    .mo_bg_transparent {
        background-color: transparent!important
    }

    br.mo_br {
        display: block
    }

    [tabindex='0']:focus, a:focus, button:focus {
        outline: 0
    }

    .pdb17_7 {
        padding-bottom: 7px
    }

    .pbb36_24 {
        padding-bottom: 24px
    }

    .mgb73_35 {
        margin-bottom: 35px
    }

    .mgb42_24 {
        margin-bottom: 24px
    }

    .mgb85_30 {
        margin-bottom: 30px
    }

    .row_block > .col, .row_block.col .col {
        float: none;
        width: 100%
    }

    .row_block > .col:first-child {
        padding: 0
    }

    .col.col4_6 {
        width: 50%
    }

    .col.col6_12 {
        width: 100%
    }

    .radio_wrap, .check_wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .radio_wrap .radio_default, .check_wrap .check_default {
        width: 50%;
        margin-top: 16px
    }

    .radio_wrap .radio_default:only-child, .check_wrap .check_default:only-child {
        width: 100%
    }

    .radio_wrap .radio_default.full, .check_wrap .check_default.full {
        width: 100%
    }

    .radio_wrap .radio_default:nth-child(1), .radio_wrap .radio_default:nth-child(2), .check_wrap .check_default:nth-child(1), .check_wrap .check_default:nth-child(2) {
        margin-top: 0
    }

    .radio_wrap .radio_default + .radio_default, .check_wrap .check_default + .check_default {
        margin-left: 0
    }

    .w_size01 .radio_wrap .radio_default + .radio_default, .w_size01 .check_wrap .check_default + .check_default {
        margin-left: 0
    }

    .radio_wrap.type_flex, .check_wrap.type_flex {
        flex-wrap: nowrap
    }

    .radio_wrap.type_flex.m_flex label {
        flex: 1;
        min-width: inherit
    }

    .radio_wrap.type_btn .radio_btn input[type="radio"] + span, .check_wrap.type_btn .check_btn input[type="checkbox"] + span {
        padding-left: 6px;
        padding-right: 6px
    }

    .radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span, .check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {
        padding-left: 5px;
        padding-right: 5px
    }

    .radio_wrap.type_btn .radio_btn input[type="radio"] + span, .check_wrap.type_btn .check_btn input[type="checkbox"] + span, .radio_wrap.type_btn.has_ico .radio_btn input[type="radio"] + span, .check_wrap.type_btn.has_ico .check_btn input[type="checkbox"] + span {
        min-width: 100%;
        width: 100%
    }

    .radio_wrap.type_btn.has_ico .radio_btn, .check_wrap.type_btn.has_ico .check_btn {
        width: calc(50% - 5px)
    }

    .radio_wrap.type_flex.type_btn.col4_3 .radio_btn, .check_wrap.type_flex.type_btn.col4_3 .check_btn {
        width: calc(33.33% - 4px)
    }

    .form_type .form_ele .check_wrap.type_flex.col02 {
        margin-top: -10px
    }

    .radio_wrap.type_flex.type_btn .radio_btn input[type="radio"] + span {
        padding: 0 6px
    }

    .radio_wrap.type_btn .radio_btn input[type="radio"] + span.h_auto {
        padding: 12px 4px
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        display: block !important
    }

    .radio_wrap.type_btn.has_penguin {
        display: block;
        margin: -5px 0;
        text-align: center
    }

    .radio_wrap.type_btn.has_penguin .radio_btn.lg, .check_wrap.type_btn.has_penguin .check_btn.lg {
        margin: 5px 0
    }

    .radio_wrap.type_btn.type02 .radio_btn input[type="radio"] + span, .check_wrap.type_btn.type02 .check_btn input[type="checkbox"] + span, .radio_wrap.type_btn.type02 .radio_btn input[type="radio"]:checked + span, .check_wrap.type_btn.type02 .check_btn input[type="checkbox"]:checked + span {
        padding: 0 8px
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .date {
        display: block;
        float: none;
        font-weight: 400;
        font-size: 13px;
        line-height: 1.5
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .money {
        display: block;
        float: none;
        font-size: 2rem
    }

    .radio_wrap.type_btn ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .radio_wrap.type_btn ul:after {
        content: '';
        display: block;
        clear: both
    }

    .radio_wrap.type_btn li {
        float: none;
        flex: 1
    }

    .radio_wrap.type_btn.type02 li:not(:first-child) {
        margin-left: 8px
    }

    .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span {
        padding-left: 8px;
        padding-right: 8px
    }

    .radio_wrap.type_btn.double ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -3px
    }

    .radio_wrap.type_btn.double li {
        width: 50%;
        flex: inherit;
        margin: 0px
    }

    .radio_wrap.type_btn.double li .radio_btn {
        padding: 3px
    }

    .radio_wrap.type_btn .radio_btn_list li {
        flex: inherit
    }

    .radio_wrap.type_btn.no_ico .radio_btn input[type="radio"], .check_wrap.type_btn.no_ico .check_btn input[type="checkbox"] {
        top: 0;
        margin-top: 0;
        min-width: 1px
    }

    .radio_wrap.type_btn.no_ico .radio_btn input[type="radio"] + span, .check_wrap.type_btn.no_ico .check_btn input[type="checkbox"] + span {
        min-width: 78px
    }

    .radio_wrap.type_btn.no_ico .radio_btn + .radio_btn {
        margin-left: 4px
    }

    .radio_wrap.type_btn.no_ico .radio_btn input[type="radio"], .radio_wrap.radio_pop, .check_wrap.check_pop {
        display: block;
        margin: 0
    }

    .radio_wrap.radio_pop label, .check_wrap.check_pop label {
        width: 100%
    }

    .radio_wrap.radio_pop .radio_default, .check_wrap.check_pop .check_default {
        margin: 0
    }

    .radio_wrap.radio_pop .radio_default + .radio_default, .check_wrap.check_pop .check_default + .check_default {
        margin-left: 0;
        margin-top: 20px
    }

    .card_filter .radio_wrap.type_btn .radio_btn input[type="radio"], .card_filter .check_wrap.type_btn .check_btn input[type="checkbox"] {
        min-width: 100%
    }

    .card_filter .radio_wrap.type_btn .radio_btn input[type="radio"] + span, .card_filter .check_wrap.type_btn .check_btn input[type="checkbox"] + span {
        padding-left: 14px;
        padding-right: 14px
    }

    .card_filter .radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span, .card_filter .check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {
        padding-left: 13px;
        padding-right: 13px
    }

    .radio_wrap.no_text {
        margin: 8px 0 0 0
    }

    .radio_date_mix .radio_cover {
        width: 35px;
        margin-right: 10px
    }

    .radio_date_mix .input_cover {
        width: calc(100% - 45px)
    }

    .text_tip:last-child {
        margin-bottom: -5px
    }

    .text_tip:before {
        background: url(/pconts/images/common/ico_input_warning_m.png) no-repeat 0 0;
        background-size: 14px 14px
    }

    .text_tip.error:before {
        background: url(/pconts/images/common/ico_input_error_m.png) no-repeat 0 0;
        background-size: 14px 14px
    }

    .text_tip.marker_refer:before {
        background: none
    }

    .input_apt.side_btn .btn {
        width: 100%;
        margin-left: 0;
        margin-top: 8px
    }

    .side_btn .btn.row02, .input_file_wrap .file_wrap .btn_file.row02 {
        font-size: 1.3rem;
        line-height: 1.6rem
    }

    .input_wrap.w01_100p {
        width: 100%
    }

    .select_mix {
        position: relative
    }

    .select_mix:after {
        content: '';
        display: block;
        clear: both
    }

    .select_mix:not(.with_side) .select_wrap {
        width: 100%
    }

    .select_mix:not(.with_side) .select_wrap, .select_mix .btn {
        float: none
    }

    .select_mix:not(.with_side) .btn {
        position: relative;
        width: 100%;
        margin-top: 10px
    }

    .select_wrap .ui_select select {
        padding: 0 41px 0 14px
    }

    .select_wrap .ui_select select:focus {
        border: 2px solid #4868e1;
        padding: 0 39px 0 12px
    }

    .select_wrap .ui_select select:disabled {
        background: #f6f6f6
    }

    .select_wrap .ui_select.error select {
        border-color: #ff0000
    }

    .btn_wrap:not(.btn_group) button + button {
        margin: 0
    }

    .btn_wrap:not(.btn_group) .btn + .btn {
        margin-left: 0
    }

    .btn {
        height: 55px;
        line-height: 55px
    }

    .btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .btn_group .btn {
        min-width: inherit;
        padding: 0;
        flex: 1
    }

    .btn_group .btn + .btn {
        margin-left: 8px
    }

    .btn_group .btn.left {
        min-width: 104px;
        flex: none
    }

    .btn_group .btn.left_lg {
        min-width: 130px;
        padding: 0 18px !important;
        flex: none
    }

    .btn_group .btn.left_ico {
        min-width: 45px;
        padding: 0 !important;
        flex: none
    }

    .btn_group .btn.default {
        min-width: inherit
    }

    .btn_group.btn_wid_type1 .btn:first-child {
        -webkit-box-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: calc(60% - 4px);
        padding-right: 0;
        padding-left: 0
    }

    .btn_group.btn_wid_type1 .btn:last-child {
        -webkit-box-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: calc(40% - 4px);
        padding-right: 0;
        padding-left: 0
    }

    .btn_cont .btn.default {
        min-width: 200px;
        width: auto;
        padding: 0 31px
    }

    .btn_cont .btn_group3 .btn.default + .btn {
        margin-top: 8px
    }

    .btn_cont.btn_group {
        display: block
    }

    .btn_wrap.btn_cont.btn_group {
        display: flex
    }

    .btn_cont.btn_group .btn.default {
        width: auto;
        min-width: auto
    }

    .btn_cont.btn_lg .btn.default {
        width: 100%;
        min-width: auto
    }

    .btn_cont.btn_lg .btn.default + .btn {
        margin-top: 10px
    }

    .btn_cont.btn_full {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .btn_cont.btn_full .btn.left {
        flex: none;
        min-width: 104px;
        padding: 0 22px
    }

    .btn_cont.btn_full .btn.left + .btn.default {
        width: 100%;
        min-width: inherit;
        padding: 0;
        margin-left: 8px
    }

    .btn.default {
        width: 100%;
        min-width: 100%
    }

    .btn.default.gold {
        width: auto;
        min-width: inherit;
        height: 45px;
        line-height: 45px;
        padding: 0 30px
    }

    .btn.row02 {
        font-size: 15px;
        line-height: 1.3
    }

    a.btn.row02 {
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .btn_link {
        height: 40px;
        line-height: 40px;
        background-color: #fff
    }

    .btn_link.m_vertical {
        margin-bottom: 8px !important
    }

    .btn_outlink {
        height: 40px;
        line-height: 40px;
        background-color: #fff
    }

    .btn_outlink.no_wide {
        width: auto
    }

    .btn_sm.btn_download2:after {
        background: url(/pconts/images/icon/btn_download01_m.png) no-repeat 50% 50% / 100% auto
    }

    .btn.default.w_auto, .btn_outlink.w_auto {
        width: auto;
        min-width: 1px !important
    }

    .btn_sm, .btn_outlink.btn_sm {
        min-width: 84px;
        width: auto;
        height: 28px;
        line-height: 28px
    }

    .btn_sm.btn_print:after {
        width: 14px;
        height: 12px;
        background: url(/pconts/images/icon/ico_print02_m.png) no-repeat 50% 50% / 100% auto;
        vertical-align: -1px
    }

    .btn_sm.btn_email:after {
        width: 19px;
        height: 13px;
        background: url(/pconts/images/icon/ico_email.png) no-repeat 50% 50% / auto 100%;
        vertical-align: -1px
    }

    .btn_sm.btn_email2:after {
        width: 13px;
        height: 10px;
        background: url(/pconts/images/icon/ico_email2_m.png) no-repeat 50% 50% / auto 100%;
        vertical-align: -1px
    }

    .btn_sm.btn_fax:before {
        width: 14px;
        height: 13px;
        background: url(/pconts/images/icon/btn_fax_m.png) no-repeat 50% 50% / auto 100%;
        vertical-align: -2px
    }

    .btn_sm.line_two {
        height: auto;
        line-height: 1.3;
        padding: 5px 10px
    }

    .m_fixed_bottom, .btn_fixed_bottom {
        padding-bottom: 112px !important
    }

    .btn_wrap.flex_wrap.add_money_group {
        flex-wrap: nowrap
    }

    .btn_wrap.flex_wrap.add_money_group .btn {
        height: 40px;
        font-size: 1.6rem
    }

    .btn_wrap.flex_wrap.add_money_group .btn + .btn {
        margin-left: 0.5rem
    }

    .btn_wrap.flex_wrap.add_money_group.h_auto .btn.rectangle {
        line-height: 2.2rem;
        height: 67px
    }

    .btn_wrap.m_fixed_bottom {
        padding-bottom: 92px !important
    }

    .btn_wrap.m_fixed {
        position: fixed;
        width: 100%;
        margin: 0 !important;
        padding: 20px 27px;
        left: 0;
        bottom: 0px;
        background-color: rgba(255,255,255,0.8)
    }

    .btn_wrap.m_fixed .btn + .btn {
        margin-top: 0
    }

    .btn.arrow span::after {
        width: 12px;
        height: 7px;
        background-image: url('/pconts/images/icon/ico_arw_more_m.png');
        background-size: 100% auto;
        vertical-align: middle
    }

    .btn_outlink::after {
        width: 16px;
        height: 16px;
        margin-bottom: -3px;
        margin-left: 7px;
        background: url(/pconts/images/icon/ico_outlink02_m.png) no-repeat center;
        background-size: 100%
    }

    .btn_cont .btn_outlink::after {
        margin-bottom: -2px
    }

    .btn_outlink.blue::after {
        background-image: url(/pconts/images/icon/ico_outlink02_white_m.png)
    }

    .btn_sm.btn_outlink::after {
        width: 7px;
        height: 7px;
        background: url(/pconts/images/icon/ico_outlink05_m.png) no-repeat center;
        background-size: 100%
    }

    .text_outlink::after {
        width: 16px;
        height: 16px;
        background: url(/pconts/images/icon/ico_outlink02_m.png) no-repeat center;
        background-size: 100%
    }

    .text_outlink:hover::after, .text_outlink:focus::after {
        width: 16px;
        height: 16px;
        background: url(/pconts/images/icon/ico_outlink03_m.png) no-repeat center;
        background-size: 100%
    }

    .text_outlink:active::after, .text_outlink:visited::after {
        width: 16px;
        height: 16px;
        background: url(/pconts/images/icon/ico_outlink04_m.png) no-repeat center;
        background-size: 100%
    }

    .btn_download {
        display: inline-block;
        width: 25px;
        height: 22px;
        background: url(/pconts/images/icon/btn_download02_m.png) no-repeat;
        background-size: 100%
    }

    .btn_download03, .btn_download03:disabled, .btn_detailview, .btn_coupon {
        width: 25px;
        background-size: 22px auto
    }

    .btn_refrash:after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 16px;
        margin: 0 0 -3px 10px;
        background: url(/pconts/images/icon/ico_reset_m.png) no-repeat;
        background-size: 100%
    }

    .btn.mo_btn_fix01 {
        width: 220px !important;
        min-width: 240px !important;
        max-width: 240px !important
    }

    .btn_delete {
        display: inline-block;
        width: 11px;
        height: 11px;
        background: url(/pconts/images/common/ico_delete_m.png) no-repeat;
        background-size: 100%
    }

    .btn_search {
        background: url('/pconts/images/icon/ico_search02_m.png') no-repeat center center / 20px 20px
    }

    .btn_clear {
        background: url('/pconts/images/icon/ico_clear_m.png') no-repeat center center / 23px 23px;
        right: 10px
    }

    .text_more::after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: url(/pconts/images/icon/ico_plus_m.png) no-repeat;
        background-size: 100%
    }

    .text_less::after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: url(/pconts/images/icon/ico_minus_m.png) no-repeat;
        background-size: 100%
    }

    .btn.btn_share:before {
        width: 24px;
        height: 26px;
        background: url(/pconts/images/icon/btn_share_m.png) no-repeat;
        background-size: 100%
    }

    .btn.rectangle.download span::after {
        background: url(/pconts/images/icon/btn_download01_m.png) no-repeat 50% 50% / 100% auto
    }

    .btn.ico_btn {
        position: relative;
        width: 55px;
        height: 55px;
        padding: 0;
        border-radius: 55px;
        border: 1px solid #ddd;
        background: #fff
    }

    .btn.ico_btn:before {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 27px;
        height: 27px
    }

    .btn.ico_btn > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        margin-left: -1px;
        border: 0 none !important;
        background: transparent !important;
        color: transparent !important
    }

    .btn.ico_btn.share:before {
        margin: -13px 0 0 -14px;
        background: url(/pconts/images/icon/ico_share_m.png) 0 0 no-repeat;
        background-size: 27px auto
    }

    .btn.ico_btn.refresh:before {
        margin: -13px 0 0 -12px;
        background: url(/pconts/images/icon/ico_refresh_m.png) 0 0 no-repeat;
        background-size: 27px auto
    }

    .pop_btn .btn.ico_btn:before {
        width: 24px;
        height: 24px
    }

    .pop_btn .btn.ico_btn.share:before {
        margin: -12px 0 0 -12px;
        background-size: 24px auto
    }

    .pop_btn .btn.ico_btn.refresh:before {
        margin: -11px 0 0 -10px;
        background-size: 24px auto
    }

    .btn_aos, .btn_ios {
        width: 166px;
        padding-left: 45px;
        color: #000;
        line-height: 38px
    }

    .btn_aos:before {
        display: block;
        position: absolute;
        width: 19px;
        height: 21px;
        top: 50%;
        left: 18px;
        margin-top: -10px;
        background: url(/pconts/images/icon/btn_aos.png) no-repeat;
        background-size: 100%;
        content: ""
    }

    .btn_ios:before {
        display: block;
        position: absolute;
        width: 20px;
        height: 23px;
        top: 50%;
        left: 23px;
        margin-top: -11px;
        background: url(/pconts/images/icon/btn_ios.png) no-repeat;
        background-size: 100%;
        content: ""
    }

    .btn_group_flex {
        margin-top: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .btn_group_flex li {
        width: calc(50% - 7px);
        margin-bottom: 7px
    }

    .btn_group_flex li .btn {
        width: 100%;
        padding: 0 20px
    }

    .btn_group_flex li .row02 {
        font-size: 15px;
        line-height: 1.3
    }

    .btn_group_flex li:nth-child(1) {
        order: 3
    }

    .btn_group_flex li:nth-child(2) {
        order: 1
    }

    .btn_group_flex li:nth-child(3) {
        order: 2
    }

    .btn_group_flex li:nth-child(4) {
        order: 4
    }

    .btn_ico {
        margin: 30px 0 40px
    }

    .btn_ico button span {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin-top: 35px;
        line-height: 1
    }

    .btn_ico .ico::before {
        top: 0;
        left: calc(50% - 15px)
    }

    .btn_ico .ico.email::before {
        background: url(/pconts/images/icon/ico_email_m.png) no-repeat;
        background-size: 100%
    }

    .btn_ico .ico.print::before {
        background: url(/pconts/images/icon/ico_print01_m.png) no-repeat;
        background-size: 100%
    }

    .btn_ico .ico.fax::before {
        background: url(/pconts/images/icon/ico_fax_m.png) no-repeat;
        background-size: 100%
    }

    #skipNavi {
        display: none
    }

    #header .header_top {
        display: none
    }

    #header .header_banner .banner_inner {
        width: 100%
    }

    #header .header_body {
        border: none;
        height: 98px
    }

    #header .header_body .body_inner {
        width: 100%;
        height: 100%;
        padding: 0;
        overflow: hidden;
        display: block
    }

    #header .header_body .head_title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        float: none;
        height: 60px;
        margin: 0;
        padding: 0 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #header .head_title .inside_title {
        width: 118px
    }

    #header .gnb_wrap {
        display: block;
        position: relative;
        float: none;
        margin: 0;
        height: 40px
    }

    #header .gnb_wrap .gnb_navi {
        height: 100%;
        overflow: hidden;
        margin-bottom: auto
    }

    #header .gnb_wrap .nav_area {
        height: 100%;
        padding-left: 8px;
        padding-right: 28px;
        overflow: hidden
    }

    #header .gnb_wrap .nav_area:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 20px;
        height: 100%;
        background: linear-gradient(to right,rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0))
    }

    #header .gnb_wrap .nav_area:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        width: 45px;
        height: 100%;
        background: linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))
    }

    #header .gnb_wrap .nav_area .dep1 {
        height: 40px;
        width: auto
    }

    #header .gnb_wrap .nav_area .dep1 li {
        font-size: 1.6rem;
        font-weight: 700
    }

    #header .gnb_wrap .nav_area .dep1 li a {
        padding: 0 13px;
        line-height: 40px
    }

    #header .gnb_wrap .swiper-button-next {
        display: block;
        top: 4px;
        right: 0
    }

    #header .gnb_wrap .swiper-button-next.swiper-button-disabled {
        display: none
    }

    #header .util_wrap {
        display: block;
        position: absolute;
        float: none;
        top: 20px;
        right: 20px;
        margin-top: 0;
        height: 20px
    }

    #header .util_wrap a {
        width: 20px;
        height: 18px
    }

    #header .util_wrap .btn_ico_all_menu {
        margin-left: 10px
    }

    #header .util_wrap .btn_ico_search {
        background-size: auto 100%;
        width: 20px;
        height: 20px;
        margin-top: 0
    }

    #header .gnb_wrap .nav_area {
        width: 100%
    }

    #header .gnb_wrap .allmenu_group {
        display: none !important
    }

    #container {
        padding-top: 60px
    }

    .contents.flexible {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .gnbSub_wrap {
        display: none !important
    }

    .footer_wrap {
        padding-bottom: 35px
    }

    .tel_link_box {
        width: 100%;
        padding: 17px 0 16px
    }

    .tel_link_box ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -3px 0
    }

    .tel_link_box ul li {
        width: 50%;
        text-align: left;
        padding: 3px 0
    }

    .tel_link_box ul li::before {
        display: none
    }

    .tel_link_box ul li a {
        display: block;
        font-size: 13px;
        font-weight: 400
    }

    .tel_link_box ul li a em {
        font-weight: 700
    }

    .address_wrap {
        width: 100%;
        padding: 20px 20px;
        padding-bottom: 0
    }

    .share_family_wrap .sharebox {
        top: 0
    }

    .share_family_wrap .sharebox li {
        width: 20px;
        height: 20px
    }

    .share_family_wrap .sharebox li + li {
        margin-left: 15px
    }

    .share_family_wrap .sharebox li.sns04 {
        width: 22px
    }

    .share_family_wrap .sitelink_wrap {
        display: none
    }

    .address_section {
        margin-left: -10px;
        margin-right: -10px
    }

    .address_section .address, .address_section .company_num {
        display: block;
        font-size: 11px
    }

    .address_section .copyright {
        font-size: 10px;
        margin-top: 4px
    }

    .customer_link {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 11px 0 15px
    }

    .customer_link ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .customer_link ul li {
        width: auto
    }

    .customer_link ul li a {
        position: relative;
        display: block;
        padding: 2px 10px;
        font-size: 13px
    }

    .sitemark_section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: -5px;
        margin-top: 10px
    }

    .sitemark_section a, .sitemark_section span {
        height: 25px;
        margin: 5px
    }

    .sitemark_section .tbm {
        width: 100%
    }

    .footer_expand_toggle {
        height: 24px;
        margin-top: 20px
    }

    .footer_expand_toggle .btn_expand {
        background-size: 22px 12px;
        width: 40px;
        height: 24px;
        margin-left: -20px;
        margin-top: -10px
    }

    .quick_fixed {
        width: 70px;
        right: 10px;
        bottom: 86px
    }

    .quick_fixed .quick_top {
        width: 60px;
        height: 60px;
        margin: auto
    }

    .quick_fixed .quick_top .top {
        background-size: 55px auto
    }

    .quick_fixed .quick_talk {
        display: block;
        width: 60px;
        height: 60px;
        margin: auto;
        margin-top: -5px
    }

    .quick_fixed .quick_talk .fani {
        width: 100%;
        height: 100%
    }

    .quick_fixed .quick_talk .fani:before {
        background-size: 70px auto
    }

    .quick_fixed .quick_chatbot {
        display: none;
        width: 70px;
        height: 70px;
        margin-top: -8px
    }

    .quick_fixed .quick_chatbot img {
        width: 100%;
        height: 100%
    }

    .quick_fixed .quick_chatbot .chatbot:before {
        background-size: 70px auto;
        -webkit-animation: aniFaniMo 1.5s steps(17) infinite;
        animation: aniFaniMo 1.5s steps(17) infinite
    }

    .is_srchOpen .quick_fixed {
        z-index: 180;
        bottom: 75px
    }

    .is_srchOpen .quick_fixed .quick_top, .is_srchOpen .quick_fixed .quick_talk {
        display: none
    }

    .is_srchOpen .quick_fixed .quick_chatbot {
        display: block
    }

    .main_index .quick_fixed .quick_talk {
        display: block
    }

    .main .quick_fixed .quick_chatbot {
        display: block
    }

    .is_srchOpen .main #header .quick_fixed .quick_talk {
        display: none
    }

    @-webkit-keyframes aniFaniMo {
        0% {
            background-position: 50% 0
        }

        100% {
            background-position: 50% -1190px
        }
    }

    @keyframes aniFaniMo {
        0% {
            background-position: 50% 0
        }

        100% {
            background-position: 50% -1190px
        }
    }

    .main #container {
        padding-top: 98px
    }

    .has_eventTopBnr .main #container {
        padding-top: 158px
    }

    .fullMenu_wrap {
        top: 0;
        height: 100%
    }

    .fullMenu {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%
    }

    .fullMenu .fullMenu_closer {
        top: 13px;
        right: 10px;
        margin-top: 0px
    }

    .fullMenu .fullMenu_closer span {
        background-image: url('/pconts/images/common/ico_close_pop_white.png');
        background-size: 20px 20px
    }

    .fullMenu .allmenu_nav_wrap .allmenu_inner {
        padding-left: 117px
    }

    .fullMenu .allmenu_nav {
        position: fixed;
        left: 0;
        width: 117px;
        bottom: 0;
        overflow: auto
    }

    .fullMenu_user {
        display: none;
        height: 115px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fullMenu.is_sigin .fullMenu_user {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .fullMenu .allmenu_nav {
        top: 145px
    }

    .fullMenu.is_sigin .allmenu_nav {
        top: 260px
    }

    .fullMenu_body {
        height: calc(100% - 145px)
    }

    .fullMenu.is_sigin .fullMenu_body {
        height: calc(100% - 260px)
    }

    .fullMenu_header {
        position: relative;
        z-index: 10;
        display: block;
        background-color: #4e5468
    }

    .fullMenu .global_nav {
        display: block
    }

    .userState_wrap {
        width: 100%
    }

    .userState_wrap .user_img {
        width: 71px
    }

    .userState_wrap .user_img .avata {
        width: 100%
    }

    .userState_wrap .user_img .avata img {
        width: 100%
    }

    .userState_wrap .user_cont {
        color: #fff;
        font-weight: 300;
        font-size: 15px;
        line-height: 1
    }

    .userState_wrap .user_cont .name {
        font-size: 18px;
        margin-top: 6px
    }

    .userState_wrap .user_cont .name em {
        font-weight: 700
    }

    .userState_wrap .user_cont .session {
        font-size: 13px;
        opacity: 0.5;
        margin-top: 6px
    }

    .userState_wrap .user_cont .option {
        margin-top: 10px
    }

    .userState_wrap .user_cont .option .link {
        position: relative;
        display: inline-block;
        padding-right: 20px
    }

    .userState_wrap .user_cont .option .link::after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        margin-left: 4px;
        border: 1px solid #fff;
        border-width: 1px 1px 0 0;
        transform: rotate(45deg)
    }

    .mySub_top .left {
        background-position: 0 0
    }

    .fullMenu_util {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        padding: 0 15px;
        border-bottom: 1px solid #424759
    }

    .fullMenu_util button {
        width: 30px;
        height: 30px
    }

    .fullMenu_util button + button {
        margin-left: 5px
    }

    .fullMenu_util .btn_home {
        background: url('/pconts/images/common/ico_util_home.png') no-repeat center center / 20px 20px
    }

    .fullMenu_util .btn_user {
        display: none;
        background: url('/pconts/images/common/ico_util_user.png') no-repeat center center / 20px 20px
    }

    .fullMenu_util .btn_join {
        background: url('/pconts/images/common/ico_util_user_plus.png') no-repeat center center / 20px 20px
    }

    .fullMenu_util .btn_sigout {
        display: none;
        background: url('/pconts/images/common/ico_util_sigout.png') no-repeat center center / 20px 20px
    }

    .fullMenu_util .btn_sigin {
        background: url('/pconts/images/common/ico_util_sigin.png') no-repeat center center / 20px 20px
    }

    .fullMenu.is_sigin .fullMenu_util .btn_user {
        display: inline-block
    }

    .fullMenu.is_sigin .fullMenu_util .btn_join {
        display: none
    }

    .fullMenu.is_sigin .fullMenu_util .btn_sigout {
        display: inline-block
    }

    .fullMenu.is_sigin .fullMenu_util .btn_sigin {
        display: none
    }

    .global_nav {
        display: block;
        height: 35px
    }

    .global_nav .tab_list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 0 20px;
        background: #424759;
        margin: 0 -13px
    }

    .global_nav .tab_list li {
        height: 100%
    }

    .global_nav .tab_list li a {
        position: relative;
        display: block;
        padding: 0 13px;
        line-height: 35px;
        color: rgba(255,255,255,0.5)
    }

    .global_nav .tab_list li a:after {
        content: '';
        display: block;
        width: 1px;
        height: 13px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
        background-color: #686c7a
    }

    .global_nav .tab_list li:first-child a:after {
        display: none
    }

    .global_nav .tab_list li.current a {
        color: rgba(255,255,255,1)
    }

    .fullMenu_nav .tab_list {
        height: 50px;
        padding: 0
    }

    .fullMenu_nav .tab_list li a {
        font-size: 16px;
        line-height: 48px
    }

    .quick_nav_wrap {
        padding: 26px 20px
    }

    .quick_nav_wrap .quick_nav {
        padding: 25px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .quick_nav_wrap .quick_nav .tit_wrap {
        width: 100%
    }

    .quick_nav_wrap .quick_nav .list_wrap {
        width: 100%
    }

    .quick_nav_wrap .quick_nav .tit {
        font-size: 1.6rem
    }

    .quick_nav_wrap .quick_nav_col {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .quick_nav_wrap .quick_nav_col:first-child {
        padding: 0;
        margin: -25px 0 0 0
    }

    .quick_nav_wrap .quick_nav .list {
        padding: 0;
        margin: -10px 0 0
    }

    .quick_nav_wrap .quick_nav .list > li {
        width: 25%;
        height: 80px;
        padding: 0;
        margin: 10px 0 0
    }

    .quick_nav_wrap .quick_nav .list > li .item {
        width: 100%;
        text-align: center
    }

    .quick_nav_wrap .quick_nav .list > li .icon_box {
        background-size: 40px auto !important
    }

    .quick_nav_wrap .quick_nav .icon_list.favorite > li .icon_box .icon_name {
        padding: 47px 0 0;
        font-size: 1.3rem
    }

    .allmenu_nav .tab_list {
        width: 100%
    }

    .allmenu_nav_bg {
        width: 117px
    }

    .allmenu_nav_wrap .allmenu_nav .tab_list a span {
        height: 42px;
        padding-left: 20px;
        color: #111;
        font-size: 18px;
        font-weight: 500
    }

    .allmenu_nav_wrap .allmenu_nav .tab_list a .icon {
        display: none
    }

    .allmenu_nav_wrap .allmenu_body .allmenu_cont {
        padding: 12px 22px
    }

    .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list {
        width: 100%;
        padding: 0
    }

    .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list + .allmenu_list {
        padding: 0;
        margin-top: 20px
    }

    .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .tit {
        margin-bottom: 3px
    }

    .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .tit + .tit {
        margin-top: 20px
    }

    .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .dep1_item + .dep1_item {
        margin-top: 3px
    }

    .fullMenu_wrap .allmenu_nav_wrap, .fullMenu_wrap .quick_nav_wrap {
        -webkit-overflow-scrolling: touch
    }

    .allmenu_nav_wrap .allmenu_etc {
        width: 117px
    }

    .allmenu_list .dep1_item .btn_expand {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .allmenu_list .dep1_item .btn_expand::after {
        top: 3px
    }

    .allmenu_list .dep1_link, .allmenu_list .dep2_link {
        font-size: 15px
    }

    #header .header_body {
        display: none
    }

    #header .header_mobile {
        display: block
    }

    #footer {
        display: none !important
    }

    .main #header .header_mobile {
        display: none
    }

    .main #header .header_body {
        display: block
    }

    .main #footer {
        display: block !important
    }

    .event_bnr .event_cont .link {
        padding: 0 27px
    }

    .event_bnr .event_cont .tit {
        font-size: 15px
    }

    .event_bnr .event_cont .txt {
        font-size: 13px
    }

    .event_bnr .event_cont .label {
        height: 22px;
        padding: 1px 10px 0 10px
    }

    .event_bnr .event_close {
        width: 35px;
        height: 35px;
        background-size: 15px auto
    }

    .event_bnr .swiper-button-prev, .event_bnr .swiper-button-next {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }

    .event_bnr .swiper-button-prev::before, .event_bnr .swiper-button-next::before {
        width: 10px;
        height: 10px;
        top: 10px
    }

    .event_bnr .swiper-button-prev {
        left: 0
    }

    .event_bnr .swiper-button-next {
        right: 0
    }

    .event_bnr .swiper-button-prev::before {
        left: 11px
    }

    .event_bnr .swiper-button-next::before {
        left: 8px
    }

    .event_mainVisual {
        height: 110px
    }

    .event_mainVisual .ly_inner {
        width: 100% !important;
        max-width: 600px;
        margin: 0 auto;
        padding: 0
    }

    .main_index .event_mainVisual .ly_inner {
        padding: 0
    }

    .event_mainVisual .swiper-button-prev {
        left: 0;
        right: auto
    }

    .event_mainVisual .swiper-button-next {
        right: 0;
        left: auto
    }

    .event_mainVisual .event_cont .img {
        width: 116px;
        height: 116px
    }

    .event_mainVisual .event_cont .link {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 36px
    }

    .event_mainVisual .swiper-button-prev::before {
        left: 13px
    }

    .event_mainVisual .swiper-button-next::before {
        left: 8px
    }

    .event_mainVisual.img_right .event_cont .link {
        padding-right: 157px
    }

    .event_mainVisual.img_left .event_cont .link {
        padding-left: 157px
    }

    .event_mainVisual.img_right .event_cont .img {
        right: 20px
    }

    .event_mainVisual.img_left .event_cont .img {
        left: 20px
    }

    .event_mainVisual .swiper-controls {
        padding: 0 22px;
        bottom: 15px
    }

    .event_subVisual {
        height: 180px
    }

    .event_subVisual .event_cont .link {
        align-content: flex-start;
        padding: 25px 27px 25px 27px
    }

    .event_subVisual .event_cont .label {
        position: absolute;
        margin: 0;
        bottom: 24px;
        left: 27px
    }

    .event_subVisual .event_cont .img {
        width: 153px;
        height: 153px;
        top: auto;
        bottom: -33px;
        transform: none
    }

    .event_subVisual .swiper-controls {
        bottom: auto;
        top: 25px;
        left: auto;
        right: 9px;
        text-align: right
    }

    .event_subVisual.img_right .event_cont .link {
        padding-right: 70px
    }

    .event_subVisual.img_left .event_cont .link {
        padding-left: 20px;
        padding-right: 70px
    }

    .event_subVisual.img_left .event_cont .label {
        right: 20px
    }

    .event_subVisual.img_right .event_cont .img {
        right: 10px
    }

    .event_subVisual.img_left .event_cont .img {
        left: 10px
    }

    .event_subVisual.img_right .event_cont .label {
        left: 20px
    }

    body.has_eventTopBnr .event_subTop {
        height: 60px
    }

    .event_subTop .ly_inner {
        width: 100%;
        padding: 0
    }

    .event_subTop .event_cont {
        padding: 0 27px
    }

    .event_subTop .event_cont .link {
        padding: 0
    }

    .event_subTop .event_cont .link .txt {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .event_subTop .swiper-button-prev, .event_subTop .swiper-button-next {
        width: 24px;
        height: 24px;
        margin-top: -13px
    }

    .event_subTop .swiper-button-prev {
        left: 0
    }

    .event_subTop .swiper-button-next {
        right: 28px
    }

    .event_subTop .swiper-button-prev::before, .event_subTop .swiper-button-next::before {
        top: 8px
    }

    .event_subTop .swiper-button-next::before {
        left: 6px
    }

    .event_subTop .event_close_wrap {
        display: flex;
        width: 32px;
        left: auto;
        right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .event_subTop .event_close_wrap .event_close_check {
        display: none
    }

    .event_subTop .event_close_wrap .event_close {
        position: relative;
        top: 0;
        width: 30px;
        height: 30px;
        right: 0;
        background-image: url(/pconts/images/common/event_close_mo.png);
        background-size: 18px auto
    }

    .event_subTop.img_right .event_cont {
        padding-right: 63px
    }

    .event_subTop.img_right .event_cont .link {
        padding-right: 0
    }

    .event_subTop.has_swiper .swiper-controls {
        display: none
    }

    .event_subBanner {
        height: 110px
    }

    .event_subBanner .ly_inner {
        padding: 0
    }

    .event_subBanner .event_cont .label {
        margin-top: 12px
    }

    .event_subBanner .event_cont .img {
        width: 116px;
        height: 116px;
        top: auto;
        bottom: -20px;
        transform: none
    }

    .event_subBanner .swiper-controls {
        right: 27px
    }

    .event_subBanner.has_swiper .event_cont .img {
        bottom: -3px
    }

    .event_subBanner.img_right .event_cont .link {
        padding-right: 143px
    }

    .event_subBanner.img_left .event_cont .link {
        padding-left: 143px
    }

    .event_allmenu {
        width: 117px;
        padding: 14px
    }

    .event_allmenu .swiper-container, .event_allmenu .swiper-wrapper, .event_allmenu .swiper-slide {
        width: 100%;
        height: 100%
    }

    .event_allmenu .event_cont .tit {
        font-size: 11px;
        line-height: 15px;
        height: 30px;
        margin-top: 10px
    }

    .event_allmenu .event_cont .img img {
        width: 88px;
        height: 88px
    }

    .event_allmenu .event_cont .arw::after {
        width: 6px;
        height: 6px
    }

    .event_allmenu .swiper-button-prev {
        display: none
    }

    .event_allmenu .swiper-button-next {
        display: none
    }

    .event_allmenu .swiper-controls {
        display: none
    }

    .event_view {
        height: 100px
    }

    .event_view .ly_inner {
        padding: 0
    }

    .event_view .event_cont .cont, .event_view .event_cont .link {
        padding: 0 20px
    }

    .event_view .event_cont .img {
        width: 100px;
        height: 100px;
        top: auto;
        bottom: -15px;
        transform: none
    }

    .event_view.img_right .event_cont .cont, .event_view.img_right .event_cont .link {
        padding-right: 143px
    }

    .event_view.img_left .event_cont .cont, .event_view.img_left .event_cont .link {
        padding-left: 143px
    }

    .quickSrch_inner, .quickSrch_dimmer {
        transition: all 0.3s ease
    }

    .quickSrch_wrap.page_search .quickSrch_dimmer.is_active {
        display: block
    }

    .quickSrch_wrap .quickSrch {
        min-height: 105px !important
    }

    .quickSrch_wrap .close_wrap {
        position: absolute;
        right: 20px
    }

    .quickSrch_inner {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 161
    }

    .quickSrch_dimmer {
        z-index: 60
    }

    .quickSrch {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100% !important;
        margin: auto;
        padding: 0 20px
    }

    .quickSrch_inner.is_focused .quickSrch {
        height: 100%
    }

    .quickSrch .srch_input_wrap {
        flex: none;
        height: 58px
    }

    .quickSrch .srch_input_wrap .ico_srch {
        background-size: 20px 20px
    }

    .quickSrch .autoComplete_wrap {
        display: none;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-grow: 1
    }

    .quickSrch .autoComplete_wrap.is_visible {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .quickSrch .autoComplete_wrap .ac_scroll {
        -webkit-box-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: auto;
        margin: 0 -20px;
        padding: 0 20px
    }

    .quickSrch_wrap .quickSrch_inner {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        background-color: transparent
    }

    .quickSrch_wrap.is_acOnly .srch_input_wrap {
        display: block
    }

    .autoComplete_wrap .ac_option {
        margin: 0 -20px;
        padding: 0 20px
    }

    .autoComplete_wrap .ac_menu {
        padding: 3px 0 0 0
    }

    .totalSrch_wrap {
        padding-top: 0
    }

    .srch_input_wrap {
        height: 58px
    }

    .srch_input_wrap input {
        height: 100%;
        line-height: 56px;
        font-size: 15px;
        padding-left: 30px;
        padding-right: 0;
        padding-bottom: 0
    }

    .srch_input_wrap .label {
        font-size: 17px;
        line-height: 16px
    }

    .srch_input_wrap .btn_search {
        width: 17px;
        height: 17px;
        left: 0;
        margin-top: -8px;
        background-size: 100% auto
    }

    .srch_input_wrap .btn_back {
        background-size: 10px 15px
    }

    .srch_input_wrap input:focus {
        padding-left: 28px;
        padding-right: 0;
        line-height: 52px
    }

    .srch_input_wrap input::placeholder {
        font-size: 15px;
        font-weight: 400;
        line-height: 56px
    }

    .srch_input_wrap input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 400;
        line-height: 56px
    }

    .srch_input_wrap input::-moz-placeholder {
        font-size: 15px;
        font-weight: 400;
        padding-left: 30px;
        line-height: 56px
    }

    .srch_input_wrap input:-moz-placeholder {
        font-size: 15px;
        font-weight: 400;
        padding-left: 30px;
        line-height: 56px
    }

    .srch_input_wrap input::-ms-input-placeholde {
        font-size: 15px;
        font-weight: 400;
        padding-left: 30px;
        line-height: 56px
    }

    .srch_input_wrap input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 400;
        padding-left: 30px;
        line-height: 56px
    }

    .srch_tags_wrap .hashtag {
        font-size: 15px
    }

    .srch_count_wrap {
        padding-top: 29px;
        padding-bottom: 27px
    }

    .srch_count_wrap p {
        font-size: 17px;
        line-height: normal
    }

    .logInfo_wrap {
        padding-top: 36px;
        padding-right: 0;
        padding-left: 0
    }

    .logInfo_wrap .msg_wrap {
        font-size: 17px;
        text-align: center
    }

    .logInfo_wrap .btn_wrap {
        margin-top: 14px
    }

    .logInfo_wrap .btn_wrap .btn.btn.mo_btn_fix01 {
        padding: 0
    }

    .totalSrch_sec {
        padding: 31px 0 0
    }

    .totalSrch_sec .title_wrap {
        margin-bottom: 18px
    }

    .totalSrch_sec .h_title {
        font-size: 18px
    }

    .totalSrch_sec .s_title {
        margin-bottom: 11px;
        font-size: 16px;
        font-weight: 700;
        color: #333
    }

    .totalSrch_sec .s_title + .btn-area {
        margin-top: 14px
    }

    .totalSrch_sec .more_area {
        margin-top: 13px
    }

    .totalSrch_sec .more_page {
        margin-top: 28px
    }

    .totalSrch_sec.result {
        margin-top: 30px;
        padding: 0
    }

    .totalSrch_sec.result .title_wrap {
        padding-bottom: 10px;
        border-bottom: 1px solid #eeeeee
    }

    .totalSrch_sec.result .title_wrap .select_wrap {
        width: auto
    }

    .srch_nodata {
        margin: 47px 0 25px;
        padding-top: 104px;
        background-size: 90px 90px
    }

    .totalSrch_sec.type_menu.result .breadcrumb_list p + p {
        margin-top: 14px
    }

    .totalSrch_sec.type_quick.expend_wrap {
        padding: 34px 0 40px
    }

    .totalSrch_sec.type_card .con_wrap {
        padding-top: 10px
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li {
        padding: 12px 0
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_name_wrap {
        padding-left: 0;
        float: none
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap {
        width: 110px;
        margin-top: 0;
        text-align: center
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap img {
        width: 100px;
        height: auto
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap {
        width: calc(100% - 110px)
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li {
        font-size: 13px;
        padding-left: 0
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li::after {
        content: '';
        display: block;
        clear: both
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {
        padding-top: 7px
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {
        background-position: 22px -3px
    }

    .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {
        width: 90px;
        position: static;
        float: left
    }

    .totalSrch_sec.type_card.result .title_wrap {
        margin-bottom: 28px
    }

    .totalSrch_sec.type_finance P.marker_dot.Mid {
        font-size: 15px
    }

    .totalSrch_sec.type_qna .title_wrap {
        margin-bottom: 21px
    }

    .totalSrch_sec.type_qna .srch_list li + li {
        margin-top: 26px
    }

    .totalSrch_sec.type_finance .srch_finance_list .item, .totalSrch_sec.type_info .srch_info_list .item {
        margin-top: 25px
    }

    .totalSrch_sec.type_notice .title_wrap {
        margin-bottom: 19px
    }

    .totalSrch_sec.type_notice .noti_list li + li {
        margin-top: 24px
    }

    .totalSrch_sec.type_notice .noti_list li a {
        display: block
    }

    .totalSrch_sec.type_notice .noti_list li a .txt {
        display: block;
        width: 100%
    }

    .totalSrch_sec.type_notice .noti_list li a .tit {
        position: static;
        width: 100%
    }

    .totalSrch_sec.type_event .title_wrap {
        margin-bottom: 12px
    }

    .totalSrch_sec.type_event .list01[data-type="card"] .event_info .title {
        height: 40px;
        line-height: 20px
    }

    .totalSrch_sec.type_etc {
        padding-bottom: 0
    }

    .totalSrch_sec.type_etc .title_wrap {
        margin-bottom: 19px
    }

    .totalSrch_sec.type_etc .define_items .tit {
        margin-bottom: 0
    }

    .totalSrch_sec.type_etc .define_items .txt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .shCardApp_list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -8px
    }

    .shCardApp_list > li {
        width: 50%;
        padding: 8px
    }

    .shCardApp_list a {
        display: block
    }

    .shCardApp_list .app_item {
        padding: 16px 6px 0 6px;
        width: 100%;
        height: 155px
    }

    .shCardApp_list .app_item dt i {
        width: 53px;
        height: 53px
    }

    .shCardApp_list .app_item dt .tit {
        font-size: 15px;
        margin-top: 10px
    }

    .shCardApp_list .app_item dd {
        margin-top: 5px
    }

    .autoComplete_wrap .ac_item {
        width: 100%
    }

    .autoComplete_wrap .ac_btn_keyword {
        width: 100%
    }

    .autoComplete_wrap .ac_list {
        padding: 7px 0
    }

    .autoComplete_wrap .ac_quick_wrap .ac_quick_group {
        margin: 0
    }

    .autoComplete_wrap .ac_quick_wrap .ac_quick_list {
        width: 100%;
        padding: 5px 0
    }
}

@media only screen and (min-width: 1101px) {
    .main_index #header {
        height:auto !important
    }

    .main_index #header .main_con .gnb_wrap {
        display: none !important
    }

    .totalSrch_sec.type_etc .define_items .txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 27px;
        height: 54px
    }
}

@media only screen and (max-width: 1100px) and (max-height:570px) {
    .allmenu_nav_wrap .allmenu_etc {
        bottom:auto;
        top: 445px
    }
}

@media only screen and (max-width: 760px) {
    .btn_colgap .btn.btn_link {
        margin-bottom:8px;
        vertical-align: top
    }

    .btn_colgap .btn.btn_link + .btn.btn_link {
        margin-bottom: 0
    }

    .btn.row02m {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        line-height: 1.3
    }

    .btn.row02m:after {
        vertical-align: middle
    }

    .btn.row02m.btn_outlink {
        height: inherit;
        padding: 4px 16px 3px
    }

    .btn.row02m.btn_outlink:after {
        vertical-align: initial
    }

    .btn.row02m span {
        display: inline-block;
        vertical-align: middle
    }

    .btn.row02m span br {
        display: inline-block
    }

    .accessMode {
        display: block
    }

    .is_accessMode #header {
        position: relative !important;
        height: auto !important
    }

    .is_accessMode #container {
        padding-top: 0 !important
    }

    .is_accessMode #header .header_body, .is_accessMode #header .gnb_wrap, .is_accessMode #header .gnb_wrap .nav_area .dep1 {
        height: auto
    }

    .is_accessMode #header .gnb_wrap .nav_area .dep1 {
        flex-wrap: wrap;
        transform: none !important
    }

    .is_accessMode #header .gnb_wrap .swiper-button-next {
        display: none !important
    }

    .is_accessMode .quick_fixed {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .is_accessMode .quick_fixed .quick_top, .is_accessMode .quick_fixed .quick_talk {
        margin: 0
    }

    .is_accessMode .main_index #header .main_con {
        position: relative !important
    }

    .is_accessMode .main_index #header .main_search {
        position: relative !important;
        margin-top: 70px;
        opacity: 1 !important
    }

    .is_accessMode .main_index #header .main_banner {
        position: relative !important;
        margin-top: 70px;
        bottom: 0 !important
    }

    .is_accessMode .main_index #header .main_con .gnb_wrap {
        position: relative !important
    }

    .is_accessMode .m_fixed {
        position: relative !important
    }

    .email_wrap .input_wrap {
        width: calc(50% - 17.5px)
    }

    .email_wrap .select_wrap {
        width: 100%;
        margin-top: 8px;
        margin-left: 0
    }

    body.app_shfan #wrap:not(.main_index) #header {
        display: none;
        height: 0
    }

    body.app_shfan #wrap:not(.main_index) #container {
        padding-top: 0px
    }
}

@media only screen and (max-width: 1100px) {
    .word_break_all {
        word-break:break-all !important
    }

    .flex_box.flex_equal .flex_item {
        flex: 1 1 0
    }

    .h_title38 {
        font-size: 1.9rem
    }

    .h_title24 {
        font-size: 1.8rem
    }

    .h_title {
        font-size: 1.6rem
    }

    .h_title.m_font_lg {
        font-size: 1.8rem
    }

    .c_title {
        font-size: 1.6rem
    }

    .c_title_m15 {
        font-size: 1.5rem
    }

    .s_title {
        font-size: 1.3rem
    }

    .contents_heading {
        display: none
    }

    p.marker_dot.Small, ul.marker_dot.Small > li, ol.marker_dot.Small > li {
        padding-left: 8px
    }

    p.marker_hyphen.Small, ul.marker_hyphen.Small > li, ol.marker_hyphen.Small > li {
        padding-left: 11px
    }

    p.marker_refer.Small, ul.marker_refer.Small > li {
        padding-left: 16px
    }

    p.marker_txt.XLarge, ul.marker_txt.XLarge > li {
        padding-left: 20px
    }

    p.marker_txt.XLarge .txt, ul.marker_txt.XLarge > li .txt {
        left: -20px
    }

    p.marker_txt.XLarge .h_title + ul, ul.marker_txt.XLarge > li > .h_title + ul, ul.marker_txt.XLarge > li > .h_title + p {
        margin-top: 8px
    }

    p.marker_txt.XLarge .two , ul.marker_txt.XLarge > li.two {
        padding-left: 28px
    }

    p.marker_txt.XLarge .two .txt, ul.marker_txt.XLarge > li.two .txt {
        left: -28px
    }

    p.marker_number.XLarge, ul.marker_number.XLarge > li {
        padding-left: 20px
    }

    p.marker_number.XLarge .number, ul.marker_number.XLarge > li > p > .number {
        left: -20px
    }

    p.marker_number.XLarge .h_title + ul, ul.marker_number.XLarge > li > .h_title + ul, ul.marker_number.XLarge > li > .h_title + p, p.marker_number.XLarge .h_title24 + ul, ul.marker_number.XLarge > li > .h_title24 + ul, ul.marker_number.XLarge > li > .h_title24 + p {
        margin-top: 8px
    }

    p.marker_number.XLarge .two , ul.marker_number.XLarge > li.two {
        padding-left: 28px
    }

    p.marker_number.XLarge .two .number, ul.marker_number.XLarge > li.two .number {
        left: -28px
    }

    .marker_wrap .s_title +.marker_dot, .marker_wrap .s_title +.marker_hyphen, .marker_wrap .c_title +.marker_dot, .marker_wrap .c_title +.marker_hyphen {
        margin-top: 16px
    }

    .marker_wrap .marker_dot + .s_title, .marker_wrap .marker_hyphen + .s_title, .marker_wrap .marker_dot + .c_title, .marker_wrap .marker_hyphen + .c_title {
        margin-top: 30px
    }

    .sh_agreement + .btn_wrap {
        margin-top: 30px
    }

    .sh_agreement .h_title + .c_title, .sh_agreement .btn_wrap + .c_title, .sh_agreement .link_group + .c_title, .sh_agreement .bg_gray + .c_title {
        margin-top: 12px;
        margin-bottom: 7px
    }

    .sh_agreement .h_title24 + .h_title, .sh_agreement .h_title24 + .marker_number, .sh_agreement .h_title24 + .font_basic {
        margin-top: 14px
    }

    .sh_agreement .table_wrap + .c_title, .sh_agreement .h_title24 + .c_title {
        margin-bottom: 7px
    }

    .sh_agreement .marker_number + .c_title, .sh_agreement .marker_dot + .c_title, .sh_agreement .marker_refer + .c_title, .sh_agreement .marker_hyphen + .c_title, .sh_agreement .marker_txt + .c_title, .sh_agreement .font_basic + .c_title {
        margin-bottom: 7px
    }

    .sh_agreement .font_md + .h_title, .sh_agreement .marker_number + .h_title, .sh_agreement .marker_dot + .h_title, .sh_agreement .marker_refer + .h_title, .sh_agreement .marker_hyphen + .h_title, .sh_agreement .marker_txt + .h_title, .sh_agreement .font_basic + .h_title {
        margin-top: 30px
    }

    .sh_agreement.personal_info .h_title24 + [class^="marker_"] + .h_title24, .sh_agreement.personal_info .h_title24 + .btn_wrap + .h_title24, .sh_agreement.personal_info .h_title24 + .font_basic + .h_title24 {
        margin-top: 40px
    }

    .sh_agreement.personal_info .h_title, .sh_agreement.personal_info .marker_number + .h_title {
        margin-top: 30px
    }

    .sh_agreement.personal_info .marker_number > li > .c_title {
        margin-top: 12px;
        margin-bottom: 7px
    }

    .sh_agreement_select .select_wrap {
        flex-grow: 1;
        flex-shrink: 1
    }

    .sh_agreement_select .select_wrap + .btn_wrap {
        width: 100%;
        margin-top: 20px;
        margin-left: 0
    }

    .sh_agreement_select .select_wrap + .btn_wrap .btn.rectangle {
        margin-left: 0
    }

    .sh_agreement_select + .sh_agreement_select_cmt {
        margin-top: 12px
    }

    .sh_agreement_select label {
        display: none
    }

    .has_not_select .sh_agreement {
        padding-top: 30px
    }

    .text_group + .text_group {
        margin-top: 36px
    }

    .expend_wrap_m {
        display: block;
        position: relative;
        margin: 0;
        padding: 0
    }

    .expend_wrap_m::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 0;
        left: calc(-50vw + 50%);
        top: 0;
        width: 100vw;
        height: 100%
    }

    .expend_wrap_m.bg_lightgray::before {
        background-color: #f2f4f8;
        background-color: rgba(242, 244, 248, 1.0)
    }

    .expend_wrap_m.bg_gray::before {
        background-color: #f6f6f6;
        background-color: rgba(246, 246, 246, 1.0)
    }

    .expend_wrap_m.bg_gray01::before {
        background-color: #fafafa;
        background-color: rgba(250, 250, 250, 1.0)
    }

    .expend_wrap_m.bg_prim::before {
        background-color: #086ac5;
        background-color: rgba(8, 106, 197, 1.0)
    }

    .expend_wrap_m.bg_prim01::before {
        background-color: #4868e1;
        background-color: rgb(72, 104, 225, 1.0)
    }

    .expend_wrap_m.bg_darkprim::before {
        background-color: #081350;
        background-color: rgba(8, 19, 80, 1.0)
    }

    .expend_wrap_m>* {
        position: relative;
        z-index: 1
    }

    .ly_inner.expend_wrap {
        padding-right: 27px;
        padding-left: 27px
    }

    .expend_wrap_m.bg_white::before {
        content: '';
        position: absolute;
        top: -1px;
        left: calc(-50vw + 50%);
        width: 100vw;
        height: 1px;
        background-color: #ddd
    }

    .expend_wrap_m.bg_white::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: calc(-50vw + 50%);
        width: 100vw;
        height: 1px;
        background-color: #ddd
    }

    .form_type .mo_inblock {
        display: inline-block !important
    }

    .form_tit {
        display: block;
        margin-top: -3px;
        font-size: 1.7rem
    }

    .form_tit span {
        display: block
    }

    .form_tit + .form_ele {
        margin-top: 21px
    }

    .form_type {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .form_type.expend_wrap {
        padding-top: 27px;
        padding-bottom: 27px
    }

    .form_type.has_fixBtn {
        padding-bottom: 50px
    }

    .form_type .h_wrap.gap40 {
        margin-bottom: 13px
    }

    .form_type .h_wrap.gap40 h4.title {
        font-size: 1.8rem;
        line-height: 22px
    }

    .form_type .form_type_tit {
        margin-top: 40px;
        margin-bottom: 16px;
        font-size: 1.8rem
    }

    .form_type .form_ele, .form_type .form_ele.sm {
        padding-left: 0
    }

    .form_type .form_ele + .form_ele, .form_type .form_ele + form, .form_type .form_ele + .tab_wrap, .form_type .tab_wrap + .form_ele, .form_type .sec + .sec {
        margin-top: 27px
    }

    .form_type .form_ele.text_tip_area {
        padding-bottom: 20px
    }

    .form_type .form_ele.text_tip_area + .form_ele {
        margin-top: 0
    }

    .form_type .form_ele.text_tip_area .text_tip + .text_tip {
        padding-top: 8px
    }

    .form_type.form_type02 .form_ele + .form_ele {
        margin-top: 50px
    }

    .form_type .form_ele + .form_ele.type06 {
        margin-top: 15px
    }

    .form_type .sec {
        display: none
    }

    .form_type .sec.comp, .form_type .sec.current, .form_type .sec.prev {
        display: block
    }

    .form_type .form_ele_group {
        margin-top: 27px
    }

    .form_type .form_ele + .h_wrap {
        margin-top: 38px
    }

    .form_type .form_ele .ele_tit, .form_type .form_ele .ele_txt {
        display: block;
        position: static;
        width: auto;
        padding-top: 0;
        padding-bottom: 10px
    }

    .form_type .form_ele .ele_tit label {
        font-size: 1.6rem;
        line-height: 20px;
        color: #333
    }

    .form_type .form_ele .ele_tit label span.text_xsm {
        display: block;
        margin-top: 0
    }

    .form_type .form_ele .ele_tit .btn_guide {
        margin: 0;
        float: right
    }

    .form_type .form_ele .col02.type02 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .form_type .form_ele .col02.type02 > div {
        width: 42%
    }

    .form_type .form_ele .col02.type02 > div + div {
        width: 58%
    }

    .form_type .form_ele.terms .ele_tit {
        padding-top: 0
    }

    .form_type .form_ele.accordion_wrap {
        margin-top: 20px
    }

    .form_type .form_ele.accordion_wrap .ele_tit {
        position: relative;
        float: none;
        padding-right: 20px;
        margin-left: 0;
        white-space: normal
    }

    .form_type .form_ele.accordion_wrap .accordion_header {
        position: static
    }

    .form_type .form_ele.accordion_wrap .accordion_header button.acc_btn, .form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn, .form_type .form_ele.accordion_wrap.ext_date .accordion_header button.acc_btn, .form_type .form_ele.accordion_wrap.ext_date .accordion_header a[role="button"].acc_btn {
        position: absolute;
        left: 0;
        top: 0;
        padding: 32px 0 0;
        z-index: 10
    }

    .form_type .form_ele.accordion_wrap .accordion_header button.acc_btn:after, .form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header button.acc_btn:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header a[role="button"].acc_btn:after {
        top: 3px
    }

    .form_type .form_ele.accordion_wrap .accordion_header button.acc_btn.on:after, .form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn.on:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header button.acc_btn.on:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header a[role="button"].acc_btn.on:after {
        top: 7px
    }

    .form_type .form_ele .form_txt {
        padding-top: 0;
        margin-bottom: 0;
        font-size: 1.8rem
    }

    .form_type .form_ele .form_txt02 {
        padding-top: 0;
        font-size: 1.5rem;
        line-height: 1.51
    }

    .form_type .form_ele .ele_tit + .form_txt02 {
        margin-top: -4px
    }

    .form_txt02 + .tab_type01 .radio_wrap {
        display: block
    }

    .form_type .btn_wrap.btn_foot {
        margin-bottom: 0
    }

    .form_ele .jumin_type {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .form_ele .jumin_type .last {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .form_type .inner_check_wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .form_type .inner_check_wrap .check_default, .form_type .inner_check_wrap .check_default + .check_default {
        margin-right: 0;
        width: 50%
    }

    .radio_wrap.type_grid ul li {
        flex: none
    }

    .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span {
        padding: 12px 0 11px 13px !important
    }

    .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em {
        font-size: 1.5rem;
        line-height: 1.29
    }

    .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em span {
        margin-bottom: 4px;
        font-size: 1.2rem;
        line-height: 1.3
    }

    .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span i.tbx {
        display: none
    }

    .radio_wrap.type_grid .radio_btn.type04 input[type="radio"] + span {
        padding: 10px 10px 9px !important
    }

    .radio_wrap.type_grid .radio_btn.type04 input[type="radio"]:checked + span {
        padding: 9px 9px 8px !important
    }

    .radio_wrap.type_grid .radio_btn.type04 input[type="radio"] + span em {
        line-height: 1.44
    }

    .radio_wrap.type_grid .radio_btn.type05 input[type="radio"]:checked + span {
        padding: 10px 7px 8px
    }

    .radio_wrap.type_grid .radio_btn.type05 input[type="radio"] + span em span {
        word-wrap: break-word
    }

    .radio_wrap.type_grid .ico {
        width: 40px;
        height: 40px;
        margin-top: 2px
    }

    .radio_wrap.type_grid .ico + em {
        padding: 7px 0 4px;
        line-height: 1.2 !important
    }

    .radio_wrap.type_grid .ico.ico_state01 {
        background: url(/pconts/images/icon/ico_state01.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state02 {
        background: url(/pconts/images/icon/ico_state02.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state03 {
        background: url(/pconts/images/icon/ico_state03.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state04 {
        background: url(/pconts/images/icon/ico_state04.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state05 {
        background: url(/pconts/images/icon/ico_state05.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state06 {
        background: url(/pconts/images/icon/ico_state06.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state07 {
        background: url(/pconts/images/icon/ico_state07.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state08 {
        background: url(/pconts/images/icon/ico_state08.png) no-repeat left top;
        background-size: 40px 40px
    }

    .radio_wrap.type_grid .ico.ico_state09 {
        background: url(/pconts/images/icon/ico_state09.png) no-repeat left top;
        background-size: 40px 40px
    }

    .form_ele .sch_result {
        padding: 20px 15px
    }

    .form_ele .sch_result .btn_del {
        top: 13px;
        right: 13px
    }

    .form_ele.has_btn .btn_wrap.btn_small {
        position: absolute;
        top: -5px;
        right: 0
    }

    .form_wrap {
        height: auto
    }

    .form_type.only_right {
        float: none;
        min-width: 100%;
        padding: 0
    }

    .form_type.only_right .form_ele {
        padding-left: 0
    }

    .form_type.only_right .form_ele .ele_tit {
        width: 100%;
        padding-left: 0
    }

    .form_type.only_right .flex_row {
        display: block
    }

    .form_type.only_right .flex_row .select_wrap {
        width: 100%
    }

    .form_type.only_right .flex_row .select_wrap + .btn_wrap {
        margin-top: 20px;
        padding: 0
    }

    .form_type.center_type {
        width: 100%
    }

    .form_type.center_type .form_ele .ele_tit {
        padding-bottom: 10px
    }

    .radio_table_wrap .radio_wrap .type_btn input[type="radio"] + span {
        height: 67px;
        padding: 6px 5px 5px
    }

    .radio_table_wrap .radio_wrap .type_btn input[type="radio"] + span strong {
        font-size: 1.6rem;
        line-height: 2.3rem
    }

    .radio_table_wrap .radio_wrap .type_btn input[type="radio"] + span .ico + strong {
        line-height: 1.9rem
    }

    .radio_table_wrap .radio_wrap .ico {
        width: 33px;
        height: 33px;
        margin-top: 8px
    }

    .radio_table_wrap .radio_wrap .ico + strong {
        padding: 4px 0 7px
    }

    .radio_tab_wrap li label input[type="radio"] + span {
        padding: 14px 5px 13px 5px;
        border: solid #ddd 1px;
        font-size: 1.6rem
    }

    .radio_tab_wrap02 li {
        margin-right: 13px
    }

    .radio_tab_wrap02 li label input[type="radio"] + span {
        padding: 9px 5px 7px;
        font-size: 1.6rem
    }

    .check_wrap.theme_blue label {
        text-align: center
    }

    .check_wrap.theme_blue label input[type="checkbox"] + span {
        font-size: 13px;
        padding: 11px 4px 10px 5px
    }

    .radio_wrap.type_grid .radio_btn input[type="radio"] + span em .tbm {
        width: 100%
    }

    .check_list > li {
        width: 104px;
        height: 105px
    }

    .check_list > li .icon_box {
        background-size: 33px
    }

    .check_list > li .icon_box .check_txt {
        padding: 61px 0 23px;
        border-radius: 4px
    }

    .check_list > li .icon_box .check_txt.row02 {
        padding: 53px 0 12px
    }

    .check_list > li .icon_box input[type="checkbox"]:checked + .check_txt, .check_list > li .icon_box input[type="radio"]:checked + .check_txt {
        padding: 60px 0 22px
    }

    .check_list > li .icon_box input[type="checkbox"]:checked + .check_txt.row02, .check_list > li .icon_box input[type="radio"]:checked + .check_txt.row02 {
        padding: 52px 0 11px
    }

    .check_list.flex_row > li {
        margin: 0;
        height: auto
    }

    .check_list02 label span {
        height: 105px;
        padding: 53px 10px 12px;
        font-size: 1.5rem;
        line-height: 1.3
    }

    .check_list02 label span.row02 {
        padding: 53px 10px 12px;
        line-height: 1.3
    }

    .check_list02 label span:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 14px;
        width: 33px;
        height: 33px;
        transform: translateX(-50%)
    }

    .check_list02 label input[type="checkbox"]:checked + span, .check_list02 label input[type="radio"]:checked + span {
        padding: 52px 10px 11px
    }

    .check_list02 label input[type="checkbox"]:checked + span.row02,.check_list02 label input[type="radio"]:checked + span.row02 {
        padding: 52px 10px 11px
    }

    .check_list03 label span {
        height: 50px;
        padding: 5px;
        font-size: 1.5rem;
        line-height: 1.24
    }

    .icon_box.icon13 {
        background: url(/pconts/images/icon/ico_icon13_m.png) no-repeat
    }

    .icon_box.icon14 {
        background: url(/pconts/images/icon/ico_icon14_m.png) no-repeat
    }

    .icon_box.icon15 {
        background: url(/pconts/images/icon/ico_icon15_m.png) no-repeat
    }

    .icon_box.icon16 {
        background: url(/pconts/images/icon/ico_icon16_m.png) no-repeat
    }

    .icon_box.icon17 {
        background: url(/pconts/images/icon/ico_icon17_m.png) no-repeat
    }

    .icon_box.icon18 {
        background: url(/pconts/images/icon/ico_icon18_m.png) no-repeat
    }

    .check_wrap.type_agree .check_agree {
        height: auto;
        margin-top: 5px;
        line-height: 1.3
    }

    .check_wrap.type_acc .check_type3 span, .check_wrap.type_acc .check_type3 + .info_txt {
        padding: 0 38px 0 55px
    }

    .check_wrap.type_acc .check_type3 button.btn_check_pop span {
        padding: 0
    }

    .df_list_wrap {
        padding-top: 0;
        padding-bottom: 15px
    }

    .df_list_wrap .df_list .item {
        padding: 0 10px 10px 10px
    }

    .df_list_wrap .df_list .item.tit {
        padding: 16px 30px 0 10px
    }

    .df_list_wrap .df_list .item.con {
        padding: 16px 10px 0 0
    }

    .df_list_wrap .df_list .item.tit {
        width: 50%
    }

    .df_list_wrap .df_list .item.tit01 {
        width: 60%;
        padding: 10px 0 3px 10px
    }

    .df_list_wrap .df_list .item.con01 {
        width: 40%;
        padding: 10px 10px 3px 0px
    }

    .df_list_wrap .df_list .item.con, .df_list_wrap.single .df_list .item.con, .df_list_wrap.single.pc .df_list .item.con {
        width: 50%
    }

    .df_list_wrap .df_list.type02 .item.tit {
        width: 114px
    }

    .df_list_wrap .df_list.type02 .item.con {
        width: calc(100% - 114px)
    }

    .df_list_wrap .df_list.type04 .item.tit {
        width: 50%
    }

    .df_list_wrap.single.pc .df_list.type04 .item.con {
        width: 50%
    }

    .df_list_wrap .df_list.type05 .item.tit {
        width: 50%
    }

    .df_list_wrap.single.pc .df_list.type05 .item.con {
        width: 50%
    }

    .df_list_wrap .df_list .item_wrap.form_ele .item {
        padding-top: 5px;
        padding-bottom: 15px
    }

    .df_list_wrap .df_list .item_wrap.form_ele .item.tit {
        padding-top: 17px;
        padding-bottom: 5px
    }

    .df_list_wrap .df_list .item_wrap.form_ele .item.con {
        width: 100%;
        padding: 0 0 0 10px
    }

    .df_list_wrap.trs {
        display: block
    }

    .df_list_wrap.trs .df_list {
        display: block;
        float: none;
        width: 100%
    }

    .df_list_wrap.trs .df_list .item_wrap dt:nth-child(3) {
        clear: both
    }

    .df_list_wrap.trs .df_list .item {
        display: block;
        float: left;
        word-break: break-all
    }

    .df_list_wrap.trs.min_height60 .df_list .item {
        min-height: 60px
    }

    .df_list_wrap.vertical_type {
        padding: 16px 0 15px
    }

    .df_list_wrap.vertical_type .item {
        margin-top: 8px;
        padding: 0 10px
    }

    .df_list_wrap.vertical_type .item dt {
        font-weight: 700
    }

    .df_list_wrap + .font_sm {
        margin-top: 7px
    }

    .dl_wrap.top_line {
        padding-top: 15px
    }

    .dl_wrap.top_line2 {
        padding-top: 15px
    }

    .dl_wrap.btm_line {
        padding-bottom: 15px
    }

    .dl_wrap.cover_pd_type01 {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .dl_wrap.no_padding {
        padding: 0
    }

    .dl_wrap .df_list {
        display: block
    }

    .dl_wrap .df_list .item_wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .dl_wrap .df_list .item.tit {
        display: block;
        width: 42%;
        padding: 7px 20px 0 10px
    }

    .dl_wrap .df_list .item.con {
        display: block;
        width: 58%;
        padding: 7px 10px 0 0
    }

    .dl_wrap .df_list .item.tit.wide {
        width: 42%
    }

    .dl_wrap .df_list .item.tit.wide + .item.con {
        width: 58%
    }

    .dl_wrap.single .df_list .item.tit {
        width: 40%;
        word-wrap: break-word
    }

    .dl_wrap.single .df_list .item.con {
        width: 60%
    }

    .dl_wrap.line_pd_type01 .df_list .item.tit {
        padding: 0px 14px 0 0px
    }

    .dl_wrap.line_pd_type01 .df_list .item.con {
        padding: 0
    }

    .dl_wrap .df_list .item_wrap:first-of-type dt:nth-of-type(2), .dl_wrap .df_list .item_wrap:first-of-type dd:nth-of-type(2) {
        padding-top: 7px
    }

    .dl_wrap .df_list .item_wrap_tit {
        margin-bottom: 5px;
        padding-left: 10px
    }

    .dl_wrap .df_list .item_wrap + .item_wrap_tit {
        margin-top: 30px
    }

    .dl_wrap .df_list .item_wrap .item.min_height {
        min-height: 60px
    }

    .dl_wrap.dl_onelist .df_list .item_wrap {
        float: none;
        width: 100%
    }

    .dl_wrap.dl_onelist .df_list .item.con {
        width: 58%
    }

    .dl_wrap.dl_onelist .df_list .item_wrap:nth-of-type(2) dt, .dl_wrap.dl_onelist .df_list .item_wrap:nth-of-type(2) dd {
        padding-top: 7px
    }

    .dl_wrap .df_list_both {
        padding: 26px 10px 23px
    }

    .dl_wrap .df_list_both .item_wrap .tit {
        margin-bottom: 0
    }

    .dl_wrap .df_list_both .item_wrap .con {
        font-size: 18px
    }

    .table_wrap table th, .table_wrap table td {
        padding: 15px 15px
    }

    .df_list_col_wrap .df_list_col {
        display: block;
        padding: 10px
    }

    .df_list_col_wrap .df_list_col .item_wrap {
        overflow: hidden
    }

    .df_list_col_wrap .df_list_col .item_wrap::after {
        display: none
    }

    .df_list_col_wrap .df_list_col .item_wrap + .item_wrap {
        margin-top: 10px
    }

    .df_list_col_wrap .df_list_col .item_wrap .item:first-child {
        float: left
    }

    .df_list_col_wrap .df_list_col .item_wrap .item:last-child {
        float: right;
        margin: 0
    }

    .df_list_col_wrap.arrow_r .df_list_col .item_wrap .item {
        float: none
    }

    .df_list_col_wrap.arrow_r .df_list_col .item_wrap {
        float: left;
        width: 50%;
        padding: 27px 0;
        text-align: left
    }

    .df_list_col_wrap.arrow_r .df_list_col .item_wrap + .item_wrap {
        margin-top: 0;
        text-align: right
    }

    .df_list_col_wrap.justify_c [class^="df_list"] .item_wrap {
        margin-right: 0
    }

    .df_list_col_wrap.MY047C03 .df_list_col {
        padding: 10px 0
    }

    .df_list_col_wrap.MY047C03 .df_list_col .item_wrap dt.item {
        float: left;
        width: 100px
    }

    .df_list_col_wrap.MY047C03 .df_list_col .item_wrap dd.item {
        float: left;
        margin: 0
    }

    .table_wrap .ele_confirm .btn.mid {
        display: block;
        height: 32px;
        margin: 3px 0 0;
        padding: 0 14px;
        font-size: 1.3rem;
        line-height: 32px
    }

    .table_wrap .ele_confirm.complete span {
        padding-right: 25px
    }

    .table_scroll_area {
        overflow-x: auto
    }

    .table_scroll_area .table_wrap {
        width: 1080px
    }

    .table_scroll_area .mCSB_draggerContainer {
        display: block
    }

    .table_scroll_area .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 30px
    }

    .table_scroll_area .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        height: 10px;
        border-radius: 5px;
        background-color: #f6f6f6
    }

    .table_scroll_area .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 10px;
        border-radius: 5px;
        background-color: #767676
    }

    .table_wrap table.col.acc tr:first-child th:last-child {
        padding-bottom: 10px
    }

    .table_wrap.in_bdr.two_mst {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .table_wrap.in_bdr.two_mst table th, .table_wrap.in_bdr.two_mst table td {
        border: 0;
        background: transparent;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .table_wrap .col01 {
        width: 42%
    }

    .table_info {
        display: block !important;
        float: inherit;
        top: inherit;
        margin-top: -3px;
        padding-bottom: 11px;
        font-size: 13px;
        line-height: 1.53
    }

    .h_title + .table_info {
        padding-top: 0
    }

    .list_group .list01[data-type="list"] {
        border-top-color: #ddd
    }

    .list_group .list_headnote01 {
        padding-bottom: 15px
    }

    .list_group .list_headnote01 .count {
        font-size: 1.3rem
    }

    .list_group .list_headnote01 .count .num {
        color: #111
    }

    .list_group .list_headnote01 .view_pattern .view_card_pattern, .list_group .list_headnote01 .view_pattern .view_list_pattern {
        background-size: 16px 16px
    }

    .list_group .list_headnote01 .sort_type {
        margin: 0 15px -5px 0
    }

    .list_group .list_headnote02 {
        display: block;
        padding: 0 0 10px
    }

    .list_group .list_headnote02 .left_area {
        margin-bottom: 15px
    }

    .list01[data-type="list"] .notice_news {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-flow: row;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .list01[data-type="list"] .notice_news .cell1 {
        float: none;
        width: 100%;
        margin-bottom: 12px;
        padding-left: 0
    }

    .list01[data-type="list"] .notice_news .cell1 > .title_area:only-child {
        max-width: 100%
    }

    .list01[data-type="list"] .notice_news .cell2 {
        float: none;
        width: 100%
    }

    .list01[data-type="list"] .notice_news .title {
        white-space: inherit;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 45px
    }

    .list_group [data-type="card"] > ul > li {
        width: 100%
    }

    .list_group [data-type="card"] .notice_news {
        padding-right: 20px;
        padding-left: 20px
    }

    .list_group [data-type="card"] .notice_news .cell1 {
        margin-bottom: 24px
    }

    .list01[data-type="card"] .notice_news .cell3 {
        padding: 0 20px
    }

    .list01[data-type="card"] .notice_news .badge_area {
        left: 90px
    }

    .event_list_swiper {
        position: relative;
        padding: 10px 0
    }

    .event_list_swiper .swiper-container {
        overflow: visible
    }

    .event_list_swiper .swiper-button-prev, .event_list_swiper .swiper-button-next {
        display: block;
        position: absolute;
        top: 50%;
        width: 22px;
        height: 30px;
        margin: -15px 0 0 0;
        background: rgba(0,0,0,0.5)
    }

    .event_list_swiper .swiper-button-prev::before, .event_list_swiper .swiper-button-next::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 7px;
        height: 12px;
        margin-left: -3px;
        margin-top: -6px;
        background: url(/pconts/images/icon/ico_eventList_nav.png) no-repeat center center / 100% 100%
    }

    .event_list_swiper .swiper-button-prev {
        left: 0px
    }

    .event_list_swiper .swiper-button-next {
        right: 0px
    }

    .event_list_swiper .swiper-button-next::before {
        transform: rotate(-180deg)
    }

    .event_list_swiper .list01.event_list[data-type="card"] ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        margin: -7px
    }

    .event_list_swiper .list01.event_list[data-type="card"] ul > li {
        float: none;
        width: 25%;
        padding: 7px
    }

    .event_list_swiper .list01.event_list[data-type="card"] ul > li .event_info .thumbnail {
        height: auto
    }

    .event_list_swiper.no_swiper .swiper-button-prev, .event_list_swiper.no_swiper .swiper-button-next {
        display: none
    }

    .event_list_swiper.no_swiper .swiper-container {
        overflow: visible
    }

    .event_list_swiper.no_swiper .swiper-wrapper {
        display: block;
        width: auto
    }

    .event_list_swiper.no_swiper .list01.event_list[data-type="card"] ul > li {
        width: 25%
    }

    .list01[data-type="list"] .user_info {
        padding: 20px 0
    }

    .list01[data-type="list"] .user_info .cell1 {
        display: none
    }

    .list01[data-type="list"] .user_info .cell2 {
        width: 100%;
        padding-left: 0
    }

    .list01[data-type="list"] .user_info .title .card_name {
        display: block;
        margin-bottom: 5px;
        font-size: 1.6rem
    }

    .list01[data-type="list"] .user_info .title .card_nums {
        display: block;
        font-weight: 400;
        font-size: 1.6rem;
        color: #111
    }

    .list01[data-type="list"] .user_info .info {
        width: auto
    }

    .list01[data-type="list"] .user_info .info:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #111
    }

    .list01[data-type="list"] .apply_info {
        padding: 20px 0
    }

    .list01[data-type="list"] .apply_info .cell1 {
        width: 100%
    }

    .list01[data-type="list"] .apply_info .cell2 {
        width: 100%;
        padding-left: 0;
        padding-bottom: 33px
    }

    .list01[data-type="list"] .apply_info .date {
        position: absolute;
        bottom: 23px
    }

    .list01[data-type="list"] .apply_info .title {
        width: 100%;
    }

    .list_group .list01 .simple_item {
        height: 90px
    }

    .list_group .list01 .simple_item .date {
        position: absolute;
        bottom: 20px;
        left: 0
    }

    .list_group .list01 .simple_item.type01 .date, .list_group .list01 .simple_item.type02 .date, .list_group .list01 .simple_item.type03 .date {
        min-width: auto;
        font-size: 1.3rem
    }

    .list_group .list01 .simple_item .state {
        position: absolute;
        bottom: 20px;
        right: 0
    }

    .list_group .list01 .simple_item .tit {
        padding: 20px 0 46px
    }

    .list_group .list01 .simple_item.type02 .tit {
        padding: 20px 0 70px
    }

    .list_group .list01 .form_download {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 15px 0
    }

    .list_group .list01 .form_download .date {
        order: 2;
        position: static;
        width: 100%;
        margin-bottom: 7px;
        transform: translateY(0)
    }

    .list_group .list01 .form_download .tit {
        flex-basis: auto;
        order: 1;
        margin-bottom: 7px;
        padding-right: 0;
        padding-left: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 100%;
        max-height: 4rem;
        font-size: 1.6rem;
        line-height: 2rem;
        white-space: normal
    }

    .list_group .list01 .form_download .btn_wrap {
        order: 3;
        position: static;
        width: 100%;
        text-align: left;
        transform: translateY(0)
    }

    .list_group .list01 .form_download.download_item_one .date {
        order: 2;
        position: static;
        width: 100%;
        margin-bottom: 12px;
        padding-right: 90px;
        transform: translateY(0)
    }

    .list_group .list01 .form_download.download_item_one .tit {
        order: 1;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 100%;
        max-height: 4rem;
        margin-bottom: 12px;
        padding-right: 90px;
        padding-left: 0;
        font-size: 1.6rem;
        line-height: 2rem;
        white-space: normal
    }

    .list_group .list01 .form_download.download_item_one .btn_wrap {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .list_group .list01 .form_download.download_item_one .pop_detail {
        order: 3;
        padding-left: 0
    }

    .list01[data-type="list"] .type-board {
        padding: 18px 0
    }

    .list01[data-type="list"] .type-board .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 45px;
        padding-right: 65px;
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 2.4rem;
        white-space: normal
    }

    .list01[data-type="list"] .pay_info .cell2 > div {
        display: block;
        min-width: auto
    }

    .card_list01[data-type="card"] .payment_info {
        height: 50px
    }

    .card_list01[data-type="card"] .payment_info .date {
        position: absolute;
        top: 0px;
        left: 0
    }

    .card_list01[data-type="card"] .payment_info .bank {
        position: absolute;
        top: 0px;
        left: 80px
    }

    .card_list01[data-type="card"] .payment_info .state {
        position: absolute;
        bottom: calc(50% - 10px);
        right: 0
    }

    .card_list01[data-type="card"] .payment_info .title {
        position: absolute;
        bottom: 0px;
        left: 0
    }

    .list_group .list03 .donate_item {
        height: 115px;
        padding: 20px 10px
    }

    .list_group .list03 .detail_sec {
        display: block;
        margin-top: 5px
    }

    .list_group .list03 .detail_sec .donate_detail {
        width: 100%
    }

    .list_group .list03 .detail_sec .donate_detail + .donate_detail {
        margin: 5px 0 0 0
    }

    .list_group .list03 .donate_item02 {
        height: auto;
        padding: 18px 10px
    }

    .list_group .list03 .donate_item02 .detail_sec .cel1 {
        display: block;
        width: 60%
    }

    .list_group .list03 .donate_item02 .detail_sec .cel1 p {
        word-break: break-all
    }

    .list_group .list03 .donate_item02 .detail_sec .cel1 .donate_type {
        margin-left: 0
    }

    .list_group .list03 .donate_item02 .detail_sec .cel2 {
        width: 40%
    }

    .list_group .list03 .donate_item02 .detail_sec .cel2 p {
        font-size: 18px
    }

    .list04 {
        margin-top: 0px
    }

    .list04[data-type="list"] ul > li > .item {
        height: 70px;
        line-height: 37px
    }

    .list04[data-type="list"] .date {
        bottom: 18px;
        top: inherit;
        width: auto;
        font-size: 13px;
        line-height: 1
    }

    .list04[data-type="list"] .title {
        max-width: 85%;
        height: 37px;
        padding-left: 0px
    }

    .list04[data-type="list"] .badge {
        margin-top: 10px;
        padding: 1px
    }

    .thumb_list .list {
        margin: -30px -13px 0 -13px
    }

    .thumb_list .list li {
        width: 50%;
        padding: 30px 13px 0 13px
    }

    .thumb_list .list li .thumbnail, .thumb_list .list li .thumbnail img {
        width: 100%
    }

    .thumb_list .list li .tit {
        margin-top: 15px;
        text-align: left
    }

    .checkbox_list.shadow li .check_default {
        position: relative;
        padding: 14px 20px
    }

    .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.item01:before {
        top: 50%;
        left: 19px;
        transform: translateY(-50%)
    }

    .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.item01:after {
        top: calc(50% + 8px);
        left: 24px;
        transform: translateY(calc(-50% - 8px))
    }

    .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span {
        padding-left: 35px
    }

    .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.w100 {
        padding-left: 45px
    }

    .checkbox_list.shadow .check_wrap .check_default strong.color_block {
        display: block;
        margin-left: 0px
    }

    .checkbox_list.shadow .item01 {
        position: static
    }

    .checkbox_list.shadow .item02 {
        margin-top: 6px;
        padding-left: 33px
    }

    .checkbox_list .line_wrap li .contArea span.info {
        display: block;
        margin-left: 0px;
        margin-top: 5px
    }

    .checkbox_list.shadow .check_wrap .w100 .df_list_wrap span.txt_info {
        display: block;
        margin-right: 20px
    }

    .radio_ul_bind li {
        padding: 20px 10px
    }

    .radio_ul_basic li .radio_wrap span > span {
        display: table
    }

    .radio_ul_basic li .radio_wrap .info {
        padding-left: 0
    }

    .radio_ul_basic li .radio_wrap .date {
        position: static;
        font-size: 13px;
        margin: 5px 0
    }

    .radio_list.shadow li .radio_default {
        position: relative
    }

    .radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span.item01:before {
        top: 50%;
        left: 19px;
        transform: translateY(-50%)
    }

    .radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span.item01:after {
        top: calc(50% + 8px);
        left: 24px;
        transform: translateY(calc(-50% - 8px))
    }

    .radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span {
        padding: 14px 20px 14px 57px
    }

    .radio_list.shadow .radio_default input[type="radio"] + span:before {
        left: 15px
    }

    .radio_list.shadow .radio_default input[type="radio"] + span:after {
        left: 21px
    }

    .radio_list.shadow .item01 {
        position: static
    }

    .radio_list.shadow .item02 {
        margin-top: 6px;
        padding-left: 33px
    }

    .radio_list_group .radio_wrap label {
        width: 100%
    }

    .radio_input_mix .radio_wrap {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px
    }

    .radio_input_mix .radio_wrap, .radio_input_mix .input_wrap {
        float: none
    }

    .radio_input_mix .radio_wrap + .input_wrap {
        width: calc(100% - 35px);
        margin-left: 35px
    }

    .usage_item {
        height: auto;
        padding-top: 17px;
        padding-bottom: 17px
    }

    .usage_item .usage_info, .usage_item dl {
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: calc(100% - 125px)
    }

    .usage_item .usage_info .title_area, .usage_item dl dt {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 0;
        font-size: 1.6rem
    }

    .usage_item .usage_info .title_area strong span {
        display: block
    }

    .usage_item .usage_info .texts_area, .usage_item dl dd {
        width: 100%;
        padding-right: 0;
        font-size: 1.3rem;
        line-height: 20px
    }

    .usage_item .usage_info .texts_area .country, .usage_item .usage_info dd .country {
        width: 100%
    }

    .usage_item .price_info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-self: flex-start;
        width: 164px;
        padding-right: 0
    }

    .usage_item .price_info .price {
        order: 0;
        margin-bottom: 3px
    }

    .usage_item .price_info .osprice {
        order: 2
    }

    .usage_item .price_info .btn_wrap {
        order: 1;
        position: static;
        min-height: 28px;
        margin-bottom: 3px;
        transform: translateY(0)
    }

    .usage_item .price_info .pricetext_area {
        order: 1;
        position: static;
        margin-bottom: 3px;
        transform: translateY(0)
    }

    .usage_item .price_info .pricetext_area p {
        font-size: 13px;
        color: #111
    }

    .usage_item.type03 .usage_info .title_area {
        width: 100%;
        padding-left: 35px
    }

    .usage_item.type03 .usage_info .check_wrap {
        width: 100%
    }

    .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span {
        line-height: 20px
    }

    .usage_item.type03 .usage_info.type02 {
        padding-right: 130px
    }

    .usage_item.type03 .price_info.type02 {
        position: absolute;
        right: 0;
        height: calc(100% - 33px)
    }

    .usage_item.type03 .price_info.type02 .price.bottom {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .usage_item.type04 .usage_info .title_area, .usage_item.type04 dl dt {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 0;
        font-size: 1.6rem
    }

    .usage_transport {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .usage_transport .location_info .location {
        font-weight: 400;
        font-size: 15px
    }

    .usage_transport .location_info .location .date {
        width: 100%
    }

    .usage_transport .location_info .departure:after {
        bottom: -32px
    }

    .usage_transport .location_info .arrival {
        margin-top: 20px
    }

    .usage_transport .detail_info .means_area {
        margin-bottom: 10px
    }

    .usage_transport .detail_info .texts_area {
        font-size: 13px;
        line-height: 20px
    }

    .usage_transport .detail_info .texts_area .info {
        display: inline-flex;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .usage_transport .detail_info .texts_area .price {
        width: 100%;
        margin-left: 0
    }

    .usage_transport .detail_info .texts_area .info_user {
        order: 2
    }

    .usage_transport .detail_info .texts_area .ico_card_logo {
        order: 2;
        margin-left: 5px
    }

    .usage_transport .detail_info .texts_area .info_num {
        order: 2;
        margin-left: 5px
    }

    .usage_transport .detail_info .texts_area .price {
        order: 1;
        margin-bottom: 8px
    }

    .list01[data-type="list"] .finance_info {
        padding: 23px 0 40px
    }

    .list01[data-type="list"] .finance_info .name {
        width: 50%
    }

    .list01[data-type="list"] .finance_info .tel_no {
        float: right;
        width: 50%;
        text-align: right
    }

    .list01[data-type="list"] .finance_info .site_nm {
        position: absolute;
        bottom: 18px;
        left: 0;
        width: 100%
    }

    .list01.event_list[data-type="list"] + .btn_wrap {
        margin-top: 40px
    }

    .list01[data-type="list"] .event_info {
        padding: 20px 0
    }

    .list01[data-type="list"] .event_info .cell2 {
        display: block;
        width: 100%;
        padding: 0
    }

    .list01[data-type="list"] .event_info .cell2 .badge {
        margin-bottom: 8px
    }

    .list01[data-type="list"] .event_info .cell2 .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-height: 42px;
        margin-left: 0
    }

    .list01[data-type="list"] .event_info .cell3 .date {
        display: inline-block;
        margin-top: 10px
    }

    .list01.event_list[data-type="card"] > ul {
        margin: -7px -10px
    }

    .list01.event_list[data-type="card"] > ul > li {
        width: 25%;
        padding: 7px
    }

    .list01.event_list[data-type="card"] .event_info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .list01.event_list[data-type="card"] .event_info .cell1 {
        -webkit-box-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: hidden
    }

    .list01[data-type="card"] .event_info {
        height: 100%
    }

    .list01[data-type="card"] .event_info .cell1 {
        height: auto
    }

    .list01[data-type="card"] .event_info .text_cell {
        padding: 13px 15px
    }

    .list01[data-type="card"] .event_info .cell2 {
        margin-bottom: 5px
    }

    .list01[data-type="card"] .event_info .cell2 .badge {
        margin-bottom: 8px;
        border-radius: 10px
    }

    .list01[data-type="card"] .event_info .title {
        height: 36px;
        font-size: 15px;
        line-height: 1.2
    }

    .list01[data-type="card"] .event_info .cell3 {
        margin-top: 0px
    }

    .list01[data-type="card"] .event_info .info .date {
        font-size: 13px;
        margin-top: 0
    }

    .list01.event_list[data-type="card"] .event_info .cell1 .thumbnail {
        height: 156px
    }

    .list01.event_list[data-type="card"] + .btn_wrap {
        margin-top: 40px
    }

    .list01[data-type="list"] .evtapply_info {
        display: block;
        padding: 20px 0
    }

    .list01[data-type="list"] .evtapply_info .cell1 {
        display: block;
        width: 100%
    }

    .list01[data-type="list"] .evtapply_info .cell2 {
        width: 100%;
        padding-right: 20px
    }

    .list01[data-type="list"] .evtapply_info .cell2 .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-height: 42px;
        margin-top: 12px
    }

    .list01[data-type="list"] .evtapply_info .cell2 .status {
        display: block;
        margin-top: 12px
    }

    .ui_calendar {
        padding: 20px 0
    }

    .ui_calendar_head {
        height: 17px
    }

    .ui_calendar_title .text {
        font-size: 1.7rem
    }

    .ui_calendar_title .prev {
        top: -4px;
        left: 2px
    }

    .ui_calendar_title .prev:before {
        top: 8px;
        left: 10px;
        width: 8px;
        height: 8px
    }

    .ui_calendar_title .next {
        top: -4px;
        right: 2px
    }

    .ui_calendar_title .next:before {
        top: 8px;
        right: 10px;
        width: 8px;
        height: 8px
    }

    .ui_calendar_body {
        margin-top: 15px
    }

    .ui_calendar_table thead th {
        height: 30px;
        font-size: 1.3rem
    }

    .ui_calendar_table tbody td {
        height: 45px
    }

    .ui_calendar_table tbody td button {
        width: 25px;
        height: 25px;
        font-size: 1.3rem
    }

    .ui_calendar_table .cal_price, .ui_calendar_table .cal_payday {
        font-size: 8px
    }

    .ui_calendar_table .blind_mo {
        position: absolute;
        width: 1px;
        height: 1px;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .ui_calendar_box .ui_calendar_days .day_item.prd.sat::before, .ui_calendar_box .ui_calendar_days .day_item.prd.prd_E::before {
        width: 100%
    }

    .ui_calendar_box .ui_calendar_days .day_item.prd.sun::before, .ui_calendar_box .ui_calendar_days .day_item.prd.prd_S::before {
        width: 100%
    }

    .ui_calendar_box .ui_calendar_days .day_item.prd.sun.prd_S::before, .ui_calendar_box .ui_calendar_days .day_item.prd.sat.prd_S::before, .ui_calendar_box .ui_calendar_days .day_item.prd.sun.prd_E::before, .ui_calendar_box .ui_calendar_days .day_item.prd.sat.prd_E::before {
        width: 100%;
        left: 0
    }

    .addr_item .addr_wrap .title_area {
        margin-bottom: 8px
    }

    .addr_item .addr_wrap .title_area em {
        display: block
    }

    .addr_item .addr_wrap .title_area em:before {
        display: none
    }

    .addr_item .btn_wrap {
        text-align: right
    }

    .ico_card_logo {
        height: 20px
    }

    .accordion_wrap.mgt90 {
        margin-top: 40px!important
    }

    .accordion_wrap.accordion_check .accordion_header {
        padding: 0
    }

    .accordion_wrap.accordion_check dd ol, .accordion_wrap.accordion_check dd .con {
        padding-left: 25px
    }

    .accordion_wrap.accordion_check dd .list_wrap {
        padding-left: 55px
    }

    .accordion_wrap.accordion_check dt {
        margin-top: 10px
    }

    .accordion_header {
        padding: 0;
        position: relative
    }

    .accordion_header button.acc_btn, .accordion_header a[role="button"].acc_btn {
        padding-right: 0;
        padding-left: 0
    }

    .accordion_wrap.type02 .accordion_header button.acc_btn.cell {
        width: 35px
    }

    .accordion_header button.acc_btn.medium, .accordion_header a[role="button"].acc_btn.medium {
        padding-top: 17px;
        padding-bottom: 17px;
        font-size: 1.8rem;
        line-height: 1.4
    }

    .accordion_header button.acc_btn.medium, .accordion_header a[role="button"].acc_btn.medium, .accordion_header button.acc_btn.big, .accordion_header a[role="button"].acc_btn.big {
        padding-right: 0;
        padding-left: 10px
    }

    .accordion_header button.acc_btn.big {
        padding-right: 60px;
        line-height: 22px
    }

    .accordion_header button.acc_btn.medium, .accordion_header a[role="button"].acc_btn.medium {
        padding-right: 34px
    }

    .accordion_header button.acc_btn.medium > .date, .accordion_header a[role="button"].acc_btn.medium > .date {
        font-size: 1.3rem
    }

    .accordion_header button.acc_btn.line_two {
        line-height: 1.3
    }

    .accordion_body .area.medium {
        padding: 10px 10px 25px
    }

    .accordion_body .area.state_area {
        padding: 18px 20px 20px
    }

    .accordion_body .area {
        padding: 18px 10px 20px
    }

    .accordion_body .area .marker_dot2 + .title {
        margin-top: 30px
    }

    .accordion_body .area p.small {
        font-size: 1.3rem
    }

    .accordion_body .area.addpad {
        padding: 18px 20px 40px
    }

    .accordion_wrap .accordion_body .area .marker_refer, .accordion_wrap .accordion_body .area .marker_dot > li, .accordion_wrap .accordion_body .area .marker_hyphen > li {
        font-size: 15px
    }

    .accordion_wrap .accordion_body .area .marker_hyphen > li .font_basic {
        font-size: 15px !important
    }

    .accordion_wrap.bottom_guide dd + dt {
        margin-top: 20px
    }

    .pcblock_mbinline {
        display: inline
    }

    .pcmgt10_mbmgt40 {
        margin-top: 40px
    }

    .pcfloat_mbfloatnone {
        float: none
    }

    .accordion_wrap.accor_type01 {
        margin-top: 40px
    }

    .accordion_header button.acc_btn:after, .accordion_header a[role="button"].acc_btn:after {
        left: calc(100% - 19px)
    }

    .accordion_wrap.faq .toggle_btn {
        padding: 16px 40px 16px;
        font-size: 16px;
        line-height: 1.5
    }

    .accordion_wrap.faq .toggle_btn::before {
        top: 20px;
        left: 10px;
        width: 10px;
        height: 15px;
        background: url(/pconts/images/common/ico_q_m.png) no-repeat center;
        background-size: 10px 15px
    }

    .accordion_wrap.faq .accordion_header + .accordion_body {
        padding: 0
    }

    .accordion_wrap.faq .accordion_body .inner {
        padding: 16px 40px 16px
    }

    .accordion_wrap.faq .accordion_body .inner::before {
        top: 20px;
        left: 10px;
        width: 12px;
        height: 14px;
        background: url(/pconts/images/common/ico_a_m.png) no-repeat center;
        background-size: 12px 14px
    }

    .accordion_wrap.faq .accordion_header button.acc_btn:after, .accordion_wrap.faq .accordion_header a[role="button"].acc_btn:after {
        left: auto;
        right: 10px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: url(/pconts/images/common/acco_arrow_bottom_m.png) no-repeat center;
        background-size: 10px auto
    }

    .accordion_wrap.type02 .accordion_header .radio_wrap .radio_default, .accordion_wrap.type02 .accordion_header .check_wrap .check_default {
        padding: 20px 0
    }

    .accordion_wrap.type02 .accordion_header .usage_item {
        padding-right: 22px
    }

    .accordion_wrap.type02 .accordion_header .usage_item + button.acc_btn.cell {
        width: 22px
    }

    .accordion_wrap.type03 .text_wrap {
        padding: 20px 10px 20px
    }

    .accordion_wrap.type03 .text_wrap .loan_name {
        display: block
    }

    .accordion_wrap.type03 .text_wrap .card_number {
        display: block;
        margin-left: 0
    }

    .accordion_header button.acc_btn.medium:after, .accordion_header a[role="button"].acc_btn.medium:after {
        left: calc(100% - 31px)
    }

    .accordion_wrap.type03 .text_wrap.side_btn {
        width: calc(100% - 50px)
    }

    .accordion_wrap.type03 .text_wrap.side_btn + button {
        width: 50px;
        height: 92px
    }

    .accordion_body .state_area {
        padding: 20px 15px
    }

    .accordion_body .state_area.pd_type01 {
        padding: 0 0 20px 0
    }

    .accordion_body:nth-of-type(1) .area.medium .title:first-child {
        margin-top: 0
    }

    .accordion_body .area.medium .marker_dot li {
        font-size: 1.5rem
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default > span:before, .accordion_wrap.type04 .accordion_header .check_wrap .check_default > span:before {
        left: 0
    }

    .accordion_wrap.type04 .accordion_header .acc_btn.medium:after {
        left: calc(100% - 31px)
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default, .accordion_wrap.type04 .accordion_header .check_wrap .check_default {
        padding: 20px 0
    }

    .accordion_wrap.type04 .accordion_header .cell1 {
        padding-right: 44px
    }

    .accordion_wrap.type04 .accordion_header .acc_btn {
        width: 44px
    }

    .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap.side_btn + button {
        right: -11px;
        width: 34px
    }

    .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap {
        width: calc(100% - 10px);
        padding: 19px 0
    }

    .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap .rig_cont {
        position: absolute
    }

    .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap .lef_cont {
        font-weight: 700;
        color: #111;
        font-size: 16px
    }

    .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .accordion_header .acc_btn.medium:after {
        top: 30px
    }

    .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .accordion_header + .accordion_body .area.state_area {
        padding: 8px 13px
    }

    .accordion_wrap.type04 .accordion_header .text_bind, .accordion_wrap.type04 .accordion_header .text_bind.title_only {
        padding-left: 10px
    }

    .accordion_wrap.type04 .accordion_header .text_bind.title_only {
        font-size: 1.6rem
    }

    .accordion_wrap.type04 .accordion_header .text_bind .back {
        display: block;
        position: relative;
        width: 100%
    }

    .accordion_wrap.type04 .accordion_header .text_bind .back .back_info {
        display: block;
        line-height: inherit
    }

    .accordion_wrap.type04 .accordion_header .text_bind .back .back_money {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        padding-right: 0;
        font-size: 2rem
    }

    .accordion_wrap.type04 .accordion_header .text_bind .front {
        position: relative;
        left: 0;
        top: 1px;
        font-size: 1.3rem
    }

    .accordion_wrap.type04 .accordion_header.side_btn .text_bind {
        padding-left: 10px
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind {
        display: inline-block;
        position: relative;
        width: 100%;
        padding-left: 35px
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back {
        display: block;
        position: relative;
        width: 100%
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_info {
        display: block;
        line-height: 1.5
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_money {
        display: block;
        position: relative;
        right: 0;
        top: 0;
        padding-right: 0;
        font-size: 2rem
    }

    .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .front {
        position: relative;
        left: 0;
        top: 1px;
        font-size: 1.3rem
    }

    .accordion_wrap.type06 .accordion_header .usage_item .usage_info {
        flex: 0 0 auto;
        width: calc(100% - 115px)
    }

    .accordion_wrap.type06 .accordion_header .usage_item .price_info {
        flex: 0 0 auto;
        width: 115px
    }

    .new_accordion_wrap .accordion_header button.acc_btn, .new_accordion_wrap .accordion_header a[role="button"].acc_btn {
        padding: 20px 20px 18px;
        font-size: 1.3rem;
        color: #111
    }

    .new_accordion_wrap .accordion_body {
        padding-top: 1px
    }

    .new_accordion_wrap .accordion_body p {
        font-size: 1.3rem;
        line-height: 1.43
    }

    .new_accordion_wrap .accordion_body p + p {
        margin-top: 9px
    }

    .card_inquiry_list .accordion_header .cell1 {
        padding-left: 20px
    }

    .card_inquiry_list.accordion_wrap.type02 .accordion_header .cell1 {
        padding-right: 63px
    }

    .card_inquiry_list .accordion_header .acc_btn {
        width: 62px
    }

    .card_inquiry_list .accordion_header .acc_btn.medium:after {
        left: calc(100% - 38px)
    }

    .card_inquiry_list .accordion_header .card_head {
        padding: 15px 0
    }

    .card_inquiry_list .accordion_header .cell1 .card_head {
        padding-left: 0
    }

    .card_inquiry_list .accordion_header .check_wrap.card_head, .card_inquiry_list .accordion_header .radio_wrap.card_head {
        padding-left: 0
    }

    .card_inquiry_list .accordion_header .check_wrap.card_head label, .card_inquiry_list .accordion_header .radio_wrap.card_head label {
        padding: 0
    }

    .card_inquiry_list .accordion_header .card_exp .card_exp_n {
        display: block;
        margin-top: 7px
    }

    .card_inquiry_list .radio_wrap input[type="radio"], .card_inquiry_list .check_wrap input[type="checkbox"] {
        top: 50%;
        margin-top: -13px
    }

    .card_inquiry_list .radio_wrap .radio_default input[type="radio"] + span, .card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span {
        padding-left: 36px
    }

    .card_inquiry_list .radio_wrap .radio_default input[type="radio"] + span:before, .card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span:before {
        top: 50%;
        margin-top: -13px
    }

    .card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span:after {
        top: 50%;
        margin-top: -5px
    }

    .card_inquiry_list .radio_wrap .radio_default input[type="radio"]:checked + span:after {
        top: 50%;
        margin-top: -7px
    }

    .card_inquiry_list .head_tit .txt02 {
        display: block;
        margin-left: 0;
        margin-top: 3px
    }

    .card_inquiry_list .head_tit .txt02, .card_inquiry_list .head_tit .txt02 .card_name {
        line-height: 1.4
    }

    .card_inquiry_list .head_tit .txt04 {
        display: block;
        margin-left: 0px
    }

    .card_inquiry_list .accordion_body .area {
        padding: 16px 20px
    }

    .card_inquiry_list .state_area .state_list.type02 {
        padding-left: 0
    }

    .card_inquiry_list .state_area .state_list dt {
        width: 110px
    }

    .card_inquiry_list .inner_form {
        padding: 10px 20px
    }

    .card_inquiry_list .inner_form .form_ele {
        padding-left: 118px
    }

    .card_inquiry_list .inner_form .form_ele .ele_tit {
        width: 118px;
        font-size: 1.5rem
    }

    .card_inquiry_list .inner_form .form_ele p.color_red {
        font-size: 1.5rem
    }

    .card_inquiry_list .state_list.type02 li > span, .card_inquiry_list .state_list.type02 li > strong {
        font-size: 1.5rem
    }

    .card_inquiry_list .accordion_header .card_exp {
        position: static;
        top: auto;
        bottom: 0;
        transform: translate(0px)
    }

    .card_inquiry_list .card_item_type1 .accordion_header .card_head {
        padding-right: 0
    }

    .card_inquiry_list.no_acc .accordion_header .cell1 {
        padding-right: 0
    }

    .card_inquiry_list.no_acc.accordion_wrap.type02 .accordion_header .cell1 {
        padding-right: 20px
    }

    .card_inquiry_list.accordion_wrap.type02 .accordion_header button.acc_btn.cell {
        top: 0;
        width: 63px;
        height: 100%;
        padding: 0
    }

    .card_inquiry_list.accordion_wrap.type02 .accordion_header button.acc_btn.medium:after {
        left: auto;
        right: 23px
    }

    .card_inquiry_list .card_item_type1 .accordion_header .card_exp {
        padding-bottom: 0
    }

    .accordion_wrap.card_type .accordion_header .acc_btn {
        padding: 18px 20px;
        font-size: 1.6rem
    }

    .accordion_wrap.card_type .accordion_header button.acc_btn.medium:after, .accordion_wrap.card_type .accordion_header a[role="button"].acc_btn.medium:after {
        right: 23px
    }

    .card_request_info {
        padding: 18px 20px
    }

    .card_request_list + .card_request_list {
        margin-top: 6px
    }

    .card_request_list dt {
        -webkit-box-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100px;
        font-size: 1.5rem
    }

    .card_request_list dd {
        -webkit-box-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% - 100px);
        font-size: 1.6rem
    }

    .accordion_wrap.flag button.acc_btn {
        padding-left: 80px;
        padding-right: 45px;
        line-height: 20px;
        word-break: break-all
    }

    .full_terms .check_wrap.type_agree.all {
        margin-bottom: 10px
    }

    .full_terms .accordion_wrap.accordion_check + .accordion_wrap.accordion_check, .full_terms .accordion_wrap.accordion_check + .check_wrap.type_agree, .full_terms .check_wrap.type_agree + .accordion_wrap.accordion_check, .full_terms .check_wrap.type_agree + .check_wrap.type_agree {
        margin-top: 10px
    }

    .full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span + span.sub_info_txt {
        font-size: 1.5rem
    }

    .full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span > span.sub_info_txt {
        margin-top: 3px;
        padding-bottom: 3px;
        font-size: 1.5rem;
        line-height: 1.51
    }

    .full_terms .accordion_body p.type01 {
        font-size: 1.3rem
    }

    .full_terms .accordion_body p.type02 {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 1.51
    }

    .full_terms .accordion_body .marker_hyphen, .full_terms .accordion_body .marker_dot {
        padding-left: 52px
    }

    .full_terms .check_wrap.type_agree .check_agree input[type="checkbox"] + span {
        padding-right: 40px
    }

    .check_wrap.type_agree .check_agree input[type="checkbox"] + span {
        padding-left: 52px
    }

    .agree_check_group.type01 .check_wrap.type_agree {
        width: 45%
    }

    .full_terms .agree_check_group.type01 .check_wrap.type_agree .check_agree input[type="checkbox"] + span {
        padding-right: 20px
    }

    .full_terms .terms_tit {
        margin: 17px 0 10px;
        font-size: 1.5rem
    }

    .full_terms .add_desc_box {
        padding: 16px 0 4px;
        margin: 16px 20px 0
    }

    .full_terms .add_desc_box.open {
        padding-bottom: 4px
    }

    .full_terms .add_desc_box .float_l {
        float: none;
        width: 100%;
        padding: 0
    }

    .full_terms .add_desc_box .radio_wrap.type_btn {
        margin: 0
    }

    .full_terms .add_desc_box .radio_wrap .radio_btn {
        width: 100%
    }

    .full_terms .add_desc_box .inner_radio_wrap {
        position: static;
        left: 0;
        right: 0;
        top: 0;
        padding: 3px 0 11px
    }

    .full_terms .add_desc_box .inner_radio_wrap:after {
        content: '';
        display: block;
        width: 100%;
        clear: both
    }

    .full_terms .accordion_body .add_desc_box p {
        font-size: 1.5rem
    }

    .full_terms .accordion_body .add_desc_box p + .radio_wrap {
        margin-top: 7px
    }

    .full_terms .accordion_body .add_desc_box .radio_wrap .radio_default {
        float: left;
        width: 50%;
        margin: 2px 0
    }

    .full_terms .accordion_body .add_desc_box .radio_btn {
        margin-top: 4px
    }

    .full_terms .accordion_header button.acc_btn, .full_terms .accordion_header a[role="button"].acc_btn {
        font-weight: 700;
        font-size: 1.6rem
    }

    .full_terms .accordion_body.type02 {
        padding: 8px 20px 17px
    }

    .full_terms .accordion_body.type02 p {
        font-size: 1.5rem;
        line-height: 1.51
    }

    .full_terms .accordion_body.type02 .sub_terms {
        padding-left: 0;
        padding-right: 0
    }

    .full_terms .accordion_body.type02 .sub_terms p {
        font-size: 1.3rem;
        line-height: 1.43
    }

    .full_terms .accordion_body.type02 .radio_wrap.small_type {
        margin: -4px 0 0
    }

    .full_terms .accordion_body.type02 .radio_wrap.small_type .radio_default {
        margin: 3px 0 2px 0;
        width: 50%
    }

    .full_terms .accordion_body.type02 .radio_wrap.small_type .radio_default + .radio_default {
        margin: 3px 0 2px 0;
        width: 50%
    }

    .badge.new {
        width: 16px;
        height: 16px;
        padding: 1px;
        background-color: #4868e1;
        font-size: 10px;
        line-height: 16px
    }

    .badge.announce {
        width: 16px;
        height: 16px;
        background-size: 8px 8px
    }

    .checkbox_list .check_wrap .check_default {
        width: 100px
    }

    .checkbox_list .check_wrap .check_default input[type="checkbox"] + span {
        padding-left: 40px
    }

    .agreement_wrap .check_wrap.type_agree .check_agree {
        margin-top: 0
    }

    .agreement_wrap .agreement_inner > .accordion_wrap.accordion_check:before, .agreement_wrap .agreement_inner .check_wrap.check_only:before {
        content: '';
        display: block;
        position: absolute;
        left: -27px;
        bottom: -1px;
        width: 27px;
        height: 1px;
        background-color: #ddd
    }

    .agreement_wrap .agreement_inner > .accordion_wrap.accordion_check:after, .agreement_wrap .agreement_inner .check_wrap.check_only:after {
        content: '';
        display: block;
        position: absolute;
        right: -27px;
        bottom: -1px;
        width: 27px;
        height: 1px;
        background-color: #ddd
    }

    .agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree, .agreement_wrap .agreement_inner .accordion_body .agree_check_group .radio_default {
        width: 50%;
        margin-top: 8px
    }

    .agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree.full, .agreement_wrap .agreement_inner .accordion_body .agree_check_group .radio_default.full {
        width: 100%
    }

    .agreement_wrap .agree_check_group .check_wrap > .check_agree + .check_agree, .agreement_wrap .agree_check_group .radio_wrap > .radio_default + .radio_default {
        margin-left: 0
    }

    .agreement_wrap .agree_check_group .check_wrap .check_agree:first-child, .agreement_wrap .agree_check_group .radio_wrap .radio_default:first-child, .agreement_wrap .agree_check_group .check_wrap .check_agree:nth-child(2), .agreement_wrap .agree_check_group .radio_wrap .radio_default:nth-child(2) {
        margin-top: 0
    }

    .agreement_wrap .h_wrap + .accordion_wrap.all_acc {
        margin-top: 5px
    }

    .agreement_wrap .check_list_area .list .question.float_l {
        float: none
    }

    .agreement_wrap .check_list_area .list .radio_wrap.float_r {
        float: none;
        margin-top: 10px
    }

    .agreement_wrap .agreement_inner .check_wrap.check_only {
        padding-right: 0
    }

    .agreement_wrap .both_divide input[type="radio"] + span.rdo_area {
        padding: 14px
    }

    .agreement_wrap .both_divide input[type="radio"]:checked + span.rdo_area {
        padding: 13px
    }

    .tab_type01 .tab_list li a, .tab_type01 .tab_list li button {
        padding: 13px 20px 13px;
        font-size: 1.7rem
    }

    .tab_type01.swiper_tab .tab_pull {
        padding: 0 8px
    }

    .tab_type01.swiper_tab .tab_pull .swiper-container:before {
        content: '';
        display: block;
        position: absolute;
        left: -30px;
        top: 0;
        z-index: 2;
        width: 45px;
        height: calc(100% - 1px);
        background: linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))
    }

    .tab_type01.swiper_tab .tab_pull .swiper-container:after {
        content: '';
        display: block;
        position: absolute;
        right: -30px;
        top: 0;
        z-index: 2;
        width: 45px;
        height: calc(100% - 1px);
        background: linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))
    }

    .tab_type01.swiper_tab .tab_pull .swiper-button-next {
        width: 20px;
        height: 51px;
        right: -12px;
        top: 0;
        margin-top: 0;
        background: url('/pconts/images/common/arw_tab_next_m.png') no-repeat 0 top;
        background-size: 20px 52px
    }

    .tab_type01.swiper_tab .tab_pull .swiper-button-prev {
        width: 20px;
        height: 51px;
        left: -12px;
        top: 0;
        margin-top: 0;
        background: url('/pconts/images/common/arw_tab_prev_m.png') no-repeat 0 top;
        background-size: 20px 52px
    }

    .tab_type01.swiper_tab .tab_pull .swiper-button-disabled {
        display: block;
        opacity: 0.3
    }

    .tab_type01.has_sticky:before, .tab_type01.has_sticky .tab_sticky {
        height: 52px
    }

    .tab_type02 > .tab_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tab_type02 > .tab_list li {
        width: 50%;
        margin-top: 0;
        min-height: 49px;
        flex: inherit;
        border-left: 0;
        word-wrap: break-word
    }

    .tab_type02 > .tab_list li.m_hide {
        display: none
    }

    .tab_type02 .tab_list li:nth-child(1n+3) {
        margin-top: -1px
    }

    .tab_type02 .tab_list li a, .tab_type02 .tab_list li button {
        padding: 14px 5px 13px;
        font-size: 1.6rem;
        line-height: 1.2
    }

    .tab_type02 .tab_list.col2 li {
        flex: 0 0 auto;
        width: 50%
    }

    .tab_type02 .tab_list.col3_2 li {
        flex: 0 0 auto;
        width: 50%
    }

    .tab_type02 .tab_list.col3_3 li {
        flex: 0 0 auto;
        width: 33.33%
    }

    .tab_type02 .tab_list.col4_2 li {
        flex: 0 0 auto;
        width: 50%
    }

    .tab_type02 > .tab_list.col7_2 li {
        width: 50%
    }

    .tab_type02 > .tab_list.col7_2 li:last-child {
        width: 50%
    }

    .tab_type02 .tab_list.row2 li {
        min-height: 90px
    }

    .tab_type02.fixed .tab_list li {
        width: auto;
        flex: 1
    }

    .tab_type03 .tab_list {
        overflow: visible
    }

    .tab_type03 .tab_list li {
        margin-right: 13px
    }

    .tab_type03 .tab_list li a, .tab_type03 .tab_list li button {
        padding: 9px 5px 7px;
        font-size: 1.6rem
    }

    .tab_type03.swiper_tab .tab_pull .swiper-container:before {
        content: '';
        display: block;
        position: absolute;
        left: -30px;
        top: 0;
        z-index: 2;
        width: 45px;
        height: calc(100% - 1px);
        background: linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))
    }

    .tab_type03.swiper_tab .tab_pull .swiper-container:after {
        content: '';
        display: block;
        position: absolute;
        right: -30px;
        top: 0;
        z-index: 2;
        width: 45px;
        height: calc(100% - 1px);
        background: linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))
    }

    .tab_type03.swiper_tab .tab_pull .swiper-button-next {
        width: 20px;
        height: 34px;
        right: -12px;
        top: 0;
        margin-top: 0;
        background: url('/pconts/images/common/arw_tab_next_m.png') no-repeat 0 center;
        background-size: 20px auto
    }

    .tab_type03.swiper_tab .tab_pull .swiper-button-prev {
        width: 20px;
        height: 34px;
        left: -12px;
        top: 0;
        margin-top: 0;
        background: url('/pconts/images/common/arw_tab_prev_m.png') no-repeat 0 center;
        background-size: 20px auto
    }

    .tab_type04 .tab_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tab_type04 > .tab_list li {
        width: calc(50% - 4px);
        margin-right: 8px;
        flex: inherit
    }

    .tab_type04 > .tab_list li:nth-child(2n) {
        margin-right: 0
    }

    .tab_type04 > .tab_list li.m_hide {
        display: none
    }

    .tab_type04 .tab_list li:nth-child(1n+3) {
        margin-top: 10px
    }

    .tab_type04 .tab_list li a, .tab_type04 .tab_list li button {
        padding: 10px;
        font-size: 1.6rem
    }

    .tab_type04 .tab_list.col2 li {
        flex: 0 0 auto
    }

    .tab_type04 .tab_list.col3_2 li {
        flex: 0 0 auto
    }

    .tab_type04 .tab_list.col4_2 li {
        flex: 0 0 auto
    }

    .tab_type04 > .tab_list.col7_2 li {
        width: 50%
    }

    .tab_type04 > .tab_list.col7_2 li:last-child {
        width: 50%
    }

    .tab_type04 .tab_list.row2 li {
        min-height: 90px
    }

    .tab_type04.fixed .tab_list li {
        width: auto;
        flex: 1
    }

    .list_view .list_view_head .title {
        margin: 0 0 4px;
        font-size: 1.8rem
    }

    .list_view .list_view_head .info .date {
        font-size: 1.3rem
    }

    .list_view .list_view_body .txt_area .tit {
        padding: 12px 0 5px
    }

    .list_view .list_view_body .txt_area .tit:first-of-type {
        padding-top: 0
    }

    .badge_new {
        width: 16px;
        height: 16px;
        font-size: 1rem;
        line-height: 16px;
        vertical-align: middle
    }

    .complete_body {
        padding-top: 182px;
        background-position: 50% 90px;
        background-size: 112px auto
    }

    .complete_body .title {
        font-size: 2.4rem
    }

    .complete_body .sub_title {
        font-size: 1.6rem
    }

    .complete_body.type01 {
        padding-top: 182px;
        background-position: 50% 90px;
        background-size: 112px auto
    }

    .complete_body.type01_op20 {
        padding-top: 182px;
        background-image: none
    }

    .complete_body.type01_op20 span.bg {
        display: block;
        position: absolute;
        left: calc(50% - 56px);
        top: 90px;
        width: 112px;
        height: 70px;
        background-size: 100%;
        opacity: 1
    }

    .complete_body.type02 {
        background-position: 50% 56px
    }

    .complete_body.type02 .sub_title {
        padding-top: 0;
        text-align: center;
        color: #111
    }

    .complete_body.kakao_ryan {
        margin-top: 40px;
        padding-top: 107px;
        padding-bottom: 0;
        background-size: 90px auto;
        background-position-y: 0
    }

    .complete_body.kakao_ryan .sub_title {
        margin: 0;
        padding: 2px
    }

    .complete_body .complete_info, .complete_body .complete_info03, .complete_body .complete_info04 {
        width: 100%
    }

    .complete_body .complete_info02 {
        width: 100%;
        margin-bottom: 40px;
        padding: 16px 10px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .complete_body .complete_info02 li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 12px 0 10px;
        border-right: none
    }

    .complete_body .complete_info02 li strong {
        width: calc(100% - 70px);
        height: auto;
        margin: 0;
        display: inline-block
    }

    .complete_body .complete_info02 li a {
        width: 70px;
        font-size: 13px;
        text-align: right
    }

    .complete_body .complete_info p.detail_txt {
        font-size: 1.3rem
    }

    .complete_body .sub_box, .complete_body .sub_box.wsize01 {
        width: 100%;
        margin-bottom: 40px
    }

    .visual_txt {
        padding-bottom: 27px
    }

    .visual_txt::before {
        content: "";
        display: block;
        position: absolute;
        width: 100px;
        height: 1px;
        left: 0;
        bottom: 0
    }

    .visual_txt .txt_lg {
        font-size: 2.4rem;
        line-height: 1.4
    }

    .visual_txt .sub_txt {
        margin-top: 18px;
        font-size: 1.5rem
    }

    .visual_txt .sub_txt04 {
        margin-top: 10px;
        font-size: 1.5rem
    }

    .visual_txt .img_sec {
        position: relative;
        left: 0;
        display: block;
        padding-top: 5px
    }

    .visual_txt .img_sec img {
        width: 112px
    }

    .visual_txt.type01 .txt_lg {
        font-size: 2rem
    }

    .visual_txt.type02 {
        padding-bottom: 26px
    }

    .visual_txt.type02::before {
        width: 100px
    }

    .visual_txt.type02 p {
        line-height: 1.33
    }

    .visual_txt.type02 .sub_txt {
        margin-top: 21px;
        margin-bottom: -2px;
        font-size: 1.6rem;
        line-height: 1.5
    }

    .border_boxing {
        padding: 20px;
        border: 1px solid #dddddd
    }

    .border_boxing .step_wrap li {
        display: inline-block;
        width: 100%;
        padding: 18px 0
    }

    .border_boxing .step_wrap li .step_cont_wrap {
        text-align: center
    }

    .border_boxing .step_wrap li .step_cont_wrap img {
        width: 145px
    }

    .border_boxing .step_wrap li .step_cont_wrap .num {
        padding: 14px 0 0;
        font-size: 1.6rem;
        text-align: center
    }

    .border_boxing .step_wrap li .step_cont_wrap .txt {
        padding: 8px 0 0;
        font-size: 1.5rem;
        text-align: center
    }

    .loan_credit_list {
        font-size: 15px
    }

    .loan_credit_list li + li {
        margin-top: 8px
    }

    .association_number {
        font-size: 15px
    }

    .loan_credit_list + .para {
        font-size: 15px
    }

    .accordion_body .area .para {
        font-size: 15px
    }

    .text_link_group li {
        margin: 0 5px 10px 5px
    }

    .bank_wrap {
        padding: 14px 0
    }

    .bank_wrap_box {
        max-width: 100%
    }

    .bank_wrap [class^="bank_"] {
        width: 100%;
        float: none;
        text-align: left;
        height: 21px
    }

    .bank_wrap [class^="bank_"] [class^="icb_"] {
        height: 21px
    }

    .bank_wrap .bank_name [class^="icb_"] {
        line-height: 21px;
        background-size: 21px;
        padding: 0 0 0 29px
    }

    .bank_wrap .bank_number, .bank_wrap .bank_number:focus {
        margin-top: 7px;
        line-height: 21px;
        height: auto
    }

    .bank_wrap.novalue {
        padding: 0
    }

    .bank_wrap.novalue .bank_number {
        width: 100%;
        padding-top: 0;
        margin-top: 0;
        line-height: 42px
    }

    .bank_wrap.novalue .bank_number:focus {
        margin: 0;
        line-height: 42px
    }

    .bank_wrap.side_btn .bank_number {
        padding-right: 43px
    }

    .bank_wrap_box .btn_clear {
        top: auto;
        bottom: 0;
        margin-top: 0;
        height: 48px
    }

    .card_select .select_wrap, .card_select .btn.rectangle.next {
        width: 100%
    }

    .card_swiper .card_img {
        width: 240px;
        height: 100px
    }

    .card_swiper .card_img img {
        width: 240px;
        height: auto;
        margin-bottom: -52px;
        box-shadow: 0px 20px 15px -5px #000
    }

    .card_swiper .card_img img.rotate {
        width: auto;
        height: 240px;
        box-shadow: -14px -1px 20px -3px #000
    }

    .card_swiper .card_tit span {
        width: auto
    }

    .card_swiper .card_top_info {
        line-height: 25px
    }

    .card_swiper .chk_icon_wrap, .card_swiper .chk {
        top: 0;
        width: 240px;
        height: 100px;
        margin-left: -120px
    }

    .card_swiper .chk_focus {
        width: 240px;
        height: 98px;
        margin-left: -120px;
        border-radius: 8px 8px 0 0
    }

    .card_swiper [class^='nav-button'] {
        top: 73px
    }

    .card_swiper .item.type02 .card_tit p {
        font-size: 2.4rem
    }

    .card_swiper .item.type02 .card_number {
        font-size: 1.8rem
    }

    .complete_page .complete_body {
        margin-bottom: 30px
    }

    .complete_page .banner_area {
        padding-bottom: 10px
    }

    .banner_area.complete_bottom {
        padding-bottom: 10px
    }

    .icon_list.type01 {
        margin-right: -10px;
        margin-top: -10px
    }

    .icon_list.type01 > li {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .icon_list.type01 > li .icon_box {
        width: 100%;
        background-position: center 16px;
        background-size: 40px
    }

    .icon_list.type02 {
        margin-right: -14px
    }

    .icon_list.type02 > li {
        margin-right: 14px;
        margin-bottom: 14px
    }

    .icon_list.type02 > li .icon_box {
        background-position: center 26px;
        background-size: 40px
    }

    .icon_list.type03 > li .icon_box {
        background-position: center 16px;
        background-size: 40px
    }

    .icon_list.type04 > li .item {
        height: 96px;
        padding: 26px 0 0 72px
    }

    .icon_list.type04 > li .item:before {
        width: 56px;
        height: 56px;
        margin-top: -28px
    }

    .icon_list.step {
        display: block;
        padding: 0
    }

    .icon_list.step > li {
        width: 100%;
        padding: 0
    }

    .icon_list.step.col02 > li {
        width: 100%;
        margin-bottom: 42px
    }

    .icon_list.step.col03 > li {
        width: 100%;
        margin-bottom: 42px
    }

    .icon_list.step.col04 > li {
        width: 100%;
        margin-bottom: 42px
    }

    .icon_list.step.col05 > li {
        width: 100%;
        margin-bottom: 33px
    }

    .icon_list.step.col06 > li {
        width: 100%;
        margin-bottom: 33px
    }

    .icon_list.step.col07 > li {
        width: 100%;
        margin-bottom: 33px
    }

    .icon_list.step.col07 > li {
        width: 100%
    }

    .icon_list.step.col07 > li ~ li:nth-child(4) {
        width: 100%
    }

    .icon_list.step.col04 > li:last-child {
        margin-bottom: 0
    }

    .icon_list.step.col05 > li:last-child {
        margin-bottom: 0
    }

    .icon_list.step.col06 > li:last-child {
        margin-bottom: 0
    }

    .icon_list.step.col06 > li:nth-child(3)::after {
        display: block
    }

    .icon_list.step.col07 > li:nth-child(4)::after {
        display: block
    }

    .icon_list.step.col02 > li .icon_box {
        width: 100%
    }

    .icon_list.step.col05 > li .icon_box {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .icon_list.step > li .icon_box {
        min-height: 50px;
        padding: 0 0 0 80px;
        background-position: left center;
        background-size: 50px;
        text-align: left
    }

    .icon_list.step > li::after {
        top: auto;
        bottom: -21px;
        left: 18px;
        right: auto;
        transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .icon_list.step.col06 > li:not(.flow):nth-child(3)::after {
        display: block
    }

    .icon_list.step.step_type02 > li::after {
        bottom: -18px
    }

    .accordion_body .icon_list.step > li:not(:first-child) {
        margin-top: 0
    }

    .accordion_body .icon_list.step > li .icon_box {
        padding: 10px 0 10px 100px
    }

    .accordion_body .icon_list.step > li .icon_box .icon_name {
        font-size: 1.6rem
    }

    .icon_list.favorite {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        margin: 0px;
        padding-bottom: 0
    }

    .icon_list.favorite > li {
        width: 25%;
        height: auto;
        float: inherit;
        margin: 0px
    }

    .icon_list.favorite > li .icon_box {
        background-size: 40px auto
    }

    .icon_list.favorite > li .icon_box:hover, .icon_list.favorite > li .icon_box:focus {
        background-position: center 0
    }

    .icon_list.favorite > li .icon_box .icon_name {
        font-size: 13px;
        padding: 40px 0 20px
    }

    .icon_box.mypage01 {
        background: url(/pconts/images/icon/favorite/ico_mypage01_m.png) no-repeat
    }

    .icon_box.mypage02 {
        background: url(/pconts/images/icon/favorite/ico_mypage02_m.png) no-repeat
    }

    .icon_box.mypage03 {
        background: url(/pconts/images/icon/favorite/ico_mypage03_m.png) no-repeat
    }

    .icon_box.mypage04 {
        background: url(/pconts/images/icon/favorite/ico_mypage04_m.png) no-repeat
    }

    .icon_box.mypage05 {
        background: url(/pconts/images/icon/favorite/ico_mypage05_m.png) no-repeat
    }

    .icon_box.mypage06 {
        background: url(/pconts/images/icon/favorite/ico_mypage06_m.png) no-repeat
    }

    .icon_box.mypage07 {
        background: url(/pconts/images/icon/favorite/ico_mypage07_m.png) no-repeat
    }

    .icon_box.mypage08 {
        background: url(/pconts/images/icon/favorite/ico_mypage08_m.png) no-repeat
    }

    .icon_box.benefit01 {
        background: url(/pconts/images/icon/favorite/ico_benefit01_m.png) no-repeat
    }

    .icon_box.benefit02 {
        background: url(/pconts/images/icon/favorite/ico_benefit02_m.png) no-repeat
    }

    .icon_box.benefit03 {
        background: url(/pconts/images/icon/favorite/ico_benefit03_m.png) no-repeat
    }

    .icon_box.benefit04 {
        background: url(/pconts/images/icon/favorite/ico_benefit04_m.png) no-repeat
    }

    .icon_box.benefit05 {
        background: url(/pconts/images/icon/favorite/ico_benefit05_m.png) no-repeat
    }

    .icon_box.loan01 {
        background: url(/pconts/images/icon/favorite/ico_loan01_m.png) no-repeat
    }

    .icon_box.loan02 {
        background: url(/pconts/images/icon/favorite/ico_loan02_m.png) no-repeat
    }

    .icon_box.loan03 {
        background: url(/pconts/images/icon/favorite/ico_loan03_m.png) no-repeat
    }

    .icon_box.loan04 {
        background: url(/pconts/images/icon/favorite/ico_loan04_m.png) no-repeat
    }

    .icon_box.card01 {
        background: url(/pconts/images/icon/favorite/ico_card01_m.png) no-repeat
    }

    .icon_box.card02 {
        background: url(/pconts/images/icon/favorite/ico_card02_m.png) no-repeat
    }

    .icon_box.card03 {
        background: url(/pconts/images/icon/favorite/ico_card03_m.png) no-repeat
    }

    .icon_box.card04 {
        background: url(/pconts/images/icon/favorite/ico_card04_m.png) no-repeat
    }

    .icon_box.life01 {
        background: url(/pconts/images/icon/favorite/ico_life01_m.png) no-repeat
    }

    .icon_box.life02 {
        background: url(/pconts/images/icon/favorite/ico_life02_m.png) no-repeat
    }

    .icon_box.life03 {
        background: url(/pconts/images/icon/favorite/ico_life03_m.png) no-repeat
    }

    .icon_box.life04 {
        background: url(/pconts/images/icon/favorite/ico_life04_m.png) no-repeat
    }

    .icon_box.tops01 {
        background: url(/pconts/images/icon/favorite/ico_tops01_m.png) no-repeat
    }

    .icon_box.tops02 {
        background: url(/pconts/images/icon/favorite/ico_tops02_m.png) no-repeat
    }

    .icon_box.tops03 {
        background: url(/pconts/images/icon/favorite/ico_tops03_m.png) no-repeat
    }

    .icon_box.tops04 {
        background: url(/pconts/images/icon/favorite/ico_tops04_m.png) no-repeat
    }

    .icon_box.center01 {
        background: url(/pconts/images/icon/favorite/ico_center01_m.png) no-repeat
    }

    .icon_box.center02 {
        background: url(/pconts/images/icon/favorite/ico_center02_m.png) no-repeat
    }

    .icon_box.center03 {
        background: url(/pconts/images/icon/favorite/ico_center03_m.png) no-repeat
    }

    .icon_box.center04 {
        background: url(/pconts/images/icon/favorite/ico_center04_m.png) no-repeat
    }

    .icon_box.center05 {
        background: url(/pconts/images/icon/favorite/ico_center05_m.png) no-repeat
    }

    .icon_box.center06 {
        background: url(/pconts/images/icon/favorite/ico_center06_m.png) no-repeat
    }

    .icon_box.center07 {
        background: url(/pconts/images/icon/favorite/ico_center07_m.png) no-repeat
    }

    .badge_wrap span {
        font-size: 1.3rem;
        padding: 3px 13px
    }

    .badge_wrap span.new_badge {
        font-size: 0.9rem;
        padding: 5px 6px;
        border-radius: 12px
    }

    .badge_wrap span.best_badge {
        font-size: 0.9rem;
        padding: 5px 6px;
        border-radius: 12px
    }

    .badge_wrap span.cash_badge {
        font-size: 0.9rem;
        padding: 5px 6px;
        border-radius: 12px
    }

    .badge_wrap span.line_badge {
        font-size: 1.3rem
    }

    .has_flow_step {
        margin-top: 15px;
        margin-bottom: 30px
    }

    .has_flow_step .step_txt {
        float: none;
        font-size: 2.4rem;
        line-height: 1.3
    }

    .has_flow_step .flow_step {
        margin-top: 15px;
        padding-left: 6px
    }

    .flow_step {
        padding-top: 0
    }

    .flow_step ul {
        float: none;
        padding: 0
    }

    .flow_step ul li {
        width: 36px;
        height: 20px
    }

    .flow_step ul li i {
        width: 10px;
        height: 10px;
        vertical-align: middle
    }

    .flow_step ul li span {
        padding: 0 6px 0 8px;
        font-size: 1.4rem;
        line-height: 20px
    }

    .flow_step ul li.current i {
        position: relative;
        top: 0;
        vertical-align: top
    }

    .flow_step ul li.current i:before, .flow_step ul li.complete i:before {
        width: 6px;
        height: 9px;
        margin: -6px 0 0 -3px;
        border-width: 2px;
        border-color: #fff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .flow_step ul li::before {
        left: 15px;
        width: 16px
    }

    .flow_step ul li.current i, .flow_step ul li.complete i {
        width: 20px;
        height: 20px
    }

    .waterfall_step > li {
        padding: 15px 20px
    }

    .waterfall_step > li::after {
        bottom: -16px;
        width: 14px;
        height: 14px;
        margin-left: -7px
    }

    .waterfall_step > li .h_title {
        margin-bottom: 10px
    }

    .pop_wrap.point_filter_pop {
        padding: 0
    }

    .pop_wrap.point_filter_pop {
        align-items: flex-end
    }

    .pop_wrap.point_filter_pop .popup {
        transform: translateY(100%)
    }

    .pop_wrap.point_filter_pop.is_active .popup {
        transform: translateY(0)
    }

    .pop_wrap .popup .pop_cont {
        -webkit-overflow-scrolling: touch
    }

    .pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple .pop_btn:nth-child(1) {
        margin-bottom: 10px
    }

    .pop_wrap.large, .pop_wrap.medium, .pop_wrap.full_pop {
        padding: 0
    }

    .pop_wrap.large .popup, .pop_wrap.large.type01 .popup, .pop_wrap.medium .popup, .pop_wrap.full_pop .popup {
        width: 100%;
        height: 100%;
        max-height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pop_wrap.small .popup {
        width: 100%;
        max-height: 100%
    }

    .pop_wrap.mo_full .popup {
        height: 100%
    }

    .pop_wrap.large .popup .pop_cont, .pop_wrap.medium .popup .pop_cont, .pop_wrap.full_pop .popup .pop_cont {
        -webkit-box-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .pop_wrap.point_filter_pop .popup {
        width: 100%;
        height: auto;
        max-height: 100%
    }

    .popup_type01 .btn_close, .popup_type01 .btn_close2 {
        top: 9px;
        right: 10px
    }

    .popup_type01 .pop_head.has_line ~ .btn_close {
        top: 5px
    }

    .popup_type01 .pop_head {
        padding: 16px 20px 16px 20px
    }

    .popup_type01 .pop_head.has_line {
        padding: 12px 20px 12px 20px;
        margin-bottom: 16px
    }

    .popup_type01 .pop_head h3 {
        font-size: 18px;
        line-height: 1.5
    }

    .popup_type01 .pop_head .explain {
        margin-top: 4px
    }

    .popup_type01 .pop_head.has_tab .tab_type01 .tab_pull:before {
        left: -20px;
        width: calc(100% + 40px)
    }

    .popup_type01 .pop_cont {
        padding: 0 20px
    }

    .popup_type01 .pop_cont .pd_basic {
        padding-bottom: 20px
    }

    .popup_type01.bg_gray .pop_cont {
        padding-top: 20px
    }

    .popup_type01.btn_none .pop_cont {
        padding-bottom: 20px
    }

    .popup_type01 .pop_btn {
        padding: 20px;
        text-align: center;
        flex: none
    }

    .popup_type01 .pop_cont .bg_gray {
        margin: 0 -20px;
        padding: 0 20px
    }

    .pop_wrap.pop_alert, .pop_wrap.pop_confirm {
        padding: 21px
    }

    .pop_wrap.pop_alert .popup_type01, .pop_wrap.pop_confirm .popup_type01 {
        padding-top: 21px
    }

    .pop_wrap.pop_alert .popup_type01 .pop_btn, .pop_wrap.pop_confirm .popup_type01 .pop_btn {
        padding-top: 14px
    }

    .pop_wrap.pop_alert .popup_type01 .pop_msg, .pop_wrap.pop_confirm .popup_type01 .pop_msg {
        font-size: 16px
    }

    .pop_wrap.pop_alert.type02 .popup_type01 .pop_tit {
        margin-bottom: 12px;
        font-size: 1.8rem
    }

    .post_num_pop.pop_wrap.medium .popup {
        min-height: auto
    }

    .tooltip > span {
        line-height: 20px;
        padding: 7px 0
    }

    .tooltip_wrap {
        width: calc(100% - 40px)
    }

    .tooltip_wrap .tooltip_cont {
        padding: 15px 25px 15px 20px
    }

    .tooltip_wrap .tooltip_cont > p {
        font-size: 1.3rem
    }

    .both_divide label {
        margin-right: 8px
    }

    .both_divide .divide {
        float: none;
        width: 100%
    }

    .both_divide .divide:nth-of-type(1) {
        width: 100%;
    }

    .both_divide .divide:nth-of-type(2) {
        width: 100%;
        margin-left: 0
    }

    .both_divide input[type="radio"] + span.rdo_area:before {
        display: none
    }

    .search_box_type01 .input_wrap.search_type {
        width: 100%;
        background-size: 20px 20px
    }

    .input_wrap.search_type input {
        height: 42px;
        font-size: 15px;
        line-height: 42px
    }

    .input_wrap.search_type input::placeholder {
        font-size: 15px
    }

    .input_wrap.search_type input::-webkit-input-placeholder {
        font-size: 15px
    }

    .input_wrap.search_type input::-moz-placeholder {
        font-size: 15px
    }

    .input_wrap.search_type input:-moz-placeholder {
        font-size: 15px
    }

    .input_wrap.search_type input::-ms-input-placeholde {
        font-size: 15px
    }

    .input_wrap.search_type input:-ms-input-placeholder {
        font-size: 15px
    }

    .input_wrap.search_type .btn_input_search {
        width: 45px;
        height: 45px
    }

    .cont_wrap + .cont_wrap {
        margin-top: 36px
    }

    .cont_wrap + .cont_wrap_tit20 {
        margin-top: 20px
    }

    .cont_wrap_tit20 + .cont_wrap_tit20 {
        margin-top: 24px
    }

    .cont_wrap.typelg + .cont_wrap.typelg {
        margin-top: 36px
    }

    .map_area {
        height: 215px
    }

    .card_box {
        padding: 20px 20px
    }

    .card_box .card_box_head {
        margin-bottom: 15px
    }

    .card_box .card_box_head .card_box_title {
        font-size: 1.6rem
    }

    .select_wrap.progress_index {
        left: 0;
        width: 100%
    }

    .gage_group .both_side .form_group.float label, .gage_group .both_side .form_group.float .input_wrap {
        float: none
    }

    .gage_group .both_side .form_group.float label {
        display: inline-block;
        width: 100%;
        line-height: inherit
    }

    .gage_group .both_side .form_group.float .input_wrap {
        width: 100%
    }

    .gage_group .gage_wrap .key_tooltip {
        display: none
    }

    .survey_campain .survey_cont .btn_wrap {
        margin-top: 30px
    }

    .complete_body.ani_ico::before {
        margin: -90px 0 0 -56px
    }

    .swiper_tabCont .complete_body.ani_ico {
        padding-bottom: 0
    }

    .swiper_tabCont .complete_body.ani_ico::before {
        margin-top: -43px
    }

    .complete_page.type_error .complete_body {
        padding-top: 210px
    }

    .complete_page.type_error .complete_body.ani_ico.img04::before {
        top: 67px;
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .list01.event_list[data-type="card"] > ul > li {
        width:50%
    }

    .event_list_swiper .list01.event_list[data-type="card"] ul > li {
        width: 33.3333% !important
    }

    .event_list_swiper .list01.event_list[data-type="card"] .event_info {
        height: auto
    }

    .card_inquiry_list .head_tit .txt02.ellipsis {
        max-width: 80px
    }
}

@media only screen and (max-width: 480px) {
    .event_list_swiper .list01.event_list[data-type="card"] ul > li {
        width:50% !important
    }
}

@media only screen and (max-width: 390px) {
    .dl_wrap .df_list .item_wrap .item.min_height {
        min-height:75px
    }
}

.login_wrap {
    height: 100%
}

.login_wrap > .inner {
    display: table;
    width: 1080px;
    margin: 0 auto;
    padding: 25px 0 0 0
}

.login_wrap .left_con, .login_wrap .right_con {
    display: table-cell;
    vertical-align: top
}

.login_wrap .left_con .inner, .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {
    position: relative;
    min-height: 511px
}

.login_wrap .left_con {
    width: 445px
}

.login_wrap .left_con .inner {
    padding: 190px 0 0 25px
}

.login_wrap .left_con .inner:before {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 113px;
    width: 180px;
    height: 218px;
    background: url(/pconts/images/contents/login/bg_login.png) no-repeat left top;
    background-size: 180px auto;
    -webkit-animation: loginAni 3s steps(40) infinite;
    -ms-animation: loginAni 3s steps(40) infinite;
    animation: loginAni 3s steps(40) infinite
}

.login_wrap .left_con .inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(/pconts/images/contents/login/bg_login_line.png) no-repeat left top
}

.login_wrap .left_con strong {
    font-size: 36px;
    line-height: 47px;
    color: #333
}

.login_wrap .left_con p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #999
}

.login_wrap .right_con {
    width: auto
}

.login_wrap .right_con .inner {
    padding: 131px 152px 0
}

.login_wrap.type02 .right_con .inner {
    padding-left: 90px;
    padding-right: 90px
}

.login_wrap.type03 .right_con .inner {
    padding-top: 29px;
    padding-left: 33px;
    padding-right: 34px
}

.login_wrap .right_con .input_wrap.interaction.focus label span {
    display: none
}

.login_wrap .right_con .btn_wrap {
    margin-top: 20px;
    text-align: center
}

@-webkit-keyframes loginAni {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -8720px
    }
}

@-ms-keyframes loginAni {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -8720px
    }
}

@keyframes loginAni {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -8720px
    }
}

@-webkit-keyframes loginAni2 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -5800px
    }
}

@-ms-keyframes loginAni2 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -5800px
    }
}

@keyframes loginAni2 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -5800px
    }
}

body.mobile .login_wrap .right_con .btn_wrap .btn_install {
    display: none
}

.login_wrap .right_con .btn_wrap .btn_app_card {
    width: 299px
}

.login_wrap .right_con .btn_wrap .btn_app_card:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -2px 0 0 9px;
    background: url(/pconts/images/icon/ico_outlink.png) no-repeat left top;
    vertical-align: middle
}

.login_wrap .right_con .form_ele + .btn_wrap {
    margin-top: 40px
}

.login_wrap.type02 .right_con .inner .btn_wrap {
    width: 266px;
    margin: 20px auto 0
}

.login_wrap.type02 .right_con .inner .btn_wrap .btn + .btn {
    margin: 20px 0 0
}

body.mobile .login_wrap.type02 .right_con .login_member .btn_exe_noinstall, body.mobile .login_wrap.type02 .right_con .login_member .btn_exe_install span {
    display: none
}

.login_wrap .right_con .btn_wrap .btn.ext_type {
    min-width: 220px;
    height: 48px;
    border-radius: 24px;
    font-weight: 400;
    line-height: 48px
}

.login_wrap .right_con .btn_wrap .btn.ext_type .arrow_r {
    padding-right: 13px;
    line-height: 46px;
    vertical-align: top
}

.login_wrap .right_con .btn_wrap .btn.ext_type .arrow_r:after {
    width: 10px;
    height: 10px;
    opacity: 0.4
}

.login_wrap .right_con .login_member {
    overflow: hidden;
    margin-top: 13px;
    display: flex;
    justify-content: center
}

.login_wrap .right_con .login_member ul {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.login_wrap .right_con .login_member ul li {
    position: relative;
    flex: none;
    padding: 0 11px
}

.login_wrap .right_con .login_member ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: 4px;
    width: 1px;
    height: 13px;
    background-color: #cdcdcd
}

.login_wrap .right_con .login_member ul li a {
    font-size: 15px;
    line-height: 20px;
    color: #333
}

.login_wrap .right_con .login_member ul li.btn_pwd_reset, .login_wrap .right_con .login_member ul li.btn_ease_pwd_notice {
    margin: 0;
    padding: 0
}

.login_wrap .right_con .login_member ul li.btn_pwd_reset:before, .login_wrap .right_con .login_member ul li.btn_ease_pwd_notice:before {
    display: none
}

.login_wrap .right_con .login_ext {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center
}

.login_wrap .right_con .login_ext.static {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    margin-top: 60px
}

.login_wrap .right_con .login_ext button {
    font-weight: 700;
    font-size: 15px;
    color: #333
}

.login_wrap .guide_txt {
    margin-top: -9px;
    padding-bottom: 14px;
    text-align: center
}

.login_wrap .guide_txt p {
    font-size: 20px;
    line-height: 27px;
    color: #333
}

.login_wrap .step02 {
    display: none
}

.login_wrap > .inner + .ly_inner {
    margin-top: 20px
}

.login_wrap.type03 .form_type {
    padding-top: 0
}

.login_wrap.type03 .form_type.type02 {
    padding-top: 73px
}

.login_wrap.type03 .form_type .form_ele {
    padding-left: 171px
}

.login_wrap.type03 .form_type .form_ele .ele_tit {
    width: 171px
}

.login_wrap.type03 .form_type .accordion_wrap + .form_ele {
    margin-top: 20px
}

.login_wrap.type03 .timer_input_side {
    right: 133px;
    color: #4868e1
}

.login_wrap.type03 .timer_input_side:before, .login_wrap.type03 .timer_input_side:after {
    display: none
}

.login_wrap.type03 .btn_input_side {
    border-radius: 4px
}

.login_wrap .btm_type {
    display: none
}

.login_wrap .text_tip.error {
    display: none
}

.login_wrap .mo_show {
    display: none
}

.login_wrap.minPwAppend_wrap .guide_txt {
    padding: 0 50px
}

.login_wrap.minPwAppend_wrap.type02 .right_con .inner .btn_wrap {
    margin-top: 35px
}

.interaction {
    position: relative
}

.interaction label {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 27px;
    font-size: 18px;
    line-height: 60px;
    color: #d0d0d0;
    transition: all 0.1s ease
}

.interaction input {
    height: 60px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    line-height: 58px
}

.interaction.is_focus label, .interaction.focus label {
    display: inline-block;
    left: 12px;
    top: -8px;
    width: auto;
    height: auto;
    padding: 0 6px;
    background-color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #4768e1;
    vertical-align: middle
}

.interaction.is_focus input, .interaction.focus input {
    padding: 0 16px;
    border-width: 2px;
    border-color: #4768e1;
    font-weight: 700;
    line-height: 56px;
    color: #333
}

.contents.login .accordion_header a[role="button"].acc_btn {
    padding-left: 28px;
    padding-right: 60px
}

.contents.login .accordion_body .area {
    padding: 13px 30px 16px
}

.contents.login .accordion_body .marker_dot > li {
    padding-left: 6px;
    line-height: 20px;
    color: #111
}

.contents.login .accordion_body .marker_dot > li::before {
    width: 2px;
    height: 2px;
    top: 8px;
    border-radius: 0;
    background-color: #8a8a8a
}

.contents.login .accordion_body .marker_dot > li + li {
    margin-top: 9px
}

.contents.login .accordion_body .marker_dot > li .font_md {
    color: #333
}

.pop_wrap.login_type {
    color: #333
}

.pop_wrap.login_type .popup_type01 .pop_cont:after {
    display: none
}

.pop_wrap.login_type .pop_head {
    padding: 69px 0 0;
    border: 0
}

.pop_wrap.login_type .pop_head h3 {
    font-size: 20px;
    line-height: 26px;
    text-align: center
}

.pop_wrap.login_type .pop_cont {
    padding-top: 25px;
    padding-bottom: 55px
}

.pop_wrap.login_type .pop_cont > .inner {
    position: relative;
    height: 100%
}

.pop_wrap.login_type .pop_cont > .inner > div {
    height: 100%
}

.pop_wrap.login_type .type_list_wrap {
    width: 180px;
    margin: 0 auto
}

.pop_wrap.login_type .type_list_wrap li {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.pop_wrap.login_type .type_list_wrap li + li {
    border-top: 1px solid #e0e0e0
}

.pop_wrap.login_type .type_list_wrap li a {
    display: block;
    position: relative;
    padding: 16px 20px 13px 43px;
    color: #333
}

.pop_wrap.login_type .type_list_wrap li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 50%;
    width: 28px;
    height: 31px;
    margin-top: -16px;
    background-image: url(/pconts/images/contents/login//pop_login_icon.png);
    background-repeat: no-repeat
}

.pop_wrap.login_type .type_list_wrap li a:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.pop_wrap.login_type .type_list_wrap li:nth-child(1) a:before {
    background-position: 0 0
}

.pop_wrap.login_type .type_list_wrap li:nth-child(2) a:before {
    background-position: -28px 0
}

.pop_wrap.login_type .type_list_wrap li:nth-child(3) a:before {
    background-position: -56px 0
}

.pop_wrap.login_type .type_list_wrap li:nth-child(4) a:before {
    background-position: -84px 0
}

.pop_wrap.login_type .type_list_wrap + .sub_text_01 {
    margin-top: 33px
}

.pop_wrap.login_type .sub_text_01 {
    font-size: 15px;
    color: #333;
    text-align: center
}

.pop_wrap.login_type .sub_text_02 {
    font-size: 13px;
    color: #333;
    text-align: center
}

.pop_wrap.login_type .btn_group {
    overflow: hidden;
    margin-top: 10px;
    text-align: center
}

.pop_wrap.login_type .btn_group > div {
    position: relative;
    left: -50%;
    float: right
}

.pop_wrap.login_type .btn_group a {
    display: block;
    position: relative;
    left: 50%;
    float: left;
    width: 120px;
    height: 105px;
    padding: 25px 5px 5px;
    border: 1px solid #333;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #333
}

.pop_wrap.login_type .btn_group a.cert_card:before, .pop_wrap.login_type .btn_group a.cert_phone:before {
    content: '';
    display: block;
    width: 29px;
    height: 29px;
    margin: 0 auto 10px;
    background-image: url(/pconts/images/contents/login/pop_login_icon.png);
    background-repeat: no-repeat
}

.pop_wrap.login_type .btn_group a.cert_card:before {
    background-position: 0 -31px
}

.pop_wrap.login_type .btn_group a.cert_phone:before {
    background-position: -29px -31px
}

.pop_wrap.login_type .btn_group a + a {
    margin-left: 16px
}

.pop_wrap.login_type .btn_group a span {
    display: block;
    font-weight: 400
}

.pop_wrap.login_type .btn_group + .sub_text_02 {
    margin-top: 10px
}

.pop_wrap.used_terms .popup_type01 .pop_head {
    padding-left: 30px;
    text-align: left
}

.pop_wrap.used_terms .popup_type01 .pop_cont:after {
    display: none
}

.pop_wrap.used_terms .txt_box {
    padding-bottom: 17px
}

.pop_wrap.used_terms .txt_box p {
    margin-top: -5px;
    font-size: 15px;
    line-height: 23px;
    color: #111
}

.img_card_cvc {
    display: block;
    width: 190px;
    height: 120px;
    margin: 0 auto
}

.img_card_cvc img {
    width: 100%
}

.img_card_cvc + .marker_dot {
    margin-top: 16px
}

.img_card_cvc + .marker_dot li {
    color: #111
}

.only_mobile {
    width: 100%
}

.only_mobile .head_area {
    width: 100%;
    padding: 25px 0 20px 0
}

.only_mobile .head_area h3 {
    font-size: 26px;
    line-height: 35px;
    color: #333
}

.only_mobile .head_area p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 17px;
    color: #999
}

.only_mobile .body_area {
    width: 100%
}

.only_mobile .body_area .bg_gray {
    height: 100%
}

.only_mobile .body_area .bg_gray .inner {
    position: relative;
    min-height: 100%;
    padding-bottom: 85px;
    background-color: inherit
}

.only_mobile .body_area .form_type .form_ele {
    padding-left: 0 !important
}

.only_mobile .body_area .accordion_wrap + .form_ele {
    margin-top: 30px
}

.only_mobile .body_area .btn_wrap {
    padding: 0 30px 60px 30px;
    text-align: center
}

.only_mobile .shcard_slide_wrap {
    padding: 0
}

.only_mobile .shcard_slide_wrap .btn_wrap.btn_foot {
    padding: 0
}

.card_slide .title_wrap {
    margin-bottom: 24px
}

.card_slide .title_wrap .title {
    font-size: 24px;
    color: #111;
    font-weight: 700
}

.shcard_slide {
    padding-top: 62px
}

.shcard_slide .title_wrap {
    margin-bottom: 24px
}

.shcard_slide .title_wrap .title {
    font-size: 24px;
    color: #111;
    font-weight: 700
}

.member .text_box .text_tit {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    color: #111
}

.member .text_box .text_tit.text_lg {
    font-size: 34px
}

.member .text_box .text_subtit {
    font-size: 18px;
    color: #111
}

.member .text_box .marker_refer {
    display: inline-block
}

.member .text_box > p {
    margin-bottom: 20px
}

.member .text_box > p:last-child {
    margin-bottom: 0
}

.member .con_box + .con_box.line {
    position: relative;
    padding-top: 80px
}

.member .con_box + .con_box.line::before {
    content: '';
    position: absolute;
    top: 0;
    display: inline-block;
    width: 96px;
    height: 2px;
    background-color: #333
}

.member .con_box .text_box .img_area {
    width: 112px;
    height: 66px;
    margin: 20px auto 0;
}

.member .con_box .text_box .img_area.type02 {
    width: 102px;
    height: 71px;
}

.member .btn.w_240 {
    width: 240px;
    padding: 0
}

.join_con_text .text_lg {
    color: #333;
    font-size: 1.86rem;
    font-weight: 700;
    line-height: 1.32
}

.join_con_text .text_lg .text_prim {
    color: #086ac5
}

.join_con_text .text_sm {
    margin-top: 20px;
    font-size: 16px
}

.line_btm {
    border-bottom: 1px solid #dbdbdb
}

.comp_area {
    margin-top: 90px;
    padding-top: 92px;
    text-align: center;
}

.comp_area.bg_comp {
}

.comp_area .text_tit {
    color: #111;
    font-size: 26px;
    font-weight: 700
}

.comp_area .text_sm {
    margin-top: 10px;
    font-size: 16px
}

.comp_area .marker_refer {
    display: inline-block;
    margin-top: 14px
}

.comp_area + .btn_wrap {
    margin-top: 53px
}

.comp_area.shut_area .font_md {
    color: #333;
    font-weight: 700
}

.bt_aleady .line_gray {
    width: 290px
}

.join_con_text {
    padding: 55px 0
}

.join_con_text .join_con_explain {
    overflow: hidden
}

.join_con_text .join_con_explain .fan_txt {
    padding-bottom: 35px;
    font-size: 20px;
    color: #333;
    line-height: 1.3
}

.join_con_text .join_con_explain .fan_txt .explain {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #333
}

.join_con_text .join_con_btns .btn_wrap + .btn_wrap {
    margin-top: 20px
}

.join_con_text .join_con_links {
    margin-top: 15px;
    text-align: center
}

.join_con_text .join_con_links .link {
    position: relative;
    padding-right: 10px;
    color: #333
}

.join_con_text .join_con_links .link + .link {
    padding-left: 5px
}

.join_con_text .join_con_links .link::before {
    content: '';
    position: absolute;
    display: block;
    height: 13px;
    right: 0;
    top: 18%;
    border-left: 1px solid #ccc
}

.join_con_text .join_con_links .link:last-child:before {
    display: none
}

.join_con_text .join_con_info {
    margin-top: 15px;
    color: #333;
    text-align: center
}

.join_con_text .check_wrap .check_type1 span {
    background-color: transparent
}

.join_con_text .check_wrap .check_type1 span::before {
    background-color: #fff
}

.join_con_text .auth_box p {
    padding: 30px 0;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #000
}

.join_con_text .shpayfan_text_inner {
    max-width: 320px;
    margin: 0 auto;
    padding: 30px 0
}

.join_con_text .shpayfan_text_inner li {
    margin-bottom: 6px
}

.join_con_text .shpayfan_text_inner li:last-child {
    margin-bottom: 0
}

.join_con_text .shpayfan_text_inner .marker_refer {
    margin-bottom: 6px;
    font-size: 15px
}

.join_con_text .shpayfan_text_inner .decimal {
    margin-left: 17px
}

.join_con_text .shpayfan_text_inner .decimal > li {
    list-style: decimal
}

.join_con_text .payment_code {
    width: 100%;
    height: 65px;
    border: 1px solid #bbb;
    border-radius: 3px;
    background-color: #fff;
    color: #000
}

.join_con_text .payment_code ul {
    display: table;
    width: 100%;
    height: 100%
}

.join_con_text .payment_code ul li {
    display: table-cell;
    position: relative;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3
}

.join_con_text .payment_code ul li:first-child::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 37px;
    margin-top: -18px;
    background-color: #bbb
}

.join_con_text .payment_code ul li strong {
    display: block;
    font-size: 20px
}

.join_con_text .payment_code ul li span {
    font-size: 16px
}

.quickPw_wrap {
    display: flex;
    margin: 0 -5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quickPw_wrap input {
    flex: none;
    width: 40px;
    margin: 0 5px;
    text-align: center
}

.quickPw_wrap.single input {
    width: 100%;
    max-width: 360px
}

.form_ele_card .check_wrap {
    margin: 10px 0
}

.join_step01 .m_show {
    display: none
}

.w_428 {
    width: 428px;
    margin: 0 auto
}

.complepte_wrap {
    position: relative;
    padding-top: 48px;
    padding-bottom: 54px
}

.complepte_wrap:before {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 204px;
    height: 204px;
    background: url(/pconts/images/common/bg_mem_ok.png) no-repeat 50% top;
    background-size: 204px auto;
    -webkit-animation: memberAni 1s steps(14) both;
    animation: memberAni 1s steps(14) both
}

.complepte_wrap .tit {
    padding-bottom: 12px;
    font-size: 28px;
    font-weight: 700;
    color: #111
}

.complepte_wrap .text_sm {
    font-size: 16px
}

.member_out {
    width: 480px;
    margin: 0 auto;
    padding-bottom: 16px;
    text-align: center
}

.member_out .img_area {
    padding: 30px 0 25px
}

.member_out .tit {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111
}

@-webkit-keyframes memberAni {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2856px
    }
}

@keyframes memberAni {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2856px
    }
}

.shcard_slide_wrap {
    display: block;
    position: relative;
    width: 400px;
    padding: 0;
    margin: 0 auto
}

.shcard_slide_wrap .btn_wrap.btn_foot {
    margin: 30px 0 0 0
}

.shcard_slide_wrap .swiper-container {
    position: relative;
    z-index: 10;
    width: 316px;
    margin: auto;
    height: auto !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

.shcard_slide_wrap .com_card_list {
    width: 100%;
    position: relative
}

.shcard_slide_wrap .com_card_list .com_card {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 197px;
    overflow: hidden;
    background-color: #cbcbcb;
    border-radius: 10px
}

.shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card {
    background-color: #4868e1
}

.shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card.no_card {
    background-color: #e6e6e6
}

.shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card.no_card [class^='nav-button'] {
    display: none
}

.shcard_slide_wrap .com_card_list .com_card.no_card p {
    padding: 88px 0;
    font-size: 16px;
    color: #111
}

.shcard_slide_wrap .com_card_list .com_card .cardlogo {
    position: absolute;
    top: 20px;
    left: 20px
}

.shcard_slide_wrap .com_card_list .com_card .card_name {
    margin-top: 60px;
    padding: 0 20px 0;
    font-size: 20px;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 27px;
    height: 54px
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    padding: 0 35px
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group span {
    margin-top: 1px;
    font-size: 16px;
    color: #fff
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw input {
    padding: 0 10px;
    margin-left: 8px;
    border: 0
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw.num2 input {
    width: 94px
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw.num4 input {
    width: 142px
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group {
    margin-left: auto;
    vertical-align: middle
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group .add_pw {
    display: inline-block;
    float: left;
    width: 15px;
    height: 16px;
    border-radius: 50%;
    margin-left: 8px;
    background-color: rgba(255,255,255,0.15)
}

.shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question02 {
    margin-left: 8px
}

.shcard_slide_wrap .swiper-slide-active [class^='nav-button'] {
    display: block
}

.shcard_slide_wrap .swiper-pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 25px 0 0 0;
    font-weight: 700;
    color: #999
}

.shcard_slide_wrap .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 3px solid #f6f6f6;
    background-color: #cccccc;
    opacity: 1;
    margin: 0 5px
}

.shcard_slide_wrap .swiper-pagination-bullet-active {
    border-color: #333;
    background-color: #f6f6f6
}

.shcard_slide_wrap .swiper-pagination-fraction {
    bottom: 34px;
    font-weight: 700;
    color: #999
}

.shcard_slide_wrap .swiper-pagination-fraction .swiper-pagination-current {
    font-weight: 300;
    color: #111
}

.shcard_slide_wrap .swiper-pagination-fraction .swiper-pagination-total {
    font-weight: 300
}

.shcard_slide_wrap .nav-button-prev, .shcard_slide_wrap .nav-button-next {
    position: absolute;
    z-index: 20;
    top: 98px;
    width: 28px;
    height: 36px;
    margin-top: -18px;
    background: url('/pconts/images/common/ico_slideBtn_certi.png') no-repeat center center;
    background-size: 18px
}

.shcard_slide_wrap .nav-button-prev {
    left: 0;
    transform: rotate(180deg)
}

.shcard_slide_wrap .nav-button-next {
    right: 0
}

.shcard_slide_wrap .nav-button-prev.swiper-button-disabled, .shcard_slide_wrap .nav-button-next.swiper-button-disabled {
    opacity: 0.3
}

.only_mobile .shcard_slide_wrap .nav-button-prev, .only_mobile .shcard_slide_wrap .nav-button-next {
    top: 98px
}

.fanpay_auth_pop.pop_cont {
    padding-top: 70px
}

.fanpay_auth_pop .fanpay_tit {
    margin-bottom: 30px;
    color: #333;
    font-size: 20px;
    text-align: center
}

.fanpay_auth_pop .text_prim {
    color: #4868e1
}

.fanpay_auth_pop ol li {
    padding: 18px 0;
    border-bottom: 1px solid #e0e0e0
}

.fanpay_auth_pop ol li:last-child {
    border: 0
}

.fanpay_auth_pop ol li > strong {
    display: block;
    font-size: 16px;
    line-height: 1
}

.fanpay_auth_pop ol li > strong em {
    position: relative;
    margin-right: 10px
}

.fanpay_auth_pop ol li > strong em::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: -1px;
    width: 19px;
    height: 6px;
    background-color: #4868e1;
    opacity: 0.3
}

.fanpay_auth_pop ol li p {
    padding-left: 28px;
    overflow: hidden;
    font-size: 13px
}

.fanpay_auth_pop ol li p span::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    top: 0;
    width: 1px;
    height: 74px;
    background-color: #eee
}

.fanpay_auth_pop .qrcode {
    height: 110px
}

.fanpay_auth_pop .qrcode::after {
    content: '';
    display: block;
    clear: both
}

.fanpay_auth_pop .qrcode strong {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    width: 50%;
    height: 100%;
    font-size: 20px;
    text-align: center
}

.fanpay_auth_pop .qrcode_img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    width: 50%;
    height: 100%;
    text-align: center
}

.fanpay_auth_pop .qrcode_img img {
    display: block;
    width: 98px;
    height: 98px;
    margin: auto
}

.fanpay_auth_pop .bg_gray {
    padding: 20px;
    margin-top: 17px
}

.fanpay_auth_pop .bar_graph_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 10px 0 0;
    overflow: hidden
}

.fanpay_auth_pop .bar_graph_wrap .bar_graph {
    position: static;
    float: left;
    width: 189px;
    height: 28px;
    padding-top: 7px;
    padding-bottom: 40px
}

.fanpay_auth_pop .bar_graph_wrap .btn {
    flex: none;
    float: left;
    width: 63px;
    height: 28px;
    margin-left: 27px;
    padding: 0;
    font-size: 13px;
    color: #333;
    line-height: 28px
}

.fanpay_auth_pop .bar_graph_wrap .btn.line_gray {
    border-color: #bbb;
    border-radius: 3px
}

.fanpay_auth_pop .bar_graph_wrap .text_xsm {
    position: absolute;
    left: 0;
    bottom: 0
}

.progress_area {
    position: relative;
    margin-top: 60px;
    padding-top: 100px;
    text-align: center
}

.progress_area:before {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    background: url(/pconts/images/common/ani_loading.png) no-repeat left top;
    background-size: 100px auto;
    -webkit-animation: loading 2s steps(20) infinite;
    animation: loading 2s steps(20) infinite
}

.progress_area .text {
    margin-top: 15px;
    font-size: 20px
}

@-webkit-keyframes loading {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2000px
    }
}

@keyframes loading {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2000px
    }
}

.addr_define .tit {
    margin-bottom: 8px;
    color: #111;
    font-weight: 700
}

.addr_btns .btn {
    width: 100%
}

.addr_btns .btn + .btn {
    margin: 10px 0 0 0
}

@media only screen and (min-width: 1101px) {
    .join_con_text.minH350_lg {
        min-height:350px
    }

    .form_type .join_con_text {
        padding: 25px 0
    }

    .form_type .join_con_text.minH350_lg {
        min-height: 1px
    }
}

@media only screen and (max-width: 1100px) {
    .contents.login {
        padding:0
    }

    .login_wrap {
        min-height: 100%
    }

    .login_wrap > .inner {
        display: block;
        position: static;
        width: 100%;
        padding: 40px 0 99px
    }

    .login_wrap .event_subBanner {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }

    .login_wrap.type02 > .inner {
        position: relative
    }

    .login_wrap .left_con, .login_wrap .right_con {
        display: block;
        padding-bottom: 0
    }

    .login_wrap .left_con .inner, .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {
        min-height: 0;
        padding: 0 40px
    }

    .login_wrap .left_con {
        width: 100%
    }

    .login_wrap .left_con .inner {
        padding-bottom: 36px
    }

    .login_wrap .left_con .inner:before {
        top: 0;
        width: 120px;
        height: 145px;
        background: url(/pconts/images/contents/login/bg_login_m.png) no-repeat left top;
        background-size: 100%;
        -webkit-animation: loginAni2 3s steps(40) infinite;
        -ms-animation: loginAni2 3s steps(40) infinite;
        animation: loginAni2 3s steps(40) infinite
    }

    .login_wrap .left_con .inner:after {
        display: none
    }

    .login_wrap .left_con strong {
        font-size: 2.9rem;
        line-height: 3.7rem
    }

    .login_wrap .left_con p {
        margin-top: 10px;
        font-size: 1.2rem;
        line-height: 1.7rem
    }

    .login_wrap .right_con {
        width: auto
    }

    .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {
        position: static
    }

    .login_wrap .right_con .form_ele + .btn_wrap {
        margin-top: 30px
    }

    .login_wrap.type02 .right_con .inner {
        padding-left: 40px;
        padding-right: 40px
    }

    .login_wrap.type03 .right_con .inner {
        padding-top: 3px;
        padding-left: 0;
        padding-right: 0
    }

    .login_wrap .right_con .login_member {
        margin-top: 12px
    }

    .login_wrap .right_con .login_member ul li a {
        font-size: 1.3rem;
        line-height: 2.0rem
    }

    .login_wrap .right_con .login_member ul li + li {
        margin-left: 9px;
        padding-left: 10px
    }

    .login_wrap .right_con .login_member ul li + li:before {
        top: 5px;
        height: 12px
    }

    .login_wrap.type02 .right_con .login_member .btn_exe_install {
        padding: 0;
        margin: 0
    }

    .login_wrap.type02 .right_con .login_member .btn_exe_install:before {
        display: none
    }

    .login_wrap .right_con .login_ext {
        position: absolute;
        left: 0;
        bottom: 25px
    }

    .login_wrap .right_con .login_ext button {
        font-size: 1.3rem
    }

    .login_wrap .guide_txt {
        margin-top: 13px;
        margin-bottom: -6px;
        padding-bottom: 0
    }

    .login_wrap .guide_txt p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .login_wrap .guide_txt.type02 strong.hide {
        display: block !important;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #333
    }

    .login_wrap .guide_txt.type02 p {
        font-size: 1.3rem;
        line-height: 1.9rem
    }

    .login_wrap .guide_txt.type02 strong + p {
        margin-top: 2px;
        padding-bottom: 3px
    }

    .login_wrap > .inner + .ly_inner {
        margin-top: 13px;
        padding-bottom: 100px
    }

    .login_wrap.has_bnr .right_con .login_ext {
        bottom: 130px
    }

    .login_wrap.has_infoGuide > .inner {
        padding-bottom: 25px
    }

    .login_wrap .right_con .login_ext.static, .login_wrap.has_infoGuide .right_con .login_ext {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        margin-top: 60px
    }

    .login_wrap.has_infoGuide .event_subBanner {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto
    }

    .login_wrap.type03 .form_type {
        margin-bottom: -99px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 86px;
        background-color: #f6f6f6
    }

    .login_wrap.type03 .form_type.type02 {
        padding-top: 28px
    }

    .login_wrap.type03 .form_type .form_ele {
        padding-left: 0
    }

    .login_wrap.type03 .form_type .form_ele .ele_tit {
        width: auto
    }

    .login_wrap.type03 .form_type .accordion_wrap {
        margin-top: 10px
    }

    .login_wrap.type03 .form_type .accordion_wrap + .form_ele {
        margin-top: 27px
    }

    .login_wrap.type03 .timer_input_side {
        right: 133px;
        color: #4868e1
    }

    .login_wrap.type03 .timer_input_side:before, .login_wrap.type03 .timer_input_side:after {
        display: none
    }

    .login_wrap.type03 .btn_input_side {
        border-radius: 4px
    }

    .login_wrap .btm_type {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0 20px 20px;
        background-color: #fff
    }

    .login_wrap .btm_type:before {
        content: '';
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        height: 20px;
        background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%)
    }

    .login_wrap .mo_hide {
        display: none
    }

    .login_wrap .mo_show {
        display: block
    }

    .login_wrap.minPwAppend_wrap .guide_txt {
        padding: 0
    }

    .login_wrap.minPwAppend_wrap .guide_txt.type02 p {
        font-size: 16px;
        line-height: 24px
    }

    .login_wrap.minPwAppend_wrap.type02 .right_con .inner .btn_wrap {
        margin-top: 20px
    }

    #container.login .accordion_header a[role="button"].acc_btn {
        padding-left: 0;
        padding-right: 60px
    }

    #container.login .accordion_body {
        padding-left: 0;
        padding-right: 0
    }

    #container.login .accordion_body .area {
        padding: 0 0 16px
    }

    #container.login .accordion_body .marker_dot > li {
        padding-left: 8px;
        font-size: 1.4rem;
        line-height: 2.1rem
    }

    #container.login .accordion_body .marker_dot > li::before {
        left: 1px;
        top: 9px
    }

    #container.login .accordion_body .marker_dot > li + li {
        margin-top: 9px
    }

    #container.login .accordion_body .marker_dot > li .font_md {
        font-weight: 400;
        color: #333
    }

    .is_kaypadNumber .login_wrap.min_height {
        min-height: 600px
    }

    .is_kaypadNumber .login_wrap.min_height .right_con .login_ext {
        position: absolute
    }

    .pop_wrap.login_type {
        padding: 0
    }

    .pop_wrap.login_type .popup {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pop_wrap.login_type .popup .pop_cont {
        flex-grow: 1;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pop_wrap.login_type .popup .pop_cont .inner {
        flex: 1 1 auto
    }

    .pop_wrap.login_type .type_list_wrap {
        width: 170px;
        flex: 1 1 auto
    }

    .pop_wrap.login_type .type_list_wrap li {
        font-size: 1.6rem;
        line-height: 2.0rem
    }

    .pop_wrap.login_type .type_list_wrap li + li {
        border-top: 1px solid #eee
    }

    .pop_wrap.login_type .type_list_wrap li a {
        padding: 10px 20px 8px 39px
    }

    .pop_wrap.login_type .type_list_wrap li a:before {
        left: 5px;
        top: 50%;
        width: 18px;
        height: 29px;
        margin-top: -15 px;
        background-image: url(/pconts/images/contents/login//pop_login_icon_m.png);
        background-repeat: no-repeat
    }

    .pop_wrap.login_type .type_list_wrap li a:after {
        right: 7px;
        margin-top: -4px;
        width: 7px;
        height: 7px;
        border-width: 1px
    }

    .pop_wrap.login_type .type_list_wrap li:nth-child(1) a:before {
        background-position: 0 0;
        background-size: 72px 50px
    }

    .pop_wrap.login_type .type_list_wrap li:nth-child(2) a:before {
        background-position: -18px 0;
        background-size: 72px 50px
    }

    .pop_wrap.login_type .type_list_wrap li:nth-child(3) a:before {
        background-position: -36px 0;
        background-size: 72px 50px
    }

    .pop_wrap.login_type .type_list_wrap li:nth-child(4) a:before {
        background-position: -54px 0;
        background-size: 72px 50px
    }

    .pop_wrap.login_type .type_list_wrap + .sub_text_01 {
        margin-top: 50px
    }

    .pop_wrap.login_type .sub_text_01 {
        font-size: 1.5rem
    }

    .pop_wrap.login_type .sub_text_02 {
        font-size: 1.3rem
    }

    .pop_wrap.login_type .btn_group {
        display: block;
        margin-top: 16px
    }

    .pop_wrap.login_type .btn_group a {
        width: 113px;
        height: 97px;
        padding: 25px 5px 5px;
        font-size: 15px;
        line-height: 1.8rem
    }

    .pop_wrap.login_type .btn_group a.cert_card:before, .pop_wrap.login_type .btn_group a.cert_phone:before {
        width: 20px;
        height: 20px;
        margin: 0 auto 12px;
        background-image: url(/pconts/images/contents/login/pop_login_icon_m.png);
        background-repeat: no-repeat;
        vertical-align: top
    }

    .pop_wrap.login_type .btn_group a.cert_card:before {
        background-position: 0 -29px;
        background-size: 72px 50px
    }

    .pop_wrap.login_type .btn_group a.cert_phone:before {
        background-position: -20px -29px;
        background-size: 72px 50px
    }

    .pop_wrap.login_type .btn_group a + a {
        margin-left: 20px
    }

    .pop_wrap.used_terms .popup_type01 .pop_head {
        padding-left: 20px
    }

    .pop_wrap.used_terms .txt_box {
        padding-bottom: 17px
    }

    .pop_wrap.used_terms .txt_box p {
        margin-top: 0;
        font-size: 1.3rem;
        line-height: 2.0rem
    }

    .btn_fixed {
        position: fixed;
        bottom: 20px;
        width: calc(100% - 40px)
    }

    .w_428 {
        width: 100%
    }

    .member_out {
        width: 100%
    }

    .member .text_box .text_tit {
        font-size: 2.4rem
    }

    .member .text_box .text_tit.text_lg {
        font-size: 2.4rem
    }

    .member .text_box .text_subtit {
        font-size: 1.5rem
    }

    .member .text_box > p {
        margin-bottom: 25px
    }

    .member .con_box + .con_box.line {
        padding-top: 60px
    }

    .member .con_box + .con_box.line::before {
        width: 100px;
        height: 1px
    }

    .member .con_box .text_box .img_area {
        margin-top: 50px;
        background-size: 100%
    }

    .member .con_box .text_box .img_area.type02 {
        width: 113px;
        background-size: 100%
    }

    .member .btn.w_240 {
        width: 200px
    }

    .member .btn_wrap .btn {
        margin-bottom: 20px
    }

    .member .btn_wrap .btn:last-child {
        margin-bottom: 0
    }

    .join_con_text {
        padding: 25px 0
    }

    .join_con_text.minH350_lg {
        min-height: 270px
    }

    .form_type .join_con_text.minH350_lg {
        min-height: 1px
    }

    .join_con_text .join_con_explain .fan_txt {
        padding-bottom: 20px;
        font-size: 1.6rem
    }

    .join_con_text .text_lg.font_md {
        font-size: 2.1rem
    }

    .join_con_text .text_sm {
        font-size: 1.5rem
    }

    .join_con_text .fan_txt .sub_text {
        display: block;
        padding-top: 10px;
        font-size: 1.3rem;
        color: #111
    }

    .join_con_text .auth_box p {
        font-size: 1.6rem
    }

    .quickPw_wrap {
        margin: 0
    }

    .quickPw_wrap input {
        margin: 0
    }

    .comp_area {
        margin-top: 50px;
        background-size: 113px auto
    }

    .comp_area .text_tit {
        font-size: 2.4rem;
        line-height: 1.3
    }

    .bt_aleady .line_gray {
        display: block;
        width: 210px;
        padding: 0;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .complepte_wrap:before {
        right: -45px
    }

    .complepte_wrap .tit {
        font-size: 2.4rem
    }

    .complepte_wrap .text_sm {
        font-size: 1.5rem
    }

    .ly_inner.m_hide {
        padding: 0 !important
    }

    .ly_inner.m_hide .complepte_wrap {
        padding-left: 51px
    }

    .m_fixed {
        position: fixed;
        width: 100%;
        bottom: 0;
        padding: 1rem 2rem 2rem 2rem;
        margin-top: 0 !important;
        z-index: 30;
        background: #fff
    }

    .m_fixed::before {
        content: "";
        position: absolute;
        left: 0px;
        top: -20px;
        width: 100%;
        height: 20px;
        opacity: 0.8;
        background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%)
    }

    .member_out {
        width: 100%
    }

    .member_out .img_area {
        padding: 30px 0 30px
    }

    .member_out .tit {
        font-size: 2.4rem;
        font-weight: 700
    }

    .shcard_slide_wrap {
        width: 100%
    }

    .shcard_slide_wrap .swiper-container {
        width: 210px
    }

    .shcard_slide_wrap .com_card_list .com_card {
        height: 131px
    }

    .shcard_slide_wrap .com_card_list .com_card.no_card p {
        padding: 54px 0;
        font-size: 1.5rem
    }

    .shcard_slide_wrap .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .shcard_slide_wrap .nav-button-prev, .shcard_slide_wrap .nav-button-next {
        top: 66px;
        width: 18px;
        height: 29px;
        margin-top: -15px
    }

    .shcard_slide_wrap .nav-button-prev::before {
        right: 5px
    }

    .shcard_slide_wrap .nav-button-next::before {
        left: 5px
    }

    .only_mobile .shcard_slide_wrap .nav-button-prev, .only_mobile .shcard_slide_wrap .nav-button-next {
        top: 66px
    }

    .shcard_slide_wrap .com_card_list .com_card .cardlogo {
        position: absolute;
        top: 10px;
        left: 14px;
        width: 60px;
        height: 10px
    }

    .shcard_slide_wrap .com_card_list .com_card .cardlogo img {
        width: 100%
    }

    .shcard_slide_wrap .com_card_list .com_card .card_name {
        margin-top: 40px;
        padding: 0 15px;
        font-size: 15px;
        line-height: 17px;
        height: 34px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw {
        bottom: 14px;
        padding: 0 12px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group {
        width: 140px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group span {
        font-size: 13px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group .btn_question {
        flex: none;
        margin-left: 4px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw input {
        margin-left: 6px;
        font-size: 13px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw input::placeholder {
        font-size: 13px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num2 input {
        width: 76px;
        height: 34px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num4 input {
        width: 108px;
        height: 34px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group {
        text-align: center;
        padding-left: 5px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group .add_pw {
        width: 10px;
        height: 10px;
        margin-left: 5px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question02 {
        margin-left: 5px
    }

    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question, .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question span::after, .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_tooltip, .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_tooltip span::after {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }

    .shcard_slide_wrap .swiper-pagination {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: 13px 0 0 0 !important;
        font-weight: 700;
        color: #999
    }

    .shcard_slide_wrap .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border: 2px solid #f6f6f6;
        background-color: #cccccc;
        opacity: 1;
        margin: 0 5px
    }

    .shcard_slide_wrap .swiper-pagination-bullet-active {
        border: 3px solid #333;
        background-color: #f6f6f6
    }

    .shcard_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px
    }

    .shcard_slide_wrap .swiper-pagination-fraction {
        bottom: 30px;
        font-size: 1.3rem
    }

    .progress_area .text {
        font-size: 16px
    }

    .only_mobile {
        width: 100%
    }

    .only_mobile .head_area {
        width: 100%;
        min-height: 150px;
        padding: 25px 0px 20px 0px
    }

    .only_mobile .body_area .form_type {
        padding: 25px 20px
    }

    .only_mobile .body_area .btn_wrap {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0 20px 25px 20px
    }

    .only_mobile .shcard_slide_wrap .btn_wrap {
        position: static;
        width: 100%
    }

    .only_mobile .shcard_slide_wrap .text_tip.error {
        margin: 0
    }

    .card_slide {
        padding: 0 40px
    }

    .card_slide .title_wrap .title {
        font-size: 18px
    }

    .shcard_slide .title_wrap {
        margin-bottom: 14px
    }

    .shcard_slide .title_wrap .title {
        font-size: 18px
    }

    .addr_define {
        font-size: 15px
    }

    .addr_define .tit {
        margin-bottom: 8px
    }

    .addr_btns .btn + .btn {
        margin: 3px 0 0 0
    }

    .pop_cont.fanpay_auth_pop {
        padding-right: 43px;
        padding-left: 43px
    }

    .fanpay_auth_pop .fanpay_tit {
        margin-bottom: 12px
    }

    .fanpay_auth_pop .qrcode_img img {
        width: 90px;
        height: 90px
    }
}

@media only screen and (max-width: 1100px) {
    .card_reportlist_wrap.type02 .dashdesk {
        padding-bottom:40px
    }

    .card_reportlist_wrap .dashdesk_detail.type02 {
        border-bottom: 0
    }

    .card_reportlist_wrap .dashdesk dd.payinfo {
        margin-top: 10px
    }

    .btn_wrap + .cms_accordion_wrap, .btn_wrap + .cms_list_wrap {
        margin: 20px 0 0
    }

    .expend_wrap + .cms_accordion_wrap {
        margin-top: 30px
    }

    .expend_wrap + .btn_wrap {
        margin-top: 0
    }

    .lu_inquiry_heading {
        display: none
    }

    .flexbox_wrap {
        display: flex !important;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between
    }

    .flexbox_wrap.col02 .flex_item + .flex_item {
        margin-left: 0px;
        margin-top: 40px
    }

    .blockbox_wrap {
        display: block !important
    }

    .h4type_msgbox .mt {
        font-size: 2.4rem
    }

    .h4type_msgbox .mt + .sd {
        margin-top: 20px
    }

    .ul_list_wrap, .ul_list_wrap li .check_wrap {
        display: block
    }

    .ul_list_wrap li dl dd {
        text-align: left
    }

    .ul_list_wrap li .state {
        padding-left: 50%;
        text-align: left
    }

    .ul_list_wrap.my_card_service dd {
        text-align: right
    }

    .ul_list_wrap.my_card_service li {
        margin: 0px
    }

    .ul_list_wrap.my_card_service li + li {
        margin-left: 0px
    }

    .premium_service_request ul li {
        display: block;
        padding: 23px 0 22px 0
    }

    .premium_service_request .bluepart {
        float: initial;
        display: flex;
        width: 100%;
        flex-direction: column-reverse
    }

    .premium_service_request .bluepart .date {
        display: block;
        margin-right: 0;
        width: 100%
    }

    .premium_service_request .bluepart .date span {
        display: inline-block;
        position: relative;
        margin: 0 0 0 8px;
        padding: 0 0 0 9px
    }

    .premium_service_request .bluepart .date span::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: calc(50% - 5px);
        width: 1px;
        height: 10px;
        background-color: #ddd
    }

    .premium_service_request .bluepart .title {
        display: block;
        margin-right: 0;
        padding-bottom: 33px;
        width: 100%
    }

    .premium_service_request .bluepart .service {
        position: absolute;
        left: 0;
        top: 25px
    }

    .premium_service_request .redpart {
        display: block;
        position: absolute;
        min-width: 200px;
        bottom: 15px;
        right: 0
    }

    .premium_service_request .redpart .del_info {
        top: -1px
    }

    .message_wrap01 {
        margin: 10px 0 30px 0;
        font-size: 24px
    }

    .message_wrap01 + .marker_dot {
        margin: -15px 0 60px 0
    }

    .inquiry_check_wrap {
        padding: 0
    }

    .mylimit_info_wrap {
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px 0
    }

    .mylimit_info_wrap + .mylimit_info_wrap {
        padding-top: 0
    }

    .mylimit_info_wrap .head_deck .msg {
        margin: 10px 0 24px 0;
    }

    .mylimit_info_wrap .head_deck h4.h_title24 {
        margin-bottom: 10px
    }

    .mylimit_info_wrap .mylimit_info .h_title.color_black {
        margin-bottom: 12px
    }

    .mylimit_info_wrap .head_deck dt {
        font-size: 1.5rem
    }

    .mylimit_info_wrap .head_deck dd {
        font-size: 1.5rem
    }

    .mylimit_info .title {
        font-size: 1.5rem;
        margin-bottom: 8px
    }

    .mylimit_info .parts dt {
        padding-left: 21px
    }

    .mylimit_info_wrap.block .inwrap_flex {
        flex-direction: column
    }

    .mylimit_info + .mylimit_info {
        margin-left: 0px
    }

    .inwrap_flex .mylimit_info+ .mylimit_info {
        margin-top: 40px
    }

    .bar_graph + .parts {
        margin-top: 6px
    }

    .bar_graph.has_badge {
        padding: 32px 0 34px 0
    }

    .bar_graph .badge dt {
        font-size: 1.5rem
    }

    .bar_graph .badge dd {
        font-size: 1.7rem
    }

    .bar_graph .badge.available dd span {
        font-size: 1.8rem
    }

    .limitup_inquiry_wrap {
        position: relative;
        left: initial;
        top: initial;
        margin-top: 20px;
        text-align: right
    }

    .limitup_simple_result {
        position: relative;
        padding: 0 0 40px 0
    }

    .request_msg {
        padding-top: 133px
    }

    .request_msg::after {
        top: 32px;
        font-size: 28px
    }

    .limtup_request_end {
        padding: 20px 10px;
        margin-left: -20px;
        margin-right: -20px;
        font-size: 15px
    }

    .limitUp_application {
        margin-top: 30px
    }

    .limitup_result_wrap .main_msg {
        margin-bottom: 60px;
        font-size: 2.4rem
    }

    .limitup_result_wrap .sub_msg {
        font-size: 1.5rem
    }

    .limitup_result_wrap .sub_msg p+p {
        margin-top: 5px
    }

    .marker_hyphen2 + .btn_wrap {
        margin-top: 60px
    }

    .bar_graph.large .badge.available dt, .bar_graph.large .badge.available dd {
        font-size: 1.5rem
    }

    .except .bar_graph .badge.current dt, .except .bar_graph .badge.current::before {
        display: none !important
    }

    .except .bar_graph .badge.current dd {
        font-weight: 400;
        color: #333
    }

    .request_sms_wrap .h_wrap {
        margin-bottom: 26px
    }

    .request_sms_wrap .flex_item + .flex_item {
        margin-left: 0px;
        margin-top: 30px
    }

    .request_sms_wrap dt {
        margin-bottom: 10px
    }

    .condition_viewbox {
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .condition_viewbox .cv_group {
        width: 100%
    }

    .condition_viewbox .cv_group + .cv_group {
        margin-left: 0;
        margin-top: 40px
    }

    .condition_viewbox .cv_group .title {
        font-size: 1.8rem;
        margin-bottom: 15px
    }

    .condition_viewbox .cv_group .h_title24 {
        margin-bottom: 5px
    }

    .cv_group .cv_item dl {
        padding-right: 40px
    }

    .cv_group .cv_item dl::before, .cv_group .cv_item dl::after {
        right: 15px
    }

    .before_limiteup_list {
        max-height: initial;
        overflow: auto
    }

    .before_limiteup_list .msg {
        padding-top: 30px
    }

    .before_limiteup_list ul {
        display: block;
        position: relative
    }

    .before_limiteup_list li {
        display: block;
        position: relative;
        margin: 0;
        padding: 13px 0 0 0
    }

    .before_limiteup_list li .date {
        display: block;
        position: relative;
        left: initial;
        top: initial;
        margin-bottom: 20px;
        font-size: 13px;
        text-align: center
    }

    .before_limiteup_list li .limit_result_detail {
        margin-bottom: 0;
        padding-left: 20px;
        padding-bottom: 20px
    }

    .before_limiteup_list li .limit_result_detail .h_wrap {
        margin-bottom: 10px
    }

    .before_limiteup_list li .limit_result_detail .direction_row.detail_wrap + .h_wrap {
        margin-top: 25px
    }

    .before_limiteup_list li + li {
        border-top: solid #eee 1px;
    }

    .limite_info_wrap h4.title, .sms_application h4.title {
        font-size: 1.7rem
    }

    .flexbox_wrap.limite_info_wrap .flex_item + .flex_item {
        margin-top: 40px
    }

    .adjust_confirm:before {
        left: calc(50% - 5px);
        top: calc(50% - 5px);
        width: 10px;
        height: 10px
    }

    .adjust_confirm.left {
        padding-right: 0
    }

    .adjust_confirm.right {
        padding-left: 0
    }

    .adjust_confirm_inner {
        padding: 20px
    }

    .adjust_confirm .current_info dd, .adjust_confirm .changed_info dd {
        font-size: 1.8rem
    }

    .sms_application {
        width: 100%
    }

    .result_info_area {
        padding: 48px 0
    }

    .result_info {
        font-size: 2.4rem;
        line-height: 3.3rem;
        color: #333;
        text-align: center
    }

    .result_info_explain {
        font-size: 1.5rem;
        color: #111;
        text-align: center
    }

    .result_gray_box {
        padding: 18px 0;
        background-color: #f6f6f6;
        text-align: center
    }

    .radio_list_wrap .radio_list.col02 {
        margin: 0
    }

    .radio_list_wrap .radio_list.col02 li {
        width: 100%;
        margin-left: 0
    }

    .radio_list_wrap .radio_list li {
        height: auto;
        margin-bottom: 10px
    }

    .radio_list_wrap .radio_list li label {
        width: 100%;
        height: auto
    }

    .radio_list_wrap .radio_list li label input[type="radio"] + .radio_cont {
        width: 2000px;
        height: 96px;
        padding: 23px 0 23px 88px
    }

    .radio_list_wrap .radio_list .radio_cont .text_basic {
        font-size: 1.8rem
    }

    .radio_list_wrap .radio_list .radio_cont .radio_img {
        left: 20px
    }

    .box_whiteLimit {
        padding: 3px 12px 15px;
        border-width: 1px 0;
        border-radius: 0;
        box-shadow: none
    }

    .box_whiteLimit figure {
        display: none
    }

    .box_whiteLimit .list {
        display: block
    }

    .box_whiteLimit .list li {
        display: block;
        padding: 15px 0 0 0
    }

    .box_whiteLimit .list li:before {
        display: none
    }

    .box_whiteLimit .list li:after {
        content: '';
        display: block;
        clear: both
    }

    .box_whiteLimit .list li .txt, .box_whiteLimit .list li .con {
        float: left;
        line-height: 1.2
    }

    .box_whiteLimit .list li .txt {
        width: 100px;
        margin-bottom: 0
    }

    .box_whiteLimit .list li .con {
        width: calc(100% - 100px);
        text-align: right
    }

    .box_whiteLimit + .box_whiteLimit {
        margin-top: -1px
    }

    .condition_viewbox.add_limitbox {
        margin-top: 40px
    }

    .hotel_con .select_pann {
        margin: 0
    }

    .hotel_con .area_slt label {
        font-size: 1.8rem
    }

    .hotel_con .select_pann .area_list {
        max-height: 100%;
        overflow-y: hidden;
        border: 0
    }

    .hotel_con .select_pann .area_list li, .hotel_con .select_pann .img_area, .hotel_con .select_pann .text_area {
        display: block
    }

    .hotel_con .select_pann .area_list li {
        padding: 40px 0
    }

    .hotel_con .select_pann .img_area {
        width: 100%;
        margin: 30px 0
    }

    .hotel_con .select_pann .text_area {
        padding-left: 0
    }

    .hotel_con .select_pann .tit {
        position: absolute;
        top: 40px;
        font-size: 1.8rem
    }

    .hotel_con .select_pann .text_area .text_xsm {
        font-size: 1.5rem
    }

    .scroll_area {
        max-height: calc(100% - 176px)
    }

    .scroll_area .hall_list li img {
        left: 0
    }

    .scroll_area .hall_list li {
        padding: 30px 0 27px 0
    }

    .df_list_col_wrap.limit_result .df_list_col .item_wrap dt.item {
        width: 95px
    }

    .df_list_col_wrap.limit_result .df_list_col .item_wrap dd.item {
        width: calc(100% - 95px);
        color: #333;
        text-align: right
    }

    .addlimit_result {
        width: 100%
    }

    .complete_body .complete_info.type_mypage02 {
        width: 100%
    }

    .checkadd_guide_wrap + .checkadd_guide_wrap {
        margin-top: 40px
    }

    .checkadd_guide_wrap .h_wrap {
        text-align: left
    }

    .checkadd_guide_wrap .h_wrap+.marker_hyphen2 {
        margin-top: 20px
    }

    .checkadd_guide_wrap + .btn_wrap {
        margin-top: 30px
    }

    .limit_by_card .has_flow_step {
        margin-top: 20px
    }

    .limit_by_card .mylimit_info_wrap {
        padding: 0
    }

    .limit_by_card .pc_card_info {
        display: none
    }

    .limit_by_card .mo_card_info {
        display: block
    }

    .limit_set_wrap [class^="limit_"] .con, .limit_set_wrap [class^="limit_"] .con .set_input input {
        font-size: 18px
    }

    .limit_set_wrap [class^="limit_"] .con .set_input input {
        padding-right: 40px
    }

    .limit_set_wrap [class^="limit_"] .con .set_input input::placeholder {
        font-size: 20px
    }

    .limit_set_wrap [class^="limit_"] .con>span {
        font-size: 20px
    }

    .limit_set_wrap [class^="limit_"] .con .unit {
        font-size: 18px
    }

    .limit_by_card .complete_body .df_list_wrap {
        width: 100%
    }

    .mu_card_list .mu_card_head {
        width: 100%
    }

    .mu_card_list .mu_card_head dt, .mu_card_list .mu_card_head dd {
        flex: 1
    }

    .mu_card_list .mu_list {
        padding: 30px 0;
        overflow: visible
    }

    .mu_card_list .mu_list::before, .mu_card_list .mu_list::after {
        display: none
    }

    .mu_card_list .mucN, .mu_card_list .mucP {
        display: none
    }

    .limit_usage .flex_row li:first-child, .limit_usage .flex_row li, .limit_usage .flex_row li:first-child, .limit_usage .flex_row li:nth-child(7n+1) {
        width: 33.3%
    }

    .check_wrap.type_btn.usage_time .check_btn input[type="checkbox"] + span {
        padding: 10px;
        font-size: 13px;
        line-height: 1;
        height: auto;
        min-height: 44px
    }

    .complete_body .complete_info.usage_comp {
        margin-top: 20px;
        text-align: left
    }

    .usage_comp .marker_dot {
        display: block
    }

    .limit_usage .check_list02 label {
        width: 100%;
        height: 85px
    }

    .limit_usage .check_list02 label span:before {
        width: 35px;
        height: 35px
    }

    .complete_body.reg_of_use .complete_info {
        width: 100%;
        max-width: 400px;
        text-align: center
    }

    .item_wrap .item.con.item_limit_usage > span {
        display: block
    }

    .contents.limit_up_wrap .h_wrap.top .title {
        font-size: 2.4rem
    }

    .limit_up_wrap .form_ele.pwd .col02::before {
        width: 13px;
        margin-left: -2px
    }

    .limit_up_wrap .form_ele.pwd .col02 .pwd_front {
        padding-right: 20px
    }

    .limit_up_wrap .form_ele.pwd .col02 .pwd_back {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 20px;
        font-size: 3.0rem
    }

    .limit_up_wrap .form_ele.pwd .col02 .pwd_back span {
        line-height: 57px
    }

    .limit_up_wrap .form_ele.pwd.card .col02 .pwd_back {
        display: block;
        padding-left: 0
    }

    .limit_up_wrap .adjust_amount_wrap .adjust_amount, .limit_up_wrap .adjust_amount_wrap .flex_item:nth-of-type(2) .adjust_amount {
        margin-top: 22px
    }

    .sub_title.un_pay_ist {
        width: 380px;
        margin: 0 auto
    }

    .sub_title.un_pay_ist .guide_list {
        text-indent: -19px;
        padding-left: 19px
    }

    .reportlist_filter_wrap {
        display: table;
        height: 60px;
        padding-right: 40px
    }

    .reportlist_filter_wrap.wide {
        display: block
    }

    .reportlist_filter_wrap.wide .filter_list {
        height: 42px
    }

    .reportlist_filter_wrap.wide .filter_toggle {
        top: initial;
        bottom: -10px
    }

    .reportlist_filter_wrap .filter_list {
        display: table-cell;
        height: 60px;
        padding: 10px 0;
        vertical-align: middle
    }

    .reportlist_filter_wrap .filter_list li {
        display: inline-block;
        padding: 0 20px 0 0;
        font-size: 1.3rem;
        line-height: 1.1
    }

    .reportlist_filter_wrap .filter_list li.date {
        display: block
    }

    .reportlist_filter_wrap .filter_toggle {
        width: 60px;
        height: 60px;
        margin-right: -20px;
        top: calc(50% - 30px)
    }

    .analysis_period_bar .periond_set {
        height: initial;
        margin: 0;
        padding: 14px 0 12px 0
    }

    .analysis_period_bar .periond_set .table_cell {
        padding: 0
    }

    .card_reportlist_wrap .dashdesk.swiper-slide {
        padding: 56px 0 20px 0
    }

    .card_reportlist_wrap .dashdesk dl {
        display: block
    }

    .card_reportlist_wrap .dashdesk dt {
        font-size: 1.6rem
    }

    .card_reportlist_wrap .dashdesk dd {
        font-size: 3.2rem;
        line-height: 1
    }

    .card_reportlist_wrap .dashdesk dd span {
        font-size: 3.6rem
    }

    .card_reportlist_wrap .dashdesk_detail {
        position: relative;
        min-width: 100%;
        margin: 0;
        padding: 20px 0;
        border-top: solid #ddd 1px;
        border-bottom: solid #ddd 1px
    }

    .card_reportlist_wrap .dashdesk_detail dl {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        float: initial
    }

    .card_reportlist_wrap .dashdesk_detail dl:last-child {
        margin-right: 0
    }

    .card_reportlist_wrap .dashdesk_detail dl + dl {
        margin-left: 0px;
        margin-top: 5px
    }

    .card_reportlist_wrap .dashdesk_detail dt {
        text-align: left;
        flex: 1;
        padding-left: 0
    }

    .card_reportlist_wrap .dashdesk_detail dd {
        font-size: 1.7rem;
        text-align: right;
        flex: 1;
        padding-left: 0
    }

    .card_reportlist_wrap .dashdesk_detail dd span {
        font-weight: 900
    }

    .card_reportlist_wrap .dashdesk_detail .total_sum {
        display: block;
        padding: 20px 0 20px 0
    }

    .card_reportlist_wrap .dashdesk_detail .total_sum dl {
        padding-right: 0
    }

    .card_reportlist_wrap .dashdesk_detail .total_sum dt {
        top: 0
    }

    .card_reportlist_wrap.mycard_report .dashdesk {
        padding: 30px 0;
    }

    .mycard_report .usage_item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mycard_report .usage_item dl {
        width: initial;
        flex: 1.8;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    .mycard_report .usage_item dl dt {
        width: 100%;
        margin-bottom: 7px
    }

    .mycard_report .usage_item dl dd {
        width: 100%
    }

    .mycard_report .usage_item dl dd .country {
        margin-top: 5px
    }

    .mycard_report .price_info {
        flex: 1;
        padding-right: 0;
        width: initial
    }

    .mycard_report .price_info .price {
        margin-bottom: 2px
    }

    .mycard_report .price_info .btn_wrap {
        position: relative;
        margin-bottom: 0;
        top: 0px
    }

    .mycard_report .price_info .osprice {
        position: absolute;
        right: 0;
        top: 53px
    }

    .select_month_wrap {
        left: calc(50% - 165px);
        top: 90px
    }

    .select_month_wrap .radio_wrap .radio_btn {
        flex: inherit !important
    }

    .period_flex.current {
        flex-direction: column;
        padding-top: 5px
    }

    .period_flex .radio_wrap + .input_wrap {
        margin-right: 0px
    }

    ul.recomdesk_ul {
        display: block !important;
        border-top: solid #ddd 0px;
        border-bottom: solid #ddd 0px
    }

    ul.recomdesk_ul li {
        display: block;
        padding: 30px 0
    }

    ul.recomdesk_ul.ingap0_30 li {
        padding: 18px 0
    }

    ul.recomdesk_ul.ingap0_30 li:first-child {
        padding-top: 0px
    }

    ul.recomdesk_ul li + li {
        border-left: none;
        border-top: solid #ddd 1px
    }

    ul.recomdesk_ul.col02 li, ul.recomdesk_ul.col03 li {
        width: 100%
    }

    ul.recomdesk_ul .title {
        margin-bottom: 5px;
        font-size: 1.7rem;
        line-height: initial
    }

    ul.recomdesk_ul .bottom_textbtn .text_btn {
        position: relative;
        bottom: initial;
        left: initial;
        margin-top: 10px
    }

    .recom_financial {
        flex-direction: column
    }

    .recom_financial .product {
        width: 100%;
        padding-right: 80px
    }

    .recom_financial .product:nth-child(even) {
        margin-left: 0px
    }

    .recom_financial .product .btn_link {
        position: absolute;
        right: 0;
        top: 0;
        min-width: 50px
    }

    .card_reportlist_wrap .btn_month {
        height: 18px;
        font-size: 1.1rem;
        line-height: 18px
    }

    .card_reportlist_wrap .btn_month.prev_month {
        padding-left: 14px;
        background-size: 10px 18px
    }

    .card_reportlist_wrap .btn_month.next_month {
        padding-right: 14px;
        background-size: 10px 18px
    }

    .card_reportlist_wrap .this_month {
        font-size: 1.7rem
    }

    .accordion_wrap.bottom_guide .payment_detail dt + dd {
        margin-top: 0
    }

    .btn_wrap.btn_check_wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px
    }

    .btn_check_wrap .btn_check {
        height: 72px;
        margin-top: 0;
        padding: 40px 0 0 0;
        flex: 1;
        line-height: 1.2
    }

    .btn_check_wrap .btn_check.ico01 {
        padding-left: 0;
        padding-top: 30px !important;
        background-position: center top
    }

    .btn_check_wrap .btn_check.ico02 {
        padding-left: 0;
        padding-top: 30px !important;
        background-position: center top
    }

    .btn_check_wrap .btn_check.ico03 {
        padding-left: 0;
        padding-top: 30px !important;
        background-position: center top
    }

    .btn_check_wrap .btn_check.check_basic {
        padding-left: 0;
        padding-top: 30px !important;
        background-position: center top
    }

    .report_recome .btn_wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .report_recome .btn_wrap + .btn_wrap {
        margin-top: 8px
    }

    .report_recome .btn_wrap .btn.full {
        width: 100%
    }

    .btn_check_wrap + .btn_pay {
        margin-top: 26px
    }

    .btn_pay {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .btn_pay .btn {
        flex: 1;
        min-width: inherit;
        padding: 0
    }

    .btn_pay .btn + .btn {
        margin-left: 7px
    }

    .accordion_wrap.card_usage_detail .accordion_header {
        min-height: auto
    }

    .accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item {
        display: block
    }

    .accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item::before {
        display: none
    }

    .accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item + .st_item {
        margin-left: 0;
        padding-left: 0
    }

    .accordion_wrap.card_usage_detail .accordion_header .back {
        position: absolute;
        top: 20px;
        right: 10px
    }

    .accordion_wrap.card_usage_detail .accordion_header .back .back_money_sub {
        padding-top: 4px
    }

    .accordion_wrap.card_usage_detail .accordion_header .acc_btn::after {
        top: 30px
    }

    .accordion_wrap.card_usage_detail .usage_item .usage_info {
        width: calc(100% - 100px)
    }

    .accordion_wrap.card_usage_detail .text_wrap.side_btn.pd_bottom {
        padding-bottom: 42px
    }

    .accordion_wrap.card_usage_detail .text_wrap .loan_name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .card_reportlist_wrap.card_usage_detail {
        padding-bottom: 35px;
        margin-bottom: 10px
    }

    .accordion_wrap.card_usage_detail .list_head .money {
        padding: 14px 0 0
    }

    .accordion_wrap.card_usage_detail .list_head .money span {
        text-align: right
    }

    .accordion_wrap.card_usage_detail .list_head .money .susuru {
        display: block
    }

    .accordion_wrap.card_usage_detail .list_category .title {
        padding-right: 0
    }

    .accordion_wrap.card_usage_detail .list_category .title + span {
        display: block;
        font-size: 13px
    }

    .accordion_wrap.card_usage_detail .list_category .title::after {
        display: none
    }

    .reportlist_filter_wrap .tooltip {
        top: 66px
    }

    .reportlist_filter_wrap .tooltip::before {
        left: 94%
    }

    .card_usage_detail.cardron .total_fee {
        display: block
    }

    .card_usage_detail.cardron .total_fee dl:nth-of-type(1) {
        padding-right: 0
    }

    .card_usage_detail.cardron .total_fee dl:nth-of-type(2) {
        margin-top: 10px;
        padding-left: 0
    }

    .card_usage_wrap .card_usage_list {
        padding: 5px 0
    }

    .card_usage_wrap .card_usage_list .card_info strong {
        line-height: 1.2;
        overflow: visible;
        white-space: inherit;
        word-break: inherit;
        text-overflow: initial
    }

    .card_usage_wrap .card_usage_list .card_info {
        padding: 10px 0
    }

    .card_usage_wrap .card_usage_list .card_info p {
        margin-top: 3px;
        font-size: 1.3rem;
        color: #111
    }

    .card_usage_wrap .card_usage_list .price {
        font-size: 1.6rem;
        padding-right: 20px
    }

    .card_usage_wrap .card_usage_list .price::after {
        right: 2px
    }

    .card_usage_wrap .card_usage_list .price strong {
        color: #333
    }

    .card_usage_wrap .card_usage_list li .usage_item {
        padding: 0
    }

    .card_usage_detail .total_fee {
        padding: 15px 0 0
    }

    .card_usage_detail .total_fee dl dt {
        font-size: 1.8rem
    }

    .card_usage_detail .total_fee dl dd {
        font-size: 2.1rem
    }

    .card_usage_detail .total_fee dl dd span {
        font-size: 2.3rem
    }

    .tooltip.cardbill {
        top: 8px
    }

    .myused_list .accordion_wrap.card_usage_detail.type03 .accordion_body .area {
        padding-left: 0px
    }

    .myused_list .accordion_wrap.card_usage_detail.type03 .accordion_body {
        padding-bottom: 50px
    }

    .myused_list .accordion_wrap.type03 .text_wrap.side_btn + button {
        right: -11px;
        width: 34px
    }

    .myused_list .accordion_wrap.type03 .text_wrap.side_btn {
        width: calc(100% - 24px);
        padding-left: 0
    }

    .cardbill_benifit .detail_info {
        padding: 14px 0
    }

    .check_banner_swiper .banner_img.pc {
        display: none
    }

    .check_banner_swiper .banner_img.mobile {
        display: block
    }

    .check_banner_swiper .swiper-container {
        padding-bottom: 25px
    }

    .check_banner_swiper .page_no {
        font-size: 1.1rem
    }

    .check_banner_swiper .paging_nav_wrap .nav-button-prev, .check_banner_swiper .paging_nav_wrap .nav-button-next {
        width: 22px;
        height: 14px
    }

    .stat_graph .swiper-container, .stat_graph .item {
        max-width: none
    }

    .stat_graph .swiper-button-prev {
        left: 0
    }

    .stat_graph .swiper-button-next {
        right: 0
    }

    .benefit_wrap .payment_detail dt {
        text-align: left
    }

    .benefit_wrap .payment_detail dd {
        text-align: right
    }

    .benefit_wrap .flex_item dd {
        font-size: 1.8rem
    }

    .card_filter_title {
        font-size: 1.7rem;
        line-height: 2.1rem
    }

    .card_filter_item + .card_filter_item {
        margin-top: 26px
    }

    .card_filter_head {
        margin-bottom: 13px
    }

    .card_filter_body .radio_wrap.type_btn, .card_filter_body .radio_wrap.type_btn.anyline.month_select dd {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap
    }

    .card_filter_body .radio_wrap.type_btn.anyline {
        display: inline-block
    }

    .card_filter_body .radio_wrap.type_btn.anyline .radio_btn span {
        padding: 0 15px
    }

    .card_filter_body .radio_wrap.type_btn ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -2.5px
    }

    .card_filter_body .radio_wrap.type_btn ul li {
        flex: 0 0 auto;
        width: 33.33%;
        margin-left: 0;
        padding: 2.5px
    }

    .card_filter_body.period_add {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        flex-direction: column-reverse
    }

    .card_filter_body.period_add .radio_wrap.type_btn {
        margin-left: 0px
    }

    .benefit_box {
        padding-right: 25px;
        padding-left: 25px
    }

    .benefit_box dl {
        width: 100%
    }

    .benefit_box dl dd {
        float: right
    }

    .benefit_box dl + dl {
        margin-top: 5px;
        padding-left: 0
    }

    .benefit_box dl + dl:before {
        content: none
    }

    .recom_desk_wrap + .accordion_wrap.btm_line {
        margin-top: 40px
    }

    .card_statement_receipt .receipt_head .card_statement_title {
        font-size: 1.7rem
    }

    .card_statement_receipt .receipt_head .lower .card_name, .card_statement_receipt .receipt_head .lower .user, .card_statement_receipt .receipt_head .lower .date, .card_statement_receipt .receipt_head .lower .card_usingForm {
        font-size: 1.3rem
    }

    .card_statement_receipt .receipt_head .lower .date {
        padding-right: 14px
    }

    .card_statement_receipt .receipt_head .lower .date:before {
        right: 6px
    }

    .card_statement_receipt .receipt_head .lower .card_name {
        padding-right: 14px
    }

    .card_statement_receipt .receipt_head .lower .card_name:after {
        right: 6px
    }

    .card_statement_receipt .receipt_body table .col1 {
        width: 50%
    }

    .card_statement_receipt .receipt_body table .col2 {
        width: 50%
    }

    .card_statement_receipt .receipt_body tr.use_money td {
        font-size: 2.0rem
    }

    .card_statement_info {
        margin-top: 20px
    }

    .payment_detail {
        padding: 20px 0
    }

    .payment_detail dl.flex_item {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        flex-direction: row
    }

    .payment_detail dl.flex_item + dl.flex_item {
        margin-top: 12px
    }

    .payment_detail dt {
        margin-bottom: 0;
        flex: 1
    }

    .payment_detail dd {
        flex: 2;
        text-align: left
    }

    .payment_detail dd .text_btn.arrow {
        display: table;
        margin-top: 2px;
        font-size: 1.5rem
    }

    .payment_detail dl.flex_item {
        padding-left: 0px;
        flex: auto
    }

    .payment_detail .period, .payment_detail .bank, .payment_detail .date {
        flex: auto
    }

    .usage_list .traffic_title .date {
        display: block;
        margin-top: 5px;
        margin-left: 0
    }

    .usage_list .traffic_title li.type02 {
        padding-top: 15px
    }

    .usage_list .traffic_title li.type02 .name {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .usage_list .traffic_title li.type02 .date {
        display: inline-block
    }

    .usage_list .traffic_title.type04 {
        margin-top: 50px
    }

    .card_reportlist_wrap .dashdesk_detail.type02 dt[class^="ico_"]::before {
        display: inline-block
    }

    .card_reportlist_wrap .dashdesk_detail.type02 dd[class^="ico_"]::before {
        display: none
    }

    .card_reportlist_wrap .dashdesk_detail .check_card_use {
        display: block;
        width: 100%
    }

    .card_reportlist_wrap .dashdesk_detail .inner_wrap .sub_title6 {
        padding-left: 0px
    }

    .card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap {
        width: 100%;
        float: initial
    }

    .card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap + .inner_wrap {
        margin-top: 10px;
        padding-top: 20px;
        border-top: solid #ddd 1px
    }

    .dashdesk_detail .payday ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .dashdesk_detail .payday li {
        flex: 1
    }

    .payment_detail.checkcard_pd i.br {
        display: inline
    }

    .payment_detail .flex_item dt {
        flex: none;
        width: 100px
    }

    .payment_detail .flex_item dd {
        flex: 1 1 auto
    }

    .payment_detail .next_month_wrap {
        display: block;
        width: 100%
    }

    .checkcard_change .change_before {
        float: none;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .checkcard_change .change_after {
        float: none;
        width: 100%;
        margin-top: 70px;
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .checkcard_change .change_before:before {
        left: 50%;
        top: 48%;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg)
    }

    .accordion_wrap .accordion_header .acc_btn .checkcard_info {
        display: block
    }

    .accordion_wrap .accordion_header .checkcard_info + .checkcard_info {
        margin-top: 5px
    }

    .accordion_wrap .accordion_header .checkcard_info .bank_name, .accordion_wrap .accordion_header .checkcard_info .card_name {
        margin-left: 0px
    }

    .accordion_wrap .accordion_header .checkcard_info .bank_num, .accordion_wrap .accordion_header .checkcard_info .card_num {
        margin-left: 5px;
        font-weight: 400;
        font-size: 16px;
        color: #111
    }

    .benefit_check_card.tooltip {
        width: calc(100% - 20px);
        left: 10px;
        top: -25px;
        z-index: 9
    }

    .benefit_check_card.tooltip span {
        width: 100%
    }

    .benefit_check_card.tooltip .tooltip_close {
        position: absolute;
        right: 10px
    }

    .benefit_check_card.reportlist_filter_wrap .filter_toggle {
        margin-right: 0
    }

    .benefit_check_card .mycard_report .price_info .osprice {
        top: auto
    }

    .benefit_check_card.cashback .report_month_swiper + .cashback_total_number:not(.type02) {
        margin-top: 50px
    }

    .benefit_check_card .report_monthly .current_month {
        font-size: 1.6rem
    }

    .benefit_check_card.cashback .report_month_swiper [class^="swiper-button"] {
        height: 18px
    }

    .benefit_check_card.cashback .cashback_total_number {
        padding: 0 10px
    }

    .benefit_check_card.cashback .report_month_swiper .swiper-button-prev {
        left: 0
    }

    .benefit_check_card.cashback .report_month_swiper .swiper-button-next {
        right: 0
    }

    .benefit_check_card .btn_wrap.btn_integrator {
        text-align: center
    }

    .benefit_check_card .btn_wrap.btn_integrator .btn_link:last-of-type {
        margin-top: 10px
    }

    .benefit_check_card .df_list_col_wrap.justify_c [class^="df_list"] .item_wrap {
        margin-right: 0
    }

    .cashback_total_number.type02 {
        margin-top: 10px;
        color: #111;
        font-size: 3.2rem
    }

    .cashback_total_number.type02 .number {
        font-size: 3.6rem
    }

    .flexbox_wrap.deepdream .flex_item + .flex_item .flexbox_dl {
        padding-top: 0
    }

    .benefit_check_card.kakaobank .accordion_header .font_lg {
        font-size: 2.0rem !important
    }

    .benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_body .list01[data-type="list"] ul > li {
        padding-left: 0;
        padding-right: 0
    }

    .benefit_check_card.kakaobank .accordion_wrap.type03 .text_wrap.side_btn {
        padding-left: 0px;
        padding-right: 0
    }

    .benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_header .side {
        padding-right: 0px
    }

    .benefit_check_card.kakaobank .accordion_header .back {
        right: 0
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap .amount {
        padding-left: 0;
        background: none
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap .type {
        padding-left: 32px
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.bus .type {
        background: url('/pconts/images/contents/mypage/ico_bus.png') no-repeat 0 50%;
        background-size: 22px 19px
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.taxi .type {
        background: url('/pconts/images/contents/mypage/ico_taxi.png') no-repeat 0 50%;
        background-size: 22px 19px
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.subway .type {
        background: url('/pconts/images/contents/mypage/ico_subway.png') no-repeat 2px 50%;
        background-size: 16px 19px
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.etc .type {
        background: url('/pconts/images/contents/mypage/ico_etc.png') no-repeat 0 50%;
        background-size: 22px 19px
    }

    .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.toll .type {
        background: url('/pconts/images/contents/mypage/ico_toll.png') no-repeat 0 50%;
        background-size: 21px 19px
    }

    .traffic_usage_details .usage_transport .location_info .location .date {
        margin-left: 0
    }

    .traffic_usage_details .traffic_type_list {
        padding: 15px 0 29px
    }

    .traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap {
        display: block
    }

    .traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap + .item_wrap {
        margin-left: 0
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .info .price {
        order: initial
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .info .card {
        display: block;
        padding-bottom: 10px
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .ico_card_logo {
        margin-left: 0
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .info_num {
        margin-left: 0
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .info .hipass {
        display: block
    }

    .usage_transport.mypage_hipass .detail_info .texts_area .info .hipass:before {
        display: none
    }

    .card_statement_receipt .receipt_body .usage_transport .location_info .ride_num:before {
        top: 5px;
        width: 12px;
        height: 12px;
        background: url(/pconts/images/contents/mypage/bg_rideNum_m.gif) no-repeat 0 0 / 12px auto
    }

    .card_statement_receipt .receipt_head.traffic_receipt:before {
        width: 36px;
        height: 36px;
        background: url(/pconts/images/contents/mypage/bg_traffic_detail_m.gif) no-repeat 0 0 /216px auto
    }

    .card_statement_receipt .receipt_head.traffic_receipt.icoSubway:before {
        background-position: -36px 0
    }

    .card_statement_receipt .receipt_head.traffic_receipt.icoTaxi:before {
        background-position: -72px 0
    }

    .card_statement_receipt .receipt_head.traffic_receipt.icoEtc:before {
        background-position: -108px 0
    }

    .card_statement_receipt .receipt_head.traffic_receipt.icoHighpass:before {
        background-position: -144px 0
    }

    .card_statement_receipt .receipt_head.traffic_receipt.icoToll:before {
        background-position: -180px 0
    }

    .foreign_money .radio_wrap_brand .radio_btn {
        width: 50%
    }

    .foreign_money .radio_wrap_brand .radio_btn + .radio_btn {
        padding-left: 4px;
        margin-left: 0
    }

    .foreign_money .radio_wrap_brand .radio_btn:nth-child(2n+3) {
        padding-left: 0
    }

    .foreign_money .amount_calc {
        padding: 20px 20px
    }

    .foreign_money .amount_calc .calc_wrap {
        padding: 0 20px 10px
    }

    .btn_wrap.discount_benefit {
        margin-top: 19px;
        margin-bottom: 40px
    }

    .usage_list li .usage_item.type02 dl {
        margin-top: 20px;
        margin-bottom: 15px
    }

    .btn_wrap.membership_search {
        margin-top: 31px
    }

    p.sub_title.membership_search .pc_block {
        display: none
    }

    p.sub_title.membership_search {
        margin-bottom: 24px;
        font-size: 2.4rem;
        line-height: 30px
    }

    .myinfo_card_wrap .accordion_wrap .card_list01[data-type="card"] > ul > li .benefit_detail_wrap {
        padding: 20px 17px
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .month {
        display: block
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .txt_conts {
        display: block;
        text-align: center;
        margin-top: 20px
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy {
        display: block;
        text-align: center
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit {
        display: block;
        text-align: center;
        margin-top: 30px
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.on::before {
        content: '';
        display: block;
        margin: 5px auto;
        width: 37px;
        height: 37px;
        background: url(/pconts/images/contents/mypage/cir_check02.png)
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph {
        left: calc(50% - 87px);
        top: -25px
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.on span, .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off span {
        display: none
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .flexbox_dl {
        float: none;
        width: 100%
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.off::before {
        content: '';
        display: block;
        margin: 5px auto;
        width: 37px;
        height: 37px;
        background: url(/pconts/images/contents/mypage/cir_check_off.png)
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 table {
        font-size: 1.3rem
    }

    .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap.acc table th, .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap.acc table td {
        padding: 10px 5px
    }

    .myinfo_card_wrap .accordion_wrap .accordion_header .flag {
        left: 0px
    }

    .myinfo_card_wrap .accordion_wrap .accordion_header button.acc_btn {
        padding-left: 60px
    }

    .myinfo_card_wrap .accordion_wrap .accordion_header button.acc_btn.medium:after {
        left: calc(100% - 20px)
    }

    .pop_myinfo_detail .list_sort button {
        font-size: 1.6rem
    }

    .pop_myinfo_detail .marker_dot4 {
        margin-bottom: 25px
    }

    .pop_myinfo_detail .title_sub {
        font-size: 1.8rem
    }

    .pop_myinfo_detail .marker_dot4 {
        font-size: 1.4rem
    }

    .cardInfo_wrap {
        display: none
    }

    .cardInfo_wrap.flexbox_dl {
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 30px
    }

    .pop_cont .MY031R01.usage_item .usage_info {
        width: 70%
    }

    .pop_cont .MY031R01.usage_item .price_info {
        width: 30%
    }

    .listofbills_wrap {
        width: 100%
    }

    .listofbills_wrap dl.single_sum {
        padding: 0
    }

    .listofbills_wrap dl.single_sum dt {
        font-size: 1.8rem
    }

    .listofbills_wrap dl.single_sum dd {
        font-size: 2.1rem
    }

    .listofbills_wrap dl.single_sum dd span {
        font-size: 2.3rem
    }

    .statement_list .period_title {
        padding: 0 0 8px 0
    }

    .statement dl {
        float: initial;
        width: 100%;
        padding: 0;
        margin-left: 0
    }

    .statement dl.even {
        margin-left: 0 !important
    }

    .statement dl:last-child {
        margin-bottom: 20px
    }

    .statementfull {
        float: initial;
        width: 100%;
        padding: 16px 0
    }

    .statementfull dl.total dd {
        padding-right: 17px
    }

    .statementfull dl.total dd:after {
        right: 3px
    }

    .statementfull + .statementfull {
        margin-left: 0
    }

    .statement dl.totalpvc dt {
        padding-left: 0
    }

    .statement dl.totalpvc dd {
        padding-right: 0
    }

    .pwd_rel_wrap .list_guide_txt {
        font-size: 2.4rem;
        line-height: 28px
    }

    .pwd_rel_wrap .flow_step {
        margin-top: 20px
    }

    .pwd_rel_wrap.tab_type01 .tab_wrap {
        padding-top: 21px
    }

    .pwd_rel_wrap .radio_wrap .radio_type1 {
        width: 100%
    }

    .pwd_rel_wrap .usage_list li .usage_item dt {
        position: absolute;
        top: 0;
        left: 40px
    }

    .pwd_rel_wrap .usage_list .radio_type1 input[type="radio"] + span:before, .pwd_rel_wrap .usage_list .radio_type1 input[type="radio"]:checked + span:after {
        top: 50%;
        transform: translateY(-50%)
    }

    .pwd_rel_wrap .usage_list li .usage_item dl {
        width: 100%;
        padding-right: 50px
    }

    .pwd_rel_wrap .accordion_wrap + .btn_wrap, .pwd_rel_wrap .accordion_wrap.guide {
        margin-top: 40px
    }

    .pwd_rel_wrap .usage_list li .usage_item dd span:not(.card), .pwd_rel_wrap .usage_list .radio_wrap label {
        position: static
    }

    .pwd_rel_wrap .usage_list li .usage_item dd .card_date {
        padding-top: 0
    }

    .pwd_rel_wrap .expend_wrap.cvc {
        margin-top: 26px;
        padding: 30px 0 35px
    }

    .pwd_rel_wrap .flow_step .title {
        font-size: 2.0rem
    }

    .pwd_rel_wrap .card_cvc_input {
        width: 100%
    }

    .pwd_rel_wrap .expend_wrap.cvc .table_wrap {
        max-width: 100%
    }

    .pwd_rel_wrap .card_cvc_input .text_tip {
        width: 100%
    }

    .pwd_rel_wrap .card_swiper {
        margin-top: 30px
    }

    .pwd_rel_wrap .card_cvc_input + .text_tip {
        margin: 11px 0 0
    }

    .ch_pay_account .card_inquiry_list .head_tit {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ch_pay_account .card_inquiry_list .head_tit .card_info01 {
        order: 2
    }

    .ch_pay_account .card_inquiry_list .head_tit .txt02 {
        margin-left: 0
    }

    .ch_pay_account .card_inquiry_list .head_tit [class*=icb_] {
        background-position-x: 0;
        padding-left: 28px
    }

    .ch_pay_account .dl_wrap .df_list .item.tit, .ch_pay_account .dl_wrap .df_list .item.con {
        width: 100%
    }

    .ch_pay_account .dl_wrap + .dl_wrap {
        margin-top: 29px;
        padding-top: 29px
    }

    .ch_pay_account .dl_wrap .df_list .item.con .bank_wrap {
        max-width: 100%
    }

    .ch_pay_account .dl_wrap .df_list .item.con {
        margin-top: 9px
    }

    .ch_pay_account .dl_wrap .df_list .item.con ul, .ch_pay_account .dl_wrap .df_list .item.con .bank_wrap {
        margin-top: 9px
    }

    .ch_pay_account .df_list_col {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 35px 0
    }

    .ch_pay_account .df_list_col .item_wrap {
        flex: initial;
        text-align: center;
        position: relative
    }

    .ch_pay_account .df_list_col_wrap .df_list_col .item_wrap .item:first-child, .ch_pay_account .df_list_col_wrap .df_list_col .item_wrap .item:last-child {
        float: none
    }

    .ch_pay_account .df_list_col .item_wrap .item:last-child {
        margin-top: 7px;
        font-weight: 700
    }

    .ch_pay_account .df_list_col_wrap .df_list_col .item_wrap + .item_wrap {
        margin-top: 0
    }

    .benefit_info_swiper .swiper-container {
        height: 214px !important
    }

    .benefit_agree .benefit_info_swiper [class^='nav-button'] {
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 30px;
        z-index: 10;
        overflow: hidden;
        margin-top: -30px
    }

    .benefit_agree .benefit_info_swiper [class^='nav-button']::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 2px;
        width: 18px;
        height: 18px;
        border-width: 3px 3px 0 0;
        border-color: #333;
        border-style: solid
    }

    .benefit_agree .benefit_info_swiper .swiper-button-disabled::before {
        border-color: #ddd
    }

    .benefit_agree .benefit_info_swiper .nav-button-prev {
        left: 70px
    }

    .benefit_agree .benefit_info_swiper .nav-button-prev::before {
        left: 10px;
        transform: rotate(-135deg)
    }

    .benefit_agree .benefit_info_swiper .nav-button-next {
        right: 70px
    }

    .benefit_agree .benefit_info_swiper .nav-button-next::before {
        transform: rotate(45deg)
    }

    .benefit_agree .benefit_info_swiper .swiper-slide {
        padding: 0;
        width: 312px
    }

    .benefit_agree .benefit_agree_box {
        margin-left: auto;
        margin-right: auto
    }

    .benefit_agree .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0px
    }

    .benefit_agree .benefit_info_swiper .swiper-pagination-bullet {
        margin: 0;
        width: 7px;
        height: 7px;
        opacity: 1;
        background: #ddd
    }

    .benefit_agree .benefit_info_swiper .swiper-pagination-bullet-active {
        background: #4e5c69
    }

    .benefit_agree .top_tit {
        font-weight: 700
    }

    .benefit_agree .df_list_col_wrap .df_list_col .item_wrap .item:last-child, .benefit_agree .df_list_col_wrap .df_list_col .item_wrap .item:first-child {
        float: none;
        margin: 0
    }

    .benefit_agree .df_list_col_wrap .benefit_agree_box + .benefit_agree_box {
        border-left: none;
        border-top: 1px solid #eee;
        margin-top: 25px;
        padding-top: 30px
    }

    .benefit_agree .check_wrap.type_btn .check_btn input[type="checkbox"] + span {
        min-width: 117px
    }

    .benefit_agree .both_divide .divide:nth-of-type(2) {
        margin-top: 0
    }

    .benefit_agree .flex_row.gutter4 .col {
        padding: 4px
    }

    .benefit_agree .benefit_agree_box .benefit_list .benefit_txt {
        padding-top: 45px;
        background-size: 33px auto !important;
        font-size: 1.3rem
    }

    .accordion_wrap.accordion_check dd .con.benefit_method {
        padding-left: 52px
    }

    .check_wrap.type_grid .ico_email {
        width: 33px;
        height: 33px;
        background: url('/pconts/images/contents/mypage/ico_agreeEmail_m.png') no-repeat;
        background-size: auto 33px
    }

    .check_wrap.type_grid .ico_tel {
        width: 33px;
        height: 33px;
        background: url('/pconts/images/contents/mypage/ico_agreeTel_m.png') no-repeat;
        background-size: auto 33px
    }

    .check_wrap.type_grid .ico_sms {
        width: 33px;
        height: 33px;
        background: url('/pconts/images/contents/mypage/ico_agreeSms_m.png') no-repeat;
        background-size: auto 33px
    }

    .check_wrap.type_grid .ico_paper {
        width: 33px;
        height: 33px;
        background: url('/pconts/images/contents/mypage/ico_agreePaper_m.png') no-repeat;
        background-size: auto 33px
    }

    .logo_shcard_en img {
        height: 40px
    }

    .confirmation h4.title {
        margin: 30px 0;
        font-size: 1.6rem
    }

    .confirmation p {
        margin-bottom: 25px;
        line-height: 1.6
    }

    .confirmation .marker_hyphen > li + li {
        margin-top: 2px
    }

    .confirmation .marker_dot2 {
        padding: 10px 0
    }

    .confirmation .marker_dot2 > li {
        font-size: 1.4rem
    }

    .card_pwd_chg .expend_wrap {
        padding: 30px 0
    }

    .card_pwd_chg.step02 .expend_wrap .df_list_wrap, .card_pwd_chg.step02 .expend_wrap .form_type {
        max-width: 100%
    }

    .card_pwd_chg.step02 .expend_wrap .form_type {
        margin: 0 auto
    }

    .airline_search .mycardinfo_detail {
        margin-top: 32px
    }

    .airline_search .accordion_wrap {
        margin-top: 40px
    }

    .card_cancel .usage_item.type03 .usage_info .check_wrap .texts_area {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .card_cancel .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span:before {
        top: 50%;
        margin-top: -12px
    }

    .card_cancel .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span:after {
        top: 50%;
        margin-top: -4px
    }

    .card_cancel .usage_item.type03 .usage_info .texts_area .date {
        padding: 0
    }

    .card_cancel .usage_item.type03 .usage_info label {
        width: 100%
    }

    .card_cancel .usage_item.type03 .usage_info label .date {
        width: 100%;
        padding-right: 0
    }

    .card_cancel .usage_item.type03 .usage_info label strong {
        margin-bottom: 5px;
        font-size: 1.6rem;
        color: #111
    }

    .pop_eng_doc .pc {
        display: none
    }

    .pop_eng_doc .mo {
        display: block
    }

    .pop_wrap .popup.pop_eng_doc {
        width: 100%
    }

    .pcShow.btn_group {
        display: block
    }

    .pcShow .btn.blue {
        display: none
    }

    .usage_list li .usage_item .left .date {
        display: block;
        padding: 0
    }

    .usage_list li .usage_item .left .date::after {
        display: none
    }

    .usage_list li .usage_item .left .user {
        padding: 0
    }

    .accordion_wrap.bottom_guide.traffic {
        margin-top: 30px
    }

    .calendar_swiper .ui_calendar_head {
        top: 25px
    }

    .calendar_swiper .ui_calendar {
        margin-top: 10px;
        padding-bottom: 0;
        box-shadow: 0 0 0 #fff
    }

    .calendar_swiper .ui_calendar_body {
        margin-top: 30px
    }

    .calendar_swiper::after, .calendar_swiper::before {
        display: none
    }

    .calendar_swiper .txt {
        font-size: 2.4rem;
        margin: 0 0 20px
    }

    .credit_card {
        right: 20px
    }

    .card_use_guide .guide_sec + .guide_sec {
        margin-bottom: 40px
    }

    .card_represent_set {
        width: 100%;
        margin: 30px auto;
        padding: 30px 0
    }

    .card_represent_set dl + dl {
        margin-top: 30px
    }

    .card_represent_set dt {
        display: table;
        position: relative;
        height: 44px;
        margin: 0;
        padding: 0;
        flex: 1
    }

    .card_represent_set dt span, .card_represent_set dt label {
        display: table-cell;
        position: relative;
        font-size: 16px;
        color: #111;
        font-weight: 700;
        vertical-align: middle
    }

    .card_represent_set dd {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        flex: 2
    }

    .mycard_info .indent_gap {
        padding-left: 0px
    }

    .mycard_info .indent_gap .sleep {
        font-size: 1.3rem
    }

    .mycard_info .indent_gap dt {
        flex: 1.4
    }

    .mycard_info .indent_gap dd {
        flex: 1
    }

    .mycardinfo_detail .payment_detail.my_notice dd {
        flex: 2
    }

    .mycardinfo_detail .payment_detail.my_notice dd {
        flex: 1
    }

    .mycardinfo_detail .payment_detail.my_notice dd .text_btn.arrow {
        display: inline-block
    }

    .mycardinfo_detail .my_notice dd span {
        display: block;
        margin-left: 0;
        padding-left: 0
    }

    .mycardinfo_detail .my_notice dd span::before {
        content: '';
        display: none
    }

    .mycardinfo_detail .my_notice dd.price {
        text-align: right
    }

    .mycardinfo_detail .my_notice + .btn_wrap {
        margin-top: 20px
    }

    .mycardinfo_detail .btn_wrap + .h_wrap, .mycardinfo_detail .my_notice + .h_wrap {
        margin-top: 40px
    }

    .mycardinfo_detail .oversea_btnset {
        margin-top: 0
    }

    .payment_detail.left_padding60 dl.flex_item {
        padding-left: 0
    }

    .mu_card_detail {
        width: 100%
    }

    .mu_card_detail .flexbox_dl.revolving {
        border: none;
        margin-bottom: 35px
    }

    body.app_shfan .ly_inner.my_card_info {
        padding-top: 20px
    }

    .my_card_info .my_card_change {
        white-space: nowrap
    }

    .my_card_info .my_card_change li {
        width: 25%
    }

    .my_card_info .my_card_change li button {
        min-width: 100%
    }

    .my_card_info .my_card_change .icon {
        margin-bottom: 3px
    }

    .my_card_info .df_list_col_wrap .df_list_col + .df_list_col {
        border-top: 1px solid #ddd;
        margin-top: 15px;
        padding-top: 19px
    }

    .my_card_info .df_list_col_wrap .item_wrap, .my_card_info .df_list_col .item_wrap:nth-child(odd) {
        width: 100%;
        padding: 0
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap {
        padding-right: 105px
    }

    .my_card_info .df_list_col_wrap .item_wrap + .item_wrap {
        margin-top: 30px
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap {
        position: relative
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap dd button {
        position: absolute;
        top: 0;
        right: 0
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap .item.float_l.align_l {
        min-height: 41px
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap {
        padding-top: 15px;
        white-space: normal
    }

    .my_card_info .mylimit_info {
        max-width: 100%
    }

    .my_card_info .df_list_col_wrap.case02 .df_list_col {
        padding: 15px 0
    }

    .my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {
        padding: 0
    }

    .my_card_info .df_list_col_wrap.case02 .item_wrap + .item_wrap {
        margin-top: 12px
    }

    .my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {
        display: block
    }

    .my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap:nth-child(odd) {
        padding-right: 0
    }

    .pop_wrap.card_setting .form_type .form_ele {
        padding-left: 0
    }

    .pop_wrap.card_setting .form_type .form_ele.top .ele_tit {
        position: absolute;
        top: 0;
        left: 0
    }

    .pop_wrap.card_setting .form_type .form_ele.top {
        padding-left: 80px
    }

    .card_noswiper {
        max-width: 100%
    }

    .card_noswiper .noswiper_wrap {
        width: 100%
    }

    .card_noswiper .card_img {
        max-width: 213px;
        height: 87px;
        margin: 0 auto
    }

    .card_noswiper .card_img img {
        width: 100%
    }

    .card_noswiper .card_tit {
        padding: 25px 0 0
    }

    .card_noswiper .card_tit .txt01 {
        margin-bottom: 18px;
        font-size: 2.4rem
    }

    .card_noswiper .card_tit .txt02, .card_noswiper .card_tit .txt03 {
        font-size: 1.8rem
    }

    .card_noswiper, .card_swiper.card_number_detail {
        margin-top: 79px
    }

    .card_swiper.card_number_detail .card_img img {
        box-shadow: 0px 20px 15px -5px #000
    }

    .long_time_card .btn_wrap.two .btn:nth-of-type(2) {
        margin: 10px 0 0 0
    }

    .long_time_card .total {
        top: 4px
    }

    .long_time_card .df_list_wrap .df_list .item.tit {
        width: 40%
    }

    .long_time_card .df_list_wrap.single .df_list .item.con {
        width: 60%
    }

    .h_wrap.mic_h_wrap {
        margin-bottom: 30px
    }

    .mic_list_wrap {
        width: 100%;
        padding: 20px 10px
    }

    .mic_list_wrap dl.myinfo {
        display: block;
        width: 100%
    }

    .mic_list_wrap dl.myinfo dt {
        display: block;
        float: initial;
        width: 100%
    }

    .mic_list_wrap dl.myinfo dd {
        display: block;
        float: initial;
        width: 100%
    }

    .mic_list_wrap dl.myinfo + .myinfo {
        margin-top: 25px
    }

    .mic_list_wrap dl.myinfo.flex_fixed {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mic_list_wrap dl.myinfo.flex_fixed dt, .mic_list_wrap dl.myinfo.flex_fixed dd {
        width: initial;
        flex: 1
    }

    .mic_list_wrap dl.myinfo.flex_fixed.with_swich dt {
        flex: 4
    }

    .mic_list_wrap dl.myinfo.flex_fixed.with_swich dd {
        flex: 1
    }

    .mic_list_wrap .text_wrap textarea {
        height: 80px
    }

    .myinfo .terms_view .checkbox, .myinfo .terms_view .btn {
        font-size: 1.3rem
    }

    .myinfo .brithday_info .radio_wrap + .input_birthday {
        margin-left: 5px
    }

    .mic_list_wrap .moreinfo_expend {
        margin-top: 0;
        padding-top: 70px;
        border-top: none
    }

    .mic_list_wrap .moreinfo_expend .extoggle {
        left: initial;
        right: 5px
    }

    .mic_list_wrap .english_address .marker_dot {
        padding-left: 0
    }

    .mic_list_wrap dl.myfani dt {
        top: 0px
    }

    .mic_list_wrap dl.myfani dd {
        float: initial
    }

    .myicon_choice label {
        flex: 1;
        display: block;
        position: relative
    }

    .myicon_choice label span {
        width: 63px;
        padding: 63px 0 0 0
    }

    .myicon_choice label span::before {
        width: 63px;
        height: 63px
    }

    .myicon_choice label input:checked + span::after {
        width: 63px;
        height: 63px
    }

    .myicon_choice label + label {
        margin-left: 4px
    }

    .mymessage_preview, .mymessage_preview.only_view {
        margin-left: 0;
        width: 100%
    }

    .mymessage_preview .icon_preview {
        width: 71px;
        height: 71px;
        left: 16px;
        top: calc(50% - 35px)
    }

    .mymessage_preview .text_table {
        padding-left: 109px
    }

    .mymessage_preview .text_table .mc_color {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .mymessage_preview .text_table .name {
        font-size: 1.8rem
    }

    .myinformation_read .df_list_wrap {
        padding-bottom: 15px
    }

    .myinformation_read .df_list_wrap .item.tit {
        width: 35%;
    }

    .myinformation_read .df_list_wrap .item.con {
        width: 65%
    }

    .myinformation_read .df_list_wrap.single .item.con {
        width: 65%
    }

    .myinformation_read .df_list_wrap + .h_wrap, .myinformation_read .stub_info_wrap + .h_wrap, .myinformation_read .singleline_list + .h_wrap {
        margin-top: 30px
    }

    .prepaid_read .df_list_wrap {
        padding: 6px 0 14px 0
    }

    .prepaid_read .df_list_wrap .df_list .item {
        padding: 10px 12px 0 12px
    }

    .stub_info_wrap .stub_col {
        display: block
    }

    .stub_col .df_list_wrap.title {
        padding-top: 2px;
        padding-bottom: 15px
    }

    .stub_col .df_list_wrap.detail {
        border: none;
        padding-top: 0;
        padding-bottom: 15px
    }

    .stub_col .df_list_wrap.detail .item.con {
        width: 65%
    }

    .prepaid_card_mail .radio_wrap {
        width: 100%
    }

    .finance_co_list .total {
        margin-bottom: 14px
    }

    .finance_co_list ul {
        padding: 20px 0
    }

    .finnace_change_address dl dt {
        flex: 1
    }

    .finnace_change_address dl dd {
        flex: 3
    }

    .sel_payment .checkbox_list .df_list .item_wrap:last-child .item {
        padding-bottom: 0
    }

    .sel_payment .checkbox_list.shadow li .check_default {
        padding-bottom: 8px
    }

    .sel_payment .df_list_col_wrap .df_list_col {
        padding-bottom: 10px
    }

    .my_card_info .card_swiper {
        background-color: #fff
    }

    .ch_pay_account .ch_pay_card_info {
        margin-top: 25px
    }

    .account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01 {
        top: -18px;
        margin-left: 0
    }

    .account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 {
        top: 48px
    }

    .payment_date .pay_date_info {
        width: auto
    }

    .payment_date .pay_date_info:before {
        left: 50%;
        margin-left: -8px
    }

    .account.pwd_rel_wrap.payment_date .account_list > dl:not(:last-child) {
        margin-bottom: 20px
    }

    .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col {
        width: 100%;
        padding: 0
    }

    .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right {
        margin-top: -1px
    }

    .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right table {
        position: relative;
        top: -40px
    }

    .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right table thead {
        opacity: 0
    }

    .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half + .sub_title2 {
        margin-top: 20px
    }

    .account.pwd_rel_wrap.payment_date .accordion_header button.acc_btn.cell {
        width: 74px
    }

    .pop_radio_day .radio_wrap {
        display: inline-block
    }

    .pop_radio_day .radio_wrap.col05 .radio_type2 input[type="radio"], .pop_radio_day .radio_wrap.col05 .radio_type2 input[type="radio"] + span {
        min-width: 50px
    }

    .day_sel .radio_wrap .radio_type2 + .radio_type2, .day_sel .check_wrap .check_type2 + .check_type2 {
        margin-left: 0
    }

    .day_sel .radio_wrap .radio_type2 {
        margin-right: 4px
    }

    .account.pwd_rel_wrap .account_list .accordion_body .def.bottom {
        padding-left: 0
    }

    .account.pwd_rel_wrap .account_list .accordion_body .def + .def.bottom {
        padding-top: 25px
    }

    .account.pwd_rel_wrap .card_pay_date {
        margin-top: 41px
    }

    .account.pwd_rel_wrap .accordion_header .acc_btn.midd:after {
        left: calc(100% - 37px);
        top: 38px !important
    }

    .account.pwd_rel_wrap .accordion_header.on .acc_btn.midd:after {
        top: 45px !important
    }

    .account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01.left.only {
        top: 0
    }

    .card_inquiry_list.payment_change_info .head_tit {
        position: relative;
        display: block;
        padding-top: 27px
    }

    .card_inquiry_list.payment_change_info .head_tit .txt01 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0
    }

    .card_inquiry_list.payment_change_info .head_tit .txt02 {
        display: inline-block
    }

    .card_inquiry_list.payment_change_info .accordion_body {
        padding: 20px
    }

    .card_inquiry_list.payment_change_info .accordion_body .change_cont {
        width: 100%;
        background: url(/pconts/images/contents/mypage/arrow_right.png) no-repeat 50% 50% / 12px auto
    }

    .payment_date .dl_wrap {
        padding-left: 0;
        padding-right: 0
    }

    .payment_date .dl_wrap .item.tit {
        margin-bottom: 9px
    }

    .payment_date .dl_wrap .df_list .item.tit, .payment_date .dl_wrap .df_list .item.con {
        width: 100%
    }

    .card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header button.acc_btn.cell {
        width: 62px
    }

    .payment_change .marker_dot2 {
        text-align: left
    }

    .payment_change .arrow_down {
        height: 60px;
        background: url(/pconts/images/contents/mypage/arrow_down_m.png) no-repeat center;
        background-size: 10px 12px
    }

    .payment_change .df_list_col_wrap.inblock .item_wrap, .payment_change .df_list_col_wrap.inblock .item_wrap:nth-child(2), .payment_inquiry .df_list_col_wrap.inblock .item_wrap, .payment_inquiry .df_list_col_wrap.inblock .item_wrap:nth-child(2), .payment_change .df_list_col_wrap .df_list_col .item, .payment_inquiry .df_list_col_wrap .df_list_col .item {
        display: block;
        margin: 0
    }

    .payment_change .df_list_col_wrap .df_list_col, .payment_inquiry .df_list_col_wrap .df_list_col {
        padding: 10px 0 25px
    }

    .payment_change .df_list_col_wrap .df_list_col .item, .payment_inquiry .df_list_col_wrap .df_list_col .item {
        float: left;
        padding: 16px 0 0 30px
    }

    .payment_change .df_list_col_wrap .df_list_col .item.tit, .payment_inquiry .df_list_col_wrap .df_list_col .item.tit {
        width: 140px;
        display: table-cell
    }

    .payment_change .df_list_col_wrap .df_list_col .item.con, .payment_inquiry .df_list_col_wrap .df_list_col .item.con {
        width: calc(100% - 140px);
        display: table-cell
    }

    .payment_change.pwd_rel_wrap .accordion_wrap.guide {
        margin-top: 0
    }

    .payment_date .change_info .df_list_col .item_wrap {
        padding-right: 0
    }

    .switch_wrap.onoff_btn.top01 {
        top: -3px
    }

    .switch_wrap.mo_fright {
        float: right
    }

    .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 .text {
        font-size: 1.3rem
    }

    .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 {
        top: -10px;
        margin-left: 40px
    }

    .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info04 {
        position: absolute;
        bottom: 14px;
        right: 0
    }

    .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 {
        position: absolute;
        bottom: 18px;
        margin-right: 0;
        font-size: 1.3rem
    }

    .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 .card_name {
        position: absolute;
        top: -25px
    }

    .payment_date .change_info {
        padding: 0 0 30px
    }

    .payment_date .change_info.lower {
        margin-top: 20px
    }

    .payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(4) {
        max-width: 100%
    }

    .moreinfo_wrap .guide_wrap, .moreinfo_wrap .marker_wrap, .moreinfo_wrap .add_group .btn_wrap {
        padding-left: 0
    }

    .payment_change_info .df_list_col_wrap .df_list_col .item.tit, .payment_change_info .df_list_col_wrap .df_list_col .item.con {
        padding-left: 0
    }

    .card_inquiry_list.payment_change_info.change_comp .head_tit {
        padding-top: 0
    }

    .card_inquiry_list.payment_change_info.change_comp .head_tit .txt02 {
        position: relative;
        padding-top: 30px
    }

    .card_inquiry_list.payment_change_info.change_comp .head_tit .txt02 b {
        position: absolute;
        top: 0;
        left: 0;
        color: #111;
        font-size: 1.6rem
    }

    .card_inquiry_list.payment_change_info .head_tit + .change_date {
        margin-left: 0
    }

    .card_inquiry_list.payment_change_info .accordion_header .cell1 .card_head {
        min-height: 57px
    }

    .change_date {
        position: absolute;
        top: 15px;
        left: 85px
    }

    .change_date b {
        padding-left: 0;
        margin-left: 0
    }

    .change_date b + b {
        margin-left: 20px;
        padding-left: 30px
    }

    .card_inquiry_list > .item .comp_txt {
        top: auto;
        bottom: 15px;
        right: 74px;
        width: auto;
        margin: 0;
        font-size: 1.3rem
    }

    .card_inquiry_list.payment_change_info.change_comp .change_date {
        left: 20px
    }

    .card_inquiry_list.payment_change_info.change_comp .df_list_col_wrap .df_list_col {
        padding: 0
    }

    .payment_change_info.accordion_wrap.type02.change_comp .change_date {
        left: 0;
        position: static
    }

    .payment_change_info.accordion_wrap.type02.change_comp .head_tit {
        display: inline-block;
        vertical-align: top;
        width: auto
    }

    .card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header .cell1 .card_head {
        padding-bottom: 0;
        padding-top: 18px;
        padding-bottom: 13px
    }

    .chah_service_search {
        padding: 30px 0;
        width: 100%
    }

    .checkover_service.flexbox_wrap {
        padding: 28px 0
    }

    .checkcard_overuse .usage_item .usage_info {
        flex-direction: column
    }

    .checkcard_overuse .usage_item .usage_info .title_area {
        width: 100%
    }

    .checkcard_overuse .usage_item .usage_info .texts_area {
        width: 100%
    }

    .checkcard_overuse .usage_item .usage_info, .usage_item dl {
        width: initial
    }

    .checkcard_overuse .usage_item .usage_info .texts_area .app_num {
        display: block;
        position: relative;
        padding-left: 0;
        padding-top: 3px
    }

    .checkcard_overuse .usage_item .usage_info .texts_area .app_num::before {
        content: '';
        display: none;
        position: absolute;
        left: 6px;
        top: 3px;
        width: 1px;
        height: 13px;
        background-color: #e6e6e6
    }

    .checkcard_overuse .usage_item .price_info {
        width: initial;
        padding-right: 0px;
        position: absolute;
        right: 0
    }

    .checkcard_overuse .usage_item .price_info .pay_day {
        display: block;
        position: relative;
        right: initial;
        top: 26px;
        font-size: 13px
    }

    .late_transportation .h_title, .late_transportation .font_md {
        margin-bottom: 5px
    }

    .late_transportation .marker_dot + .h_title {
        margin-top: 30px
    }

    .late_transportation .marker_hyphen + .h_title24 {
        margin-top: 40px
    }

    .late_transport_list .usage_info .texts_area {
        width: 100%
    }

    .late_transport_list .usage_info, .late_transport_list.hipass .usage_info {
        position: absolute;
        width: 100%
    }

    .late_transport_list .usage_info .title_area, .late_transport_list.hipass .usage_info .title_area {
        width: 100%;
        padding-left: 0px;
        padding-right: 0;
        z-index: 2
    }

    .late_transport_list .usage_item .price_info {
        width: initial;
        padding-right: 0px;
        position: relative;
        right: 0
    }

    .late_transport_list .usage_item .price_info .pay_day {
        display: block;
        position: relative;
        right: initial;
        font-size: 13px
    }

    .late_transport_list .usage_item.latepay .usage_info .texts_area, .late_transport_list .usage_item.latepay .price_info .pay_day {
        padding-top: 30px
    }

    .late_transport_list .usage_item.latepay .price_info .late_pay_info {
        display: block;
        position: absolute;
        right: 0;
        top: 31px;
        text-align: right
    }

    .late_transport_list .price_info .late_pay_info ul {
        display: inline-block
    }

    .late_transport_list .price_info .late_pay_info ul::after {
        content: '';
        display: block;
        clear: both
    }

    .accordion_body .state_area.dl_list_type {
        display: block
    }

    .accordion_body .state_area.dl_list_type dl.list {
        display: block;
        width: 100%
    }

    .accordion_body .state_area.dl_list_type dt {
        margin-bottom: 7px;
        float: left;
        width: 30%
    }

    .accordion_body .state_area.dl_list_type dd {
        float: left
    }

    .accordion_body .state_area.dl_list_type dl:after {
        content: '';
        display: block;
        clear: both
    }

    .accordion_body .state_area.dl_list_type dl.list {
        width: 100%;
        padding-right: 0
    }

    .accordion_body .state_area.dl_list_type dl.list:nth-child(1), .accordion_body .state_area.dl_list_type dl.list:nth-child(2), .accordion_body .state_area.dl_list_type dl.list:last-child {
        width: 100%
    }

    .icon_list.type03.change_statement {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
        width: 333px;
        margin: 0 auto
    }

    .icon_list.type03.change_statement li {
        width: 106px
    }

    .icon_list.type03.change_statement li:nth-child(4), .icon_list.type03.change_statement li:nth-child(7) {
        clear: both
    }

    .icon_list.type03.change_statement .icon_box {
        background-size: 40px;
        background-position: 50% 16px
    }

    #pop_PayService_Record .popup_type01 .pop_cont .bg_gray {
        padding: 15px
    }

    #pop_PayService_Record .popup_type01 .pop_cont .form_type .form_ele {
        padding-left: 0px
    }

    .shm_report_wrap {
        padding-top: 30px
    }

    .report_info .sub_txt02 + .sub_image {
        margin-top: 10px
    }

    .report_info .sub_image + .sub_txt02 {
        margin-top: 30px
    }

    .report_info .sub_image.cir_graph img, .report_info .sub_image.cir_graph img + img {
        display: block;
        margin: 0 auto
    }

    .report_info .sub_image.cir_graph img + img {
        margin-top: 30px
    }

    .chart_partition + .chart_partition {
        margin-top: 30px
    }

    .chart_partition .tit_message {
        font-size: 1.8rem
    }

    .chart_partition .chart_inner_size {
        width: 100%
    }

    .chart_article {
        min-height: 250px;
        margin-bottom: 20px
    }

    .icon_list_wrap li {
        padding: 7px 0
    }

    .icon_list_wrap li .title_ele {
        width: 60%;
        min-height: 23px;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex: 1;
        flex-wrap: wrap
    }

    .icon_list_wrap li .info_ele {
        width: 40%;
        flex-direction: row-reverse
    }

    .icon_list_wrap .title_ele .title {
        padding: 0 10px 0 0;
        font-size: 15px
    }

    .icon_list_wrap .info_ele .price {
        font-size: 1.7rem;
        width: 100%
    }

    .icon_list_wrap .info_ele .price span {
        font-size: 1.8rem
    }

    .icon_list_wrap .info_ele .case {
        display: block;
        font-size: 13px;
        text-align: right
    }

    .icon_list_wrap .info_ele .times {
        display: block;
        font-size: 13px;
        min-width: inherit
    }

    .icon_list_wrap.inicon .title_ele {
        padding-left: 38px;
        padding-top: 0
    }

    .icon_list_wrap.inicon .title_ele::before {
        top: calc(50% - 13px);
        left: 0;
        width: 23px;
        height: 23px
    }

    .icon_list_wrap .info_ele .case.el_right {
        min-width: 50px;
        right: 0;
        padding-top: 0;
        width: 100%
    }

    .recommend_weekly_report {
        display: block;
        width: 100%
    }

    .recommend_weekly_report p {
        font-size: 18px;
        padding-left: 80px;
        background-size: 62px 59px;
        background-position: 0 50%
    }

    .view_as_amount {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 30px 0 0 0;
        flex-direction: column
    }

    .view_as_amount .bluezone {
        display: block;
        position: relative;
        flex: 1
    }

    .view_as_amount .redzone {
        display: block;
        position: relative;
        flex: 1
    }

    .view_as_amount .bluezone + .redzone {
        margin-left: 0px;
        margin-top: 30px
    }

    .view_as_amount table td {
        font-size: 1.3rem
    }

    .view_as_amount table th {
        padding: 15px 0
    }

    .view_as_amount table .price {
        font-size: 1.5rem
    }

    .view_as_amount table .count {
        font-size: 1.3rem
    }

    .btn_wrap.btn_group.m_row02 .row02 span {
        font-size: 15px
    }

    .foreign_divided_payments .radio_ul_basic li .radio_wrap .info {
        width: 100%
    }

    .foreign_divided_payments .radio_wrap .radio_default input[type="radio"] + span:before {
        top: 50%;
        margin-top: -13px
    }

    .foreign_divided_payments .radio_wrap .radio_default input[type="radio"]:checked + span:after {
        top: 50%;
        margin-top: -7px
    }

    .card_inquiry_list.errorCard_list .accordion_header {
        overflow: hidden
    }

    .card_inquiry_list.errorCard_list .accordion_header .cell1 {
        padding-left: 0
    }

    .card_inquiry_list.errorCard_list .item .radio_wrap.card_head label .head_tit {
        padding: 45px 18px 16px 57px
    }

    .card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::before {
        left: 20px
    }

    .card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::after {
        left: 26px
    }

    .card_inquiry_list.errorCard_list .head_tit {
        overflow: hidden
    }

    .card_inquiry_list.errorCard_list .head_tit .txt01 {
        position: absolute;
        top: 17px;
        left: 57px;
        margin: 0
    }

    .card_inquiry_list.errorCard_list .head_tit .txt02 {
        overflow: hidden;
        width: calc(100% - 60px)
    }

    .card_inquiry_list.errorCard_list .head_tit .card_name {
        position: relative;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        max-width: calc(100% - 40px)
    }

    .card_inquiry_list.errorCard_list .head_tit .txt02 .ico_card_logo {
        float: left;
        margin-top: 3px;
        vertical-align: top
    }

    .card_inquiry_list.errorCard_list .head_tit .txt03 {
        top: auto;
        right: 20px;
        bottom: 20px;
        margin: 0
    }

    .card_inquiry_list.errorCard_list .head_tit .card_date {
        display: block;
        color: #111;
        font-size: 1.3rem;
        font-weight: 400
    }

    .card_inquiry_list.errorCard_list .item .radio_wrap input:disabled + span {
        padding: 0
    }

    .living_pay_line::before {
        top: 6px
    }

    .text_link.h_title.living_pay::before {
        top: 2px
    }

    .text_link.h_title.living_pay::after {
        top: 7px
    }

    .list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:before {
        top: 16px
    }

    .list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:after {
        top: 17px
    }

    .list01.payment.count.chk_mid .usage_item.type03 + .form_type {
        padding: 5px 0 0
    }

    .list_group.payment .usage_item .usage_info .texts_area .country, .list_group.payment .usage_item .usage_info .title_area {
        margin-left: 40px;
        margin-bottom: 0px
    }

    .list_group.payment .usage_item .price_info .btn_wrap {
        order: 2;
        margin-top: 5px
    }

    .list_group.payment .usage_item .price_info .osprice {
        order: 1;
        margin: 0px
    }

    .df_list_col .item_wrap.center dt, .df_list_col .item_wrap.center dd {
        margin-left: 0
    }

    .df_list_col_wrap.tb_none.wp_ln.ln_none + .group_box > .check_wrap {
        display: inline-block;
        width: 100%
    }

    .df_list_col_wrap.tb_none.wp_ln.ln_none + .group_box > .check_wrap .check_default {
        width: 100%
    }

    .bg_gray + .marker_dot.payment {
        margin: 0 0 30px 0
    }

    .payment_radio_group.swiper-container .swiper-slide {
        width: 275px
    }

    .prepaid_card_payment {
        padding: 18px 0
    }

    .prepaid_card_payment .inner {
        display: block
    }

    .prepaid_card_payment dl {
        float: inherit;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .prepaid_card_payment dl + dl {
        margin-left: 0px;
        margin-top: 10px
    }

    .prepaid_card_payment dl dt {
        font-weight: 400;
        font-size: 1.6rem;
        padding-top: 2px;
        flex: 1
    }

    .prepaid_card_payment dl dd {
        font-size: 1.8rem;
        flex: 1;
        text-align: right
    }

    .list_wrap_payment {
        margin-bottom: 40px
    }

    .list_wrap_payment ul {
        padding: 15px 0 10px
    }

    .list_wrap_payment li span, .list_wrap_payment li strong {
        font-size: 16px;
        margin-bottom: 0
    }

    .list_wrap_payment.center ul {
        padding-bottom: 14px
    }

    .list_wrap_payment.center li {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0px
    }

    .list_wrap_payment.center li span {
        flex: 1
    }

    .list_wrap_payment.center li strong {
        flex: 2;
        text-align: right;
        font-size: 16px
    }

    .list_wrap_payment.center li strong + strong {
        flex: inherit;
        margin-left: 10px
    }

    .list_wrap_payment.center ul.virtual li span {
        order: 2;
        text-align: right
    }

    .list_wrap_payment.center ul.virtual li strong {
        order: 1;
        text-align: left;
        font-size: 16px;
        font-weight: 400
    }

    .list_wrap_payment li .btn_wrap {
        margin: 1px 0 0 10px
    }

    .list01.payment .tooltip {
        left: 5px;
        transform: inherit
    }

    .list01.payment .form_type {
        margin: -10px 0px 20px 35px
    }

    .list01.payment.count .form_type.pay_amt {
        padding-left: 0
    }

    .list01.payment .form_type .form_ele {
        padding-left: 0px
    }

    .list01.payment .usage_item.type03 .usage_info {
        width: calc(100% - 125px)
    }

    .list01.payment .usage_item .price_info .osprice {
        order: inherit
    }

    .list01.payment:not(.count) .usage_item.type03 .usage_info .check_wrap {
        width: auto
    }

    .list01.payment.count.chk_mid .item .texts_area, .list01.payment.count.chk_mid .item .check_default, .list01.payment.count.chk_mid .item .check_wrap {
        position: static
    }

    .list01.payment.count.chk_mid .item .usage_info {
        position: relative
    }

    .list01.payment.count.chk_mid .item .texts_area::before, .list01.payment.count.chk_mid .item .texts_area::after {
        top: 50%;
        transform: translateY(-50%)
    }

    .list_wrap_payment.complete_body .btn_wrap .text_link.color_prim {
        margin-top: 15px;
        margin-right: 20px
    }

    .radio_wrap.type_btn.type_grid.payment li {
        width: 50%
    }

    .payment_total {
        padding: 15px 20px
    }

    .payment_total .inner {
        display: block;
        line-height: 1.7;
        padding: 0
    }

    .payment_total .inner .dom {
        float: inherit;
        display: flex;
        width: 100%;
        margin-right: 0
    }

    .payment_total .inner .dom dt {
        flex: 1
    }

    .payment_total .inner .dom dd {
        flex: 1;
        text-align: right
    }

    .payment_total.is_fixed .inner {
        width: auto;
        padding-right: 70px
    }

    .payment_total.now_pay {
        padding: 0
    }

    .install_payment.tooltip {
        left: 50%;
        z-index: 9;
        margin-left: -152px
    }

    .install_payment.swiper-container {
        margin: 20px 0 40px 0
    }

    .install_payment.swiper-container .swiper-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .install_payment.swiper-container .swiper-wrapper.mo_left {
        justify-content: initial
    }

    .install_payment.swiper-container .swiper-slide {
        width: 190px
    }

    .install_payment.swiper-container.shadow::before, .install_payment.swiper-container.shadow::after {
        display: none
    }

    .install_payment.radio_wrap.type_btn ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .install_payment.radio_wrap.type_btn ul li {
        flex: none;
        flex-basis: calc(50% - 2px);
        margin-right: 0
    }

    .install_payment_list .radio_wrap .radio_default input[type="radio"] + span:before {
        top: -15px
    }

    .install_payment_list .radio_wrap .radio_default input[type="radio"] + span:after {
        top: -9px
    }

    .cvc_cont {
        width: auto;
        max-width: 380px;
        padding: 30px 0
    }

    .cvc_cont .comp_data {
        width: 100%;
        margin: 0
    }

    .inp_cvc {
        height: auto;
        min-height: 238px;
        margin: 20px 0 0
    }

    .inp_cvc .inp {
        left: 30px
    }

    .inp_cvc .inp label {
        width: 9rem;
        font-size: 1.6rem
    }

    .inp_cvc .inp input[type=text], .inp_cvc .inp input[type=tel] {
        width: 150px
    }

    .inp_cvc .txt_guide::before {
        background-image: url(/pconts/images/contents/mypage/ico_tip_m.png);
        background-size: 14px auto
    }

    .my_benefit .accordion_header .acc_btn.medium {
        padding-right: 46px
    }

    .my_benefit_head .my_benefit_title {
        font-size: 1.6rem
    }

    .my_benefit_head .my_benefit_money {
        font-size: 2rem
    }

    .my_benefit_list li {
        padding: 20px 10px
    }

    .my_benefit_list .item .cell1 {
        width: 100%;
        order: 3;
        margin-top: 5px
    }

    .my_benefit_list .item .cell1 .info {
        padding-right: 15px
    }

    .my_benefit_list .item .cell1 .date {
        font-size: 1.3rem
    }

    .my_benefit_list .item .cell1 .info_user {
        font-size: 1.3rem
    }

    .my_benefit_list .item .cell1 .info_num {
        font-size: 1.3rem
    }

    .my_benefit_list .item .cell2 {
        width: 100%;
        order: 1
    }

    .my_benefit_list .item .cell2 .detail_title {
        padding-right: 15px;
        font-size: 1.6rem;
        word-break: break-all
    }

    .my_benefit_list .item .cell2 .detail_money {
        font-size: 1.5rem
    }

    .my_benefit_list .item .cell2 .detail_money .money {
        font-size: 1.6rem
    }

    .my_benefit_list .item .cell3 {
        margin-top: 10px
    }

    .my_benefit_list .item .cell3 {
        width: 100%;
        order: 2
    }

    .my_benefit_list .item .cell3 .used_place_title {
        font-size: 1.3rem
    }

    .my_benefit_list .item .cell3 .used_place_money {
        font-size: 1.3rem
    }

    .my_benefit_list .item .cell4 {
        margin-top: 5px;
        width: 100%;
        order: 3
    }

    .my_benefit_list .item .cell4 .used_point_title {
        font-size: 1.3rem
    }

    .vip_benifit_list .service_info .bluezone {
        flex: 1.3;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%
    }

    .vip_benifit_list .service_info .bluezone dt {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis
    }

    .vip_benifit_list .service_info .bluezone dd {
        width: 100%
    }

    .vip_benifit_list .service_info .bluezone dd p {
        font-size: 13px
    }

    .vip_benifit_list .service_info .bluezone .card {
        margin-bottom: 3pxl
    }

    .vip_benifit_list .service_info .bluezone .date + .card {
        margin-left: 3px;
        padding-left: 6px
    }

    .vip_benifit_list .service_info .redzone p {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis
    }

    .vip_benifit_list .service_info .redzone .cardname {
        font-size: 13px
    }

    .other_earn_step ol li {
        width: 100%;
        height: 70px;
        margin-bottom: 40px;
        padding-top: 0;
        padding-left: 80px;
        text-align: left
    }

    .other_earn_step ol li:last-child {
        margin-bottom: 0
    }

    .other_earn_step ol li.step1 {
        background-position: 0 50%;
        background-size: 50px auto
    }

    .other_earn_step ol li.step2 {
        background-position: 0 50%;
        background-size: 50px auto
    }

    .other_earn_step ol li.step3 {
        background-position: 0 50%;
        background-size: 50px auto
    }

    .other_earn_step ol li.step4 {
        background-position: 0 50%;
        background-size: 50px auto
    }

    .other_earn_step ol li.step5 {
        background-position: 0 50%;
        background-size: 50px auto
    }

    .other_earn_step ol li:after {
        top: auto;
        right: auto;
        bottom: -20px;
        left: 18px;
        transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .other_earn_step ol li.mark:after {
        content: ''
    }

    .other_earn_step li .txt {
        font-size: 1.3rem
    }

    .other_earn_step li .title {
        font-weight: 400;
        font-size: 1.6rem
    }

    .other_earn_step li .p {
        font-size: 1.5rem
    }

    .event_myVisual {
        height: 180px
    }

    .event_myVisual .event_cont .link {
        align-content: flex-start;
        padding: 25px 70px 25px 27px
    }

    .event_myVisual .event_cont .tit {
        font-size: 15px
    }

    .event_myVisual .event_cont .txt {
        font-size: 13px
    }

    .event_myVisual .event_cont .label {
        position: absolute;
        left: 20px;
        bottom: 24px;
        margin: 0
    }

    .event_myVisual .event_cont .img {
        right: 10px;
        width: 153px;
        height: 153px;
        top: auto;
        bottom: -28px;
        transform: none
    }
}

@media only screen and (max-width: 760px) {
    .oversea_btnset {
        margin-top:40px
    }

    .oversea_btnset li {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .oversea_btnset li .btn {
        width: 100%
    }

    .oversea_btnset .onlyPC {
        display: none
    }

    .longsleep_card .btn_wrap .btn + .btn {
        margin-top: 10px
    }

    .checkcard_overuse .usage_item .usage_info .title_area {
        width: 70%
    }

    .chart_partition_slide .chart_sample .pc {
        display: none
    }

    .chart_partition_slide .chart_sample .mobile {
        display: block
    }

    .chart_partition_slide .chart_sample img {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .chart_wrap_circle .chart {
        width:158px;
        height: 157px
    }

    .chart_wrap_circle .center_info {
        top: -33px
    }

    .chart_wrap_circle .center_info .info_01 {
        top: 100px;
        left: -10px
    }

    .chart_wrap_circle .chart.nodata {
        background-size: 100px 100px
    }

    .view_as_amount .chart_wrap_circle .center_info .info_01 {
        top: 50px
    }

    .view_as_amount .chart_wrap_circle .center_info {
        top: -12px
    }

    .view_as_amount .chart_wrap_circle .grap_cont {
        margin-top: -8px
    }

    .view_as_amount .chart_wrap_circle .center_info {
        top: 48px
    }

    .view_as_amount .chart_wrap_circle .pattern {
        top: 134px
    }

    .ch_pay_account .df_list_col .item_wrap {
        flex: 1
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .card_number {
        margin-right: 7px
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .line {
        padding-left: 0
    }

    .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .line::before {
        display: none
    }
}

@media print {
    .traffic_pay_list .con.accordion_wrap.btm_line.guide {
        display: none
    }

    .foreign_money .amount_calc {
        padding: 30px 90px
    }

    .foreign_money .amount_calc .calc_wrap {
        padding: 0 80px
    }
}

.w100 {
    width: 100% !important
}

.w20 {
    width: 20% !important
}

.w80 {
    width: 80% !important
}

.card_w_570 {
    width: 570px
}

.mgl12 {
    margin-left: 12px !important
}

.content_h300 {
    height: 300px
}

.w_283 {
    width: 283px !important
}

.font_s28 {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 28px;
    color: #111
}

.font_s28_s20 {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 28px;
    color: #111
}

.font_s28_s18 {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 28px;
    color: #111
}

.font_s24 {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 24px;
    color: #333
}

.font_s24_s17 {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 24px;
    color: #111
}

.font_s32_s30 {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 32px;
    color: #111
}

.font_s16 {
    display: block;
    position: relative;
    margin-top: 3px;
    font-weight: 400;
    font-size: 16px;
    color: #111
}

.pdt7 {
    padding-top: 7px
}

.bdt_none {
    border-top: none !important
}

.bdb_ddd {
    border-bottom: 1px solid #ddd
}

.mgr_20m {
    margin-right: -20px
}

.ntob {
    display: none !important
}

.bton {
    display: block !important
}

.bton_in {
    display: inline-block !important
}

.hide_ele {
    display: none !important
}

.mobile_link {
    display: none
}

.pc_link {
    display: inline
}

.tab_type01.fixed .tab_pull {
    position: fixed;
    top: 128px;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 50
}

.tab_type01.fixed .tab_pull .tab_list {
    width: 980px;
    margin: 0 auto
}

.dtxt_area .bg_img {
    overflow: hidden;
    position: relative;
    width: 343px;
    height: 58px;
    background: url(/pconts/images/contents/card/txt_shinhancard.png) no-repeat left top
}

.dtxt_area .bg_img span {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px
}

.dtxt_area strong {
    display: block;
    margin-top: 3px;
    font-size: 72px;
    line-height: 1.2;
    color: #111
}

.dtxt_area strong .text_pointer::after {
    bottom: 1px;
    height: 24px
}

.dtxt_area p {
    margin-top: 25px;
    line-height: 1.51
}

.shcd_main_menu {
    position: relative;
    z-index: 5;
    margin-top: 55px
}

.shcd_menu {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.shcd_menu .atc {
    display: table-cell;
    position: relative;
    width: 25%;
    height: 180px;
    border: 1px solid #ddd
}

.shcd_menu .atc > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 17px 28px 10px;
    transition: background 0.25s ease-out
}

.shcd_menu .atc > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    bottom: 50px;
    width: 11px;
    height: 11px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.shcd_menu .atc em {
    display: block;
    font-weight: 700;
    font-size: 36px;
    color: #333
}

.shcd_menu .atc span {
    display: block;
    margin-top: 35px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 1.56;
    color: #333
}

.shcd_menu .atc .atc_inner {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    margin-top: 1px;
    padding: 17px 29px 13px;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #f5f5f5;
    transition: all 0.25s ease-out;
    opacity: 0;
    visibility: hidden
}

.shcd_menu .atc .atc_inner ul li {
    position: relative;
    padding-left: 11px
}

.shcd_menu .atc .atc_inner ul li + li {
    margin-top: 7px
}

.shcd_menu .atc .atc_inner ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #111
}

.shcd_menu .atc.active > a, .shcd_menu .atc:hover {
    z-index: 1;
    border-color: #4868e1;
    background-color: #4868e1
}

.shcd_menu .atc.active > a:before, .shcd_menu .atc:hover > a:before {
    bottom: 44px;
    border-color: #fff;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg)
}

.shcd_menu .atc.active em, .shcd_menu .atc:hover em {
    color: #fff
}

.shcd_menu .atc.active span, .shcd_menu .atc:hover span {
    color: #fff
}

.shcd_menu .atc.active .atc_inner, .shcd_menu .atc:hover .atc_inner {
    opacity: 1;
    visibility: visible
}

.video_area {
    margin-top: 90px
}

.video_area .video_inner {
    position: relative;
    left: -50%;
    float: right
}

.video_area .video_item {
    position: relative;
    left: 50%;
    float: left;
    width: 392px
}

.video_area .video_item + .video_item {
    margin-left: 20px
}

.video_area .video_item a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 220px
}

.video_area .video_item a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/pconts/images/icon/icon_play.png) no-repeat center center
}

.video_area .video_item a img {
    width: 100%;
    height: 100%
}

.video_area .video_item .video_tit {
    margin-top: 15px;
    font-size: 20px;
    color: #333;
    text-align: center
}

.de_card_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 70px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.de_card_list .card_item {
    width: 50%;
    padding: 0 20px;
    margin-top: 90px;
    text-align: center
}

.de_card_list .card_item:nth-child(1), .de_card_list .card_item:nth-child(2) {
    margin-top: 0
}

.de_card_list .card_plate_area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 321px;
    margin-bottom: 26px;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.de_card_list .card_plate_area::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 285px;
    height: 285px;
    margin: -143px 0 0 -143px;
    border-radius: 50%;
    background-color: #eee
}

.de_card_list .card_plate {
    position: relative;
    width: 320px;
    height: 203px;
    margin: 0 auto
}

.de_card_list .card_plate.vertical_type img {
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.de_card_list .card_plate img {
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.de_card_list .card_name {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.35;
    color: #111
}

.de_card_list .card_desc {
    margin-bottom: 34px;
    font-size: 16px
}

.de_card_list .card_name + .btn_cont {
    margin-top: 36px
}

.gallery_cont {
    padding-top: 60px
}

.gallery_icon {
    display: inline-block;
    position: relative;
    width: 181px;
    height: 60px;
    vertical-align: middle;
    background: url(/pconts/images/contents/card/gallery_s.png) no-repeat left top
}

.gallery_icon span {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    text-indent: -9999px
}

.gallery_cont .gallery_desc {
    line-height: 1.75
}

.gallery_cont .gallery_icon + .gallery_desc {
    margin-top: 24px
}

.gallyer_swiper {
    position: relative;
    margin-top: 52px
}

.gallyer_swiper .swiper-button-prev {
    overflow: hidden;
    left: 0;
    top: 103px;
    margin: 0;
    background: none
}

.gallyer_swiper .swiper-button-prev:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    vertical-align: middle
}

.gallyer_swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.gallyer_swiper .swiper-button-prev.swiper-button-disabled:before {
    border-color: #ccc
}

.gallyer_swiper .swiper-button-next {
    overflow: hidden;
    right: 0;
    top: 103px;
    margin: 0;
    background: none
}

.gallyer_swiper .swiper-button-next:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 9px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    vertical-align: middle
}

.gallyer_swiper .swiper-button-next.swiper-button-disabled {
    opacity: 1
}

.gallyer_swiper .swiper-button-next.swiper-button-disabled:before {
    border-color: #ccc
}

.intro_area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 840px;
    padding: 0 70px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd
}

.intro_area .img {
    display: inline-block;
    width: 236px;
    height: 253px
}

.intro_area .img img {
    max-width: 100%
}

.intro_area .desc_area {
    padding-top: 50px;
    margin-left: 87px
}

.intro_area .desc_area p {
    font-size: 16px;
    color: #333
}

.intro_area .desc_area .desc {
    padding-top: 25px;
    background: url(/pconts/images/contents/card/quot.png) no-repeat left top;
    font-size: 24px;
    line-height: 1.25
}

.intro_area .desc_area .desc + .name {
    margin-top: 31px
}

.gallery_card_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery_card_list .item {
    position: relative;
    width: 50%;
    min-height: 336px;
    margin-top: 90px;
    text-align: center
}

.gallery_card_list .item:nth-child(1), .gallery_card_list .item:nth-child(2) {
    margin-top: 84px
}

.gallery_card_list .item .img {
    position: absolute;
    bottom: 133px;
    left: 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.gallery_card_list .item.vertical_type {
    height: 454px
}

.gallery_card_list .item.vertical_type .img {
    margin-top: 58px;
    margin-bottom: 58px;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.gallery_card_list .item .img img {
    width: 320px;
    height: 204px;
    border-radius: 12px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.gallery_card_list .item .card_name {
    position: absolute;
    bottom: 48px;
    width: 100%;
    height: 62px;
    margin-top: 23px;
    font-weight: 700;
    font-size: 20px;
    color: #111;
    overflow: hidden
}

.gallery_card_list .item .btn_cont {
    position: absolute;
    bottom: 0;
    width: 100%
}

.choice_card_wrap {
    margin-top: 45px
}

.choice_card_wrap .choice_card_area {
    margin: 55px 0 83px;
    text-align: center
}

.choice_card_wrap .choice_card_area .img {
    display: inline-block;
    width: 320px;
    height: 204px;
    vertical-align: middle
}

.choice_card_wrap .choice_card_area .img.vertical_type {
    margin-top: 58px;
    margin-bottom: 58px;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.choice_card_wrap .choice_card_area img {
    max-width: 100%
}

.choice_card_wrap .choice_card_area .card_name {
    margin-top: 23px;
    font-weight: 700;
    font-size: 20px;
    color: #111
}

.choice_card_wrap .choice_card_area .btn_cont {
    margin-top: 32px
}

.card_chc {
    margin-top: 19px
}

.card_chc .h_title {
    margin-bottom: 14px
}

.card_chc .col.col6_12 {
    margin-top: 54px
}

.card_chc .col.col6_12:nth-child(1), .card_chc .col.col6_12:nth-child(2) {
    margin-top: 0
}

.txt_top {
    padding: 45px 0
}

.txt_top p {
    margin-bottom: -5px;
    text-align: center
}

.txt_top .btn_wrap {
    padding-bottom: 3px;
    text-align: center
}

.txt_top .title + p {
    margin-top: 14px
}

.txt_top p + .btn_wrap {
    margin-top: 29px
}

.txt_top + .tab_type01 {
    margin-top: 80px
}

.card_prd_list {
    border-bottom: 1px solid #ddd
}

.card_prd_list ul {
    overflow: hidden
}

.card_prd_list ul>li {
    padding: 50px 68px;
    border-top: 1px solid #eee;
    vertical-align: top
}

.card_prd_list ul>li>div {
    position: relative;
    min-height: 171px;
    padding-left: 351px
}

.card_prd_list .card_name {
    display: inline-block;
    width: 100%;
    margin-top: -3px;
    font-size: 20px;
    line-height: 32px;
    color: #111;
    vertical-align: middle
}

.card_prd_list dl {
    display: table;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 18px
}

.card_prd_list dl dt, .card_prd_list dl dd {
    display: table-cell;
    vertical-align: top
}

.card_prd_list dl dt {
    width: 40px
}

.card_prd_list dl dd {
    padding-left: 10px
}

.card_prd_list .round_badge {
    display: inline-block;
    min-width: 54px;
    height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    background-color: #333;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    vertical-align: middle
}

.card_prd_list .card_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 271px;
    height: 171px
}

.card_prd_list .card_img img {
    width: 100%
}

.card_prd_list p {
    font-size: 16px
}

.card_prd_list p.sub_txt {
    color: #999
}

.card_prd_list p + p.sub_txt {
    margin-top: 6px
}

.card_prd_list .btn {
    margin-top: 12px;
    padding: 0 16px
}

.card_prd_list ul>li.vertical>div {
    min-height: 271px
}

.card_prd_list ul>li.vertical .card_img img {
    margin-top: 50px;
    ;transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

i.ico_card {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle
}

i.ico_card:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/pconts/images/contents/card/ico_card.png) no-repeat left top
}

.card_inquiry {
    padding: 25px 0 0 0;
    text-align: center
}

.card_inquiry .ico_card {
    margin-bottom: 18px
}

.card_inquiry .card_inq_info>a {
    display: inline-block;
    vertical-align: top
}

.card_inquiry .card_name {
    display: block;
    font-size: 20px;
    color: #000
}

.card_inquiry .card_num {
    margin-top: 2px;
    font-size: 20px;
    color: #000
}

.card_inquiry .amount {
    margin-top: 26px;
    padding-bottom: 9px;
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.card_inquiry .amount span {
    padding-left: 15px;
    font-weight: 400;
    font-size: 30px;
    color: #333
}

.card_inquiry .amount span em {
    font-weight: 700;
    font-style: normal
}

.form_tit02 {
    display: block;
    margin-top: -6px;
    font-size: 18px;
    color: #333
}

.form_tit02 span {
    font-weight: 400
}

.form_tit02 + form, .form_tit02 + .form_ele {
    margin-top: 54px
}

.btn_wrap + .list_wrap {
    margin-top: 41px
}

.list_wrap .sum {
    font-size: 14px;
    color: #111
}

.list_wrap .sum > span {
    font-weight: 900
}

.list_wrap .card_list {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.list_wrap .card_list li {
    overflow: hidden;
    margin: 0 ;
    padding: 38px 0 36px;
    border-top: 1px solid #eee;
    color: #111
}

.list_wrap .card_list li:first-child {
    border-top: 0
}

.list_wrap .card_list .left_con, .list_wrap .card_list .right_con {
    float: left
}

.list_wrap .card_list .left_con {
    width: 75%
}

.list_wrap .card_list .right_con {
    width: 25%;
    text-align: right
}

.list_wrap .card_list .date {
    float: left;
    width: 190px;
    font-weight: 400;
    color: #111
}

.list_wrap .card_list .amount {
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.list_wrap .card_list .amount a {
    color: #111
}

.list_wrap .card_list strong {
    font-size: 16px
}

.list_wrap .card_list strong .bank_num {
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.noti_box {
    padding: 23px 40px 20px;
    margin-top: 100px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f2f4f8
}

.noti_box strong {
    font-weight: 700;
    font-size: 24px;
    color: #111
}

.noti_box p {
    font-size: 16px;
    color: #333
}

.noti_box a {
    display: inline-block;
    min-width: 120px;
    height: 28px;
    padding: 0 15px;
    margin-top: 14px;
    border: 1px solid #999;
    border-radius: 14px;
    font-weight: 700;
    font-size: 13px;
    line-height: 26px;
    color: #111;
    text-align: center;
    vertical-align: middle
}

.pop_terms_wrap .pop_tit_dep1 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #333
}

.pop_terms_wrap .pop_tit_dep2 {
    margin-bottom: 7px;
    font-size: 16px;
    color: #333
}

.pop_terms_wrap p + p {
    margin-top: 5px
}

.pop_terms_wrap p + .pop_tit_dep1 {
    margin-top: 20px
}

.pop_terms_wrap p + .pop_tit_dep2 {
    margin-top: 20px
}

.pop_terms_wrap .pop_tit_01 {
    margin: 20px 0 20px 0;
    font-size: 18px;
    color: #333
}

.pop_terms_wrap .pop_tit_02 {
    margin: 7px 0 20px 0;
    font-size: 16px;
    color: #333
}

.form_type .form_ele.type01 .ele_tit {
    top: 32px
}

.form_type .form_ele.type01 .auto_name {
    padding-bottom: 6px;
    text-align: right
}

.ly_inner .top_marker .marker_dot {
    margin-top: -4px;
    margin-bottom: 55px
}

.popup_type01 .pop_cont .bg_gray.pop_card_name {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 31px;
    padding: 28px 20px 24px;
    text-align: center
}

.popup_type01 .pop_cont .bg_gray.pop_card_name strong {
    font-size: 20px;
    line-height: 27px;
    color: #333
}

.card_sec {
    position: relative;
    text-align: center;
    padding-top: 157px
}

.card_sec .img {
    display: inline-block;
    width: 360px;
    height: 228px;
    margin-top: -156px;
    border-radius: 15px;
    vertical-align: middle;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
}

.card_sec .img img {
    width: 100%
}

.card_sec .card_name {
    width: 646px;
    margin: -48px auto 0
}

.card_sec .card_name.type01 {
    width: 646px;
    margin: -72px auto 0;
    padding: 0 0 0
}

.card_sec .card_name:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(-50vw + 50%);
    bottom: 0;
    width: 100vw;
    height: 100%;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, 1.0)
}

.card_sec.vertical_type {
    padding-top: 197px
}

.card_sec.vertical_type .card_name {
    margin: -140px auto 0
}

.card_sec.vertical_type .card_name.type01 {
    margin: -164px auto 0
}

.card_sec.vertical_type .img {
    margin-top: -196px;
    width: 228px;
    height: 360px
}

.card_sec.vertical_type .img img {
    width: 360px;
    max-width: 360px;
    height: 228px;
    margin-top: 66px;
    margin-left: -66px;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.card_sec strong {
    position: relative;
    z-index: 1;
    font-size: 20px;
    color: #000
}

.card_sec strong .btn_question {
    margin-left: 2px
}

.card_sec + .ly_inner .form_type {
    padding-top: 0
}

.card_sec + .ly_inner .top_marker .marker_dot {
    padding-top: 33px
}

.card_sec.type02 {
    padding-top: 0
}

.card_sec.type02 .img {
    margin-top: -144px;
    vertical-align: top
}

.card_sec.type02 .card_top_wrap {
    padding: 5px 0 166px
}

.card_sec.type02 .card_name_top {
    padding: 0px;
    font-weight: 700;
    font-size: 24px;
    color: #111111
}

.card_sec.type02 .card_name_top + .btn_wrap {
    margin: 10px 0 7px;
    font-size: 13px
}

.card_sec.type02 .card_name {
    padding: 0 0 24px
}

.card_sec.vertical_type.type02 .img {
    margin-top: -196px;
    margin-top: -256px
}

.card_sec.vertical_type.type02 .card_top_wrap {
    padding-bottom: 278px
}

.card_sec.vertical_type.type02 .card_name_top {
    padding-bottom: 0px
}

.card_sec.vertical_type.type02 .card_name {
    padding-bottom: 96px
}

.talk_wrap {
    padding-bottom: 12px
}

.talk_wrap .btn_wrap {
    padding: 40px 0 15px
}

.talk_guide {
    position: relative;
    margin-top: 34px;
    padding: 7px 30px 0 60px
}

.talk_guide i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-size: 100%
}

.talk_guide div {
    padding: 22px 24px 21px;
    border-radius: 21px;
    border-top-left-radius: 0;
    background-color: #f4f4f4
}

.talk_guide p {
    font-size: 13px;
    line-height: 19px;
    color: #333
}

.talk_guide + .round_box_wrap {
    margin-top: 30px
}

.round_box_wrap {
    display: none;
    padding: 20px 25px 25px;
    border-radius: 25px;
    border-top-right-radius: 0;
    background-color: #f2f4f8
}

.round_box_wrap.show {
    display: block
}

.round_box_wrap + .round_box_wrap {
    margin-top: 30px
}

.round_box_wrap .talk_app_tit {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #111
}

.round_box_wrap .select_wrap + .input_wrap {
    margin-top: 10px
}

.round_box_wrap .btn_wrap {
    margin-top: 10px;
    padding: 0
}

.round_box_wrap .btn.darkgray {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 44px
}

.waybill {
    margin: 24px 0 8px;
    padding: 26px 30px 25px
}

.waybill p {
    text-align: center
}

.waybill p span {
    margin-left: 9px
}

.logo_box img {
    width: 47px
}

.df_list_wrap .df_list.type01 .item.tit {
    width: 23%;
    padding-right: 0px
}

.df_list_wrap .df_list.type01 .item.con {
    width: 76%
}

.delivery_step {
    padding: 30px
}

.delivery_step ul li {
    position: relative;
    width: 100%;
    clear: both
}

.delivery_step ul li + li {
    padding-top: 30px
}

.delivery_step ul li .condition::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #eeeeee;
    height: 100%;
    text-align: center;
    margin-left: 40px
}

.delivery_step ul li .condition .code > p {
    float: left;
    width: 80px;
    height: 80px;
    background: #eeeeee;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    line-height: 80px;
    color: #111111
}

.delivery_step ul li .condition .code > p.on {
    background: #081350;
    color: #fff
}

.delivery_step ul li .condition .code > p.txt_over {
    line-height: inherit;
    padding-top: 17px
}

.delivery_step ul li:first-child .condition::before {
    display: none
}

.delivery_step ul li .condition .summery {
    display: inline-block;
    padding-left: 30px
}

.delivery_step ul li .condition .summery .date {
    padding-top: 5px;
    color: #333
}

.delivery_step ul li .condition .summery .txt {
    font-weight: 700;
    color: #333
}

.delivery_step ul li .condition .summery .pick {
    padding-top: 8px;
    font-size: 13px
}

.lgtxt_box .txt_lg {
    margin-bottom: 15px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    color: #111
}

.info_logo {
    padding: 20px;
    margin-top: 20px
}

.info_logo .info_txt {
    font-size: 16px;
    color: #333
}

.info_logo .info_txt > span {
    padding-right: 20px;
    font-weight: 700
}

.info_logo .info_txt > span:last-child {
    padding-right: 3px
}

.info_logo .info_txt > span > img {
    padding-right: 8px
}

.agree_check_ul {
    position: relative;
    border: 1px solid #ddd;
    background: #fff
}

.agree_check_ul li + li {
    margin-top: 5px
}

.agree_check_ul .check_only {
    position: relative;
    width: 100%;
    color: #333
}

.check_wrap.check_only .check_agree input[type="checkbox"] + span {
    padding: 16px 0 13px 55px
}

.check_wrap.check_only .check_agree input[type="checkbox"] + span:before {
    content: '';
    display: block;
    position: absolute;
    left: 29px;
    top: 19px;
    width: 6px;
    height: 10px;
    margin: 0 0 0 -4px;
    border-right: 2px solid #b2b2b2;
    border-bottom: 2px solid #b2b2b2;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.check_wrap.check_only .check_agree input[type="checkbox"]:checked + span:before {
    border-color: #4868e1
}

.check_wrap.check_only .btn_check_pop {
    position: absolute;
    right: 20px;
    top: 17px;
    font-size: 13px;
    text-decoration: underline;
    color: #111
}

.check_wrap.check_only.type01 {
    padding-right: 0
}

.check_wrap.check_only.type01 label {
    display: block
}

.check_wrap.check_only.type01 input {
    width: 100%;
    height: 100%
}

.check_wrap.check_only.type01 .check_agree input[type="checkbox"] + span {
    display: block
}

.agree_check_ul .check_only .btn_tooltip {
    margin-left: 3px
}

.appStep .contents .form_ele.type04 + .btn_photo_wrap {
    padding-top: 20px
}

.check_default .btn_pop_new {
    line-height: 26px
}

.check_default .btn_pop_new span {
    font-size: 13px;
    text-decoration: underline;
    color: #111
}

.top_accodion_big {
    padding-top: 7px
}

.top_accodion_big .accordion_wrap.btm_line {
    border: none
}

.top_accodion_big .accordion_header button.acc_btn {
    padding-bottom: 19px;
    font-weight: 400;
    font-size: 20px;
    color: #333;
    text-align: center;
    border: none
}

.top_accodion_big .accordion_header button.acc_btn:after {
    display: inline-block;
    vertical-align: middle;
    position: static
}

.tab_type01 + .ext_ele {
    margin-top: -55px
}

.tab_type01 + .ext_ele .form_type .form_ele.hide:first-child + .form_ele {
    margin-top: 15px
}

.before_comm {
    overflow: hidden;
    padding: 0 170px
}

.before_comm > div {
    margin: -3px 0 0 -3px
}

.before_comm ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.before_comm ul li {
    display: table-cell;
    float: left;
    padding: 0 0 0 3px;
    text-align: center
}

.before_comm ul li > div {
    min-height: 110px;
    padding: 15px 0 5px
}

.before_comm ul li i {
    display: inline-block;
    height: 50px;
    vertical-align: top
}

.before_comm ul li i.icon_clock {
    width: 50px;
    background: url(/pconts/images/icon/clock.png) no-repeat left top / 50px auto
}

.before_comm ul li i.icon_phone {
    width: 50px;
    background: url(/pconts/images/icon/phone.png) no-repeat left top / 50px auto
}

.before_comm ul li i.icon_bank {
    width: 50px;
    background: url(/pconts/images/icon/account.png) no-repeat left top / 50px auto
}

.before_comm ul li i.icon_cert {
    width: 50px;
    background: url(/pconts/images/icon/id_card.png) no-repeat left top / 50px auto
}

.before_comm ul li p {
    margin-top: 24px;
    font-size: 13px;
    color: #333
}

.before_comm .col04 li {
    width: 25%
}

.radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand {
    padding: 14px 0 9px
}

.radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand {
    padding: 13px 0 8px
}

.radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand em {
    padding-top: 6px;
    font-weight: 400;
    font-size: 13px;
    color: #111
}

.radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand em {
    color: #4868e1
}

.radio_wrap.type_grid .card_brand img {
    width: 45px
}

.check_wrap.type_agree .check_agree.check_all.h_auto {
    height: auto
}

.check_wrap.type_agree .btn_check_pop_type01 {
    position: absolute;
    right: 20px;
    top: 0;
    width: 50px;
    font-size: 13px;
    text-decoration: underline;
    color: #111
}

.popcard_img > img {
    width: 44px
}

.brand_list {
    margin: 0 -1px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brand_list li {
    overflow: hidden;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.brand_list li span {
    display: inline-block
}

.brand_list li .popcard_img {
    width: 15%;
    padding: 12px 7px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none
}

.brand_list li .text {
    padding: 12px 7px;
    color: #333;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

.info_bank {
    padding: 25px 30px;
    margin-top: 10px;
    color: #333
}

.info_bank .lg_txt {
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
    text-align: center
}

.info_bank .sm_txt {
    font-size: 15px;
    text-align: center
}

.info_bank .sm_txt > span {
    color: #4868e1
}

.info_bank > img {
    width: 100%;
    padding: 30px 0;
    text-align: center
}

.info_bank ul {
    padding-left: 35px
}

.info_bank ul li {
    padding-top: 12px
}

.info_bank ul li:first-child {
    padding-top: 0
}

.info_bank ul li > span {
    display: inline-block;
    margin-left: -15px
}

.form_agreement_gap {
    margin-top: 16px
}

.em_span_gap {
    margin-top: 2px
}

.tab_cont .cert_img {
    display: block;
    height: 200px;
    text-align: center
}

.tab_cont .cert_img img {
    height: 100%
}

.text_tip.ext_top {
    margin-top: -15px
}

.bg_gray.txt_box {
    margin-top: 10px;
    padding: 27px 30px 26px
}

.withdrawal_wrap {
    padding-top: 24px;
    text-align: center
}

.withdrawal_wrap strong {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    color: #333
}

.withdrawal_wrap .btn_wrap {
    margin: 25px 0 26px
}

.date_swipe_form {
    overflow: hidden;
    margin-top: 14px;
    padding: 12px 0;
    clear: both;
    padding-top: 14px
}

.date_swipe_form .date_swipe_group {
    overflow: visible
}

.date_swipe_form .date_swipe_group {
    height: 36px;
    border-radius: 18px;
    background-color: #e8ebf4
}

.date_swipe_form .left_gradient {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right,rgba(255, 255, 255, 0.45), rgba(242, 244, 248, 0.85), rgba(242, 244, 248, 0.23)) no-repeat
}

.date_swipe_form .right_gradient {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left,rgba(255, 255, 255, 0.45), rgba(242, 244, 248, 0.85), rgba(242, 244, 248, 0.23)) no-repeat
}

.date_swipe_form .left_gradient::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 55%;
    width: 10px;
    height: 10px;
    margin: -8px 0 0 -8px;
    border-right: 2px solid #111111;
    border-bottom: 2px solid #111111;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.date_swipe_form .right_gradient::before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 55%;
    width: 10px;
    height: 10px;
    margin: -8px 0 0 -8px;
    border-right: 2px solid #111111;
    border-bottom: 2px solid #111111;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.date_swipe_form .left_gradient span, .date_swipe_form .right_gradient span {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    padding: 3px;
    font-size: 14px;
    line-height: 1.1;
    color: transparent;
    text-indent: -9999px
}

.date_swipe_form .swiper-slide {
    width: 50px
}

.date_swipe_form .swiper-slide.swiper-slide-active {
    width: 90px
}

.date_swipe_form .swiper-slide a {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
    text-align: center
}

.date_swipe_form .swiper-slide a span {
    display: none
}

.date_swipe_form .swiper-slide a.active {
    width: 60px;
    height: 60px;
    margin: -12px auto 0;
    border-radius: 50%;
    background-color: #4868e1;
    font-size: 18px;
    line-height: 60px;
    color: #fff
}

.date_swipe_form .swiper-slide a.active span {
    display: block;
    padding-top: 4px;
    font-size: 16px;
    line-height: 1.53;
    color: #4868e1;
    opacity: 0.7
}

.txt_box p + p {
    margin-top: 10px
}

.certCard {
    padding: 10px 0 17px
}

.certCard span {
    display: block;
    width: 253px;
    margin: 0 auto
}

.certCard span > img {
    width: 100%;
    height: 100%
}

.pop_cert_reg .h_title24 {
    padding-top: 25px;
    margin-bottom: 9px
}

.pop_cert_reg .certCard {
    padding-bottom: 0
}

.pop_cert_reg .text_tip {
    line-height: 1.43
}

.pop_cert_reg .text_tip + .form_type {
    padding-top: 14px
}

.pop_cert_reg02 .certCard {
    padding-top: 18px
}

.pop_cert_reg02 p {
    margin-top: 5px;
    line-height: 1.51
}

.quick_req .txt_box {
    padding-top: 17px
}

.quick_req .h_title24 {
    padding-top: 25px;
    line-height: 1.33
}

.quick_req .pop_cont .form_type {
    padding-top: 13px
}

.quick_req .form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value {
    min-height: 44px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-overflow: clip;
    white-space: normal
}

.quick_req .form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value:before {
    top: 50%;
    margin-top: -5px
}

.quick_req .select_wrap .ui_select select {
    padding-right: 30px
}

.paper_wrap .h_title24 {
    padding-top: 11px;
    margin-bottom: 10px
}

.paper_wrap ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.paper_wrap ul li {
    width: 50%;
    padding: 0 11px
}

.paper_wrap ul li img {
    width: 100%
}

.paper_wrap ul li p {
    margin-top: 11px;
    padding-bottom: 25px;
    line-height: 1.51
}

.student_wrap .desc {
    line-height: 1.51
}

.student_wrap .desc:first-child {
    margin-top: -9px
}

.student_wrap .h_title {
    margin-top: 16px
}

.student_wrap .cert_img {
    display: block;
    width: 253px;
    margin: 19px auto 25px
}

.student_wrap .cert_img img {
    width: 100%
}

.student_wrap .btn_wrap + .h_title {
    margin-top: 26px
}

.student_wrap .h_title24 {
    margin-top: 31px;
    margin-bottom: 8px
}

.student_wrap .cert_img02 {
    max-width: 320px;
    padding: 0 6px;
    margin: 25px auto 0
}

.student_wrap .cert_img02 + .cert_img02 {
    margin-top: 15px
}

.student_wrap .cert_img02 img {
    width: 100%
}

.btn_interaction {
    display: none
}

.btn_next, .btn_next.hide {
    display: block
}

.pop_btn.type02 {
    padding-top: 16px
}

.pop_btn.type02 p {
    margin-bottom: 25px
}

.area_wrap {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.area_wrap > div {
    float: left;
    width: 187px
}

.area_wrap > div .txt {
    width: 57px
}

.area_wrap > div:first-child {
    width: 209px
}

.area_wrap > div:first-child .txt {
    width: 79px
}

.area_wrap .select_wrap {
    float: left;
    width: 130px;
    vertical-align: middle
}

.area_wrap .txt {
    float: left;
    height: 44px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 44px;
    color: #111;
    vertical-align: middle
}

.signature_wrap .h_title24 {
    margin: -17px 0 22px
}

.signature_wrap .tab_cont {
    margin-left: -250px
}

.signature_wrap .tab_cont .font_lg {
    padding-top: 36px;
    line-height: 1.35;
    text-align: center
}

.signature_wrap .pdl250 {
    padding-left: 250px
}

.signature_wrap .script_wrap {
    padding-top: 17px
}

.signature_wrap .work_info {
    margin-top: 10px
}

.signature_wrap .work_info .btn_wrap .btn {
    float: left
}

.signature_wrap .work_info .btn_wrap .btn + .btn {
    margin-left: 8px
}

.signature_wrap .preview_box {
    margin: 40px 0 20px
}

.signature_wrap .preview_box .s-card-image {
    position: relative;
    width: 360px;
    margin: 0 auto
}

.signature_wrap .preview_box .s-card-image.deep-dream span.img {
    background: url(/conts/images/contents/s-signature1.png);
    background-size: 360px 228px
}

.signature_wrap .preview_box .s-card-image.rpm span.img {
    background: url(/conts/images/contents/s-signature1.png);
    background-size: 360px 228px
}

.signature_wrap .preview_box span.img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 360px;
    height: 228px;
    margin: 0 auto;
    border-radius: 13px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.signature_wrap .preview_box span.img .s-dimd {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    left: 0;
    top: 0;
    opacity: 0.85
}

.signature_wrap .preview_box span.img .s-sign-font {
    position: absolute;
    right: 5%;
    bottom: 7%;
    font-size: 1.3125rem;
    color: #fff;
    font-family: 'signature2','signature1','ShinhanCard'
}

.signature_wrap .preview_box span.img .s-sign-font img {
    width: auto !important;
    height: 35px !important;
    border: 0
}

.stdt_txt {
    color: #333
}

.app_comp_wrap {
    width: 482px;
    margin: 0 auto 54px
}

.app_comp_wrap .card_area {
    position: relative;
    margin-top: 48px;
    text-align: center
}

.app_comp_wrap .card_area:after {
    content: '';
    position: absolute;
    left: 0;
    top: 153px;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.app_comp_wrap .card_area span.img {
    display: inline-block;
    overflow: hidden;
    border-radius: 13px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    vertical-align: middle
}

.app_comp_wrap .card_area span.img img {
    width: 360px;
    height: 228px
}

.app_comp_wrap p.title {
    position: relative;
    margin-top: -53px;
    font-weight: 700;
    font-size: 28px;
    color: #111;
    line-height: 1.62;
    text-align: center;
    letter-spacing: -0.02em
}

.app_comp_wrap p.title span {
    display: block
}

.app_comp_wrap p.desc {
    position: relative;
    margin-top: 13px;
    margin-bottom: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 1.5
}

.app_comp_wrap .marker_dot {
    margin-bottom: 13px
}

.app_comp_wrap .marker_dot + p {
    margin-bottom: 11px
}

.app_comp_wrap .card_area.vertical:after {
    top: 196px
}

.app_comp_wrap .card_area.vertical span.img {
    width: 228px;
    height: 360px
}

.app_comp_wrap .card_area.vertical span.img img {
    max-width: 360px;
    margin-top: 66px;
    margin-left: -66px;
    transform-origin: 50%;
    transform: rotate(90deg)
}

.app_comp_wrap .card_area.vertical + p.title {
    margin-top: -142px
}

.form_type .form_sub_tit {
    font-weight: 700;
    color: #111;
    margin: 13px 0 54px
}

#cardCompareAfter.compare_gapt {
    margin-top: 90px !important
}

.card_compare_wrap {
    position: fixed;
    top: 128px;
    left: 0;
    width: 100%;
    z-index: 40
}

.card_compare_wrap .top_banner {
    display: none;
    position: relative;
    z-index: 60;
    padding: 13px 0;
    background-image: linear-gradient(to top, #e5e8ef, #f2f4f8 20%);
    border-top: 1px solid #ebedf1;
    border-bottom: 1px solid #ebedf1;
    text-align: center
}

.card_compare_wrap .top_banner button {
    position: relative;
    font-weight: 700;
    color: #111
}

.card_compare_wrap .top_banner button::after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid #aaaaaa;
    border-bottom: 5px solid none;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    vertical-align: middle
}

.card_compare_wrap.opened .top_banner button:after {
    transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg)
}

.card_compare_wrap .top_banner button span.counting {
    margin: 0 3px 0 8px;
    padding: 0 9px;
    background: #fff;
    border: 1px solid #5980e5;
    border-radius: 15px;
    color: #5980e5
}

.card_compare_wrap.opened .banner_cont {
    display: block
}

.card_compare_wrap .banner_cont {
    position: relative;
    z-index: 50;
    display: none;
    padding: 30px 0;
    background: #f1f3f7
}

.card_compare_wrap .banner_cont .inner {
    width: 510px;
    margin: 0 auto
}

.card_compare_wrap .banner_cont .inner .noti_txt {
    margin-bottom: 40px;
    text-align: center
}

.card_compare_wrap.active .top_banner {
    display: block
}

.card_compare_wrap .banner_dimmed {
    display: none;
    opacity: 0;
    transition: all 0.3s ease
}

.card_compare_wrap .banner_cont {
    transform: translateY(-101%);
    transition: all 0.3s ease
}

.card_compare_wrap.opened .banner_cont {
    opacity: 1;
    transform: translateY(0)
}

.card_compare_wrap.opened .banner_dimmed {
    display: block;
    opacity: 1
}

.compare_card_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 250px
}

.compare_card_list:after {
    display: block;
    content: '';
    clear: both
}

.compare_card_list li {
    position: relative;
    width: 220px
}

.compare_card_list li + li {
    margin-left: 76px
}

.compare_card_list li .item {
    display: block;
    position: relative;
    text-align: center;
    z-index: 1
}

.compare_card_list li .card_img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    height: 215px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.compare_card_list li .card_img.hidden {
    display: none
}

.compare_card_list li .item .card_img .img {
    position: relative;
    display: inline-block
}

.compare_card_list li .item .card_img .img a {
    display: inline-block;
    width: 220px
}

.compare_card_list li .item .card_img .img img {
    width: 220px;
    border-radius: 8px;
    box-shadow: 2px 6px 15px -2px rgba(0, 0, 0, 0.3)
}

.compare_card_list li .item .card_img .img.vertical {
    transform-origin: 50%;
    transform: rotate(90deg)
}

.compare_card_list li .item .card_img .del {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 27px;
    overflow: hidden;
    background: url(/pconts/images/contents/card/ico_card_delete.png) no-repeat left top;
    text-indent: -9999px
}

.compare_card_list li .item .card_img .img.vertical .del {
    left: 0;
    right: initial
}

.compare_card_list li .item .card_img .tag {
    display: block;
    content: '';
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 2px 15px;
    background: #333333;
    color: #fff
}

.compare_card_list li .item .card_img .tag.best {
    background: #4e5b68
}

.compare_card_list li .item .card_img .tag.new {
    background: #4868e1
}

.compare_card_list li .item .card_info {
    display: block;
    margin: 62px auto 0;
    width: 160px
}

.compare_card_list li .item .card_info dt {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #333
}

.compare_card_list li .item .card_info dd {
    margin-top: 5px
}

.compare_card_list li .badge_wrap {
    position: absolute;
    width: 100%;
    margin-top: 30px
}

.compare_card_list li .card_img.no_data {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.compare_card_list li .card_add {
    display: block;
    position: relative;
    width: 220px;
    height: 140px;
    padding-top: 84px;
    border: 2px dashed #ddd;
    background: #f1f3f7;
    border-radius: 9px;
    color: #111;
    text-align: center
}

.compare_card_list li .card_add:before, .compare_card_list li .card_add:after {
    display: block;
    content: '';
    position: absolute;
    top: 55px;
    left: 50%;
    width: 26px;
    height: 2px;
    margin-left: -13px;
    background: #bbb
}

.compare_card_list li .card_add:after {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.card_compare_wrap .banner_cont .btn_wrap {
    padding-top: 30px
}

.card_compare_wrap .banner_dimmed {
    display: none
}

.card_compare_wrap.opened .banner_dimmed {
    display: block;
    position: fixed;
    top: 180px;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    background: rgba(0,0,0,0.7)
}

.pop_compare .compare_card_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    margin: 0 -30px;
    padding: 30px 0;
    background: #f2f4f8
}

.pop_compare .compare_card_list .item {
    position: relative;
    height: 100%;
    padding-bottom: 60px
}

.pop_compare .compare_card_list .item .btn_wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -41px
}

.pop_compare .compare_card_list .btn.rectangle {
    background: #fff
}

.pop_compare .card_detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0
}

.pop_compare .card_detail .detail_tit {
    width: 105px;
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.pop_compare .card_detail .detail_tit:not(:first-child), .pop_compare .card_detail .detail_cont:not(:nth-of-type(1)) {
    margin-top: 40px
}

.pop_compare .card_detail .detail_cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 105px)
}

.pop_compare .card_detail .detail_cont dl {
    width: 227px;
    padding-right: 30px
}

.pop_compare .card_detail .detail_cont dl + dl {
    border-left: 1px solid #ddd;
    padding-left: 60px;
    padding-right: 0
}

.pop_compare .card_detail .detail_cont dt {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -1px;
    border: 0 none !important;
    background: transparent !important;
    color: transparent !important
}

.pop_compare .card_detail .detail_cont .benefit_wrap li:not(:first-child) {
    margin-top: 15px
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item {
    position: relative;
    display: block;
    min-height: 39px;
    padding: 9px 0 9px 58px
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 39px;
    height: 39px;
    margin-top: -19px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 39px auto
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item01:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item01.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item02:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item02.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item03:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item03.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item04:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item04.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item05:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item05.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item06:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item06.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item07:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item07.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item08:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item08.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item09:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item09.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item10:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item10.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item11:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item11.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item12:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item12.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item13:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item13.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item14:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item14.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item15:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item15.png)
}

.pop_compare .card_detail .detail_cont .benefit_wrap .item16:before {
    background-image: url(/pconts/images/contents/card/ico_pop_compare_item16.png)
}

.card_compare_add {
    margin: 30px 0 20px 0;
    text-align: center;
    transition: all 0.3s ease
}

.card_compare_wrap.active + .card_compare_add {
    margin-top: 80px
}

.card_compare_add button {
    position: relative;
    width: 137px;
    height: 40px;
    padding-left: 45px;
    border-radius: 30px;
    box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.15);
    text-align: left;
    font-weight: 700;
    color: #333
}

.card_compare_add button::after {
    content: '';
    position: absolute;
    left: 20px;
    width: 17px;
    height: 20px;
    background: url(/pconts/images/contents/card/ico_card_add.png) no-repeat left top 1px
}

.card_detail {
    overflow: hidden
}

.card_detail .left_wrap {
    width: 50%;
    float: left
}

.card_detail .left_wrap.card_slider.no_swiper .nav-button-next, .card_detail .left_wrap.card_slider.no_swiper .swiper-pagination, .card_detail .left_wrap.card_slider.no_swiper .nav-button-prev {
    display: none
}

.card_detail .right_wrap {
    width: 50%;
    display: inline-block
}

.card_detail .card_name_wrap {
    position: relative;
    width: 50%;
    display: inline-block;
    padding: 0 76px 0 36px
}

.card_detail .card_name_wrap .card_name {
    margin: 20px 0 5px;
    font-size: 38px;
    font-weight: 700;
    color: #111;
    line-height: 1.25
}

.card_detail .card_name_wrap .card_name .btn_sns {
    position: absolute;
    right: 0px;
    top: 20px
}

.card_detail .card_name_wrap .card_name .btn_sns img {
    width: 33px
}

.card_detail .card_name_wrap .card_name .btn_card_add {
    position: absolute;
    right: 0px;
    top: 65px
}

.card_detail .card_name_wrap .card_name .btn_card_add img {
    width: 33px
}

.card_detail .card_name_wrap .sub_summery {
    margin: 15px 0 45px;
    font-size: 24px;
    color: #111;
    line-height: 1.25
}

.card_detail .left_wrap .swiper-container {
    width: 425px;
    margin: 0;
    background: url(/pconts/images/contents/card/bg_card_plate.png) no-repeat center 45px;
    padding: 75px 0 30px;
    height: 410px
}

.card_detail .left_wrap .swiper-container .swiper-wrapper {
    text-align: center
}

.card_detail .left_wrap .swiper-slide {
    height: 268px
}

.card_detail .left_wrap .swiper-slide img {
    width: 320px;
    margin-top: 10px;
    box-shadow: 2px 5px 15px 2px rgba(0, 0, 0, 0.3);
    border-radius: 15px
}

.card_detail .left_wrap .swiper-slide.vertical img {
    position: relative;
    top: 15px;
    width: 302px;
    margin: 0;
    box-shadow: 2px 5px 15px 2px rgba(0, 0, 0, 0.3);
    transform: rotate(90deg)
}

.card_detail .left_wrap .swiper-container .swiper-pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 25px 0 0 0;
    font-weight: 700;
    color: #999
}

.card_detail .left_wrap .swiper-container .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 3px solid #f6f6f6;
    background-color: #cccccc;
    opacity: 1;
    margin: 0 5px
}

.card_detail .left_wrap .swiper-container .swiper-pagination-bullet-active {
    border-color: #333;
    background-color: #f6f6f6
}

.card_detail .left_wrap .swiper-container .swiper-pagination-fraction {
    bottom: 34px;
    font-weight: 700;
    color: #999
}

.card_detail .left_wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-current {
    font-weight: 300;
    color: #111
}

.card_detail .left_wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-total {
    font-weight: 300
}

.card_detail .left_wrap .swiper-container .nav-button-prev, .card_detail .left_wrap .swiper-container .nav-button-next {
    position: absolute;
    z-index: 20;
    top: 40%;
    width: 28px;
    height: 36px;
    background: url('/pconts/images/common/ico_slideBtn_certi.png') no-repeat center center;
    background-size: 18px
}

.card_detail .left_wrap .swiper-container .nav-button-prev {
    left: 0;
    transform: rotate(180deg)
}

.card_detail .left_wrap .swiper-container .nav-button-next {
    right: 0
}

.card_detail .left_wrap .swiper-container .nav-button-prev.swiper-button-disabled, .card_detail .left_wrap .swiper-container .nav-button-next.swiper-button-disabled {
    opacity: 0.3
}

.card_detail .right_wrap {
    padding: 0 76px 0 36px
}

.card_detail .right_wrap .card_name {
    margin-top: 20px;
    height: 100px;
    font-size: 38px;
    font-weight: 700;
    color: #111;
    line-height: 1.25
}

.card_detail .right_wrap .card_name .btn_sns {
    position: absolute;
    right: 0;
    top: 20px
}

.card_detail .right_wrap .sub_summery {
    height: 100px;
    margin-top: 15px;
    font-size: 24px;
    color: #111;
    line-height: 1.25
}

.card_detail .right_wrap .benefits {
    margin-top: 15px
}

.card_detail .right_wrap .benefits li {
    padding-left: 67px;
    line-height: 37px;
    height: 37px;
    font-size: 18px;
    color: #333
}

.card_detail .right_wrap .benefits li + li {
    margin-top: 20px
}

.card_detail .right_wrap .benefits li > strong {
    font-weight: 700
}

.card_detail .right_wrap .benefits li[class*="icon"] {
    background-size: 37px auto;
    background-position: left top;
    background-repeat: no-repeat
}

.card_detail .right_wrap .benefits li.icon01 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_01.png)
}

.card_detail .right_wrap .benefits li.icon02 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_02.png)
}

.card_detail .right_wrap .benefits li.icon03 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_03.png)
}

.card_detail .right_wrap .benefits li.icon04 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_04.png)
}

.card_detail .right_wrap .benefits li.icon05 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_05.png)
}

.card_detail .right_wrap .benefits li.icon06 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_06.png)
}

.card_detail .right_wrap .benefits li.icon07 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_07.png)
}

.card_detail .right_wrap .benefits li.icon08 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_08.png)
}

.card_detail .right_wrap .benefits li.icon09 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_09.png)
}

.card_detail .right_wrap .benefits li.icon10 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_10.png)
}

.card_detail .right_wrap .benefits li.icon11 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_11.png)
}

.card_detail .right_wrap .benefits li.icon12 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_12.png)
}

.card_detail .right_wrap .benefits li.icon13 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_13.png)
}

.card_detail .right_wrap .benefits li.icon14 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_14.png)
}

.card_detail .right_wrap .benefits li.icon15 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_15.png)
}

.card_detail .right_wrap .benefits li.icon16 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_16.png)
}

.card_detail .right_wrap .benefits li.icon18 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_17.png)
}

.card_detail .right_wrap .benefits li.icon19 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_18.png)
}

.card_detail .right_wrap .benefits li.icon20 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_19.png)
}

.card_detail .right_wrap .benefits li.icon21 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_20.png)
}

.card_detail .right_wrap .benefits li.icon17 {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_21.png)
}

.card_accor_section {
    width: 830px;
    margin: 0 auto
}

.bank_list {
    margin-left: -10px
}

.bank_list li {
    width: 25%;
    float: left;
    display: inline-block;
    margin-top: 20px
}

.bank_list li > img {
    width: 20px;
    vertical-align: top
}

.bank_list li:nth-child(-n + 4) {
    margin-top: 0
}

.bank_list li {
    padding-left: 10px
}

.bank_list li span.bank_name {
    padding-left: 10px
}

.all_view > li {
    position: relative;
    margin-top: 10px
}

.all_view > li > a {
    display: block;
    min-height: 152px;
    padding: 30px 30px 30px 185px;
    background: #fff
}

.all_view > li .cont .title {
    display: block;
    position: relative;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #111
}

.all_view > li .cont .title::after {
    content: '';
    position: absolute;
    top: 9px;
    width: 8px;
    height: 8px;
    border: 0;
    margin-left: 5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.all_view > li .img_wrap {
    position: absolute;
    left: 28px;
    top: 20px
}

.all_view > li .img_wrap > img {
    width: 111px
}

.m_floatiing_box .btn_m_floating {
    display: none
}

.card_detail_tab.tab_type01 .tab_pull:before {
    left: 0;
    width: 100%
}

.benefit_cont_wrap {
    padding: 45px 0
}

.benefit_cont_wrap .tit_dep1 {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 700;
    color: #333
}

.benefit_cont_wrap .tit_dep2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.benefit_cont_wrap .tit_dep3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.benefit_cont_wrap p + .tit_dep2, .benefit_cont_wrap ul + .tit_dep2, .benefit_cont_wrap div + .tit_dep2 {
    margin-top: 50px
}

.benefit_cont_wrap p + .tit_dep3, .benefit_cont_wrap ul + .tit_dep3, .benefit_cont_wrap div + .tit_dep3 {
    margin-top: 30px
}

.benefit_cont_wrap p + .table_wrap, .benefit_cont_wrap ul + .table_wrap {
    margin-top: 16px
}

.benefit_cont_wrap [class*="marker_"] + .marker_refer, .benefit_cont_wrap .point_add + .marker_refer {
    margin-top: 10px
}

.benefit_cont_wrap p + .tbl_tit, .benefit_cont_wrap ul + .tbl_tit {
    margin-top: 16px
}

.benefit_cont_wrap .tbl_tit {
    margin-bottom: 10px;
    color: #333
}

.benefit_cont_wrap .tbl_tit + .table_wrap {
    margin-top: 13px
}

.benefit_cont_wrap .table_wrap {
    margin-bottom: 10px
}

.benefit_cont_wrap .table_wrap table thead th {
    font-weight: 400;
    text-align: center
}

.benefit_cont_wrap .point_add:after {
    display: block;
    content: '';
    clear: both
}

.benefit_cont_wrap .point_add dl {
    display: table;
    float: left;
    width: 320px;
    padding: 15px 20px;
    border: 1px solid #ddd;
    background: #f2f4f8
}

.benefit_cont_wrap .point_add dl:not(:first-child) {
    margin-left: 10px
}

.benefit_cont_wrap .point_add dl > * {
    display: table-cell
}

.benefit_cont_wrap .point_add dl dt {
    width: 60%;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.benefit_cont_wrap .point_add dl dd {
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    color: #4868e1
}

.benefit_cont_wrap .guidebook + [class*="tit_dep"] {
    margin-top: 30px
}

.benefit_cont_wrap .guidebook li {
    display: inline-block;
    margin-bottom: 4px
}

.benefit_cont_wrap .guidebook li + li {
    margin-right: 4px
}

.benefit_cont_wrap .guidebook .btn_download2 {
    display: inline-block;
    padding: 9px 40px 6px 15px;
    height: auto;
    font-size: 15px;
    line-height: 1.53;
    background: url(/pconts/images/contents/card/ico_guide_down.png) no-repeat right 15px center;
    background-size: 15px
}

.benefit_cont_wrap .guidebook .btn_download2:after {
    margin-left: 15px
}

.benefit_cont_wrap .guidebook .btn_download2:before {
    display: inline-block;
    content: '';
    width: 44px;
    height: 23px;
    margin: -1px 10px 0 0;
    background: url(/pconts/images/contents/card/img_carddetail_platinum_m.png) no-repeat left top;
    background-size: auto 21px;
    vertical-align: middle
}

.benefit_cont_wrap .guidebook .btn_download2.visa:before {
    background-position: 0 0
}

.benefit_cont_wrap .guidebook .btn_download2.master:before {
    background-position: -41px 0
}

.benefit_cont_wrap .guidebook .btn_download2.amex:before {
    background-position: -82px 0
}

.benefit_cont_wrap .guidebook .btn_download2.upi:before {
    background-position: -123px 0
}

.benefit_cont_wrap .guidebook .btn_download2.urs:before {
    background-position: -164px 0
}

.benefit_cont_wrap .guidebook .btn_download2.s:before {
    background-position: -205px 0
}

.benefit_cont_wrap .guidebook .btn_download2.jcb:before {
    background-position: -246px 0
}

.benefit_cont_wrap .guidebook .btn_download2.kor:before {
    background-position: -287px 0
}

.benefit_cont_wrap .guidebook .download_two {
    display: inline-block;
    padding: 9px 40px 6px 15px;
    height: auto;
    line-height: 1.53;
    border: 1px solid #bbb;
    border-radius: 3px;
    background: #fff;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    background: url(/pconts/images/contents/card/ico_guide_down.png) no-repeat right 15px center;
    background-size: 15px
}

.benefit_cont_wrap .guidebook .download_two:after {
    margin-left: 15px
}

.benefit_cont_wrap .guidebook .download_two .btn_download2 {
    display: inline-block;
    padding: 0;
    border: none
}

.benefit_cont_wrap .guidebook .download_two .btn_download2::before {
    margin: -1px 0 0 0
}

.benefit_cont_wrap .guidebook .btn_download3.urs {
    background-position: -164px 0
}

.benefit_cont_wrap .card_benefit_banner {
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 30px
}

.benefit_cont_wrap .card_benefit_banner:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    border: 3px solid #4868e1;
    z-index: 0
}

.benefit_cont_wrap .card_benefit_banner .inner {
    position: relative;
    width: calc(100% - 25px);
    padding: 45px 50px;
    background: #f1f3f7;
    z-index: 1
}

.benefit_cont_wrap .card_benefit_banner .inner:before {
    display: block;
    content: '';
    position: absolute;
    left: -2px;
    top: 9px;
    width: 27px;
    height: 3px;
    background: #4868e1;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.benefit_cont_wrap .card_benefit_banner .inner .tit {
    display: block;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 700;
    color: #4868e1
}

.benefit_cont_wrap .card_benefit_banner .inner .tit .small_block {
    display: block;
    font-size: 20px
}

.benefit_cont_wrap .card_benefit_banner .inner .txt {
    font-size: 16px;
    color: #4868e1
}

.accordion_wrap.btm_line.card_detail {
    border-color: #ddd
}

.accordion_wrap.btm_line.card_detail + ul {
    font-size: 16px
}

.accordion_header button.acc_btn.card_detail, .accordion_header a[role="button"].acc_btn.card_detail {
    border: none
}

.accordion_header button.acc_btn.card_detail .acc_title > img {
    width: 24px;
    margin-right: 10px
}

.accordion_header.on + .accordion_body.annual {
    max-height: 181px;
    overflow-y: auto
}

.pop_sns_wrap .sns_pop {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 13px;
    padding-bottom: 25px
}

.pop_sns_wrap .sns_pop:after {
    display: none
}

.pop_sns_wrap .sns_pop {
    margin: 0 -10px
}

.pop_sns_wrap .sns_pop li {
    display: inline-block;
    text-align: center;
    width: 89px
}

.pop_sns_wrap .sns_pop li > button {
    width: 65px;
    height: 65px;
    overflow: visible;
    background: no-repeat center center #4e5b68;
    background-size: 40px 40px;
    border-radius: 50%
}

.pop_sns_wrap .sns_pop li > button.sns_kakao {
    background-image: url(/pconts/images/common/sns_kakao.png)
}

.pop_sns_wrap .sns_pop li > button.sns_line {
    background-image: url(/pconts/images/common/sns_line.png)
}

.pop_sns_wrap .sns_pop li > button.sns_facebook {
    background-image: url(/pconts/images/common/sns_facebook.png)
}

.pop_sns_wrap .sns_pop li > button.sns_twitter {
    background-image: url(/pconts/images/common/sns_twitter.png)
}

.pop_sns_wrap .sns_pop li > button.sns_sms {
    background-image: url(/pconts/images/common/sns_sms.png)
}

.pop_sns_wrap .sns_pop li > button.sns_link {
    background-image: url(/pconts/images/common/sns_link.png)
}

.pop_sns_wrap .sns_pop li > button span {
    display: block;
    padding-top: 82px;
    color: #111
}

.pop_annual_wrap {
    padding: 0 30px
}

.pop_annual_wrap .logo_tit {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.pop_annual_wrap .logo_tit > img {
    width: 45px
}

.pop_annual_wrap .logo_tit span {
    margin-left: 15px
}

.pop_annual_wrap .annual_tbl th {
    padding: 15px 0 8px;
    color: #333
}

.pop_annual_wrap .annual_tbl td {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    vertical-align: baseline
}

.pop_annual_wrap .annual_tbl td.point {
    font-size: 26px
}

.map_area_wrap .map_list li {
    width: 50%;
    float: left
}

.map_area_wrap .map_list li:nth-child(even) > div {
    margin-right: 0
}

.map_area_wrap .map_list li > div {
    height: 118px;
    padding: 30px;
    margin: 0 8px 8px 0;
    border-radius: 3px;
    border: 1px solid #ddd
}

.map_area_wrap .map_list li .space {
    width: 82%;
    display: inline-block;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding-bottom: 10px
}

.map_area_wrap .map_list.big li > div {
    height: 142px
}

.map_btn li {
    display: inline-block;
    margin-bottom: 5px
}

.table_wrap.type01 {
    width: 100%;
    border-top: 0;
    border-bottom: 0;
    table-layout: fixed
}

.table_wrap.type01 thead th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    text-align: center
}

.table_wrap.type01 tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    text-align: center
}

.table_wrap.type01 tbody tr:first-child td {
    padding-top: 20px
}

.table_wrap.type01 .ico_brand {
    display: inline-block;
    width: 44px;
    height: 23px;
    vertical-align: middle
}

.table_wrap.type01 .ico_brand img {
    width: 44px;
    height: 23px
}

.info_col {
    overflow: hidden;
    margin-top: 10px
}

.info_col ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 -5px
}

.info_col ul li {
    flex: 1;
    width: 33.33%;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #f2f4f8;
    vertical-align: top
}

.info_col ul li > div {
    padding: 16px 5px 14px;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-align: center
}

.service_step {
    overflow: hidden;
    display: table;
    width: 100%;
    margin-bottom: 16px
}

.service_step li {
    display: table-cell;
    position: relative;
    width: 155px;
    text-align: center;
    vertical-align: top
}

.service_step li > div {
    width: 100%;
    height: 175px;
    padding: 30px 10px 20px;
    border-radius: 5px;
    background-color: #f2f4f6
}

.service_step li > div .icon_box {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-position: center center;
    background-size: 60px auto !important
}

.service_step li > div p {
    margin-top: 15px;
    font-weight: 700;
    color: #333;
    line-height: 1.54
}

.service_step li.arrow {
    width: 120px
}

.service_step li.arrow:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 57px;
    width: 9px;
    height: 9px;
    margin-left: -8px;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.service_step li.arrow p {
    padding-top: 106px
}

.tit_dep2 + .service_step {
    margin-top: -6px
}

.service_used {
    position: relative;
    margin-bottom: 22px
}

.service_used ul {
    width: 480px
}

.service_used ul li {
    display: table;
    position: relative;
    width: 100%;
    padding-top: 37px
}

.service_used ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 11px;
    width: 9px;
    height: 9px;
    margin: 0 0 0 -1px;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.service_used ul li:first-child {
    padding-top: 0
}

.service_used ul li:first-child:before {
    display: none
}

.service_used ul li > div {
    display: table-cell;
    position: relative;
    padding: 14px 20px 14px;
    border-radius: 5px;
    background-color: #f2f4f6;
    vertical-align: middle
}

.service_used ul li p {
    font-weight: 700;
    color: #333;
    line-height: 1.67
}

.service_used ul li span {
    line-height: 1.66
}

.service_used ul li.aside {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 480px;
    padding-top: 148px;
    text-align: center
}

.service_used ul li.aside:before {
    display: none
}

.service_used ul li.aside > div {
    display: block;
    padding: 0;
    background-color: transparent
}

.service_used ul li.aside > div:before {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: -121px;
    width: 261px;
    height: 121px;
    border: 1px solid #ddd;
    border-bottom-width: 0;
    border-left-width: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

.service_used ul li.aside > div:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 64px;
    width: 195px;
    border-top: 1px solid #ddd
}

.service_used ul li.aside i.ico:before, .service_used ul li.aside i.ico:after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.service_used ul li.aside i.ico:before {
    left: -18px;
    top: 60px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.service_used ul li.aside i.ico:after {
    left: 236px;
    top: -11px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.service_used ul li.aside p {
    margin: 14px 0 9px
}

.service_used .ico.nice {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background: url(/pconts/images/contents/card/logo_nice.png) no-repeat left top;
    background-size: 130px 130px
}

.service_used .marker_refer {
    margin: 8px 0 0 15px
}

.pop_wrap .swiper_tabCont .bg_gray {
    margin: 0 !important;
    padding: 0 !important
}

.design_card_wrap {
    padding: 13px 23px 0 24px
}

.design_card_wrap ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.design_card_wrap ul li {
    width: 286px;
    margin: 32px 13px 0 12px
}

.design_card_wrap ul li img {
    width: 286px;
    height: 180px
}

.design_card_wrap ul li p {
    margin-top: 11px
}

.talbe_counting {
    float: right;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400
}

.font_md05.sub_txt {
    color: #333
}

.check_list02 label span:before {
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: transparent
}

.check_list02 label span.ico_traffic:before {
    background-image: url(/pconts/images/contents/card/ico_list_taxi.png)
}

.check_list02 label span.ico_department:before {
    background-image: url(/pconts/images/contents/card/ico_list_department.png)
}

.check_list02 label span.ico_coffee:before {
    background-image: url(/pconts/images/contents/card/ico_combo_coffe.png)
}

.check_list02 label span.ico_bakery:before {
    background-image: url(/pconts/images/contents/card/ico_combo_bakery.png)
}

.check_list02 label span.ico_store:before {
    background-image: url(/pconts/images/contents/card/ico_combo_store.png)
}

.check_list02 label span.ico_movie:before {
    background-image: url(/pconts/images/contents/card/ico_combo_movie.png)
}

.check_list02 label span.ico_social:before {
    background-image: url(/pconts/images/contents/card/ico_list_social.png)
}

.check_list02 label span.ico_discount:before {
    background-image: url(/pconts/images/contents/card/ico_list_discount.png)
}

.check_list02 label span.ico_online:before {
    background-image: url(/pconts/images/contents/card/ico_list_online.png)
}

.check_list02 label span.ico_tel:before {
    background-image: url(/pconts/images/contents/card/ico_list_tel.png)
}

.check_list02 label span.ico_edu:before {
    background-image: url(/pconts/images/contents/card/ico_list_edu.png)
}

.check_list02 label span.ico_homeshopping:before {
    background-image: url(/pconts/images/contents/card/ico_list_homeshopping.png)
}

.check_list02 label span.ico_hospital:before {
    background-image: url(/pconts/images/contents/card/ico_list_hospital.png)
}

.check_list02 label span.ico_food:before {
    background-image: url(/pconts/images/contents/card/ico_combo_family.png)
}

.check_list02 label span.ico_oil:before {
    background-image: url(/pconts/images/contents/card/ico_list_oil.png)
}

.check_list02 label span.ico_beauty:before {
    background-image: url(/pconts/images/contents/card/ico_list_beauty.png)
}

.check_list02 label span.ico_sports:before {
    background-image: url(/pconts/images/contents/card/ico_list_sports.png)
}

.check_list02 label span.ico_book:before {
    background-image: url(/pconts/images/contents/card/ico_list_book.png)
}

.check_list02 label span.ico_travel:before {
    background-image: url(/pconts/images/contents/card/ico_list_travel.png)
}

.check_list02 label span.ico_hotelclub:before {
    background-image: url(/pconts/images/contents/card/ico_list_hotelclub.png)
}

.check_list02 label span.ico_mobile:before {
    background-image: url(/pconts/images/contents/card/ico_list_mobile.png)
}

.choice_title {
    padding: 17px 30px !important;
    text-align: left !important
}

input[type="radio"]:checked + .choice_title {
    padding: 16px 29px !important
}

.choice_title > p {
    padding-bottom: 10px;
    border-bottom: solid 1px #eee
}

.choice_title .service_list {
    margin-top: 15px;
    width: 100%;
    height: auto
}

.choice_title .service_list li {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.choice_title .service_list li:last-child {
    margin-left: 0 !important;
    margin-bottom: 0
}

.choice_title .service_list li > div::before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background-size: 39px
}

.choice_title .service_list div {
    float: left;
    width: 39px;
    height: 39px;
    margin-right: 22px
}

.choice_title .service_list p {
    float: left;
    width: calc(100% - 61px);
    color: #111
}

.choice_title .service_list .service_text1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px
}

.choice_title .service_list .service_text2 {
    font-size: 13px;
    font-weight: 400
}

.ico_store:before {
    background: url(/pconts/images/contents/card/ico_combo_store.png)no-repeat
}

.ico_commuicate:before {
    background: url(/pconts/images/contents/card/ico_list_tel.png)no-repeat
}

.ico_taxi:before {
    background: url(/pconts/images/contents/card/ico_list_taxi.png)no-repeat
}

.ico_bakery:before {
    background: url(/pconts/images/contents/card/ico_combo_bakery.png)no-repeat
}

.ico_sale:before {
    background: url(/pconts/images/contents/card/ico_list_discount.png)no-repeat
}

.ico_hospital:before {
    background: url(/pconts/images/contents/card/ico_list_hospital.png)no-repeat
}

.ico_mall:before {
    background: url(/pconts/images/contents/card/ico_list_online.png)no-repeat
}

.ico_shopping:before {
    background: url(/pconts/images/contents/card/ico_list_homeshopping.png)no-repeat
}

.choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span {
    padding: 15px 15px
}

.choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"]:checked + span {
    padding: 14px 15px
}

.choice_list ul li span i {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 13px;
    margin-top: 4px
}

.choice_icon_gs {
    background: url(/pconts/images/contents/card/ico_choice_gs.png)no-repeat center;
    background-size: 116px 40px
}

.choice_icon_skenergy {
    background: url(/pconts/images/contents/card/ico_choice_skenergy.png)no-repeat center;
    background-size: 116px 40px
}

.choice_icon_hyundai {
    background: url(/pconts/images/contents/card/ico_choice_hyundaioil.png)no-repeat center;
    background-size: 116px 40px
}

.choice_icon_soil {
    background: url(/pconts/images/contents/card/ico_choice_soil.png)no-repeat center;
    background-size: 116px 40px
}

.card_design_wrap .cd_item + .cd_item {
    margin-top: 40px
}

.card_design_wrap label {
    display: inline-block;
    position: relative;
    width: 286px;
    vertical-align: middle
}

.card_design_wrap label .img {
    display: block;
    width: 286px;
    height: 179px
}

.card_design_wrap label .img img {
    width: 286px;
    height: 179px;
    border-radius: 13px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.card_design_wrap label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.card_design_wrap label input[type="radio"] + span {
    display: inline-block;
    position: relative;
    min-height: 26px;
    padding: 1px 0 0 35px;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    vertical-align: middle
}

.card_design_wrap label input[type="radio"] + span:before, .card_design_wrap label input[type="radio"] + span:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%
}

.card_design_wrap label input[type="radio"] + span:before {
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    background-color: #fff
}

.card_design_wrap label input[type="radio"] + span:after {
    display: none;
    left: 6px;
    top: 6px;
    width: 14px;
    height: 14px;
    background-color: #4868e1
}

.card_design_wrap label input[type="radio"]:checked + span:after {
    display: block
}

.recommend_benefit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 60px;
    padding: 65px 0
}

.recommend_benefit.bg_gray {
    background-color: #f2f4f8
}

.recommend_benefit > * {
    flex: 1
}

.recommend_benefit .benefit_item {
    padding: 0 70px 0 146px
}

.recommend_benefit .benefit_item:first-child {
    position: relative
}

.recommend_benefit .benefit_item:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #fff
}

.recommend_benefit .benefit_item dt {
    position: relative;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
    color: #333
}

.recommend_benefit .benefit_item dt .num {
    position: absolute;
    left: -77px;
    top: 0;
    font-size: 50px;
    font-weight: 900;
    color: #aab6ed;
    line-height: 1
}

.recommend_benefit .benefit_item dd:not(:first-child) {
    margin-top: 15px
}

.shcard_method_wrap .marker_dot {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd
}

.pop_wrap .pop_cont .send {
    width: 294px;
    float: right;
    padding: 30px;
    background: #f2f4f8;
    border-radius: 30px 0 30px 30px
}

.pop_wrap .pop_cont .send .tit {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700
}

.pop_wrap .pop_cont .send ul {
    position: relative
}

.pop_wrap .pop_cont .send ul li {
    padding: 20px 0 0 10px;
    font-size: 14px;
    letter-spacing: -0.3px
}

.pop_wrap .pop_cont .send ul li::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    margin-top: 7px;
    background: #333;
    left: 0;
    border-radius: 50%
}

.pop_wrap .pop_cont .accept {
    clear: both
}

.find_card_wrap .swipe_page_wrap {
    position: relative;
    min-height: 462px;
    margin-bottom: 46px;
    overflow: hidden;
    transition: all 0.25s ease
}

.find_card_wrap .find_section {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1
}

.find_card_wrap .find_section.active {
    display: block;
    transition: transform 0.3s ease
}

.find_card_wrap .find_section.before_sec, .find_card_wrap .find_section.current_sec, .find_card_wrap .find_section.after_sec {
    display: block;
    z-index: 10;
    opacity: 1
}

.find_card_wrap .find_section.current_sec {
    z-index: 11
}

.find_card_wrap .find_section.before_sec {
    transform: translateX(-110%)
}

.find_card_wrap .find_section.after_sec {
    transform: translateX(110%)
}

.find_card_wrap .find_section .sec_tit {
    font-size: 60px;
    line-height: 70px;
    color: #333
}

.find_card_wrap .find_section .sec_sub_tit {
    font-size: 28px;
    line-height: 32px;
    color: #333
}

.find_card_wrap .find_section .sec_sub_tit + .sec_tit {
    padding-top: 15px
}

.find_card_wrap .find_section .sec_con {
    padding: 90px 0 60px;
    text-align: center
}

.find_card_wrap .btn_wrap .btn.hidden {
    display: none
}

.radio_wrap.chk_ico {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.radio_wrap.chk_ico li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none
}

.radio_wrap.chk_ico li:not(:first-child) {
    margin-left: 20px
}

.radio_wrap.chk_ico .radio_btn:first-child input[type="radio"] + span {
    border-left: none
}

.radio_wrap.chk_ico .radio_btn:first-child input[type="radio"] + span {
    width: 313px;
    padding: 50px 10px;
    border: 2px solid #fff;
    transition: none
}

.radio_wrap.chk_ico .radio_btn:first-child input[type="radio"]:checked + span {
    padding: 50px 10px
}

.radio_wrap.chk_ico .radio_btn input[type="radio"]:focus + span {
    box-shadow: 0 0 0 2px rgba(72,104,225, 0.5)
}

.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span {
    border: 2px solid #4868e1;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.15)
}

.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span:after {
    display: block;
    content: '';
    position: absolute;
    right: 18px;
    top: 18px;
    width: 22px;
    height: 22px;
    background: url(/pconts/images/contents/card/ico_check_on.png) no-repeat left top
}

.radio_wrap.chk_ico .radio_btn input[type="radio"] + span em {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 20px;
    color: #333
}

.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span em {
    color: #4868e1
}

.radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #111
}

.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span .sub_txt {
    color: #333
}

.radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt span.block {
    display: block
}

.radio_wrap.chk_ico.col4 li {
    width: 230px
}

.radio_wrap.chk_ico.select_list, .radio_wrap.chk_ico.select_list li {
    position: relative
}

.radio_wrap.chk_ico.select_list li:not(:first-child):before {
    display: block;
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    width: 1px;
    height: 111px;
    margin-top: -55px;
    background: #eee;
    z-index: 1
}

.radio_wrap.chk_ico.select_list li.on:before, .radio_wrap.chk_ico.select_list li.on + li:before {
    display: none
}

.radio_wrap.chk_ico.select_list.col4 li:not(:first-child):before {
    left: -10px
}

.radio_wrap.chk_ico.select_list.col4 li.on:before, .radio_wrap.chk_ico.select_list.col4 li.on + li:before {
    display: none;
    left: -10px
}

.radio_wrap.chk_ico.select_list .has_ico [class*="ico"] {
    width: 40px;
    height: 40px;
    background-color: transparent !important;
    background-position: 0 0;
    background-repeat: no-repeat
}

.radio_wrap.chk_ico.select_list .has_ico .ico1 {
    background-image: url(/pconts/images/contents/card/ico_findcard01.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico2 {
    background-image: url(/pconts/images/contents/card/ico_findcard02.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico3 {
    background-image: url(/pconts/images/contents/card/ico_findcard03.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico4 {
    background-image: url(/pconts/images/contents/card/ico_findcard04.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico5 {
    background-image: url(/pconts/images/contents/card/ico_findcard05.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico6 {
    background-image: url(/pconts/images/contents/card/ico_findcard06.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico7 {
    background-image: url(/pconts/images/contents/card/ico_findcard07.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico8 {
    background-image: url(/pconts/images/contents/card/ico_findcard08.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico9 {
    background-image: url(/pconts/images/contents/card/ico_findcard09.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico10 {
    background-image: url(/pconts/images/contents/card/ico_findcard10.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico11 {
    background-image: url(/pconts/images/contents/card/ico_findcard11.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico12 {
    background-image: url(/pconts/images/contents/card/ico_findcard12.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico13 {
    background-image: url(/pconts/images/contents/card/ico_findcard13.png);
    background-size: 40px 40px
}

.radio_wrap.chk_ico.select_list .has_ico .ico14 {
    background-image: url(/pconts/images/contents/card/ico_findcard14.png);
    background-size: 40px 40px
}

.find_card_result {
    padding-top: 60px
}

.find_card_result .result_list {
    border-top: 1px solid #ddd
}

.find_card_result .result_list .item {
    width: 100%;
    padding: 50px 68px;
    border-bottom: 1px solid #ddd
}

.find_card_result .result_list .item a {
    display: block
}

.find_card_result .result_list .item > * {
    vertical-align: top
}

.find_card_result .result_list .item:after {
    display: block;
    content: '';
    clear: both
}

.find_card_result .result_list .item .card_img {
    width: 270px;
    float: left
}

.find_card_result .result_list .item .card_img img {
    display: block;
    width: 270px
}

.find_card_result .result_list .item.vertical .card_img {
    margin-top: 100px;
    margin-bottom: 100px;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.find_card_result .result_list .item.vertical .card_img img {
    margin-bottom: -100px
}

.find_card_result .result_list .item .card_name_wrap, .find_card_result .result_list .item .card_info {
    float: right;
    width: calc(100% - 270px);
    padding-left: 80px
}

.find_card_result .result_list .item .card_name_wrap .badge_wrap {
    margin-bottom: 5px
}

.find_card_result .result_list .item .card_name_wrap .tag {
    margin-bottom: 5px
}

.find_card_result .result_list .item .card_name_wrap .tag span {
    display: inline-block;
    color: #111;
    font-size: 15px
}

.find_card_result .result_list .item .card_name_wrap .tag span:before {
    display: inline;
    content: '#'
}

.find_card_result .result_list .item .card_name_wrap .tag span:not(:first-child) {
    margin-left: 10px
}

.find_card_result .result_list .item .card_name_wrap .card_name {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #111
}

.find_card_result .result_list .item .card_info .card_detail {
    width: 100%
}

.find_card_result .result_list .item .card_info .card_detail:after {
    display: block;
    content: '';
    clear: both
}

.find_card_result .result_list .item .card_info .card_detail > * {
    float: left;
    font-size: 16px;
    line-height: 24px
}

.find_card_result .result_list .item .card_info .card_detail dt {
    width: 128px;
    color: #333
}

.find_card_result .result_list .item .card_info .card_detail dd {
    width: calc(100% - 128px);
    padding-left: 12px;
    color: #999
}

.find_card_result .result_list .item .card_info .card_detail dt:not(:nth-of-type(1)), .find_card_result .result_list .item .card_info .card_detail dd:not(:nth-of-type(1)) {
    margin-top: 10px
}

.card_combo .combo_item_list ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px
}

.card_combo .combo_item_list ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px
}

.card_combo .combo_item_list ul li .combo_item {
    box-sizing: border-box;
    display: block;
    width: 129px;
    height: 114px;
    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    color: #111
}

.card_combo .combo_item_list ul li .combo_item.is-disable-modal-tags {
    border: 1px solid #4868e1;
    color: #4868e1
}

.card_combo .combo_item_list ul li .combo_item .ico {
    display: inline-block;
    width: 39px;
    height: 39px;
    background-color: #eee;
    vertical-align: top
}

.card_combo .combo_item_list ul li .combo_item em {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    font-size: 15px;
    line-height: 1.5;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.card_combo .combo_list .check_wrap.type_grid, .card_combo .combo_list .radio_wrap.type_grid {
    display: block;
    width: 100%
}

.card_combo .combo_list .check_wrap.type_grid ul li, .card_combo .combo_list .radio_wrap.type_grid ul li {
    box-sizing: border-box;
    float: none !important;
    width: 133px;
    height: 118px;
    margin: 0 !important
}

.card_combo .combo_list .check_table_wrap .check_wrap .check_btn, .card_combo .combo_list .check_table_wrap .radio_wrap .radio_btn {
    display: table
}

.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 44px;
    padding: 6px 5px 5px
}

.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span {
    padding-top: 5px
}

.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span {
    padding: 10px 10px 10px 15px;
    text-align: left
}

.card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-content: flex-start
}

.card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span em span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em span {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 15px
}

.card_combo .combo_list .check_wrap.type_grid .ico, .card_combo .combo_list .radio_wrap.type_grid .ico {
    display: inline-block;
    width: 39px;
    height: 39px;
    margin-top: 8px;
    background-color: #eee;
    vertical-align: top
}

.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {
    padding: 6px 0 3px;
    font-size: 15px
}

.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span em {
    padding-top: 7px
}

.card_combo .form_ele.btn_wrap {
    margin-top: 0
}

.card_combo .seleted_combo {
    padding-bottom: 10px
}

.card_combo .seleted_combo .sch_result {
    margin-bottom: 10px;
    padding: 20px
}

.card_combo .seleted_combo .sch_result dl {
    padding-top: 38px;
    font-size: 16px;
    color: #333
}

.card_combo .seleted_combo .sch_result dl::after {
    content: '';
    display: block;
    clear: both
}

.card_combo .seleted_combo .sch_result dl dt {
    float: left
}

.card_combo .seleted_combo .sch_result dl dd {
    float: right
}

.card_combo .seleted_combo .sch_result .btn_del {
    top: 20px;
    right: 20px
}

.card_combo .total_payment {
    border-top: 1px solid #ddd
}

.card_combo .total_payment dl {
    padding: 20px;
    font-size: 18px;
    color: #333
}

.card_combo .total_payment dl::after {
    content: '';
    display: block;
    clear: both
}

.card_combo .total_payment dt {
    float: left
}

.card_combo .total_payment dd {
    float: right
}

.occupied_combo_date {
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.occupied_combo {
    border-top: 1px solid #333;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
    padding: 26px 0
}

.occupied_combo_list li {
    padding-bottom: 60px
}

.occupied_combo_list li:last-child {
    padding-bottom: 0
}

.occupied_combo_list li::after {
    content: '';
    display: block;
    clear: both
}

.occupied_combo_list .info {
    display: inline-block;
    vertical-align: middle
}

.occupied_combo_list .info span::after {
    content: '|';
    display: inline-block;
    padding: 0 5px 0 8px;
    color: #ddd
}

.occupied_combo_list .info span:last-child::after {
    display: none
}

.occupied_combo_list em {
    display: inline-block;
    padding-left: 60px;
    vertical-align: middle
}

.occupied_combo_list em.price {
    float: right
}

.occupied_combo_list.gift {
    padding-top: 0
}

.occupied_combo_list.gift li {
    padding-bottom: 0
}

.occupied_combo_list.gift li:first-child {
    border-top: 1px solid #bbb
}

.occupied_combo_list.gift .occupied_combo {
    border-top: 0 none;
    margin-bottom: 0
}

.card_combo .accordion_wrap.accordion_check dd .btn_check_pop {
    position: absolute;
    top: 3px;
    right: 20px;
    font-size: 13px;
    text-decoration: underline;
    color: #111
}

.card_combo .accordion_wrap.accordion_check dd {
    padding: 11px 0
}

.card_combo .combo_sub_title {
    display: block
}

.card_combo .combo_sub_title span {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    color: #333
}

.card_combo .combo_sub_title span:last-child::before {
    content: '|';
    display: inline-block;
    padding: 0 10px 0 8px;
    color: #ddd
}

.card_combo .check_occupied_combo {
    margin-top: 12px
}

.card_combo .check_occupied_combo .accordion_header {
    margin-bottom: 44px
}

.card_combo .check_occupied_combo .accordion_header.on {
    margin-bottom: 0
}

.card_combo .check_occupied_combo .accordion_header.on + .accordion_body {
    margin-bottom: 60px
}

.card_combo .check_occupied_combo .accordion_header button.acc_btn, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn {
    border-top: 0 none;
    padding: 14px 0 16px
}

.card_combo .check_occupied_combo .accordion_header button.acc_btn.on, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn.on {
    border-top: 0 none
}

.card_combo .check_occupied_combo .accordion_header button.acc_btn.on:after, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn.on:after {
    top: 23px
}

.card_combo .check_occupied_combo .accordion_body {
    padding-top: 14px
}

.card_combo .combo_result_list {
    border-top: 2px solid #333
}

.card_combo .combo_result {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 20px
}

.card_combo .combo_result .row::after {
    content: '';
    display: block;
    clear: both
}

.card_combo .combo_result .row dl:nth-child(odd) {
    float: left
}

.card_combo .combo_result .row dl:nth-child(even) {
    float: right
}

.card_combo .combo_result .row:first-child {
    padding-bottom: 15px
}

.card_combo .combo_result .row:first-child dl:first-child dd {
    font-size: 16px;
    color: #111
}

.card_combo .combo_result .row:first-child dl:last-child dd {
    font-size: 18px;
    color: #111
}

.card_combo .combo_result .row:last-child dl:first-child dd {
    font-size: 13px;
    color: #111
}

.card_combo .combo_result .row:last-child dl:last-child dd {
    font-size: 13px;
    color: #111
}

.card_combo .form_type .form_ele .ele_tit.row {
    padding-top: 0;
    margin-top: -5px
}

.combo_list .radio_wrap.type_btn li .radio_btn {
    display: flex !important
}

.popup .occupied_combo {
    border-top: 0 none;
    margin-bottom: 0
}

.popup .occupied_combo_list ul {
    border-top: 1px solid #333
}

.popup .occupied_combo_list li {
    padding-bottom: 0
}

.popup .pop_combo_list {
    padding-top: 4px;
    padding-bottom: 30px;
    text-align: center
}

.popup .pop_combo_list .pop_logo_area {
    padding-bottom: 10px
}

.popup .pop_combo_list .pop_logo_area img {
    width: 100px
}

.popup .pop_combo_list .pop_logo_area img.icon {
    width: 60px
}

.popup .pop_combo_list .multi_logo li .pop_logo_area img {
    width: 72px
}

.popup .pop_combo_list ul {
    display: inline-block
}

.popup .pop_combo_list ul::after {
    content: '';
    display: block
}

.popup .pop_combo_list ul li {
    box-sizing: border-box;
    float: left;
    padding: 0 27px
}

.popup .pop_combo_list .img_wrap {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 20px
}

.popup .pop_combo_list .img_wrap img {
    display: block;
    width: 100%;
    height: 100%;
    background: red
}

.popup .pop_combo_list span {
    display: block;
    line-height: 20px
}

.popup .pop_shopping_list {
    padding-top: 4px;
    padding-bottom: 30px
}

.popup .pop_shopping_list ul {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 50% 50%
}

.popup .pop_shopping_list .img_wrap {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 30px
}

.popup .pop_shopping_list .img_wrap img {
    display: block;
    width: 100%;
    height: 100%;
    background: red
}

.popup .pop_shopping_list .marker_dot > li:first-child {
    margin-top: 7px
}

.popup .combo_result_detail {
    margin-top: 30px
}

.popup .combo_result_detail.df_list_wrap .df_list .item.con {
    width: calc(100% - 220px)
}

.ico_combo_donut {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_donut.png)no-repeat left bottom / 39px auto
}

.ico_combo_store {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_store.png)no-repeat left bottom / 39px auto
}

.ico_combo_coffe {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_coffe.png)no-repeat left bottom / 39px auto
}

.ico_combo_bakery {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_bakery.png)no-repeat left bottom / 39px auto
}

.ico_combo_icecream {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_icecream.png)no-repeat left bottom / 39px auto
}

.ico_combo_movie {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_movie.png)no-repeat left bottom / 39px auto
}

.ico_combo_pizza {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_pizza.png)no-repeat left bottom / 39px auto
}

.ico_combo_family {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_family.png)no-repeat left bottom / 39px auto
}

.ico_combo_app {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_app.png)no-repeat left bottom / 39px auto
}

.ico_combo_buy {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_buy.png)no-repeat left bottom / 39px auto
}

.ico_combo_money {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_combo_money.png)no-repeat left bottom / 39px auto
}

.ico_combo_golf {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/pconts/images/contents/card/ico_list_sports.png)no-repeat left bottom / 39px auto
}

.ico_speed {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_speed.png)no-repeat left bottom
}

.ico_auto {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_auto.png)no-repeat left bottom
}

.ico_mad {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_mad.png)no-repeat left bottom
}

.ico_lotte_world {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_lotte.png)no-repeat left bottom
}

.ico_lotte_cinema {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_lottecinema.png)no-repeat left bottom
}

.ico_genie {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_genie.png)no-repeat left bottom
}

.ico_skplanet {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_skplanet.png)no-repeat left bottom
}

.ico_arum {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_areum.png)no-repeat left bottom
}

.ico_gift {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_gift.png)no-repeat left bottom
}

.ico_gs_caltex {
    display: inline-block;
    width: 82px;
    height: 33px;
    background: url(/pconts/images/contents/card/ico_combo_gs.png)no-repeat left bottom
}

.card_price {
    padding-bottom: 82px;
    background: url(/pconts/images/contents/card/ico_btn_down_pc.png)no-repeat center 67px
}

.card_sec02 {
    position: relative;
    text-align: center;
    padding-top: 157px
}

.card_sec02 .img {
    display: inline-block;
    width: 360px;
    height: 228px;
    margin-top: -156px;
    border-radius: 15px;
    vertical-align: middle;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
}

.card_sec02 .img img {
    width: 100%
}

.card_sec02 .card_name {
    width: 646px;
    margin: -48px auto 0;
    padding: 0 0 55px
}

.card_sec02 .card_name.type01 {
    width: 646px;
    margin: -72px auto 0;
    padding: 0 0 0
}

.card_sec02 .card_name:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(-50vw + 50%);
    bottom: 0;
    width: 100vw;
    height: 100%;
    background-color: #f6f6f6;
    background-color: rgba(255, 255, 255, 1.0)
}

.card_sec02.vertical_type {
    padding-top: 197px
}

.card_sec02.vertical_type .img {
    margin-top: -196px;
    width: 229px;
    height: 268px
}

.card_sec02 p {
    position: relative;
    z-index: 1;
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.card_sec02 strong .btn_question {
    margin-left: 2px
}

.card_sec02 + .ly_inner .form_type {
    padding-top: 0
}

.card_sec02 + .ly_inner .top_marker .marker_dot {
    padding-top: 8px
}

.card_sec02.type02 {
    padding-top: 0
}

.card_sec02.type02 .img {
    margin-top: -144px
}

.card_sec02.type02 .card_name_top {
    padding: 34px 0 167px;
    font-size: 20px
}

.card_sec02.type02 .card_name {
    padding: 0 0 24px
}

.card_sec02.vertical_type.type02 .img {
    margin-top: -196px
}

.card_sec02.vertical_type.type02 .card_name_top {
    padding-bottom: 219px
}

.card_sec02.vertical_type.type02 .card_name {
    padding-bottom: 36px
}

.card_price {
    padding-bottom: 82px;
    background: url(/pconts/images/contents/card/ico_btn_down_pc.png)no-repeat center 67px
}

.card_sec03 {
    position: relative;
    text-align: center
}

.card_sec03 .img {
    display: inline-block;
    width: 320px;
    height: 202px;
    border-radius: 15px;
    vertical-align: middle;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
}

.card_sec03 .img img {
    width: 100%
}

.card_sec04 {
    position: relative;
    text-align: center
}

.card_sec04 .ly_inner .bank_name {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    margin-bottom: 18px
}

.card_sec04 .ly_inner .bank_num {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.card_sec04 .ly_inner div {
    width: 397px;
    height: 229px;
    background: url(/pconts/images/contents/card/noPassbook.png)no-repeat;
    background-size: 397px 229px;
    margin: 30px auto
}

.card_sec04 .ly_inner .text_info {
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.card_sec04 .img {
    display: inline-block;
    width: 320px;
    height: 202px;
    border-radius: 15px;
    vertical-align: middle;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
}

.card_sec04 .img img {
    width: 100%
}

.card_complete_wrap .complete_body.ani_ico::before {
    margin-top: -56px
}

.card_complete_wrap .complete_body .sub_title {
    font-size: 20px
}

.card_newlist {
    width: 100%;
    height: auto;
    margin-top: 20px
}

.card_newlist ul {
    width: 100%;
    border-top: 1px solid #ddd
}

.card_newlist ul li {
    float: left;
    width: 100%;
    height: auto;
    padding: 24px 0 24px;
    border-bottom: 1px solid #eee
}

.card_newlist ul li .left_con {
    float: left;
    width: 50%;
    text-align: left
}

.card_newlist ul li .left_con strong {
    display: block;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.card_newlist ul li .left_con .date {
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.card_newlist ul li .right_con {
    float: left;
    width: 50%;
    text-align: right
}

.card_newlist ul li .right_con > div {
    display: inline-block
}

.card_newlist ul li .right_con .amount {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.card_newlist ul li .right_con .amount span {
    font-weight: 400
}

.card_newlist ul li .right_con .possible {
    font-size: 13px;
    font-weight: 400;
    color: #111
}

.card_newlist ul::after {
    content: '';
    display: block;
    clear: both
}

.card_newlist ul li .right_con .btn_wrap {
    display: inline-block;
    position: relative;
    top: -12px;
    margin-left: 35px
}

.list_wrap .card_list2 {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.list_wrap .card_list2 li {
    overflow: hidden;
    margin: 0 ;
    padding: 38px 0 36px;
    border-top: 1px solid #eee;
    color: #111
}

.list_wrap .card_list2 li:first-child {
    border-top: 0
}

.list_wrap .card_list2 .left_con, .list_wrap .card_list2 .right_con {
    float: left
}

.list_wrap .card_list2 .left_con {
    width: 59%
}

.list_wrap .card_list2 .right_con {
    width: 41%;
    text-align: right
}

.list_wrap .card_list2 .date {
    float: left;
    width: 190px;
    font-weight: 400;
    color: #111
}

.list_wrap .card_list2 .amount {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.list_wrap .card_list2 .amount a {
    color: #111
}

.list_wrap .card_list2 strong {
    font-size: 16px
}

.list_wrap .card_list2 .right_con .btn_wrap {
    display: inline-block;
    margin-left: 35px
}

.list_wrap .card_list2 strong .bank_num {
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.card_list_common .card_list_wrap.type01 {
    border-top: 1px solid #dddddd
}

.card_list_common .card_list_wrap > li {
    display: inline-block;
    width: 100%;
    padding: 50px 70px;
    border-bottom: 1px solid #eeeeee
}

.card_list_common .card_list_wrap > li .card_img_wrap {
    float: left;
    width: 350px
}

.card_list_common .card_list_wrap > li .card_img_wrap a > img {
    width: 270px
}

.card_list_common .card_list_wrap > li .card_img_wrap.more a {
    display: block;
    padding: 0 0 11px 0;
    background: url(/pconts/images/contents/card/bg_horizontal_more.png) no-repeat left top
}

.card_list_common .card_list_wrap > li .card_img_wrap.vertical {
    height: 280px
}

.card_list_common .card_list_wrap > li .card_img_wrap.vertical a {
    display: block;
    width: 280px;
    margin-top: 50px;
    margin-left: -50px;
    padding: 10px 0 0 0;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {
    background: url(/pconts/images/contents/card/bg_vertical_more.png) no-repeat right bottom
}

.card_list_common .card_list_wrap > li .card_name_wrap {
    position: relative;
    float: right;
    width: 490px;
    margin-bottom: 20px
}

.card_list_common .card_list_wrap > li .card_name_wrap .card_name {
    padding-right: 100px;
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #111
}

.card_list_common .card_list_wrap > li .card_name_wrap .card_name + button {
    position: absolute;
    right: 0;
    top: 30px;
    font-weight: 700;
    color: #111
}

.card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap {
    margin-bottom: 5px
}

.card_list_common .card_list_wrap > li .benefit_wrap {
    position: relative;
    display: inline-block;
    width: calc(100% - 350px);
    margin-bottom: 45px
}

.card_list_common .card_list_wrap > li .benefit_wrap a {
    display: block
}

.card_list_common .card_list_wrap > li .benefit_wrap ul li {
    font-size: 16px;
    color: #111;
    font-weight: 700
}

.card_list_common .card_list_wrap > li .benefit_wrap ul li + li {
    padding-top: 10px
}

.card_list_common .card_list_wrap > li .benefit_wrap ul li > span {
    display: inline-block;
    width: 150px;
    color: #333;
    font-weight: 400;
    padding-right: 5px
}

.card_list_common .card_list_wrap .list_btn_wrap {
    float: right;
    width: 362px;
    margin-right: 128px
}

.card_list_common .card_list_wrap .list_btn_wrap button {
    width: 114px;
    font-size: 16px;
    font-weight: 700
}

.card_list_common .card_list_wrap .list_btn_wrap button.rectangle.blue {
    border-color: #4868e1;
    color: #fff
}

.card_list_common .card_list_wrap .list_btn_wrap button.rectangle.darkgray {
    border-color: #4e5b68;
    color: #fff
}

.list_btn_wrap_m {
    display: none
}

.card_list_common .card_thumb_list_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee
}

.card_list_common .card_thumb_list_wrap.type01 {
    border-top: 1px solid #eeeeee
}

.card_list_common .card_thumb_list_wrap > li {
    position: relative;
    width: 33.33%;
    border-bottom: 1px solid #eeeeee;
    padding: 50px 0;
    margin-bottom: -1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.card_list_common .card_thumb_list_wrap > li .card_img_wrap {
    height: 270px;
    line-height: 270px
}

.card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img {
    width: 270px;
    vertical-align: bottom
}

.card_list_common .card_thumb_list_wrap > li .card_img_wrap.more a {
    display: block;
    padding: 0 0 10px 0;
    background: url(/pconts/images/contents/card/bg_horizontal_more.png) no-repeat 28px bottom
}

.card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {
    display: block;
    width: 280px;
    margin-left: 77px;
    padding: 10px 10px 0 0;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical.more a {
    display: block;
    background: url(/pconts/images/contents/card/bg_vertical_more.png) no-repeat right bottom
}

.card_list_common .card_thumb_list_wrap > li .card_name_wrap {
    position: relative;
    padding-top: 50px
}

.card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%
}

.card_list_common .card_thumb_list_wrap > li .card_name_wrap .card_name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #111;
    overflow: hidden
}

.card_list_common .card_thumb_list_wrap > li .benefit_wrap {
    max-height: 81px;
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #333;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.card_list_common .card_thumb_list_wrap > li .list_btn_wrap {
    position: absolute;
    bottom: 50px;
    width: 100%
}

.card_list_common .card_thumb_list_wrap > li .list_btn_wrap .text_link {
    font-weight: 700
}

.cardlist_filter_wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0
}

.cardlist_filter_wrap .filter_toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 42px;
    background: url(/pconts/images/contents/card/cardlist_filter.png) no-repeat left 50%;
    background-size: 20px 18px;
    font-size: 1px;
    text-align: right;
    color: transparent
}

.cardlist_filter_wrap .filter_toggle > span {
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.card_list_common .complete_box.type02 {
    border-color: #dddddd
}

.card_filter_search_wrap {
    position: fixed;
    top: 130px;
    height: calc(100% - 160px);
    width: 477px;
    background: #f6f6f6;
    z-index: 55;
    box-shadow: 1px 1px 15px 0px rgba(51, 51, 51, 0.15)
}

.card_filter_search_wrap .filter_header {
    padding: 30px 40px;
    background: #fff
}

.card_filter_search_wrap .filter_header h4 {
    font-size: 24px;
    font-weight: 700;
    color: #111
}

.card_filter_search_wrap .filter_header .btn_close {
    display: block;
    position: absolute;
    right: 30px;
    top: 25px;
    width: 40px;
    height: 40px;
    background: url(/pconts/images/icon/popup_close.png) no-repeat center center;
    color: transparent;
    overflow: hidden;
    -webkit-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out
}

.card_filter_search_wrap .filter_cont {
    overflow: hidden;
    height: 100%;
    padding: 96px 0 108px;
    margin-top: -96px
}

.card_filter_search_wrap .filter_cont .scroll_wrap {
    padding: 25px 40px 25px;
    overflow: hidden;
    overflow-y: auto;
    height: 100%
}

.card_filter_search_wrap .filter_cont .form_type {
    padding: 0
}

.card_filter_search_wrap .filter_cont .form_type .form_ele + .form_ele {
    margin-top: 25px
}

.card_filter_search_wrap .filter_cont .form_type .form_ele.type04.mglr20 {
    margin-left: 20px;
    margin-right: 20px
}

.card_filter_search_wrap .filter_cont .form_type .form_ele.type04.mglr20 .ele_tit {
    margin-left: -20px
}

.card_filter_search_wrap .filter_cont .form_type .form_ele.type04 .ele_tit {
    margin-bottom: 10px;
    padding-top: 0
}

.card_filter_search_wrap .filter_cont .form_type .gage_group .gage_wrap .gage_text {
    margin: 0 -5px
}

.card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list {
    margin-left: 0
}

.card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label {
    float: left;
    margin-left: 0;
    margin-bottom: 20px
}

.card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label:nth-last-child(-n+2) {
    margin-bottom: 0px
}

.card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list {
    margin-left: 0
}

.card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label {
    float: left;
    margin-left: 0;
    margin-bottom: 20px
}

.card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label:nth-last-child(-n+2) {
    margin-bottom: 0px
}

.card_filter_search_wrap .filter_cont .keyword_area {
    margin-top: 10px
}

.card_filter_search_wrap .filter_cont .keyword_area button {
    float: left;
    padding-right: 30px;
    min-width: auto
}

.card_filter_search_wrap .filter_cont .keyword_area button + button {
    margin-left: 4px
}

.card_filter_search_wrap .filter_cont .keyword_area button span > em {
    position: absolute;
    right: -20px;
    width: 12px;
    height: 26px;
    background: url(/pconts/images/contents/card/btn_keyword_del.png) no-repeat right center
}

.card_filter_search_wrap .filter_btn {
    position: absolute;
    bottom: 0px;
    width: 477px;
    text-align: center
}

.card_filter_search_wrap .filter_btn .btn_wrap {
    background: #fff;
    padding: 30px
}

.check_wrap.type_grid {
    display: block;
    width: 100%
}

.check_wrap.type_grid ul.flex_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-display: flexbox;
    width: auto
}

.check_wrap.type_grid ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-display: flexbox;
    margin: 0 !important;
    float: none !important
}

.check_wrap.type_grid label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-display: flexbox;
    width: 100%
}

.check_wrap.type_grid .card_brand img {
    width: 45px
}

.check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand {
    padding: 14px 0;
    overflow: hidden
}

.check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span.card_brand {
    padding: 13px 0
}

.check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand em {
    line-height: 1;
    font-weight: 400;
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #111
}

.dimmed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 51;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0)
}

.key_visual {
    position: relative
}

.key_visual .visual_slider {
    position: relative
}

.key_visual .visual_slider .swiper-button-prev {
    overflow: hidden;
    left: -29px;
    top: 103px;
    margin: 0;
    background: none;
    line-height: 44px
}

.key_visual .visual_slider .swiper-button-prev:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    vertical-align: middle
}

.key_visual .visual_slider .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.key_visual .visual_slider .swiper-button-prev.swiper-button-disabled:before {
    border-color: #ccc
}

.key_visual .visual_slider .swiper-button-next {
    overflow: hidden;
    right: -29px;
    top: 103px;
    margin: 0;
    background: none;
    line-height: 44px
}

.key_visual .visual_slider .swiper-button-next:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 9px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    vertical-align: middle
}

.key_visual .visual_slider .swiper-button-next.swiper-button-disabled {
    opacity: 1
}

.key_visual .visual_slider .swiper-button-next.swiper-button-disabled:before {
    border-color: #ccc
}

.key_visual .visual_slider .controll_wrap {
    position: absolute;
    left: 0;
    bottom: 24px;
    z-index: 2;
    width: 100%;
    text-align: center
}

.key_visual .visual_slider .swiper-button-play {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle
}

.key_visual .visual_slider .swiper-button-play:before {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #4868e1;
    border-right: 8px solid transparent
}

.key_visual .visual_slider .swiper-button-play.is_active {
    display: inline-block;
    width: 24px;
    height: 24px
}

.key_visual .visual_slider .swiper-button-play.is_active:before, .key_visual .visual_slider .swiper-button-play.is_active:after {
    content: '';
    display: block;
    position: absolute;
    left: 9px;
    top: 7px;
    width: 2px;
    height: 10px;
    background-color: #ccc
}

.key_visual .visual_slider .swiper-button-play.is_active:before {
    border: 0
}

.key_visual .visual_slider .swiper-button-play.is_active:after {
    left: 13px
}

.key_visual .visual_slider .swiper-pagination {
    display: inline-block;
    position: static;
    width: auto;
    font-size: 18px;
    color: #111;
    vertical-align: middle
}

.key_visual .visual_slider .swiper-pagination-current {
    color: #4868e1
}

.key_visual .visual_slider .visual_item {
    padding: 80px 176px 89px 67px;
    box-sizing: border-box
}

.key_visual .visual_slider .visual_item:after {
    content: '';
    display: block;
    clear: both
}

.key_visual .visual_slider .visual_item .btn_cont {
    position: absolute;
    left: 67px;
    bottom: 89px
}

.key_visual .visual_heading {
    float: left;
    padding-bottom: 94px
}

.key_visual .visual_heading .heading_tit {
    margin-top: -7px;
    font-size: 26px;
    color: #111
}

.key_visual .visual_heading .heading_desc {
    margin-top: 7px;
    font-size: 18px;
    line-height: 1.25;
    color: #111
}

.key_visual .visual_heading .btn_cont {
    position: static !important;
    margin-top: 48px
}

.key_visual .visual_content {
    position: relative;
    float: right
}

.key_visual .visual_content .action_bg {
    overflow: hidden;
    position: relative;
    width: 281px;
    height: 177px;
    border-radius: 13px;
    background: url(/pconts/images/contents/card/bg_visual_card.png) no-repeat;
    background-size: 281px auto;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1)
}

.key_visual .visual_content .action_bg .wave {
    position: absolute;
    left: 75px;
    top: 177px;
    width: 775px;
    height: 293px;
    background-image: url(/pconts/images/contents/card/bg_visual_wave.png);
    background-repeat: no-repeat;
    opacity: 0.15
}

.key_visual .visual_content .sort_list {
    position: absolute;
    left: -34px;
    top: 187px;
    transition: top 0.5s
}

.key_visual .visual_content .sort_item {
    position: relative;
    width: 111px;
    height: 40px;
    margin-top: 10px;
    padding-left: 60px;
    border-radius: 15px;
    background-color: #1b2d93;
    background-repeat: no-repeat;
    line-height: 40px;
    box-shadow: 4px 0px 15px 6px rgba(0,0,0,.1);
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.5s
}

.key_visual .visual_content .sort_item .sort_unit {
    margin-right: 3px;
    font-size: 14px;
    color: #fff;
    opacity: 0.6
}

.key_visual .visual_content .sort_item .sort_value {
    font-size: 14px;
    color: #fff;
    opacity: 0.8
}

.key_visual .visual_content .sort_item:before {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    width: 0;
    height: 0;
    border: 12px solid #1b2d93;
    border-width: 12px 12px 0 12px;
    border-left-color: transparent;
    border-right-color: transparent
}

.key_visual .visual_content .sort_item.type01 {
    background-image: url(/pconts/images/icon/ico_shop.png);
    background-position: 18px center;
    background-size: 25px 25px
}

.key_visual .visual_content .sort_item.type02 {
    background-image: url(/pconts/images/icon/ico_shopping.png);
    background-position: 18px center;
    background-size: 25px 25px
}

.key_visual .visual_content .sort_item.type03 {
    background-image: url(/pconts/images/icon/ico_bus.png);
    background-position: 18px center;
    background-size: 25px 25px
}

.key_visual .visual_content .sort_item.type04 {
    background-image: url(/pconts/images/icon/ico_refueling.png);
    background-position: 18px center;
    background-size: 25px 25px
}

.key_visual .visual_content .sort_item.type05 {
    background-image: url(/pconts/images/icon/ico_air.png);
    background-position: 18px center;
    background-size: 25px 25px
}

.key_visual .visual_content .sort_item.type06 {
    background-image: url(/pconts/images/icon/ico_food.png);
    background-position: 18px center;
    background-size: 25px 25px
}

.key_visual .visual_content .sort_item.is_active {
    opacity: 1
}

.key_visual .visual_content .sort_item.is_active.acitve {
    opacity: 0.8
}

.key_visual .visual_content .count_list {
    position: absolute;
    right: 10px;
    top: 187px;
    z-index: 1;
    transition: top 0.5s
}

.key_visual .visual_content .count {
    height: 100px;
    font-weight: 700;
    font-size: 54px;
    line-height: 110px;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: right;
    opacity: 0;
    transition: all 0.5s
}

.key_visual .visual_content .count.is_active {
    opacity: 1
}

.key_visual .visual_content .unit {
    position: absolute;
    right: -45px;
    bottom: 0px;
    font-weight: 700;
    font-size: 54px;
    line-height: 1.2;
    color: #4868e1;
    opacity: 0.4
}

.mydiy_sec {
    padding: 40px 0
}

.mydiy_sec.main_2 {
    padding: 50px 0 58px
}

.mydiy_sec.main_3 {
    padding: 45px 0 52px
}

.mydiy_sec .section_header {
    text-align: center
}

.mydiy_sec .section_title {
    font-weight: 400;
    font-size: 24px;
    color: #111
}

.mydiy_sec .section_title span {
    color: #4868e1
}

.mydiy_sec .section_desc {
    margin-top: 5px;
    font-size: 16px;
    color: #111
}

.mydiy_sec .btn_cont {
    margin-top: 29px
}

.circle_graph {
    overflow: hidden;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding: 3px;
    border-radius: 50%;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    background: #dae1f9;
    line-height: 64px;
    text-align: center;
    box-sizing: border-box
}

.circle_graph .per_txt {
    position: relative;
    z-index: 11;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    font-weight: 900;
    font-size: 12px;
    color: #4868e1
}

.circle_graph .per_num {
    font-size: 30px;
    color: #4868e1
}

.circle_graph .tit {
    margin-top: 24px;
    font-size: 16px;
    color: #4868e1
}

.circle_graph:before, .circle_graph:after {
    content: '';
    position: absolute;
    top: 0;
    background: #dae1f9
}

.circle_graph:before {
    overflow: hidden;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    left: 0
}

.circle_graph:after {
    left: 0;
    width: 50%;
    height: 100%
}

.circle_graph [class^="bg_"] {
    position: absolute;
    width: 50%;
    height: 100%;
    background: #4868e1
}

.circle_graph .bg_01 {
    left: 0;
    top: 0;
    transform-origin: center right;
    transform: rotate(0deg)
}

.circle_graph .bg_02 {
    z-index: 4;
    opacity: 0;
    right: 0;
    top: 0;
    transform-origin: center left;
    transform: rotate(0deg)
}

.circle_graph [class^="line_"] {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10;
    width: 2px;
    height: 50%;
    transform: translate(-50%, -50%);
    transform-origin: bottom center;
    background: #fff
}

.circle_graph .line_01 {
    transform: rotate(0deg)
}

.circle_graph .line_02 {
    transform: rotate(72deg)
}

.circle_graph .line_03 {
    transform: rotate(144deg)
}

.circle_graph .line_04 {
    transform: rotate(216deg)
}

.circle_graph .line_05 {
    transform: rotate(288deg)
}

.circle_graph.is_active[data-chart-value="1"] .bg_01 {
    transform: rotate(72deg);
    transition: transform 0.2s linear
}

.circle_graph.is_active[data-chart-value="2"] .bg_01 {
    transform: rotate(144deg);
    transition: transform 0.4s linear
}

.circle_graph.is_active[data-chart-value="3"] .bg_01 {
    transform: rotate(180deg);
    transition: transform 0.5s linear
}

.circle_graph.is_active[data-chart-value="3"] .bg_02 {
    opacity: 1;
    transform: rotate(36deg);
    transition: opacity 0s linear 0.5s, transform 0.1s linear 0.5s
}

.circle_graph.is_active[data-chart-value="4"] .bg_01 {
    transform: rotate(180deg);
    transition: transform 0.5s linear
}

.circle_graph.is_active[data-chart-value="4"] .bg_02 {
    opacity: 1;
    transform: rotate(108deg);
    transition: opacity 0s linear 0.5s, transform 0.3s linear 0.5s
}

.circle_graph.is_active[data-chart-value="5"] .bg_01 {
    transform: rotate(180deg);
    transition: transform 0.5s linear
}

.circle_graph.is_active[data-chart-value="5"] .bg_02 {
    opacity: 1;
    transform: rotate(180deg);
    transition: opacity 0s linear 0.5s, transform 0.5s linear 0.5s
}

.main_1 .swiper-container {
    padding: 34px 0 85px
}

.main_1 .swiper-inner {
    height: 206px;
    padding: 48px 28px 20px;
    text-align: center
}

.main_1 .icon {
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.main_1 .icon img {
    width: 100%;
    height: 100%
}

.main_1 .name {
    display: block;
    margin-top: 12px;
    font-weight: normal;
    font-size: 18px;
    color: #111;
    transition: 0.3s
}

.main_1 .desc {
    overflow: hidden;
    margin-top: 10px;
    color: #757575;
    transition: 0.3s;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main_1 .slide_area {
    position: relative
}

.main_1 .swiper-slide-active .name {
    font-weight: 700;
    color: #333
}

.main_1 .swiper-slide-active .desc {
    color: #333
}

.main_1 .swiper-button-prev, .main_1 .swiper-button-next {
    top: 112px;
    line-height: 44px
}

.main_1 .swiper-button-prev {
    overflow: hidden;
    left: -29px;
    margin: 0;
    background: none
}

.main_1 .swiper-button-prev:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    vertical-align: middle
}

.main_1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.main_1 .swiper-button-prev.swiper-button-disabled:before {
    border-color: #ccc
}

.main_1 .swiper-button-next {
    overflow: hidden;
    right: -29px;
    margin: 0;
    background: none
}

.main_1 .swiper-button-next:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 9px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    vertical-align: middle
}

.main_1 .swiper-button-next.swiper-button-disabled {
    opacity: 1
}

.main_1 .swiper-button-next.swiper-button-disabled:before {
    border-color: #ccc
}

.main_1 .controll_wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.main_1 .swiper-button-play {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle
}

.main_1 .swiper-button-play:before {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #4868e1;
    border-right: 8px solid transparent
}

.main_1 .swiper-button-play.is_active {
    display: inline-block;
    width: 24px;
    height: 24px
}

.main_1 .swiper-button-play.is_active:before, .main_1 .swiper-button-play.is_active:after {
    content: '';
    display: block;
    position: absolute;
    left: 9px;
    top: 7px;
    width: 2px;
    height: 10px;
    background-color: #ccc
}

.main_1 .swiper-button-play.is_active:before {
    border: 0
}

.main_1 .swiper-button-play.is_active:after {
    left: 13px
}

.main_1 .swiper-pagination {
    display: inline-block;
    position: static;
    width: auto;
    font-size: 18px;
    color: #111;
    vertical-align: middle
}

.main_1 .swiper-pagination-current {
    color: #4868e1
}

.main_1 .active_area {
    position: absolute;
    top: 34px;
    left: 50%;
    width: 220px;
    height: 206px;
    border-radius: 10px;
    background-color: #f2f4f8;
    transform: translateX(-50%)
}

.main_1 .active_area .circle_graph {
    position: absolute;
    right: -35px;
    bottom: -30px
}

.main_2 .pick {
    position: relative;
    width: 524px;
    margin: 34px auto 0;
    padding-top: 124px;
    background: url(/pconts/images/contents/card/bg_pick.png) no-repeat center 0
}

.main_2 .pick .pick_inner {
    position: relative;
    width: 0;
    height: 86px;
    margin: 0 auto;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 30px 20px 0 rgba(0, 0, 0, 0.03);
    background: #fff;
    box-sizing: border-box;
    white-space: nowrap
}

.main_2 .pick .pick_inner:after {
    content: '';
    display: block;
    clear: both
}

.main_2 .pick .pick_name {
    float: left;
    margin-top: 3px;
    font-size: 20px;
    font-weight: normal;
    color: #111;
    opacity: 0
}

.main_2 .pick .pick_count {
    position: relative;
    float: right;
    padding-left: 32px;
    font-weight: 700;
    font-size: 20px;
    color: #4868e1;
    opacity: 0
}

.main_2 .pick .pick_count:before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 14px;
    width: 12px;
    height: 9px;
    border-left: 2px solid #4868e1;
    border-bottom: 2px solid #4868e1;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.main_2 .pick .pick_count .count {
    font-size: 36px;
    line-height: 1
}

.main_2 .pick .pick_point {
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0;
    transform: translate(50%, -50%)
}

.main_2 .pick .pick_point .point {
    position: relative;
    height: 40px;
    padding: 0 13px;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    border-radius: 6px;
    background: #4868e1
}

.main_2 .pick .pick_point [class^=flag_] {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 30px;
    transition: all 0.3s ease 0.5s
}

.main_2 .pick .pick_point .flag_01 {
    width: 10.7px;
    height: 3.7px;
    background: #009a9a;
    opacity: 0.15
}

.main_2 .pick .pick_point .flag_02 {
    width: 6.3px;
    height: 3.3px;
    background: #009a9a
}

.main_2 .pick .pick_point .flag_03 {
    width: 3px;
    height: 8px;
    background: #009a9a;
    opacity: 0.4
}

.main_2 .pick .pick_point .flag_04 {
    width: 9.8px;
    height: 4px;
    background: #8898d8
}

.main_2 .pick .pick_point .flag_05 {
    width: 8px;
    height: 4px;
    background: #8898d8
}

.main_2 .pick .pick_point .flag_06 {
    width: 3.6px;
    height: 9.2px;
    background: #009a9a;
    opacity: 0.6
}

.main_2 .pick.is_active .pick_inner {
    width: 100%;
    padding: 24px 83px 21px 43px;
    border: 1px solid #4868e1 ;
    transition: all 0.6s ease 0.3s
}

.main_2 .pick.is_active .pick_name, .main_2 .pick.is_active .pick_count {
    opacity: 1;
    transition: opacity 0.2s ease 0.9s
}

.main_2 .pick.is_active .pick_point {
    opacity: 1;
    transition: opacity 0.2s ease 0.9s;
    animation-name: pointMove;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear
}

.main_2 .pick.is_active .pick_point .flag_01 {
    top: -19px;
    left: -3px;
    transform: skew(20deg) rotate(30deg)
}

.main_2 .pick.is_active .pick_point .flag_02 {
    top: -5px;
    left: -15.9px;
    transform: skew(20deg) rotate(-40deg)
}

.main_2 .pick.is_active .pick_point .flag_03 {
    top: 9.5px;
    left: -20.9px;
    transform: skew(20deg) rotate(-15deg)
}

.main_2 .pick.is_active .pick_point .flag_04 {
    top: -16.3px;
    left: 72.3px;
    transform: skew(20deg) rotate(150deg)
}

.main_2 .pick.is_active .pick_point .flag_05 {
    top: -4.5px;
    left: 88.5px;
    transform: skew(35deg) rotate(50deg)
}

.main_2 .pick.is_active .pick_point .flag_06 {
    top: 12.6px;
    left: 95.4px;
    transform: skew(20deg) rotate(350deg)
}

.mydiy_type .accordion_header button.acc_btn, .mydiy_type .accordion_header a[role="button"].acc_btn {
    padding: 37px 40px 33px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fafafa;
    font-weight: 400;
    font-size: 22px;
    text-align: left
}

.mydiy_type .accordion_header button.acc_btn.on, .mydiy_type .accordion_header a[role="button"].acc_btn.on {
    border: 1px solid #ddd;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.mydiy_type .accordion_header button.acc_btn:after, .mydiy_type .accordion_header a[role="button"].acc_btn:after {
    content: '';
    position: absolute;
    left: auto;
    right: 43px;
    top: 36px;
    width: 12px;
    height: 12px;
    border: 0;
    border-left: 2px solid #444;
    border-bottom: 2px solid #444;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.mydiy_type .accordion_header button.acc_btn.on:after, .mydiy_type .accordion_header a[role="button"].acc_btn.on:after {
    top: 43px;
    transform: translateY(0) rotate(135deg);
    -o-transform: translateY(0) rotate(135deg);
    -ms-transform: translateY(0) rotate(135deg);
    -webkit-transform: translateY(0) rotate(135deg)
}

.mydiy_type .accordion_body {
    display: none;
    padding: 36px 40px 35px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.mydiy_pop_cont_area {
    padding: 21px 0 44px
}

.mydiy_pop_cont_area .h_title {
    margin-bottom: 10px
}

.mydiy_pop_cont_area .desc {
    font-size: 16px;
    line-height: 1.56
}

.mydiy_pop_cont_area .desc + .h_title {
    margin-top: 18px
}

.mydiy_pop_cont_area ul.marker_dot.Mid > li {
    line-height: 1.56
}

.popup_type01.mydiy_rate_area .pop_head .explain {
    margin: 16px 0 14px;
    font-size: 16px
}

.mydiy_rate_area .pop_cont {
    max-height: 460px
}

.mydiy_rate_area .save_list {
    border-top: 1px solid #ddd
}

.mydiy_rate_area .save_list li {
    display: table;
    width: 100%;
    padding: 0 20px;
    border-bottom: 1px solid #ddd
}

.mydiy_rate_area .save_list li div {
    display: table-cell;
    padding: 18px 0;
    vertical-align: middle
}

.mydiy_rate_area .save_list li div.ico {
    width: 45px
}

.mydiy_rate_area .save_list li div.ico span {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle
}

.mydiy_rate_area .save_list li div.ico img {
    width: 100%;
    height: 100%
}

.mydiy_rate_area .save_list li div.tit {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #111
}

.mydiy_rate_area .save_list li div.per {
    width: 60px;
    text-align: right;
    font-weight: 700;
    font-size: 18px;
    color: #4868e1
}

.mydiy_rate_area .save_list li div.per span {
    font-size: 28px
}

@keyframes pointMove {
    0% {
        top: 45%
    }

    100% {
        top: 55%
    }
}

.DIY_home {
    position: relative;
    height: 262px;
    padding-top: 50px;
    text-align: center
}

.DIY_home .tit_area .txt_area {
    font-size: 36px;
    font-weight: 700;
    color: #111111
}

.DIY_home .card_area .img_area {
    position: absolute;
    width: 100%;
    padding-top: 30px
}

.DIY_home .card_area .img_area img {
    width: 320px;
    box-shadow: 2px 5px 15px 2px rgba(0, 0, 0, 0.3);
    border-radius: 15px
}

.diybox_section {
    padding: 135px 0 0;
    overflow: hidden
}

.diybox_section .tit_area {
    margin-bottom: 32px
}

.cont_box {
    display: inline-block;
    padding: 0 53px
}

.cont_box > div {
    padding-left: 4px;
    padding-bottom: 2px;
    width: 50%
}

.cont_box > div:first-child {
    padding-left: 0;
    padding-right: 4px
}

.cont_box > div.rblock {
    display: inline-block;
    width: 50%;
    float: left
}

.cont_box > div.rblock:nth-child(odd) {
    padding-left: 0;
    padding-right: 4px
}

.cont_box > div.rblock:nth-child(even) {
    padding-left: 4px
}

.cardtype_choice {
    display: inline-block;
    margin-bottom: 100px
}

.cardtype_choice .choice_door {
    padding: 40px 30px;
    text-align: center;
    border: 1px solid #ededed;
    background: #fff;
    border-radius: 10px
}

.cardtype_choice .choice_door .card_info h4 {
    font-size: 24px;
    color: #111111;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    background: none
}

.cardtype_choice .choice_door .card_info p {
    margin-top: 9px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #333333
}

.DIY_header {
    padding: 50px 0 43px
}

.DIY_header .tit_area h4.tit_k1 {
    font-size: 36px;
    color: #111
}

.DIY_header .tit_area .txt_k1 {
    font-size: 18px;
    color: #333
}

.article.slim {
    padding: 0 86px
}

.article.slim .slide_area .swiper-button-prev, .article.slim .slide_area .swiper-button-next {
    top: 40%;
    line-height: 44px
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .accordion_wrap.accordion_check dd > div {
    border: none;
    border-bottom: 1px solid #ddd
}

.DIY_agree_wrap .accordion_wrap.accordion_check dd {
    border: none;
    padding: 0
}

.DIY_agree_wrap .accordion_wrap.accordion_check dd > div .check_wrap.type_agree {
    padding-left: 17px
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .check_wrap.type_agree .check_agree {
    height: 80px;
    line-height: 80px
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span {
    padding: 0 51px 0 45px
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 0;
    background: url(/pconts/images/contents/card/ico_checkboxOff.png) no-repeat left top;
    background-size: 30px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    border: none;
    border-radius: 0
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 0;
    background: url(/pconts/images/contents/card/ico_checkboxOff.png) no-repeat left top;
    background-size: 30px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    border: none;
    border-radius: 0
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before {
    background: url(/pconts/images/contents/card/ico_checkboxOn.png) no-repeat left top;
    background-size: 30px
}

.DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {
    background: url(/pconts/images/contents/card/ico_checkboxOn.png) no-repeat left top;
    background-size: 30px
}

.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {
    background: none;
    width: 64px;
    height: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0)
}

.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -8px 0 0 -13px;
    box-sizing: border-box;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on:before {
    margin-top: 0;
    border-color: #4868e1;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg)
}

.DIY_agree_wrap .accordion_wrap.accordion_check dd > div .accordion_header.on + .accordion_body {
    padding: 20px 80px;
    background: #fafafa;
    border-top: 1px solid #333333;
    font-size: 14px;
    color: #111
}

.req_wrap {
    overflow: hidden;
    padding: 30px 6px 0
}

.req_wrap ul {
    position: relative;
    left: -50%;
    float: right
}

.req_wrap ul:after {
    content: '';
    display: block;
    clear: both
}

.req_wrap ul li {
    position: relative;
    left: 50%;
    float: left
}

.req_wrap ul li + li {
    margin-left: 8px
}

.req_wrap ul li label {
    position: relative
}

.req_wrap ul li label input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.req_wrap ul li label input + span {
    display: block;
    position: relative;
    width: 160px;
    height: 160px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-align: center
}

.req_wrap ul li label input:checked + span {
    border: 2px solid #4868e1
}

.req_wrap ul li label i {
    display: block;
    width: 50px;
    height: 50px;
    margin: 30px auto 26px
}

.req_wrap ul li label input:checked + span i {
    margin: 29px auto 26px
}

.req_wrap ul li label i.ico_quick {
    background: url(/pconts/images/icon/ico_req_quick.png) no-repeat left top;
    background-size: 50px 50px
}

.req_wrap ul li label i.ico_online {
    background: url(/pconts/images/icon/ico_req_online.png) no-repeat left top;
    background-size: 50px 50px
}

.req_wrap p {
    clear: both;
    padding-top: 26px;
    margin-bottom: -5px
}

.banner_field {
    padding: 35px 0;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.tit_t2 {
    font-size: 36px;
    color: #111;
    font-weight: normal
}

.survey_box {
    padding: 80px 0
}

.survey_box .page_num {
    text-align: center;
    font-size: 18px;
    color: #111
}

.survey_box .page_num .num {
    color: #4868e1
}

.survey_box .tit_area {
    text-align: center
}

.survey_box .tit_area span {
    display: inline-block;
    vertical-align: middle
}

.survey_box .tit_area .tag {
    position: relative;
    padding: 6px 18px;
    background: #4868e1;
    display: inline-block;
    color: #fff;
    border-radius: 18px;
    margin-right: 5px
}

.survey_box .txt_area {
    text-align: center
}

.cont_box.col2, .cont_box.col3 {
    width: auto
}

.cont_box.col2 > div.rblock {
    width: 50%
}

.cont_box.col3 > div.rblock {
    width: 33.33%;
    padding: 4px
}

.cont_box.col3 > div.rblock:first-child, .cont_box.col3 > div.rblock:nth-child(3n+1) {
    padding-left: 8px
}

.cont_box.col3 > div.rblock:nth-child(3n) {
    padding-right: 8px
}

.cont_box.survey_chk {
    width: 100%;
    margin: 48px auto 0;
    padding: 0
}

.cont_box.survey_chk > div.rblock label {
    min-height: 100px;
    margin: 0
}

.cont_box.survey_chk.col3 > div.rblock {
    padding: 4px
}

.cont_box.survey_chk.col3 > div.rblock:first-child, .cont_box.survey_chk.col3 > div.rblock:nth-child(3n+1) {
    padding-left: 0
}

.cont_box.survey_chk.col3 > div.rblock:nth-child(3n) {
    padding-right: 0
}

.cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label {
    background: #fff !important;
    padding: 0;
    text-align: center
}

.cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label {
    background: #fff url(/pconts/images/common/check_on2.png) no-repeat 24px center / 16px 11px !important;
    border: 1px solid #4868e1;
    color: #4868e1
}

.cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 {
    color: #333
}

.cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label span.title2 {
    color: #4868e1
}

.cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 span {
    display: inline-block;
    letter-spacing: -1px
}

.cont_box.survey_chk div.chk_t2 input[type="radio"] + label {
    background: #fff !important;
    padding: 0;
    text-align: center
}

.cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label {
    background: #fff url(/pconts/images/common/check_on2.png) no-repeat 24px center / 16px 11px !important;
    border: 1px solid #4868e1;
    color: #4868e1
}

.cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 {
    color: #333
}

.cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label span.title2 {
    color: #4868e1
}

.cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 span {
    display: inline-block;
    letter-spacing: -1px
}

div.chk_t2 input[type="checkbox"] + label {
    display: table;
    padding: 39px 24px 39px 116px;
    width: 100%;
    height: auto;
    text-indent: 0;
    cursor: pointer;
    color: #111;
    background: #fff url(/images/diy/common/ico_checkOff2.png) no-repeat 32px 50% / 20px 13.7px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

div.chk_t2 input[type="checkbox"] + label span {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    box-sizing: border-box
}

div.chk_t2 input[type="checkbox"] {
    position: absolute;
    opacity: 0
}

div.chk_t2 input[type="radio"] + label {
    display: table;
    padding: 39px 24px 39px 116px;
    width: 100%;
    height: auto;
    text-indent: 0;
    cursor: pointer;
    color: #111;
    background: #fff url(/images/diy/common/ico_checkOff2.png) no-repeat 32px 50% / 20px 13.7px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

div.chk_t2 input[type="radio"] + label span {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    box-sizing: border-box
}

div.chk_t2 input[type="radio"] {
    position: absolute;
    opacity: 0
}

.survey_box.type01 {
    padding: 45px 0
}

.survey_box.type02 {
    padding: 45px 0 69px
}

.survey_box.type02 .font_md01 {
    margin-top: 27px;
    line-height: 1.23
}

.tab_cont .survey_box.type01 {
    padding: 39px 0 42px
}

.DIY_switch {
    text-align: center;
    margin-top: 40px
}

.DIY_switch .switch_tit {
    font-size: 16px;
    color: #333;
    vertical-align: middle
}

.DIY_switch .switch_button {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    vertical-align: middle;
    border-radius: 20px;
    background: #ddd;
    transition: background .2s
}

.DIY_switch .switch_button:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    transition: left .2s
}

.DIY_switch .switch_tit + .switch_button {
    margin-left: 8px
}

.DIY_switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.DIY_switch input[type="checkbox"]:checked + label .switch_button {
    background: #4868e1
}

.DIY_switch input[type="checkbox"]:checked + label .switch_button:after {
    left: calc(100% - 19px)
}

.slide_area {
    position: relative;
    margin: 20px 70px 0
}

.airesult_slide {
    margin: 0 60px
}

.airesult_slide .swiper-slide {
    text-align: center
}

.airesult_slide .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background: #dedede;
    border-radius: 50%;
    opacity: 1
}

.airesult_slide .swiper-pagination-bullet-active {
    background: #7f56d5
}

.airesult_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px
}

.airesult_slide .tit {
    margin-top: 24px;
    font-size: 16px;
    color: #4868e1;
    white-space: nowrap
}

.slide_area .swiper-button-prev {
    overflow: hidden;
    left: 0;
    margin: 0;
    background: none
}

.slide_area .swiper-button-prev:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    vertical-align: middle
}

.slide_area .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.slide_area .swiper-button-prev.swiper-button-disabled:before {
    border-color: #ccc
}

.slide_area .swiper-button-next {
    overflow: hidden;
    right: 0;
    margin: 0;
    background: none
}

.slide_area .swiper-button-next:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 9px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    vertical-align: middle
}

.slide_area .swiper-button-next.swiper-button-disabled {
    opacity: 1
}

.slide_area .swiper-button-next.swiper-button-disabled:before {
    border-color: #ccc
}

.multi_box {
    padding: 50px 0 40px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ddd
}

.DIY_tab_list {
    display: table;
    margin: 45px auto 0
}

.DIY_tab_list li {
    display: table-cell;
    padding: 0 20px;
    text-align: center
}

.DIY_tab_list li a {
    position: relative;
    font-size: 18px;
    color: #111;
    display: inline-block;
    text-decoration: none;
    padding: 8px 0
}

.DIY_tab_list li.on a {
    font-weight: bold;
    color: #4868e1
}

.DIY_tab_list li.on a:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #4868e1;
    position: absolute;
    bottom: 0;
    left: 0
}

.multi_list {
    width: 100%;
    overflow: hidden
}

.multi_list ul {
    width: calc(100% + 8px)
}

.multi_list li {
    margin-right: 8px;
    margin-bottom: 8px;
    width: calc(100% / 4 - 8px);
    float: left
}

.multi_list li .saving_choice {
    padding: 32px 24px;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 10px
}

.multi_list li .saving_choice span.img_area {
    display: block;
    width: 100%;
    height: 45px;
    text-align: center
}

.multi_list li .saving_choice span.img_area img {
    width: 45px;
    height: 45px
}

.multi_list li .saving_choice em.mall_type {
    display: block;
    margin-top: 24px;
    width: 100%;
    line-height: 1.2;
    font-size: 20px;
    color: #111;
    text-align: center
}

.multi_list li .saving_choice em.mall_type a {
    color: #111
}

.multi_list li .saving_choice em.mall_type span {
    position: relative;
    margin-left: 18px;
    padding-right: 18px;
    display: inline-block;
    overflow: visible;
    font-weight: 700
}

.multi_list li .saving_choice em.mall_type span:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    transform: rotate(45deg)
}

.multi_list li .saving_choice p.mall {
    margin-top: 20px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.multi_list li .saving_choice div.btn_choice {
    position: relative;
    margin: 50px auto 0px;
    width: 96%
}

.multi_list li .saving_choice div.btn_choice button {
    position: absolute;
    right: 0;
    top: 8px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    text-indent: -3000px;
    background: url(/pconts/images/contents/card/btn_plus.png) no-repeat center center / 22px;
    border: 0
}

.multi_list li .saving_choice div.btn_choice button:first-child {
    left: 0;
    background-image: url(/pconts/images/contents/card/btn_minus.png)
}

.multi_list li .saving_choice div.btn_choice p.percentage {
    position: relative;
    margin-left: 24px;
    width: calc(100% - 48px);
    height: 38px;
    line-height: 38px;
    text-align: center
}

.multi_list li .saving_choice div.btn_choice p.percentage span {
    display: inline-block;
    font-size: 24px;
    color: #ccc
}

.multi_list li .saving_choice div.btn_choice p.percentage span:first-child {
    font-size: 38px;
    font-weight: 700
}

.multi_list li.list_checked .saving_choice span.img_area img {
    background: #fff
}

.multi_list li.list_checked .saving_choice {
    background: #fff;
    border: 1px solid #4868e1
}

.multi_list li.list_checked .saving_choice div.btn_choice p.percentage span {
    color: #4868e1;
    font-weight: 700
}

.btn_fixed {
    position: fixed;
    bottom: 30px;
    left: calc(50% + 445px);
    margin-left: -35px;
    z-index: 10
}

.btn_fixed .btn {
    width: 70px;
    height: 70px;
    background: #081350;
    min-width: auto;
    padding: 0;
    color: #fff;
    box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.25);
    font-size: 30px;
    line-height: 70px
}

.btn_fixed .btn em {
    font-size: 15px
}

.btn_fixed.pos {
    position: absolute;
    bottom: 86px
}

.option_area {
    margin-bottom: 40px;
    padding-bottom: 40px
}

.option_list {
    max-width: 808px;
    margin: 0 auto
}

.option_list .option_item + .option_item {
    margin-top: 8px
}

.option_list div.radio_t3 input[type="radio"] + label {
    display: table;
    padding: 36px 72px 36px 126px;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    text-indent: 0;
    cursor: pointer;
    color: #111;
    background: #f2f2f2 url(/pconts/images/contents/card/ico_radioOff.png) no-repeat 72px 50% / 30px 30px;
    border-radius: 10px;
    border: 1px solid #f2f2f2
}

.option_list div.radio_t3 input[type="radio"] + label > span.txt {
    display: table-cell;
    text-align: left
}

.option_list div.radio_t3 input[type="radio"] + label > span.right {
    display: table-cell;
    text-align: right
}

.option_list div.radio_t3 input[type="radio"] + label span.txt {
    width: auto;
    font-size: 20px;
    white-space: normal
}

.option_list div.radio_t3 input[type="radio"] + label > span.right {
    text-align: right
}

.option_list div.radio_t3 input[type="radio"] + label > span.right .count {
    display: inline-block;
    padding-right: 0;
    line-height: 30px;
    vertical-align: middle;
    color: #4868e1;
    font-weight: 700
}

.option_list div.radio_t3 input[type="radio"] + label > span.right .count span {
    padding-left: 0;
    font-size: 20px
}

.option_list div.radio_t3 input[type="radio"] + label > span.right .count span:first-child {
    padding-left: 0;
    font-size: 30px
}

.option_list div.radio_t3 input[type="radio"]:checked + label {
    background: #fff url(/pconts/images/contents/card/ico_radioOn.png) no-repeat 72px 50% / 30px 30px;
    border: 1px solid #4868e1
}

.option_list div.radio_t3 input[type="radio"] {
    position: absolute;
    opacity: 0
}

.list_title {
    display: table;
    width: 100%;
    max-width: 808px;
    margin: 40px auto 24px
}

.list_title .list_title_cell {
    display: table-cell;
    font-size: 18px;
    color: #111
}

.list_title .list_title_cell.title {
    padding-left: 125px;
    text-align: left
}

.list_title .list_title_cell.count {
    padding-right: 55px;
    text-align: right
}

.card_design {
    padding: 30px 0 0
}

.card_design ul {
    position: relative;
    left: -50%;
    float: right
}

.card_design ul:after {
    content: '';
    display: block;
    width: 100%;
    clear: both
}

.card_design ul li {
    position: relative;
    left: 50%;
    float: left
}

.card_design ul li + li {
    margin-left: 10px
}

.card_design ul li label {
    display: block;
    position: relative;
    width: 128px;
    height: 128px;
    text-align: center
}

.card_design ul li label input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer
}

.card_design ul li label input + span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 86px;
    font-size: 16px
}

.card_design ul li label input:checked + span {
    color: #4868e1
}

.card_design ul li label input:checked + span:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 34px;
    width: 17px;
    height: 11px;
    border-left: 2px solid #4868e1;
    border-bottom: 2px solid #4868e1;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.card_design ul li.card_type01 label input + span {
    background: url(/pconts/images/contents/card/card_type01.png) no-repeat 40px 27px
}

.card_design ul li.card_type02 label input + span {
    background: url(/pconts/images/contents/card/card_type02.png) no-repeat 48px 27px
}

.card_design ul li.card_type01 label input:checked + span {
    background-image: url(/pconts/images/contents/card/card_type01_on.png)
}

.card_design ul li.card_type02 label input:checked + span {
    background-image: url(/pconts/images/contents/card/card_type02_on.png)
}

.card_design ul + * {
    clear: both
}

.card_design .card_area {
    clear: both;
    padding: 30px 0 80px
}

.card_design .img_area {
    display: none;
    text-align: center
}

.card_design .img_area.current {
    display: block
}

.card_design .img_area span {
    display: inline-block;
    width: 320px;
    height: 203px;
    vertical-align: middle
}

.card_design .img_area span.vertical {
    width: 202px;
    height: 321px
}

.card_design .img_area span img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.survey_box .card_area {
    position: relative;
    margin-top: 46px;
    padding-bottom: 0
}

.survey_box .card_area img {
    width: 320px;
    height: 203px;
    border-radius: 12px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.survey_box .card_area.with_barcode .barcode {
    position: absolute;
    left: 50%;
    bottom: -19px;
    width: 240px;
    height: 92px;
    background: url(/pconts/images/contents/card/barcode.png) no-repeat left top;
    transform: translateX(-50%)
}

.survey_box .card_area.with_barcode .barcode span {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-indent: -9999px
}

.survey_box .card_area.vertical img {
    width: 202px;
    height: 319px
}

.survey_box .tit_t2 + .card_area {
    margin-top: 38px;
    margin-bottom: -19px
}

.result_area {
    width: 808px;
    margin: 43px auto 0
}

.result_area + .result_area {
    padding-top: 6px
}

.result_area .h_title24 {
    text-align: center
}

.result_area ul {
    margin-top: 34px
}

.result_area ul li {
    display: table;
    width: 100%;
    height: 108px;
    padding: 0 29px;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fff
}

.result_area ul li + li {
    margin-top: 8px
}

.result_area ul li div {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.result_area ul li .img {
    width: 45px
}

.result_area ul li .img span {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle
}

.result_area ul li .img span img {
    width: 100%;
    height: 100%
}

.result_area ul li .tit {
    width: 161px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #111
}

.result_area ul li .desc {
    font-size: 16px
}

.result_area ul li .rate {
    width: 60px;
    font-weight: 700;
    font-size: 18px;
    color: #4868e1;
    text-align: right
}

.result_area ul li .rate span {
    font-size: 28px
}

.result_area .radio_t3 {
    display: table;
    position: relative;
    width: 100%;
    height: 108px;
    margin-top: 34px;
    border: 1px solid #4868e1;
    border-radius: 10px;
    background-color: #fff
}

.result_area .radio_t3 input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.result_area .radio_t3 input + span {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 20px 0 84px;
    font-size: 20px;
    color: #333;
    vertical-align: middle
}

.result_area .radio_t3 input:checked + span:before {
    content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: 38px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4868e1
}

.result_area .radio_t3 input:checked + span:after {
    content: '';
    display: block;
    position: absolute;
    left: 39px;
    top: 45px;
    width: 12px;
    height: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.result_area .radio_t3 .rate {
    position: absolute;
    right: 28px;
    top: 50%;
    font-weight: 700;
    font-size: 20px;
    color: #4868e1;
    transform: translateY(-50%)
}

.result_area .radio_t3 .rate span {
    font-size: 30px
}

.accordion_header.DIY_service_item button.acc_btn.medium {
    padding: 30px 0 30px 30px;
    font-size: 20px;
    color: #111;
    font-weight: 400;
    vertical-align: middle
}

.accordion_header.DIY_service_item button.acc_btn.medium span.new_badge {
    padding: 3px 10px;
    margin-left: 10px;
    border-radius: 3px;
    font-size: 14px
}

.accordion_header.DIY_service_item button.acc_btn.medium span.new_badge.red {
    background: #d92c2c !important
}

.accordion_header.DIY_service_item button.acc_btn.medium span.f_right.date {
    margin-top: 0;
    padding-right: 90px;
    padding-top: 5px;
    font-size: 16px
}

.accordion_header.DIY_service_item button.acc_btn.medium:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium:after {
    width: 10px;
    height: 10px;
    margin-top: -15px;
    left: calc(100% - 40px)
}

.accordion_header.DIY_service_item button.acc_btn.medium.on:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium.on:after {
    margin-top: -5px
}

.accordion_body.DIY_service_cont {
    border-top: 1px solid #333
}

.accordion_body.DIY_service_cont .area {
    padding: 30px
}

.accordion_body.DIY_service_cont .area .df_list {
    font-size: 16px
}

.accordion_body.DIY_service_cont .area .df_list .item.tit {
    padding-bottom: 7px
}

.accordion_body.DIY_service_cont .area .df_list .item.con {
    padding-bottom: 7px
}

.multi_ls01 li {
    float: left;
    width: 25%;
    padding: 8px 0 0 8px
}

.multi_ls01 li:nth-child(4n-3) {
    padding-left: 0
}

.multi_ls01 li .saving_choice {
    position: relative;
    height: 160px;
    padding: 15px 32px 32px 24px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px
}

.multi_ls01 li .saving_choice em.mall_type {
    display: block;
    font-size: 20px;
    color: #111;
    font-weight: 700
}

.multi_ls01 li .saving_choice span.img_area {
    position: absolute;
    bottom: 32px;
    right: 32px;
    display: block;
    width: 45px;
    height: 45px
}

.multi_ls01 li .saving_choice span.img_area img {
    width: 45px;
    height: 45px;
    background: #fff
}

.multi_ls01 li .saving_choice div.btn_choice p.percentage {
    position: relative;
    margin: 35px 0 0 0
}

.multi_ls01 li .saving_choice div.btn_choice p.percentage span {
    display: inline-block;
    font-size: 24px;
    color: #4868e1;
    font-weight: 700
}

.multi_ls01 li .saving_choice div.btn_choice p.percentage span:first-child {
    font-size: 38px
}

.serv_article {
    margin-top: 56px;
    border-top: 1px solid #ddd
}

.serv_article:first-child {
    border-top: 0
}

.serv_title {
    padding: 30px 0 30px;
    font-size: 20px;
    color: #111
}

.serv_title .badge {
    display: inline-block;
    min-width: 52px;
    margin-left: 10px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #4868e1;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.serv_title .badge.yet {
    background-color: #d92c2c
}

.serv_cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 21px 0 34px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.serv_cont dl {
    overflow: hidden;
    width: 50%;
    margin-top: 15px;
    padding: 0 65px;
    font-size: 16px;
    color: #111
}

.serv_cont dl dt {
    float: left;
    width: 40%;
    text-align: left
}

.serv_cont dl dd {
    float: left;
    width: 60%;
    padding-left: 20px;
    text-align: right
}

.survey_box.type01 .form_type .form_ele.sm {
    padding-left: 150px
}

.DIY_point dl dt {
    padding: 25px 0;
    font-size: 24px;
    color: #111;
    font-weight: 700
}

.DIY_point dl dd {
    padding: 30px 50px;
    background: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 30px;
    text-align: right;
    color: #4868e1;
    font-weight: 700
}

.DIY_point dl dd.pick {
    padding: 0;
    background: #fff;
    font-size: initial;
    font-weight: 400
}

.DIY_point dl dd.txt dl dt, .DIY_point dl dd.txt dl dd {
    font-size: initial
}

.DIY_point .table_wrap table .interval span {
    padding-right: 30px
}

.accordion_header.DIY_service_item.point button.acc_btn.medium .date {
    display: inline;
    padding-right: 65px;
    font-size: 16px
}

.accordion_header.DIY_service_item.point button.acc_btn.medium .brand {
    font-size: 20px
}

.accordion_header.DIY_service_item.point button.acc_btn.medium .point {
    float: right;
    padding-right: 80px;
    font-size: 20px;
    font-weight: 700;
    color: #4868e1
}

.card_confirm {
    margin-top: 80px;
    margin-bottom: 100px;
    text-align: center
}

.card_confirm .img {
    display: block;
    width: 320px;
    height: 203px;
    margin: 0 auto
}

.card_confirm .img.vertical {
    width: 203px;
    height: 320px
}

.card_confirm .img img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.card_confirm .card_tit {
    margin-top: 43px;
    font-weight: 700;
    font-size: 24px;
    color: #000
}

.card_confirm .btn_wrap {
    margin-top: 74px
}

.survey_box.type03 {
    padding: 45px 0 69px
}

.bacode_area {
    max-width: 330px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 27px 43px 22px;
    border-radius: 16px;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.05)
}

.bacode_area img {
    width: 100%;
    height: auto
}

.bacode_area p.code_number {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    color: #000;
    text-align: center
}

.members_card_info {
    width: 100%;
    margin-bottom: 52px
}

.members_card_info li {
    width: 50%;
    float: left;
    margin-bottom: 8px
}

.members_card_info li:nth-child(odd) {
    padding-right: 4px
}

.members_card_info li:nth-child(even) {
    padding-left: 4px
}

.members_card_info li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 144px;
    padding: 24px;
    text-decoration: none;
    background: #f8f8f8;
    box-sizing: border-box;
    border-radius: 15px
}

.members_card_info li > a:after {
    content: "";
    position: absolute;
    bottom: 28px;
    right: 24px;
    display: block;
    width: 32px;
    height: 32px;
    background: url(/pconts/images/contents/card/members_plus.gif)
}

.members_card_info li span {
    display: inline-block;
    background: transparent;
    padding: 0
}

.members_card_info li span.emblem {
    width: 130px;
    height: 45px;
    overflow: hidden;
    text-indent: -3000px
}

.members_card_info li a.happy_point span.emblem {
    background: url(/pconts/images/contents/card/members_mk01_off.gif) no-repeat 0 0 / 130px
}

.members_card_info li a.cu span.emblem {
    background: url(/pconts/images/contents/card/members_mk03_off.gif) no-repeat 0 0 / 130px
}

.members_card_info li a.soil span.emblem {
    background: url(/pconts/images/contents/card/members_mk05_off.gif) no-repeat 0 0 / 130px
}

.members_card_info li a.cjone span.emblem {
    background: url(/pconts/images/contents/card/members_mk07_off.gif) no-repeat 0 0
}

.members_card_info li span.membership_status {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 4px 8px;
    background: #fff;
    font-size: 14px;
    color: #111;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    font-weight: 700
}

.members_card_info li span.membership_status .t1 {
    display: block
}

.members_card_info li span.membership_status .t2 {
    display: none
}

.members_card_info li.checked > a:after {
    width: 8px;
    height: 8px;
    background: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg)
}

.members_card_info li.checked span.membership_status .t1 {
    display: none
}

.members_card_info li.checked span.membership_status .t2 {
    display: block
}

.members_card_info li.checked span.membership_status {
    display: none
}

.members_card_info li.checked a.happy_point {
    background: #f98eb7
}

.members_card_info li.checked a.happy_point span.emblem {
    background: url(/pconts/images/contents/card/members_mk01_on.gif) no-repeat 0 0 / 130px
}

.members_card_info li.checked a.cu {
    background: #6b2891
}

.members_card_info li.checked a.cu span.emblem {
    background: url(/pconts/images/contents/card/members_mk03_on.gif) no-repeat 0 0 / 130px
}

.members_card_info li.checked a.soil {
    background: #009251
}

.members_card_info li.checked a.soil span.emblem {
    background: url(/pconts/images/contents/card/members_mk05_on.gif) no-repeat 0 0 / 130px
}

.members_card_info li.checked a.cjone {
    background: #666666
}

.members_card_info li.checked a.cjone span.emblem {
    background: url(/pconts/images/contents/card/members_mk07_on.gif) no-repeat 0 0
}

.memtop_sec {
    width: 100%;
    height: 216px;
    padding-top: 50px;
    text-align: center
}

.memtop_sec .mem_cont {
    color: #fff
}

.memtop_sec .mem_cont .symbol {
    width: 140px;
    margin: 0 auto
}

.memtop_sec .mem_cont .symbol > img {
    margin-left: 30px;
    width: 100%
}

.memtop_sec.color_sec02 .mem_cont .symbol > img {
    margin-left: 20px
}

.memtop_sec.color_sec07 .mem_cont .symbol > img {
    margin-left: 0
}

.memtop_sec .mem_cont .memb_cdn_act {
    padding-top: 25px;
    font-size: 18px
}

.color_sec01 {
    background-color: #008f8f
}

.color_sec02 {
    background-color: #f98eb7
}

.color_sec03 {
    background-color: #6b2891
}

.color_sec04 {
    background-color: #192d6a
}

.color_sec05 {
    background-color: #009251
}

.color_sec06 {
    background-color: #222
}

.color_sec07 {
    background-color: #404040
}

.membership_area {
    display: table;
    width: 100%;
    background-color: #fafafa;
    text-align: center
}

.membership_area .ly_inner {
    display: table-cell;
    width: 100%;
    height: 230px;
    padding: 40px 0;
    vertical-align: middle
}

.membership_area.type02 .ly_inner {
    height: 216px
}

.membership_area.happypoint_type {
    background-color: #f98eb7
}

.membership_area.cu_type {
    background-color: #6b2891
}

.membership_area.soil_type {
    background-color: #009251
}

.membership_area.cjone_type {
    background-color: #111
}

.membership_area .img_logo {
    display: inline-block;
    width: 240px;
    height: 72px;
    vertical-align: middle
}

.membership_area .img_logo img {
    height: 100%
}

.membership_area.happypoint_type .img_logo {
    padding: 6px 0
}

.membership_area.cu_type .img_logo {
    padding: 9px 0
}

.membership_area.soil_type .img_logo {
    padding: 12px 0
}

.membership_area.cjone_type .img_logo {
    padding: 0
}

.membership_area .add_info {
    margin: 14px 0 0;
    padding-bottom: 12px
}

.membership_area .add_info p {
    font-size: 20px;
    color: #fff
}

.membership_area .add_info p em {
    margin-right: 10px;
    font-weight: 700
}

.membership_area .add_info p.date {
    font-size: 15px
}

.membership_area .link_area {
    margin-top: 18px;
    margin-bottom: -2px
}

.membership_area .link_area .link {
    font-weight: 400;
    color: #fff
}

.membership_area .link_area .link + .link {
    margin-left: 27px
}

.membership_area .link_area .link:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: -2px 0 0 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
    transform: rotate(-45deg)
}

.membership_area .link_area .link span {
    position: relative
}

.membership_area .memb_cdn_act {
    margin-top: 25px;
    padding-bottom: 12px;
    font-size: 18px;
    color: #fff
}

.col120_96 {
    width: 120px
}

.pop_cont .diy_pop_brand ul {
    border-bottom: 1px solid #ededed
}

.pop_cont .diy_pop_brand li {
    float: left;
    width: 25%;
    margin-bottom: -1px;
    padding: 30px 0;
    border-bottom: 1px solid #ededed;
    text-align: center
}

.pop_cont .diy_pop_brand li > img {
    width: 130px;
    padding-bottom: 30px
}

.pop_cont .diy_pop_brand li p {
    color: #111
}

.area365 .inner > p {
    padding-top: 26px;
    margin-bottom: 30px
}

.area365 .inner .imgBox {
    width: 100%
}

.area365 .inner .imgBox ul {
    width: 100%;
    padding: 3px 0 55px 0
}

.area365 .inner .imgBox ul li {
    float: left
}

.area365 .inner .imgBox ul li div {
    float: left;
    width: 40px;
    height: 40px
}

.area365 .inner .imgBox ul li p {
    display: inline-block;
    padding-left: 20px;
    line-height: 40px
}

.area365 .inner .imgBox ul li:first-child div {
    margin-left: 166px;
    background: url("/pconts/images/contents/card/icon_time.png")no-repeat;
    background-size: 40px
}

.area365 .inner .imgBox ul li:nth-child(2) div {
    margin-left: 92px;
    background: url("/pconts/images/contents/card/icon_week.png")no-repeat;
    background-size: 40px
}

.area365 .inner .imgBox ul li:last-child div {
    margin-left: 88px;
    background: url("/pconts/images/contents/card/icon_speed.png")no-repeat;
    background-size: 40px
}

.thematext {
    display: inline-block;
    float: left;
    width: auto;
    height: 29px;
    line-height: 29px;
    margin-left: 20px
}

.themaImg {
    display: inline-block;
    float: left;
    width: 70px;
    height: 29px
}

.table_wrap .ever {
    background: url("/pconts/images/contents/card/detail_everland.png")no-repeat
}

.table_wrap .bay {
    background: url("/pconts/images/contents/card/detail_bay.png")no-repeat
}

.table_wrap .lotte {
    background: url("/pconts/images/contents/card/detail_lotte.png")no-repeat
}

.table_wrap .seoul {
    background: url("/pconts/images/contents/card/detail_seoul.png")no-repeat
}

.map_api {
    width: 100%;
    height: 518px
}

.map_api2 {
    width: 100%;
    height: 518px
}

.map_api img {
    width: 100%;
    height: 100%
}

.map_api2 img {
    width: 100%;
    height: 100%
}

.card_map_01 {
    background: url("/pconts/images/contents/card/map_63way.png")no-repeat;
    background-size: 100%
}

.card_map_02 {
    background: url("/pconts/images/contents/card/map_busansintrain.png")no-repeat;
    background-size: 100%
}

.card_map_03 {
    background: url("/pconts/images/contents/card/map_busantrain.png")no-repeat;
    background-size: 100%
}

.card_map_04 {
    background: url("/pconts/images/contents/card/map_myeongdong.png")no-repeat;
    background-size: 100%
}

.card_map_05 {
    background: url("/pconts/images/contents/card/map_jeondok.png")no-repeat;
    background-size: 100%
}

.card_map_06 {
    background: url("/pconts/images/contents/card/map_doosanwive.png")no-repeat;
    background-size: 100%
}

.card_map_07 {
    background: url("/pconts/images/contents/card/map_sc.png")no-repeat;
    background-size: 100%
}

.card_map_08 {
    background: url("/pconts/images/contents/card/map_fraser.png")no-repeat;
    background-size: 100%
}

.card_map_09 {
    background: url("/pconts/images/contents/card/map_central.png")no-repeat;
    background-size: 100%
}

.card_map_10 {
    background: url("/pconts/images/contents/card/map_opisia.png")no-repeat;
    background-size: 100%
}

.card_map_11 {
    background: url("/pconts/images/contents/card/map_rakSadang.png")no-repeat;
    background-size: 100%
}

.card_map_12 {
    background: url("/pconts/images/contents/card/map_c&h.png")no-repeat;
    background-size: 100%
}

.card_map_13 {
    background: url("/pconts/images/contents/card/map_jeilpark.png")no-repeat;
    background-size: 100%
}

.card_map_14 {
    background: url("/pconts/images/contents/card/map_golden.png")no-repeat;
    background-size: 100%
}

.card_map_15 {
    background: url("/pconts/images/contents/card/map_topbuilding.png")no-repeat;
    background-size: 100%
}

.card_map_16 {
    background: url("/pconts/images/contents/card/map_uspark.png")no-repeat;
    background-size: 100%
}

.card_map_17 {
    background: url("/pconts/images/contents/card/map_cgvdegu.png")no-repeat;
    background-size: 100%
}

.card_map_18 {
    background: url("/pconts/images/contents/card/map_nc.png")no-repeat;
    background-size: 100%
}

.card_map_19 {
    background: url("/pconts/images/contents/card/map_gimheaAir.png")no-repeat;
    background-size: 100%
}

.card_map_20 {
    background: url("/pconts/images/contents/card/map_ulsanAir.png")no-repeat;
    background-size: 100%
}

.card_map_21 {
    background: url("/pconts/images/contents/card/map_seoultrain.png")no-repeat;
    background-size: 100%
}

.card_map_22 {
    background: url("/pconts/images/contents/card/map_gwangmyeongtrain.png")no-repeat;
    background-size: 100%
}

.card_map_23 {
    background: url("/pconts/images/contents/card/map_daejeontrain.png")no-repeat;
    background-size: 100%
}

.card_map_24 {
    background: url("/pconts/images/contents/card/map_cheonantrain.png")no-repeat;
    background-size: 100%
}

.card_map_25 {
    background: url("/pconts/images/contents/card/map_dongdegutrain.png")no-repeat;
    background-size: 100%
}

.card_map_26 {
    background: url("/pconts/images/contents/card/map_gwangjutrain.png")no-repeat;
    background-size: 100%
}

.card_map_27 {
    background: url("/pconts/images/contents/card/map_gyeonjutrain.png")no-repeat;
    background-size: 100%
}

.card_map_28 {
    background: url("/pconts/images/contents/card/map_iksantrain.png")no-repeat;
    background-size: 100%
}

.card_map_29 {
    background: url("/pconts/images/contents/card/map_ulsantrain.png")no-repeat;
    background-size: 100%
}

.icon_detailcont_wrap {
    margin-right: 55px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #ddd
}

.icon_detailcont_wrap .icon_list_detailcont {
    margin: 0 35px
}

.icon_detailcont_wrap .icon_list_detailcont li {
    width: calc(50% - 10px);
    padding: 30px 0 15px;
    border-bottom: 1px solid #eeeeee;
    margin-right: 20px;
    float: left;
    text-align: center
}

.icon_detailcont_wrap .icon_list_detailcont li:nth-child(even) {
    margin-right: 0
}

.icon_detailcont_wrap .icon_list_detailcont li:nth-last-child(2) {
    border-bottom: none
}

.icon_detailcont_wrap .icon_list_detailcont li:last-child {
    border-bottom: none
}

.icon_detailcont_wrap .icon_list_detailcont li > img {
    width: 50px
}

.icon_detailcont_wrap .icon_list_detailcont li p {
    padding-top: 10px;
    min-height: 54px;
    color: #333
}

.cont_logo img {
    width: 62px;
    padding: 0 5px
}

.img_hipas_list {
    padding-bottom: 40px
}

.img_hipas_list > li {
    position: relative;
    flex: 1 1 auto;
    padding: 0 10px;
    padding-top: 20px;
    text-align: center
}

.img_hipas_list > li > img {
    width: 170px;
    margin: 20px 20px 10px
}

.img_hipas_list > li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -3px;
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #ddd;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.img_hipas_list > li:last-child::after {
    display: none
}

.cardimg_disabled li {
    display: inline-block;
    float: left
}

.cardimg_disabled li:first-child {
    margin-right: 20px
}

.cardimg_disabled li > img {
    width: 286px;
    padding-bottom: 10px
}

.ico_brand {
    display: inline-block;
    width: 44px;
    height: 23px;
    vertical-align: middle
}

.ico_brand img {
    width: 44px;
    height: 23px
}

.detail_ele {
    width: 100%;
    position: relative
}

.detail_ele .carddetail_name {
    display: inline-block;
    float: left;
    width: 83px;
    padding-top: 10px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.detail_ele .detail_input_wrap {
    display: inline-block;
    width: calc(100% - 88px)
}

.detail_ele .detail_input_wrap input {
    background-color: rgb(255, 255, 255)
}

.detail_ele .detail_error {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400
}

.cost_box {
    width: 100%;
    height: auto
}

.cost_box > div {
    background-color: #f2f4f6;
    width: 460px;
    height: 128px;
    border-radius: 4px;
    font-size: 15px;
    text-align: center;
    color: #333
}

.cost_box > div p {
    width: 100%
}

.cost_box .left_box {
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 60px;
    padding-top: 37px
}

.cost_box .left_box:before {
    content: '';
    display: block;
    position: absolute;
    right: -31px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -4px 0 0 0;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.cost_box .right_box {
    display: inline-block;
    padding-top: 26px
}

.cost_box div .first_text {
    margin-bottom: 11px
}

.card_center_list .accordion_header button.acc_btn:after, .card_center_list .accordion_header a[role="button"].acc_btn:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border: solid #bdbdbd 1px;
    border-radius: 50%;
    background: url(/pconts/images/common/acco_arrow_bottom.png) no-repeat center;
    background-size: 10px 6px;
    transform: rotate(180deg)
}

.card_center_list .accordion_header button.acc_btn.on:after, .card_center_list .accordion_header a[role="button"].acc_btn.on:after {
    transform: rotate(0)
}

.card_center_list {
    border-bottom: 1px solid #ddd
}

.card_center_list .accordion_header.on button.acc_btn.on, .card_center_list .accordion_header a[role="button"].acc_btn.on {
    border-top: 2px solid #333333
}

.card_center_list dl .card_center_pop {
    padding: 20px 50px 16px 20px
}

.card_center_list dl .card_center_pop .center_name {
    font-size: 15px;
    color: #111;
    font-weight: 700;
    margin-bottom: 16px
}

.card_center_list dl .card_center_pop .center_address {
    font-size: 13px;
    color: #111;
    font-weight: 400
}

.card_center_list dl dd .inner {
    padding: 0 20px 20px
}

.center_info_list {
    display: table;
    width: 100%
}

.center_info_list dl {
    display: table-row;
    width: 100%
}

.center_info_list dl dt {
    display: table-cell;
    float: left;
    width: 152px;
    padding-top: 20px;
    font-size: 15px;
    color: #111
}

.center_info_list dl dd {
    display: table-cell;
    float: left;
    width: calc(100% - 152px);
    padding-top: 20px;
    font-size: 15px;
    color: #333
}

.no_serchbox {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
    padding: 56px 0 56px
}

.no_serchbox p {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    text-align: center
}

.no_serchbox .complete_body.type02 {
    padding-top: 135px;
    background-position: center 0px
}

.carddetail_qr_box {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px
}

.carddetail_qr_box img {
    display: block;
    width: 76px;
    height: 75px;
    margin: 0 52px 0 52px
}

.carddetail_qr_box p {
    width: 100%;
    margin-top: 7px;
    text-align: center;
    font-size: 15px;
    color: #111;
    font-weight: 700
}

.carddetail_qr_box::after {
    content: '';
    display: block;
    clear: both
}

.carddetail_qr_btn {
    display: none
}

.card_detail_step4 {
    width: 100%
}

.card_detail_step4 .card_step_box {
    display: inline-block;
    position: relative;
    float: left;
    width: 201px;
    background-color: #f2f4f6;
    margin-right: 59px;
    padding: 18.5px 0;
    border-radius: 3px
}

.card_detail_step4 .card_step_box:before {
    content: '';
    display: block;
    position: absolute;
    right: -31px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -4px 0 0 0;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.card_detail_step4 .card_step_box:nth-child(3) {
    margin-right: 58px
}

.card_detail_step4 .card_step_box:nth-child(4) {
    margin-right: 0px
}

.card_detail_step4 .card_step_box:nth-child(4):before {
    display: none
}

.card_detail_step4::after {
    content: '';
    display: block;
    clear: both
}

.card_detail_step4 .card_step_box p {
    width: 100%;
    font-size: 15px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.card_detail_step3 {
    width: 100%
}

.card_detail_step3 .card_step_box {
    display: inline-block;
    position: relative;
    float: left;
    width: 287px;
    background-color: #f2f4f6;
    margin-right: 59px;
    padding: 18.5px 0;
    border-radius: 3px
}

.card_detail_step3 .card_step_box:before {
    content: '';
    display: block;
    position: absolute;
    right: -31px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -4px 0 0 0;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.card_detail_step3 .card_step_box:nth-child(2) {
    margin-right: 60px
}

.card_detail_step3 .card_step_box:nth-child(3) {
    margin-right: 0px
}

.card_detail_step3 .card_step_box:nth-child(3):before {
    display: none
}

.card_detail_step3::after {
    content: '';
    display: block;
    clear: both
}

.card_detail_step3 .card_step_box p {
    width: 100%;
    font-size: 15px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.card_detail_yogiyoStep {
    width: 100%
}

.card_detail_yogiyoStep .card_step_box {
    display: inline-block;
    position: relative;
    float: left;
    width: 287px;
    background-color: #f2f4f6;
    margin-right: 59px;
    padding: 24px 0;
    border-radius: 3px
}

.card_detail_yogiyoStep .card_step_box:before {
    content: '';
    display: block;
    position: absolute;
    right: -31px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -4px 0 0 0;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.card_detail_yogiyoStep .card_step_box:nth-child(2) {
    margin-right: 60px
}

.card_detail_yogiyoStep .card_step_box:nth-child(3) {
    margin-right: 0px
}

.card_detail_yogiyoStep .card_step_box:nth-child(3):before {
    display: none
}

.card_detail_yogiyoStep .card_step_box .yogiyo_step_title {
    margin-bottom: 10px;
    font-weight: 700
}

.card_detail_yogiyoStep::after {
    content: '';
    display: block;
    clear: both
}

.card_detail_yogiyoStep .card_step_box p {
    width: 100%;
    font-size: 15px;
    color: #333;
    text-align: center
}

.card_design_jyp_wrap .cd_item {
    display: inline-block
}

.card_design_jyp_wrap .cd_item label[for="card_design02"] {
    margin-left: 31px
}

.card_design_jyp_wrap .cd_item + .cd_item +.cd_item {
    margin-top: 40px
}

.card_design_jyp_wrap .cd_item + .cd_item +.cd_item +.cd_item {
    margin-top: 40px;
    margin-left: 31px
}

.card_design_jyp_wrap label {
    display: inline-block;
    position: relative;
    width: 180px;
    vertical-align: middle
}

.card_design_jyp_wrap label .img {
    display: block;
    width: 180px;
    height: 286px
}

.card_design_jyp_wrap label .img img {
    width: 180px;
    height: 286px;
    border-radius: 13px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
}

.card_design_jyp_wrap label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.card_design_jyp_wrap label input[type="radio"] + span {
    display: inline-block;
    position: relative;
    min-height: 26px;
    padding: 1px 0 0 35px;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    vertical-align: middle
}

.card_design_jyp_wrap label input[type="radio"] + span:before, .card_design_jyp_wrap label input[type="radio"] + span:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%
}

.card_design_jyp_wrap label input[type="radio"] + span:before {
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    background-color: #fff
}

.card_design_jyp_wrap label input[type="radio"] + span:after {
    display: none;
    left: 6px;
    top: 6px;
    width: 14px;
    height: 14px;
    background-color: #4868e1
}

.card_design_jyp_wrap label input[type="radio"]:checked + span:after {
    display: block
}

.card_premier_gold_edition_detail {
    margin-bottom: 15px;
    background-color: #040000;
    background-repeat: no-repeat;
    border-radius: 4px
}

.card_premier_gold_edition_detail .title {
    font-size: 24px;
    font-weight: 700
}

.card_premier_gold_edition_detail .gold {
    color: #cb9f69
}

.card_premier_gold_edition_detail .sub_title {
    font-size: 20px;
    font-weight: 400;
    color: #ebebeb
}

.card_premier_gold_edition_detail .text {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #c6c5c5
}

.card_premier_gold_edition_detail.overview {
    padding: 60px 0 85px;
    background-image: url('/pconts/images/contents/card/img_the_premier_gold_edition_overview.png');
    text-align: center
}

.card_premier_gold_edition_detail.overview .title {
    margin: 15px 0 35px
}

.card_premier_gold_edition_detail.card .card1 {
    padding: 60px 50px 0px;
    background-image: url('/pconts/images/contents/card/img_the_premier_gold_edition_card_bg.png');
    background-size: contain;
    background-repeat: no-repeat
}

.card_premier_gold_edition_detail.card .title {
    margin: 21px 0 26px
}

.card_premier_gold_edition_detail.card .card1 .text_area {
    display: inline-block;
    padding-bottom: 54px;
    padding-left: 270px;
    border-bottom: 1px solid #363333;
    text-align: center
}

.card_premier_gold_edition_detail.card .card2 {
    padding: 60px 0 85px
}

.card_premier_gold_edition_detail.card .card2 ul {
    text-align: center;
    font-size: 0
}

.card_premier_gold_edition_detail.card .card2 ul li {
    display: inline-block;
    margin: 0 45px
}

.card_premier_gold_edition_detail.card .card2 ul li .card_type {
    margin-top: 7px;
    font-size: 15px;
    color: #fff;
    text-align: left
}

.card_benefit_cj_point {
    margin-bottom: 20px
}

.card_benefit_cj_point .cj_point_list::after {
    content: '';
    display: block;
    clear: both
}

.card_benefit_cj_point .cj_point_list li {
    float: left;
    width: 20%;
    padding: 0 5px 10px;
    text-align: center
}

.card_benefit_cj_point .cj_point_list li .brand_box {
    width: 100%;
    padding: 7px 18px 13px;
    border: 1px solid #bbb;
    border-radius: 3px
}

.card_benefit_cj_point .cj_point_list li .logo {
    height: 44px;
    background-size: 150px 44px;
    background-repeat: no-repeat;
    background-position: center;
}

.card_benefit_cj_point .cj_point_list li .logo.cgv {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_01_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.tous {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_02_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.vips {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_03_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.twosome {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_04_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.cjmall {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_05_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.mnet {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_06_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.oliveyoung {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_07_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.cjonmart {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_08_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.tving {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_09_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.bibigo {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_10_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.theplace {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_11_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.cheil {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_12_M.jpg")
}

.card_benefit_cj_point .cj_point_list li .logo.vipsburger {
    background-image: url("/pconts/images/contents/card/brand_logo_cj_13_M.jpg")
}

.card_benefit_cj_point .cj_point_list .brand {
    margin-top: 10px;
    font-size: 15px;
    line-height: 15px;
    color: #111
}

.card_detail_bank_list li {
    float: left;
    width: 20%;
    padding: 5px
}

.card_detail_bank_list li .bank_img_box {
    width: 100%;
    height: 60px;
    padding: 7px 18px;
    border: solid 1px #ddd;
    border-radius: 3px
}

.card_detail_bank_list li .mirae {
    background: url("/pconts/images/contents/card/card_bank_mirae.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .woori {
    background: url("/pconts/images/contents/card/card_bank_woori.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .keb {
    background: url("/pconts/images/contents/card/card_bank_keb.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .cs {
    background: url("/pconts/images/contents/card/card_bank_sc.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .post {
    background: url("/pconts/images/contents/card/card_bank_post.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .ibk {
    background: url("/pconts/images/contents/card/card_bank_ibk.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .bnk {
    background: url("/pconts/images/contents/card/card_bank_bnk.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .saemaeul {
    background: url("/pconts/images/contents/card/card_bank_saemaeul.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list li .citi {
    background: url("/pconts/images/contents/card/card_bank_citi.png")no-repeat center center;
    background-size: 150px 44px
}

.card_detail_bank_list::after {
    content: '';
    display: block;
    clear: both
}

.card_prd_list02 {
    border-bottom: 1px solid #ddd
}

.card_prd_list02 ul {
    overflow: hidden
}

.card_prd_list02 ul>li {
    padding: 60px 68px 50px;
    border-top: 1px solid #eee;
    vertical-align: top
}

.card_prd_list02 ul>li:first-child {
    border-top: 0
}

.card_prd_list02 ul>li>div {
    position: relative;
    min-height: 171px;
    padding-left: 351px
}

.card_prd_list02 .card_name {
    display: inline-block;
    margin-top: -3px;
    margin-bottom: 4px;
    width: 100%;
    font-size: 20px;
    color: #111;
    font-weight: 700;
    vertical-align: middle
}

.card_prd_list02 .card_text {
    width: 100%;
    font-size: 15px;
    color: #333;
    vertical-align: middle
}

.card_prd_list02 .card_desc {
    display: block;
    padding-top: 20px
}

.card_prd_list02 dl {
    display: table;
    width: 100%
}

.card_prd_list02 dl.pdb_bottom {
    padding-bottom: 7px
}

.card_prd_list02 dl dt, .card_prd_list02 dl dd {
    display: table-cell;
    vertical-align: top
}

.card_prd_list02 dl dt {
    width: 58px;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.card_prd_list02 dl dd {
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.card_prd_list02 .round_badge {
    display: inline-block;
    min-width: 54px;
    height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    background-color: #333;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    vertical-align: middle
}

.card_prd_list02 .card_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 271px;
    height: 171px
}

.card_prd_list02 .card_img img {
    width: 100%
}

.card_prd_list02 .list_btn_wrap button {
    width: 114px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 45px
}

.card_prd_list02 .list_btn_wrap button.rectangle.blue {
    border-color: #4868e1;
    color: #fff
}

.card_prd_list02 .list_btn_wrap button.rectangle.darkgray {
    border-color: #4e5b68;
    color: #fff
}

.card_prd_list02 ul>li.vertical>div {
    min-height: 271px
}

.card_prd_list02 ul>li.vertical .card_img img {
    margin-top: 50px;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.marker_number .para {
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    color: #111
}

.jyp_card_list {
    width: 100%;
    padding: 0 35px
}

.jyp_card_list li {
    display: inline-block;
    float: left;
    width: 180px;
    margin-left: 63px
}

.jyp_card_list li:first-child {
    margin-left: 0
}

.jyp_card_list li > span {
    display: block;
    margin-bottom: 15px
}

.jyp_card_list li > span img {
    width: 180px;
    height: 286px
}

.jyp_card_list li > p {
    font-size: 15px;
    color: #111;
    font-weight: 400;
    margin-bottom: 20px
}

.jyp_card_list::after {
    content: '';
    display: block;
    clear: both
}

.solplan_pointbox_detail {
    text-align: center;
}

.solplan_pointbox_detail img {
    width: 224px;
}

.deep_eco_card_list {
    width: 100%;
    padding: 0 36px
}

.deep_eco_card_list li {
    display: inline-block;
    float: left
}

.deep_eco_card_list li > p {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px
}

.deep_eco_card_list li .img_front {
    display: inline-block;
    float: left;
    margin-right: 40px
}

.deep_eco_card_list li .img_front > img {
    width: 180px;
    height: 286px
}

.deep_eco_card_list li .img_back {
    display: inline-block;
    float: left;
    width: 207px
}

.deep_eco_card_list li .img_back > img {
    width: 180px;
    height: 286px
}

.deep_eco_card_list li .img_back p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.deep_eco_card_list li .img_back .first {
    color: #ff0000
}

.deep_eco_card_list li .img_back .second {
    color: #0032c2
}

.deep_eco_card_list li .img_back .third {
    color: #008300
}

.deep_eco_card_list li .img_back .fourth {
    color: #8f00b4
}

.deep_eco_card_list li:nth-child(2) {
    margin-left: 27px
}

.deep_eco_card_list li:nth-child(3) {
    margin-top: 30px
}

.deep_eco_card_list::after {
    content: '';
    display: block;
    clear: both
}

.sLineCheck_design_wrap {
    width: 100%;
    padding: 0 36px
}

.sLineCheck_design_wrap .vertical_box {
    display: inline-block;
    float: left;
    width: 501px;
    border-right: solid 1px #ddd
}

.sLineCheck_design_wrap .design_list li {
    display: inline-block;
    float: left;
    margin-right: 60px
}

.sLineCheck_design_wrap .design_list li:last-child {
    width: calc(100% - 300px)
}

.sLineCheck_design_wrap .design_list li > span {
    display: block
}

.sLineCheck_design_wrap .design_list li > span img {
    width: 180px;
    height: 286px
}

.sLineCheck_design_wrap .design_list li p {
    margin-top: 11px;
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.sLineCheck_design_wrap .design_list li p .first {
    color: #ff0000
}

.sLineCheck_design_wrap .design_list li p .second {
    color: #0032c2
}

.sLineCheck_design_wrap .design_list li p .third {
    color: #008300
}

.sLineCheck_design_wrap .design_list li p .fourth {
    color: #8f00b4
}

.sLineCheck_design_wrap .horizental_box {
    display: inline-block;
    padding: 53px 41px 75px 80px
}

.sLineCheck_design_wrap .horizental_box span {
    display: block
}

.sLineCheck_design_wrap .horizental_box span img {
    width: 286px;
    height: 180px
}

.sLineCheck_design_wrap .horizental_box p {
    margin-top: 11px;
    font-size: 15px;
    font-weight: 400;
    color: #111
}

.sLineCheck_design_wrap::after {
    content: '';
    display: block;
    clear: both
}

.card_design_wrap {
    display: inline-block
}

.card_img_box {
    display: inline-block;
    float: left;
    padding: 0 102px
}

.card_img_box span img {
    width: 286px
}

.card_img_box p {
    margin-top: 11px;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    text-align: center
}

.card_design_wrap::after {
    content: '';
    display: block;
    clear: both
}

.left_wrap .swiper-container .option_position {
    bottom: 30px
}

.annualSelect {
    margin: 0 -20px 0;
    height: auto
}

.annualSelect .box {
    display: inline-block;
    float: left;
    width: auto
}

.annualSelect .box.mgr {
    margin-left: 33px
}

.annualSelect .box::after {
    content: '';
    display: block;
    clear: both
}

.annualSelect .box .select_wrap {
    width: 100%
}

.annualSelect .box .select_wrap label {
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 18px;
    line-height: 44px;
    font-size: 15px;
    color: #111
}

.annualSelect .box .select_wrap .ui_select {
    width: 130px
}

.card_select .text_tip {
    text-align: left;
    margin-left: -20px;
    margin-right: -20px
}

.card_select::after {
    content: '';
    display: block;
    clear: both
}

.annualSelect::after {
    content: '';
    display: block;
    clear: both
}

.select_wrap::after {
    content: '';
    display: block;
    clear: both
}

.ele_tit .switch .slider {
    background: #eee url(/pconts/images/contents/card/chck_off.png) no-repeat 72px 50%
}

.ele_tit .switch .slider::before {
    background: #4868e1 url(/pconts/images/contents/card/gage_on.png) no-repeat 50% 50%
}

.ele_tit .switch input:checked + .slider {
    background: #eee url(/pconts/images/contents/card/gage_off.png) no-repeat 17px 50%
}

.ele_tit .switch input:checked + .slider::before {
    background-image: url(/pconts/images/contents/card/chck_on.png)
}

@media only screen and (max-width: 1100px) {
    .ntob {
        display:block !important
    }

    .bton {
        display: none !important
    }

    .bton_in {
        display: none !important
    }

    .hide_ele {
        display: none !important
    }

    .w_283 {
        width: 100% !important
    }

    .mobile_link {
        display: inline
    }

    .pc_link {
        display: none
    }

    .font_s24 {
        font-size: 1.8rem
    }

    .font_s28 {
        font-size: 2.4rem
    }

    .font_s28_s20 {
        font-size: 2.0rem
    }

    .font_s28_s18 {
        font-size: 1.8rem
    }

    .font_s24_s17 {
        font-size: 1.7rem
    }

    .font_s32_s30 {
        font-size: 3.0rem
    }

    .pdt0_23 {
        padding-top: 23px
    }

    .card_w_570 {
        width: 100%
    }

    .tab_type01.fixed::before {
        content: '';
        display: block;
        height: 52px
    }

    .tab_type01.fixed .tab_pull {
        top: 50px
    }

    .tab_type01.fixed .tab_pull .tab_list {
        width: 100%;
        padding-left: 20px
    }

    body.app_shfan .tab_type01.fixed .tab_pull {
        top: 0
    }

    .dtxt_area {
        padding-top: 29px
    }

    .dtxt_area .bg_img {
        width: 206px;
        height: 36px;
        background: url(/pconts/images/contents/card/txt_shinhancard_m.png) no-repeat left top;
        background-size: 100% 100%
    }

    .dtxt_area strong {
        margin-top: 0;
        font-size: 5.3rem
    }

    .dtxt_area strong .text_pointer::after {
        bottom: 2px;
        height: 13px
    }

    .dtxt_area p {
        margin-top: 14px
    }

    .shcd_main_menu {
        margin-top: 25px
    }

    .shcd_menu {
        display: block
    }

    .shcd_menu .atc {
        display: block;
        width: 100%;
        height: auto;
        min-height: 90px
    }

    .shcd_menu .atc + .atc {
        margin-top: 10px
    }

    .shcd_menu .atc > a {
        padding: 19px 50px 17px 18px
    }

    .shcd_menu .atc > a:before {
        right: 22px;
        bottom: auto;
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -9px
    }

    .shcd_menu .atc em {
        font-size: 2.4rem;
        line-height: 1.2
    }

    .shcd_menu .atc span {
        margin-top: 0;
        padding-right: 0;
        font-size: 1.6rem;
        line-height: 1.53
    }

    .shcd_menu .atc .atc_inner {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin: 0 -1px -1px;
        padding: 16px 19px 12px;
        border: 1px solid #ddd
    }

    .shcd_menu .atc .atc_inner ul li {
        padding-left: 10px;
        font-size: 1.6rem;
        color: #333
    }

    .shcd_menu .atc .atc_inner ul li + li {
        margin-top: 9px
    }

    .shcd_menu .atc .atc_inner ul li:before {
        top: 11px;
        background-color: #333
    }

    .shcd_menu .atc.active > a:before, .shcd_menu .atc:hover > a:before {
        bottom: auto;
        margin-top: 1px
    }

    .shcd_menu .atc.active .atc_inner, .shcd_menu .atc:hover .atc_inner {
        position: relative
    }

    .video_area {
        margin-top: 30px
    }

    .video_area .video_inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        float: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .video_area .video_inner:after {
        content: '';
        display: block;
        clear: both
    }

    .video_area .video_item {
        left: 0;
        float: none;
        flex: 1 1 auto
    }

    .video_area .video_item + .video_item {
        margin-left: 10px
    }

    .video_area .video_item a {
        height: 100%
    }

    .video_area .video_item a:after {
        background: url(/pconts/images/icon/icon_play_m.png) no-repeat center center;
        background-size: 30px 30px
    }

    .video_area .video_item .video_tit {
        margin-top: 7px;
        font-size: 1.5rem
    }

    .de_card_list {
        display: block;
        padding-top: 60px
    }

    .de_card_list .card_item {
        width: 100%;
        padding: 0;
        margin-top: 50px
    }

    .de_card_list .card_item:nth-child(2) {
        margin-top: 50px
    }

    .de_card_list .card_plate_area {
        min-height: 194px;
        height: auto;
        margin-bottom: 20px
    }

    .de_card_list .card_plate_area::before {
        width: 194px;
        height: 194px;
        margin: -97px 0 0 -97px
    }

    .de_card_list .card_plate {
        width: 217px;
        height: 138px
    }

    .de_card_list .card_plate.vertical_type {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .de_card_list .card_plate img {
        border-radius: 8px
    }

    .de_card_list .card_name {
        margin-bottom: 7px;
        font-size: 1.8rem;
        line-height: 1.26
    }

    .de_card_list .card_desc {
        margin-bottom: 20px;
        font-size: 1.5rem
    }

    .de_card_list .card_name + .btn_cont {
        margin-top: 21px
    }

    .de_card_list .btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .de_card_list .btn_group .btn.default {
        max-width: 180px;
        min-width: 0;
        margin: 0;
        flex: 1
    }

    .de_card_list .btn_group .btn + .btn {
        margin-left: 4px
    }

    .gallery_cont {
        padding-top: 30px
    }

    .gallery_icon {
        width: 158px;
        height: 54px;
        background: url(/pconts/images/contents/card/gallery_s_m.png) no-repeat left top;
        background-size: 158px 54px
    }

    .gallery_cont .gallery_desc {
        line-height: 1.5
    }

    .gallery_cont .gallery_icon + .gallery_desc {
        margin-top: 27px
    }

    .gallyer_swiper {
        margin-top: 24px
    }

    .gallyer_swiper .swiper-button-prev {
        left: -5px;
        top: 45px
    }

    .gallyer_swiper .swiper-button-next {
        right: -5px;
        top: 45px
    }

    .intro_area {
        width: 100%;
        padding: 0 10px
    }

    .intro_area .img {
        width: 127px;
        height: 136px
    }

    .intro_area .desc_area {
        padding-top: 10px;
        margin-left: 15px
    }

    .intro_area .desc_area p {
        font-size: 1.3rem
    }

    .intro_area .desc_area .desc {
        padding-top: 18px;
        background: url(/pconts/images/contents/card/quot_m.png) no-repeat left top;
        background-size: 13px 11px;
        font-size: 1.6rem;
        line-height: 1.41
    }

    .intro_area .desc_area .desc + .name {
        margin-top: 11px
    }

    .gallery_card_list .item {
        width: 100%;
        min-height: 252px;
        margin-top: 50px
    }

    .gallery_card_list .item:nth-child(1) {
        margin-top: 40px
    }

    .gallery_card_list .item:nth-child(2) {
        margin-top: 50px
    }

    .gallery_card_list .item .img {
        bottom: 114px
    }

    .gallery_card_list .item .img img {
        width: 217px;
        height: 138px;
        border-radius: 6px
    }

    .gallery_card_list .item.vertical_type {
        height: 332px
    }

    .gallery_card_list .item.vertical_type .img {
        margin-top: 40px;
        margin-bottom: 40px;
        transform-origin: 50%;
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg)
    }

    .gallery_card_list .item .card_name {
        bottom: 48px;
        height: 50px;
        margin-top: 16px;
        font-size: 1.6rem
    }

    .choice_card_wrap {
        margin-top: 19px
    }

    .choice_card_wrap .choice_card_area {
        margin: 25px 0 35px
    }

    .choice_card_wrap .choice_card_area .img {
        width: 217px;
        height: 138px
    }

    .choice_card_wrap .choice_card_area .card_name {
        margin-top: 15px;
        font-size: 1.6rem
    }

    .choice_card_wrap .choice_card_area .btn_cont {
        margin-top: 18px
    }

    .card_chc {
        margin-top: 11px
    }

    .card_chc .h_title {
        margin-bottom: 9px
    }

    .card_chc .col.col6_12 {
        margin-top: 26px
    }

    .card_chc .col.col6_12:nth-child(2) {
        margin-top: 26px
    }

    .card_chc .btn_cont {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .card_chc .btn_cont .btn + .btn {
        margin-left: 8px
    }

    .card_chc .btn_cont .btn.default {
        max-width: 180px;
        min-width: 0;
        flex: 1
    }

    .card_prd_list ul>li {
        padding: 25px 10px
    }

    .card_prd_list ul>li>div {
        min-height: auto;
        padding-left: 0
    }

    .card_prd_list .card_name {
        display: block;
        margin-top: -3px;
        font-size: 1.7rem;
        line-height: 2.3rem
    }

    .card_prd_list dl {
        margin-top: 5px;
        margin-bottom: 19px;
        line-height: 1.7rem;
        font-size: 1.2rem
    }

    .card_prd_list dl dt {
        width: 35px
    }

    .card_prd_list dl dd {
        padding-left: 7px;
        font-size: 1.1rem
    }

    .card_prd_list .round_badge {
        overflow: hidden;
        min-width: 35px;
        height: 17px;
        padding: 0 5px;
        border-radius: 12px;
        font-weight: 400;
        font-size: 1.0rem;
        line-height: 1.8rem;
        vertical-align: top
    }

    .card_prd_list .card_img_desc {
        display: table;
        width: 100%
    }

    .card_prd_list .card_img, .card_prd_list .card_desc {
        display: table-cell;
        vertical-align: top
    }

    .card_prd_list .card_img {
        position: static;
        width: 100px;
        height: 63px
    }

    .card_prd_list .card_desc {
        padding-left: 30px
    }

    .card_prd_list p {
        font-size: 1.2rem;
        line-height: 1.7rem
    }

    .card_prd_list p.sub_txt {
        font-size: 1.1rem;
        line-height: 1.4rem
    }

    .card_prd_list p + p.sub_txt {
        margin-top: 5px
    }

    .card_prd_list ul>li.vertical>div {
        min-height: 166px
    }

    .card_prd_list ul>li.vertical .card_img img {
        margin-top: 20px
    }

    .btn_wrap + .list_wrap {
        margin-top: 28px
    }

    .list_wrap .sum {
        font-size: 1.2rem
    }

    .list_wrap .card_list {
        margin-top: 11px
    }

    .list_wrap .card_list li {
        display: table;
        width: 100%;
        margin: 0;
        padding: 20px 0 17px;
        font-size: 1.6rem
    }

    .list_wrap .card_list .left_con, .list_wrap .card_list .right_con {
        display: table-cell;
        float: none
    }

    .list_wrap .card_list .left_con {
        width: 70%
    }

    .list_wrap .card_list .right_con {
        width: 30%
    }

    .list_wrap .card_list .date {
        float: none;
        width: 100%;
        margin-top: 6px;
        font-size: 1.3rem
    }

    .list_wrap .card_list strong {
        font-size: 1.6rem
    }

    .list_wrap .card_list strong .bank_num {
        display: block;
        font-size: 1.5rem
    }

    .list_wrap .card_list .amount {
        font-size: 1.8rem
    }

    .list_wrap .card_list .amount span {
        font-weight: 400
    }

    .card_inquiry {
        padding: 15px 0 0 0
    }

    .card_inquiry .card_name {
        font-size: 1.6rem
    }

    .card_inquiry .card_num {
        font-size: 1.6rem
    }

    .card_inquiry .amount {
        margin-top: 15px;
        font-size: 1.5rem
    }

    .card_inquiry .amount span {
        font-size: 2.4rem
    }

    .form_type.type01 {
        padding: 0 0 40px 0
    }

    .form_tit02 {
        display: block;
        margin-top: -3px;
        font-size: 1.8rem
    }

    .form_tit02 span {
        display: block
    }

    .form_tit02 + form, .form_tit02 + .form_ele {
        margin-top: 21px
    }

    .font_s16 {
        margin-top: 8px;
        font-size: 1.6rem
    }

    .noti_box {
        padding: 21px 20px 25px;
        margin-top: 40px;
        margin-bottom: 20px;
        border-radius: 5px
    }

    .noti_box strong {
        font-size: 1.5rem
    }

    .noti_box p {
        font-size: 1.3rem;
        line-height: 1.43
    }

    .noti_box a {
        min-width: 107px;
        height: 22px;
        padding: 0 10px;
        margin-top: 21px;
        border-radius: 11px;
        font-size: 1.3rem;
        line-height: 22px
    }

    .pop_terms_wrap .pop_tit_dep1 {
        margin-bottom: 15px;
        font-size: 1.6rem
    }

    .pop_terms_wrap .pop_tit_dep2 {
        margin-bottom: 5px;
        font-size: 1.5rem
    }

    .pop_terms_wrap p + .pop_tit_dep1 {
        margin-top: 15px
    }

    .pop_terms_wrap p + .pop_tit_dep2 {
        margin-top: 15px
    }

    .card_sec {
        padding-top: 118px
    }

    .card_sec .img {
        width: 200px;
        height: 128px;
        margin-top: -88px
    }

    .card_sec .card_name {
        width: 100%;
        margin: -23px auto 0
    }

    .card_sec .card_name.type01 {
        width: 100%;
        margin: -39px auto 0;
        padding: 0 0 0
    }

    .card_sec.vertical_type {
        padding-top: 138px
    }

    .card_sec.vertical_type .card_name {
        margin: -76px auto 0
    }

    .card_sec.vertical_type .card_name.type01 {
        margin: -92px auto 0
    }

    .card_sec.vertical_type .img {
        margin-top: -108px;
        width: 128px;
        height: 200px
    }

    .card_sec.vertical_type .img img {
        max-width: 200px;
        width: 200px;
        height: 128px;
        margin-top: 36px;
        margin-left: -36px
    }

    .card_sec strong {
        font-size: 1.6rem
    }

    .card_sec strong .btn_question {
        width: 19px;
        height: 19px;
        font-size: 1.1rem;
        line-height: 19px
    }

    .card_sec strong .btn_question span::after {
        width: 19px;
        height: 19px;
        line-height: 19px
    }

    .card_sec + .ly_inner .top_marker .marker_dot {
        padding-top: 30px;
        margin-bottom: 22px
    }

    .card_sec.type02 {
        padding-top: 0
    }

    .card_sec.type02 .img {
        margin-top: -94px
    }

    .card_sec.type02 .card_top_wrap {
        margin-top: -2px;
        padding: 0 0 107px
    }

    .card_sec.type02 .card_name_top {
        font-size: 1.6rem
    }

    .card_sec.type02 .card_name_top + .btn_wrap {
        margin: 9px 0 16px
    }

    .card_sec.type02 .card_name {
        padding: 0 0 42px
    }

    .card_sec.vertical_type.type02 .img {
        margin-top: -143px
    }

    .card_sec.vertical_type.type02 .card_top_wrap {
        padding-bottom: 157px
    }

    .card_sec.vertical_type.type02 .card_name {
        padding-bottom: 46px
    }

    .popup_type01 .pop_cont .bg_gray.pop_card_name {
        padding: 18px 10px 15px
    }

    .popup_type01 .pop_cont .bg_gray.pop_card_name strong {
        font-size: 1.7rem;
        line-height: 21px
    }

    .form_type .form_ele.type01 .auto_name {
        position: absolute;
        top: 0;
        right: 0
    }

    .card_sec03 .img {
        width: 217px;
        height: auto
    }

    .waybill {
        margin: 24px 0 7px;
        padding: 19px 20px
    }

    .waybill p {
        text-align: center
    }

    .waybill p span {
        margin-left: 9px
    }

    #frm + .form_ele {
        margin-top: 27px
    }

    .logo_box img {
        width: 40px
    }

    .df_list_wrap .df_list.type01 .item.tit {
        width: 30%;
        padding-right: 0px;
        word-break: normal
    }

    .df_list_wrap .df_list.type01 .item.con {
        width: 70%
    }

    .delivery_step {
        padding: 30px 10px
    }

    .delivery_step ul li + li {
        padding-top: 35px
    }

    .delivery_step ul li .condition::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        border-left: 1px solid #eeeeee;
        height: 100%;
        text-align: center;
        margin-left: 34px
    }

    .delivery_step ul li:last-child .condition::before {
        height: calc(100% - 68px)
    }

    .delivery_step ul li .condition .code > p {
        float: left;
        width: 68px;
        height: 68px;
        font-size: 1.5rem;
        line-height: 68px
    }

    .delivery_step ul li .condition .summery {
        width: 77%;
        display: inline-block;
        padding-left: 20px
    }

    .delivery_step ul li .condition .summery .date {
        font-size: 1.3rem;
        padding-top: 1px
    }

    .delivery_step ul li .condition .summery .pick {
        font-size: 1.3rem
    }

    .df_list_wrap.card_tbl {
        padding-top: 0;
        padding-bottom: 15px
    }

    .lgtxt_box .txt_lg {
        margin-bottom: 30px;
        font-size: 2.4rem
    }

    .lgtxt_box .txt_lg + .text_basic {
        font-size: 1.5rem
    }

    .info_logo .info_txt {
        font-size: 1.3rem
    }

    .info_logo .info_txt > span:last-child {
        display: inline-block;
        padding-top: 10px
    }

    .check_wrap.check_only {
        display: block;
        padding-right: 55px
    }

    .check_wrap.check_only .check_agree input[type="checkbox"] + span {
        padding: 15px 0 13px 52px
    }

    .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {
        top: 19px
    }

    .check_wrap.check_only .btn_check_pop {
        top: 16px;
        font-size: 1.3rem
    }

    .agree_check_ul .check_only .btn_tooltip {
        margin-left: 3px
    }

    .appStep .contents {
        padding-bottom: 0px !important
    }

    .appStep .contents .ly_inner.gap60_30 {
        margin-bottom: 0 !important
    }

    .appStep .contents .bg_padb {
        padding-bottom: 170px !important
    }

    .top_accodion_big {
        padding-top: 4px
    }

    .top_accodion_big .accordion_header button.acc_btn {
        padding-bottom: 18px;
        font-size: 1.6rem
    }

    .top_accodion_big .accordion_body .area {
        padding: 10px 15px 8px
    }

    .tab_type01 + .ext_ele {
        margin-top: -20px
    }

    .before_comm {
        padding: 0
    }

    .before_comm > div {
        margin-left: 0
    }

    .before_comm ul {
        display: block
    }

    .before_comm ul li {
        display: block;
        float: none;
        padding: 2px 0 2px;
        text-align: left
    }

    .before_comm ul li > div {
        position: relative;
        min-height: 32px;
        padding: 7px 5px 7px 30px
    }

    .before_comm ul li i {
        position: absolute;
        left: 0;
        top: 50%;
        height: 22px;
        margin-top: -11px
    }

    .before_comm ul li i.icon_clock {
        width: 22px;
        background: url(/pconts/images/icon/clock.png) no-repeat left top;
        background-size: 100%
    }

    .before_comm ul li i.icon_phone {
        width: 22px;
        background: url(/pconts/images/icon/phone.png) no-repeat left top;
        background-size: 100%
    }

    .before_comm ul li i.icon_bank {
        width: 22px;
        background: url(/pconts/images/icon/account.png) no-repeat left top;
        background-size: 100%
    }

    .before_comm ul li i.icon_cert {
        width: 22px;
        background: url(/pconts/images/icon/id_card.png) no-repeat left top;
        background-size: 100%
    }

    .before_comm ul li p {
        margin-top: 0;
        font-size: 1.3rem
    }

    .before_comm .col04 li {
        display: inline-block;
        float: left;
        width: 50%
    }

    .card_sec .card_name_top {
        padding: 5px 0 15px;
        font-size: 1.6rem
    }

    .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand {
        padding-bottom: 10px
    }

    .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand {
        padding-bottom: 9px
    }

    .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand em {
        padding-top: 4px;
        font-size: 1.2rem;
        color: #333
    }

    .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand em {
        font-weight: 700;
        color: #333
    }

    .radio_wrap.type_grid .card_brand img {
        width: 41px
    }

    .info_bank .lg_txt {
        padding-bottom: 10px;
        font-size: 1.6rem
    }

    .info_bank .sm_txt {
        font-size: 1.3rem
    }

    .info_bank ul {
        padding-left: 15px
    }

    .info_bank ul li {
        font-size: 1.3rem
    }

    .info_bank ul li > span {
        margin-left: -1.3rem
    }

    .form_agreement_gap {
        margin-top: 27px
    }

    .em_span_gap {
        margin-top: 6px
    }

    .tab_cont .cert_img {
        height: auto;
        padding: 8px 0
    }

    .tab_cont .cert_img img {
        max-width: 100%;
        height: auto;
        max-height: 162px
    }

    .certCard span {
        width: 204px
    }

    .student_wrap .cert_img {
        width: 204px
    }

    .bg_gray.txt_box {
        padding: 12px 15px 11px
    }

    .withdrawal_wrap {
        padding-top: 26px
    }

    .withdrawal_wrap strong {
        margin-bottom: 3px;
        font-size: 1.6rem
    }

    .withdrawal_wrap p {
        font-size: 1.5rem;
        line-height: 1.51
    }

    .withdrawal_wrap .btn_wrap {
        margin: 15px 0 26px
    }

    .date_swipe_wrap .font_md {
        padding-top: 1px;
        font-weight: 400;
        font-size: 1.2rem !important
    }

    .date_swipe_form {
        overflow: hidden;
        margin-top: 9px;
        padding: 12px 0;
        padding-top: 21px
    }

    .date_swipe_form .date_swipe_group {
        height: 23px;
        border-radius: 18px
    }

    .date_swipe_form .left_gradient {
        width: 50px
    }

    .date_swipe_form .right_gradient {
        width: 50px
    }

    .date_swipe_form .left_gradient a::before {
        left: 5px;
        top: 50%;
        margin: -5px 0 0 0
    }

    .date_swipe_form .right_gradient a::before {
        right: 5px;
        top: 50%;
        margin: -5px 0 0 0
    }

    .date_swipe_form .swiper-slide {
        width: 50px
    }

    .date_swipe_form .swiper-slide a {
        font-size: 1.4rem;
        line-height: 2.3rem
    }

    .date_swipe_form .swiper-slide.swiper-slide-active {
        width: 90px
    }

    .date_swipe_form .swiper-slide a.active {
        width: 43px;
        height: 43px;
        margin: -10px 0 0;
        font-size: 1.5rem;
        line-height: 4.3rem
    }

    .date_swipe_form .swiper-slide a.active span {
        padding-top: 2px;
        font-size: 1.1rem;
        line-height: 1.53
    }

    .pay_t {
        font-size: 12px;
        margin-top: -8px
    }

    .pay_t span {
        display: block
    }

    .txt_box p {
        font-size: 1.3rem
    }

    .txt_box p + p {
        margin-top: 12px
    }

    .btn_interaction {
        display: block
    }

    .btn_interaction .inter_prev, .btn_interaction .inter_next {
        display: block;
        position: fixed;
        left: 50%;
        z-index: 20;
        width: 158px;
        height: 48px;
        border-radius: 24px;
        background-color: #fff;
        font-weight: 700;
        font-size: 1.5rem;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        transform: translateX(-50%)
    }

    .btn_interaction .inter_prev.hide, .btn_interaction .inter_next.hide {
        display: none
    }

    .btn_interaction .inter_prev span:after, .btn_interaction .inter_next span:after {
        content: '';
        display: inline-block;
        margin-left: 9px
    }

    .btn_interaction .inter_prev {
        top: 70px;
        color: #111
    }

    .btn_interaction .inter_prev span:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 6px solid #999;
        border-top: 0
    }

    .btn_interaction .inter_next {
        bottom: 20px;
        color: #fff;
        background-color: #4868e1
    }

    .btn_interaction .inter_next span:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #fff;
        border-bottom: 0
    }

    .btn_next.hide {
        display: none
    }

    .area_wrap > div {
        position: relative;
        float: none;
        width: auto;
        padding-right: 63px
    }

    .area_wrap > div .txt {
        width: 63px
    }

    .area_wrap > div:first-child {
        width: auto
    }

    .area_wrap > div:first-child .txt {
        width: 63px
    }

    .area_wrap > div + div {
        margin-top: 10px
    }

    .area_wrap .select_wrap {
        float: none;
        width: 100%
    }

    .area_wrap .txt {
        position: absolute;
        right: 0;
        top: 0;
        float: none;
        padding-left: 0;
        font-size: 1.6rem;
        text-align: right
    }

    .signature_wrap .h_title24 {
        margin: -2px 0 13px
    }

    .signature_wrap .tab_cont {
        margin-left: 0
    }

    .signature_wrap .pdl250 {
        padding-left: 0
    }

    .signature_wrap .script_wrap {
        padding-top: 22px
    }

    .signature_wrap .preview_box {
        margin: 10px 0 20px
    }

    .signature_wrap .preview_box .s-card-image {
        width: 300px
    }

    .signature_wrap .preview_box .s-card-image.deep-dream span.img {
        background: url(/conts/images/contents/s-signature1.png);
        background-size: 300px 179px
    }

    .signature_wrap .preview_box .s-card-image.rpm span.img {
        background: url(/conts/images/contents/s-signature1.png);
        background-size: 300px 179px
    }

    .signature_wrap .preview_box span.img {
        width: 300px;
        height: 179px;
        border-radius: 8px
    }

    .signpad_wrap {
        padding-top: 22px
    }

    .signpad_wrap .btn_wrap.flex_wrap {
        margin-bottom: 27px
    }

    .signpad_wrap .btn_wrap.flex_wrap .btn {
        float: left
    }

    .signpad_wrap .btn_wrap.flex_wrap .btn + .btn {
        margin-left: 8px
    }

    .signpad_area {
        margin: 6px 0 10px
    }

    .signpad_area .signpad {
        width: 100%;
        height: 150px;
        border: 1px solid #eee;
        background-color: #fff
    }

    .signpad_area .signpad canvas {
        width: 100%;
        height: 100%
    }

    .app_comp_wrap {
        width: auto;
        margin: 0 auto 10px
    }

    .app_comp_wrap .card_area {
        margin-top: 40px
    }

    .app_comp_wrap .card_area:after {
        top: 87px
    }

    .app_comp_wrap .card_area span.img {
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .app_comp_wrap .card_area span.img img {
        width: 201px;
        height: 128px
    }

    .app_comp_wrap p.title {
        margin-top: -27px;
        font-size: 2.4rem;
        line-height: 1.38
    }

    .app_comp_wrap p.desc {
        margin-top: 10px;
        margin-bottom: 40px;
        font-size: 1.6rem
    }

    .app_comp_wrap .marker_dot {
        margin-bottom: 21px
    }

    .app_comp_wrap .marker_dot + p {
        line-height: 1.51
    }

    .app_comp_wrap .card_area.vertical:after {
        top: 108px
    }

    .app_comp_wrap .card_area.vertical span.img {
        width: 128px;
        height: 201px
    }

    .app_comp_wrap .card_area.vertical span.img img {
        max-width: 201px;
        margin-top: 37px;
        margin-left: -37px
    }

    .app_comp_wrap .card_area.vertical + p.title {
        margin-top: -79px
    }

    .form_type .form_sub_tit {
        margin: -2px 0 21px
    }

    #cardCompareAfter.compare_gapt {
        margin-top: 64px !important
    }

    .app_shfan #cardCompareAfter.compare_gapt {
        margin-top: 34px !important
    }

    .card_compare_wrap {
        top: 60px
    }

    body.app_shfan .card_compare_wrap {
        top: 0
    }

    .card_compare_wrap .top_banner {
        padding: 0
    }

    .card_compare_wrap .top_banner button {
        width: 100%;
        padding: 8px 0;
        font-size: 1.3rem
    }

    .card_compare_wrap .top_banner button span.counting {
        padding: 0 6px;
        margin: 0px 2px 0px 4px
    }

    .card_compare_wrap .top_banner button::after {
        margin: 3px 0 0 5px;
        border-top: 5px solid #aaaaaa;
        border-bottom: 5px solid none;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        vertical-align: middle
    }

    .card_compare_wrap .banner_cont {
        padding: 20px 0
    }

    .card_compare_wrap .banner_cont .inner {
        width: 100%
    }

    .card_compare_wrap .banner_cont .inner .noti_txt {
        margin-bottom: 30px
    }

    .card_compare_wrap .btn_cont .btn.default {
        min-width: 1px
    }

    .card_compare_wrap .banner_cont .btn_wrap {
        padding-top: 25px
    }

    .compare_card_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 130px
    }

    .compare_card_list li {
        width: 156px
    }

    .compare_card_list li + li {
        margin-left: 8px
    }

    .compare_card_list li .card_img {
        width: 156px;
        height: 125px
    }

    .compare_card_list li .item .card_img .img a {
        display: inline-block;
        width: 125px
    }

    .compare_card_list li .item .card_img .img img {
        width: 125px;
        border-radius: 4px
    }

    .compare_card_list li .item .card_img .del {
        width: 19px;
        height: 19px;
        overflow: hidden;
        background: url(/pconts/images/contents/card/ico_card_delete_m.png) no-repeat left top;
        background-size: 19px auto
    }

    .compare_card_list li .item .card_img .tag {
        bottom: 7px;
        padding: 2px 8px;
        font-size: 1rem
    }

    .compare_card_list li .item .card_info {
        display: block;
        margin: 42px auto 0;
        width: 125px
    }

    .compare_card_list li .item .card_info dt {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    .compare_card_list li .item .card_info dd {
        font-size: 1.3rem
    }

    .compare_card_list li .badge_wrap {
        margin-top: 12px
    }

    .compare_card_list li .card_add {
        width: 125px;
        height: 79px;
        padding-top: 46px;
        border: 1px dashed #ddd
    }

    .compare_card_list li .card_add:before, .compare_card_list li .card_add:after {
        top: 28px;
        left: 50%;
        width: 16px;
        height: 2px;
        margin-left: -8px;
        background: #bbb
    }

    .compare_card_list li .card_add:after {
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }

    .pop_compare .card_detail {
        padding: 45px 15px
    }

    .pop_compare .compare_card_list {
        padding: 20px 20px 30px
    }

    .pop_compare .compare_card_list .item {
        padding-bottom: 50px
    }

    .pop_compare .compare_card_list li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pop_compare .card_detail .detail_tit {
        width: 100%;
        font-size: 1.6rem
    }

    .pop_compare .card_detail .detail_cont {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 20px
    }

    .pop_compare .card_detail .detail_tit:not(:first-child) {
        margin-top: 40px
    }

    .pop_compare .card_detail .detail_cont:not(:nth-of-type(1)) {
        margin-top: 20px
    }

    .pop_compare .card_detail .detail_cont dl {
        flex: 1;
        padding-right: 20px
    }

    .pop_compare .card_detail .detail_cont dl + dl {
        padding-left: 20px
    }

    .pop_compare .card_detail .detail_cont ul.marker_dot > li {
        font-size: 1.3rem
    }

    .pop_compare .card_detail .detail_cont ul.marker_dot > li:before {
        top: 7px
    }

    .pop_compare .card_detail .detail_cont .benefit_wrap li:not(:first-child) {
        margin-top: 15px
    }

    .pop_compare .card_detail .detail_cont .benefit_wrap .item {
        padding: 9px 0 9px 42px;
        font-size: 1.3rem
    }

    .pop_compare .card_detail .detail_cont .benefit_wrap .item:before {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        background-size: 32px auto
    }

    .card_compare_add {
        margin: 15px 0 15px 0
    }

    .card_compare_add button {
        width: 93px;
        height: 27px;
        padding-left: 30px;
        font-size: 1.2rem;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15)
    }

    .card_compare_add button::after {
        width: 12px;
        background-size: 12px;
        left: 10px
    }

    .card_detail .left_wrap, .card_detail .right_wrap, .card_detail .card_name_wrap {
        width: 100%
    }

    .card_detail .card_name_wrap {
        position: relative;
        padding: 0 32px 0 0
    }

    .card_detail .card_name_wrap .card_name {
        margin-top: 0;
        font-size: 2.4rem
    }

    .card_detail .card_name_wrap .card_name .btn_sns {
        top: 0
    }

    .card_detail .card_name_wrap .card_name .btn_sns img {
        width: 25px
    }

    .card_detail .card_name_wrap .card_name .btn_card_add {
        top: 35px
    }

    .card_detail .card_name_wrap .card_name .btn_card_add img {
        width: 25px
    }

    .card_detail .card_name_wrap .sub_summery {
        margin: 10px 0 25px;
        font-size: 1.6rem;
        line-height: 1.5
    }

    .card_detail .left_wrap .swiper-container {
        width: 100%;
        height: auto;
        padding: 50px 0 10px;
        background: url(/pconts/images/contents/card/bg_card_plate_m.png) no-repeat center 25px
    }

    .card_detail .left_wrap .swiper-slide {
        min-height: 168px;
        height: 229px
    }

    .card_detail .left_wrap .swiper-slide img {
        width: 217px;
        border-radius: 10px
    }

    .card_detail .left_wrap .swiper-slide.vertical img {
        width: 217px;
        border-radius: 8px
    }

    .card_accor_section {
        width: 100%
    }

    .shcard_slide_wrap .swiper-pagination {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: 25px 0 0 0;
        font-weight: 700;
        color: #999
    }

    .shcard_slide_wrap .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border: 2px solid #f6f6f6;
        background-color: #cccccc;
        opacity: 1;
        margin: 0 5px
    }

    .shcard_slide_wrap .swiper-pagination-bullet-active {
        border: 3px solid #333;
        background-color: #f6f6f6
    }

    .shcard_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 30px
    }

    .shcard_slide_wrap .swiper-pagination-fraction {
        bottom: 30px;
        font-size: 1.3rem
    }

    .card_detail .left_wrap .nav-button-prev, .card_detail .left_wrap .nav-button-next {
        width: 18px;
        height: 29px;
        margin-top: -10px
    }

    .card_detail .left_wrap .nav-button-prev::before {
        right: 5px
    }

    .card_detail .left_wrap .nav-button-next::before {
        left: 5px
    }

    .card_detail .left_wrap .swiper-pagination {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: static;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: 25px 0 0 0;
        font-weight: 700;
        color: #999
    }

    .card_detail .left_wrap .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border: 2px solid #f6f6f6;
        background-color: #cccccc;
        opacity: 1;
        margin: 0 5px
    }

    .card_detail .left_wrap .swiper-pagination-bullet-active {
        border: 3px solid #333;
        background-color: #f6f6f6
    }

    .card_detail .left_wrap .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px
    }

    .card_detail .left_wrap .swiper-pagination-fraction {
        bottom: 10px;
        font-size: 1.3rem
    }

    .card_detail .right_wrap {
        padding: 0
    }

    .card_detail .right_wrap .benefits {
        margin-top: 25px
    }

    .card_detail .right_wrap .benefits li {
        width: 33.3%;
        height: 100%;
        display: inline-block;
        float: left;
        padding: 50px 0 0;
        font-size: 1.5rem;
        line-height: normal;
        text-align: center
    }

    .card_detail .right_wrap .benefits.twocol li {
        width: 50%
    }

    .card_detail .right_wrap .benefits li + li {
        margin: 0
    }

    .card_detail .right_wrap .benefits li[class*="icon"] {
        background-size: 41px auto;
        background-position: center top;
        background-repeat: no-repeat
    }

    .accordion_header button.acc_btn.medium.btn_style:after, .accordion_header a[role="button"].acc_btn.medium.btn_style:after {
        left: calc(100% - 35px)
    }

    .accordion_header button.acc_btn.medium.btn_style.on:after, .accordion_header a[role="button"].acc_btn.medium.btn_style.on:after {
        left: calc(100% - 35px);
        top: 49%
    }

    .all_view > li .cont {
        font-size: 1.3rem
    }

    .all_view > li .marker_dot > li::before {
        top: 7px
    }

    .all_view > li > a {
        min-height: 114px;
        padding: 20px 20px 20px 102px
    }

    .all_view > li .cont .title {
        font-size: 1.6rem
    }

    .all_view > li .cont .title::after {
        top: 7px
    }

    .all_view > li .img_wrap {
        left: 14px;
        top: 15px
    }

    .all_view > li .img_wrap > img {
        width: 75px
    }

    .bank_list li {
        width: 33.3%;
        margin-top: 15px;
        height: 35px
    }

    .bank_list li span.bank_name {
        display: inline-block;
        width: 70%;
        padding-left: 5px;
        line-height: 1.3
    }

    .bank_list li:nth-child(-n + 3) {
        margin-top: 0
    }

    .bank_list li:nth-child(4) {
        margin-top: 15px
    }

    .m_floatiing_box {
        position: absolute;
        display: none;
        right: 20px;
        bottom: 152px;
        width: 96px
    }

    .m_floatiing_box .btn_m_floating {
        display: block
    }

    .btn_wrap button.btn_m_floating + button {
        margin-top: 3px
    }

    .btn_wrap .btn_m_floating {
        width: 98px;
        height: 46px;
        padding: 11px 0 0 25px;
        background: url(/pconts/images/contents/card/ico_btn_tel.png) no-repeat left 15px center;
        background-size: 20px;
        background-color: rgba(8, 19, 80, 0.85);
        border-radius: 30px;
        color: #fff;
        box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3)
    }

    .btn_wrap .btn_m_floating.talk {
        background: url(/pconts/images/contents/card/ico_btn_talk.png) no-repeat left 15px center;
        background-size: 20px;
        background-color: rgba(8, 19, 80, 0.85)
    }

    .btn_wrap .btn_m_floating span {
        font-size: 1.2rem
    }

    .btn_wrap .btn_m_floating + .btn_m_floating {
        margin-top: 10px
    }

    .benefit_cont_wrap {
        padding: 25px 0
    }

    .benefit_cont_wrap .tit_dep1 {
        margin-bottom: 10px;
        font-size: 2.4rem
    }

    .benefit_cont_wrap .tit_dep2 {
        margin-bottom: 6px;
        font-size: 1.6rem
    }

    .benefit_cont_wrap .tit_dep3 {
        margin-bottom: 10px;
        font-size: 1.6rem
    }

    .benefit_cont_wrap .tit_dep2 + :not(.tit_dep3) {
        margin-top: -1px
    }

    .benefit_cont_wrap [class*="marker_"] + .marker_refer {
        margin-top: 16px
    }

    .benefit_cont_wrap .point_add dl {
        float: none;
        width: 100%
    }

    .benefit_cont_wrap .point_add dl:not(:first-child) {
        margin: 10px 0 0
    }

    .benefit_cont_wrap .point_add dl dt, .benefit_cont_wrap .point_add dl dd {
        font-size: 1.3rem
    }

    .benefit_cont_wrap .guidebook + [class*="tit_dep"] {
        margin-top: 20px
    }

    .benefit_cont_wrap .guidebook li {
        display: block
    }

    .benefit_cont_wrap .guidebook li + li {
        margin: 10px 0 0
    }

    .benefit_cont_wrap .guidebook .btn_download2 {
        padding: 9px 35px 6px 15px;
        height: auto;
        font-size: 1.5rem;
        line-height: 1.53;
        background-size: 13px
    }

    .benefit_cont_wrap .guidebook .btn_download2:before {
        width: 41px;
        height: 21px;
        margin: -1px 8px 0 0;
        background-image: url(/pconts/images/contents/card/img_carddetail_platinum_m.png);
        background-size: auto 21px
    }

    .benefit_cont_wrap .guidebook .btn_download2.visa:before {
        background-position: 0 0
    }

    .benefit_cont_wrap .guidebook .btn_download2.master:before {
        background-position: -41px 0
    }

    .benefit_cont_wrap .guidebook .btn_download2.amex:before {
        background-position: -82px 0
    }

    .benefit_cont_wrap .guidebook .btn_download2 + .btn_download2 {
        margin-left: 4px
    }

    .benefit_cont_wrap .guidebook .download_two {
        padding: 9px 35px 6px 15px;
        height: auto;
        font-size: 1.5rem;
        line-height: 1.53;
        background-size: 13px
    }

    .benefit_cont_wrap .card_benefit_banner {
        padding-bottom: 12px;
        margin-bottom: 20px
    }

    .benefit_cont_wrap .card_benefit_banner:after {
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        border: 2px solid #4868e1
    }

    .benefit_cont_wrap .card_benefit_banner .inner {
        width: calc(100% - 12px);
        padding: 20px 26px
    }

    .benefit_cont_wrap .card_benefit_banner .inner:before {
        left: -1px;
        top: 4px;
        width: 13px;
        height: 2px
    }

    .benefit_cont_wrap .card_benefit_banner .inner .tit {
        margin-bottom: 10px;
        font-size: 2rem
    }

    .benefit_cont_wrap .card_benefit_banner .inner .tit .small_block {
        font-size: 1.5rem
    }

    .benefit_cont_wrap .card_benefit_banner .inner .txt {
        font-size: 1.5rem
    }

    .accordion_wrap.btm_line.card_detail + ul {
        font-size: 15px
    }

    .accordion_header button.acc_btn.card_detail .acc_title {
        font-size: 1.6rem
    }

    .accordion_header button.acc_btn.card_detail .acc_title > img {
        width: 19px;
        margin-right: 10px
    }

    .pop_sns_wrap .sns_pop li {
        width: 80px
    }

    .pop_sns_wrap .sns_pop li > button {
        width: 60px;
        height: 60px
    }

    .pop_sns_wrap .sns_pop li > button span {
        padding-top: 75px
    }

    .pop_annual_wrap {
        padding: 0 10px
    }

    .pop_annual_wrap .logo_tit {
        font-size: 1.7rem
    }

    .pop_annual_wrap .logo_tit > img {
        width: 41px
    }

    .pop_annual_wrap .logo_tit span {
        margin-left: 10px
    }

    .pop_annual_wrap .annual_tbl th {
        padding: 12px 0 0v;
        font-size: 1.3rem
    }

    .pop_annual_wrap .annual_tbl td {
        font-size: 1.5rem
    }

    .pop_annual_wrap .annual_tbl td.point {
        font-size: 2rem
    }

    .checkbox_list .check_wrap.pop_annual_list li {
        padding: 20px 0
    }

    .map_area_wrap .map_list li {
        width: 100%
    }

    .map_area_wrap .map_list li > div {
        height: auto;
        padding: 20px;
        margin: 0 0 10px 0
    }

    .map_area_wrap .map_list li .space {
        width: 65%;
        font-size: 1.6rem;
        padding-bottom: 15px
    }

    .map_area_wrap .map_list.big li > div {
        height: auto
    }

    .table_wrap.type01 thead th {
        padding: 8px 10px 6px;
        font-size: 1.3rem
    }

    .table_wrap.type01 tbody td {
        padding: 10px 0 10px;
        font-size: 1.3rem
    }

    .table_wrap.type01 tbody tr:first-child td {
        padding-top: 15px
    }

    .table_wrap.type01 .ico_brand {
        width: 41px;
        height: 21px
    }

    .table_wrap.type01 .ico_brand img {
        width: 41px;
        height: 21px
    }

    .info_col {
        margin-top: 5px
    }

    .info_col ul {
        display: block;
        height: auto;
        margin: 0
    }

    .info_col ul li {
        display: table;
        flex: none;
        width: 100%;
        margin: 0
    }

    .info_col ul li + li {
        margin-top: 5px
    }

    .info_col ul li > div {
        display: table-cell;
        height: 61px;
        padding: 12px 10px 11px;
        font-weight: 700;
        font-size: 1.3rem;
        text-align: left;
        vertical-align: middle
    }

    .service_step {
        display: block;
        margin-bottom: 6px
    }

    .service_step li {
        display: table;
        width: 100%;
        text-align: left
    }

    .service_step li > div {
        display: table-cell;
        position: relative;
        width: 100%;
        height: auto;
        padding: 25px 15px 24px 73px;
        vertical-align: middle
    }

    .service_step li > div .icon_box {
        display: inline-block;
        position: absolute;
        left: 16px;
        top: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        background-size: 40px 40px !important
    }

    .service_step li > div p {
        margin-top: 0;
        font-size: 1.5rem;
        line-height: 1.56
    }

    .service_step li.arrow {
        width: 100%
    }

    .service_step li.arrow:before {
        left: 33px;
        top: 50%;
        margin: -7px 0 0;
        border-color: #111;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .service_step li.arrow p {
        padding: 13px 15px 12px 73px
    }

    .tit_dep2 + .service_step {
        margin-top: 9px !important
    }

    .service_used {
        padding-right: 130px;
        margin-bottom: 12px
    }

    .service_used ul {
        width: 100%
    }

    .service_used ul li {
        padding-top: 27px
    }

    .service_used ul li:before {
        left: 50%;
        top: 11px;
        margin: -5px 0 0 -1px
    }

    .service_used ul li > div {
        padding: 7px 16px 7px
    }

    .service_used ul li p {
        line-height: 1.54
    }

    .service_used ul li span {
        line-height: 1.54
    }

    .service_used ul li.aside {
        width: 101px;
        padding-top: 209px
    }

    .service_used ul li.aside > div:before {
        left: -29px;
        top: -180px;
        width: 80px;
        height: 180px
    }

    .service_used ul li.aside > div:after {
        left: -29px;
        top: 41px;
        width: 37px
    }

    .service_used ul li.aside i.ico:before {
        left: -27px;
        top: 37px
    }

    .service_used ul li.aside i.ico:after {
        left: 46px;
        top: -11px
    }

    .service_used ul li.aside p {
        margin: 10px 0 0
    }

    .service_used .ico.nice {
        width: 85px;
        height: 85px;
        background-size: 85px 85px
    }

    .service_used .marker_refer {
        margin: 6px 0 0 0
    }

    .design_card_wrap {
        overflow: hidden;
        max-width: 320px;
        padding: 0;
        margin: 0 auto
    }

    .design_card_wrap ul {
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .design_card_wrap ul li {
        max-width: 155px;
        width: 50%;
        margin: 19px 0 0
    }

    .design_card_wrap ul li:nth-child(odd) {
        padding-right: 5px
    }

    .design_card_wrap ul li:nth-child(even) {
        padding-left: 5px
    }

    .design_card_wrap ul li img {
        width: 100%;
        height: auto;
        max-height: 98px
    }

    .design_card_wrap ul li p {
        margin-top: 11px;
        font-size: 1.3rem;
        line-height: 1.74
    }

    .marker_dot + .design_card_wrap {
        margin-top: -4px
    }

    .talbe_counting {
        float: none;
        margin-top: 7px;
        padding-bottom: 2px;
        font-size: 1.3rem;
        text-align: left
    }

    .talbe_counting .wgt_md {
        color: #333
    }

    .font_md05.sub_txt {
        color: #111
    }

    .font_lg06 .btn_question, .font_lg06 .btn_tooltip {
        margin-top: -2px;
        width: 19px;
        height: 19px;
        vertical-align: middle
    }

    .font_lg06 .btn_tooltip span:after {
        width: 19px;
        height: 19px;
        font-size: 1.1rem;
        line-height: 1.9rem
    }

    .check_list02 label span:before {
        background-size: 33px 33px
    }

    .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span {
        padding: 11px 15px
    }

    .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"]:checked + span {
        padding: 10px 15px
    }

    .choice_icon_gs {
        background: url(/pconts/images/contents/card/ico_choice_gsM.png)no-repeat center;
        background-size: 116px 40px
    }

    .choice_icon_skenergy {
        background: url(/pconts/images/contents/card/ico_choice_skenergyM.png)no-repeat center;
        background-size: 116px 40px
    }

    .choice_icon_hyundai {
        background: url(/pconts/images/contents/card/ico_choice_hyundaioilM.png)no-repeat center;
        background-size: 116px 40px
    }

    .choice_icon_soil {
        background: url(/pconts/images/contents/card/ico_choice_soilM.png)no-repeat center;
        background-size: 116px 40px
    }

    .choice_title {
        padding: 17px 20px !important
    }

    input[type="radio"]:checked + .choice_title {
        padding: 16px 19px !important
    }

    .choice_title > p {
        padding-bottom: 7px
    }

    .choice_title .service_list {
        display: list-item !important;
        margin-top: 13px;
        list-style: none
    }

    .choice_title .service_list li {
        min-height: auto;
        margin-bottom: 14px;
        padding: 0px
    }

    .choice_title .service_list li > div::before {
        width: 33px;
        height: 33px;
        content: '';
        background-size: 33px;
    }

    .choice_title .service_list div {
        width: 33px;
        height: 33px;
        margin-right: 16px
    }

    .choice_title .service_list p {
        width: calc(100% - 49px)
    }

    .choice_title .service_list .service_text1 {
        font-size: 1.5rem;
        margin-bottom: 3px
    }

    .choice_title .service_list .service_text2 {
        font-size: 1.3rem
    }

    .card_design_wrap {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .card_design_wrap label {
        width: 217px;
        text-align: left
    }

    .card_design_wrap label .img {
        width: 217px;
        height: 138px
    }

    .card_design_wrap label .img img {
        width: 217px;
        height: 138px;
        border-radius: 8px
    }

    .card_design_wrap label input[type="radio"] + span {
        display: block;
        margin-right: -10px;
        font-size: 1.6rem
    }

    .recommend_benefit {
        display: block;
        margin: 30px -27px;
        padding: 45px 0
    }

    .recommend_benefit > * {
        flex: none
    }

    .recommend_benefit .benefit_item {
        padding: 0 50px
    }

    .recommend_benefit .benefit_item:before {
        display: none
    }

    .recommend_benefit .benefit_item dt {
        margin-bottom: 15px;
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .recommend_benefit .benefit_item dt .num {
        position: relative;
        left: 0;
        display: block;
        margin-bottom: 15px;
        font-size: 3.3rem
    }

    .recommend_benefit .benefit_item dd:not(:first-child) {
        margin-top: 15px
    }

    .recommend_benefit .benefit_item.item02 {
        padding-top: 40px
    }

    .shcard_method_wrap {
        padding: 15px 7px 0
    }

    .shcard_method_wrap .icon_list.step > li .icon_box {
        min-height: 50px;
        background-position: left -4px
    }

    .pop_wrap .pop_cont .send {
        padding: 25px
    }

    .find_card_wrap .swipe_page_wrap {
        width: 100%;
        height: 100%;
        margin-bottom: 0
    }

    .find_card_wrap .swipe_page_wrap .find_section {
        width: 100%;
        height: 100%
    }

    .find_card_wrap .find_section .sec_tit {
        padding-top: 18px;
        font-size: 4rem;
        line-height: 4.4rem;
        color: #333
    }

    .find_card_wrap .find_section .sec_sub_tit {
        padding-top: 30px;
        font-size: 2rem
    }

    .find_card_wrap .find_section .sec_sub_tit + .sec_tit {
        padding-top: 10px
    }

    .find_card_wrap .find_section .sec_con {
        padding-top: 38px
    }

    .find_card_wrap .find_section .sec_con .select_list {
        width: auto;
        margin: 0 auto 5px
    }

    .radio_wrap.chk_ico li {
        float: left;
        flex: none;
        width: calc(50% - 20px);
        max-width: 167px
    }

    .radio_wrap.chk_ico li:first-child {
        margin-left: 10px
    }

    .radio_wrap.chk_ico li:not(:first-child) {
        margin-left: 10px;
        margin-right: 10px
    }

    .radio_wrap.chk_ico li .radio_btn:first-child input[type="radio"] + span {
        width: auto;
        padding: 20px 10px
    }

    .radio_wrap.chk_ico .radio_btn:first-child input[type="radio"]:checked + span {
        padding: 20px 10px
    }

    .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span::after {
        right: 10px;
        top: 10px;
        background: url(/pconts/images/contents/card/ico_check_on_m.png) no-repeat left top;
        background-size: 20px auto
    }

    .radio_wrap.chk_ico .radio_btn input[type="radio"] + span em {
        padding-top: 15px;
        padding-bottom: 7px;
        font-size: 1.8rem;
        line-height: 1.9rem
    }

    .radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt {
        font-size: 1.3rem;
        line-height: 1.8rem
    }

    .radio_wrap.chk_ico.select_list li:not(:first-child):before {
        left: -7px;
        top: 50%;
        width: 1px;
        height: 106px;
        margin: -53px 0 0 0;
        background: #eee
    }

    .radio_wrap.chk_ico.select_list[class*="col"] {
        flex-direction: column
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li {
        float: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li:not(:first-child) {
        margin-top: 6px
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li:not(:first-child):before {
        left: 0;
        top: -3px;
        width: 100%;
        height: 1px;
        margin: 0
    }

    .radio_wrap.chk_ico.select_list.col4 li.on:before, .radio_wrap.chk_ico.select_list.col4 li.on + li:before {
        left: 50%
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li.on:not(:first-child):before {
        display: none
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li.on:first-child + li:before {
        display: block
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li label > span {
        position: relative;
        padding: 20px 0;
        margin-left: 20px
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li .radio_btn:first-child input[type="radio"] + span {
        padding: 20px 10px 20px 75px
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li .radio_btn:first-child input[type="radio"] + span > * {
        text-align: left;
        justify-content: left
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li label > span .ico {
        position: absolute;
        top: 20px;
        left: 20px;
        margin-top: 0
    }

    .radio_wrap.chk_ico.select_list[class*="col"] li label > span em {
        justify-content: left
    }

    .radio_wrap.chk_ico.select_list[class*="col"] .ico + em {
        padding: 0
    }

    .radio_wrap.chk_ico.select_list .has_ico [class*="ico"] {
        width: 33px;
        height: 33px;
        background-color: none;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 33px auto
    }

    .find_card_result {
        padding-top: 40px
    }

    .find_card_result .result_list .item {
        padding: 25px 15px
    }

    .find_card_result .result_list .item .card_img {
        float: left;
        max-height: 270px;
        width: 100px
    }

    .find_card_result .result_list .item .card_img img {
        width: 100px
    }

    .find_card_result .result_list .item.vertical .card_img {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .find_card_result .result_list .item.vertical .card_img img {
        margin-bottom: -40px
    }

    .find_card_result .result_list .item.col .card_img img {
        width: 63px;
        margin: 0 auto
    }

    .find_card_result .result_list .item .card_name_wrap {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .find_card_result .result_list .item .card_name_wrap .badge_wrap {
        margin-bottom: 3px
    }

    .find_card_result .result_list .item .card_info {
        float: left;
        width: calc(100% - 100px);
        padding-left: 30px
    }

    .find_card_result .result_list .item .card_info .tag span {
        font-size: 1.2rem
    }

    .find_card_result .result_list .item .card_info .tag span:not(:first-child) {
        margin-left: 10px
    }

    .find_card_result .result_list .item .card_info .card_name {
        margin-bottom: 28px;
        font-size: 1.7rem
    }

    .find_card_result .result_list .item .card_info .card_detail > * {
        float: left;
        font-size: 1.3rem;
        line-height: 2.1rem
    }

    .find_card_result .result_list .item .card_info .card_detail dt {
        width: 90px;
        color: #333
    }

    .find_card_result .result_list .item .card_info .card_detail dd {
        width: calc(100% - 90px);
        padding-left: 10px
    }

    .find_card_result .result_list .item .card_info .card_detail dt:not(:nth-of-type(1)), .find_card_result .result_list .item .card_info .card_detail dd:not(:nth-of-type(1)) {
        margin-top: 5px
    }

    .card_combo .combo_item_list ul li, .card_combo .combo_list .check_wrap.type_grid ul li, .card_combo .combo_list .radio_wrap.type_grid ul li {
        width: 33.3%;
        height: 109px
    }

    .card_combo .combo_item_list ul li .combo_item {
        width: 100%
    }

    .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {
        font-size: 1.4rem
    }

    .card_combo .seleted_combo .sch_result {
        padding: 10px
    }

    .card_combo .seleted_combo .sch_result .btn_del {
        top: 10px;
        right: 10px
    }

    .card_combo .total_payment dl {
        padding: 20px 10px 4px;
        font-size: 1.5rem
    }

    .card_combo .accordion_wrap.accordion_check dd {
        padding: 16px 0
    }

    .card_combo .accordion_wrap.accordion_check dd .btn_check_pop {
        top: 0
    }

    .card_combo .check_wrap.type_agree .check_agree {
        margin-top: 0
    }

    .card_combo .radio_wrap.type_agree .check_agree {
        margin-top: 0
    }

    .card_combo .occupied_combo_date {
        padding-bottom: 15px
    }

    .occupied_combo_list {
        position: relative;
        padding-top: 0
    }

    .occupied_combo_list .occupied_combo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap-reverse;
        border-top-width: 2px;
        margin-bottom: 20px;
        padding: 16px 0 17px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .occupied_combo_list li {
        padding-bottom: 30px
    }

    .occupied_combo_list ul li .info {
        font-size: 1.3rem
    }

    .occupied_combo_list ul li em {
        display: inline-flex;
        padding-left: 0;
        font-size: 1.6rem;
        color: #111
    }

    .occupied_combo_list ul li em.item {
        padding-left: 0
    }

    .card_combo .card_combo .occupied_combo {
        margin-bottom: 20px
    }

    .card_combo .check_occupied_combo {
        margin-top: 6px
    }

    .card_combo .check_occupied_combo .accordion_header {
        margin-bottom: 20px
    }

    .card_combo .check_occupied_combo .accordion_header button.acc_btn, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn {
        border-top: 0 none;
        padding: 10px 0
    }

    .card_combo .combo_result {
        border-bottom: 1px solid #eee;
        padding: 20px 0
    }

    .card_combo .check_occupied_combo .accordion_header.on + .accordion_body {
        margin-bottom: 30px
    }

    .card_combo .form_type .form_ele .ele_tit.row {
        padding-top: 10;
        margin-top: 0
    }

    .card_combo .combo_item_list ul li {
        padding: 2px
    }

    .card_combo .combo_item_list ul li:nth-child(3n+1) {
        padding: 2px 2px 2px 0
    }

    .card_combo .combo_item_list ul li:nth-child(3n+3) {
        padding: 2px 0 2px 2px
    }

    .card_combo .combo_item_list ul li .combo_item {
        height: 105px
    }

    .card_combo .combo_item_list ul li .combo_item em {
        padding-top: 6px;
        font-size: 1.5rem
    }

    .card_combo .combo_item_list ul {
        margin: 0
    }

    .popup .pop_combo_list {
        padding-bottom: 40px
    }

    .popup .pop_combo_list ul li {
        float: left;
        padding: 0 15px
    }

    .popup .pop_combo_list ul.multi_logo.four li {
        padding: 0 5px
    }

    .popup .pop_combo_list ul.multi_logo.four li:first-child {
        padding-left: 0
    }

    .popup .pop_combo_list ul.multi_logo.four li:last-child {
        padding-right: 0
    }

    .popup .pop_combo_list ul li .img_wrap {
        margin-bottom: 15px
    }

    .popup .pop_shopping_list ul {
        display: block
    }

    .popup .occupied_combo_list::before {
        content: '';
        position: absolute;
        top: -30px;
        left: -20px;
        width: calc(100% + 40px);
        border-top: 1px solid #eee
    }

    .popup .occupied_combo_list ul {
        margin-top: 30px
    }

    .popup .occupied_combo_list .occupied_combo {
        margin-bottom: 0
    }

    .ico_combo_donut {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_store {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_coffe {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_bakery {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_icecream {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_movie {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_pizza {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_family {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_app {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_buy {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_money {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_combo_golf {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: 34px 34px
    }

    .ico_speed {
        background: url(/pconts/images/contents/card/ico_combo_speedM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_auto {
        background: url(/pconts/images/contents/card/ico_combo_autoM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_mad {
        background: url(/pconts/images/contents/card/ico_combo_madM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_lotte_world {
        background: url(/pconts/images/contents/card/ico_combo_lotteM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_lotte_cinema {
        background: url(/pconts/images/contents/card/ico_combo_lottecinemaM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_genie {
        background: url(/pconts/images/contents/card/ico_combo_genieM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_skplanet {
        background: url(/pconts/images/contents/card/ico_combo_skplanet.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_arum {
        background: url(/pconts/images/contents/card/ico_combo_areumM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_gift {
        background: url(/pconts/images/contents/card/ico_combo_giftM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .ico_gs_caltex {
        background: url(/pconts/images/contents/card/ico_combo_gsM.png)no-repeat left bottom;
        background-size: 82px 33px
    }

    .card_prd_list02 ul>li {
        padding: 30px 10px 25px
    }

    .card_prd_list02 ul>li>div {
        min-height: auto;
        padding-left: 0
    }

    .card_prd_list02 .card_name {
        display: block;
        margin-top: -3px;
        margin-bottom: 4px;
        font-size: 1.8rem
    }

    .card_prd_list02 .card_text {
        width: 100%;
        font-size: 1.3rem;
        margin-bottom: 15px
    }

    .card_prd_list02 .card_desc {
        padding-top: 0px
    }

    .card_prd_list02 dl {
        margin-top: 0px;
        font-size: 1.2rem
    }

    .card_prd_list02 dl.pdb_bottom {
        padding-bottom: 3px
    }

    .card_prd_list02 dl dt {
        width: 38px;
        font-size: 1.2rem
    }

    .card_prd_list02 dl dd {
        padding-left: 10px;
        font-size: 1.2rem
    }

    .card_prd_list02 .round_badge {
        overflow: hidden;
        min-width: 35px;
        height: 17px;
        padding: 0 5px;
        border-radius: 12px;
        font-weight: 400;
        font-size: 1.0rem;
        line-height: 1.8rem;
        vertical-align: top
    }

    .card_prd_list02 .card_img_desc {
        display: table;
        width: 100%
    }

    .card_prd_list02 .card_img, .card_prd_list02 .card_desc {
        display: table-cell;
        vertical-align: top
    }

    .card_prd_list02 .card_img {
        position: static;
        width: 100px;
        height: 63px
    }

    .card_prd_list02 .card_desc {
        padding-left: 30px
    }

    .card_prd_list02 .btn {
        position: relative;
        height: auto;
        margin-top: 16px;
        margin-bottom: -5px;
        padding: 0 13px 0 0;
        border: 0;
        font-size: 1.1rem;
        line-height: 1.45;
        color: #111;
        text-align: left
    }

    .card_prd_list02 .btn_outlink:after {
        margin-bottom: 0;
        vertical-align: middle
    }

    .card_price {
        padding-bottom: 62px;
        background: url(/pconts/images/contents/card/ico_btn_down_mo.png) no-repeat center 51px;
        background-size: 57px
    }

    .card_prd_list02 .list_btn_wrap {
        display: none
    }

    .card_prd_list02 ul>li.vertical>div {
        min-height: 166px
    }

    .card_prd_list02 ul>li.vertical .card_img_desc {
        min-height: 100px
    }

    .card_prd_list02 ul>li.vertical .card_img img {
        margin-top: 17px
    }

    .card_sec02 {
        padding-top: 118px
    }

    .card_sec02 .img {
        width: 200px;
        height: 127px;
        margin-top: -88px
    }

    .card_sec02 .card_name {
        width: 100%;
        margin: -23px auto 0;
        padding: 0 0 36px
    }

    .card_sec02 .card_name.type01 {
        width: 100%;
        margin: -39px auto 0;
        padding: 0 0 0
    }

    .card_sec02.vertical_type {
        padding-top: 138px
    }

    .card_sec02.vertical_type .img {
        margin-top: -108px;
        width: 127px;
        height: 147px
    }

    .card_sec02 p {
        font-size: 1.6rem
    }

    .card_sec02 strong .btn_question {
        width: 19px;
        height: 19px;
        font-size: 1.1rem;
        line-height: 19px
    }

    .card_sec02 strong .btn_question span::after {
        width: 19px;
        height: 19px;
        line-height: 19px
    }

    .card_sec02 + .ly_inner .top_marker .marker_dot {
        padding-top: 12px;
        margin-bottom: 22px
    }

    .card_sec02.type02 {
        padding-top: 0
    }

    .card_sec02.type02 .img {
        margin-top: -94px
    }

    .card_sec02.type02 .card_name_top {
        padding: 36px 0 107px;
        font-size: 1.6rem
    }

    .card_sec02.type02 .card_name {
        padding: 0 0 42px
    }

    .card_sec02.vertical_type.type02 .img {
        margin-top: -106px
    }

    .card_sec02.vertical_type.type02 .card_name_top {
        padding-bottom: 119px
    }

    .card_sec02.vertical_type.type02 .card_name {
        padding-bottom: 34px
    }

    .card_sec04 .ly_inner .bank_name {
        font-size: 1.5rem;
        margin-bottom: 15px
    }

    .card_sec04 .ly_inner .bank_num {
        font-size: 1.8rem
    }

    .card_sec04 .ly_inner div {
        width: 216px;
        height: 126px;
        background-size: contain;
        margin: 20px auto
    }

    .card_sec04 .ly_inner .text_info {
        font-size: 1.3rem
    }

    .card_newlist ul li {
        padding: 18px 0 18px
    }

    .card_newlist ul li .left_con {
        width: 60%
    }

    .card_newlist ul li .left_con strong {
        font-size: 1.6rem
    }

    .card_newlist ul li .left_con strong i {
        font-size: 1.3rem;
        font-weight: 400;
        margin-bottom: 11px
    }

    .card_newlist ul li .left_con .date {
        font-size: 1.3rem;
        font-weight: 400
    }

    .card_newlist ul li .right_con {
        width: 40%
    }

    .card_newlist ul li .right_con .amount {
        font-size: 1.8rem;
        margin-bottom: 0px
    }

    .card_newlist ul li .right_con .possible {
        font-size: 1.3rem;
        font-weight: 400;
        margin-bottom: 4px
    }

    .card_newlist ul li .right_con .btn_wrap {
        display: block;
        top: 0px
    }

    .list_wrap .card_list2 {
        margin-top: 11px
    }

    .list_wrap .card_list2 li {
        display: table;
        width: 100%;
        margin: 0;
        padding: 20px 0 17px;
        font-size: 1.6rem
    }

    .list_wrap .card_list2 .left_con, .list_wrap .card_list2 .right_con {
        display: table-cell;
        float: none
    }

    .list_wrap .card_list2 .left_con {
        width: 70%
    }

    .list_wrap .card_list2 .right_con {
        width: 30%
    }

    .list_wrap .card_list2 .date {
        float: none;
        width: 100%;
        margin-top: 6px;
        font-size: 1.3rem
    }

    .list_wrap .card_list2 strong {
        font-size: 1.6rem
    }

    .list_wrap .card_list2 strong .bank_num {
        display: block;
        font-size: 1.3rem
    }

    .list_wrap .card_list2 .amount {
        font-size: 1.8rem
    }

    .list_wrap .card_list2 .amount span {
        font-weight: 400
    }

    .list_wrap .card_list2 .right_con .btn_wrap {
        display: block
    }

    .card_list_common .card_list_wrap > li {
        padding: 25px 0
    }

    .card_list_common .card_list_wrap > li .card_img_wrap {
        float: left;
        width: 108px
    }

    .card_list_common .card_list_wrap > li .card_img_wrap a > img {
        width: 100px
    }

    .card_list_common .card_list_wrap > li .card_img_wrap.more a {
        display: inline-block;
        padding: 0 4px 4px 0;
        background: url(/pconts/images/contents/card/bg_horizontal_more_m.png) no-repeat left top;
        background-size: 104px;
        text-align: center
    }

    .card_list_common .card_list_wrap > li .card_img_wrap.vertical {
        height: 108px;
        margin-bottom: 0;
        text-align: center
    }

    .card_list_common .card_list_wrap > li .card_img_wrap.vertical a {
        width: 108px;
        padding: 4px 0 0 0;
        margin-top: 15px;
        margin-left: 0
    }

    .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {
        background: url(/pconts/images/contents/card/bg_vertical_more_m.png) no-repeat right top;
        background-size: 104px;
        text-align: center
    }

    .card_list_common .card_list_wrap > li .card_name_wrap {
        width: 100%;
        margin-bottom: 15px
    }

    .card_list_common .card_list_wrap > li .card_name_wrap .card_name {
        padding-right: 0px;
        font-size: 1.8rem
    }

    .card_list_common .card_list_wrap > li .card_name_wrap .card_name + button {
        display: none
    }

    .card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap {
        margin-bottom: 3px
    }

    .card_list_common .card_list_wrap > li .benefit_wrap {
        width: calc(100% - 108px);
        padding-left: 15px;
        margin-bottom: 10px
    }

    .card_list_common .card_list_wrap > li .benefit_wrap ul li {
        display: flex;
        font-size: 1.2rem
    }

    .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {
        padding-top: 3px
    }

    .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {
        flex: 0 0 100px;
    }

    .card_list_common .card_list_wrap .list_btn_wrap {
        display: none
    }

    .list_btn_wrap_m {
        display: block;
        margin-left: 125px
    }

    .list_btn_wrap_m button {
        font-size: 1.2rem
    }

    .list_btn_wrap_m button.text_link::after {
        width: 6px;
        height: 6px
    }

    .card_list_common .card_thumb_list_wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .card_list_common .card_thumb_list_wrap > li {
        position: relative;
        width: 50%;
        border-bottom: 1px solid #eeeeee;
        padding: 25px 0 20px 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left
    }

    .card_list_common .card_thumb_list_wrap > li .card_img_wrap {
        height: 136px;
        line-height: 126px
    }

    .card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img {
        width: 128px;
        vertical-align: bottom
    }

    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.more a {
        display: block;
        padding: 0 0 11px 0;
        background: url(/pconts/images/contents/card/bg_horizontal_more_m.png) no-repeat left bottom 6px / 133px
    }

    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical {
        height: 136px
    }

    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {
        width: 133px;
        margin-left: 0
    }

    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical.more a {
        display: block;
        padding: 0;
        line-height: 136px;
        background: url(/pconts/images/contents/card/bg_vertical_more_m.png) no-repeat right bottom / 133px
    }

    .card_list_common .card_thumb_list_wrap > li .card_name_wrap {
        padding-top: 28px
    }

    .card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {
        top: 0px
    }

    .card_list_common .card_thumb_list_wrap > li .card_name_wrap .card_name {
        min-height: 34px;
        height: auto;
        font-size: 1.5rem;
        margin-bottom: 8px;
        line-height: 1.2
    }

    .card_list_common .card_thumb_list_wrap > li .benefit_wrap {
        max-height: 48px;
        padding-top: 0px;
        margin-bottom: 20px;
        font-size: 1.3rem;
        line-height: 1.3
    }

    .card_list_common .card_thumb_list_wrap > li .list_btn_wrap {
        position: absolute;
        bottom: 15px
    }

    .card_list_common li .list_btn_wrap_m .text_link {
        font-weight: 700
    }

    .card_thumb_list_wrap .list_btn_wrap button {
        font-size: 1.2rem
    }

    .card_thumb_list_wrap .list_btn_wrap button.text_link::after {
        width: 6px;
        height: 6px
    }

    .cardlist_filter_wrap {
        margin-top: 8px
    }

    .cardlist_filter_wrap .filter_toggle > span {
        font-size: 1.5rem
    }

    .card_filter_search_wrap {
        top: 0;
        height: 100%;
        width: 100%
    }

    .card_filter_search_wrap .filter_header {
        padding: 16px 20px 16px 20px
    }

    .card_filter_search_wrap .filter_header h4 {
        font-size: 1.8rem;
        line-height: 1.5
    }

    .card_filter_search_wrap .filter_header .btn_close {
        top: 9px;
        right: 10px
    }

    .card_filter_search_wrap .filter_cont {
        padding: 59px 0 109px;
        margin-top: -59px
    }

    .card_filter_search_wrap .filter_cont .scroll_wrap {
        padding: 30px 20px
    }

    .card_filter_search_wrap .filter_cont .form_type .form_ele.type04 .ele_tit {
        margin-bottom: 0
    }

    .card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label {
        margin-bottom: 0
    }

    .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label {
        margin-bottom: 0
    }

    .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list.check_wrap .check_default {
        width: 50%
    }

    .card_filter_search_wrap .filter_btn {
        width: 100%;
        bottom: 0
    }

    .check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand em {
        padding-top: 8px;
        font-size: 1.2rem
    }

    .key_visual .visual_slider .swiper-button-prev {
        left: -5px;
        top: 103px;
        line-height: 44px
    }

    .key_visual .visual_slider .swiper-button-prev:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-left: 9px;
        border-left: 2px solid #333;
        border-bottom: 2px solid #333
    }

    .key_visual .visual_slider .swiper-button-next {
        right: -5px;
        top: 103px;
        line-height: 44px
    }

    .key_visual .visual_slider .swiper-button-next:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 9px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333
    }

    .key_visual .visual_slider .controll_wrap {
        bottom: 10px
    }

    .key_visual .visual_slider .swiper-button-play {
        display: inline-block;
        position: relative;
        width: 24px;
        height: 24px;
        margin-right: 6px
    }

    .key_visual .visual_slider .swiper-button-play:before {
        left: 8px;
        top: 7px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #4868e1;
        border-right: 8px solid transparent
    }

    .key_visual .visual_slider .swiper-button-play.is_active {
        width: 24px;
        height: 24px
    }

    .key_visual .visual_slider .swiper-button-play.is_active:before, .key_visual .visual_slider .swiper-button-play.is_active:after {
        left: 9px;
        top: 7px;
        width: 2px;
        height: 10px;
        background-color: #ccc
    }

    .key_visual .visual_slider .swiper-button-play.is_active:before {
        border: 0
    }

    .key_visual .visual_slider .swiper-button-play.is_active:after {
        left: 13px
    }

    .key_visual .visual_slider .swiper-pagination {
        font-size: 1.8rem
    }

    .key_visual .visual_slider .visual_item {
        padding: 39px 20px 45px
    }

    .key_visual .visual_slider .visual_item .btn_cont {
        position: static;
        margin-top: 40px;
        text-align: center
    }

    .key_visual .visual_heading {
        float: none;
        padding-bottom: 33px;
        text-align: center
    }

    .key_visual .visual_heading .heading_tit {
        margin-top: 0;
        font-size: 2.1rem
    }

    .key_visual .visual_heading .heading_desc {
        margin-top: 6px;
        font-size: 1.5rem;
        line-height: 1.51
    }

    .key_visual .visual_content {
        position: relative;
        float: none;
        width: 174px;
        margin: 0 auto
    }

    .key_visual .visual_content .action_bg {
        width: 173px;
        height: 109px;
        border-radius: 13px;
        background: url(/pconts/images/contents/card/bg_visual_card.png) no-repeat;
        background-size: 100% 100%
    }

    .key_visual .visual_content .action_bg .wave {
        background-image: url(/pconts/images/contents/card/bg_visual_wave.png);
        background-repeat: no-repeat
    }

    .key_visual .visual_content .sort_list {
        position: absolute;
        left: -21px;
        top: 113px
    }

    .key_visual .visual_content .sort_item {
        width: 68px;
        height: 25px;
        margin-top: 5px;
        padding-left: 38px;
        border-radius: 6px;
        line-height: 23px
    }

    .key_visual .visual_content .sort_item .sort_unit {
        margin-right: 3px;
        font-size: 0.9rem
    }

    .key_visual .visual_content .sort_item .sort_value {
        font-size: 0.9rem
    }

    .key_visual .visual_content .sort_item .sort_value span {
        font-size: 0.7rem
    }

    .key_visual .visual_content .sort_item:before {
        top: 0;
        right: -6px;
        border: 6px solid #1b2d93;
        border-width: 6px 6px 0 6px;
        border-left-color: transparent;
        border-right-color: transparent
    }

    .key_visual .visual_content .sort_item.type01, .key_visual .visual_content .sort_item.type02, .key_visual .visual_content .sort_item.type03, .key_visual .visual_content .sort_item.type04, .key_visual .visual_content .sort_item.type05, .key_visual .visual_content .sort_item.type06 {
        background-position: 12px center;
        background-size: 15px 15px
    }

    .key_visual .visual_content .count_list {
        position: absolute;
        right: 3px;
        top: 187px;
        margin-top: -27px
    }

    .key_visual .visual_content .count {
        height: 100px;
        font-size: 5.0rem;
        letter-spacing: -0.03em;
        line-height: 5.5rem;
        opacity: 0
    }

    .key_visual .visual_content .unit {
        right: -28px;
        bottom: -11px;
        font-size: 3.4rem;
        letter-spacing: -0.03em;
        line-height: 1.1
    }

    .mydiy_sec {
        padding: 40px 0 37px
    }

    .mydiy_sec.main_2 {
        padding: 40px 38px 45px 34px
    }

    .mydiy_sec.main_3 {
        padding: 39px 0 45px
    }

    .mydiy_sec .section_title {
        font-size: 2.1rem;
        line-height: 1.47
    }

    .mydiy_sec .section_desc {
        margin-top: 8px;
        font-size: 1.3rem;
        line-height: 1.46
    }

    .mydiy_sec .btn_cont {
        margin-top: 23px
    }

    .circle_graph {
        width: 48px;
        height: 48px;
        margin: 0 auto;
        line-height: 46px
    }

    .circle_graph .per_txt {
        font-size: 0.8rem
    }

    .circle_graph .per_num {
        font-size: 1.9rem
    }

    .circle_graph .tit {
        margin-top: 24px;
        font-size: 1.6rem
    }

    .main_1 .swiper-container {
        padding: 28px 0 44px
    }

    .main_1 .swiper-inner {
        height: 174px;
        padding: 48px 28px 20px
    }

    .main_1 .icon {
        width: 33px;
        height: 33px
    }

    .main_1 .name {
        margin-top: 9px;
        font-weight: 400;
        font-size: 1.5rem;
        color: #111
    }

    .main_1 .desc {
        width: 161px;
        padding: 0 20px;
        margin: 2px auto 0;
        font-size: 1.2rem
    }

    .main_1 .swiper-button-prev, .main_1 .swiper-button-next {
        top: 95px
    }

    .main_1 .swiper-button-prev {
        left: -5px
    }

    .main_1 .swiper-button-next {
        right: -5px
    }

    .main_1 .swiper-button-play {
        margin-right: 1px
    }

    .main_1 .swiper-pagination {
        font-size: 1.3rem
    }

    .main_1 .active_area {
        top: 28px;
        width: 161px;
        height: 174px;
        border-radius: 7px
    }

    .main_1 .active_area .circle_graph {
        right: -19px;
        bottom: -18px
    }

    .main_2 .pick {
        width: auto;
        margin: 42px auto 0;
        padding-top: 102px;
        background: url(/pconts/images/contents/card/bg_pick_m.png) no-repeat center 0;
        background-size: 150px auto
    }

    .main_2 .pick .pick_inner {
        height: 61px;
        border-radius: 7px;
        box-shadow: none
    }

    .main_2 .pick .pick_name {
        margin-top: 3px;
        font-size: 1.3rem
    }

    .main_2 .pick .pick_count {
        float: left;
        margin-left: 27px;
        padding-left: 21px;
        font-size: 1.2rem
    }

    .main_2 .pick .pick_count:before {
        left: 0;
        top: 7px;
        width: 11px;
        height: 8px
    }

    .main_2 .pick .pick_count .count {
        font-size: 2.3rem
    }

    .main_2 .pick .pick_point .point {
        height: 26px;
        padding: 0 10px;
        font-size: 1.0rem;
        line-height: 26px
    }

    .main_2 .pick .pick_point [class^=flag_] {
        top: 10px;
        left: 30px
    }

    .main_2 .pick .pick_point .flag_01 {
        width: 7px;
        height: 3.7px;
        background: #009a9a;
        opacity: 0.15
    }

    .main_2 .pick .pick_point .flag_02 {
        width: 4px;
        height: 1px;
        background: #009a9a
    }

    .main_2 .pick .pick_point .flag_03 {
        width: 3px;
        height: 7px;
        background: #009a9a;
        opacity: 0.4
    }

    .main_2 .pick .pick_point .flag_04 {
        width: 7px;
        height: 2px;
        background: #8898d8
    }

    .main_2 .pick .pick_point .flag_05 {
        width: 5px;
        height: 1px;
        background: #8898d8
    }

    .main_2 .pick .pick_point .flag_06 {
        width: 2px;
        height: 6px;
        background: #009a9a;
        opacity: 0.6
    }

    .main_2 .pick.is_active .pick_inner {
        padding: 19px 24px 19px 24px
    }

    .main_2 .pick.is_active .pick_point .flag_01 {
        top: -13px;
        left: -3px;
        transform: skew(20deg) rotate(30deg)
    }

    .main_2 .pick.is_active .pick_point .flag_02 {
        top: -4px;
        left: -13px;
        transform: skew(20deg) rotate(-40deg)
    }

    .main_2 .pick.is_active .pick_point .flag_03 {
        top: 7px;
        left: -15px;
        transform: skew(20deg) rotate(-15deg)
    }

    .main_2 .pick.is_active .pick_point .flag_04 {
        top: -16.3px;
        left: 44px;
        transform: skew(20deg) rotate(150deg)
    }

    .main_2 .pick.is_active .pick_point .flag_05 {
        top: -4.5px;
        left: 54px;
        transform: skew(35deg) rotate(50deg)
    }

    .main_2 .pick.is_active .pick_point .flag_06 {
        top: 5.6px;
        left: 56px;
        transform: skew(20deg) rotate(350deg)
    }

    .mydiy_type .accordion_header button.acc_btn, .mydiy_type .accordion_header a[role="button"].acc_btn {
        padding: 19px 21px 19px;
        font-size: 1.5rem
    }

    .mydiy_type .accordion_header button.acc_btn:after, .mydiy_type .accordion_header a[role="button"].acc_btn:after {
        right: 24px;
        top: 20px;
        width: 9px;
        height: 9px
    }

    .mydiy_type .accordion_header button.acc_btn.on:after, .mydiy_type .accordion_header a[role="button"].acc_btn.on:after {
        top: 25px
    }

    .mydiy_type .accordion_body {
        padding: 18px 22px 17px
    }

    .mydiy_pop_cont_area {
        padding: 13px 0 20px
    }

    .mydiy_pop_cont_area .h_title {
        margin-bottom: 6px
    }

    .mydiy_pop_cont_area .desc {
        font-size: 1.5rem;
        line-height: 1.51
    }

    .mydiy_pop_cont_area .desc + .h_title {
        margin-top: 21px
    }

    .mydiy_pop_cont_area ul.marker_dot.Mid > li {
        font-size: 1.5rem;
        line-height: 1.51
    }

    .mydiy_pop_cont_area .marker_dot > li::before {
        top: 9px
    }

    .popup_type01.mydiy_rate_area .pop_head .explain {
        margin: 29px 0 10px;
        font-size: 1.5rem
    }

    .mydiy_rate_area .pop_cont {
        max-height: none
    }

    .mydiy_rate_area .save_list li div.ico {
        width: 33px
    }

    .mydiy_rate_area .save_list li div.ico span {
        width: 33px;
        height: 33px
    }

    .mydiy_rate_area .save_list li div.tit {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.5rem
    }

    .mydiy_rate_area .save_list li div.per {
        width: 50px;
        font-size: 1.5rem
    }

    .mydiy_rate_area .save_list li div.per span {
        font-size: 2.5rem
    }

    .DIY_home {
        padding-top: 40px;
        height: 165px
    }

    .DIY_home .tit_area .txt_area {
        font-size: 2.1rem
    }

    .DIY_home .card_area .img_area img {
        width: 217px;
        border-radius: 10px
    }

    .diybox_section {
        padding: 100px 0 0
    }

    .cont_box {
        width: 100%;
        padding: 0
    }

    .cont_box > div {
        padding-left: 4px;
        padding-bottom: 2px;
        width: 50%
    }

    .cardtype_choice {
        display: inline-block;
        width: 100%;
        margin-bottom: 60px
    }

    .cardtype_choice .choice_door {
        padding: 30px 15px
    }

    .cardtype_choice .choice_door .card_info h4 {
        font-size: 1.5rem
    }

    .cardtype_choice .choice_door .card_info p {
        font-size: 1.3rem
    }

    .cardtype_choice .choice_door .card_info .btn_wrap .btn.default {
        width: 100%;
        min-width: auto;
        padding: 0
    }

    .cardtype_choice .choice_door .card_info .btn_wrap .btn.default + i {
        margin-top: 5px
    }

    .DIY_header {
        padding: 38px 0
    }

    .DIY_header .tit_area h4.tit_k1 {
        font-size: 2.0rem;
        font-weight: 700 !important
    }

    .DIY_header .tit_area .txt_k1 {
        font-size: 1.5rem;
        padding-top: 8px
    }

    .article.slim {
        padding: 0
    }

    .article.slim .slide_area .swiper-button-prev, .article.slim .slide_area .swiper-button-next {
        top: 60%
    }

    .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .check_wrap.type_agree {
        padding-left: 8px
    }

    .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .check_wrap.type_agree .check_agree {
        height: 50px;
        line-height: 50px;
        margin-top: 0
    }

    .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span {
        padding: 0 51px 0 30px
    }

    .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {
        width: 21px;
        height: 21px;
        margin: -12px 0 0 0;
        background-size: 21px
    }

    .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {
        width: 21px;
        height: 21px;
        margin: -12px 0 0 0;
        background-size: 21px
    }

    .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before, .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {
        background-size: 21px
    }

    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {
        width: 42px
    }

    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check:before {
        width: 8px;
        height: 8px;
        margin: -6px 0 0 -4px
    }

    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on:before {
        margin-top: -2px;
        border-color: #4868e1;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg)
    }

    .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .accordion_header.on + .accordion_body {
        padding: 15px 24px;
        background: #fafafa
    }

    .req_wrap {
        padding: 44px 25px 0
    }

    .req_wrap ul li label input + span {
        width: 100%;
        min-width: 131px;
        max-width: 131px;
        height: 131px;
        font-weight: 700;
        font-size: 1.5rem
    }

    .req_wrap ul li label i {
        width: 33px;
        height: 33px;
        margin: 25px auto 26px
    }

    .req_wrap ul li label input:checked + span i {
        margin: 24px auto 26px
    }

    .req_wrap ul li label i.ico_quick {
        background-size: 33px 33px
    }

    .req_wrap ul li label i.ico_online {
        background-size: 33px 33px
    }

    .req_wrap p {
        clear: both;
        padding-top: 26px;
        margin: 0 -25px 5px
    }

    .banner_field {
        padding: 25px 0;
        font-size: 1.5rem
    }

    .tit_t2 {
        font-size: 2.3rem
    }

    .survey_box {
        padding: 30px 0
    }

    .survey_box .page_num {
        margin-bottom: 10px;
        font-size: 1.4rem
    }

    .survey_box .txt_area {
        font-size: 1.3rem
    }

    .survey_box .tit_area > span {
        margin-top: 5px
    }

    .survey_box .tit_area .tag {
        display: block;
        width: 61px;
        padding: 1px 10px;
        background: #4868e1;
        margin: 0 auto
    }

    .cont_box.survey_chk {
        margin: 40px auto 0
    }

    .cont_box.col3 > div.rblock {
        width: 50%
    }

    .cont_box.survey_chk.col3 > div.rblock:first-child, .cont_box.survey_chk.col3 > div.rblock:nth-child(3n+1) {
        padding-left: 4px
    }

    .cont_box.survey_chk.col3 > div.rblock:nth-child(3n) {
        padding: 4px
    }

    .cont_box.survey_chk > div.rblock label {
        min-height: 77px
    }

    .cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label {
        background: #fff url(/pconts/images/common/check_on2.png) no-repeat 14px center / 13px 9px !important
    }

    .cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 {
        padding: 0 28px;
        word-break: break-all;
        line-height: 1.3
    }

    div.chk_t2 input[type="checkbox"] + label span {
        font-size: 1.5rem
    }

    .cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label {
        background: #fff url(/pconts/images/common/check_on2.png) no-repeat 14px center / 13px 9px !important
    }

    .cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 {
        padding: 0 28px;
        word-break: break-all;
        line-height: 1.3
    }

    div.chk_t2 input[type="radio"] + label span {
        font-size: 1.5rem
    }

    .survey_box.type01 {
        padding: 25px 0
    }

    .survey_box.type01 .page_num, .survey_box.type02 .page_num {
        margin: 0
    }

    .survey_box.type01 .tit_area > span, .survey_box.type02 .tit_area > span {
        margin-top: 0
    }

    .survey_box.type01 .tit_area .tit_t2 {
        font-size: 2.1rem
    }

    .survey_box.type01 .tit_area .font_md01 {
        font-size: 1.5rem;
        padding-top: 5px
    }

    .survey_box.type02 {
        padding: 25px 0 44px
    }

    .survey_box.type02 .font_md01 {
        margin-top: 5px;
        line-height: 1.53
    }

    .tab_cont .survey_box.type01 {
        padding: 24px 0
    }

    .DIY_switch {
        margin-top: 25px
    }

    .DIY_switch .switch_tit {
        font-size: 1.5rem
    }

    .slide_area {
        margin: 15px 0 0
    }

    .slide_area > .font_md05 {
        font-size: 1.3rem !important
    }

    .airesult_slide {
        margin: 0 20px;
        margin-top: -6px
    }

    .airesult_slide .tit {
        margin-top: 15px;
        font-size: 1.3rem
    }

    .DIY_tab_list {
        margin: 20px auto 0
    }

    .DIY_tab_list li {
        display: table-cell;
        padding: 0 15px;
        text-align: center
    }

    .DIY_tab_list li a {
        font-size: 1.6rem
    }

    .multi_box.gap70_40 {
        padding: 25px 0 20px;
        margin-bottom: 30px !important
    }

    .multi_box.gap80_40 {
        padding: 25px 0 20px;
        margin-bottom: 30px !important
    }

    .multi_list {
        width: 100%;
        overflow: hidden
    }

    .multi_list ul {
        width: 100%
    }

    .multi_list li {
        margin-right: 6px;
        margin-bottom: 6px;
        width: calc(50% - 3px);
        float: left
    }

    .multi_list li:nth-child(2n) {
        margin-right: 0
    }

    .multi_list li .saving_choice span.img_area {
        height: 32px
    }

    .multi_list li .saving_choice span.img_area img {
        width: 32px;
        height: 32px
    }

    .multi_list li .saving_choice em.mall_type {
        margin-top: 20px;
        font-size: 1.5rem
    }

    .multi_list li .saving_choice em.mall_type span {
        margin-left: 10px;
        padding-right: 10px
    }

    .multi_list li .saving_choice em.mall_type span:after {
        width: 5px;
        height: 5px
    }

    .multi_list li .saving_choice p.mall {
        margin-top: 20px;
        width: 100%;
        font-size: 1.4rem;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

    .multi_list li .saving_choice div.btn_choice {
        margin: 20px auto 0px
    }

    .multi_list li .saving_choice div.btn_choice button {
        top: 10px;
        width: 15px;
        height: 15px
    }

    .multi_list li .saving_choice div.btn_choice button:first-child {
        left: 0;
        background-image: url(/pconts/images/contents/card/btn_minus.png)
    }

    .multi_list li .saving_choice div.btn_choice p.percentage span {
        font-size: 1.5rem
    }

    .multi_list li .saving_choice div.btn_choice p.percentage span:first-child {
        font-size: 2.5rem
    }

    .multi_list li.list_checked .saving_choice div.btn_choice p.percentage span {
        width: 12px
    }

    .btn_fixed {
        position: fixed;
        bottom: 20px;
        left: calc(100% - 75px);
        width: 55px;
        margin: 0
    }

    .btn_fixed .btn {
        width: 55px;
        height: 55px;
        font-size: 2.5rem;
        line-height: 55px
    }

    .btn_fixed .btn em {
        font-size: 1.5rem
    }

    .btn_fixed.pos {
        position: absolute;
        bottom: 75px
    }

    .tab_cont .btn_fixed.pos {
        left: calc(100% - 55px)
    }

    .option_area {
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .option_list div.radio_t3 input[type="radio"] + label {
        padding: 27px 22px 27px 53px;
        width: 100%;
        background: #f2f2f2 url(/pconts/images/contents/card/ico_radioOff.png) no-repeat 22px 50% / 20px 20px;
        border-radius: 10px
    }

    .option_list div.radio_t3 input[type="radio"] + label span.txt {
        font-size: 1.5rem
    }

    .option_list div.radio_t3 input[type="radio"] + label > span.right .count {
        line-height: normal
    }

    .option_list div.radio_t3 input[type="radio"] + label > span.right .count span {
        font-size: 1.5rem
    }

    .option_list div.radio_t3 input[type="radio"] + label > span.right .count span:first-child {
        font-size: 2.5rem
    }

    .option_list div.radio_t3 input[type="radio"]:checked + label {
        background: #fff url(/pconts/images/contents/card/ico_radioOn.png) no-repeat 22px 50% / 20px 20px
    }

    .list_title {
        margin: 30px auto 12px
    }

    .list_title .list_title_cell {
        font-size: 1.3rem
    }

    .list_title .list_title_cell.title {
        padding-left: 80px
    }

    .list_title .list_title_cell.count {
        padding-right: 22px
    }

    .card_design ul li + li {
        margin-left: 0
    }

    .card_design ul li label {
        width: 124px;
        height: 124px
    }

    .card_design ul li label input + span {
        padding-top: 79px;
        font-size: 1.5rem
    }

    .card_design ul li label input:checked + span:before {
        left: 9px;
        top: 32px;
        width: 16px;
        height: 11px
    }

    .card_design ul li.card_type01 label input + span {
        background: url(/pconts/images/contents/card/card_type01_m.png) no-repeat 39px 28px;
        background-size: 46px 30px
    }

    .card_design ul li.card_type02 label input + span {
        background: url(/pconts/images/contents/card/card_type02_m.png) no-repeat 47px 20px;
        background-size: 30px 46px
    }

    .card_design ul li.card_type01 label input:checked + span {
        background-image: url(/pconts/images/contents/card/card_type01_on_m.png);
        background-size: 46px 30px
    }

    .card_design ul li.card_type02 label input:checked + span {
        background-image: url(/pconts/images/contents/card/card_type02_on_m.png);
        background-size: 30px 46px
    }

    .card_design .card_area {
        padding: 10px 0 30px
    }

    .card_design .img_area span {
        width: 219px;
        height: 138px
    }

    .card_design .img_area span.vertical {
        width: 146px;
        height: 231px
    }

    .card_design .img_area span img {
        border-radius: 8px;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3)
    }

    .survey_box .card_area {
        margin-top: 24px
    }

    .survey_box .card_area img {
        width: 219px;
        height: 138px;
        border-radius: 8px;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3)
    }

    .survey_box .card_area.with_barcode .barcode {
        position: absolute;
        left: 50%;
        bottom: -14px;
        width: 170px;
        height: 64px;
        background: url(/pconts/images/contents/card/barcode_m.png) no-repeat left top;
        background-size: 170px 64px;
        transform: translateX(-50%);
        box-shadow: 0 10px 19px rgba(0, 0, 0, 0.05)
    }

    .survey_box .card_area.vertical img {
        width: 146px;
        height: 231px
    }

    .contents.bg_gray01 .m_fixed {
        background: #fafafa
    }

    .contents.bg_gray01 .m_fixed::before {
        background-image: linear-gradient(rgba(250, 250, 250, 0) 0%, rgb(250, 250, 250) 70%, rgb(250, 250, 250) 100%)
    }

    .survey_box .tit_t2 + .card_area {
        margin-top: 22px;
        margin-bottom: -14px
    }

    .result_area {
        width: auto;
        margin: 25px auto 0
    }

    .result_area + .result_area {
        padding-top: 0
    }

    .result_area ul {
        margin-top: 26px
    }

    .result_area ul li {
        display: table;
        height: 77px;
        padding: 0 19px
    }

    .result_area ul li .img {
        width: 33px
    }

    .result_area ul li .img span {
        width: 33px;
        height: 33px
    }

    .result_area ul li .td_box {
        padding-left: 15px;
        padding-right: 15px
    }

    .result_area ul li .tit {
        display: block;
        width: auto;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.5rem;
        line-height: 1.3
    }

    .result_area ul li .desc {
        display: block;
        height: auto;
        font-size: 1.3rem
    }

    .result_area ul li .rate {
        font-size: 1.5rem
    }

    .result_area ul li .rate span {
        font-size: 2.5rem
    }

    .result_area .radio_t3 {
        height: 77px;
        margin-top: 26px;
        box-shadow: 0 10px 19px rgba(0, 0, 0, 0.05)
    }

    .result_area .radio_t3 input + span {
        padding: 0 20px 0 51px;
        font-size: 1.5rem;
        line-height: 1.4
    }

    .result_area .radio_t3 input:checked + span:before {
        left: 22px;
        top: 27px;
        width: 21px;
        height: 21px
    }

    .result_area .radio_t3 input:checked + span:after {
        left: 28px;
        top: 33px;
        width: 9px;
        height: 6px
    }

    .result_area .radio_t3 .rate {
        right: 19px;
        font-size: 1.5rem
    }

    .result_area .radio_t3 .rate span {
        font-size: 2.5rem
    }

    .accordion_header.DIY_service_item button.acc_btn.medium {
        padding: 20px 0 20px 10px;
        font-size: 1.5rem
    }

    .accordion_header.DIY_service_item button.acc_btn.medium span.new_badge {
        padding: 3px 8px;
        font-size: 1.3rem
    }

    .accordion_header.DIY_service_item button.acc_btn.medium span.f_right.date {
        padding-right: 35px;
        padding-top: 3px;
        font-size: 1.3rem
    }

    .accordion_header.DIY_service_item button.acc_btn.medium:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium:after {
        margin-top: -14px;
        left: calc(100% - 20px)
    }

    .accordion_header.DIY_service_item button.acc_btn.medium.on:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium.on:after {
        margin-top: -8px
    }

    .accordion_header.DIY_service_item button.acc_btn.on, .accordion_header.DIY_service_item a[role="button"].acc_btn.on {
        border-top: 1px solid #ddd
    }

    .accordion_body.DIY_service_cont .area {
        padding: 20px
    }

    .accordion_body.DIY_service_cont .area .df_list {
        margin-bottom: -7px;
        font-size: 1.5rem
    }

    .accordion_body.DIY_service_cont .area .gut30_20 {
        padding-right: 10px
    }

    .accordion_body.DIY_service_cont .area .df_list .item_wrap:nth-of-type(2) dt, .accordion_body.DIY_service_cont .area .df_list .item_wrap:nth-of-type(2) dd {
        padding-top: 0px
    }

    .accordion_body.DIY_service_cont .area .df_list .item_wrap dt:nth-of-type(2), .accordion_body.DIY_service_cont .area .df_list .item_wrap dd:nth-of-type(2) {
        padding-top: 0px
    }

    .multi_ls01 li {
        float: left;
        width: 50%;
        padding: 6px 0 0 6px
    }

    .multi_ls01 li:nth-child(4n-3) {
        padding-left: 6px
    }

    .multi_ls01 li:nth-child(odd) {
        padding-left: 0
    }

    .multi_ls01 li .saving_choice {
        height: 118px;
        padding: 20px 17px 26px
    }

    .multi_ls01 li .saving_choice em.mall_type {
        font-size: 1.5rem
    }

    .multi_ls01 li .saving_choice span.img_area {
        bottom: 25px;
        right: 18px;
        display: block;
        width: 33px;
        height: 33px
    }

    .multi_ls01 li .saving_choice span.img_area img {
        width: 33px;
        height: 33px
    }

    .multi_ls01 li .saving_choice div.btn_choice p.percentage {
        margin: 20px 0 0 0
    }

    .multi_ls01 li .saving_choice div.btn_choice p.percentage span {
        font-size: 1.5rem
    }

    .multi_ls01 li .saving_choice div.btn_choice p.percentage span:first-child {
        font-size: 2.4rem
    }

    .survey_box.type01 .form_type .form_ele.sm {
        padding-left: 0px
    }

    .DIY_point dl dt {
        padding: 0 0 15px 0;
        font-size: 1.8rem
    }

    .DIY_point dl dd {
        padding: 18px 20px;
        font-size: 1.8rem
    }

    .DIY_point .table_wrap table {
        font-size: 1.5rem
    }

    .DIY_point .table_wrap table th, .DIY_point .table_wrap table td {
        padding: 10px
    }

    .DIY_point .table_wrap table .interval span {
        padding-right: 20px
    }

    .serv_article {
        margin-top: 20px
    }

    .serv_title {
        padding: 21px 10px 19px;
        font-weight: 700;
        font-size: 1.5rem
    }

    .serv_title .badge {
        min-width: 50px;
        margin-top: -4px;
        margin-left: 6px;
        padding: 0 7px;
        font-size: 1.3rem;
        line-height: 23px
    }

    .serv_cont {
        padding: 9px 0 12px;
        border-top: 1px solid #333
    }

    .serv_cont dl {
        width: 100%;
        margin-top: 8px;
        padding: 0 19px;
        font-size: 1.5rem
    }

    .serv_cont dl dt {
        width: 40%
    }

    .serv_cont dl dd {
        width: 60%;
        padding-left: 5px
    }

    .accordion_header.DIY_service_item.point button.acc_btn.medium .date {
        padding-right: 20px;
        font-size: 1.3rem
    }

    .accordion_header.DIY_service_item.point button.acc_btn.medium .brand {
        font-size: 1.5rem
    }

    .accordion_header.DIY_service_item.point button.acc_btn.medium .point {
        padding-right: 40px;
        font-size: 1.5rem
    }

    .card_confirm {
        margin-top: 40px;
        margin-bottom: 26px
    }

    .card_confirm .img {
        width: 217px;
        height: 138px
    }

    .card_confirm .img.vertical {
        width: 138px;
        height: 217px
    }

    .card_confirm .img img {
        border-radius: 8px;
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3)
    }

    .card_confirm .card_tit {
        margin-top: 25px;
        font-size: 1.8rem;
        color: #111
    }

    .card_confirm .btn_wrap {
        margin-top: 74px
    }

    .survey_box.type03 {
        padding: 30px 0
    }

    .bacode_area {
        max-width: 100%;
        width: 100%;
        padding: 20px 43px 15px
    }

    .bacode_area p.code_number {
        font-size: 1.5rem
    }

    .members_card_info {
        width: 100%;
        margin-bottom: 22px
    }

    .members_card_info li > a {
        height: 156px;
        padding: 14px
    }

    .members_card_info li > a:after {
        top: 14px;
        right: 14px;
        width: 30px;
        height: 30px;
        background-size: 30px
    }

    .members_card_info li a.happy_point span.emblem, .members_card_info li a.cu span.emblem, .members_card_info li a.soil span.emblem, .members_card_info li a.cjone span.emblem {
        background-size: 87px;
        background-position-y: 40px;
        height: 100%
    }

    .members_card_info li span.membership_status {
        top: 14px;
        left: 14px;
        right: auto;
        font-size: 1.3rem
    }

    .members_card_info li.checked > a:after {
        top: 24px;
        width: 8px;
        height: 8px;
        background: none;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-45deg)
    }

    .members_card_info li.checked a.happy_point span.emblem, .members_card_info li.checked a.cu span.emblem, .members_card_info li.checked a.soil span.emblem, .members_card_info li.checked a.cjone span.emblem {
        background-size: 87px
    }

    .memtop_sec {
        width: 100%;
        height: 136px;
        padding-top: 30px
    }

    .memtop_sec .mem_cont .symbol {
        width: 100px
    }

    .memtop_sec .mem_cont .symbol > img {
        margin-left: 20px
    }

    .memtop_sec .mem_cont .memb_cdn_act {
        padding-top: 20px;
        font-size: 1.5rem
    }

    .membership_area .ly_inner {
        display: block;
        height: auto;
        padding: 30px 0
    }

    .membership_area.type02 .ly_inner {
        height: auto
    }

    .membership_area .img_logo {
        width: 124px;
        height: 41px
    }

    .membership_area.happypoint_type .img_logo, .membership_area.cu_type .img_logo, .membership_area.soil_type .img_logo {
        padding: 0
    }

    .membership_area .add_info {
        margin: 14px 0 0;
        padding-bottom: 5px
    }

    .membership_area .add_info p {
        font-size: 1.6rem
    }

    .membership_area .add_info p em {
        margin-right: 7px;
        font-size: 1.8rem
    }

    .membership_area .add_info p.date {
        font-size: 1.3rem
    }

    .membership_area .link_area {
        margin-top: 16px;
        margin-bottom: -3px
    }

    .membership_area .link_area .link + .link {
        margin-left: 17px
    }

    .membership_area .memb_cdn_act {
        margin-top: 16px;
        margin-bottom: -3px;
        padding-bottom: 0;
        font-size: 1.5rem
    }

    .col120_96 {
        width: 96px
    }

    .pop_cont .diy_pop_brand li {
        width: 33.3%;
        padding: 20px 0 0 0
    }

    .pop_cont .diy_pop_brand li > img {
        width: 86px;
        padding-bottom: 20px
    }

    .pop_cont .diy_pop_brand li p {
        height: 44px;
        line-height: 1.2
    }

    .area365 {
        margin-top: 30px;
        margin-bottom: 12px
    }

    .area365 .inner > p {
        padding-top: 24px;
        margin-bottom: 22px
    }

    .area365 .inner .imgBox ul {
        padding: 0px 12.5% 20px 12.5%
    }

    .area365 .inner .imgBox ul li {
        text-align: center;
        width: 33%
    }

    .area365 .inner .imgBox ul li div {
        float: none;
        width: 100%;
        height: 40px
    }

    .area365 .inner .imgBox ul li p {
        display: block;
        line-height: 1.53;
        padding-left: 0;
        margin-top: 8px
    }

    .area365 .inner .imgBox ul li:first-child div {
        margin-left: 0;
        background-position: center center;
        background-size: 40px
    }

    .area365 .inner .imgBox ul li:nth-child(2) div {
        margin-left: 0;
        background-position: center center;
        background-size: 40px
    }

    .area365 .inner .imgBox ul li:last-child div {
        margin-left: 0;
        background-position: center center;
        background-size: 40px
    }

    .themaPark table tbody tr td {
        padding: 15px 10px !important
    }

    .thematext {
        display: block;
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .themaImg {
        display: block;
        width: 100%;
        height: 24px;
    }

    .table_wrap .ever {
        background: url("/pconts/images/contents/card/detail_everland.png")no-repeat center center;
        background-size: 56px 24px
    }

    .table_wrap .bay {
        background: url("/pconts/images/contents/card/detail_bay.png")no-repeat center center;
        background-size: 56px 24px
    }

    .table_wrap .lotte {
        background: url("/pconts/images/contents/card/detail_lotte.png")no-repeat center center;
        background-size: 56px 24px
    }

    .table_wrap .seoul {
        background: url("/pconts/images/contents/card/detail_seoul.png")no-repeat center center;
        background-size: 56px 24px
    }

    .map_api {
        width: 100%;
        height: 270px
    }

    .map_api2 {
        width: 100%;
        height: 251px
    }

    .icon_detailcont_wrap {
        margin-right: 0
    }

    .icon_detailcont_wrap .icon_list_detailcont {
        margin: 0 15px
    }

    .icon_detailcont_wrap .icon_list_detailcont li {
        width: calc(50% - 8px);
        padding: 15px 0 15px;
        margin-right: 15px
    }

    .img_hipas_list {
        padding-bottom: 20px
    }

    .img_hipas_list > li {
        position: relative;
        padding: 0 10px;
        padding-top: 10px
    }

    .img_hipas_list > li > img {
        width: 84px;
        margin: 8px 8px 6px
    }

    .img_hipas_list > li::after {
        right: -6px;
        width: 8px;
        height: 8px
    }

    .cardimg_disabled li {
        width: calc(50% - 5px)
    }

    .cardimg_disabled li:first-child {
        margin-right: 10px
    }

    .cardimg_disabled li > img {
        width: 100%;
        padding-bottom: 10px
    }

    .card_detail_style {
        padding: 18px 0px 20px !important
    }

    .table_wrap.type01 .ico_brand {
        width: 41px;
        height: 21px
    }

    .table_wrap.type01 .ico_brand img {
        width: 41px;
        height: 21px
    }

    .detail_ele .carddetail_name {
        display: block;
        float: left;
        width: 100%;
        padding: 0 0 10px 0
    }

    .detail_ele .detail_input_wrap {
        display: block;
        width: 100%
    }

    .cost_box {
        width: 100%;
        height: auto
    }

    .cost_box > div {
        display: block;
        width: 100%;
        height: auto;
        font-size: 1.5rem
    }

    .cost_box > div p {
        width: 100%
    }

    .cost_box .left_box {
        position: relative;
        float: left;
        margin-right: 0;
        margin-bottom: 28px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .cost_box .left_box:before {
        top: 85px;
        left: 50%;
        margin: 0 0 0 -4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .cost_box .right_box {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .cost_box div .first_text {
        margin-bottom: 3px
    }

    .card_center_list .accordion_header button.acc_btn:after, .card_center_list .accordion_header a[role="button"].acc_btn:after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background-size: 6px 4px
    }

    .card_center_list {
        word-break: break-all
    }

    .card_center_list dl .card_center_pop {
        padding: 23px 30px 15px 10px
    }

    .card_center_list dl .card_center_pop .center_name {
        font-size: 1.5rem;
        margin-bottom: 15px
    }

    .card_center_list dl .card_center_pop .center_address {
        font-size: 1.3rem
    }

    .card_center_list dl dd .inner {
        padding: 0 30px 20px 10px
    }

    .center_info_list dl dt {
        width: 33%;
        padding-top: 12px;
        font-size: 1.5rem
    }

    .center_info_list dl dd {
        width: calc(100% - 33%);
        padding-top: 12px;
        font-size: 1.5rem
    }

    .no_serchbox {
        width: 100%;
        border: 0;
        padding: 0
    }

    .no_serchbox > p {
        width: 100%;
        padding-top: 40px;
        font-size: 1.5rem;
        font-weight: 400;
        color: #333;
        text-align: center
    }

    .no_serchbox .complete_body.type02 {
        padding-top: 136;
        background-position: center 36px
    }

    .carddetail_qr_box {
        display: none
    }

    .carddetail_qr_btn {
        display: block
    }

    .card_detail_step4 .card_step_box {
        display: block;
        position: relative;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
        padding: 11px 0;
        border-radius: 3px
    }

    .card_detail_step4 .card_step_box:before {
        top: 54px;
        left: 50%;
        margin: 0 0 0 -4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .card_detail_step4 .card_step_box:nth-child(3) {
        margin-right: 0
    }

    .card_detail_step4 .card_step_box:nth-child(4) {
        margin-bottom: 0px
    }

    .card_detail_step4 .card_step_box p {
        font-size: 1.5rem
    }

    .card_detail_step3 .card_step_box {
        display: block;
        position: relative;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
        padding: 11px 0;
        border-radius: 3px
    }

    .card_detail_step3 .card_step_box:before {
        top: 54px;
        left: 50%;
        margin: 0 0 0 -4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .card_detail_step3 .card_step_box:nth-child(2) {
        margin-right: 0
    }

    .card_detail_step3 .card_step_box:nth-child(3) {
        margin-bottom: 0px
    }

    .card_detail_step3 .card_step_box p {
        font-size: 1.5rem
    }

    .card_detail_yogiyoStep .card_step_box {
        display: block;
        position: relative;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
        padding: 14px 0;
        border-radius: 3px
    }

    .card_detail_yogiyoStep .card_step_box:before {
        top: 84px;
        left: 50%;
        margin: 0 0 0 -4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .card_detail_yogiyoStep .card_step_box:nth-child(2) {
        margin-right: 0
    }

    .card_detail_yogiyoStep .card_step_box:nth-child(3) {
        margin-bottom: 0px
    }

    .card_detail_yogiyoStep .card_step_box .yogiyo_step_title {
        margin-bottom: 4px
    }

    .card_detail_yogiyoStep .card_step_box p {
        font-size: 1.5rem
    }

    .card_design_jyp_wrap .cd_item {
        width: 100%
    }

    .card_design_jyp_wrap .cd_item label[for="card_design02"] {
        margin-left: 0px
    }

    .card_design_jyp_wrap .cd_item + .cd_item {
        margin-top: 40px
    }

    .card_design_jyp_wrap .cd_item + .cd_item +.cd_item +.cd_item {
        margin-left: 0px
    }

    .card_design_jyp_wrap label {
        display: inline-block;
        width: 100%
    }

    .card_design_jyp_wrap label .img {
        width: 100%;
        height: 220px;
        text-align: center
    }

    .card_design_jyp_wrap label .img img {
        width: 138px;
        height: 220px;
        border-radius: 13px;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3)
    }

    .card_design_jyp_wrap label input[type="radio"] + span {
        display: block;
        margin-right: -10px;
        font-size: 1.6rem
    }

    .card_premier_gold_edition_detail {
        border-radius: 10px
    }

    .card_premier_gold_edition_detail .title {
        font-size: 14px
    }

    .card_premier_gold_edition_detail .sub_title {
        font-size: 11px
    }

    .card_premier_gold_edition_detail .text {
        font-size: 13px
    }

    .card_premier_gold_edition_detail.overview {
        padding: 45px 0 47px;
        background-image: url('/pconts/images/contents/card/img_the_premier_gold_edition_overview_M.png');
        text-align: center;
        background-size: contain
    }

    .card_premier_gold_edition_detail.overview .title {
        margin: 4px 0 10px
    }

    .card_premier_gold_edition_detail.card .card1 {
        padding: 40px 25px 0px;
        background-image: url('/pconts/images/contents/card/img_the_premier_gold_edition_card_bg_M.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 0
    }

    .card_premier_gold_edition_detail.card .title {
        margin: 0px 0 16px
    }

    .card_premier_gold_edition_detail.card .card1 .text_area {
        display: block;
        padding-bottom: 35px;
        padding-left: 0px;
        margin-bottom: 40px
    }

    .card_premier_gold_edition_detail.card .card2 {
        padding: 0px 0 20px
    }

    .card_premier_gold_edition_detail.card .card2 ul {
        text-align: center;
        font-size: 0
    }

    .card_premier_gold_edition_detail.card .card2 ul li {
        display: inline-block;
        max-width: 155px;
        width: 48%;
        margin: 0 26%
    }

    .card_premier_gold_edition_detail.card .card2 ul li img {
        width: 100%
    }

    .card_premier_gold_edition_detail.card .card2 ul li .card_type {
        margin-top: 9px;
        margin-bottom: 24px;
        font-size: 13px
    }

    .card_benefit_cj_point {
        margin-right: 0px
    }

    .card_benefit_cj_point .cj_point_list li {
        width: 50%;
        padding: 0;
        text-align: center
    }

    .card_benefit_cj_point .cj_point_list li .brand_box {
        padding: 8px 8px 10px
    }

    .card_benefit_cj_point .cj_point_list li:nth-child(odd) {
        padding: 5px 5px 5px 0
    }

    .card_benefit_cj_point .cj_point_list li:nth-child(even) {
        padding: 5px 0 5px 5px
    }

    .card_benefit_cj_point .cj_point_list li:nth-child(1) {
        padding: 0px 5px 5px 0
    }

    .card_benefit_cj_point .cj_point_list li:nth-child(2) {
        padding: 0px 0 5px 5px
    }

    .card_benefit_cj_point .cj_point_list li .logo {
        width: 100%;
        height: 40px;
        background-size: 133px 40px
    }

    .card_benefit_cj_point .cj_point_list .brand {
        font-size: 12px;
        line-height: 12px
    }

    .card_detail_bank_list li {
        width: 50%;
        padding: 0
    }

    .card_detail_bank_list li:nth-child(odd) {
        padding: 5px 5px 5px 0
    }

    .card_detail_bank_list li:nth-child(even) {
        padding: 5px 0 5px 5px
    }

    .card_detail_bank_list li:nth-child(1) {
        padding: 0px 5px 5px 0
    }

    .card_detail_bank_list li:nth-child(2) {
        padding: 0px 0 5px 5px
    }

    .card_detail_bank_list li .bank_img_box {
        width: 100%;
        height: 55px;
        padding: 7px 10px
    }

    .card_detail_bank_list li .mirae {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .woori {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .keb {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .cs {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .post {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .ibk {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .bnk {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .saemaeul {
        background-size: 128px 40px
    }

    .card_detail_bank_list li .citi {
        background-size: 128px 40px
    }

    .jyp_card_list {
        padding: 0
    }

    .jyp_card_list li {
        width: 50%;
        margin-left: 0
    }

    .jyp_card_list li:nth-child(3) {
        margin-top: 25px
    }

    .jyp_card_list li:nth-child(4) {
        margin-top: 25px
    }

    .jyp_card_list li:nth-child(even) {
        padding-left: 10px
    }

    .jyp_card_list li > span {
        margin-bottom: 14px
    }

    .jyp_card_list li > span img {
        width: 98px;
        height: 155px
    }

    .jyp_card_list li > p {
        font-size: 1.3rem;
        margin-bottom: 10px
    }

    .jyp_card_list li > p {
        font-size: 1.3rem;
        margin-bottom: 10px
    }

    .jyp_card_list li .btn_wrap .btn_link {
        min-width: 129px
    }

    .deep_eco_card_list {
        padding: 0
    }

    .deep_eco_card_list li {
        display: block;
        width: 100%
    }

    .deep_eco_card_list li > p {
        font-size: 1.5rem;
        margin-bottom: 11px
    }

    .deep_eco_card_list li .img_front > img {
        width: 98px;
        height: 155px
    }

    .deep_eco_card_list li .img_back {
        width: calc(100% - 138px)
    }

    .deep_eco_card_list li .img_back > img {
        width: 98px;
        height: 155px
    }

    .deep_eco_card_list li .img_back p {
        margin-top: 11px;
        font-size: 1.3rem
    }

    .deep_eco_card_list li:nth-child(2) {
        margin-left: 0;
        margin-top: 22px
    }

    .deep_eco_card_list li:nth-child(3) {
        margin-top: 22px
    }

    .sLineCheck_design_wrap {
        width: 100%;
        padding: 0
    }

    .sLineCheck_design_wrap .vertical_box {
        display: block;
        float: none;
        width: 100%;
        border: 0
    }

    .sLineCheck_design_wrap .design_list li {
        display: inline-block;
        float: left;
        margin-right: 0
    }

    .sLineCheck_design_wrap .design_list li:first-child {
        margin-right: 41px
    }

    .sLineCheck_design_wrap .design_list li:last-child {
        width: calc(100% - 148px)
    }

    .sLineCheck_design_wrap .design_list li > span img {
        width: 98px;
        height: 155px
    }

    .sLineCheck_design_wrap .design_list li p {
        margin-top: 11px;
        font-size: 1.3rem
    }

    .sLineCheck_design_wrap .horizental_box {
        display: block;
        padding: 36px 0 0 0
    }

    .sLineCheck_design_wrap .horizental_box span img {
        width: 155px;
        height: 98px
    }

    .sLineCheck_design_wrap .horizental_box p {
        margin-top: 11px;
        font-size: 1.3rem
    }

    .card_img_box {
        width: calc(50% - 5px);
        padding: 0
    }

    .card_img_box span img {
        width: 100%
    }

    .card_img_box p {
        font-size: 1.5rem
    }

    .m_pdr10 {
        margin-right: 10px
    }

    .annualSelect {
        display: block;
        width: calc(100% + 40px);
        ;margin: 0 -20px 0
    }

    .annualSelect .box {
        width: 50%
    }

    .annualSelect .box.mgr {
        margin-left: 0px
    }

    .annualSelect .box .select_wrap {
        width: calc(100% - 10px);
        float: left
    }

    .annualSelect .box.mgr .select_wrap {
        float: right
    }

    .annualSelect .box .select_wrap label {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px ;
        line-height: inherit
    }

    .annualSelect .box .select_wrap .ui_select {
        width: 100%
    }
}

.pay_select {
    clear: both;
    padding-top: 20px
}

.pay_t {
    padding-top: 14px
}

.date_swipe_wrap .switch .slider::before {
    background: #4868e1 url("/pconts/images/contents/mypage/cel_f.png") no-repeat 50% 50%
}

.date_swipe_wrap .switch .slider {
    background: #eee url("/pconts/images/contents/mypage/list_b.png") no-repeat 72px 50%
}

.date_swipe_wrap .switch input:checked + .slider {
    background: #eee url("/pconts/images/contents/mypage/cel_b.png") no-repeat 17px 50%
}

.date_swipe_wrap .switch input:checked + .slider::before {
    background: #4868e1 url("/pconts/images/contents/mypage/list_f.png") no-repeat 17px 50%
}

.highlighter_lg {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: 0;
    width: calc(100% + 5px);
    height: 24px;
    background-color: rgba(72,104,225,0.3)
}

.highlighter_sm {
    display: inline-block;
    position: absolute;
    left: -2px;
    bottom: 2px;
    z-index: 0;
    width: calc(100% + 4px);
    height: 8px;
    background-color: rgba(72,104,225,0.3)
}

.cont_area:not(:last-of-type) {
    margin-bottom: 60px
}

.content_banner {
    position: relative;
    height: 180px;
    margin-bottom: 55px
}

.content_banner .btn_banner {
    position: relative;
    z-index: 10;
    display: block;
    width: 980px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff
}

.content_banner .btn_banner .title {
    display: block;
    padding-top: 25px;
    line-height: 48px;
    font-weight: bold;
    font-size: 38px
}

.content_banner .btn_banner .sub_title {
    display: block;
    font-size: 20px
}

.content_banner .btn_banner .btn_style {
    position: absolute;
    bottom: 30px;
    display: inline-block;
    width: 78px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 20px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    font-size: 13px
}

.content_banner .img_wrap {
    position: absolute;
    right: 25px;
    bottom: 10px
}

.content_well {
    position: relative;
    padding-top: 60px
}

.content_well.no_pd {
    padding-top: 0px
}

.content_well .content_heading .text_area {
    margin-bottom: 60px;
    padding-left: 10px
}

.content_well .content_heading .text_area + .btn_wrap {
    margin-bottom: 60px
}

.content_well .content_heading .text_area + .btn_wrap.plus_text {
    margin-bottom: 10px
}

.content_well .content_heading .title {
    width: 50%;
    margin-top: -6px;
    font-weight: 700;
    font-size: 60px;
    line-height: 1.2;
    color: #111
}

.content_well .content_heading .title p:not(.sub) {
    display: inline-block;
    position: relative
}

.content_well .content_heading .title .text {
    position: relative;
    z-index: 2
}

.content_well .content_heading .title .sub {
    font-size: 48px
}

.content_well .content_heading .title.small {
    line-height: 0.8
}

.content_well .content_heading .title.small p {
    line-height: 1.2
}

.content_well .content_heading .title.small .sub02 {
    font-size: 42px
}

.content_well .content_heading .sub_title {
    width: 50%;
    margin-top: -3px;
    font-size: 34px;
    line-height: 1.3;
    color: #333
}

.content_well .content_heading .title, .content_well .content_heading .sub_title {
    float: left
}

.content_well .content_heading .sub_title .small {
    padding-top: 20px;
    font-size: 24px
}

.content_well .content_heading .sub_title .small02 {
    display: block;
    margin-top: 0;
    font-size: 27px
}

.content_well .content_heading .sub_text {
    margin-top: 90px;
    padding: 0 10px 60px;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.content_well .content_body {
    margin-bottom: 55px;
}

.content_well .content_body.add_line {
    padding-bottom: 57px;
    border-bottom: 1px solid #eee
}

.content_well.with_step {
    padding-top: 30px
}

.content_well.with_step .has_flow_step {
    margin-bottom: 20px
}

.content_well .bg_gray {
    position: relative
}

.content_well .bg_gray:not(.no_wide):before {
    content: '';
    display: block;
    position: absolute;
    left: calc(-50vw + 50%);
    width: 100vw;
    height: 100%;
    background-color: rgba(246,246,246,1.0)
}

.content_well .text_lg {
    font-weight: 700;
    font-size: 34px;
    color: #111;
    line-height: 1.4
}

.content_well .text_sm {
    padding-bottom: 5px;
    font-size: 13px
}

.content_well .text_sm:last-of-type {
    padding-bottom: 0
}

.content_well.line:before {
    content: '';
    position: absolute;
    top: 0;
    display: inline-block;
    width: 96px;
    height: 2px;
    background-color: #333
}

.content_well.con_box {
    padding: 20px 30px
}

.content_well.con_box.top_line {
    border-top: 1px solid #ddd
}

.content_well.con_box.btm_line {
    border-bottom: 1px solid #ddd
}

.content_well01 .title .text_group {
    position: relative;
    font-weight: 700;
    font-size: 54px;
    line-height: 1.2;
    color: #333
}

.content_well01 .title .text_group p.text {
    display: inline-block;
    position: relative
}

.content_well01 .title .text_group .bg_benefit {
    position: absolute;
    right: 50px;
    top: -45px;
    width: 240px;
    height: 278px;
    background: url(/pconts/images/contents/finance/bg_mybenefit.png) no-repeat 0 0
}

.content_well01 .title.small .text_group {
    font-size: 34px;
    line-height: 1.3
}

.content_footer {
    padding-left: 10px
}

.inside_area:not(:last-of-type) {
    margin-bottom: 30px
}

.agree_check_dl .check_body.check_cont_body {
    padding: 30px
}

.agree_check_dl .check_body.check_cont_body .box_body {
    margin-top: 30px
}

.division_group {
    display: flex
}

.division_group:after {
    content: '';
    display: block;
    clear: both
}

.division_group dl {
    flex: 1;
    padding: 10px 30px;
    border-left: 1px solid #ddd
}

.division_group dl:first-of-type {
    padding-left: 0;
    border-left: none
}

.division_group dt {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.division_group dd {
    line-height: 1.2
}

.division_group dd .text {
    margin-bottom: 10px;
    min-height: 36px
}

.product_info {
    margin-bottom: 26px;
    padding-top: 42px
}

.product_info .product_heading {
    text-align: center;
    color: #333
}

.product_info .product_body {
    margin-bottom: 19px;
    font-size: 42px;
    line-height: 1;
    text-align: center;
    color: #333
}

.product_info .product_body .money {
    font-weight: 700;
    font-size: 46px
}

.product_info .product_body .sub_tit {
    font-size: 16px
}

.product_info .product_footer {
    font-size: 16px;
    text-align: center
}

.product_info .product_footer .text_info, .product_info .product_footer .num_info, .product_info .product_footer .insured_info, .product_info .product_footer .date_info, .product_info .product_footer .period_info, .product_info .product_footer span + span {
    padding-left: 30px
}

.product_info .product_footer span {
    display: inline-block;
    color: #333
}

.product_info .product_footer span em {
    display: inline-block
}

.product_info .product_footer span span {
    color: #333
}

.accordion_body .text_info, .accordion_body .text_info2, .check_body .text_info {
    padding-right: 20px;
    padding-left: 55px;
    color: #333
}

.set_pc {
    display: block
}

.set_mob {
    display: none
}

.pc_view {
    display: block
}

.mob_view {
    display: none
}

.product_radio_group.swiper-container {
    padding: 20px 64px 40px;
    overflow-y: visible
}

.product_radio_group.swiper-container:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 63px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(242, 244, 248, 1.0) 40%, rgba(242, 244, 248, 0))
}

.product_radio_group.swiper-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    width: 63px;
    height: 100%;
    background-image: linear-gradient(to left, rgba(242, 244, 248, 1.0) 40%, rgba(242, 244, 248, 0))
}

.product_radio_group.swiper-container .swiper-wrapper {
    overflow-y: visible
}

.product_radio_group.swiper-container .swiper-slide {
    position: relative;
    width: 230px;
    z-index: 10;
    overflow-y: visible;
    margin-right: 20px
}

.product_radio_group.swiper-container .swiper-slide:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3)
}

.product_radio_group.swiper-container .swiper-slide label {
    display: block;
    height: 100%
}

.product_radio_group.swiper-container .swiper-slide label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.product_radio_group.swiper-container .swiper-slide label input[type="radio"] + span {
    display: block;
    position: relative;
    z-index: 10;
    overflow-y: visible;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    padding: 30px 20px;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer
}

.product_radio_group.swiper-container .swiper-slide label input[type="radio"]:checked + span {
    border: 2px solid #4868e1
}

.product_radio_group.swiper-container .title {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    word-break: break-all
}

.product_radio_group.swiper-container .info {
    margin-top: 10px;
    text-align: right
}

.product_radio_group.swiper-container .info dt {
    font-size: 14px;
    color: #111
}

.product_radio_group.swiper-container .info dt:last-child {
    margin-top: 5px
}

.product_radio_group.swiper-container .info dd {
    font-size: 15px;
    color: #333
}

.product_radio_group.swiper-container .info dd.loan_money {
    font-size: 25px
}

.product_radio_group.swiper-container .info dd.loan_money span {
    font-size: 30px !important;
    font-weight: 700
}

.product_radio_group.swiper-container .swiper-button-next, .product_radio_group.swiper-container .swiper-button-prev {
    top: calc(50% - 40px)
}

.product_radio_group.swiper-container .swiper-button-next {
    background-image: url(/pconts/images/common/btn_radio_group_swiper_next.png)
}

.product_radio_group.swiper-container .swiper-button-prev {
    background-image: url(/pconts/images/common/btn_radio_group_swiper_prev.png)
}

.product_radio_group.swiper-container .pagenation {
    margin-top: 40px;
    text-align: right
}

.product_radio_group.swiper-container .pagenation {
    font-weight: 700;
    color: #999
}

.product_radio_group.swiper-container .pagenation .current {
    color: #333
}

.product_radio_group.swiper-container.type02 {
    padding-top: 50px;
    padding-bottom: 48px
}

.product_radio_group.swiper-container.type02:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 63px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1.0) 40%, rgba(255, 255, 255, 0))
}

.product_radio_group.swiper-container.type02:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    width: 63px;
    height: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 1.0) 40%, rgba(255, 255, 255, 0))
}

.product_radio_group.swiper-container.type02 .swiper-button-next, .product_radio_group.swiper-container.type02 .swiper-button-prev {
    top: calc(50% - 10px)
}

.product_radio_group.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.product_radio_group.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-bottom: 2px
}

.product_radio_group.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    margin-bottom: 0;
    border: 3px solid #333;
    width: 12px;
    height: 12px;
    background-color: transparent
}

.speedloan_complete {
    padding-top: 40px;
    padding-bottom: 40px
}

.speedloan_complete .text_area {
    line-height: 1.2
}

.speedloan_complete .text_area, .speedloan_complete .left_side, .speedloan_complete .right_side {
    float: left
}

.speedloan_complete .text_area {
    width: 267px;
    font-size: 24px;
    color: #333
}

.speedloan_complete .left_side {
    width: 404px;
}

.speedloan_complete .left_side.only {
    width: 713px
}

.speedloan_complete .left_side .btn_wrap {
    margin-top: 15px
}

.speedloan_complete .right_side {
    width: 309px;
    padding-left: 30px;
    border-left: 1px solid #ddd
}

.speedloan_complete .right_side .btn_wrap {
    margin-top: 79px
}

.speedloan_complete .side .title {
    margin-top: -2px;
    font-weight: 700;
    font-size: 18px;
    color: #333
}

.speedloan_complete .side .info {
    margin-top: 20px;
    color: #111
}

.table_list .df_list_wrap {
    padding-top: 0
}

.table_list .df_list_wrap:last-of-type {
    border-bottom: none
}

.table_panel .dl_wrap {
    border-bottom: none
}

.table_panel .dl_wrap + .dl_wrap, .table_panel .df_list_col_wrap + .dl_wrap {
    border-top: 1px solid #eee
}

.table_panel .df_list_col_wrap + .dl_wrap.no_topline {
    border-top: none
}

.table_panel .dl_wrap:last-of-type {
    border-bottom: 1px solid #ddd
}

.table_panel .dl_wrap.total_calc {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px
}

.table_panel .dl_wrap.total_calc.no_btmline {
    border-bottom: none
}

.table_panel .dl_wrap.total_calc .item.tit {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 700;
    vertical-align: middle;
    line-height: 30px
}

.table_panel .dl_wrap.total_calc .item.con {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px
}

.table_panel .dl_wrap .item.con.calc {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    font-size: 20px
}

.table_panel .dl_wrap.total_calc.type02 .item.tit {
    font-size: 15px;
    color: #333;
    line-height: 23px
}

.table_panel .dl_wrap.total_calc.type02 .item.con {
    color: #333;
    line-height: 23px
}

.float_left_cover .list {
    margin-bottom: 10px
}

.float_left_cover:last-child .list {
    margin-bottom: 0
}

.float_left_cover .list > * {
    float: left
}

.float_left_cover .list:after {
    content: '';
    display: block;
    clear: both
}

.float_left_cover .text {
    width: 70%
}

.float_left_cover .btn_wrap {
    width: 30%;
    text-align: right
}

.result_panel .result_list .accordion_header.on {
    border-top: 2px solid #333
}

.result_panel .result_list .accordion_header {
    border-top: 1px solid #ddd
}

.result_panel .result_list .list_info {
    width: 100%
}

.result_panel .result_list .list_info:after {
    content: '';
    display: block;
    clear: both
}

.result_panel .result_list .info_heading {
    float: left;
    width: calc(100% - 74px);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px
}

.result_panel .result_list .info_heading .date {
    float: left;
    width: 190px;
    line-height: 30px
}

.result_panel .result_list .info_heading .result {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #333
}

.result_panel .result_list .info_heading .money_cover {
    float: right;
    font-size: 20px
}

.result_panel .result_list .updown_btn {
    display: table-cell;
    position: relative;
    float: left;
    width: 74px;
    height: 90px
}

.result_panel .result_list .updown_btn:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -12px;
    border-top: none;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    transform: rotate(45deg)
}

.result_panel .result_list .updown_btn.on:after {
    margin-top: -5px;
    transform: rotate(225deg);
    border-right: 2px solid #333;
    border-bottom: 2px solid #333
}

.result_panel .result_list {
    border-bottom: 1px solid #ddd
}

.result_panel .result_list .state_area {
    padding-left: 30px
}

.result_panel .result_list .state_area {
    padding-right: 30px
}

.date_text_wrap {
    border: 1px solid #ddd;
    padding: 9px 14px;
    font-size: 16px;
    color: #333
}

.full_terms .accordion_body .text_info p, .full_terms .accordion_body .text_info2 p {
    padding: 0;
    font-size: 15px;
    color: #333
}

.full_terms .accordion_body .text_info .ul_list_num .title {
    font-weight: 700
}

.full_terms .accordion_body .text_info .ul_list_num .inside {
    padding-left: 15px
}

.full_terms .accordion_body .text_info .ul_list_num li:not(:last-child) {
    margin-bottom: 16px
}

.full_terms .accordion_body .text_info .marker_hyphen, .full_terms .accordion_body .text_info .marker_dot {
    padding-left: 26px;
    padding-right: 0
}

.full_terms .accordion_body .text_info .agree_check_group {
    padding: 0 0 12px 3px
}

.full_terms .accordion_body .text_info .inside {
    padding-left: 26px
}

.full_terms .accordion_body .text_info .agree_list + .agree_list {
    margin-top: 10px
}

.full_terms .accordion_body .text_info .check_wrap + .marker_dot {
    margin-top: 5px
}

.full_terms .accordion_body .text_info .check_wrap + .agree_check_group {
    margin-top: 5px
}

.full_terms .accordion_body .text_info .check_wrap + .inside {
    margin-top: 5px
}

.full_terms .accordion_body .text_info .agree_check_group .check_wrap.type_agree, .full_terms .accordion_body .text_info .agree_check_group .check_wrap.type_agree + .check_wrap.type_agree {
    margin-top: 0
}

.full_terms .accordion_body p.agree_check_title {
    margin-top: 0;
    font-weight: 700;
    font-size: 15px
}

.full_terms .accordion_body p.agree_check_title + .check_wrap {
    margin-top: 5px
}

.full_terms .text_info .agree_list .check_wrap.type_acc .check_type3 input[type="checkbox"] + span {
    padding-left: 25px
}

.full_terms .text_info .agree_list .check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before {
    left: 8px
}

.full_terms .text_info .ul_list {
    padding-left: 26px;
    color: #333
}

.simple_agree_group {
    padding: 20px 20px;
    border: 1px solid #ddd;
    background-color: #fff
}

.simple_agree_group .check_wrap.type_acc .check_type3 input[type="checkbox"] + span {
    padding-left: 32px
}

.simple_agree_group .inside {
    padding-left: 32px;
    font-size: 13px;
    color: #333
}

.menu_info {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #111
}

.rcd_pro_wrap {
    border-top: 1px solid #bbb
}

.rcd_pro_wrap .pro_list {
    padding: 20px 30px;
    border-bottom: 1px solid #ddd
}

.rcd_pro_wrap .alliance_badge {
    display: inline-block;
    position: relative;
    padding: 3px 10px 3px 33px;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 13px
}

.rcd_pro_wrap .alliance_badge .img_area {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 22px;
    height: 15px
}

.rcd_pro_wrap .alliance_badge .img_area img {
    width: 100%
}

.rcd_pro_wrap .list_inner {
    margin-top: 10px
}

.rcd_pro_wrap .list_inner dl:nth-of-type(1) {
    padding-left: 5px
}

.rcd_pro_wrap .list_inner .title {
    font-weight: 700;
    font-size: 16px;
    color: #111
}

.rcd_pro_wrap .list_inner .info {
    margin-top: 2px;
    color: #111
}

.rcd_pro_wrap .list_inner .info span:not(:first-child) {
    padding-left: 6px
}

.rcd_pro_wrap .list_inner .divide {
    position: relative;
    padding-right: 6px
}

.rcd_pro_wrap .list_inner .divide:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 14px;
    background-color: #ddd
}

.rcd_pro_wrap .list_inner .money {
    margin-top: 2px;
    font-size: 20px
}

.rcd_pro_wrap .list_inner .limit {
    font-size: 15px
}

.rcd_pro_wrap .right_side {
    text-align: right
}

.app_link_area {
    position: relative
}

.app_link_area:after {
    content: '';
    position: absolute;
    right: 0;
    top: 44px;
    display: block;
    width: 92px;
    height: 78px;
    background: url(/pconts/images/contents/finance/bg_app.png) no-repeat 0 0 / 100% auto
}

.loan_user_info .user_name {
    font-weight: 700;
    font-size: 34px;
    line-height: 1;
    color: #111
}

.loan_user_info .user_name.line2 {
    line-height: 1.3
}

.loan_user_info .user_card {
    font-weight: 700;
    font-size: 34px;
    line-height: 1;
    color: #111
}

.loan_user_info .user_text {
    font-size: 16px
}

.loan_user_info .copy {
    font-weight: 700;
    font-size: 34px;
    line-height: 1.3;
    color: #111
}

.coupon_area .form_type {
    padding-top: 20px;
    padding-bottom: 20px
}

.w_500size {
    width: 500px;
    margin: 0 auto
}

.loan_pop .sub_title {
    font-size: 18px;
    color: #333
}

.loan_pop .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #333
}

.table_flow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.table_flow .table_wrap:first-of-type {
    width: 70%
}

.table_flow .arrow {
    position: relative;
    width: 5%
}

.table_flow .arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-left: -10px;
    border-right: 1px solid #7c7c7c;
    border-bottom: 1px solid #7c7c7c;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.table_flow .table_wrap:last-of-type {
    width: 25%
}

.input_wrap.special input[type="text"], .input_wrap.special input[type="tel"] {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #000;
    border-left: none;
    font-weight: 700;
    font-size: 24px;
    color: #333
}

.input_wrap.unit_side.special input[type='text']:focus, .input_wrap.unit_side.special input[type='text'].focused, .input_wrap.unit_side.special input[type='tel']:focus, .input_wrap.unit_side.special input[type='tel'].focused {
    padding-right: 36px
}

.mix_box_select .gray_roundbox, .mix_box_select .select_wrap {
    width: calc(50% - 70px)
}

.gray_roundbox {
    padding: 11px 20px;
    border-radius: 5px;
    background-color: #f6f6f6;
    color: #333
}

.mix_box_select > * {
    float: left
}

.mix_box_select .next {
    display: inline-block;
    position: relative;
    width: 140px;
    height: 44px
}

.mix_box_select .next:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 18px;
    width: 25px;
    height: 0;
    margin-left: -10px;
    border-bottom: 1px solid #4868e1
}

.mix_box_select .next:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 12.4px;
    margin-left: calc(50% + 1px);
    margin-right: auto;
    border-top: 1px solid #4868e1;
    border-right: 1px solid #4868e1;
    transform: rotate(45deg);
}

.same_size01 button, .same_size01 a {
    width: 300px
}

.agree_box_line {
    border: 1px solid #ddd;
    padding: 30px;
    background-color: #fff
}

.agree_box_line .both_side:not(:last-of-type) {
    margin-bottom: 7px
}

.agree_box_line .both_side:after {
    content: '';
    display: block;
    clear: both
}

.agree_box_line .both_side dt {
    float: left;
    width: calc(100% - 50px);
    color: #333
}

.agree_box_line .both_side dd {
    float: right;
    width: 50px;
    text-align: right
}

.agree_box_line .both_side dd p {
    display: inline-block;
    position: relative;
    font-weight: 700;
    color: #333
}

.fn_img_wrap .img_wrap {
    float: left;
    width: 33.3%;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center
}

.fn_img_wrap .img_wrap img {
    width: 280px
}

.pro_box .list {
    position: relative;
    float: left;
    width: 50%;
    height: 126px
}

.pro_box .list:nth-child(odd) {
    padding-right: 10px
}

.pro_box .list:nth-child(even) {
    padding-left: 10px
}

.rmd_pro_list .list {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.rmd_pro_list .list {
    height: 156px
}

.rmd_pro_list .list a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 25px 20px;
    border-radius: 10px;
    background-color: #fff
}

.rmd_pro_list .list a:focus {
    border: 2px solid #4868e1;
    padding: 23px 18px
}

.rmd_pro_list .list a:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1)
}

.rmd_pro_list .list .pro_title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #333
}

.rmd_pro_list .list .sub_info {
    padding-left: 5px;
    font-weight: 400;
    font-size: 16px
}

.rmd_pro_list .list .pro_text {
    margin-bottom: 2px;
    text-align: right
}

.rmd_pro_list .list .money {
    font-size: 30px;
    text-align: right;
    line-height: 1;
    color: #333
}

.other_pro_list .list {
    height: 135px
}

.other_pro_list .list a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 25px 30px;
    border: 1px solid #ddd;
    border-radius: 10px
}

.other_pro_list .list .pro_title {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 20px;
    color: #333
}

.other_pro_list .list .pro_info {
    font-size: 13px
}

.other_pro_list .list .pro_info .detail {
    font-size: 16px
}

.other_pro_list .list .pro_info > span {
    display: inline-block
}

.other_pro_list .list .pro_info .low {
    position: relative;
    padding-right: 10px
}

.other_pro_list .list .pro_info .low:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -7px;
    background-color: #ddd
}

.other_pro_list .list .pro_info .max {
    padding-left: 5px
}

.other_pro_list .list.case2 a {
    background: url(/pconts/images/contents/finance/bg_product.png) no-repeat calc(100% - 30px) 50% / 70px 70px
}

.other_pro_list.solo .list {
    float: none;
    width: 480px;
    margin: 0 auto
}

.bg_gray .product_radio_group.swiper-container.type02:before {
    background-image: linear-gradient(to right, rgba(246, 246, 246, 1.0) 40%, rgba(246, 246, 246, 0))
}

.bg_gray .product_radio_group.swiper-container.type02:after {
    background-image: linear-gradient(to left, rgba(246, 246, 246, 1.0) 40%, rgba(246, 246, 246, 0))
}

.bg_gray .h_wrap + .product_radio_group.swiper-container.type02 {
    padding-top: 34px
}

.sub_spec_info {
    margin: 25px 0 -20px
}

.sub_spec_info li {
    font-size: 24px;
    font-weight: 400;
    line-height: 1
}

.sub_spec_info li + li {
    margin-top: 10px
}

.sub_spec_info .tit {
    display: inline-block;
    font-weight: 400;
    line-height: 29px;
    vertical-align: middle
}

.sub_spec_info .tit > i {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 15px;
    overflow: hidden;
    border: 0 none !important;
    vertical-align: middle;
    color: transparent !important
}

.sub_spec_info .tit + span.line2 {
    width: calc(100% - 138px);
    float: right;
    margin-bottom: 11px;
    line-height: 28px
}

.sub_spec_info .limit {
    background: url(/pconts/images/contents/finance/ico_spec_limit.png) no-repeat 0 0
}

.sub_spec_info .interest {
    background: url(/pconts/images/contents/finance/ico_spec_interest.png) no-repeat 0 0
}

.sub_spec_info li > span {
    font-weight: 700;
    vertical-align: middle
}

.sub_spec_info li:nth-child(2) span.line2 {
    display: block;
    margin-top: 5px;
    padding-left: 70px;
    font-weight: 400
}

.sub_spec_info li:nth-child(2) span.line2 span {
    font-weight: 700
}

.division_group2 {
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.division_group2 dl {
    padding: 0 30px 4px;
    flex: 1
}

.division_group2 dl:first-child {
    padding-left: 0
}

.division_group2 dl:last-child {
    padding-right: 0
}

.division_group2 dl + dl {
    border-left: 1px solid #ddd
}

.division_group2 .title {
    min-height: 36px;
    line-height: 1.2
}

.division_group2 .info {
    margin-top: 10px;
    color: #333;
    word-break: break-word
}

.division_group2 .info strong {
    display: block;
    font-size: 24px;
    line-height: 1.2
}

.division_group2 .info .sub_info {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700
}

.division_group2.col02 dl {
    flex: none
}

.division_group2.col02 dl:first-child {
    width: 226px;
    padding-left: 0
}

.division_group2.col02 dl {
    padding-left: 40px
}

.division_group2.col03 dl {
    flex: none
}

.division_group2.col03 dl:first-child {
    width: 384px
}

.division_group2.col03 dl:nth-child(2) {
    width: 375px
}

.sub_division_txt {
    padding-top: 20px
}

.guide_info {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.guide_info > * {
    margin-top: 25px
}

.guide_info dt {
    width: 214px;
    color: #333
}

.guide_info dd {
    width: calc(100% - 214px)
}

.guide_info dt:nth-of-type(1), .guide_info dd:nth-of-type(1) {
    margin-top: 0
}

.accordion_body .area .guide_info dd .marker_dot > li {
    font-size: 15px
}

.guide_info + .title {
    margin-top: 25px !important
}

.guide_info:last-child {
    margin-bottom: 10px
}

.guide_info.cont_area {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.guide_info.cont_area > * {
    float: none;
    margin-bottom: 47px;
    margin-top: 0
}

.guide_info.cont_area dt {
    width: 214px;
    min-height: 30px;
    font-weight: 700;
    font-size: 20px;
    color: #333
}

.guide_info.cont_area dd {
    width: calc(100% - 214px);
    min-height: 30px;
    padding-left: 30px;
    padding-top: 2px
}

.guide_info.cont_area dt:last-of-type, .guide_info.cont_area dd:last-of-type {
    margin-bottom: 0;
    margin-top: 0
}

.guide_info.cont_area + .title {
    margin-top: 25px !important
}

.guide_info.cont_area:last-child {
    margin-bottom: 10px
}

.popup_fn_evt .guide_info.cont_area2 {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.popup_fn_evt .guide_info.cont_area2 > * {
    margin-top: 45px
}

.popup_fn_evt .guide_info.cont_area2 dt {
    width: 85px;
    min-height: 30px;
    font-weight: 700;
    font-size: 20px
}

.popup_fn_evt .guide_info.cont_area2 dt:first-of-type, .popup_fn_evt .guide_info.cont_area2 dd:first-of-type {
    margin-top: 0
}

.popup_fn_evt .guide_info.cont_area2 dd {
    width: calc(100% - 85px);
    min-height: 30px;
    padding-top: 5px
}

.popup_fn_evt .guide_info.cont_area2 dt.vertical {
    width: 100%
}

.popup_fn_evt .guide_info.cont_area2 dt.vertical+dd {
    width: 100%;
    margin-top: 5px
}

.popup_fn_evt .evt_target {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 73px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 10px;
    background: #f6f6f6
}

.popup_fn_evt .card_sale_graph {
    display: flex;
    padding-top: 40px
}

.popup_fn_evt .card_sale_graph li {
    flex: 1;
    height: 159px;
    background-repeat: no-repeat;
    background-size: auto 159px
}

.popup_fn_evt .card_sale_graph .case1 {
    background-image: url(/pconts/images/contents/finance/card_sale_graph1.png)
}

.popup_fn_evt .card_sale_graph .case2 {
    background-image: url(/pconts/images/contents/finance/card_sale_graph2.png)
}

.popup_fn_evt .card_sale_graph .case3 {
    background-image: url(/pconts/images/contents/finance/card_sale_graph3.png)
}

.popup_fn_evt .btn_group {
    flex-wrap: wrap
}

.popup_fn_evt .btn_wrap .check_wrap {
    display: block
}

.popup_fn_evt .btn_wrap .check_wrap .check_default {
    width: auto
}

.popup_fn_evt .pc_show {
    visibility: visible;
    display: inherit !important
}

.popup_fn_evt .btn_period_close {
    float: right;
    line-height: 26px;
    font-size: 16px
}

.content_heading .btn_wrap_sub {
    margin-top: 36px
}

.btn_wrap_sub .text_link + .text_link {
    margin-left: 20px
}

.accordion_wrap.type03.loan_type .text_wrap .side {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.accordion_wrap.type03.loan_type .text_wrap .loan_date {
    width: 220px
}

.accordion_wrap.type03.loan_type .text_wrap .loan_name {
    width: 330px;
    font-size: 16px
}

.accordion_wrap.type03.loan_type .text_wrap .loan_price {
    width: calc(100% - 560px);
    padding-right: 15px;
    text-align: right;
    font-size: 20px;
    color: #111
}

.accordion_wrap.type03.loan_type .text_wrap .loan_price > span {
    display: inline-block;
    padding-right: 7px;
    font-weight: 700
}

.accordion_wrap.type03.loan_type .df_list_wrap .df_list .item.con {
    text-align: right
}

.loan_certify .join_con_text {
    padding-top: 0
}

.radio_wrap.type_btn.cardloan, .radio_wrap.type_btn.wsize01 {
    width: 100%
}

.radio_wrap.type_btn.cardloan ul {
    width: 425px;
    margin: 0 auto
}

.radio_wrap.type_btn.cardloan li {
    width: 210px
}

.radio_wrap.type_btn.cardloan li:last-child, .radio_wrap.type_btn.wsize01 li:last-child {
    margin-right: 0
}

.radio_wrap.type_btn.wsize01 ul {
    text-align: center
}

.radio_wrap.type_btn.wsize01 li {
    display: inline-block;
    float: none;
    width: 156px;
    margin-right: 3px
}

.btn_wrap.wsize01 .btn {
    width: 156px;
    min-width: 156px
}

.work_info .radio_wrap.type_btn.cardloan ul {
    width: 396px;
    margin: 0 auto
}

.work_info .radio_wrap.type_btn.cardloan li {
    width: 195px
}

.input_wrap.btn_unit_group input ~ .unit_tip {
    padding-right: 121px
}

.df_list_wrap.cardif .df_list .item.tit {
    width: 350px
}

.df_list_wrap.cardif .df_list .item.con {
    width: calc(50% - 350px);
    padding-left: 0
}

.check_wrap.type_bottom .con {
    padding: 25px 30px;
    border: 1px solid #ddd;
    border-bottom: none
}

.check_wrap.type_bottom .check_agree input[type="checkbox"] + span {
    padding-left: 65px
}

.check_wrap.type_bottom .check_agree.check_all input[type="checkbox"] + span::before {
    left: 32px
}

.popup_type01 .pop_head.title_none {
    height: 80px
}

.popup_type01 .pop_head.title_none h3 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -1px;
    border: 0 none !important;
    background: transparent !important;
    color: transparent !important
}

.popup_type01 .pop_cont .pop_cont_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #333
}

.popup_type01 .pop_cont .pop_cont_title02 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
    color: #333
}

.popup_type01 .pop_cont .pop_cont_title + .pop_cont_title02 {
    margin-top: 55px
}

.popup_type01 .pop_cont [class*="pop_cont_title"] + p[class*="pop_cont_text"] {
    margin-top: 15px
}

.popup_type01 .pop_cont p[class*="pop_cont_text"] + p[class*="pop_cont_text"] {
    margin-top: 15px
}

.popup_type01 .pop_cont p[class*="pop_cont_text"] + .pop_cont_title {
    margin-top: 60px
}

.loan_recommend {
    display: table;
    width: 100%;
    padding: 15px 30px;
    background: #f6f6f6;
    border-radius: 15px;
    font-size: 15px
}

.loan_recommend dt, .loan_recommend dd {
    display: table-cell
}

.loan_recommend dt {
    width: 50%
}

.loan_recommend dd {
    border-left: 1px solid #ddd;
    text-align: right
}

.loan_recommend dt strong {
    display: block;
    font-weight: 700;
    color: #333
}

.loan_recommend dd strong {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #333
}

.loan_recommend dd strong em {
    font-weight: 700
}

.revolving_graph_wrap {
    margin: 25px 0 60px
}

.revolving_graph_wrap:after, .revolving_graph_wrap .graph_info dl:after {
    display: block;
    content: '';
    clear: both
}

.revolving_graph_wrap .graph_wrap, .revolving_graph_wrap .graph_info {
    float: left;
    width: 50%
}

.revolving_graph_wrap .graph_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.revolving_graph_wrap .graph_wrap .graph {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 150px;
    width: 290px
}

.highcharts-credits {
    display: none
}

#pieChart1 {
    margin: 0 auto;
    width: 300px !important;
    height: 200px;
    overflow: hidden
}

#pieChart1 * {
    font-size: 13px !important;
    text-decoration: none !important;
    font-family: 'shinhancard' !important;
    font-weight: normal !important
}

#pieChart1 text {
    color: #fff !important;
    fill: #fff !important;
    text-shadow: 1px 1px 0px #023d6f
}

#pieChart1 tspan {
    stroke-width: 0px !important;
    stroke: #222
}

#pieChart1 .highcharts-color-0 {
    background: #4cd4bc !important;
    fill: #4cd4bc !important
}

#pieChart1 .highcharts-color-1 {
    background: #4e5b68 !important;
    fill: #4e5b68 !important
}

#pieChart1 .highcharts-color-2 {
    background: #44b0e6 !important;
    fill: #44b0e6 !important
}

#pieChart1 .highcharts-tooltip.highcharts-color-0 path {
    stroke: #4cd4bc !important
}

#pieChart1 .highcharts-tooltip.highcharts-color-1 path {
    stroke: #4e5b68 !important
}

#pieChart1 .highcharts-tooltip.highcharts-color-2 path {
    stroke: #44b0e6 !important
}

#pieChart1 .highcharts-tooltip.highcharts-color-0 text, #pieChart1 .highcharts-tooltip.highcharts-color-1 text, #pieChart1 .highcharts-tooltip.highcharts-color-2 text {
    text-shadow: none;
    fill: #333 !important;
    color: #333 !important
}

.revolving_graph_wrap .graph_legend {
    width: 165px
}

.revolving_graph_wrap .graph_legend .legend {
    display: table;
    position: relative;
    width: 100%;
    padding-left: 22px;
    font-size: 13px;
    color: #333
}

.revolving_graph_wrap .graph_legend .legend:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -7px
}

.revolving_graph_wrap .graph_legend .legend.type01:before {
    background-color: #4a4e5b
}

.revolving_graph_wrap .graph_legend .legend.type02:before {
    background-color: #47bbed
}

.revolving_graph_wrap .graph_legend .legend.type03:before {
    background-color: #4cd4bc
}

.revolving_graph_wrap .graph_legend .legend strong {
    display: table-cell;
    text-align: right
}

.revolving_graph_wrap .graph_legend .legend + .legend {
    margin-top: 5px
}

.revolving_graph_wrap .graph_info {
    margin-top: 20px;
    padding: 13px 28px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.revolving_graph_wrap .graph_info dl + dl {
    margin-top: 4px
}

.revolving_graph_wrap .graph_info dt, .revolving_graph_wrap .graph_info dd {
    float: left;
    width: 50%
}

.revolving_graph_wrap .graph_info dd {
    text-align: right;
    color: #333
}

.ex_value {
    display: table;
    width: 100%;
    padding: 20px 0;
    border-radius: 7px;
    background: #f6f6f6
}

.ex_value span {
    display: table-cell;
    width: 33.3%;
    padding-left: 30px
}

.ex_value span:not(:first-child) {
    border-left: 1px solid #ddd
}

.ex_value span strong {
    display: inline-block;
    padding-left: 7px;
    color: #333
}

.ex_cont .tit {
    margin: 30px 0 15px;
    font-weight: 700
}

.ex_cont p {
    color: #333
}

.ex_cont .cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.ex_cont .cont .left {
    flex: 1
}

.ex_cont .cont .left .inner {
    position: relative;
    width: 200px;
    height: 240px;
    margin: 0 auto
}

.ex_cont .cont .left .inner.type01 {
    background: url(/pconts/images/contents/finance/img_revolving_graph01.png) 0 100% no-repeat
}

.ex_cont .cont .left .inner.type02 {
    background: url(/pconts/images/contents/finance/img_revolving_graph02.png) 0 100% no-repeat
}

.ex_cont .cont .left .inner li {
    color: #fff
}

.ex_cont .cont .left .inner .num01 {
    text-align: center;
    color: #333
}

.ex_cont .cont .left .inner .num02 {
    position: absolute;
    top: 90px;
    ;left: 112px
}

.ex_cont .cont .left .inner .num03 {
    position: absolute;
    top: 122px;
    left: 14px
}

.ex_cont .cont .right {
    flex: 1
}

.ex_cont .cont .right ul li {
    color: #333
}

.ex_cont .cont .right ul li + li {
    margin-top: 10px
}

.ex_cont .cont .right ul li .cal {
    margin-top: 5px;
    padding-left: 20px;
    color: #111
}

.ex_cont .cont .right ul li .cal .number {
    color: #999
}

.revolving_nodata {
    position: relative;
    padding: 60px 0;
    font-weight: 700
}

.revolving_nodata:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 96px;
    height: 2px;
    background: #333
}

.revolving_nodata.no_line {
    padding: 60px 0 0
}

.revolving_nodata.no_line:before {
    display: none
}

.dl_wrap.fn_dl_type:first-child {
    margin-top: 60px
}

.dl_wrap.fn_dl_type {
    margin-top: 0
}

.dl_wrap.fn_dl_type .item.con {
    text-align: right;
    color: #111;
    font-size: 20px;
    line-height: 1
}

.dl_wrap.fn_dl_type .item.con em {
    font-weight: 700
}

.dl_wrap.fn_dl_type2 .df_list .item.tit {
    width: 170px
}

.dl_wrap.fn_dl_type2 .df_list .item.con {
    width: calc(100% - 170px)
}

.dl_wrap.fn_dl_type + .fn_check_group {
    margin-top: 30px
}

.h_wrap + .fn_check_group {
    margin-top: 0
}

.fn_check_group:first-child {
    margin-top: 60px
}

.fn_check_group .check_wrap.all_check .check_default input[type="checkbox"] + span {
    font-size: 16px;
    color: #333
}

.fn_check_group .check_wrap.all_check + .fn_check_list_wrap {
    margin-top: 20px
}

.fn_check_list_wrap {
    border-top: 2px solid #000
}

.fn_check_list_wrap .list_top {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.fn_check_list_wrap .list_top:after {
    display: block;
    content: '';
    clear: both
}

.fn_check_list_wrap .list_top span {
    float: left;
    width: 50%;
    padding: 0 30px
}

.fn_check_list_wrap .list_top span:nth-of-type(n+3) {
    padding-top: 7px
}

.fn_check_list_wrap .list_top span:nth-of-type(even) {
    color: #111;
    text-align: right
}

.fn_check_list_wrap .fn_check_list li {
    padding: 10px 30px 5px;
    border-bottom: 1px solid #ddd
}

.fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"], .fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"] + span:before {
    top: 50%;
    margin-top: -13px
}

.fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"] + span:after, .fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"]:checked + span:after {
    top: 50%;
    margin-top: -5px
}

.fn_check_list_wrap .fn_check_list li label {
    width: 100%
}

.fn_check_list_wrap .fn_check_list .fn_check_info {
    width: 100%
}

.fn_check_list_wrap .fn_check_list .fn_check_info:after {
    display: block;
    content: '';
    clear: both
}

.fn_check_list_wrap .fn_check_list .fn_check_info > span {
    float: left
}

.fn_check_list_wrap .fn_check_list .fn_check_info > span:nth-child(n+3) {
    padding-top: 5px
}

.fn_check_list_wrap .fn_check_list .fn_check_info > span:nth-of-type(odd) {
    width: 40%
}

.fn_check_list_wrap .fn_check_list .fn_check_info > span:nth-of-type(even) {
    width: 60%;
    color: #333;
    text-align: right
}

.fn_check_list_wrap .fn_check_list .fn_check_info > span em {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -1px;
    border: 0 none !important;
    background: transparent !important;
    color: transparent !important
}

.fn_check_list_wrap .fn_check_list.check_none .fn_check_info {
    padding: 20px 30px 15px
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li {
    position: relative;
    padding: 18px 30px
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li label {
    width: auto
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap {
    margin-left: -20px
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap .check_default input[type="checkbox"] + span {
    font-weight: 700;
    color: #111
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .check_tit {
    font-size: 16px;
    color: #333
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .fn_check_info2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li dl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li dl dt {
    flex: 1
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li dl dd {
    flex: 1;
    text-align: right;
    font-weight: 700;
    color: #333
}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .btn.link {
    position: absolute;
    right: 10px;
    top: 18px
}

.fn_check_group .fn_check_list_wrap.in_btn_type .check_total {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.fn_check_group .fn_check_list_wrap.in_btn_type .check_total dt {
    flex: 1;
    font-weight: 700;
    color: #333
}

.fn_check_group .fn_check_list_wrap.in_btn_type .check_total dd {
    flex: 1;
    font-size: 20px;
    color: #333;
    text-align: right;
    line-height: 1
}

.fn_check_group2 .check_wrap + .check_list02 {
    margin-top: 20px
}

.fn_check_group2 .check_list02 li {
    display: inline-block;
    width: 130px
}

.check_list02.biz_cate label span:before {
    width: 35px;
    height: 33px
}

.check_list02.biz_cate label span:before {
    background: url(/pconts/images/contents/finance/ico_revolving_type1_m.png) 0 0 no-repeat;
    background-size: 210px auto
}

.check_list02.biz_cate .cate1 span:before {
    background-position: 0 0
}

.check_list02.biz_cate .cate2 span:before {
    background-position: -35px 0
}

.check_list02.biz_cate .cate3 span:before {
    background-position: -70px 0
}

.check_list02.biz_cate .cate4 span:before {
    background-position: -105px 0
}

.check_list02.biz_cate .cate5 span:before {
    background-position: -140px 0
}

.check_list02.biz_cate .cate6 span:before {
    background-position: -175px 0
}

.radio_wrap.fn_type1 {
    display: block
}

.radio_wrap.fn_type1 li {
    width: 130px
}

.pay_detail {
    margin-bottom: 40px;
    padding: 0 20px;
    background: #f5f5f5
}

.pay_detail li {
    padding: 20px 0
}

.pay_detail li:not(:first-child) {
    border-top: 1px solid #ddd
}

.pay_detail li .c_num {
    display: block;
    font-weight: 700;
    color: #333
}

.pay_detail li .c_name {
    display: block;
    margin-top: 10px;
    color: #333
}

.pay_detail li .c_num em, .pay_detail li .c_name em {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -1px;
    border: 0 none !important;
    background: transparent !important;
    color: transparent !important
}

.h_wrap.fn_revolving_type .btn.left {
    margin: -3px 0 0 8px
}

.h_wrap.fn_revolving_type .h_title24 + .btn.left {
    margin-top: -5px
}

.alliance_list {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.alliance_list:after {
    display: block;
    content: '';
    clear: both
}

.alliance_list li {
    position: relative;
    float: left;
    width: 33.3%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.alliance_list li:before {
    display: block;
    content: '';
    width: 100%;
    height: 58px;
    background-position: center 0;
    background-repeat: no-repeat
}

.alliance_list li.c01:before {
    background-image: url(/pconts/images/contents/finance/img_alliance01.png)
}

.alliance_list li.c02:before {
    background-image: url(/pconts/images/contents/finance/img_alliance02.png)
}

.alliance_list li.c03:before {
    background-image: url(/pconts/images/contents/finance/img_alliance03.png)
}

.alliance_list li.c04:before {
    background-image: url(/pconts/images/contents/finance/img_alliance04.png)
}

.alliance_list li.c05:before {
    background-image: url(/pconts/images/contents/finance/img_alliance05.png)
}

.alliance_list li.c06:before {
    background-image: url(/pconts/images/contents/finance/img_alliance06.png)
}

.alliance_list li.c07:before {
    background-image: url(/pconts/images/contents/finance/img_alliance07.png)
}

.alliance_list li.c08:before {
    background-image: url(/pconts/images/contents/finance/img_alliance08.png)
}

.alliance_list li.c09:before {
    background-image: url(/pconts/images/contents/finance/img_alliance09.png)
}

.alliance_list li span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-left: -1px;
    border: 0 none !important;
    background: transparent !important;
    color: transparent !important
}

.contents.general_loan .bg_gray.m_only {
    background-color: #fff
}

.general_loan .loan_txtbox01 {
    padding-top: 60px;
    margin-bottom: 60px
}

.general_loan .loan_txtbox01 .ly_inner {
    padding-left: 20px;
    background: url(/pconts/images/contents/finance/bg_loanindex.png) 100% top no-repeat
}

.general_loan .loan_txtbox01 .s_txt {
    font-size: 24px;
    font-weight: 700;
    color: #111
}

.general_loan .loan_txtbox01 .l_txt {
    margin-top: 20px;
    font-size: 45px;
    font-weight: 700;
    color: #111;
    line-height: 60px
}

.general_loan .loan_txtbox01 .sub_txt {
    margin-top: 15px;
    font-size: 18px
}

.general_loan .loan_txtbox01 .sub_txt span {
    color: #333
}

.general_loan .loan_contbox01 {
    display: block;
    padding: 55px 0 0 20px
}

.general_loan .loan_contbox01 .tit {
    font-size: 24px;
    font-weight: 700;
    color: #333
}

.general_loan .loan_contbox01 .sub_txt {
    margin: 0 0 25px;
    font-size: 16px
}

.general_loan .loan_contbox01_m {
    display: none
}

.general_loan .loan_menulist01 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 68px 0 0 8px;
    padding-bottom: 70px
}

.general_loan .loan_menulist01 li {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 230px;
    margin-left: 17px
}

.general_loan .loan_menulist01 li:first-child {
    margin-left: 0
}

.general_loan .box_menulink {
    display: block;
    position: relative;
    width: 100%;
    height: 210px;
    padding: 35px 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1)
}

.general_loan .box_menulink .tit {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.general_loan .box_menulink .sub_txt {
    margin-top: 5px;
    color: #333
}

.general_loan .loan_menulist01 li .box_menulink:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 50px auto
}

.general_loan .loan_menulist01 .loan01 .box_menulink:before {
    background-image: url(/pconts/images/contents/finance/bg_loanindex02_m.png)
}

.general_loan .loan_menulist01 .loan02 .box_menulink:before {
    background-image: url(/pconts/images/contents/finance/bg_loanindex03_m.png)
}

.general_loan .loan_menulist01 .loan03 .box_menulink:before {
    background-image: url(/pconts/images/contents/finance/bg_loanindex04_m.png)
}

.general_loan .loan_menulist01 .loan04 .box_menulink:before {
    background-image: url(/pconts/images/contents/finance/bg_loanindex05_m.png)
}

.general_loan .loan_menulist01 li .box_menulink:after {
    display: inline-block;
    content: '5';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    padding-left: 1px;
    background: #1a2756;
    border-radius: 0 8px;
    font-weight: 900;
    color: #fff;
    line-height: 30px;
    text-align: center
}

.general_loan .loan_menulist02 {
    padding: 60px 0 60px 20px
}

.general_loan .loan_menulist02:after {
    display: block;
    content: '';
    clear: both
}

.general_loan .loan_menulist02 li {
    position: relative;
    float: left;
    width: 50%
}

.general_loan .loan_menulist02 li:first-child {
    padding-right: 30px
}

.general_loan .loan_menulist02 li + li {
    padding-left: 30px
}

.general_loan .loan_menulist02 li + li:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 60px;
    background: #ddd
}

.general_loan .loan_menulist02 .txt_menulink {
    display: block;
    width: 100%;
    height: 100%
}

.general_loan .loan_menulist02 .txt_menulink strong {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.general_loan .loan_menulist02 .txt_menulink strong:after {
    display: inline-block;
    content: '';
    width: 7px;
    height: 12px;
    margin-left: 13px;
    background: url(/pconts/images/contents/finance/btn_arrow.png) -18px 0 no-repeat
}

.general_loan .loan_menulist02 .txt_menulink p {
    margin-top: 5px
}

.gray_box {
    padding: 20px;
    border-radius: 6px;
    background: #f6f6f6
}

.gray_box:after {
    display: block;
    content: '';
    clear: both
}

.gray_box .text_box_type01 {
    float: left
}

.gray_box .text_box_type01 dt, .gray_box .text_box_type01 dd {
    display: inline-block;
    color: #333
}

.gray_box .text_box_type01 + dl {
    margin-left: 20px
}

.gray_box .text_box_type02 dt {
    margin-bottom: 10px;
    font-weight: 700;
    color: #333
}

.gray_box .text_box_type02 dd {
    font-size: 13px
}

.dl_wrap + .dl_wrap.top_line2.dl_wrap_gap {
    border-top: 2px solid #000
}

.benefit_program {
    margin-left: -12px
}

.cusGuide_wrap {
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, 1.0)
}

.cusGuide_wrap .cusGuide_text {
    margin: 0 -30px;
    padding: 0 30px 40px;
    background-color: #fff
}

.dl_wrap.break_all .df_list .item.tit {
    word-break: break-all
}

.btm_line01 .table_list.dl_group .dl_wrap + .dl_wrap {
    border-top: 1px solid #ddd
}

.foreigner_guide_lang {
    padding: 60px 0 100px;
    text-align: center
}

.foreigner_guide_lang li {
    display: inline-block
}

.foreigner_guide_lang li + li {
    margin-left: 90px
}

.foreigner_guide_lang li .tit {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.foreigner_guide_lang li .btn_wrap .btn {
    width: 200px;
    padding-left: 20px;
    padding-right: 20px
}

.radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {
    float: left;
    width: 50%
}

.radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .add_txt {
    display: inline-block;
    float: left;
    margin-right: 28px;
    font-weight: 400
}

.radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {
    float: left;
    width: 46.5%;
    font-weight: normal;
    color: #333
}

.radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02:first-child {
    float: left;
    width: 53.5%
}

.tel_wrap.type02 > .select_wrap {
    width: 165px
}

.tel_wrap.type02 > .select_wrap + div {
    padding-left: 173px
}

.loan_credit_area.fn_type1 .loan_credit_list {
    font-size: 21px;
}

.loan_credit_area.fn_type1 .loan_credit_list li:not(:last-child) {
    margin-bottom: 7px
}

.loan_credit_area.fn_type1 .association_number {
    font-size: 21px
}

.pop_cont .guide_con {
    padding-top: 30px
}

.fee_rate_guide .table_wrap table th, .fee_rate_guide .table_wrap table td {
    padding-left: 5px;
    padding-right: 5px
}

@media only screen and (max-width: 1100px) {
    .highlighter_lg {
        height:13px
    }

    .cont_area:not(:last-of-type) {
        margin-bottom: 40px
    }

    .content_banner {
        height: 111px;
        margin-bottom: 40px
    }

    .content_banner .btn_banner {
        width: 100%
    }

    .content_banner .btn_banner .title {
        padding-top: 11px;
        line-height: 24px;
        font-size: 15px
    }

    .content_banner .btn_banner .sub_title {
        font-size: 13px
    }

    .content_banner .btn_banner .btn_style {
        bottom: 12px;
        width: 65px;
        height: 22px;
        line-height: 22px;
        font-weight: bold
    }

    .content_banner .img_wrap {
        right: 15px;
        bottom: 15px;
        width: 85px
    }

    .content_banner .img_wrap img {
        width: 100%
    }

    .content_well {
        padding-top: 20px
    }

    .content_well .content_heading .btn_wrap {
        margin-bottom: 47px
    }

    .content_well .content_heading .btn_wrap.plus_text {
        margin-bottom: 10px
    }

    .content_well .content_heading .title {
        margin-top: -4px;
        font-size: 40px;
        color: #111
    }

    .content_well .content_heading .title .sub {
        font-size: 30px
    }

    .content_well .content_heading .title.small .sub02 {
        font-size: 2.8rem
    }

    .content_well .content_heading .sub_title {
        font-size: 23px;
        margin-top: 27px
    }

    .content_well .content_heading .title, .content_well .content_heading .sub_title {
        float: none;
        width: 100%
    }

    .content_well .content_heading .sub_title .small {
        font-size: 1.6rem
    }

    .content_well .content_heading .sub_title .small02 {
        font-size: 1.8rem
    }

    .content_well .content_heading .sub_text {
        margin-top: -30px;
        padding-bottom: 40px;
        text-align: left
    }

    .content_well .content_body {
        margin-bottom: 37px;
        padding-bottom: 37px
    }

    .content_well .content_body.pdb0 {
        border-bottom: none
    }

    .content_well.with_step {
        padding-top: 0
    }

    .content_well01 {
        margin-top: 40px
    }

    .content_well01 .title .text_group {
        font-size: 3rem
    }

    .content_well01 .title.small .text_group {
        font-size: 3rem
    }

    .content_well01 .title .text_group .bg_benefit {
        position: absolute;
        right: 10px;
        top: 95px;
        width: 145px;
        height: 170px;
        background: url(/pconts/images/contents/finance/bg_mybenefit.png) no-repeat 0 0 / 100% auto
    }

    .content_footer {
        padding-left: 10px
    }

    .agree_check_dl .check_body.check_cont_body .box_body {
        margin-top: 16px
    }

    .content_well .text_lg {
        font-size: 2.4rem
    }

    .content_well .text_sm {
        font-size: 1.3rem
    }

    .content_well.line:before {
        content: '';
        position: absolute;
        top: 0;
        display: inline-block;
        width: 96px;
        height: 2px;
        background-color: #333
    }

    .content_well.con_box {
        padding: 30px 10px
    }

    .division_group {
        display: block;
        border-top: 1px solid #ddd
    }

    .division_group dl {
        flex: 1;
        padding: 15px 10px;
        border-left: none;
        border-bottom: 1px solid #eee
    }

    .division_group dl:first-of-type {
        padding-left: 10px
    }

    .division_group dt {
        font-weight: 700;
        font-size: 1.5rem
    }

    .division_group dd {
        line-height: 1.2
    }

    .division_group dd .text {
        margin-bottom: 5px;
        min-height: auto
    }

    .product_info {
        margin-bottom: 28px;
        padding-top: 20px
    }

    .product_info .product_heading {
        color: #333
    }

    .product_info .product_body {
        margin-bottom: 16px;
        font-size: 3.6rem
    }

    .product_info .product_body .sub_tit {
        font-size: 15px
    }

    .product_info .product_body.m_show .money {
        display: block;
        line-height: 27px
    }

    .product_info .product_footer {
        font-size: 1.5rem;
        color: #333
    }

    .product_info .product_footer .text_info {
        padding-left: 20px
    }

    .product_info .product_footer .num_info {
        padding-left: 0
    }

    .accordion_body .text_info, .accordion_body .text_info2, .check_body .text_info {
        padding-left: 52px
    }

    .set_pc {
        display: none
    }

    body.mobile .set_mob {
        display: block
    }

    .pc_view {
        display: none
    }

    .mob_view {
        display: block
    }

    .product_radio_group.swiper-container {
        padding: 20px 20px 90px;
        margin-right: -20px;
        margin-left: -20px
    }

    .product_radio_group.swiper-container:before {
        display: none
    }

    .product_radio_group.swiper-container:after {
        display: none
    }

    .product_radio_group.swiper-container .swiper-slide {
        width: 200px;
        margin-right: 10px
    }

    .product_radio_group.swiper-container .swiper-button-next, .product_radio_group.swiper-container .swiper-button-prev {
        display: none
    }

    .product_radio_group.swiper-container.type02 {
        padding-bottom: 36px
    }

    .product_radio_group.swiper-container.type02:before {
        display: none
    }

    .product_radio_group.swiper-container.type02:after {
        display: none
    }

    .speedloan_complete {
        padding: 0 10px
    }

    .speedloan_complete .text_area, .speedloan_complete .left_side, .speedloan_complete .right_side {
        float: none
    }

    .speedloan_complete .text_area {
        width: 100%;
        margin-bottom: 40px;
        font-size: 20px
    }

    .speedloan_complete .left_side {
        width: 100%
    }

    .speedloan_complete .left_side.only {
        width: 100%
    }

    .speedloan_complete .left_side .btn_wrap {
        margin-top: 30px
    }

    .speedloan_complete .right_side {
        width: 100%;
        padding-left: 0;
        border-left: none
    }

    .speedloan_complete .right_side .btn_wrap {
        margin-top: 30px
    }

    .speedloan_complete .side .title {
        font-size: 16px
    }

    .speedloan_complete .side .info {
        margin-top: 15px;
        color: #111
    }

    .bg_gray.mob_no_bg {
        background-color: transparent
    }

    .table_list .df_list_wrap + .df_list_wrap {
        padding-top: 10px
    }

    .table_panel .df_list_wrap.total_calc {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .table_panel .df_list_wrap.total_calc .item.tit {
        line-height: 40px
    }

    .table_panel .df_list_wrap.total_calc .item.con {
        font-size: 30px
    }

    .table_panel .df_list_wrap.total_calc.type02 .item.tit {
        line-height: 2.3rem
    }

    .table_panel .df_list_wrap.total_calc.type02 .item.con {
        font-size: 1.8rem;
        line-height: 2.3rem
    }

    .table_panel .df_list_wrap.total_calc.type02 .item.con span {
        font-size: 2rem
    }

    .float_left_cover .list > * {
        float: none
    }

    .float_left_cover .text {
        width: 100%
    }

    .float_left_cover .btn_wrap {
        width: 100%;
        text-align: left
    }

    .result_panel .result_list .info_heading {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 10px
    }

    .result_panel .result_list .info_heading .date {
        float: none;
        width: 100%;
        font-size: 13px;
        line-height: 1.5
    }

    .result_panel .result_list .info_heading .result {
        display: inline-block;
        font-size: 16px;
        line-height: 1.5;
        color: #333
    }

    .result_panel .result_list .info_heading .money_cover {
        float: none;
        font-size: 2rem
    }

    .result_panel .result_list .updown_btn {
        display: table-cell;
        position: relative;
        float: left;
        width: 74px;
        height: 105px
    }

    .result_panel .result_list .updown_btn:after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -12px;
        margin-left: -8px;
        border-top: none;
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
        transform-origin: center;
        transform: rotate(45deg);
    }

    .result_panel .result_list .state_area {
        padding-left: 20px
    }

    .result_panel .result_list .state_area {
        padding-right: 20px
    }

    .full_terms .accordion_body .text_info {
        padding-left: 52px
    }

    .simple_agree_group {
        padding: 20px 20px 20px 2px
    }

    .simple_agree_group .inside {
        font-size: 1.3rem
    }

    .menu_info {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .rcd_pro_wrap .pro_list {
        padding: 20px 10px
    }

    .rcd_pro_wrap .alliance_badge {
        margin-left: -10px
    }

    .rcd_pro_wrap .list_inner dl {
        display: block;
        float: none
    }

    .rcd_pro_wrap .list_inner .right_side {
        margin-top: 15px;
        padding-left: 5px
    }

    .rcd_pro_wrap .list_inner .right_side .title {
        font-size: 1.5rem;
        text-align: left
    }

    .rcd_pro_wrap .list_inner .right_side .money {
        text-align: left
    }

    .rcd_pro_wrap .list_inner .info span {
        display: block
    }

    .rcd_pro_wrap .list_inner .info span:not(:first-child) {
        padding-left: 0
    }

    .rcd_pro_wrap .list_inner .divide {
        position: relative;
        padding-right: 6px
    }

    .rcd_pro_wrap .list_inner .divide:after {
        display: none
    }

    .app_link_area {
        min-height: 120px;
        padding-right: 120px
    }

    .app_link_area:after {
        width: 88px;
        height: 74px;
        background-image: url(/pconts/images/contents/finance/bg_app_m.png)
    }

    .app_link_area p {
        word-break: break-all
    }

    .loan_user_info .user_name {
        font-size: 24px
    }

    .loan_user_info .user_card {
        font-size: 24px
    }

    .loan_user_info .user_text {
        font-size: 15px
    }

    .w_size01.coupon_area {
        padding-left: 10px;
        padding-right: 10px
    }

    .w_500size {
        width: 100%
    }

    .loan_pop .sub_title {
        font-size: 18px;
        color: #333
    }

    .loan_pop .title {
        font-size: 3.6rem
    }

    .table_flow .table_wrap table th {
        padding: 15px 0
    }

    .table_flow .arrow:before {
        width: 12px;
        height: 12px
    }

    .mix_box_select .gray_roundbox, .mix_box_select .select_wrap {
        width: calc(50% - 20px)
    }

    .mix_box_select * {
        float: left
    }

    .mix_box_select .next {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 44px
    }

    .mix_box_select .next:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 18px;
        width: 16px;
        height: 0;
        margin-left: -10px;
        border-bottom: 1px solid #4868e1
    }

    .mix_box_select .next:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 13.4px;
        margin-left: calc(50% - 5px);
        margin-right: auto;
        border-top: 1px solid #4868e1;
        border-right: 1px solid #4868e1;
        transform: rotate(45deg);
    }

    .same_size01 button, .same_size01 a {
        width: 90%
    }

    .same_size01 button + button {
        margin-top: 10px!important
    }

    .agree_box_line {
        padding: 20px
    }

    .agree_box_line.case01 .both_side dt {
        float: none;
        width: 100%
    }

    .agree_box_line.case01 .both_side dd {
        float: none;
        width: 100%;
        text-align: left
    }

    .fn_img_wrap .img_wrap:nth-of-type(1) {
        margin-top: 20px
    }

    .fn_img_wrap .img_wrap {
        float: none;
        width: 100%
    }

    .fn_img_wrap .img_wrap img {
        width: 300px
    }

    .btn_wrap.mob_gap .btn_link {
        margin-bottom: 10px
    }

    .pro_box .list {
        float: none;
        width: 100%
    }

    .pro_box .list:nth-child(odd) {
        padding-right: 0
    }

    .pro_box .list:nth-child(even) {
        padding-left: 0
    }

    .pro_box .list:nth-child(n + 2) {
        margin-top: 10px
    }

    .rmd_pro_list .list {
        height: 126px;
        padding-left: 0;
        padding-right: 0
    }

    .rmd_pro_list .list a {
        padding: 20px 20px
    }

    .rmd_pro_list .list a:focus {
        padding: 18px 18px
    }

    .rmd_pro_list .list .pro_title {
        margin-bottom: 14px;
        font-size: 1.8rem
    }

    .rmd_pro_list .list .sub_info {
        font-size: 1.6rem
    }

    .rmd_pro_list .list .pro_text {
        margin-bottom: 0;
        letter-spacing: -0.05rem
    }

    .rmd_pro_list .list .money {
        font-size: 2.6rem
    }

    .other_pro_list .list {
        min-height: 128px
    }

    .other_pro_list .list a {
        padding: 15px 20px
    }

    .other_pro_list .list .pro_title {
        margin-bottom: 7px;
        font-size: 1.9rem
    }

    .other_pro_list .list .pro_text {
        letter-spacing: -1px
    }

    .other_pro_list .list .pro_info {
        font-size: 1.3rem
    }

    .other_pro_list .list .pro_info .detail {
        font-size: 1.3rem
    }

    .other_pro_list .list .pro_info .max {
        padding-left: 0
    }

    .other_pro_list .list.case2 a {
        background: url(/pconts/images/contents/finance/bg_product_m.png) no-repeat calc(100% - 30px) 50% / 70px 70px
    }

    .other_pro_list.solo .list {
        width: 100%
    }

    .division_group2 {
        display: block;
        margin-top: 5px;
        margin-left: -10px
    }

    .division_group2 dl, .division_group2 dl:first-child {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 19px 10px
    }

    .division_group2 dl:last-child {
        padding-right: 10px
    }

    .division_group2 dl + dl {
        border: none;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

    .division_group2 dl > * {
        flex: 1;
        padding: 0
    }

    .division_group2 .title {
        min-height: auto
    }

    .division_group2 .info {
        flex: 1;
        margin-top: 0
    }

    .division_group2 .info strong {
        display: block;
        font-size: 1.8rem
    }

    .division_group2 .info .sub_info {
        display: block;
        font-size: 1.3rem;
        font-weight: 400
    }

    .division_group2.col03 dl:first-child, .division_group2.col03 dl:nth-child(2), .division_group2.col02 dl:first-child, .division_group2.col02 dl {
        width: auto
    }

    .division_group2.col02 dl:first-child, .division_group2.col02 dl {
        padding-left: 10px
    }

    .sub_division_txt {
        margin: 0 0 0 -10px;
        padding: 20px 0 0 10px;
        border-top: 1px solid #eee
    }

    .division_group2.col02.bottom_txt dl {
        position: relative;
        padding-bottom: 105px
    }

    .division_group2.col02.bottom_txt dl:first-child {
        position: relative;
        padding-bottom: 80px
    }

    .division_group2.col02.bottom_txt .txt_info {
        position: absolute;
        left: 0;
        bottom: 20px;
        padding-left: 10px
    }

    .sub_spec_info {
        margin-bottom: -30px
    }

    .sub_spec_info li {
        font-size: 1.6rem
    }

    .sub_spec_info li + li {
        margin-top: 0
    }

    .sub_spec_info .tit > i {
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    .sub_spec_info .tit + span.line2 {
        width: calc(100% - 90px);
        margin-top: 4px;
        margin-bottom: 5px;
        line-height: 20px
    }

    .sub_spec_info .limit {
        background: url(/pconts/images/contents/finance/ico_spec_limit_m.png) no-repeat 0 0;
        background-size: 18px auto
    }

    .sub_spec_info .interest {
        background: url(/pconts/images/contents/finance/ico_spec_interest_m.png) no-repeat 0 0;
        background-size: 18px auto
    }

    .sub_spec_info li:nth-child(2) span.line2 {
        margin-top: 3px;
        padding-left: 46px
    }

    .guide_info > * {
        float: none;
        margin-top: 0
    }

    .guide_info dt, .guide_info dd {
        width: 100%
    }

    .guide_info dt {
        margin-top: 20px
    }

    .guide_info dd, .guide_info dd:nth-of-type(1) {
        margin-top: 10px
    }

    .accordion_body .area .guide_info dd .marker_dot > li {
        font-size: 15px
    }

    .guide_info + .title {
        margin-top: 40px !important
    }

    .guide_info.cont_area > * {
        float: left;
        margin-bottom: 0;
        margin-top: 0
    }

    .guide_info.cont_area dt {
        width: 100%
    }

    .guide_info.cont_area dd {
        width: 100%;
        margin-bottom: 30px;
        padding-left: 0
    }

    .guide_info.cont_area dd, .guide_info.cont_area dd:nth-of-type(1) {
        margin-top: 0
    }

    .guide_info.cont_area + .title {
        margin-top: 25px !important
    }

    .guide_info.cont_area:last-child {
        margin-bottom: 10px
    }

    .popup_fn_evt .guide_info.cont_area2 dt {
        width: 100%;
        margin-top: 16px;
        font-size: 16px
    }

    .popup_fn_evt .guide_info.cont_area2 dd {
        width: 100%;
        margin-top: 4px
    }

    .popup_fn_evt .evt_target {
        padding-left: 27px;
        padding-right: 27px
    }

    .popup_fn_evt .card_sale_graph {
        display: block
    }

    .popup_fn_evt .card_sale_graph li {
        height: 231px;
        background-repeat: no-repeat;
        background-size: auto 231px
    }

    .popup_fn_evt .card_sale_graph li+li {
        margin-top: 40px
    }

    .popup_fn_evt .card_sale_graph .case1 {
        background-image: url(/pconts/images/contents/finance/card_sale_graph1_m.png)
    }

    .popup_fn_evt .card_sale_graph .case2 {
        background-image: url(/pconts/images/contents/finance/card_sale_graph2_m.png)
    }

    .popup_fn_evt .card_sale_graph .case3 {
        background-image: url(/pconts/images/contents/finance/card_sale_graph3_m.png)
    }

    .popup_fn_evt .pc_show {
        visibility: hidden;
        font-size: 0
    }

    .popup_fn_evt .btn_period_close {
        font-size: 15px;
        color: #111
    }

    .accordion_wrap .accordion_body .area.medium .icon_list.step > li {
        margin-bottom: 33px
    }

    .accordion_wrap .accordion_body .area.medium .icon_list.step > li .icon_box {
        padding: 3px 0 3px 100px;
        background-position: 10px center
    }

    .accordion_wrap .accordion_body .area.medium .icon_list.step > li::after {
        left: 29px;
        bottom: -20px
    }

    .content_heading .btn_wrap_sub {
        margin: 30px 0 -12px
    }

    .bg_gray .h_wrap + .product_radio_group.swiper-container.type02 {
        margin-top: -20px
    }

    .accordion_wrap.type03.loan_type .text_wrap .side {
        display: block
    }

    .accordion_wrap.type03.loan_type .text_wrap .loan_date, .accordion_wrap.type03.loan_type .text_wrap .loan_name, .accordion_wrap.type03.loan_type .text_wrap .loan_price {
        display: block;
        width: 100%
    }

    .accordion_wrap.type03.loan_type .text_wrap .loan_date {
        font-size: 1.3rem
    }

    .accordion_wrap.type03.loan_type .text_wrap .loan_price {
        text-align: left;
        padding-right: 0;
        font-size: 1.8rem;
        text-align: left
    }

    .accordion_wrap.type03.loan_type .text_wrap .loan_price > span {
        padding-right: 0;
        font-size: 2rem
    }

    .radio_wrap.type_btn.cardloan ul {
        width: 100%;
        margin: 0
    }

    .radio_wrap.type_btn.cardloan li {
        width: auto
    }

    .work_info .radio_wrap.type_btn.cardloan ul {
        width: 100%;
        margin: 0
    }

    .work_info .radio_wrap.type_btn.cardloan li {
        width: auto
    }

    .df_list_wrap.cardif .df_list .item.tit {
        width: 50%
    }

    .df_list_wrap.cardif .df_list .item.con {
        width: 50%;
        padding-left: 0
    }

    .df_list_wrap.cardif .df_list .item_wrap .item.tit.line2 {
        padding: 5px 10px
    }

    .df_list_wrap.cardif .df_list .item_wrap .item.tit.line2 + .con {
        padding: 17px 10px 17px 0
    }

    .check_wrap.type_bottom .con {
        padding: 15px 20px
    }

    .check_wrap.type_bottom .check_agree {
        margin-top: 0
    }

    .popup_type01 .pop_head.title_none {
        height: 75px
    }

    .popup_type01 .pop_cont .pop_cont_title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .popup_type01 .pop_cont .pop_cont_title02 {
        font-size: 1.8rem;
        line-height: 2.2rem
    }

    .popup_type01 .pop_cont p[class*="pop_cont_text"] + .pop_cont_title {
        margin-top: 40px
    }

    .loan_recommend {
        width: 100%;
        padding: 15px 18px;
        font-size: 1.5rem
    }

    .loan_recommend dt {
        width: 60%
    }

    .loan_recommend dd strong {
        font-size: 2.0rem
    }

    .revolving_graph_wrap {
        margin: 20px 0
    }

    .revolving_graph_wrap .graph_wrap, .revolving_graph_wrap .graph_info {
        float: none;
        width: 100%;
        margin: 0
    }

    .revolving_graph_wrap .graph_wrap {
        display: block;
        padding: 0 42px 0 34px
    }

    .revolving_graph_wrap .graph_wrap .graph {
        width: 100%
    }

    .revolving_graph_wrap .graph_wrap .graph_legend {
        width: 100%;
        margin-top: 40px
    }

    .revolving_graph_wrap .graph_legend .legend {
        width: 100%;
        font-size: 1.5rem
    }

    .revolving_graph_wrap .graph_legend .legend strong {
        width: 42px;
        text-align: right
    }

    .revolving_graph_wrap .graph_info {
        margin-top: 40px;
        padding: 13px 10px
    }

    .revolving_graph_wrap .graph_info dl + dl {
        margin-top: 8px
    }

    .ex_value {
        margin-bottom: 40px;
        padding: 10px 0
    }

    .ex_value span {
        padding-left: 10px
    }

    .ex_value span strong {
        display: block;
        padding: 5px 0 0;
        color: #333
    }

    .ex_cont .cont {
        display: block;
        margin-top: 28px
    }

    .ex_cont .cont .left .inner {
        width: 150px;
        height: 190px
    }

    .ex_cont .cont .left .inner.type01 {
        background-image: url(/pconts/images/contents/finance/img_revolving_graph01_m.png);
        background-size: 150px auto
    }

    .ex_cont .cont .left .inner.type02 {
        background-image: url(/pconts/images/contents/finance/img_revolving_graph02_m.png);
        background-size: 150px auto
    }

    .ex_cont .cont .left .inner li {
        font-size: 1.3rem
    }

    .ex_cont .cont .left .inner .num02 {
        position: absolute;
        top: 98px;
        ;left: 15px
    }

    .ex_cont .cont .left .inner .num03 {
        position: absolute;
        top: 64px;
        left: 92px
    }

    .ex_cont .cont .right {
        margin-top: 38px
    }

    .ex_cont .cont .right ul li + li {
        margin-top: 7px
    }

    .ex_cont .cont .right ul li .cal {
        margin-top: 3px
    }

    .revolving_nodata {
        padding: 0 0 40px;
        font-weight: 400
    }

    .revolving_nodata:before {
        display: none
    }

    .dl_wrap.fn_dl_type:first-child {
        margin-top: 30px
    }

    .dl_wrap.fn_dl_type .tiem.con {
        font-size: 1.6rem
    }

    .dl_wrap.fn_dl_type2 .df_list .item.tit {
        width: 120px
    }

    .dl_wrap.fn_dl_type2 .df_list .item.con {
        width: calc(100% - 120px)
    }

    .fn_check_group:first-child, .fn_check_group {
        margin-top: 30px
    }

    .fn_check_group .check_wrap.all_check .check_default input[type="checkbox"] + span {
        font-size: 1.6rem
    }

    .fn_check_group .check_wrap.all_check + .fn_check_list_wrap {
        margin-top: 8px
    }

    .fn_check_list_wrap .fn_check_list.check_none .fn_check_info {
        padding: 20px 10px 15px
    }

    .fn_check_list_wrap .list_top span {
        padding: 0 20px 0 10px
    }

    .fn_check_list_wrap .fn_check_list li {
        padding: 10px 10px 5px
    }

    .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li {
        padding: 18px 10px
    }

    .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .check_tit {
        font-size: 1.6rem
    }

    .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap {
        margin-left: 0
    }

    .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .fn_check_info2 {
        margin-top: 25px;
        padding: 0
    }

    .fn_check_group .fn_check_list_wrap.in_btn_type .check_total {
        padding: 16px 10px
    }

    .fn_check_group2 .check_wrap + .check_list02 {
        margin-top: 15px
    }

    .fn_check_group2 .check_list02 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fn_check_group2 .check_list02 li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 33.3%
    }

    .fn_check_group2 .check_list02 .col {
        padding: 2.5px
    }

    .h_wrap.fn_revolving_type {
        position: relative;
        padding-top: 68px
    }

    .h_wrap.fn_revolving_type .h_title24 {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        margin-left: -1px;
        border: 0 none !important;
        background: transparent !important;
        color: transparent !important
    }

    .h_wrap.fn_revolving_type .btn.left {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -55px
    }

    .alliance_list li {
        width: 50%
    }

    .alliance_list li:before {
        height: 48px;
        background-size: auto 48px
    }

    .alliance_list li.c01:before {
        background-image: url(/pconts/images/contents/finance/img_alliance01_m.png)
    }

    .alliance_list li.c02:before {
        background-image: url(/pconts/images/contents/finance/img_alliance02_m.png)
    }

    .alliance_list li.c03:before {
        background-image: url(/pconts/images/contents/finance/img_alliance03_m.png)
    }

    .alliance_list li.c04:before {
        background-image: url(/pconts/images/contents/finance/img_alliance04_m.png)
    }

    .alliance_list li.c05:before {
        background-image: url(/pconts/images/contents/finance/img_alliance05_m.png)
    }

    .alliance_list li.c06:before {
        background-image: url(/pconts/images/contents/finance/img_alliance06_m.png)
    }

    .alliance_list li.c07:before {
        background-image: url(/pconts/images/contents/finance/img_alliance07_m.png)
    }

    .alliance_list li.c08:before {
        background-image: url(/pconts/images/contents/finance/img_alliance08_m.png)
    }

    .alliance_list li.c09:before {
        background-image: url(/pconts/images/contents/finance/img_alliance09_m.png)
    }

    .contents.general_loan {
        padding-bottom: 90px
    }

    .contents.general_loan, .contents.general_loan .bg_gray.m_only {
        background-color: #f6f6f6;
        background-color: rgba(246, 246, 246, 1.0)
    }

    .contents.general_loan > .ly_inner {
        background-color: #fff
    }

    .general_loan .loan_txtbox01 {
        width: 100%;
        padding: 40px 20px 105px;
        margin: 0;
        background: #fff
    }

    .general_loan .loan_txtbox01 .ly_inner {
        padding: 0 0 88px 0;
        background: url(/pconts/images/contents/finance/bg_loanindex_m.png) 100% bottom no-repeat;
        background-size: auto 127px
    }

    .general_loan .loan_txtbox01 .s_txt {
        font-size: 1.8rem
    }

    .general_loan .loan_txtbox01 .l_txt {
        margin-top: 20px;
        font-size: 3rem;
        line-height: 4rem
    }

    .general_loan .loan_txtbox01 .sub_txt {
        margin-top: 30px;
        font-size: 1.5rem
    }

    .general_loan .bg_gray.menulink_group {
        position: relative;
        padding-top: 117px
    }

    .general_loan .loan_contbox01_m {
        display: block;
        position: absolute;
        top: -180px;
        left: 20px;
        width: calc(100% - 40px)
    }

    .general_loan .box_menulink {
        padding: 20px;
        border-radius: 6px
    }

    .general_loan .box_menulink:before {
        display: block;
        content: '';
        position: absolute;
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .general_loan .box_menulink .tit {
        font-size: 2rem;
        line-height: 2.4rem;
        word-break: break-all
    }

    .general_loan .box_menulink .sub_txt {
        margin-top: 15px
    }

    .general_loan .loan_contbox01_m .box_menulink {
        height: 160px;
        padding: 25px 20px 30px
    }

    .general_loan .loan_contbox01_m .box_menulink:before {
        right: 20px;
        bottom: 29px;
        width: 85px;
        height: 70px;
        background-image: url(/pconts/images/contents/finance/bg_loanindex01_m.png);
        background-size: auto 70px
    }

    .general_loan .loan_contbox01 {
        display: none
    }

    .general_loan .loan_menulist01 {
        margin: 0;
        padding-bottom: 30px
    }

    .general_loan .loan_menulist01 li {
        width: calc(50% - 10px);
        margin: 0 0 0 20px
    }

    .general_loan .loan_menulist01 li:nth-child(n+3) {
        margin-top: 20px
    }

    .general_loan .loan_menulist01 li:nth-child(odd) {
        margin-left: 0
    }

    .general_loan .loan_menulist01 li .box_menulink {
        height: 180px
    }

    .general_loan .loan_menulist01 li .box_menulink:before {
        bottom: 15px;
        left: 20px;
        background-size: 50px auto
    }

    .general_loan .loan_menulist01 .loan01 .box_menulink:before {
        background-image: url(/pconts/images/contents/finance/bg_loanindex02_m.png)
    }

    .general_loan .loan_menulist01 .loan02 .box_menulink:before {
        background-image: url(/pconts/images/contents/finance/bg_loanindex03_m.png)
    }

    .general_loan .loan_menulist01 .loan03 .box_menulink:before {
        background-image: url(/pconts/images/contents/finance/bg_loanindex04_m.png)
    }

    .general_loan .loan_menulist01 .loan04 .box_menulink:before {
        background-image: url(/pconts/images/contents/finance/bg_loanindex05_m.png)
    }

    .general_loan .loan_menulist01 li .box_menulink:after {
        width: 24px;
        height: 24px;
        border-radius: 0 6px;
        line-height: 2.4rem
    }

    .general_loan .loan_menulist01 li .box_menulink .sub_txt {
        margin-top: 5px
    }

    .general_loan .loan_menulist02 {
        padding: 0 0 30px
    }

    .general_loan .loan_menulist02 li {
        float: none;
        width: 100%
    }

    .general_loan .loan_menulist02 li:first-child {
        padding-right: 0
    }

    .general_loan .loan_menulist02 li + li {
        padding-left: 0
    }

    .general_loan .loan_menulist02 li + li:after {
        width: 100%;
        height: 1px
    }

    .general_loan .loan_menulist02 .txt_menulink {
        padding: 20px 9px
    }

    .general_loan .loan_menulist02 .txt_menulink strong {
        font-size: 1.8rem
    }

    .general_loan .loan_menulist02 .txt_menulink strong:after {
        width: 6px;
        height: 11px;
        margin-left: 8px;
        background-position: 0 0;
        background-size: 9px auto
    }

    .general_loan .loan_menulist02 .txt_menulink p {
        color: #333
    }

    .gray_box {
        padding: 10px
    }

    .gray_box .text_box_type02 {
        padding: 10px
    }

    .benefit_program {
        margin-left: -12px
    }

    .cusGuide_wrap .cusGuide_text {
        margin: 0 -20px;
        padding: 15px 20px 40px
    }

    .foreigner_guide_lang {
        padding: 40px 0 60px
    }

    .foreigner_guide_lang li {
        display: block
    }

    .foreigner_guide_lang li + li {
        margin-left: 0;
        margin-top: 28px
    }

    .foreigner_guide_lang li .tit {
        margin-bottom: 10px;
        font-size: 1.6rem
    }

    .btn_group.foreigner_only {
        display: block;
        flex: none
    }

    .btn_group.foreigner_only .btn + .btn {
        margin: 10px 0 0
    }

    .btn_group.foreigner_only .btn.darkgray {
        font-size: 1.6rem
    }

    .form_ele.foreigner_only .check_wrap .check_default {
        width: auto
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {
        float: none;
        width: 100%
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .money, .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .date {
        display: inline-block
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .add_txt {
        display: inline-block;
        float: none;
        margin-right: 28px;
        font-weight: 400
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {
        float: none;
        width: 100%
    }

    .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02:first-child {
        float: none;
        width: 100%
    }

    .tel_wrap.type02 > .select_wrap {
        position: static;
        width: 100%
    }

    .tel_wrap.type02 > .select_wrap + div {
        padding-left: 0;
        margin-top: 8px
    }

    .loan_credit_area.fn_type1 .loan_credit_list {
        font-size: 15px;
    }

    .loan_credit_area.fn_type1 .loan_credit_list li:not(:last-child) {
        margin-bottom: 8px
    }

    .loan_credit_area.fn_type1 .association_number {
        font-size: 15px
    }
}

@media only screen and (max-width: 760px) {
    .jumbotron .online {
        margin-top:6px
    }

    .jumbotron .btn_underline {
        font-size: 18px;
        padding: 0 16px
    }

    .jumbotron .btn_underline:before {
        left: 16px;
        width: calc(100% - 32px)
    }
}

.bg_text_box {
    padding: 25px 30px;
    border-radius: 3px
}

.bg_text_box p {
    font-weight: 700;
    color: #333
}

.step_box_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -20px 0 0 -20px;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.step_box_wrap .step_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 20px);
    margin: 20px 0 0 20px;
    padding: 30px;
    background: #f6f6f6;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.step_box_wrap .step_box .txt_area {
    margin-bottom: 20px;
    flex-grow: 1
}

.step_box_wrap .step_box .txt_area .step {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #333
}

.step_box_wrap.col3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.step_box_wrap.col3 .step_box {
    width: calc(33.33% - 20px);
    padding: 30px 30px
}

.basic_pay .cont_wrap .sub_text + .sub_text {
    margin-top: 10px
}

.basic_pay .cont_wrap .sub_text + .marker_dot {
    margin-top: 10px
}

.step_box_wrap.basic_pay01_step .step_box .img {
    width: 420px;
    height: 310px;
    margin: auto
}

.step_box_wrap.basic_pay01_step .step_box.step1 .img {
    width: 302px;
    background: url(/pconts/images/contents/benefit/pay/img_basic_pay01.jpg) no-repeat
}

.step_box_wrap.basic_pay01_step .step_box.step2 .img {
    width: 305px;
    background: url(/pconts/images/contents/benefit/pay/img_basic_pay02.jpg) no-repeat
}

.basic_pay .table_card .has_card_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 0;
    border-top: 1px solid #eee
}

.basic_pay .table_card tr:first-child .has_card_info {
    border-top: 1px solid #ddd
}

.basic_pay .table_card tr:last-child td:not(.no_data) .has_card_info {
    border-bottom: 1px solid #ddd
}

.basic_pay .table_card .has_card_info .date_cel {
    width: 230px
}

.basic_pay .table_card .has_card_info .card_cel {
    width: calc(100% - 230px)
}

.basic_pay .table_card .has_card_info .card_cel em {
    color: #333;
    font-weight: 700
}

.basic_pay .table_card .has_card_info .card_cel em + em:before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #ddd;
    content: ""
}

.basic_pay .table_card .date_info dt, .basic_pay .table_card .date_info dd {
    display: inline-block
}

.radio_wrap.radio_table {
    display: table;
    width: 100%
}

.radio_wrap.radio_table label {
    width: 100%
}

.radio_wrap.radio_table label span {
    width: 100%;
    border-top: 1px solid #eee
}

.radio_wrap.radio_table label.radio_none input[type="radio"] + span:before, .radio_wrap.radio_table label.radio_none input[type="radio"]:checked + span:after {
    display: none
}

.radio_wrap.radio_table tr:first-child label span {
    border-top: 1px solid #ddd
}

.radio_wrap.radio_table tr:last-child td:not(.no_data) label span {
    border-bottom: 1px solid #ddd
}

.radio_wrap.radio_table .radio_default input[type="radio"] + span {
    width: 100%;
    padding: 36px 0 36px 55px;
    line-height: 1.3
}

.radio_wrap.radio_table .radio_default input[type="radio"] + span:before {
    top: 50%;
    margin-top: -13px
}

.radio_wrap.radio_table .radio_default input[type="radio"]:checked + span:after {
    top: 50%;
    margin-top: -7px
}

.radio_wrap.radio_table .radio_default input[type="radio"] + span .card_no, .radio_wrap.radio_table.radio_card .radio_default input[type="radio"] + span .card_nm {
    font-weight: 700
}

.radio_card span em {
    color: #111
}

.radio_card span em + em:before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #ddd;
    content: ""
}

.radio_card .date_info:first-of-type {
    margin-top: 15px
}

.radio_card .date_info + .date_info {
    margin-top: 6px
}

.radio_card .date_info dt, .radio_card .date_info dd {
    display: inline-block;
    font-size: 13px
}

.explain_box_wrap {
    display: block;
    margin: 0
}

.explain_box_wrap .explain_box {
    width: 100%;
    margin: 0;
    padding: 20px 30px 20px 92px
}

.explain_box_wrap .explain_box + .explain_box {
    margin-top: 30px
}

.explain_box_wrap .explain_box:before {
    top: 20px;
    left: 20px
}

.example_box_wrap {
    display: block
}

.example_box_wrap .example_box {
    width: 100%
}

.example_box_wrap .example_box .img_wrap {
    width: 250px;
    height: 250px;
    margin: auto;
    padding: 11px
}

.example_box_wrap .example_box + .example_box {
    margin-top: 25px
}

.step_box_wrap.password_pay01_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.password_pay01_step .step_box.step1 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step1.png)
}

.step_box_wrap.password_pay01_step .step_box.step2 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step2.png)
}

.step_box_wrap.password_pay01_step .step_box.step3 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step3.png)
}

.step_box_wrap.password_pay01_step .step_box.step4 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step4.png)
}

.step_box_wrap.password_pay01_step .step_box.step5 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step5.png)
}

.step_box_wrap.password_pay01_step .step_box.step6 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step6.png)
}

.step_box_wrap.password_pay01_step .step_box.step7 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw01_step7.png)
}

.step_box_wrap.password_pay01_step .step_box .img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.step_box_wrap.password_pay02_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.password_pay02_step .step_box.step1 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw02_step1.png)
}

.step_box_wrap.password_pay02_step .step_box.step2 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw02_step2.png)
}

.step_box_wrap.password_pay02_step .step_box.step3 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw02_step3.png)
}

.step_box_wrap.password_pay02_step .step_box .img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.step_box_wrap.password_pay03_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.password_pay03_step .step_box.step1 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step1.png)
}

.step_box_wrap.password_pay03_step .step_box.step2 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step2.png)
}

.step_box_wrap.password_pay03_step .step_box.step3 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step3.png)
}

.step_box_wrap.password_pay03_step .step_box.step4 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step4.png)
}

.step_box_wrap.password_pay03_step .step_box.step5_1 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step5_1.png)
}

.step_box_wrap.password_pay03_step .step_box.step5_2 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step5_2.png)
}

.step_box_wrap.password_pay03_step .step_box.step5_3 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step5_3.png)
}

.step_box_wrap.password_pay03_step .step_box.step6 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step6.png)
}

.step_box_wrap.password_pay03_step .step_box.step7 .img {
    background-image: url(/pconts/images/contents/benefit/pay/pw03_step7.png)
}

.step_box_wrap.password_pay03_step .step_box .img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.step_box_wrap.password_pay04_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.password_pay04_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step4.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step5.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step6 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step6.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step7 .img {
    background: url(/pconts/images/contents/benefit/pay/pw04_step7.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay04_step .step_box.step_refer .img {
    width: 420px;
    background: url(/pconts/images/contents/benefit/pay/pw04_step_refer.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay05_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.password_pay05_step .step_box.step_refer1 .img {
    background: url(/pconts/images/contents/benefit/pay/pw05_refer1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.password_pay05_step .step_box.step_refer2 .img {
    background: url(/pconts/images/contents/benefit/pay/pw05_refer2.png) no-repeat;
    background-size: 100%
}

.password_pay .icon_list02 li + li {
    border-top: 1px solid #eee
}

.password_pay .icon_list02 li .item {
    display: block;
    position: relative;
    width: 100%;
    padding: 25px 20px 20px 115px
}

.password_pay .icon_list02 li .item:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 90px;
    height: 90px
}

.password_pay .icon_list02 li .item.item01:before {
    border-radius: 50%;
    background: url(/pconts/images/icon/ico_icon64.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.password_pay .icon_list02 li .item.item02:before {
    border-radius: 50%;
    background: url(/pconts/images/icon/ico_icon65.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.password_pay .icon_list02 li:first-child .item {
    padding: 0px 20px 30px 115px
}

.password_pay .icon_list02 li:first-child .item:before {
    top: 0
}

.step_box_wrap.fan_pay01_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay01_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay01_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay01_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay01_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay01_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay01_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay01_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay01_step4.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay02_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay02_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay02_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay02_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay02_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay03_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay03_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay03_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay03_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay03_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay04_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay04_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay04_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay04_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay04_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay04_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay04_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay04_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay04_step4.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay05_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step4.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step5.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step6 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step6.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step7 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step7.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay05_step .step_box.step8 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay05_step8.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay06_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay06_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay06_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay06_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay06_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay06_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay06_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay06_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay06_step4.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay06_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay06_step5.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay07_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.fan_pay07_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay07_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay07_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay07_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay07_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay07_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay07_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay07_step4.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.fan_pay07_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/fanpay07_step5.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.ars_pay01_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.step_box_wrap.ars_pay01_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/ars_step1.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.ars_pay01_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/ars_step2.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.ars_pay01_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/ars_step3.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.masterpass_pay01_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.masterpass_pay01_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step1.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step2.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step3_1 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_1.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step3_2 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_2.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step3_3 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_3.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step3_4 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_4.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step4.png) no-repeat;
    background-size: 100%
}

.masterpass_pay01_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass01_step5.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.masterpass_pay02_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.masterpass_pay02_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step1.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step2.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step3_1 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_1.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step3_2 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_2.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step3_3 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_3.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step3_4 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_4.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step4.png) no-repeat;
    background-size: 100%
}

.masterpass_pay02_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass02_step5.png) no-repeat;
    background-size: 100%
}

.step_box_wrap.masterpass_pay03_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.masterpass_pay03_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass03_step1.png) no-repeat;
    background-size: 100%
}

.masterpass_pay03_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass03_step2.png) no-repeat;
    background-size: 100%
}

.masterpass_pay03_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass03_step3.png) no-repeat;
    background-size: 100%
}

.masterpass_pay03_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass03_step4.png) no-repeat;
    background-size: 100%
}

.masterpass_pay03_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/masterpass03_step5.png) no-repeat;
    background-size: 100%
}

.masterpass_ex01 .img {
    width: 100%;
    height: 310px;
    border: 1px solid #ddd;
    background: url(/pconts/images/contents/benefit/masterpass_ex01.jpg) no-repeat
}

.masterpass_ex02 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 40px;
    border: 1px solid #ddd
}

.masterpass_ex02 .example_box {
    margin-left: 30px;
    flex: 1px
}

.masterpass_ex02 .example_box .img {
    width: 100%;
    height: 180px;
    margin-bottom: 25px
}

.masterpass_ex02 .example_box .img.step {
    background: url(/pconts/images/contents/benefit/masterpass_ex02.jpg) no-repeat
}

.masterpass_ex02 .example_box .img.step2 {
    background: url(/pconts/images/contents/benefit/masterpass_ex03.jpg) no-repeat
}

.masterpass_ex02 .example_box .img.step3 {
    background: url(/pconts/images/contents/benefit/masterpass_ex04.jpg) no-repeat
}

.masterpass_ex02 .example_box .ex_step {
    margin-bottom: 12px;
    font-size: 20px;
    color: #111;
    font-weight: 700
}

.masterpass_ex02 .example_box .ex_txt {
    color: #333
}

.smart_pay .smart_pay01_step .step_box .img {
    width: 306px;
    height: 180px;
    margin: auto
}

.smart_pay .smart_pay01_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay01_step1.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay01_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay01_step2.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay01_step .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay01_step3.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay01_step .step_box.step4 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay01_step4.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay01_step .step_box.step5 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay01_step5.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay02_step .step_box .img {
    width: 306px;
    height: 310px;
    margin: auto
}

.smart_pay .smart_pay02_step .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay02_step1.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay02_step .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay02_step2.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay02_step .step_box.refer1 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay02_refer1.png) no-repeat;
    background-size: 100%
}

.smart_pay .smart_pay02_step .step_box.refer2 .img {
    background: url(/pconts/images/contents/benefit/pay/smartpay02_refer2.png) no-repeat;
    background-size: 100%
}

.lift_fare_ing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    border-top: 1px solid #ddd
}

.lift_fare_help {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #eee
}

.lift_fare_ing li {
    position: relative;
    width: 50%;
    border-bottom: 1px solid #eee;
    padding: 30px 0px 30px 120px;
    background-repeat: no-repeat
}

.lift_fare_ing li:before {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #f6f6f6;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: center
}

.lift_fare_help li {
    position: relative;
    width: 25%;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 130px 0 30px 0;
    background-position: center 30px
}

.lift_fare_help li:before {
    content: '';
    position: absolute;
    top: 30px;
    left: calc(50% - 40px);
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #f6f6f6;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: center
}

.lift_fare_help li:last-child {
    border: none
}

.lift_fare_ing .flexbox_dl {
    border: none
}

.lift_fare_ing .flexbox_dl dl + dl {
    margin-top: 5px
}

.lift_fare_ing .flexbox_dl dt {
    width: 138px;
    flex: inherit
}

.lift_fare_help .txt_warp {
    display: block;
    line-height: 48px;
    text-align: center;
    color: #333
}

.lift_fare_ing li .btn_wrap button + button {
    margin-left: 30px
}

.lift_fare_nodata {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #eee;
    padding-bottom: 50px
}

.lift_fare_change {
    overflow: hidden
}

.lift_fare_change li {
    padding: 7px 5px
}

.lift_fare_change li span {
    display: block;
    float: left
}

.lift_fare_change li .info {
    width: 70%
}

.lift_fare_change li .info strong {
    display: block;
    font-weight: 400
}

.lift_fare_change li .info .detail {
    font-size: 13px;
    margin-top: 5px
}

.lift_fare_change li .info i {
    font-style: normal;
    position: relative;
    display: inline;
    padding-left: 5px
}

.lift_fare_change li .info i::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: calc(50% - 6px);
    width: 1px;
    height: 11px;
    background-color: #ccc
}

.lift_fare_change li .price {
    float: right;
    text-align: right;
    width: 30%;
    font-weight: 700
}

.lift_fare_change li::after {
    content: '';
    display: block;
    clear: both
}

.lift_fare_change.type2 li {
    padding: 17px 5px
}

.lift_fare_change.type2 .month {
    color: #111;
    font-weight: 700
}

.lift_fare_change.type2 .price {
    color: #333
}

.lift_fare_ing .ico01::before, .lift_fare_help .ico01::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge01.png');
    background-size: 50px
}

.lift_fare_ing .ico02::before, .lift_fare_help .ico02::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge02.png');
    background-size: 50px
}

.lift_fare_ing .ico03::before, .lift_fare_help .ico03::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge03.png');
    background-size: 50px
}

.lift_fare_ing .ico04::before, .lift_fare_help .ico04::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge04.png');
    background-size: 50px
}

.lift_fare_ing .ico05::before, .lift_fare_help .ico05::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge05.png');
    background-size: 50px
}

.lift_fare_ing .ico06::before, .lift_fare_help .ico06::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge06.png');
    background-size: 50px
}

.lift_fare_ing .ico07::before, .lift_fare_help .ico07::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge07.png');
    background-size: 50px
}

.lift_fare_ing .ico08::before, .lift_fare_help .ico08::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge08.png');
    background-size: 50px
}

.lift_fare_ing .ico09::before, .lift_fare_help .ico09::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge09.png');
    background-size: 50px
}

.lift_fare_ing .ico10::before, .lift_fare_help .ico10::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge10.png');
    background-size: 50px
}

.lift_fare_ing .ico11::before, .lift_fare_help .ico11::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge11.png');
    background-size: 50px
}

.lift_fare_ing .ico12::before, .lift_fare_help .ico12::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge12.png');
    background-size: 50px
}

.lift_fare_ing .ico13::before, .lift_fare_help .ico13::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge13.png');
    background-size: 50px
}

.lift_fare_ing .ico14::before, .lift_fare_help .ico14::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge14.png');
    background-size: 50px
}

.lift_fare_ing .ico15::before, .lift_fare_help .ico15::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge15.png');
    background-size: 50px
}

.lift_fare_ing .ico16::before, .lift_fare_help .ico16::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge16.png');
    background-size: 50px
}

.lift_fare_ing .ico17::before, .lift_fare_help .ico17::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge17.png');
    background-size: 50px
}

.lift_fare_ing .ico18::before, .lift_fare_help .ico18::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge18.png');
    background-size: 50px
}

.lift_fare_ing .ico19::before, .lift_fare_help .ico19::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge19.png');
    background-size: 50px
}

.lift_fare_ing .ico20::before, .lift_fare_help .ico20::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge20.png');
    background-size: 50px
}

.lift_fare_ing .ico21::before, .lift_fare_help .ico21::before {
    background-image: url('/pconts/images/contents/benefit/icon/ico_liveCharge21.png');
    background-size: 50px
}

.lift_fare_banner {
    position: relative
}

.lift_fare_banner .banner_txt {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 35px;
    font-size: 24px;
    color: #333
}

.lift_fare_banner .banner_txt strong {
    font-weight: 900
}

.lift_fare_banner .banner_img {
    display: inline-block;
    position: absolute;
    right: 100px;
    top: 36px
}

.lift_fare_banner .banner_img img {
    height: 100%
}

.law_payment {
    padding-top: 30px;
    font-size: 13px
}

.elec_apply_list .df_list_wrap {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd
}

.elec_apply_list .df_list_wrap +.df_list_wrap {
    border-top: 0
}

.elec_apply_list .df_list_wrap .item_wrap dd {
    color: #333
}

.elec_apply_list .df_list_wrap .item_wrap dd.card em:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    content: ""
}

.elec_apply_list .df_list_wrap .item_wrap dd.card em:first-child:before {
    display: none
}

.house_payment .house_list li {
    border-top: 1px solid #eee;
    padding: 20px 0
}

.house_payment .house_list li:first-child {
    border-top: 0 none
}

.house_payment .house_list .radio_wrap {
    width: 100%
}

.house_payment .house_list .radio_wrap label {
    width: 100%
}

.house_payment .house_list .radio_wrap label span {
    width: 100%
}

.house_payment .house_list .radio_wrap label span dl {
    position: relative
}

.house_payment .house_list .radio_wrap label span dl::after {
    content: '';
    display: block;
    clear: both
}

.house_payment .house_list .radio_wrap label span dt {
    position: absolute;
    color: #999
}

.house_payment .house_list .radio_wrap label span dd {
    padding-left: 80px
}

.house_payment .house_list .radio_wrap .radio_default input[type="radio"] + span::before {
    top: 50%;
    margin-top: -13px
}

.house_payment .house_list .radio_wrap .radio_default input[type="radio"]:checked + span::after {
    top: calc(50% - 3px);
    margin-top: -4px
}

.radio_gasinfo .detail_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.radio_gasinfo .detail_info:first-child {
    margin-top: 0
}

.radio_gasinfo .detail_info dt, .radio_gasinfo .detail_info dd {
    font-size: 15px
}

.radio_gasinfo .detail_info dt {
    width: 197px
}

.radio_gasinfo .detail_info dd {
    width: calc(100% - 202px);
    color: #333
}

.radio_gasinfo .detail_info dd.card em:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    content: ""
}

.radio_gasinfo .detail_info dd.card em:first-child:before {
    display: none
}

.tel_apply_list .df_list_wrap {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd
}

.tel_apply_list .df_list_wrap +.df_list_wrap {
    border-top: 0
}

.tel_apply_list .df_list_wrap .item_wrap dd {
    color: #333
}

.tel_apply_list .df_list_wrap .item_wrap dd.card em:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    content: ""
}

.tel_apply_list .df_list_wrap .item_wrap dd.card em:first-child:before {
    display: none
}

.apt_payment .check_wrap.type_agree .check_agree.check_all.line_more span {
    padding-top: 0;
    line-height: 54px
}

.apt_payment .event_bnr.event_view {
    height: 173px
}

.apt_payment .event_bnr.event_view .event_cont .cont, .apt_payment .event_bnr.event_view .event_cont .link {
    padding: 0
}

.apt_payment .event_bnr.event_view .event_cont, .apt_payment .event_bnr.event_view .event_cont a {
    color: #111
}

.apt_payment .event_bnr.event_view .event_cont .label {
    border: 1px solid #666;
    color: #333
}

.apt_payment .event_bnr.event_view .event_cont .tit {
    font-size: 28px
}

.apt_payment .event_bnr.event_view .event_cont .txt {
    font-size: 16px
}

.apartment_list li + li {
    margin-top: 20px
}

.sch_result.apartment_result dl dt {
    font-weight: 700;
    color: #333
}

.sch_result.apartment_result dl dd {
    color: #333
}

.pop_apartment .energy_wrap {
    display: block;
    width: 100%;
    height: 206px;
    background: url(/pconts/images/contents/benefit/apartment_energy.jpg) no-repeat
}

.apt_result_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -8px 0 0 -8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.apt_result_box {
    width: calc(50% - 8px);
    margin: 8px 0 0 8px;
    padding: 20px;
    border-radius: 2px;
    background: #f3f4f8
}

.apt_result_box.single {
    width: 100%
}

.apt_result_box dl dt, .apt_result_box dl dd {
    color: #333
}

.radio_list ul.radio_wrap .detail_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 17px
}

.radio_list ul.radio_wrap .detail_info:first-child {
    margin-top: 0
}

.radio_list ul.radio_wrap .detail_info dt, .radio_list ul.radio_wrap .detail_info dd {
    font-size: 15px
}

.radio_list ul.radio_wrap .detail_info dt {
    width: 197px
}

.radio_list ul.radio_wrap .detail_info dd {
    width: calc(100% - 202px);
    color: #333
}

.radio_list ul.radio_wrap .detail_info dd.card em:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    content: ""
}

.radio_list ul.radio_wrap .detail_info dd.card em:first-child:before {
    display: none
}

.school_result_box {
    display: block;
    width: 100%;
    padding: 15px 20px;
    border-radius: 2px;
    background: #f3f4f8
}

.school_result_box dl dt, .school_result_box dl dd {
    color: #333
}

.school_result_box dl dd {
    font-weight: 700
}

.sch_result.school_result dl dt {
    color: #333
}

.sch_result.school_result dl dd {
    font-weight: 700;
    color: #333
}

.df_list dd.card em:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    content: ""
}

.df_list dd.card em:first-child:before {
    display: none
}

.tax_payment .site_group {
    display: grid;
    grid-template-columns: 50% 50%
}

.tax_payment .site_group::after {
    content: '';
    display: block;
    clear: both
}

.tax_payment .site_group .site {
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 30px
}

.tax_payment .site_group .site:nth-child(1), .tax_payment .site_group .site:nth-child(2) {
    margin-bottom: 20px
}

.tax_payment .site_group .site::after {
    content: '';
    display: block;
    clear: both
}

.tax_payment .site_group .site:nth-child(odd) {
    margin-right: 20px
}

.tax_payment .site_group .site_logo {
    box-sizing: border-box;
    float: left;
    width: 90px;
    height: 60px
}

.tax_payment .site_group .site_logo img {
    width: 100%;
    height: auto
}

.tax_payment .site_group .site_info {
    box-sizing: border-box;
    float: left;
    width: calc(100% - 100px);
    padding-left: 40px;
    word-break: break-word
}

.tax_payment .site_group .site_info .time_tip {
    font-size: 15px
}

.tax_payment .site_group .site_info .text_outlink {
    font-weight: bold
}

.tax_payment .table_wrap.acc table th, .tax_payment .table_wrap.acc table td {
    font-size: 15px
}

.tax_payment.country .link_fixed {
    position: relative
}

.tax_payment.country .link_fixed .btn_wrap {
    position: absolute;
    bottom: 10px
}

.sk_apply_list .df_list_wrap {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd
}

.sk_apply_list .df_list_wrap +.df_list_wrap {
    border-top: 0
}

.sk_apply_list .df_list_wrap .item_wrap dd {
    color: #333
}

.sk_apply_list .df_list_wrap .item_wrap dd.card em:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    content: ""
}

.sk_apply_list .df_list_wrap .item_wrap dd.card em:first-child:before {
    display: none
}

.uni_payment .payment_list {
    display: inline-block;
    position: relative;
    width: 100%;
    border-top: 2px solid #000000;
    font-size: 16px
}

.uni_payment .payment_list dl:after {
    display: block;
    content: "";
    clear: both
}

.uni_payment .payment_list dl dt {
    float: left
}

.uni_payment .payment_list dl dd {
    float: right
}

.uni_payment .payment_list .detail_payment dl {
    padding: 20px 32px 20px 30px
}

.uni_payment .payment_list .detail_payment dl:first-child {
    padding: 20px 30px 10px
}

.uni_payment .payment_list .detail_payment dl:last-child {
    padding: 10px 30px 20px
}

.uni_payment .payment_list dl label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.uni_payment .payment_list dl input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.uni_payment .payment_list dl label span {
    display: inline-block;
    position: relative
}

.uni_payment .payment_list .check_default input[type="checkbox"] {
    width: 26px;
    height: 26px
}

.uni_payment .payment_list .check_default input[type="checkbox"] + span {
    padding-left: 35px;
    color: #111;
    line-height: 26px
}

.uni_payment .payment_list .check_default input[type="checkbox"] + span:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    content: "";
    background-color: #fff
}

.uni_payment .payment_list .check_default input[type="checkbox"] + span:after {
    display: inline-block;
    position: absolute;
    content: ''
}

.uni_payment .payment_list .check_default input[type="checkbox"] + span:before {
    border-radius: 50%
}

.uni_payment .payment_list .check_default input[type="checkbox"] + span:after {
    width: 15px;
    height: 11px;
    top: 8px;
    left: 6px;
    background: url(/pconts/images/common/check_off.png) no-repeat 0 0;
    content: ""
}

.uni_payment .payment_list .all_payment {
    border-bottom: 1px solid #eee;
    font-weight: bold
}

.uni_payment .payment_list .all_payment .check_default input[type="checkbox"] + span {
    color: #333
}

.uni_payment .payment_list .all_payment.disabled dl label {
    cursor: default
}

.uni_payment .payment_list .all_payment.disabled .check_default input[type="checkbox"] {
    display: none
}

.uni_payment .payment_list .all_payment.disabled .check_default input[type="checkbox"] + span::before {
    display: none
}

.uni_payment .payment_list .all_payment.disabled .check_default input[type="checkbox"] + span::after {
    display: none
}

.uni_payment .payment_list .all_payment dl {
    padding: 20px 32px 20px 30px
}

.uni_payment .detail_payment .check_default input[type="checkbox"]:disabled + span {
    color: #111
}

.uni_payment .detail_payment .check_default input[type="checkbox"]:disabled + span:before {
    border-color: #eee;
    background: #f6f6f6
}

.uni_payment .detail_payment .check_default input[type="checkbox"]:checked:disabled + span {
    color: #111
}

.uni_payment .detail_payment .check_default input[type="checkbox"]:checked:disabled + span:after {
    background: url(/pconts/images/common/check_disabled_on.png) no-repeat 0 0
}

.uni_payment .detail_payment .check_default input[type="checkbox"]:disabled + span:after {
    background: url(/pconts/images/common/check_disabled_off.png) no-repeat 0 0
}

.uni_payment .payment_total {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 16px
}

.uni_payment .payment_total dl:after {
    display: block;
    content: "";
    clear: both
}

.uni_payment .payment_total dl dt {
    float: left
}

.uni_payment .payment_total dl dd {
    float: right
}

.uni_payment .payment_total .total {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #e2e2e2;
    padding: 16px 32px 16px 63px;
    font-weight: bold;
    color: #333
}

.uni_payment .payment_list .check_default input[type="checkbox"]:checked + span {
    color: #333
}

.uni_payment .payment_list .check_default input[type="checkbox"]:checked + span:after {
    background: url(/pconts/images/common/check_on.png) no-repeat 0 0
}

.uni_payment .df_list_wrap.tuition {
    border-bottom: 0 none;
    padding-bottom: 0
}

.uni_payment .df_list_wrap.tuition .df_list .item.con {
    float: right;
    width: auto
}

.uni_payment .df_list_wrap.tuition .df_list .item_wrap.total {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #e2e2e2;
    background: #f6f6f6;
    margin-top: 16px;
    font-weight: bold
}

.uni_payment .df_list_wrap.tuition .df_list .item_wrap.total dt {
    padding-bottom: 16px
}

.uni_payment .total_payment {
    border-radius: 10px;
    background-color: #f6f6f6;
    padding: 28px 0 28px;
    text-align: center
}

.uni_payment .total_payment .pay_item {
    margin-bottom: 10px
}

.uni_payment .total_payment .pay_item:last-child {
    margin-bottom: 0
}

.uni_payment .total_payment .pay_item .input_wrap {
    position: relative;
    display: inline-block;
    width: 360px;
    margin-left: 90px
}

.uni_payment .total_payment .pay_item .c_title {
    display: inline-block;
    min-width: 130px;
    text-align: left
}

.uni_payment .total_payment .pay_item input[type="text"], .uni_payment .total_payment .pay_item input[type="text"]::placeholder, .uni_payment .total_payment .pay_item input[type="tel"], .uni_payment .total_payment .pay_item input[type="tel"]::placeholder {
    font-weight: bold;
    color: #333
}

.uni_payment .total_payment .pay_item input[type='text'] + .unit, .uni_payment .total_payment .pay_item input[type='tel'] + .unit {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 44px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    line-height: 45px;
    text-align: left
}

.uni_payment .payment_print {
    font-size: 16px
}

body.app_shcard .app_payfan, body.app_shfan .app_payfan {
    display: block
}

.chg_point_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 94px;
    margin: 0;
    padding: 35px 0
}

.chg_point_item .chg_point_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 230px)
}

.chg_point_item .chg_point_info .title_area {
    width: calc(100% - 280px);
    padding: 0 10px 0 50px;
    font-size: 16px;
    line-height: 24px;
    color: #111
}

.chg_point_item .chg_point_info .texts_area {
    align-self: center;
    width: 280px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #111
}

.chg_point_item .chg_point_info .texts_area .info_banknm:before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 7px;
    background: #ddd;
    content: ""
}

.chg_point_item .point_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 230px
}

.chg_point_item .point_info .point {
    width: calc(100% - 77px);
    font-size: 16px;
    color: #333
}

.chg_point_item .point_info .point span span {
    font-weight: 700
}

.chg_point_item .point_info .btn_wrap {
    width: 77px
}

.chg_point_item .point_info .chg_state {
    width: 77px;
    text-align: center
}

.pay_dream .list_group .list_headnote02 .right_area {
    text-align: left
}

.apply_infoWrap {
    display: block;
    padding-bottom: 29px;
    border-bottom: 1px solid #eee
}

.apply_infoWrap .title_line {
    display: block;
    border-bottom: 1px solid #bbb;
    margin-bottom: 24px;
    padding-bottom: 24px;
    overflow: hidden
}

.apply_infoWrap .title_line .left_area {
    float: left
}

.apply_infoWrap .title_line .right_area {
    float: right;
    line-height: 36px
}

.list_type_month li + li {
    margin-top: 30px
}

.my_shpoint .card_service_list::after {
    content: '';
    display: block;
    clear: both
}

.my_shpoint .card_service_list li {
    float: left
}

.my_shpoint .card_service_list li a {
    border: 1px solid #dddddd
}

.love_point .h_wrap::after::after {
    content: '';
    display: block;
    clear: both
}

.love_point .title_guide {
    float: right;
    line-height: 36px
}

.love_point .txt_right {
    text-align: right
}

.love_point .input_wrap input[type='text'] + .unit, .love_point .input_wrap input[type='tel'] + .unit {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 44px;
    font-size: 16px;
    color: #111;
    line-height: 45px;
    text-align: left
}

.myshop .icon_list02 li + li {
    border-top: 1px solid #eee
}

.myshop .icon_list02 li .item {
    display: block;
    position: relative;
    width: 100%;
    padding: 34px 20px 14px 115px
}

.myshop .icon_list02 li .item:before {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 90px;
    height: 90px;
    content: ""
}

.myshop .icon_list02 li .item.item01:before {
    border-radius: 50%;
    background: url(/pconts/images/contents/benefit/icon/ico_myshop01.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.myshop .icon_list02 li .item.item02:before {
    border-radius: 50%;
    background: url(/pconts/images/contents/benefit/icon/ico_myshop02.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.myshop .icon_list02 li:first-child .item {
    padding: 14px 20px 34px 115px
}

.myshop .icon_list02 li:first-child .item:before {
    top: 0
}

.step_box_wrap.myshop .step_box .img {
    display: block;
    width: 100%;
    height: 156px;
    margin: auto
}

.step_box_wrap.myshop .step_box.step1 .img {
    background: url(/pconts/images/contents/benefit/myshop01.jpg) no-repeat
}

.step_box_wrap.myshop .step_box.step2 .img {
    background: url(/pconts/images/contents/benefit/myshop02.jpg) no-repeat
}

.step_box_wrap.myshop .step_box.step3 .img {
    background: url(/pconts/images/contents/benefit/myshop03.jpg) no-repeat
}

.barcode_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.barcode_wrap .item {
    width: 126px
}

.barcode_wrap .item + .item {
    margin-left: 20px
}

.barcode_wrap .item img {
    width: 100%
}

.maycar .icon_list.step > li .icon_box .icon_name {
    font-size: 13px
}

.maycar .car_financeimg {
    display: block;
    width: 679px;
    height: 219px;
    margin-top: 15px;
    background: url(/pconts/images/contents/benefit/car_finance.jpg) no-repeat
}

.maycar .car_parking01 {
    display: block;
    width: 679px;
    height: 302px;
    margin-top: 15px;
    background: url(/pconts/images/contents/benefit/parking01.jpg) no-repeat
}

.maycar .parking_contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.maycar .parking_contact .item {
    width: 329px
}

.maycar .parking_contact .item + .item {
    margin-left: 20px
}

.maycar .parking_contact .item .img {
    display: block;
    width: 329px;
    height: 242px
}

.maycar .parking_contact .item.front .img {
    background: url(/pconts/images/contents/benefit/parking02.jpg) no-repeat
}

.maycar .parking_contact .item.back .img {
    background: url(/pconts/images/contents/benefit/parking03.jpg) no-repeat
}

.maycar .parking_contact .item .txt {
    margin-top: 10px;
    text-align: center;
    color: #333
}

.icon_list.type04.icon_auto > li .item.icon01:before {
    background: url(/pconts/images/contents/benefit/icon/ico_auto01.png) #f2f4f8 no-repeat center;
    background-size: 50px
}

.icon_list.type04.icon_auto > li .item.icon02:before {
    background: url(/pconts/images/contents/benefit/icon/ico_auto02.png) #f2f4f8 no-repeat center;
    background-size: 50px
}

.icon_list.type04.icon_auto > li .item.icon03:before {
    background: url(/pconts/images/contents/benefit/icon/ico_auto03.png) #f2f4f8 no-repeat center;
    background-size: 50px
}

.icon_list.type04.icon_auto > li .item.icon04:before {
    background: url(/pconts/images/contents/benefit/icon/ico_auto04.png) #f2f4f8 no-repeat center;
    background-size: 50px
}

.icon_list.type04.icon_auto > li .item.icon05:before {
    background: url(/pconts/images/contents/benefit/icon/ico_auto05.png) #f2f4f8 no-repeat center;
    background-size: 50px
}

.icon_list.type04.icon_auto > li .item.icon06:before {
    background: url(/pconts/images/contents/benefit/icon/ico_auto06.png) #f2f4f8 no-repeat center;
    background-size: 50px
}

.finance_co_list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.finance_co_list .total {
    display: inline-block;
    position: relative;
    margin: 0 0 17px 0;
    padding: 0;
    font-size: 15px
}

.finance_co_list .total span {
    font-weight: 700;
    color: #333
}

.finance_co_list ul {
    display: block;
    position: relative;
    margin: 0;
    padding: 35px 20px;
    border-top: solid #ddd 1px;
    border-bottom: solid #ddd 1px
}

.finance_co_list ul li {
    display: inline-block;
    position: relative;
    margin: 0 6px 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 1.8
}

.finance_co_list ul li::after {
    content: ',';
    position: relative
}

.finance_co_list ul li:last-child {
    margin-right: 0
}

.finance_co_list ul li:last-child::after {
    content: ''
}

.checkbox_list.finance_pop {
    border-top: 0
}

.checkbox_list.finance_pop .check_header {
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6
}

.checkbox_list.finance_pop .check_header p {
    display: inline-block;
    line-height: 54px
}

.checkbox_list.finance_pop .check_header .chk_pick {
    width: 65px;
    text-align: center
}

.checkbox_list.finance_pop .check_header .chk_nm {
    width: calc(100% - 70px);
    text-align: center
}

.checkbox_list.finance_pop .checkbox_body {
    max-height: 179px;
    overflow: hidden;
    overflow-y: auto
}

.checkbox_list.finance_pop .check_wrap li {
    padding: 31px 0 31px 20px
}

.info_safe .parking_safe_img {
    display: block;
    width: 640px;
    height: 231px;
    background: url(/pconts/images/contents/benefit/parking_safe.jpg) no-repeat;
    text-indent: -9999px
}

.sms_premium .bg_text_box {
    position: relative
}

.sms_premium .bg_text_box .para {
    position: relative;
    font-weight: 400;
    color: #111
}

.sms_premium .bg_text_box .para + .para {
    margin-top: 5px
}

.sms_premium .bg_text_box .btn_wrap {
    position: absolute;
    bottom: 24px;
    right: 20px
}

.sms_ex_wrap {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 30px 45px;
    background: #f6f6f6
}

.sms_ex_wrap .sms_ex_box {
    width: 220px;
    height: 430px
}

.sms_ex_wrap .sms_ex_box + .sms_ex_box {
    margin-left: 113px
}

.sms_ex_wrap .sms_ex_box .img {
    width: 100%;
    height: 100%
}

.sms_ex_wrap .sms_ex_box .img.sms_ex01 {
    background: url(/pconts/images/contents/benefit/sms_ex01.png) no-repeat
}

.sms_ex_wrap .sms_ex_box .img.sms_ex02 {
    background: url(/pconts/images/contents/benefit/sms_ex02.png) no-repeat
}

.sms_ex_wrap .sms_ex_box .img.sms_ex03 {
    background: url(/pconts/images/contents/benefit/sms_ex03.png) no-repeat
}

.sms_ex_wrap .sms_ex_box .img.sms_ex04 {
    background: url(/pconts/images/contents/benefit/sms_ex04.png) no-repeat
}

.sms_ex_wrap.type_single {
    display: block
}

.sms_ex_wrap.type_single .sms_ex_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.sms_ex_wrap.type_single .img {
    width: 220px;
    height: 430px;
    margin-left: 110px
}

.sms_ex_wrap.type_single .txt {
    margin: 18px 0 0 107px
}

.sms_ex_wrap.type_single .txt .c_title {
    margin-bottom: 28px
}

.sms_ex_wrap.type_single .txt .marker_dot {
    margin-left: 9px
}

.sms_premium .icon_list02 li {
    position: relative;
    padding-bottom: 20px
}

.sms_premium .icon_list02 li + li {
    padding-top: 20px;
    border-top: 1px solid #eee
}

.sms_premium .icon_list02 li .item {
    height: 90px
}

.sms_premium .icon_list02 li .item p {
    padding-left: 114px
}

.sms_premium .icon_list02 li .item p.h_title {
    padding-top: 15px
}

.sms_premium .icon_list02 li .item:before {
    content: "";
    float: left;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.sms_premium .icon_list02 li:first-child .item:before {
    background: #f2f4f8 url(/pconts/images/icon/ico_icon62.png) no-repeat center center;
    background-size: 50px
}

.sms_premium .icon_list02 li:last-child .item:before {
    background: #f2f4f8 url(/pconts/images/icon/ico_icon63.png) no-repeat center center;
    background-size: 50px
}

.stamp_wrap {
    display: block;
    position: relative;
    padding: 30px 9px
}

.stamp_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.stamp_list li {
    flex-basis: calc(100% / 8);
    flex-grow: 0;
    padding: 10px 0
}

.stamp_list li .stamp {
    width: 58px;
    height: 58px;
    background: url(/pconts/images/contents/benefit/stamp.png) no-repeat;
    margin: 0 auto;
    text-indent: -9999px
}

.stamp_list li.on .stamp {
    background: url(/pconts/images/contents/benefit/stamp_on.png) no-repeat
}

.event_month_wrap .swiper-button-prev, .event_month_wrap .swiper-button-next {
    top: 50%;
    margin-top: -16px
}

.event_month_wrap .report_monthly.report_monthly .current_month {
    font-size: 20px
}

.event_month_wrap.card_reportlist_wrap .dashdesk {
    padding: 60px 0
}

.evt_detail .cont_wrap + .past_event {
    margin-top: 60px
}

.evt_detail .past_event + .accordion_wrap {
    margin-top: 70px
}

.evt_detail .cont_wrap + .accordion_wrap {
    margin-top: 90px
}

.past_event {
    display: block;
    width: 100%;
    height: 100px;
    padding: 30px;
    border-radius: 6px;
    background: #f2f4f8
}

.past_event p {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    text-align: center
}

.point_inquiry {
    padding: 40px 0 60px
}

.point_inquiry .h_wrap .h_title24 + span {
    margin-top: 0
}

.point_box_wrap {
    display: block;
    position: relative
}

.point_box_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -20px 0 0 -22px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.point_box_list li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 20px 0 0 22px;
    border-radius: 5px
}

.point_box_list li .point_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 25px 30px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 2px 15px 3px rgba(51,51,51, 0.15);
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.point_box_list li .point_box .point_nm {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    word-break: break-all
}

.point_box_list li .point_box .point_remian {
    margin-top: auto;
    font-size: 30px;
    color: #333;
    text-align: right
}

.point_box_list li .point_box .point_remian .point_num {
    font-weight: 700
}

.point_box_list li:only-child {
    margin: auto
}

.point_df_list .point_nm {
    font-size: 16px
}

.point_df_list .point_amount {
    font-size: 24px
}

.point_df_list .point_amount span {
    font-weight: 400
}

.point_df_list .point_amount .point_num {
    font-weight: 700
}

.disapear_point_wrap {
    display: block;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #eee
}

.disapper_point {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 0
}

.disapper_point dt {
    width: calc(100% - 326px);
    font-size: 16px;
    line-height: 36px
}

.disapper_point dd {
    margin-left: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 326px;
    font-size: 24px;
    color: #333;
    text-align: right
}

.disapper_point dd .point_num {
    font-weight: 700
}

.disapper_point dd .btn_wrap {
    margin-left: 20px
}

.df_list_col_wrap.point_mon_df_list {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #eee
}

.point_mon_df_list .df_list_col .item_wrap .point_amount {
    font-size: 18px;
    font-weight: 400
}

.point_mon_df_list .df_list_col .item_wrap .point_amount .point_num {
    font-weight: 700
}

.point_sch_detail .disapear_point_wrap + .radio_tab_wrap02 ul.swiper-wrapper {
    padding: 2px
}

.point_sch_detail .disapear_point_wrap + .btn_wrap.btn_cont.align_c + .radio_tab_wrap02 ul.swiper-wrapper {
    padding: 2px
}

.point_sch_detail .disapear_point_wrap + div + .radio_tab_wrap02 ul.swiper-wrapper {
    padding: 2px
}

.point_sch_detail .point_month + .point_month {
    margin-top: 40px
}

.list_point_group {
    position: relative
}

.list_point_group .tooltip {
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -162px;
    z-index: 5
}

.pop_disapear_point .pop_cont .table_wrap table td {
    padding: 12px 20px
}

.pop_disapear_point .pop_cont .table_wrap table td.date {
    color: #333
}

.pop_disapear_point .pop_cont .table_wrap table td.point_remain {
    text-align: right;
    color: #333
}

.point_sch_detail .text_box {
    text-align: center
}

.point_sch_detail .text_box .marker_refer {
    display: inline-block;
    margin-top: 20px
}

.accordion_wrap .reportlist_filter_wrap .filter_toggle {
    width: 67px;
    background-position: 0 50%
}

.accordion_wrap .reportlist_filter_wrap .filter_toggle::after {
    content: '';
    position: absolute;
    left: 41px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 4px solid #333;
    border-bottom: 4px solid none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0)
}

.accordion_wrap .reportlist_filter_wrap .filter_toggle.on::after {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.point_df_list_wrap + .disapear_point_wrap, .point_df_list_wrap + .btn_wrap {
    margin-top: 40px
}

.point_df_list + .marker_dot {
    margin-top: 17px
}

.disapear_point_wrap + .btn_wrap {
    margin-top: 40px
}

.disapear_point_wrap + .radio_tab_wrap02, .btn_wrap + .radio_tab_wrap02, .point_df_list_wrap + .radio_tab_wrap02 {
    margin-top: 90px
}

.point_change .df_list_wrap .df_list.type04 .item.tit {
    width: 55%
}

.point_change .df_list_wrap.single.pc .df_list.type04 .item.con {
    width: 45%
}

.df_list_wrap .df_list .item.card_info span + span:before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #ddd;
    content: ""
}

.point_chg_step01 .usable_point_box {
    width: 100%;
    padding: 20px 30px;
    background: #fff;
    border-radius: 3px
}

.point_chg_step01 .apply_info .h_title24 {
    font-weight: 400
}

.point_chg_step01 .usable_point_box + .radio_part_wrap {
    margin-top: 10px
}

.point_chg_step01 .radio_part_wrap .radio_wrap {
    display: block
}

.point_chg_step01 .radio_part_wrap .radio_wrap + .radio_wrap {
    position: relative;
    margin-top: 41px
}

.point_chg_step01 .radio_part_wrap .radio_wrap + .radio_wrap:before {
    display: block;
    position: absolute;
    top: -20px;
    width: 100%;
    height: 1px;
    background: #ddd;
    content: ""
}

.point_chg_step01 .radio_part_wrap.single .radio_wrap + .radio_wrap {
    margin-top: 0
}

.point_chg_step01 .radio_part_wrap.single .radio_wrap + .radio_wrap:before {
    display: none
}

.point_chg_step01 .radio_btn_list02::after {
    content: '';
    display: block;
    clear: both
}

.radio_wrap.type_btn .radio_btn_list02 .list_item {
    margin: -2px
}

.radio_wrap.type_btn .radio_btn_list02 .list_item.no_data {
    margin: 0
}

.radio_wrap.type_btn .radio_btn_list02 .radio_btn.big, .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big + .radio_btn.big {
    width: calc(50% - 4px);
    margin: 2px;
    float: left
}

.radio_wrap.type_btn .radio_btn_list02 .radio_btn.big input[type="radio"] + span {
    display: block;
    width: 100%;
    height: 76px;
    padding: 15px 15px;
    line-height: 1
}

.radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span > em {
    display: block
}

.radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span .name {
    font-size: 15px;
    text-align: left
}

.radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span .sub_txt {
    margin-top: 10px;
    text-align: right;
    font-size: 20px;
    font-weight: 400
}

.form_type.form_point_chg .form_ele.has_btn_right .ele_tit {
    padding-top: 44px
}

.form_type.form_point_chg .point_chg_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 35px 40px;
    background: #fff;
    border-radius: 5px
}

.form_type.form_point_chg .point_chg_box > div {
    flex: 1
}

.form_type.form_point_chg .point_chg_box > div .point_amount {
    font-size: 24px;
    color: #333
}

.form_type.form_point_chg .point_chg_box > div.right {
    position: relative;
    text-align: right
}

.form_type.form_point_chg .point_chg_box > div.right:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    box-sizing: border-box;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg)
}

.point_chg_step01 .form_type .form_ele + .apply_wrap {
    margin-top: 60px
}

.point_chg_step01 .apply_info + .form_ele {
    margin-top: 30px
}

.point_chg_step01 .expend_wrap + .btn_wrap {
    margin-top: 40px
}

.point_chg_step01 .complete_body + .form_ele {
    margin-top: 20px
}

.point_chg_step02 .chg_info_wrap + .expend_wrap, .point_chg_step02 .chg_info_wrap .chg_info + .chg_info, .point_chg_step02 .expend_wrap + .chg_target_wrap, .point_chg_step02 .expend_wrap + .point_shc_result, .point_chg_step02 .point_chg_box + .agree_wrap {
    margin-top: 60px
}

.point_chg_step02 .form_ele + .point_chg_box {
    margin-top: 30px
}

.point_chg_step02 .form_ele + .receive_point {
    margin-top: 55px
}

.point_chg_step02 .dl_chg_target {
    display: block;
    padding: 36px 0 36px 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd
}

.point_chg_step02 .dl_chg_target .df_list .item_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.point_chg_step02 .dl_chg_target .df_list .item_wrap + .item_wrap {
    margin-top: 20px
}

.point_chg_step02 .dl_chg_target .df_list .item.tit {
    width: 295px;
    padding: 0 15px 0 0
}

.point_chg_step02 .dl_chg_target .df_list .item.con {
    width: calc(100% - 295px);
    padding: 0 30px 0 0;
    color: #333
}

.point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.tit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.con .select_wrap {
    width: 400px
}

.radio_list.chg_target_list ul.radio_wrap .detail_info dt {
    width: 293px;
    color: #111
}

.radio_list.chg_target_list ul.radio_wrap .detail_info dd {
    width: calc(100% - 293px)
}

.radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dd .select_wrap {
    width: 400px
}

.receive_point .btn_wrap.btn_sch {
    padding-left: 250px
}

.point_chg_step02 .point_shc_result {
    padding: 25px 20px
}

.point_chg_step02 .point_shc_result .h_title {
    text-align: center
}

.point_chg_step02 .point_shc_result .result_marker {
    width: 330px;
    margin: 15px auto 0 auto
}

.point_chg_step02 .point_shc_result .result_marker .marker_dot > li + li {
    margin-top: 0
}

.my_shinhanpoint .icon_list.type03.card_service_list {
    padding-top: 30px
}

.my_shinhanpoint .icon_list.type03.card_service_list > li {
    width: 130px;
    height: 114px
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service01 .icon_name {
    background: url('/pconts/images/icon/ico_icon17.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service02 .icon_name {
    background: url('/pconts/images/icon/ico_icon138.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service03 .icon_name {
    background: url('/pconts/images/icon/ico_icon13.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service04 .icon_name {
    background: url('/pconts/images/icon/ico_icon16.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service05 .icon_name {
    background: url('/pconts/images/icon/ico_icon139.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service06 .icon_name {
    background: url('/pconts/images/icon/ico_icon78.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list .card_service07 .icon_name {
    background: url('/pconts/images/icon/ico_icon06.png') no-repeat
}

.my_shinhanpoint .icon_list.type03.card_service_list > li .icon_box .icon_name {
    padding: 72px 0 21px;
    background-size: 50px;
    background-position: center 14px
}

.love_point .love_point_saving {
    margin-top: 10px;
    padding: 24px 30px
}

.love_point .love_point_saving em {
    display: block;
    padding-bottom: 5px
}

.pop_point_wrap + .pop_point_wrap {
    margin-top: 35px
}

.pop_point_wrap .h_wrap .pop_point_title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.pop_point_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pop_point_list li {
    width: 159px;
    height: 172px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 12px;
    text-align: center
}

.pop_point_list li:last-child {
    margin-right: 0
}

.pop_point_list li span {
    display: block;
    padding-top: 25px;
    font-weight: 400;
    font-size: 16px
}

.pop_point_list li em {
    display: block;
    padding-top: 40px;
    font-size: 24px;
    color: #333
}

.love_point .love_point_date {
    float: right;
    padding-top: 10px;
    font-size: 15px
}

.love_point .love_upflow_list ul {
    border-top: 1px solid #bbb
}

.love_point .love_upflow_list ul li {
    border-bottom: 1px solid #eee;
    line-height: 96px
}

.love_point .love_upflow_list ul li::after {
    content: "";
    display: block;
    clear: both
}

.love_point .love_upflow_list .name {
    padding-right: 10px
}

.love_point .love_upflow_list .used_point {
    padding-left: 20px
}

.lg_point .lg_service_stop {
    border-radius: 3px;
    background: #f2f4f8;
    padding: 24px 30px;
    font-size: 15px;
    color: #333
}

.auto_point .auto_point_use_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.auto_point .auto_point_use_wrap .auto_point_use:first-child {
    margin-right: 10px
}

.auto_point .auto_point_use_wrap .auto_point_use:last-child {
    margin-left: 10px
}

.auto_point .auto_point_use_wrap .auto_point_use .step_list {
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 30px 60px;
    text-align: center
}

.auto_point .auto_point_use_wrap .auto_point_use .step_list li[class^="step"] {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    color: #333
}

.auto_point .auto_point_use_wrap .auto_point_use .step_list li.step02 {
    position: relative;
    min-width: 230px;
    font-weight: normal
}

.auto_point .auto_point_use_wrap .auto_point_use .step_list li.step02::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    display: inline-block;
    width: 90px;
    height: 18px;
    margin-left: -45px;
    background: url('/pconts/images/contents/benefit/auto_point_arrow.png') no-repeat
}

.auto_point .auto_point_use_wrap .auto_point_use .step_list .step01, .auto_point .auto_point_use_wrap .auto_point_use .step_list .step03 {
    min-width: auto
}

.auto_point .auto_point_use_wrap .auto_point_use:first-child .step_list .step01::before {
    background-image: url('/pconts/images/contents/benefit/icon/auto_point01.png')
}

.auto_point .auto_point_use_wrap .auto_point_use:first-child .step_list .step03::before {
    background-image: url('/pconts/images/contents/benefit/icon/auto_point02.png')
}

.auto_point .auto_point_use_wrap .auto_point_use:last-child .step_list .step01::before {
    background-image: url('/pconts/images/contents/benefit/icon/auto_point03.png')
}

.auto_point .auto_point_use_wrap .auto_point_use:last-child .step_list .step03::before {
    background-image: url('/pconts/images/contents/benefit/icon/auto_point02.png')
}

.auto_point .auto_point_use_wrap .auto_point_use .step_list .step01::before, .auto_point .auto_point_use_wrap .auto_point_use .step_list .step03::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat
}

.auto_point .col_width01 {
    width: 30%
}

.auto_point .col_width02 {
    width: 70%
}

.sungnam_refund_wrap {
    padding: 20px 20px 0
}

.sungnam_refund_wrap .step_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around
}

.sungnam_refund_wrap .step_list li {
    position: relative;
    min-width: 25%;
    text-align: center
}

.sungnam_refund_wrap .step_list li:nth-child(1)::before {
    background-image: url('/pconts/images/icon/ico_icon145.png')
}

.sungnam_refund_wrap .step_list li:nth-child(2)::before {
    background-image: url('/pconts/images/icon/ico_icon146.png')
}

.sungnam_refund_wrap .step_list li:nth-child(3)::before {
    background-image: url('/pconts/images/icon/ico_icon105.png')
}

.sungnam_refund_wrap .step_list li:nth-child(4)::before {
    background-image: url('/pconts/images/icon/ico_icon22.png')
}

.sungnam_refund_wrap .step_list li::before {
    content: "다음";
    overflow: hidden;
    display: inline-block;
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px
}

.sungnam_refund_wrap .step_list li::after {
    content: "";
    position: absolute;
    top: 21px;
    right: -5px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.sungnam_refund_wrap .step_list li:last-child::after {
    display: none
}

.sungnam_refund_wrap .step_list li .s_title {
    padding-bottom: 3px;
    color: #333
}

.sungnam_refund_wrap .step_list li .c_title {
    padding-bottom: 2px;
    line-height: 20px
}

.sungnam_refund_wrap .step_list li .c_title_m15 {
    font-weight: normal;
    color: #111
}

.sungnam_franshise_list {
    border-top: 1px solid #bbb;
    margin-bottom: 30px
}

.sungnam_franshise_list ul li {
    border-bottom: 1px solid #eee;
    padding: 40px 0
}

.sungnam_franshise_list ul li .name {
    font-size: 16px;
    color: #333
}

.sungnam_franshise_list ul li .type {
    padding-left: 60px;
    font-size: 16px;
    color: #111
}

.sungnam_franshise_list ul li .address {
    padding-left: 60px;
    font-size: 16px;
    color: #111
}

.sungnam_franshise_list .complete_body {
    border-bottom: 1px solid #eee;
    padding-bottom: 60px
}

.sungnam_point .sungnam_point_date {
    float: right;
    padding-top: 10px;
    font-size: 15px
}

.hisave_point .saving_card_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 70px
}

.hisave_point .saving_card_list li {
    flex-basis: calc(100% / 3);
    text-align: center
}

.hisave_point .saving_card_list li:nth-child(1), .hisave_point .saving_card_list li:nth-child(2), .hisave_point .saving_card_list li:nth-child(3) {
    padding-bottom: 60px
}

.hisave_point .saving_card_list li .img_wrap {
    width: 270px;
    height: 171px;
    margin: 0 auto
}

.hisave_point .saving_card_list li .img_wrap img {
    width: 100%;
    height: auto
}

.hisave_point .saving_card_list li .card_name {
    display: block;
    padding-top: 20px;
    color: #111
}

.hisave_point .cont_wrap .c_title {
    font-size: 20px
}

.hisave_point .cont_wrap .c_title + .marker_dot li {
    font-size: 16px
}

.hisave_point .cont_sub_wrap .c_title {
    font-size: 15px
}

.hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(1) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_1.png')
}

.hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(2) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_2.png')
}

.hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(3) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_3.png')
}

.hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(4) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_4.png')
}

.hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(5) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_5.png')
}

.hisave_point .cont_sub_wrap:nth-child(3) .company_list>li:nth-child(1) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_6.png')
}

.hisave_point .cont_sub_wrap:nth-child(3) .company_list>li:nth-child(2) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_7.png')
}

.hisave_point .cont_sub_wrap:nth-child(3) .company_list>li:nth-child(3) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_8.png')
}

.hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(1) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_9.png')
}

.hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(2) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_10.png')
}

.hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(3) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_11.png')
}

.hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(4) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_12.png')
}

.hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(5) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_13.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(1) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_14.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(2) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_15.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(3) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_16.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(4) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_17.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(5) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_18.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(6) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_19.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(7) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_20.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(8) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_21.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(9) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_22.png')
}

.hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(10) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_23.png')
}

.hisave_point .cont_sub_wrap:nth-child(6) .company_list>li:nth-child(1) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_24.png')
}

.hisave_point .cont_sub_wrap:nth-child(6) .company_list>li:nth-child(2) {
    background-image: url('/pconts/images/contents/benefit/logo/logo_25.png')
}

.hisave_point .company_list {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    border: 1px solid #ddd;
    padding: 39px 20px
}

.hisave_point .company_list li {
    overflow: hidden;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 20px;
    text-indent: -9999px
}

.hisave_point .company_list li:nth-child(6), .hisave_point .company_list li:nth-child(7), .hisave_point .company_list li:nth-child(8), .hisave_point .company_list li:nth-child(9), .hisave_point .company_list li:nth-child(10) {
    margin-top: 18px
}

.hisave_point .hisave_saving .col_width_01 {
    width: 28%
}

.hisave_point .hisave_saving .col_width_02 {
    width: 44%
}

.hisave_point .hisave_saving .col_width_03 {
    width: 28%
}

.hisave_point .hisave_saving .col_width_001 {
    width: 55%
}

.hisave_point .hisave_saving .col_width_002 {
    width: 45%
}

.hisave_point .hisave_repayment01 .col_width_01 {
    width: 56%
}

.hisave_point .hisave_repayment01 .col_width_02 {
    width: 22%
}

.hisave_point .hisave_repayment01 .col_width_03 {
    width: 22%
}

.hisave_point .hisave_interest {
    float: right;
    margin-top: 0 !important;
    padding-top: 10px;
    font-size: 15px
}

.hisave_point .hisave_interest_example>ul>li:last-child {
    padding-top: 60px
}

.hisave_point .hisave_interest_example .situation_wrap {
    display: grid;
    grid-template-columns: 50% 50%
}

.hisave_point .hisave_interest_example .situation_wrap div[class^="situation"] {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 30px 20px
}

.hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:first-child {
    margin-right: 10px
}

.hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:last-child {
    margin-left: 10px
}

.hisave_point .hisave_interest_example .step_list {
    overflow: hidden;
    width: 926px;
    height: 132px;
    margin: 35px auto 0;
    background: url('/pconts/images/contents/benefit/hisave_graph.jpg') no-repeat;
    text-indent: -9999px
}

.hisave_point .hisave_repayment02 .col_width_001 {
    width: 20%
}

.hisave_point .hisave_repayment02 .col_width_002 {
    width: 20%
}

.hisave_point .hisave_repayment02 .col_width_003 {
    width: 16%
}

.hisave_point .hisave_repayment02 .col_width_004 {
    width: 20%
}

.hisave_point .hisave_repayment02 .col_width_005 {
    width: 24%
}

.hisave_point .hisave_service_duplicated {
    border-radius: 3px;
    background: #f2f4f8;
    padding: 24px 30px;
    font-size: 15px;
    color: #333
}

.hisave_point .hisave_repayment_rate {
    float: right;
    padding-top: 10px;
    font-size: 15px
}

.hisave_point .hisave_repayment_example .col_width_01 {
    width: 32%
}

.hisave_point .hisave_repayment_example .col_width_02 {
    width: 30%
}

.hisave_point .hisave_repayment_example .col_width_03 {
    width: 19%
}

.hisave_point .hisave_repayment_example .col_width_04 {
    width: 19%
}

.hisave_point .hisave_total_payment {
    float: right;
    padding-bottom: 20px;
    font-size: 15px;
    color: #111
}

.hisave_point .hisave_total_payment em {
    color: #333
}

.hisave_point .hisave_deal_list {
    border-top: 1px solid #bbb
}

.hisave_point .hisave_deal_list ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 42px 0
}

.hisave_point .hisave_deal_list ul li .deal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse
}

.hisave_point .hisave_deal_list ul li .deal_date {
    font-size: 15px;
    color: #111
}

.hisave_point .hisave_deal_list ul li .deal_date>span {
    display: block
}

.hisave_point .hisave_deal_list ul li .deal_info {
    padding-left: 60px;
    font-weight: bold;
    font-size: 16px;
    color: #333
}

.hisave_point .hisave_deal_list ul li .deal_info em {
    display: block
}

.hisave_point .hisave_deal_list ul li .deal_payment .payment {
    font-size: 16px;
    color: #333
}

.hisave_point .hisave_deal_list ul li .deal_payment .month {
    padding-left: 60px;
    font-size: 15px;
    color: #111
}

.hisave_point .hisave_deal_list ul li .deal_payment .req_payment {
    padding-left: 60px;
    font-weight: bold;
    font-size: 15px;
    color: #111
}

.hisave_point .hisave_contract_calc {
    border: 1px solid #ddd;
    padding: 60px auto
}

.hisave_point .hisave_contract_calc .input_wrap.side_btn {
    min-height: 44px
}

.hisave_point .hisave_contract_result {
    background: #f3f4f8;
    text-align: right
}

.hisave_point .hisave_contract_result em {
    display: block;
    width: 646px;
    margin: 0 auto;
    padding: 25px 0;
    font-size: 24px;
    color: #333
}

.hisave_point .hisave_saving_calc {
    border: 1px solid #ddd;
    margin-bottom: 40px
}

.hisave_point .hisave_saving_result {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f3f4f8;
    padding: 30px 0
}

.hisave_point .hisave_saving_result .saving_result {
    width: 323px
}

.hisave_point .hisave_saving_result .saving_result:first-child {
    position: relative
}

.hisave_point .hisave_saving_result .saving_result:first-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    margin-top: -7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.hisave_point .hisave_saving_result .saving_result:last-child {
    text-align: right
}

.hisave_point .hisave_saving_result .saving_result span {
    display: block;
    font-size: 15px
}

.hisave_point .hisave_saving_result .saving_result em {
    display: block;
    font-size: 24px;
    color: #333
}

.hisave_point .hisave_saving_calc .form_type_wrap {
    border-bottom: 1px solid #eee
}

.hisave_point .hisave_saving_calc .form_type_wrap:last-child {
    border-bottom: 0 none
}

.hisave_point .hisave_saving_subtit {
    padding-left: 5px;
    font-size: 15px
}

.foreign_totalcare .accordion_wrap.accordion_check dd {
    padding: 0
}

.foreign_setting .foreign_card_list .radio_ul_bind {
    border-top: 1px solid #bbb
}

.foreign_setting .foreign_card_list .radio_ul_bind li {
    padding: 40px 0
}

.foreign_setting .card_info {
    color: #333
}

.foreign_setting .card_info span span::before {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    height: 12px;
    border-left: 1px solid #eee;
    margin-left: 10px;
    padding-left: 12px
}

.foreign_setting .card_info span span:first-child::before {
    border-left: 0 none;
    margin-left: 0;
    padding-left: 30px
}

.foreign_setting .card_info span .ico_card_logo::before {
    display: none
}

.foreign_setting .service_info {
    position: relative;
    left: 65px;
    font-size: 13px
}

.foreign_setting .service_info span::before {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    height: 12px;
    border-left: 1px solid #eee;
    margin-left: 10px;
    padding-left: 12px
}

.foreign_setting .service_info span:first-child::before {
    display: none
}

.foreign_self_fds .notice_self_fds01 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 30px;
    font-size: 16px;
    text-align: center;
    color: #333
}

.foreign_self_fds .notice_self_fds02 {
    font-size: 16px;
    text-align: center;
    color: #333
}

.foreign_self_fds .card_inquiry_list .item .check_wrap.card_head::after {
    content: "";
    position: absolute;
    top: 35px;
    right: 0;
    display: block;
    width: 20px;
    height: 25px;
    background: url(/pconts/images/contents/benefit/icon/ico_lock.gif) no-repeat 0 -41px;
    background-size: cover
}

.foreign_self_fds .card_inquiry_list .item.on .check_wrap.card_head::after {
    background-position: 0 0
}

.foreign_self_fds .card_inquiry_list .head_tit .txt02 {
    margin-left: 0
}

.foreign_self_fds .card_inquiry_list .head_tit .txt01 {
    margin-left: 50px
}

.foreign_self_fds .card_inquiry_list .head_tit .user_name::after {
    position: relative;
    top: 1px
}

.foreign_self_fds .target_card_list {
    padding-bottom: 60px
}

.foreign_self_fds .target_card_list ul {
    border-top: 1px solid #000
}

.foreign_self_fds .target_card_list ul li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 40px 0
}

.foreign_self_fds .target_card_list ul li span:nth-child(2)::before {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    height: 12px;
    border-left: 1px solid #eee;
    margin-left: 8px;
    padding-left: 10px
}

.foreign_self_fds .target_card_list ul li em {
    padding-left: 130px;
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.visual_txt.visual_ansim01 {
    padding-top: 20px;
    background: url(/pconts/images/contents/benefit/ansim_visual_bg01.gif) no-repeat right center;
    background-size: contain
}

.card_ansim_notify .notify_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card_ansim_notify .notify_list li {
    position: relative;
    width: calc(33.33% - 10px);
    padding: 33px 36px 33px 117px;
    border-radius: 3px;
    background: #f6f6f6
}

.card_ansim_notify .notify_list li:before {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 24px;
    left: 36px;
    content: ""
}

.card_ansim_notify .notify_list li.notify01:before {
    background: url(/pconts/images/contents/benefit/icon/ico_ansim01.png) no-repeat
}

.card_ansim_notify .notify_list li.notify02:before {
    background: url(/pconts/images/contents/benefit/icon/ico_ansim02.png) no-repeat
}

.card_ansim_notify .notify_list li.notify03:before {
    background: url(/pconts/images/contents/benefit/icon/ico_ansim03.png) no-repeat
}

.card_ansim_notify .notify_list li+ li {
    margin-left: 20px
}

.card_ansim_notify .notify_list li .txt {
    text-align: center
}

.card_ansim_notify .notify_list li .txt .tit {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.card_ansim_notify .notify_list li .txt .pay {
    font-size: 16px
}

.card_ansim_notify .notify_list li .badge {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    height: 20px;
    padding: 0 8px 0 4px;
    line-height: 20px;
    background: #f32259;
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

.card_ansim_notify .notify_list li .badge:before {
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 23px;
    top: 0;
    left: -4px;
    background: url(/pconts/images/contents/benefit/badge_bg.png) no-repeat;
    content: ""
}

.card_ansim_notify .radio_wrap.h_auto .radio_btn {
    min-height: 70px
}

.notify_serv_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.notify_serv_list li {
    width: calc(33.33% - 10px);
    padding: 40px 0;
    border: 1px solid #e1e1e1;
    border-radius: 4px
}

.notify_serv_list li + li {
    margin-left: 20px
}

.notify_serv_list li .ico {
    position: relative;
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 50%
}

.notify_serv_list li .ico.ico01 {
    background: #f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify01.png) no-repeat center;
    background-size: 50px
}

.notify_serv_list li .ico.ico02 {
    background: #f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify02.png) no-repeat center;
    background-size: 50px
}

.notify_serv_list li .ico.ico03 {
    background: #f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify03.png) no-repeat center;
    background-size: 50px
}

.notify_serv_list li .ico.ico04 {
    background: #f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify04.png) no-repeat center;
    background-size: 50px
}

.notify_serv_list li .ico.ico05 {
    background: #f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify05.png) no-repeat center;
    background-size: 50px
}

.notify_serv_list li .ico.ico06 {
    background: #f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify06.png) no-repeat center;
    background-size: 50px
}

.notify_serv_list li .txt_area {
    margin-top: 40px;
    text-align: center
}

.notify_serv_list li .txt_area .tit {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.notify_serv_list li .txt_area .txt {
    font-size: 16px;
    color: #111
}

.card_ansim_notify .app_explain_box {
    display: block;
    padding: 18px 20px;
    border-radius: 5px;
    background: #fff
}

.card_ansim_notify .app_explain_box dl dt {
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    font-weight: 700
}

body.mobile .qr_code_box {
    display: none
}

.card_ansim_notify .qr_code_box {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #eee
}

.card_ansim_notify .qr_code_box .qr_code {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.card_ansim_notify .qr_code_box .qr_code .img {
    width: 64px;
    height: 61px
}

.card_ansim_notify .qr_code_box .qr_code .txt {
    display: block;
    position: relative;
    margin-left: 10px;
    width: calc(100% - 64px)
}

.card_ansim_notify .qr_code_box .qr_code .txt p {
    display: block;
    position: relative;
    padding-left: 33px;
    color: #333;
    word-break: break-all
}

.card_ansim_notify .qr_code_box .qr_code .txt p::before {
    content: "!";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-align: center;
    border: solid #666 1px;
    border-radius: 50%;
    background-color: #FFF;
    box-sizing: border-box;
    text-indent: 0
}

.card_ansim_notify .df_list_wrap + .df_list_wrap {
    margin-top: 30px
}

.card_ansim_notify .form_ele.w_payfan .agreement_wrap {
    border-radius: 10px;
    background: #eee;
    padding: 8px 0
}

.card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only {
    border-bottom: 0 none
}

.card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span {
    padding-left: 58px;
    padding-right: 0
}

.card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .agree_depth01:first-child .check_wrap.check_only .check_agree input[type="checkbox"] + span {
    padding-bottom: 8px
}

.card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {
    left: 20px
}

.card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:after {
    left: 30px
}

.card_ansim_notify .form_ele.w_payfan .agree_payfan {
    padding: 16px 0 16px 58px
}

.card_ansim_notify .form_ele.w_payfan .agree_payfan .h_wrap .c_title {
    margin-bottom: 10px
}

.installment_wrap {
    display: block;
    position: relative
}

.installment_wrap + .installment_wrap {
    margin-top: 60px
}

.franchise_list_wrap>ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.franchise_list_wrap>ul>li {
    width: 230px;
    margin-top: 20px;
    margin-right: 20px
}

.franchise_list_wrap>ul>li:nth-child(1), .franchise_list_wrap>ul>li:nth-child(2), .franchise_list_wrap>ul>li:nth-child(3), .franchise_list_wrap>ul>li:nth-child(4) {
    margin-top: 0
}

.franchise_list_wrap>ul>li:nth-child(4n) {
    margin-right: 0
}

.franchise_list_wrap>ul + .btn_wrap {
    margin-top: 20px
}

.franchise_list_wrap ul li .franchise_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 22px 28px;
    box-shadow: 1px 1px 10px 0px #ddd;
    word-break: break-all
}

.franchise_list_wrap .franchise_item .franchise_info {
    width: 100%
}

.franchise_list_wrap .franchise_item .franchise_title {
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #333
}

.franchise_list_wrap .franchise_item .franchise_address {
    display: block;
    padding-bottom: 21px;
    font-size: 15px;
    color: #111
}

.franchise_list_wrap .franchise_item .franchise_detail {
    font-size: 15px;
    color: #333
}

.franchise_list_wrap .franchise_item .franchise_detail li {
    padding-top: 3px
}

.franchise_list_wrap .franchise_item .franchise_detail li:first-child {
    padding-top: 0
}

.franchise_list_wrap .franchise_item .franchise_detail li:nth-child(4) {
    padding-top: 0
}

.franchise_list_keyword {
    background: #f2f4f8;
    margin-bottom: 60px;
    padding: 24px 0;
    text-align: center
}

.franchise_list_keyword em {
    font-weight: bold
}

.franchise_list_wrap .franchise_point_info {
    padding-bottom: 17px;
    text-align: right
}

.franchise_list_wrap .franchise_point_info .point.plus {
    padding-left: 20px
}

.franchise_list_wrap .point::before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/pconts/images/contents/benefit/icon/ico_point.gif) no-repeat;
    margin-right: 8px
}

.franchise_list_wrap .point.plus::before {
    background-position: 0 -50px
}

.find_franchise .gutter10 .col.col4:nth-child(1), .find_franchise .gutter10 .col.col4:nth-child(2) {
    width: 50%
}

.find_franchise .gutter10 .col.col4:nth-child(3) {
    width: 100%
}

body.pc .allthat .cont_app {
    display: none
}

.allthat_serv_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -23px 0 0 -21px
}

.allthat_serv_list .item {
    position: relative;
    width: calc(50% - 21px);
    margin: 23px 0 0 21px;
    padding: 25px 30px 25px 160px;
    border: 1px solid #ddd;
    border-radius: 7px
}

.allthat_serv_list .item .ico {
    display: block;
    position: absolute;
    width: 90px;
    top: 30px;
    left: 30px;
    height: 90px;
    border-radius: 50%
}

.allthat_serv_list .item .ico.ico01 {
    background: url(/pconts/images/contents/benefit/icon/ico_allthat01.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.allthat_serv_list .item .ico.ico02 {
    background: url(/pconts/images/contents/benefit/icon/ico_allthat02.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.allthat_serv_list .item .ico.ico03 {
    background: url(/pconts/images/contents/benefit/icon/ico_allthat03.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.allthat_serv_list .item .ico.ico04 {
    background: url(/pconts/images/contents/benefit/icon/ico_allthat04.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.allthat_serv_list .item .ico.ico05 {
    background: url(/pconts/images/contents/benefit/icon/ico_allthat05.png) #f2f4f8 center no-repeat;
    background-size: 50px
}

.allthat_serv_list .item .txt_area .tit {
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.allthat_serv_list .item .txt_area .txt {
    margin-top: 10px;
    font-weight: 700;
    color: #333
}

.allthat_serv_list .item .txt_area .txt .tel_link {
    font-weight: 400
}

.allthat_serv_list .item .txt_area .txt + .txt {
    margin-top: 5px
}

.landing_header_wrap {
    display: block;
    width: 100%;
    height: 200px;
    padding: 35px 20px;
    background-color: #cef2ff;
    color: #111
}

.landing_header_wrap .landing_header {
    position: relative;
    width: 980px;
    height: 100%;
    margin: 0 auto
}

.landing_header_wrap .landing_header span {
    display: block;
    font-size: 24px
}

.landing_header_wrap .landing_header em {
    display: block;
    font-size: 38px
}

.landing_header_wrap .landing_header img {
    position: absolute;
    top: 43px;
    right: 20px;
    display: block;
    width: 122px;
    height: auto
}

.landing_contents {
    width: 980px;
    margin: 0 auto;
    padding: 30px 20px 40px 20px
}

.landing_contents .para01 {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 700px;
    color: #333
}

.landing_contents .fds_box {
    display: block;
    padding: 20px 21px;
    border-radius: 5px;
    background: #f6f6f6
}

.landing_contents .fds_box .para02 {
    margin-bottom: 20px
}

.landing_contents .fds_box .marker_refer {
    margin-bottom: 25px
}

.landing_footer {
    display: block;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #eee;
    text-align: center
}

.landing_footer .link_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 196px;
    margin: 0 auto 20px auto
}

.landing_footer .link_list li {
    position: relative
}

.landing_footer .link_list li + li {
    margin-left: 20px
}

.landing_footer .link_list li + li:before {
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -5px;
    width: 1px;
    height: 11px;
    background: #ddd;
    content: ""
}

.landing_footer .link_list li a {
    font-size: 13px;
    font-weight: 700
}

.landing_footer .txt_copyright {
    margin-bottom: 20px;
    font-size: 11px
}

.landing_footer .last_logo {
    width: 80px;
    margin: auto
}

.landing_footer .last_logo img {
    width: 100%
}

.latest_history .ly_inner.w400 {
    width: 400px
}

.latest_history .card_cancel_wrap {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 20px 10px
}

.latest_history .card_cancel_wrap .card_cancel li {
    padding-bottom: 9px
}

.latest_history .card_cancel_wrap .card_cancel li:last-child {
    padding-bottom: 0
}

.latest_history .card_cancel_wrap .card_cancel li span {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    color: #333
}

.latest_history .fds_detail_box {
    display: block;
    padding: 20px 0;
    border-radius: 5px;
    background: #f6f6f6;
    text-align: center
}

.latest_history .fds_detail_box .para01 {
    margin-bottom: 25px
}

.latest_history .fds_detail_box .para02 {
    margin-bottom: 10px;
    font-weight: 700;
    color: #333
}

.latest_history .fds_detail_box .text_link_group li {
    margin: 0 10px
}

.areamin_tit {
    padding-left: 83px
}

.areamin_tit:before {
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 0;
    width: 79px;
    height: 46px;
    background: url(/pconts/images/contents/benefit/logo_areamin.png) no-repeat;
    content: ""
}

body.pc .areamin .areamin_bnr {
    display: none
}

.areamin_bnr {
    display: block;
    position: relative
}

.areamin_bnr .swiper-container .swiper-wrapper .item a img {
    width: 100%
}

.areamin_bnr .swiper-container, .areamin_bnr .swiper-wrapper, .areamin_bnr .swiper-slide {
    height: 100%
}

.areamin_bnr .swiper-button-prev, .areamin_bnr .swiper-button-next {
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    overflow: hidden;
    background-image: none
}

.areamin_bnr .swiper-button-prev::before, .areamin_bnr .swiper-button-next::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 3px;
    width: 15px;
    height: 15px;
    border-width: 1px 1px 0 0;
    border-color: #fff;
    border-style: solid
}

.areamin_bnr .swiper-button-prev {
    left: -50px
}

.areamin_bnr .swiper-button-prev::before {
    left: 8px;
    transform: rotate(-135deg);
    left: 11px
}

.areamin_bnr .swiper-button-next {
    right: -50px
}

.areamin_bnr .swiper-button-next::before {
    transform: rotate(45deg)
}

.areamin_bnr .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none
}

.areamin_bnr .swiper-controls {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.areamin_bnr .swiper-pagination-fraction {
    position: relative;
    width: 28px;
    bottom: 0;
    left: 0;
    font-size: 13px;
    color: #333;
    letter-spacing: -1px
}

.areamin_bnr .swiper-pagination-fraction span {
    display: inline-block;
    padding-top: 1px;
    line-height: 19px
}

.areamin_bnr .swiper-button-pause {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.areamin_bnr .swiper-button-pause::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 0 2px;
    border-color: #333;
    border-style: solid
}

.areamin_bnr .swiper-button-play {
    position: relative;
    display: none;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.areamin_bnr .swiper-button-play::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #333;
    border-style: solid
}

.areamin_bnr .swiper-controls {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    padding: 0 20px
}

.areamin_bnr .swiper-controls.is_played .swiper-button-play {
    display: none
}

.areamin_bnr .swiper-controls.is_played .swiper-button-pause {
    display: block
}

.areamin_bnr .swiper-controls.is_stoped .swiper-button-play {
    display: block
}

.areamin_bnr .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.areamin_bnr .swiper-pagination-fraction {
    margin: 0 5px 0 0
}

.pop_donate .logo_donate {
    width: 200px;
    margin: auto
}

.pop_donate .logo_donate img {
    width: 100%
}

.pop_donate .donate_txt {
    margin-top: 40px
}

.bar_graph_wrap.type02 {
    display: block;
    position: relative
}

.bar_graph_wrap.type02 .head_area {
    display: block;
    margin-bottom: 10px;
    text-align: right
}

.bar_graph_wrap.type02 .head_area .current_info {
    display: inline-block;
    width: 130px
}

.bar_graph_wrap.type02 .head_area .current_info dt {
    display: inline
}

.bar_graph_wrap.type02 .head_area .current_info dd {
    display: inline;
    color: #333
}

.bar_graph_wrap.type02 .head_area .current_info dd span {
    font-size: 20px;
    font-weight: 700
}

.bar_graph_wrap.type02 .foot_area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.bar_graph_wrap.type02 .foot_area dl {
    display: inline-block;
    width: 50%
}

.bar_graph_wrap.type02 .foot_area dl.goal_info {
    text-align: right
}

.bar_graph_wrap.type02 .foot_area dl dt {
    display: inline
}

.bar_graph_wrap.type02 .foot_area dl dd {
    display: inline
}

.bar_graph_wrap.type02 .foot_area dl dd span {
    color: #333;
    font-weight: 700
}

.bar_graph_wrap.type02 .bar_graph .bar {
    height: 10px;
    border-radius: 5px;
    background: #ddd
}

.bar_graph_wrap.type02 .bar_graph .bar > span {
    border-radius: 5px;
    background: #4868e1;
    transition: all 0.8s ease
}

.areamin .donate_detail {
    text-align: center
}

.areamin .donate_detail .screen_out {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    color: transparent !important
}

.hd_finance_insurance .cont_wrap .accordion_wrap .accordion_body {
    padding: 15px 20px
}

.hd_finance_insurance .cont_wrap .accordion_wrap .accordion_body .txt_indent {
    text-indent: 50px
}

.hd_finance_insurance .hd_finance_insurance_notice {
    border-radius: 5px;
    background-color: #f6f6f6;
    padding: 25px;
    color: #333
}

.hd_finance_insurance .hd_finance_insurance_detail p {
    padding-top: 2px;
    padding-left: 35px;
    font-size: 13px
}

.hd_finance_insurance .hd_finance_insurance_detail .btn_check_pop.btn_txt {
    top: 27px;
    right: 0;
    height: auto
}

.hd_finance_insurance .hd_finance_insurance_detail .check_wrap.type_acc {
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
    padding-bottom: 20px
}

.hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"] + span {
    font-weight: bold;
    color: #333
}

.hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"] + span:before {
    background: #f6f6f6
}

.hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"] + span:after {
    background: url(/pconts/images/common/check_disabled_on.png) no-repeat 0 1px
}

.hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"]:checked + span:before {
    border-color: #4868e1;
    background: #4868e1
}

.hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"]:checked + span:after {
    background: url(/pconts/images/common/check_off.png) no-repeat 0 1px
}

.hd_finance_insurance .tab_pull::before {
    content: "";
    position: absolute;
    left: -100%;
    right: -100%;
    display: block;
    height: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.hd_finance_insurance .tab_type01.swiper_tab.gap60_40 {
    position: relative
}

.hd_finance_insurance .bg_gray.expend_wrap.pdb60_40 {
    position: static
}

.hd_finance_insurance .hd_finance_insurance_detail.check_wrap.type_agree.all {
    margin-bottom: 0
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_header .h_wrap {
    padding-top: 30px
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_header .check_wrap.type_acc {
    border-bottom: 0 none;
    padding-bottom: 13px
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check, .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check.on {
    top: 60px;
    right: 0
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check {
    background: url(/pconts/images/common/slide_dl_arr02.png) left no-repeat
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check.on {
    background: url(/pconts/images/common/slide_dl_arr02.png) right no-repeat
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_body {
    border: 0 none;
    background: #f6f6f6;
    padding: 0
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_body .btn_check_pop.btn_txt {
    top: 4px
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc .check_type3 {
    padding: 4px 0
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before {
    left: 3px
}

.hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc .check_type3 input[type="checkbox"] + span {
    padding: 0px 52px 0px 36px
}

.hd_finance_insurance .hd_finance_insurance_detail.check_wrap.type_agree.all + .accordion_wrap + .cont_wrap > .h_wrap {
    padding-top: 30px
}

.hd_finance_insurance .installment_list .dl_wrap {
    padding: 0
}

.hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(1), .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(3), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(2), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(4) {
    border-top: 1px solid #ddd;
    padding-top: 30px
}

.hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(5), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(6) {
    padding-top: 10px;
    padding-bottom: 30px
}

.hd_finance_insurance .waterfall_step > li .h_title {
    margin-bottom: 0
}

.pop_hd_finance_insurance .pop_btn.btn_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pop_hd_finance_insurance .pop_btn.btn_wrap .btn.default {
    min-width: 160px
}

.agree_group {
    padding-bottom: 30px
}

.charge_list_wrap .list_cardType {
    justify-content: flex-start;
    margin: 0
}

.charge_list_wrap .list_cardType li {
    flex-basis: 320px;
    flex-grow: 0;
    height: 220px;
    padding: 0;
    margin-bottom: 10px
}

.charge_list_wrap .list_cardType li:nth-child(3n-2) {
    margin-right: 10px
}

.charge_list_wrap .list_cardType li:nth-child(3n-1) {
    margin-right: 10px
}

.charge_list_wrap .list_cardType li .item {
    position: relative;
    border: 1px solid #ddd
}

.charge_list_wrap .list_cardType li .item .tit {
    font-size: 18px;
    color: #333
}

.charge_list_wrap .list_cardType li .item .tit strong {
    display: block
}

.charge_list_wrap .list_cardType li .item .tit a {
    display: block
}

.charge_list_wrap .list_cardType li .item .tit a::after {
    border-color: #000
}

.charge_list_wrap .list_cardType li .item .state {
    position: absolute;
    bottom: 25px;
    left: 30px;
    right: 30px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 15px
}

.charge_list_wrap .list_cardType li .item .state.using {
    color: #4868e1
}

.charge_list_wrap .list_cardType li .item .state span {
    display: block;
    line-height: 28px
}

.charge_list_wrap .list_cardType li .item .state .btn_sm:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    margin-bottom: 1px;
    border: 1px solid #bbb;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(135deg)
}

.charge_list_wrap .list_cardType li .item .state .btn_sm.line_blue:after {
    border-color: #4868e1
}

.charge_list_wrap .list_cardType li .item::after {
    display: none
}

.areamin .list_group .list03 .donate_item .detail_sec .donate_detail dt {
    text-align: left
}

.newsletter .thumb_list {
    display: block;
    width: 100%
}

.newsletter .thumb_list .list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    margin: 0px -30px
}

.newsletter .thumb_list .list li {
    flex-basis: 25%;
    width: auto;
    padding: 0
}

.newsletter .thumb_list .list li .thumbnail {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
    width: 195px;
    height: 286px;
    margin: 0 auto
}

.newsletter .thumb_list .list li .thumbnail img {
    width: auto;
    height: 100%
}

.newsletter .thumb_list .list li .tit {
    padding-top: 30px;
    padding-bottom: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #111;
    text-align: center;
    line-height: 0.9
}

@media only screen and (max-width: 1100px) {
    .newsletter .thumb_list .list {
        justify-content:flex-start;
        margin: 0
    }

    .newsletter .thumb_list .list li {
        flex-basis: 50%;
        ; padding-top: 20px
    }
}

@media only screen and (min-width: 801px) and (max-width:1100px) {
    .newsletter .thumb_list .list li .thumbnail {
        width:185px;
        height: 272px
    }
}

@media only screen and (min-width: 501px) and (max-width:800px) {
    .newsletter .thumb_list .list li .thumbnail {
        width:179px;
        height: 263px
    }
}

@media only screen and (min-width: 361px) and (max-width:500px) {
    .newsletter .thumb_list .list li .thumbnail {
        width:154px;
        height: 226px
    }
}

@media only screen and (max-width: 360px) {
    .newsletter .thumb_list .list li .thumbnail {
        width:142px;
        height: 207px
    }
}

@media only screen and (max-width: 1100px) {
    .basic_pay .btn_wrap.btn_cont.btn_group {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .basic_pay .btn_cont.btn_group .btn.default {
        min-width: 160px
    }

    .basic_pay .tab_wrap .tab_cont .tab_card {
        padding: 20px 0 30px
    }

    .step_box_wrap {
        display: block;
        margin: 0
    }

    .step_box_wrap .step_box {
        width: 100%;
        padding: 20px;
        margin: 0
    }

    .step_box_wrap .step_box + .step_box {
        margin-top: 20px
    }

    .step_box_wrap.col3 .step_box {
        width: 100%;
        padding: 20px
    }

    .basic_pay .text_link_group {
        width: 260px
    }

    .step_box_wrap.basic_pay01_step .step_box .img {
        width: 200px;
        height: 202px;
        margin: auto
    }

    .step_box_wrap.basic_pay01_step .step_box.step1 .img {
        width: 197px;
        background: url(/pconts/images/contents/benefit/pay/img_basic_pay01_m.jpg) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.basic_pay01_step .step_box.step2 .img {
        width: 198px;
        background: url(/pconts/images/contents/benefit/pay/img_basic_pay02_m.jpg) no-repeat;
        background-size: 100%
    }

    .basic_pay .table_card .has_card_info {
        padding: 20px 0;
        flex-direction: column-reverse
    }

    .basic_pay .table_card .has_card_info .date_cel {
        width: 100%;
        margin-top: 10px
    }

    .basic_pay .table_card .has_card_info .card_cel {
        width: 100%
    }

    .radio_wrap.radio_ul .radio_default input[type="radio"] + span {
        padding: 20px 20px 20px 44px
    }

    .radio_card span em {
        display: block
    }

    .radio_card span em + em:before {
        display: none
    }

    .radio_card span em.card_nm {
        margin-top: 10px;
        color: #000033
    }

    .step_box_wrap.fan_pay01_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay01_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay01_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay01_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay01_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay01_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay01_step3_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay01_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay01_step4_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay02_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay02_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay02_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay02_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay02_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay03_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay03_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay03_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay03_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay03_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay04_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay04_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay04_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay04_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay04_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay04_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay04_step3_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay04_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay04_step4_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay05_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step3_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step4_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step5_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step6 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step6_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step7 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step7_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay05_step .step_box.step8 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay05_step8_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay06_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay06_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay06_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay06_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay06_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay06_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay06_step3_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay06_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay06_step4_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay06_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay06_step5_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay07_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.fan_pay07_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay07_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay07_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay07_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay07_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay07_step3_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay07_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay07_step4_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.fan_pay07_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/fanpay07_step5_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.ars_pay01_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.ars_pay01_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/ars_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.ars_pay01_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/ars_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.ars_pay01_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/ars_step3_m.png) no-repeat;
        background-size: 100%
    }

    .lift_fare_ing li {
        width: 100%
    }

    .lift_fare_help li {
        width: 50%
    }

    .lift_fare_ing li .btn_wrap button + button {
        margin-left: 5px
    }

    .lift_fare_nodata {
        padding-bottom: 30px
    }

    .lift_fare_ing .flexbox_dl dt {
        width: 112px
    }

    .step_box_wrap.password_pay01_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.password_pay02_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.password_pay03_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.password_pay04_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.password_pay04_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step3_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step4_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step5_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step6 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step6_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step7 .img {
        background: url(/pconts/images/contents/benefit/pay/pw04_step7_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay04_step .step_box.step_refer .img {
        width: 280px;
        background: url(/pconts/images/contents/benefit/pay/pw04_step_refer_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay05_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .step_box_wrap.password_pay05_step .step_box.step_refer1 .img {
        background: url(/pconts/images/contents/benefit/pay/pw05_refer1_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.password_pay05_step .step_box.step_refer2 .img {
        background: url(/pconts/images/contents/benefit/pay/pw05_refer2_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.masterpass_pay01_step .step_box .img {
        width: 280px;
        height: 202px
    }

    .masterpass_pay01_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step1_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay01_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step2_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay01_step .step_box.step3_1 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_1_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay01_step .step_box.step3_2 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_2_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay01_step .step_box.step3_3 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_3_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay01_step .step_box.step3_4 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step3_4_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay01_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step4_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay01_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass01_step5_m.png) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.masterpass_pay02_step .step_box .img {
        width: 280px;
        height: 202px
    }

    .masterpass_pay02_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step1_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay02_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step2_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay02_step .step_box.step3_1 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_1_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay02_step .step_box.step3_2 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_2_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay02_step .step_box.step3_3 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_3_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .masterpass_pay02_step .step_box.step3_4 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step3_4_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay02_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step4_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay02_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass02_step5_m.png) no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .step_box_wrap.masterpass_pay03_step .step_box .img {
        width: 197px;
        height: 202px
    }

    .masterpass_pay03_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass03_step1_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay03_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass03_step2_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay03_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass03_step3_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay03_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass03_step4_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_pay03_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/masterpass03_step5_m.png) no-repeat;
        background-size: 100%
    }

    .masterpass_ex01 .img {
        width: 100%;
        height: 149px;
        background: url(/pconts/images/contents/benefit/masterpass_ex01_m.jpg) no-repeat;
        background-size: 100%
    }

    .masterpass_ex02 {
        display: block;
        padding: 20px
    }

    .masterpass_ex02 .example_box {
        margin: 0
    }

    .masterpass_ex02 .example_box + .example_box {
        margin-top: 30px
    }

    .masterpass_ex02 .example_box .img {
        width: 100%;
        height: 170px;
        margin-bottom: 15px
    }

    .masterpass_ex02 .example_box .img.step1 {
        background: url(/pconts/images/contents/benefit/masterpass_ex02_m.jpg) no-repeat;
        background-size: 100%
    }

    .masterpass_ex02 .example_box .img.step2 {
        background: url(/pconts/images/contents/benefit/masterpass_ex03_m.jpg) no-repeat;
        background-size: 100%
    }

    .masterpass_ex02 .example_box .img.step3 {
        background: url(/pconts/images/contents/benefit/masterpass_ex04_m.jpg) no-repeat;
        background-size: 100%
    }

    .smart_pay div[class^="step_box_wrap smart_pay0"] .step_box .img {
        width: 280px
    }

    .smart_pay div[class^="step_box_wrap smart_pay01"] .step_box .img {
        height: 166px
    }

    .smart_pay div[class^="step_box_wrap smart_pay02"] .step_box .img {
        height: 287px
    }

    .smart_pay .smart_pay01_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay01_step1_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay01_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay01_step2_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay01_step .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay01_step3_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay01_step .step_box.step4 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay01_step4_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay01_step .step_box.step5 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay01_step5_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay02_step .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay02_step1_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay02_step .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay02_step2_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay02_step .step_box.refer1 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay02_refer1_m.png) no-repeat;
        background-size: 100%
    }

    .smart_pay .smart_pay02_step .step_box.refer2 .img {
        background: url(/pconts/images/contents/benefit/pay/smartpay02_refer2_m.png) no-repeat;
        background-size: 100%
    }

    .radio_gasinfo .detail_info dt {
        width: 124px
    }

    .radio_gasinfo .detail_info dd {
        width: calc(100% - 129px);
        color: #333
    }

    .apt_payment .event_bnr.event_view {
        height: 140px
    }

    .apt_payment .event_bnr.event_view .event_cont .cont, .apt_payment .event_bnr.event_view .event_cont .link {
        padding: 0 20px
    }

    .apt_payment .event_bnr.event_view .event_cont .tit {
        padding-top: 8px;
        font-size: 18px
    }

    .apt_payment .event_bnr.event_view .event_cont .txt {
        font-size: 15px
    }

    .apt_payment .event_bnr.event_view .event_cont .label {
        margin-top: 9px;
        font-size: 10px
    }

    .apt_payment .event_bnr.event_view .event_cont .img {
        width: 116px;
        height: 116px
    }

    .pop_apartment .energy_wrap {
        display: block;
        width: 100%;
        height: 120px;
        background: url(/pconts/images/contents/benefit/apartment_energy_m.jpg) no-repeat;
        background-size: 100%
    }

    .radio_list ul.radio_wrap .detail_info dt {
        width: 124px
    }

    .radio_list ul.radio_wrap .detail_info dd {
        width: calc(100% - 129px);
        color: #333
    }

    .apt_result_box {
        width: 100%;
        margin: 0 0 10px 8px
    }

    .tax_payment .site_group {
        display: block
    }

    .tax_payment .site_group .site {
        width: 100%;
        padding: 20px
    }

    .tax_payment .site_group .site:nth-child(3), .tax_payment .site_group .site:nth-child(4) {
        margin-bottom: 20px
    }

    .tax_payment .site_group .site:nth-child(odd) {
        margin-right: 0
    }

    .tax_payment .site_group .site_logo {
        width: 90px;
        height: 60px
    }

    .tax_payment .site_group .site_info {
        padding-left: 20px
    }

    .tax_payment.local .table_wrap.in_bdr table, .tax_payment.local .table_wrap.in_bdr tbody {
        display: block
    }

    .tax_payment.local .table_wrap.in_bdr tr {
        display: grid;
        grid-template-columns: 50% 50%
    }

    .tax_payment.local .table_wrap.in_bdr th {
        box-sizing: border-box;
        border-right-width: 0;
        vertical-align: middle
    }

    .tax_payment.local .table_wrap.in_bdr th.row2 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tax_payment.local .table_wrap.in_bdr td {
        box-sizing: border-box
    }

    .uni_payment .df_list_wrap.tuition .df_list .item_wrap.total dt {
        padding-top: 16px
    }

    .uni_payment .df_list_wrap.tuition .df_list .item_wrap.total dd {
        padding-top: 16px
    }

    .uni_payment .total_payment {
        padding: 30px 20px
    }

    .uni_payment .total_payment .pay_item {
        display: block;
        margin-bottom: 18px;
        text-align: left
    }

    .uni_payment .total_payment .pay_item .c_title {
        margin-bottom: 11px
    }

    .uni_payment .total_payment .pay_item .input_wrap {
        width: 100%;
        margin-left: 0
    }

    .uni_payment .df_list_wrap .df_list .item.tit {
        width: 45%
    }

    .uni_payment .df_list_wrap .df_list .item.con {
        width: 55%
    }

    .uni_payment .payment_print {
        display: none
    }

    body.app_shcard .app_payfan, body.app_shfan .app_payfan {
        display: none
    }

    .chg_point_item {
        height: 100px;
        padding: 20px 0
    }

    .chg_point_item .chg_point_info {
        width: calc(100% - 86px);
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .chg_point_item .chg_point_info .title_area {
        width: 100%;
        padding: 0
    }

    .chg_point_item .chg_point_info .texts_area {
        align-self: left;
        width: 100%
    }

    .chg_point_item .chg_point_info .texts_area .info {
        font-size: 13px
    }

    .chg_point_item .chg_point_info .texts_area .info_banknm:before {
        margin: 0 5px 0 4px
    }

    .chg_point_item .point_info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 86px;
        padding: 0 0 0 0;
        text-align: right;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .chg_point_item .point_info .point {
        width: 100%;
        font-size: 16px;
        color: #333
    }

    .chg_point_item .point_info .btn_wrap {
        width: 100%
    }

    .chg_point_item .point_info .btn_wrap .btn_sm {
        min-width: 70px
    }

    .chg_point_item .point_info .chg_state {
        width: 100%;
        font-size: 13px;
        text-align: right
    }

    .point_chg_step01 .form_type .form_ele + .apply_wrap {
        margin-top: 40px
    }

    .point_chg_step01 .apply_info + .form_ele {
        margin-top: 30px
    }

    .point_chg_step01 .expend_wrap + .btn_wrap {
        margin-top: 40px
    }

    .radio_wrap.type_btn .radio_btn_list02 {
        width: 100%
    }

    .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span .sub_txt {
        font-size: 18px
    }

    .point_chg_step02 .chg_info_wrap + .expend_wrap, .point_chg_step02 .chg_info_wrap .chg_info + .chg_info, .point_chg_step02 .form_ele + .point_chg_box, .point_chg_step02 .expend_wrap + .chg_target_wrap, .point_chg_step02 .expend_wrap + .point_shc_result, .point_chg_step02 .point_chg_box + .agree_wrap {
        margin-top: 40px
    }

    .point_chg_step02 .form_ele + .receive_point {
        margin-top: 35px
    }

    .form_type.form_point_chg .form_ele.has_btn_right .ele_tit {
        padding-top: 0
    }

    .form_type.form_point_chg .point_chg_box {
        padding: 20px
    }

    .form_type.form_point_chg .point_chg_box > div .point_amount {
        font-size: 18px
    }

    .form_type.form_point_chg .point_chg_box > div.right:before {
        width: 8px;
        height: 8px;
        left: -4px;
        margin-top: -4px
    }

    .point_chg_step02 .dl_chg_target {
        padding: 20px 0
    }

    .point_chg_step02 .dl_chg_target .df_list .item.tit {
        width: 30%
    }

    .point_chg_step02 .dl_chg_target .df_list .item.con {
        width: 70%
    }

    .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.tit {
        width: 100%
    }

    .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.con {
        width: 100%;
        margin-top: 10px;
        padding-right: 0
    }

    .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.con .select_wrap {
        width: 100%
    }

    .receive_point .btn_wrap.btn_sch {
        padding-left: 0
    }

    .point_chg_step02 .point_shc_result {
        padding: 20px 30px
    }

    .point_chg_step02 .point_shc_result .result_marker {
        width: 100%;
        margin: 15px 0 0 0
    }

    .radio_list.chg_target_list ul.radio_wrap .detail_info dt {
        width: 40%
    }

    .radio_list.chg_target_list ul.radio_wrap .detail_info dd {
        width: 60%
    }

    .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel {
        display: block
    }

    .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dt {
        width: 100%
    }

    .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dd {
        width: 100%;
        margin-top: 5px
    }

    .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dd .select_wrap {
        width: 100%
    }

    .apply_infoWrap .title_line .left_area {
        float: inherit
    }

    .apply_infoWrap .title_line .right_area {
        float: inherit;
        line-height: 1.3
    }

    .icon_list02 li .item {
        padding: 26px 30px 0 91px
    }

    .icon_list02 li .item:before {
        top: 20px;
        left: 0;
        width: 70px;
        height: 70px
    }

    .icon_list02 li:first-child .item {
        padding: 6px 30px 20px 91px
    }

    .icon_list02 li:first-child .item:before {
        top: 0
    }

    .myshop .icon_list02 li .item {
        padding: 20px 20px 20px 115px
    }

    .myshop .icon_list02 li:first-child .item {
        padding: 20px 20px 20px 115px
    }

    .myshop .icon_list02 li:first-child .item:before {
        top: 20px
    }

    .step_box_wrap.myshop .step_box .img {
        display: block;
        width: 100%;
        height: 202px;
        margin: auto
    }

    .step_box_wrap.myshop .step_box.step1 .img {
        background: url(/pconts/images/contents/benefit/myshop01_m.jpg) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.myshop .step_box.step2 .img {
        background: url(/pconts/images/contents/benefit/myshop02_m.jpg) no-repeat;
        background-size: 100%
    }

    .step_box_wrap.myshop .step_box.step3 .img {
        background: url(/pconts/images/contents/benefit/myshop03_m.jpg) no-repeat;
        background-size: 100%
    }

    .barcode_wrap {
        padding-right: 20px
    }

    .barcode_wrap .item {
        width: 33.33%
    }

    .barcode_wrap .item + .item {
        margin-left: 13px
    }

    .maycar .car_financeimg {
        width: 100%;
        height: 96px;
        background: url(/pconts/images/contents/benefit/car_finance_m.jpg) no-repeat;
        background-size: 100%
    }

    .maycar .car_parking01 {
        width: 100%;
        height: 134px;
        background: url(/pconts/images/contents/benefit/parking01_m.jpg) no-repeat;
        background-size: 100%
    }

    .maycar .parking_contact .item {
        width: 50%
    }

    .maycar .parking_contact .item + .item {
        margin-left: 9px
    }

    .maycar .parking_contact .item .img {
        width: 100%;
        height: 107px
    }

    .maycar .parking_contact .item.front .img {
        background: url(/pconts/images/contents/benefit/parking02_m.jpg) no-repeat;
        background-size: 100%
    }

    .maycar .parking_contact .item.back .img {
        background: url(/pconts/images/contents/benefit/parking03_m.jpg) no-repeat;
        background-size: 100%
    }

    .icon_list.type04.icon_auto > li .item.icon01:before {
        background-size: 40px
    }

    .icon_list.type04.icon_auto > li .item.icon02:before {
        background-size: 40px
    }

    .icon_list.type04.icon_auto > li .item.icon03:before {
        background-size: 40px
    }

    .icon_list.type04.icon_auto > li .item.icon04:before {
        background-size: 40px
    }

    .icon_list.type04.icon_auto > li .item.icon05:before {
        background-size: 40px
    }

    .icon_list.type04.icon_auto > li .item.icon06:before {
        background-size: 40px
    }

    .info_safe .parking_safe_img {
        display: block;
        width: 100%;
        height: 124px;
        background: url(/pconts/images/contents/benefit/parking_safe_m.jpg) no-repeat;
        text-indent: -9999px;
        background-size: 100%
    }

    .sms_ex_wrap {
        display: block;
        padding: 40px 20px
    }

    .sms_ex_wrap .sms_ex_box + .sms_ex_box {
        margin: 40px auto 0 auto
    }

    .sms_ex_wrap .sms_ex_box {
        width: 145px;
        height: 282px;
        margin: auto
    }

    .sms_ex_wrap.type_single .sms_ex_box {
        display: block
    }

    .sms_ex_wrap.type_single .img {
        width: 145px;
        height: 282px;
        margin: auto
    }

    .sms_ex_wrap.type_single .txt {
        margin: 20px 0 0 0
    }

    .sms_ex_wrap.type_single .txt .c_title {
        margin-bottom: 16px
    }

    .sms_ex_wrap.type_single .txt .marker_dot {
        margin-left: 0px
    }

    .sms_ex_wrap .sms_ex_box .img.sms_ex01 {
        background: url(/pconts/images/contents/benefit/sms_ex01_m.png) no-repeat;
        background-size: 100%
    }

    .sms_ex_wrap .sms_ex_box .img.sms_ex02 {
        background: url(/pconts/images/contents/benefit/sms_ex02_m.png) no-repeat;
        background-size: 100%
    }

    .sms_ex_wrap .sms_ex_box .img.sms_ex03 {
        background: url(/pconts/images/contents/benefit/sms_ex03_m.png) no-repeat;
        background-size: 100%
    }

    .sms_ex_wrap .sms_ex_box .img.sms_ex04 {
        background: url(/pconts/images/contents/benefit/sms_ex04_m.png) no-repeat;
        background-size: 100%
    }

    .sms_premium .btn_wrap.btn_cont.btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .sms_premium .bg_text_box .btn_wrap {
        position: static;
        padding-top: 15px;
        text-align: right
    }

    /* .sms_premium.contents .icon_list02 li:first-child .item:before {background-size:100%} .sms_premium .icon_list02 li:last-child .item:before {background-size:100%} */
    .sms_premium .icon_list02 li {
        padding-bottom: 22px
    }

    .sms_premium .icon_list02 li + li {
        padding-top: 22px
    }

    .sms_premium .icon_list02 li .item {
        height: 70px;
        padding: 0
    }

    .sms_premium .icon_list02 li .item p {
        padding-left: 90px
    }

    .sms_premium .icon_list02 li .item p.h_title {
        padding-top: 0px
    }

    .sms_premium .icon_list02 li .item:before {
        width: 70px;
        height: 70px;
        background-size: 40px !important
    }

    #stampPop .pop_cont {
        height: 100%;
        background: #f6f6f6
    }

    .stamp_wrap {
        padding: 20px 10px
    }

    .stamp_wrap .stamp_list li .stamp {
        width: 43px;
        height: 43px;
        background-size: contain
    }

    .stamp_wrap .stamp_list li {
        flex-basis: calc(100% / 5)
    }

    .event_month_wrap .swiper-button-prev, .event_month_wrap .swiper-button-next {
        height: 18px;
        margin-top: -9px;
        font-size: 16px;
        background-size: 10px 18px;
        line-height: 18px
    }

    .event_month_wrap .swiper-button-prev {
        padding-left: 14px
    }

    .event_month_wrap .swiper-button-next {
        padding-right: 14px
    }

    .evt_detail .cont_wrap + .past_event {
        margin-top: 40px
    }

    .evt_detail .past_event + .accordion_wrap {
        margin-top: 40px
    }

    .evt_detail .cont_wrap + .accordion_wrap {
        margin-top: 40px
    }

    .past_event {
        height: 57px;
        padding: 15px
    }

    .past_event p {
        font-size: 18px
    }

    .landing_header_wrap {
        padding: 25px 20px
    }

    .landing_header_wrap .landing_header {
        width: auto
    }

    .landing_header_wrap .landing_header span {
        padding-bottom: 5px;
        font-size: 18px
    }

    .landing_header_wrap .landing_header em {
        line-height: 30px;
        font-size: 24px
    }

    .landing_header_wrap .landing_header img {
        top: auto;
        bottom: 10px;
        right: 0
    }

    .landing_contents {
        width: auto
    }

    .latest_history .ly_inner.w400 {
        width: 100%
    }

    .latest_history .card_cancel_wrap .card_cancel li span {
        line-height: 20px
    }

    .latest_history .fds_detail_box .para01 {
        margin-bottom: 20px
    }

    .latest_history .btn.default {
        min-width: 200px;
        width: 200px
    }

    .point_box_list li {
        width: 100%
    }

    .point_box_list li .point_box {
        padding: 15px 20px
    }

    .point_box_list li .point_box .point_nm {
        margin-bottom: 19px;
        font-size: 16px
    }

    .point_box_list li .point_box .point_remian {
        font-size: 21px
    }

    .point_box_list li:only-child {
        width: 100%
    }

    .point_sch .btn_wrap.btn_cont.btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .point_sch .btn_cont.btn_group .btn.default {
        min-width: 160px
    }

    .point_df_list .point_nm {
        font-size: 15px
    }

    .point_df_list .point_amount {
        font-size: 16px
    }

    .disapper_point {
        padding: 20px 0
    }

    .disapper_point dt {
        width: 50%;
        font-size: 15px;
        line-height: inherit
    }

    .disapper_point dd {
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        font-size: 16px
    }

    .disapper_point dd .btn_wrap {
        margin-top: 5px;
        margin-left: 0
    }

    .list_point_group .tooltip {
        margin-left: -140px
    }

    .point_filter_pop .input_wrap.date_type {
        width: 100%
    }

    .pop_disapear_point .pop_cont .table_wrap table td {
        padding: 12px 7px
    }

    .point_sch_detail .text_box {
        text-align: left
    }

    .point_df_list_wrap + .disapear_point_wrap, .point_df_list_wrap + .btn_wrap {
        margin-top: 30px
    }

    .disapear_point_wrap + .btn_wrap {
        margin-top: 30px
    }

    .point_df_list + .marker_dot {
        margin-top: 10px
    }

    .disapear_point_wrap + .radio_tab_wrap02, .btn_wrap + .radio_tab_wrap02, .point_df_list_wrap + .radio_tab_wrap02 {
        margin-top: 40px
    }

    .my_shinhanpoint .btn_wrap.btn_cont.btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .my_shinhanpoint .btn_cont.btn_group .btn.default {
        min-width: 160px
    }

    .my_shinhanpoint .icon_list.type03.card_service_list {
        padding-top: 20px
    }

    .my_shinhanpoint .icon_list.type03.card_service_list > li {
        width: 104px;
        height: 95px;
        margin-right: 2px;
        margin-top: 2px
    }

    .my_shinhanpoint .icon_list.type03.card_service_list > li .icon_box .icon_name {
        padding: 64px 0 11px
    }

    .love_point .love_point_saving {
        margin-top: 20px;
        padding: 20px 15px
    }

    .pop_point_list li {
        width: 103px;
        height: 114px;
        border-radius: 5px;
        margin-right: 5px
    }

    .pop_point_list li span {
        padding-top: 15px;
        font-size: 15px
    }

    .pop_point_list li em {
        padding-top: 10px;
        font-size: 18px
    }

    .love_point .love_point_date {
        padding-top: 2px
    }

    .love_point .love_upflow_list ul li {
        line-height: 61px
    }

    .love_point .love_upflow_list .name {
        padding-right: 5px
    }

    .love_point .love_upflow_list .used_point {
        padding-left: 10px
    }

    .lg_point .lg_service_stop {
        padding: 20px 15px
    }

    .auto_point .auto_point_use_wrap {
        display: block
    }

    .auto_point .auto_point_use_wrap .auto_point_use:first-child {
        margin-bottom: 30px;
        margin-right: 0
    }

    .auto_point .auto_point_use_wrap .auto_point_use:last-child {
        margin-left: 0
    }

    .auto_point .auto_point_use_wrap .auto_point_use .step_list {
        padding: 30px 0
    }

    .auto_point .auto_point_use_wrap .auto_point_use .step_list li.step02 {
        min-width: auto;
        padding: 0 30px
    }

    .auto_point .col_width01 {
        width: 55%
    }

    .auto_point .col_width02 {
        width: 45%
    }

    .sungnam_refund_wrap {
        padding: 0
    }

    .sungnam_refund_wrap .step_list {
        display: block
    }

    .sungnam_refund_wrap .step_list li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 42px;
        text-align: left
    }

    .sungnam_refund_wrap .step_list li::after {
        top: calc(100% - 32px);
        left: 15px;
        right: auto;
        width: 19px;
        height: 19px;
        border-width: 2px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg)
    }

    .sungnam_refund_wrap .step_list li .step_info {
        padding-left: 30px
    }

    .sungnam_refund_wrap .step_list li:last-child {
        padding-bottom: 0
    }

    .sungnam_franshise_list ul li {
        padding: 23px 0
    }

    .sungnam_franshise_list ul li .name {
        display: block;
        padding-bottom: 1px
    }

    .sungnam_franshise_list ul li .type {
        display: block;
        padding-bottom: 9px;
        padding-left: 0;
        font-size: 13px;
        color: #111
    }

    .sungnam_franshise_list ul li .address {
        display: block;
        padding-left: 0;
        font-size: 13px;
        color: #111
    }

    .sungnam_point .sungnam_point_date {
        padding-top: 2px
    }

    .hisave_point .company_list {
        grid-template-columns: 33.33% 33.33% 33.33%;
        padding: 20px 3px
    }

    .hisave_point .company_list li {
        height: 50px;
        margin: 0 17px
    }

    .hisave_point .company_list li:nth-child(6), .hisave_point .company_list li:nth-child(7), .hisave_point .company_list li:nth-child(8), .hisave_point .company_list li:nth-child(9), .hisave_point .company_list li:nth-child(10) {
        margin-top: 0
    }

    .hisave_point .cont_wrap .c_title {
        font-size: 1.6rem
    }

    .hisave_point .cont_wrap .c_title + .marker_dot li {
        font-size: 1.5rem
    }

    .hisave_point .cont_sub_wrap .c_title {
        font-size: 1.3rem
    }

    .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(1), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(2), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(3), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(4), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(5), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(6), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(7), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(8), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(9) {
        margin-bottom: 5px
    }

    .hisave_point .saving_card_list {
        padding-bottom: 40px
    }

    .hisave_point .saving_card_list li {
        width: 50%;
        padding-bottom: 30px
    }

    .hisave_point .saving_card_list {
        padding-bottom: 40px
    }

    .hisave_point .saving_card_list li {
        flex-basis: 50%
    }

    .hisave_point .saving_card_list li:nth-child(1), .hisave_point .saving_card_list li:nth-child(2), .hisave_point .saving_card_list li:nth-child(3), .hisave_point .saving_card_list li:nth-child(4) {
        padding-bottom: 25px
    }

    .hisave_point .saving_card_list li .img_wrap {
        width: 70%;
        height: auto
    }

    .hisave_point .saving_card_list li .img_wrap img {
        width: 100%;
        height: auto
    }

    .hisave_point .saving_card_list li .card_name {
        padding-top: 13px
    }

    .hisave_point .hisave_saving .col_width_01 {
        width: 26%
    }

    .hisave_point .hisave_saving .col_width_02 {
        width: 48%
    }

    .hisave_point .hisave_saving .col_width_03 {
        width: 26%
    }

    .hisave_point .hisave_saving .col_width_001 {
        width: 70%
    }

    .hisave_point .hisave_saving .col_width_002 {
        width: 30%
    }

    .hisave_point .hisave_repayment01.table_wrap table th, .hisave_point .hisave_repayment01.table_wrap table td {
        padding: 15px 12px
    }

    .hisave_point .hisave_repayment01 .col_width_01 {
        width: 56%
    }

    .hisave_point .hisave_repayment01 .col_width_02 {
        width: 20%
    }

    .hisave_point .hisave_repayment01 .col_width_03 {
        width: 20%
    }

    .hisave_point .hisave_repayment02 {
        overflow-x: auto
    }

    .hisave_point .hisave_repayment02 table {
        min-width: 450px;
        width: 100%
    }

    .hisave_point .hisave_repayment02 table th, .hisave_point .hisave_repayment02 table td {
        border-right: 0 none
    }

    .hisave_point .hisave_interest {
        float: none;
        margin-top: -4px !important;
        padding-top: 0;
        padding-bottom: 16px
    }

    .hisave_point .hisave_interest_example>ul>li:last-child {
        padding-top: 40px
    }

    .hisave_point .hisave_interest_example .situation_wrap {
        display: block
    }

    .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:first-child {
        margin-bottom: 15px;
        margin-right: 0
    }

    .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:last-child {
        margin-left: 0
    }

    .hisave_point .hisave_interest_example .step_list {
        width: 100%;
        margin: 20px auto 0;
        background-image: url(/pconts/images/contents/benefit/hisave_graph_m.jpg);
        background-size: contain;
        background-position: center
    }

    .hisave_point .hisave_service_duplicated {
        padding: 20px 15px
    }

    .hisave_point .hisave_repayment_rate {
        padding-top: 4px;
        font-size: 14px
    }

    .hisave_point .hisave_repayment_example {
        overflow-x: auto
    }

    .hisave_point .hisave_repayment_example table {
        min-width: 450px;
        width: 100%
    }

    .hisave_point .hisave_repayment_example table th, .hisave_point .hisave_repayment_example table td {
        border-right: 0 none;
        padding: 15px 11px
    }

    .hisave_point .hisave_repayment_example .col_width_01 {
        width: 32%
    }

    .hisave_point .hisave_repayment_example .col_width_02 {
        width: 30%
    }

    .hisave_point .hisave_repayment_example .col_width_03 {
        width: 19%
    }

    .hisave_point .hisave_repayment_example .col_width_04 {
        width: 19%
    }

    .hisave_point .hisave_total_payment {
        padding-bottom: 15px
    }

    .hisave_point .hisave_deal_list ul li {
        align-items: baseline;
        padding: 13px 0
    }

    .hisave_point .hisave_deal_list ul li .deal {
        display: block
    }

    .hisave_point .hisave_deal_list ul li .deal_info {
        padding-bottom: 20px;
        padding-left: 0
    }

    .hisave_point .hisave_deal_list ul li .deal_date {
        font-size: 13px
    }

    .hisave_point .hisave_deal_list ul li .deal_payment {
        text-align: right
    }

    .hisave_point .hisave_deal_list ul li .deal_payment .payment {
        display: block;
        padding-bottom: 5px
    }

    .hisave_point .hisave_deal_list ul li .deal_payment .month {
        display: block;
        padding-bottom: 15px;
        padding-left: 0
    }

    .hisave_point .hisave_deal_list ul li .deal_payment .req_payment {
        display: block;
        padding-left: 0;
        font-size: 13px
    }

    .hisave_point .hisave_contract_calc .form_type {
        padding: 20px
    }

    .hisave_point .hisave_contract_calc .form_type .form_ele {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-evenly;
        padding-left: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hisave_point .hisave_contract_calc .form_type .form_ele .ele_tit {
        position: static;
        display: inline-block;
        width: auto;
        min-width: 110px;
        padding-top: 0;
        padding-bottom: 0
    }

    .hisave_point .hisave_contract_calc .form_type .form_ele::after {
        width: 0
    }

    .hisave_point .hisave_contract_result em {
        width: auto;
        padding: 20px;
        font-size: 18px
    }

    .hisave_point .hisave_saving_result {
        padding: 20px
    }

    .hisave_point .hisave_saving_calc {
        margin-bottom: 30px
    }

    .hisave_point .hisave_saving_calc .form_type {
        padding: 20px
    }

    .hisave_point .hisave_saving_calc .form_type .form_ele {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-evenly;
        padding-left: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hisave_point .hisave_saving_calc .form_type .form_ele .ele_tit {
        position: static;
        display: inline-block;
        width: auto;
        min-width: 110px;
        padding-top: 0;
        padding-bottom: 0
    }

    .hisave_point .hisave_saving_calc .form_type .form_ele::after {
        width: 0
    }

    .hisave_point .hisave_saving_calc .form_type_wrap:nth-child(2) .h_wrap {
        padding-bottom: 20px
    }

    .hisave_point .hisave_saving_calc .form_type_wrap:last-child .h_wrap {
        padding-bottom: 20px
    }

    .hisave_point .hisave_saving_calc .hisave_saving_subtit {
        position: absolute;
        top: 0;
        left: 110px
    }

    .hisave_point .hisave_saving_result .saving_result span {
        font-size: 15px
    }

    .hisave_point .hisave_saving_result .saving_result em {
        font-size: 18px
    }

    .smore_point .cont_wrap.gap60_40 + .btn_wrap.btn_group.btn_cont.align_c.gap90_40 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .guarantee_apply_step.icon_list.step > li .icon_box {
        padding: 10px 0 10px 100px
    }

    .guarantee_apply_step.icon_list.step.col06 > li {
        margin-bottom: 53px
    }

    .guarantee_apply_step.icon_list.step.col06 > li:not(.flow):nth-child(3)::after {
        display: block
    }

    .foreign_setting .foreign_card_list .radio_ul_bind li {
        padding: 23px 0
    }

    .foreign_setting .card_info span span:first-child::before {
        padding-left: 17px
    }

    .foreign_setting .card_info span .card_num {
        display: block;
        padding-bottom: 10px
    }

    .foreign_setting .card_info span .card_num::before {
        border-left: 0 none;
        margin-left: 0;
        padding-left: 17px
    }

    .foreign_setting .card_info span .ico_card_logo {
        position: absolute;
        top: 3px;
        right: 0
    }

    .foreign_setting .service_info {
        left: 52px
    }

    .foreign_setting .service_info span {
        display: block
    }

    .foreign_setting .service_info span::before {
        display: none
    }

    .foreign_setting .btn_wrap.btn_cont.btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .foreign_setting .btn_cont.btn_group .btn.default {
        min-width: 160px
    }

    .foreign_self_fds .notice_self_fds01 {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 15px
    }

    .foreign_self_fds .notice_self_fds02 {
        font-size: 15px
    }

    .foreign_self_fds .btn_wrap.btn_cont.btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .foreign_self_fds .btn_cont.btn_group .btn.default {
        min-width: 160px
    }

    .foreign_self_fds .card_inquiry_list.accordion_wrap.type02 .accordion_header button.acc_btn.cell {
        width: 50px !important
    }

    .foreign_self_fds .card_inquiry_list.accordion_wrap.type02 .accordion_header .cell1 {
        padding-right: 53px
    }

    .foreign_self_fds .card_inquiry_list .accordion_header .cell1 {
        padding-right: 60px
    }

    .foreign_self_fds .card_inquiry_list .head_tit .txt01 {
        margin-left: 0
    }

    .foreign_self_fds .card_inquiry_list .head_tit .user_name::after {
        margin: 0 7px 0 8px
    }

    .foreign_self_fds .card_inquiry_list .item .check_wrap.card_head::after {
        width: 16px;
        height: 20px;
        top: 30px;
        background-position: 0 -33px
    }

    .foreign_self_fds .target_card_list {
        padding-bottom: 40px
    }

    .foreign_self_fds .target_card_list ul li {
        padding: 25px 0
    }

    .foreign_self_fds .target_card_list ul li em {
        display: block;
        padding-top: 8px;
        padding-left: 0
    }

    .visual_txt.visual_ansim01 {
        padding-top: 0;
        background: none
    }

    .visual_txt.visual_ansim01 .sub_txt {
        padding-top: 3%;
        padding-bottom: 3%;
        padding-right: 50%;
        background: url(/pconts/images/contents/benefit/ansim_visual_bg01.gif) no-repeat right center;
        background-size: contain
    }

    .card_ansim_notify .notify_list li {
        width: calc(33.33% - 5px);
        padding: 70px 0 20px 0
    }

    .card_ansim_notify .notify_list li:before {
        width: 40px;
        height: 40px;
        top: 20px;
        left: 50%;
        margin-left: -20px
    }

    .card_ansim_notify .notify_list li+ li {
        margin-left: 7px
    }

    .card_ansim_notify .notify_list li.notify01:before {
        background: url(/pconts/images/contents/benefit/icon/ico_ansim01_m.png) no-repeat;
        background-size: 100%
    }

    .card_ansim_notify .notify_list li.notify02:before {
        background: url(/pconts/images/contents/benefit/icon/ico_ansim02_m.png) no-repeat;
        background-size: 100%
    }

    .card_ansim_notify .notify_list li.notify03:before {
        background: url(/pconts/images/contents/benefit/icon/ico_ansim03_m.png) no-repeat;
        background-size: 100%
    }

    .card_ansim_notify .notify_list li .txt .tit {
        font-size: 16px
    }

    .card_ansim_notify .notify_list li .txt .pay {
        font-size: 15px
    }

    .notify_serv_list {
        display: block
    }

    .notify_serv_list li {
        width: 100%;
        padding: 30px 0
    }

    .notify_serv_list li + li {
        margin: 15px 0 0 0
    }

    .notify_serv_list li .txt_area {
        margin-top: 20px
    }

    .notify_serv_list li .txt_area .tit {
        font-size: 18px
    }

    .notify_serv_list li .txt_area .txt {
        font-size: 15px
    }

    .payfan_bridge .bridge_tit {
        display: block;
        padding: 53px 0;
        text-align: center
    }

    .payfan_bridge .bridge_tit .h_title {
        font-size: 20px
    }

    .payfan_bridge .bridge_tit .sub_title {
        margin-top: 10px;
        font-size: 16px
    }

    .payfan_bridge .complete_body {
        padding-top: 96px;
        background-position: 50% 0
    }

    .franchise_list_wrap>ul {
        margin-bottom: 30px
    }

    .franchise_list_wrap>ul>li {
        width: calc(50% - 10px);
        margin-right: 20px
    }

    .franchise_list_wrap>ul>li:nth-child(2n) {
        margin-right: 0
    }

    .franchise_list_wrap>ul>li:nth-child(3) {
        margin-top: 20px
    }

    .franchise_list_wrap>ul>li:nth-child(4) {
        margin-top: 20px
    }

    .franchise_list_wrap ul li .franchise_item {
        padding: 15px 13px
    }

    .franchise_list_wrap .franchise_item .franchise_title {
        font-size: 16px
    }

    .franchise_list_wrap .franchise_item .franchise_address {
        padding-bottom: 20px;
        font-size: 13px
    }

    .franchise_list_wrap .franchise_item .franchise_detail {
        font-size: 13px
    }

    .franchise_list_wrap .franchise_item .franchise_detail li {
        letter-spacing: -0.5px
    }

    .franchise_list_keyword {
        margin-bottom: 40px
    }

    .franchise_list_wrap .franchise_point_info {
        padding-bottom: 12px
    }

    body.pc .allthat .cont_app {
        display: block
    }

    .app_box_wrap .app_box {
        display: block;
        width: 100%;
        padding: 27px 21px;
        border-radius: 11px;
        background: #f6f6f6
    }

    .app_box_wrap .app_box + .app_box {
        margin-top: 15px
    }

    .app_box_wrap .app_box .tit {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 700;
        color: #333
    }

    .app_box_wrap .app_box .txt {
        margin-top: 15px;
        font-size: 15px;
        color: #111
    }

    .app_box_wrap .app_box .txt span {
        color: #333
    }

    .allthat_serv_list {
        display: block;
        margin: 0
    }

    .allthat_serv_list .item {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 15px 20px 15px 110px
    }

    .allthat_serv_list .item + .item {
        margin-top: 15px
    }

    .allthat_serv_list .item .ico {
        top: 20px;
        left: 20px;
        width: 70px;
        height: 70px
    }

    .allthat_serv_list .item .txt_area .tit {
        font-size: 16px
    }

    .areamin_tit {
        padding-left: 59px
    }

    .areamin_tit:before {
        width: 56px;
        height: 33px;
        top: -7px;
        background: url(/pconts/images/contents/benefit/logo_areamin_m.png) no-repeat;
        background-size: 100%
    }

    .areamin .donate_detail img {
        width: 100%
    }

    .cont_app {
        display: none
    }

    .areamin .list_group .list03 .donate_item .detail_sec {
        display: block
    }

    .areamin .list_group .list03 .donate_item .detail_sec .donate_detail {
        width: 100%;
        margin-left: 0
    }

    .atramin .list_group .list03 .donate_item {
        height: auto
    }

    .hd_finance_insurance .accordion_wrap .accordion_body .txt_indent {
        text-indent: 0
    }

    .hd_finance_insurance .hd_finance_insurance_detail .btn_check_pop.btn_txt {
        top: 70px;
        right: 0;
        height: auto
    }

    .hd_finance_insurance .hd_finance_insurance_detail .check_wrap.type_acc {
        border-bottom: 0 none;
        padding-bottom: 50px
    }

    .hd_finance_insurance .hd_finance_insurance_detail .check_wrap.type_acc::after {
        position: absolute;
        bottom: 0;
        left: -20px;
        width: 200%;
        border-bottom: 1px solid #ddd
    }

    .hd_finance_insurance .hd_finance_insurance_detail .radio_wrap.radio_pop label {
        width: 49%
    }

    .hd_finance_insurance .hd_finance_insurance_detail .radio_wrap.radio_pop .radio_default + .radio_default {
        margin-top: 0
    }

    .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .h_wrap {
        padding-top: 25px
    }

    .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .check_wrap.type_acc::after {
        display: none
    }

    .hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc {
        padding-bottom: 30px
    }

    .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check, .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check.on {
        height: 24px
    }

    .hd_finance_insurance .hd_finance_insurance_detail.check_wrap.type_agree.all + .accordion_wrap + .cont_wrap > .h_wrap {
        padding-top: 25px
    }

    .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(1), .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(3), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(2), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(4) {
        border-top: 0 none
    }

    .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(5), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(6) {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px
    }

    .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(1), .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(3), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(2), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(4) {
        padding-top: 10px
    }

    .hd_finance_insurance .btn_wrap.btn_cont.btn_group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .hd_finance_insurance .btn_cont.btn_group .btn.default {
        min-width: 160px
    }

    .charge_list_wrap .list_cardType {
        padding: 0 0 40px
    }

    .charge_list_wrap .list_cardType li {
        flex-basis: 100%
    }

    .charge_list_wrap .list_cardType li:nth-child(3n-2), .charge_list_wrap .list_cardType li:nth-child(3n-1) {
        margin-right: 0
    }
}

@media only screen and (min-width: 800px) and (max-width:1009px) {
    .hisave_point .company_list li {
        height:40px
    }
}

@media only screen and (min-width: 600px) and (max-width:799px) {
    .hisave_point .company_list li {
        height:35px
    }
}

@media only screen and (max-width: 599px) {
    .hisave_point .company_list li {
        height:29px
    }
}

@media only screen and (min-width: 450px) and ( max-width:598px) {
    .visual_txt.visual_ansim01 .sub_txt {
        background-size:180px
    }
}

@media only screen and (min-width: 360px) and (max-width:449px) {
    .visual_txt.visual_ansim01 .sub_txt {
        background-size:160px
    }
}

@media only screen and (max-width: 360px) {
    .visual_txt.visual_ansim01 .sub_txt {
        background-size:160px
    }
}

@media print {
    .uni_payment #header, .uni_payment .contents_heading.h_wrap, .uni_payment .con.accordion_wrap.btm_line, .uni_payment .btn_print_down + div > .btn_wrap, .uni_payment .content_print {
        display: none
    }

    .uni_payment .complete_body {
        background: none;
        padding-top: 90px
    }

    .uni_payment .df_list_wrap .df_list .item.con {
        width: 50%
    }

    .contents {
        padding-bottom: 0
    }
}

.evt_detail .ir_wa {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: -10;
    width: 100%;
    height: 100%
}

.evt_detail .screen_out {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    color: transparent !important
}

.evt_detail .f_l {
    float: left
}

.evt_detail .f_r {
    float: right
}

.evt_detail .txt_al {
    text-align: left !important
}

.evt_detail .txt_ac {
    text-align: center !important
}

.evt_detail .txt_ar {
    text-align: right !important
}

.evt_detail .va_t {
    vertical-align: top !important
}

.evt_detail .va_m {
    vertical-align: middle !important
}

.evt_detail .va_b {
    vertical-align: bottom !important
}

.evt_detail .fw_b {
    font-weight: bold !important
}

.evt_detail .fw_n {
    font-weight: normal !important
}

.evt_detail .txt_underline {
    text-decoration: underline
}

.evt_detail .cl_b {
    clear: both
}

.evt_detail .clear::after {
    content: '';
    display: table;
    clear: both
}

.evt_detail .wsn {
    white-space: nowrap
}

.evt_detail .show {
    display: block !important
}

.evt_detail .hide {
    display: none !important
}

.evt_detail hr.line {
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0 none;
    background-color: transparent
}

.evt_detail .w_50 {
    width: 50%
}

.evt_detail .w_60 {
    width: 60%
}

.evt_detail .w_70 {
    width: 70%
}

.evt_detail .top0 {
    top: 0 !important
}

.list_view .list_view_body.evt_detail {
    padding: 0;
    font-size: 18px
}

.evt_detail .box_con.pd_top0 {
    margin-top: 0
}

.evt_detail .event_img {
    margin: 0 -27px 25px -27px
}

.evt_detail .event_img img {
    width: 100%;
    height: auto
}

.evt_detail .even_content .even_tit01:nth-child(1) {
    display: block;
    padding: 0 0 10px;
    font-size: 17px;
    font-weight: 900;
    color: #191919
}

.evt_detail .even_content .even_tit01 {
    padding-bottom: 5px;
    font-weight: 800
}

.evt_detail .even_content .even_tit01.mtit {
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #e6e6e6;
    padding: 11px 0;
    text-align: center;
    color: #191919;
    margin-bottom: 10px
}

.evt_detail .even_content .even_tit01.mtit em {
    display: block;
    color: #0f9ec6
}

.evt_detail .even_content .eve_txt01 {
    padding-bottom: 20px;
    font-size: 16px
}

.evt_detail .even_content .eve_txt01 dt {
    margin: 0 0 3px;
    font-weight: 600
}

.evt_detail .even_content .eve_txt01 div>img {
    width: 100%
}

.evt_detail .even_content .eve_txt01 .imgArea img {
    width: 100%
}

.evt_detail .even_content .eve_txt_typ01 {
    padding-top: 6px
}

.evt_detail .even_content .eve_txt_typ01 li {
    padding: 0 0 6px 17px;
    text-indent: -17px;
    color: #6f6f6f;
    line-height: 22px;
    font-size: 13px
}

.evt_detail .even_content .eve_txt_typ02 {
    padding-top: 6px
}

.evt_detail .even_content .eve_txt_typ02 li {
    padding-left: 13px;
    text-indent: -13px;
    box-sizing: border-box
}

.evt_detail .even_content .eve_txt_typ03 {
    padding-top: 5px;
    padding-bottom: 10px;
    text-indent: 0
}

.evt_detail .even_content .eve_txt_typ03>li {
    position: relative;
    padding: 0 0 7px 9px;
    line-height: 22px;
    color: #6f6f6f
}

.evt_detail .even_content .eve_txt_typ03>li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0 ;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #6f6f6f
}

.evt_detail .even_content .eve_txt_typ04 {
    padding-top: 6px
}

.evt_detail .even_content .eve_txt_typ04>li {
    padding: 0 0 5px 17px;
    font-size: 13px;
    text-indent: -17px;
    box-sizing: border-box;
    color: #6f6f6f
}

.evt_detail .even_content .eve_txt_typ05 {
    padding-top: 6px
}

.evt_detail .even_content .eve_txt_typ05>li {
    padding: 0 0 5px 22px;
    font-size: 13px;
    text-indent: -22px;
    box-sizing: border-box;
    color: #191919
}

.evt_detail .even_content .eve_txts01 {
    padding-bottom: 10px
}

.evt_detail .even_content .eve_box_wrap {
    background: #f7f7f7
}

.evt_detail .even_content .tbl_even01 {
    width: 100%;
    margin-top: 13px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bababa;
    border-top: solid 1px #bababa
}

.evt_detail .even_content .tbl_even01 thead th {
    padding: 7px;
    border-left: 1px solid #bababa;
    color: #191919
}

.evt_detail .even_content .tbl_even01 tbody th {
    padding: 15px 7px;
    border-left: 1px solid #bababa;
    color: #191919
}

.evt_detail .even_content .tbl_even01 tr {
    border-bottom: 1px solid #bababa
}

.evt_detail .even_content .tbl_even01 tr:last-child {
    border-bottom: 1px solid #bababa
}

.evt_detail .even_content .tbl_even01 td {
    padding: 15px 7px;
    border-left: 1px solid #bababa;
    line-height: 1.5
}

.evt_detail .even_content .tbl_even01 th:first-child, .evt_detail .even_content .tbl_even01 td:first-child {
    border-left: none
}

.evt_detail .even_content .tbl_even01 td.al {
    text-align: left !important
}

.evt_detail .even_content .evt_cardBox {
    position: relative;
    padding-bottom: 20px;
    text-align: left
}

.evt_detail .even_content .evt_cardBox h3 {
    padding-bottom: 0
}

.evt_detail .even_content .evt_cardBox .img {
    position: absolute;
    left: 0;
    width: 123px
}

.evt_detail .even_content .evt_cardBox img {
    width: 100%;
    height: auto
}

.evt_detail .even_content .evt_cardBox .txt {
    padding-top: 5px;
    padding-left: 140px;
    height: auto;
    min-height: 105px !important
}

.evt_detail .even_content .evt_cardBox .txt.type1 {
    min-height: 155px !important
}

.evt_detail .even_content .card_info .evt_cardBox .img {
    width: 77px
}

.evt_detail .even_content .card_info .evt_cardBox .img {
    top: 34px
}

.evt_detail .even_content .card_info .evt_cardBox .txt {
    padding-left: 110px
}

.evt_detail .even_content .evt_cardBox strong {
    padding-bottom: 6px;
    display: block
}

.evt_detail .even_content .evt_cardBox dl dt {
    display: none
}

.evt_detail .even_content .evt_cardBox dl dd {
    line-height: 22px;
    color: #6f6f6f
}

.evt_detail .even_content .evt_cardBox dl dd p {
    position: relative;
    padding: 0 0 7px 9px
}

.evt_detail .even_content .evt_cardBox dl dd p:last-child {
    padding-bottom: 0
}

.evt_detail .even_content .evt_cardBox dl dd p:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6f6f6f
}

.evt_detail .even_content .service_list_card {
    padding: 6px 0 10px
}

.evt_detail .even_content .service_list_card>li {
    position: relative;
    padding: 27px 0 27px 80px;
    border-bottom: 1px solid #e6e6e6
}

.evt_detail .even_content .service_list_card>li:first-child {
    border-top: 1px solid #bababa
}

.evt_detail .even_content .service_list_card>li:before {
    content: '';
    position: absolute;
    top: 27px;
    left: 0;
    display: block;
    width: 80px;
    height: 50px
}

.evt_detail .even_content .service_list_card>li.tm01:before {
    background: url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%;
    background-size: 40px 41px
}

.evt_detail .even_content .service_list_card>li.tm02:before {
    background: url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%;
    background-size: 40px 41px
}

.evt_detail .even_content .service_list_card>li.tm03:before {
    background: url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%;
    background-size: 40px 41px
}

.evt_detail .even_content .service_list_card>li.tm04:before {
    background: url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%;
    background-size: 40px 41px
}

.evt_detail .even_content .service_list_card>li.tm05:before {
    background: url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%;
    background-size: 40px 41px
}

.evt_detail .even_content .step_arrow .col1 {
    position: relative;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: #f6f6f6;
    margin-top: 36px
}

.evt_detail .even_content .step_arrow .col1 div {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: table
}

.evt_detail .even_content .step_arrow .col1 div strong {
    width: 86px;
    padding: 16px 0;
    text-align: center;
    background: #e6e6e6;
    display: table-cell;
    vertical-align: middle
}

.evt_detail .even_content .step_arrow .col1 div p {
    padding: 16px 12px;
    display: table-cell;
    vertical-align: middle;
    color: #6f6f6f
}

.evt_detail .even_content .step_arrow .col1 div p br {
    display: none
}

.evt_detail .even_content .step_arrow .col1:after {
    content: "";
    display: block;
    position: absolute;
    top: -21px;
    left: 50%;
    width: 11px;
    height: 7px;
    background: url(/conts/images/contents/ico_arrow_type2.png) no-repeat 50% 0;
    background-size: 11px 7px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}

.evt_detail .even_content .step_arrow .col1:first-child {
    margin-top: 0
}

.evt_detail .even_content .step_arrow .col1:first-child:after {
    display: none
}

.evt_detail .even_content .goods_list01 {
    margin: 20px 0 -30px
}

.evt_detail .even_content .goods_list01:after {
    content: '';
    display: table;
    clear: both
}

.evt_detail .even_content .goods_list01 li {
    float: left;
    width: 50%
}

.evt_detail .even_content .goods_list01 li div {
    position: relative;
    padding: 18px 0 13px;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    text-align: center
}

.evt_detail .even_content .goods_list01 li:nth-child(odd) div {
    margin-right: 5px
}

.evt_detail .even_content .goods_list01 li:nth-child(even) div {
    margin-left: 5px
}

.evt_detail .even_content .goods_list01 li div p {
    height: 105px;
    padding: 0 15px
}

.evt_detail .even_content .goods_list01 li div p strong {
    display: block
}

.evt_detail .even_content .goods_list01 li div p strong em {
    position: absolute;
    top: -16px;
    left: 50%;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: block;
    background: #8f929a;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    box-shadow: 1px 1px 1px 1px #d8d8d8
}

.evt_detail .even_content .goods_list01 li:first-child div p strong em {
    background: #0f9ec6
}

.evt_detail .even_content .btnWrap_event03 {
    padding-bottom: 20px
}

.evt_detail .even_content .f_cont01 {
    padding-bottom: 15px
}

.evt_detail .even_content a.btn_eve01 {
    margin-bottom: 10px;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    border: 1px solid #bababa;
    border-radius: 4px;
    font-size: 15px;
    color: #191919;
    box-sizing: border-box;
    background-color: #fff
}

.evt_detail .even_content a.btn_eve01:after {
    content: '';
    height: 17px;
    display: inline-block;
    padding-right: 15px;
    margin-top: -3px;
    background: url(/conts/images/contents/ico_btn_arrow.png) no-repeat 100% 46%;
    background-size: 8px auto;
    vertical-align: middle
}

.evt_detail .even_content a.btn_eve02 {
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 48px;
    background: #3d71dd;
    font-size: 17px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    font-weight: bold
}

.evt_detail .even_content .pb0 {
    padding-bottom: 0 !important
}

dd .evt_detail .coupon_area.tp1 .cp_wrap > li {
    width: 100%;
    margin-right: 0
}

.evt_detail .coupon_area.tp2 .cp_wrap > li {
    width: calc(50% - 10px)
}

.evt_detail .coupon_area.tp2 .cp_wrap > li {
    margin-top: 10px
}

.evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2) {
    margin-top: 0px
}

.evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2n) {
    margin-right: 0
}

.evt_detail .coupon_area.tp3 .cp_wrap > li {
    width: calc(940px / 3)
}

.evt_detail .coupon_area.tp3 .cp_wrap > li {
    margin-top: 10px
}

.evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(2), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3) {
    margin-top: 0px
}

.evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3n) {
    margin-right: 0
}

.evt_detail .coupon_area.tp4 .cp_wrap > li {
    width: 230px
}

.evt_detail .coupon_area.tp5 .cp_wrap > li {
    width: calc(900px / 5)
}

.evt_detail .coupon_area {
    margin-bottom: 10px
}

.evt_detail .coupon_area .cp_wrap {
    width: 100%;
    *zoom:1; display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.evt_detail .coupon_area .cp_wrap:after {
    display: block;
    content: '';
    clear: both
}

.evt_detail .coupon_area .cp_wrap > li {
    min-height: 139px;
    margin-right: 20px;
    padding: 12px 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.evt_detail .coupon_area .cp_wrap > li > * {
    display: block;
    text-align: center
}

.evt_detail .coupon_area .cp_wrap > li:last-child {
    margin-right: 0
}

.evt_detail .coupon_area .cp_wrap .tit {
    margin-bottom: 10px
}

.evt_detail .coupon_area .cp_wrap .img_zone {
    margin-bottom: 14px
}

.evt_detail .coupon_area .cp_wrap .img_zone > span {
    display: inline-block
}

.evt_detail .coupon_area .cp_wrap .img_zone > span img {
    width: 90% !important
}

.evt_detail .even_content .eve_sp01 {
    padding: 20px 0
}

.evt_detail .even_content .eve_sp01 strong {
    border-top: 1px solid;
    display: block
}

.evt_detail .even_content .eve_sp01 strong span {
    background: #fff;
    width: 60px;
    margin: -12px auto 0;
    font-size: 19px;
    display: block;
    text-align: center
}

.evt_detail .even_content .eve_sp01 div {
    text-align: center;
    padding: 7px 0 0 0
}

.evt_detail .even_content .eve_sp01 div p {
    color: #000;
    font-size: 16px;
    padding: 3px 0 4px;
    line-height: 17px
}

.evt_detail .even_content .eve_sp01 div em {
    padding-top: 3px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    padding: 3px 0 4px
}

.evt_detail .even_content .sty_goods01 {
    display: flex;
    flex-wrap: wrap
}

.evt_detail .even_content .sty_goods01:after {
    content: "";
    display: block;
    clear: both
}

.evt_detail .even_content .sty_goods01 li {
    width: calc(50% - 5px);
    border: 1px solid #e6e6e6;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 20px 0;
    text-align: center
}

.evt_detail .even_content .sty_goods01 li img {
    width: 146px
}

.evt_detail .even_content .sty_goods01 li div {
    padding-top: 10px
}

.evt_detail .even_content .sty_goods01 li:nth-child(odd) {
    margin-right: 5px
}

.evt_detail .even_content .sty_goods01 li:nth-child(even) {
    margin-left: 5px
}

.evt_detail .even_content .sty_goods01 li div span {
    display: block;
    font-size: 14px
}

.evt_detail .even_content .sty_goods01 li div em {
    display: block;
    font-size: 15px;
    font-weight: bold
}

.evt_detail .even_content .sty_goods02 {
    padding: 20px 0;
    margin: 20px 0 24px;
    border: 1px solid #e6e6e6
}

.evt_detail .even_content .sty_goods02 strong {
    display: block;
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    color: #191919
}

.evt_detail .even_content .sty_goods02 ul:after {
    content: "";
    display: block;
    clear: both
}

.evt_detail .even_content .sty_goods02 ul li {
    width: 50%;
    float: left;
    text-align: center
}

.evt_detail .even_content .sty_goods02 ul li img {
    width: 151px
}

.evt_detail .even_content .sty_goods02 ul li div {
    height: 65px;
    padding-top: 95px;
    margin-top: -95px;
    text-align: center;
    color: #333
}

.evt_detail .even_content .sty_goods02 ul li:nth-child(even) div {
    border-left: 1px solid #dfdfdf
}

.evt_detail .even_content .sty_goods02 ul li div span {
    display: block;
    font-size: 14px
}

.evt_detail .even_content .sty_goods02 ul li div em {
    font-size: 15px;
    font-weight: bold
}

.evt_detail .even_content .sty_goods02 ul li.one_g {
    position: relative;
    width: 100%;
    text-align: left
}

.evt_detail .even_content .sty_goods02 ul li.one_g div {
    position: absolute;
    top: 17px;
    left: 150px;
    text-align: left
}

.evt_detail .even_content .step_arrow01 {
    padding: 3px 0 10px
}

.evt_detail .even_content .step_arrow01 li {
    position: relative;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: #f6f6f6;
    margin-top: 36px
}

.evt_detail .even_content .step_arrow01 li:after {
    content: "";
    display: block;
    position: absolute;
    top: -21px;
    left: 50%;
    width: 11px;
    height: 7px;
    background: url(/conts/images/contents/ico_arrow_type2.png) no-repeat 50% 0;
    background-size: 11px 7px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}

.evt_detail .even_content .step_arrow01 li div {
    width: auto !important;
    display: table
}

.evt_detail .even_content .step_arrow01 li div strong {
    width: 86px;
    padding: 16px 0;
    text-align: center;
    background: #e6e6e6;
    display: table-cell;
    vertical-align: middle
}

.evt_detail .even_content .step_arrow01 li div p {
    padding: 16px 12px;
    display: table-cell;
    vertical-align: middle;
    color: #6f6f6f
}

.evt_detail .even_content .step_arrow01 li div p br {
    display: none
}

.even_content .step_arrow01 li div span {
    margin-top: 0 !important
}

.evt_detail .even_content .step_arrow01 li:first-child {
    margin-top: 0
}

.evt_detail .even_content .step_arrow01 li:first-child:after {
    display: none
}

.evt_detail .eve_agree {
    margin: 0 0 25px 0
}

.evt_detail .eve_agree_con {
    margin: 10px 0 10px 0;
    padding: 15px;
    border: 1px solid #cecece
}

.evt_detail .eve_agree_chk .row {
    text-align: right
}

.evt_detail .ipt_check {
    display: inline-block;
    position: relative;
    min-height: 23px;
    padding-left: 32px;
    vertical-align: top
}

.evt_detail .ipt_check input {
    position: absolute;
    top: 0;
    left: 0
}

.evt_detail .ipt_check.mid input {
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.evt_detail .ipt_check label {
    display: block;
    font-size: 15px;
    line-height: 23px
}

.evt_detail .ipt_radio {
    display: inline-block;
    position: relative;
    min-height: 23px;
    padding-left: 32px;
    vertical-align: top
}

.evt_detail .ipt_radio input {
    position: absolute;
    top: 0;
    left: 0
}

.evt_detail .ipt_radio label {
    display: block;
    font-size: 15px;
    line-height: 23px;
    white-space: nowrap
}

.evt_detail input[type="radio"] {
    width: 23px;
    height: 23px;
    border-radius: 0;
    background: url(/conts/images/contents/ico_input.png) no-repeat 0 0;
    background-size: 120px 100px;
    -webkit-appearance: none;
    border: 0 none;
    margin-top: 0
}

.evt_detail input[type="checkbox"] {
    width: 23px;
    height: 23px;
    border-radius: 0;
    background: url(/conts/images/contents/ico_input.png) no-repeat 0 -30px;
    background-size: 120px 100px;
    -webkit-appearance: none;
    border: 0 none
}

.evt_detail input[type="radio"]:checked {
    background-position: -30px 0
}

.evt_detail input[type="checkbox"]:checked {
    background-position: -30px -30px
}

.evt_detail input[type="radio"]:disabled {
    background-position: -60px 0
}

.evt_detail input[type="checkbox"]:disabled {
    background-position: -60px -30px
}

.evt_detail input[type="radio"]:disabled:checked {
    background-position: -90px 0
}

.evt_detail input[type="checkbox"]:disabled:checked {
    background-position: -90px -30px
}

.evt_detail .mg_top0 {
    margin-top: 0 !important
}

.evt_detail .mg_top0_10 {
    margin-top: 0 !important
}

.evt_detail .mg_top5 {
    margin-top: 5px !important
}

.evt_detail .mg_top10 {
    margin-top: 10px !important
}

.evt_detail .mg_top15 {
    margin-top: 15px !important
}

.evt_detail .mg_top20 {
    margin-top: 20px !important
}

.evt_detail .mg_btm0 {
    margin-bottom: 0 !important
}

.evt_detail .mg_btm5 {
    margin-bottom: 5px !important
}

.evt_detail .mg_btm10 {
    margin-bottom: 10px !important
}

.evt_detail .mg_btm15 {
    margin-bottom: 15px !important
}

.evt_detail .mg_btm20 {
    margin-bottom: 20px !important
}

.evt_detail .mg_btm30 {
    margin-bottom: 30px !important
}

.evt_detail .mg_btm40 {
    margin-bottom: 40px !important
}

.evt_detail .pd0 {
    padding: 0 !important
}

.evt_detail .pd_top0 {
    padding-top: 0 !important
}

.evt_detail .pd_top5 {
    padding-top: 5px !important
}

.evt_detail .pd_top10 {
    padding-top: 10px !important
}

.evt_detail .pd_top15 {
    padding-top: 15px !important
}

.evt_detail .pd_top20 {
    padding-top: 20px !important
}

.evt_detail .pd_bot0 {
    padding-bottom: 0px !important
}

.evt_detail .pd_bot5 {
    padding-bottom: 5px !important
}

.evt_detail .pd_bot10 {
    padding-bottom: 10px !important
}

.evt_detail .pd_bot13 {
    padding-bottom: 13px !important
}

.evt_detail .pd_bot15 {
    padding-bottom: 15px !important
}

.evt_detail .pd_bot20 {
    padding-bottom: 20px !important
}

.evt_detail .accordian_type_one {
    margin-bottom: 30px
}

.evt_detail .accordian_type {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #bababa
}

.evt_detail .accordian_type.fst {
    border-top: 1px solid #bababa
}

.evt_detail .accordian_type>dt {
    overflow: hidden;
    position: relative
}

.evt_detail .accordian_type .btn_toggle {
    display: block;
    position: relative;
    padding: 0 27px 0 0
}

.evt_detail .accordian_type .btn_toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(/conts/images/contents/ico_arrow_toggle3.png) no-repeat 100% -11px;
    background-size: 12px 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.evt_detail .accordian_type.on .btn_toggle:after {
    background-position: 100% 11px
}

.evt_detail .accordian_type .btn_toggle .tit_type {
    display: inline-block;
    padding: 16px 0 17px;
    font-size: 15px;
    line-height: 22px;
    color: #191919;
    vertical-align: middle
}

.evt_detail .accordian_type>dd {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.evt_detail .accordian_type.on>dd {
    height: auto;
    visibility: visible;
    border-top: 1px solid #0f9ec6;
    padding: 24px 0 21px 0
}

.evt_detail .bul_type1, .evt_detail .bul_type1>li {
    position: relative;
    padding-left: 9px;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 22px;
    color: #6e6e6e
}

.evt_detail .bul_type1:before, .evt_detail .bul_type1>li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6e6e6e
}

.evt_detail .bul_type1>li:last-child {
    margin-bottom: 0
}

.evt_detail .bul_type1 {
    margin-bottom: 13px
}

.evt_detail ul.bul_type1, .evt_detail ol.bul_type1 {
    padding: 0;
    background: none
}

.evt_detail span.bul_type1 {
    display: block;
    margin-top: 5px;
    margin-bottom: 0
}

.evt_detail .tbl_type1+.bul_type1, .evt_detail .list_type1+.bul_type1 {
    margin-top: -10px
}

.evt_detail .bul_type1.no_b>li:before {
    content: "";
    display: none
}

.evt_detail .bul_type1.no_b>li {
    padding-left: 0
}

.evt_detail .bul_type1>li.num {
    padding-top: 10px;
    background: none;
    text-align: right;
    color: #191919 !important;
    font-size: 16px
}

.evt_detail .bul_type1>li.num:before {
    background-color: #fff !important
}

.evt_detail .txt_type1 {
    margin-bottom: 13px;
    font-size: 14px
}

.evt_detail .txt_type1_2 {
    margin-top: 16px;
    margin-bottom: 35px
}

.evt_detail .txt_type1_3 {
    margin-top: 15px;
    font-size: 14px;
    color: #6f6f6f
}

.evt_detail .txt_type1_4 {
    margin-top: 15px;
    font-size: 15px
}

.evt_detail .txt_type2 {
    margin-top: 15px;
    font-size: 13px;
    text-align: right
}

.evt_detail .txt_type3 {
    margin-top: 15px;
    font-size: 12px;
    color: #6f6f6f;
    text-align: right
}

.evt_detail .txt_type4 {
    margin-bottom: 13px;
    font-size: 13px;
    color: #6f6f6f
}

.evt_detail .btn_center {
    margin-top: 15px;
    text-align: center
}

.evt_detail .btn_center.fullBtn {
    padding-bottom: 15px
}

.evt_detail .btn_right {
    margin-top: 15px;
    text-align: right
}

.evt_detail .btn_left {
    margin-top: 15px;
    text-align: left
}

.evt_detail .btn_wrap_form {
    display: block !important;
    margin-top: 35px;
    text-align: center
}

.evt_detail .btn_wrap2 {
    margin-top: 25px
}

.evt_detail .btn_wrap2 a.btn_type1,.btn_wrap2 a.btn_type1.btn_type1_2 {
    height: 40px;
    margin-right: 10px;
    font-size: 15px
}

.evt_detail .btn_wrap2 a.btn_type1.btn_type1_2 {
    flex: none;
    width: 35%;
    background: #fff !important;
    border: 1px solid #bababa;
    color: #191919
}

.evt_detail .btn_wrap2>a:last-child {
    margin-right: 0
}

.evt_detail .btn_wrap3 {
    margin: 25px 0;
    text-align: center
}

.evt_detail .btn_wrap4 a.btn_type1 {
    height: 40px;
    font-size: 15px
}

.evt_detail .layer_popup .popup_content .cont_wrap .btn_wrap {
    display: inline-block;
    margin: 25px 0 0 0;
    text-align: center
}

.evt_detail .layer_popup .popup_content .cont_wrap .btn_type1 {
    flex: none;
    padding: 0 30px
}

.evt_detail a.btn_type1 {
    display: block;
    box-sizing: border-box;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    height: 50px;
    padding: 0 5px;
    background: #292c35;
    font-size: 17px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    font-weight: bold
}

.evt_detail a.btn_type1_1 {
    background: #fff;
    font-weight: bold;
    border: 1px solid #bababa;
    color: #191919
}

.evt_detail a.btn_type1_2 {
    background: #6f6f6f !important;
    font-weight: bold
}

.evt_detail a.btn_type1_3 {
    background: #f6f6f6;
    font-size: 12px;
    color: #191919;
    font-weight: bold;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    text-align: center
}

.evt_detail a.btn_type1:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.evt_detail a.btn_type1>span {
    display: inline-block;
    margin-top: 1px;
    vertical-align: middle
}

.evt_detail .btn_type2 {
    box-sizing: border-box;
    display: inline-block;
    height: 24px;
    padding: 0 13px;
    text-align: center;
    border: 1px solid #bababa;
    border-radius: 4px;
    font-size: 12px;
    color: #191919;
    box-sizing: border-box;
    background: #fff
}

.evt_detail .btn_type2>span {
    display: inline-block;
    white-space: nowrap;
    line-height: 25px
}

.evt_detail .btn_type2.on {
    background: #109ec6;
    border-color: #109ec6;
    color: #fff
}

.evt_detail a.btn_type2_3 {
    background: #68696d;
    color: #fff;
    border: none
}

.evt_detail a.btn_type2.btn_type2_3 {
    line-height: 24px
}

.evt_detail a.btn_type2_4 {
    background: #292c35;
    color: #fff;
    border: none
}

.evt_detail a.btn_type2_6 {
    height: 30px;
    padding: 0 10px;
    font-size: 12px
}

.evt_detail a.btn_type2_6>span {
    padding-left: 20px;
    background: url(/conts/images/contents/ico_social.png) no-repeat 0 50%;
    background-size: 14px 17px
}

.evt_detail a.btn_type2_7 {
    height: 30px
}

.evt_detail a.btn_type2_7 span {
    padding-left: 23px;
    background: url(/conts/images/contents/ico_tel.png) no-repeat 0 50%;
    background-size: 16px 16px;
    font-weight: bold
}

.evt_detail a.btn_type2_5, .evt_detail a.btn_type2_6>span, .evt_detail a.btn_type2_7>span {
    line-height: 1.5
}

.evt_detail .btn_type2:after, .evt_detail .btn_type3:after, .evt_detail .btn_type5:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.evt_detail a.btn_type3 {
    display: inline-block;
    height: 40px;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #bababa;
    border-radius: 4px;
    font-size: 13px;
    color: #191919;
    box-sizing: border-box;
    background-color: #fff
}

.evt_detail a.btn_type3 span {
    display: inline-block;
    padding-right: 15px;
    margin-top: 1px;
    line-height: 17px;
    background: url(/conts/images/contents/ico_btn_arrow.png) no-repeat 100% 46%;
    background-size: 8px 12px;
    vertical-align: middle
}

.evt_detail a.btn_type3:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    border: 0 none
}

.evt_detail a.btn_type3_2 {
    box-sizing: border-box;
    display: inline-block;
    height: 40px;
    width: 130px;
    background: #292c35;
    text-align: center;
    border-radius: 25px;
    font-size: 15px;
    color: #fff;
    font-weight: bold
}

.evt_detail a.btn_type3_2 span {
    display: inline-block;
    margin-top: 1px
}

.evt_detail a.btn_type3_2.disabled {
    background: #bababa
}

.evt_detail a.btn_type3_2:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.evt_detail a.btn_type3_3 {
    height: 30px;
    font-size: 13px
}

.evt_detail a.btn_type3_3:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.evt_detail a.btn_type3_3.on {
    background: #0f9ec6;
    color: #fff;
    border: 1px solid #0f9ec6
}

.evt_detail a.btn_type5 {
    display: block;
    box-sizing: border-box;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    height: 50px;
    padding: 0 5px;
    background: #3d71dd;
    font-size: 17px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    font-weight: bold
}

.evt_detail a.btn_type5:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.evt_detail a.btn_type5>span {
    display: inline-block;
    margin-top: 1px;
    vertical-align: middle
}

.evt_detail .plate_wrap .plate_box .img img {
    width: 100%
}

.evt_detail .point1 {
    color: #0f9ec6 !important
}

#evCashBack .sp_col01 {
    color: #e65e07
}

#evCashBack .sp_col01 strong {
    border-color: #e65e07
}

#evCashBack .sp_col02 {
    color: #d1291d
}

#evCashBack .sp_col02 strong {
    border-color: #d1291d
}

#evCashBack .sp_col03 {
    color: #9b0d0e
}

#evCashBack .sp_col03 strong {
    border-color: #9b0d0e
}

#evCashBack .sp_col04 {
    color: #0f68a1
}

#evCashBack .sp_col04 strong {
    border-color: #0f68a1
}

#evCashBack .sp_col05 {
    color: #a81a49
}

#evCashBack .sp_col05 strong {
    border-color: #a81a49
}

.evt_detail .evtcard_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.5% 30px;
    min-width: 266px
}

.evt_detail .evtcard_list:after {
    content: "";
    display: block;
    clear: both
}

.evt_detail .evtcard_list li {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-basis: 47%;
    margin: 1.5%;
    padding-bottom: 20px;
    text-align: center;
    background: #f7f7f7;
    font-size: 14px;
    color: #444;
    letter-spacing: -0.5px
}

.evt_detail .evtcard_list li .card_tit {
    width: 100%;
    font-size: 14px;
    color: #002b59;
    font-weight: bold;
    height: 60px;
    padding-top: 26px;
    box-sizing: border-box
}

.evt_detail .evtcard_list li .card_tit.row2 {
    padding-top: 11px
}

.evt_detail .evtcard_list li .card_tit strong {
    color: #2e75bc;
    display: block
}

.evt_detail .evtcard_list li .card_img {
    width: 70%;
    max-width: 324px;
    margin: 0 auto
}

.evt_detail .evtcard_list li .card_img img {
    width: 100%
}

.evt_detail .evtcard_list li .card_img.row {
    width: 40%
}

.evt_detail .evtcard_list li .card_txt {
    width: 100%;
    padding-top: 10px
}

.evt_detail .evtcard_list li .card_txt2 {
    position: relative;
    width: 85%;
    margin: 7px auto 0;
    padding-bottom: 15px;
    line-height: 18px;
    text-align: right
}

.evt_detail .evtcard_list li .card_txt2 strong {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.evt_detail .evtcard_list li a.btn_type3 {
    display: block;
    width: 70%;
    margin: 0 auto
}

.evt_detail .evtcard_list li a:not(.btn_type3) {
    background: red
}

#evCashBack .evt_terms {
    margin-bottom: 21px
}

#evCashBack .evt_terms ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#evCashBack .evt_terms ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    flex: 0 0 48%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#evCashBack .evt_terms p {
    margin-bottom: 5px
}

#evCashBack .evt_terms figure {
    margin: 0
}

#evCashBack .evt_terms figure figcaption {
    margin-top: 5px
}

#evCashBack .evt_terms figure img {
    height: 100%
}

#evCashBack .card_tab_navi {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    -webkit-overflow-scrolling: touch
}

#evCashBack .card_navi {
    overflow-x: hidden;
    white-space: nowrap;
    display: table;
    width: 100%
}

#evCashBack .card_navi:after {
    content: "";
    display: block;
    clear: both
}

#evCashBack .card_navi>li {
    display: table-cell;
    text-align: center
}

#evCashBack .card_navi>li>a {
    display: inline-block;
    height: 42px;
    padding: 10px 13px 10px 13px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #6f6f6f
}

#evCashBack .card_navi>li.on {
    border-bottom: 4px solid #0f9ec6
}

#evCashBack .card_navi>li.on a {
    color: #0f9ec6
}

#evCashBack .tab_cont {
    display: none
}

#evCashBack .tab_cont.on {
    display: block
}

.even_content .special>ul>li>div.img {
    padding-right: 20px !important
}

.evt_detail .tbl_border {
    width: 100%;
    margin-bottom: 27px;
    border-top: solid 1px #bababa;
    border-bottom: 1px solid #bababa
}

.evt_detail .tbl_border th {
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa
}

.evt_detail .tbl_border td {
    border-left: 1px solid #bababa
}

.evt_detail .tbl_border th:first-child,.tbl_border td:first-child {
    border-left: none
}

.evt_detail .tbl_border thead tr:last-child th {
    border-bottom: 1px solid #bababa
}

.evt_detail .tbl_border thead th {
    padding: 7px;
    border-top: solid 1px #e6e6e6;
    font-weight: bold
}

.evt_detail .tbl_border thead tr:first-child th {
    border-top: none
}

.evt_detail .tbl_border tbody th,.tbl_border tbody td {
    padding: 15px 7px;
    border-top: 1px solid #e6e6e6;
    border-bottom: none
}

.evt_detail .tbl_border tbody tr.active td {
    background-color: #e6e6e6;
    border-top: 1px solid #fff
}

.evt_detail .tbl_border tbody tr:first-child td,.tbl_border tbody tr:first-child th {
    border-top: none
}

.evt_detail .tbl_border tbody th.light_bd, .tbl_border tbody td.light_bd {
    border-bottom: solid 1px #e6e6e6
}

.evt_detail .tbl_border tbody th.strong_bd, .tbl_border tbody td.strong_bd {
    border-bottom: solid 1px #bababa
}

.evt_detail .tbl_border tbody td.top_bd {
    border-top: solid 1px #bababa
}

.evt_detail .tbl_border tfoot td {
    padding: 15px 7px;
    border-top: 1px solid #bababa
}

.evt_detail .card_info > ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.evt_detail .card_info > ul:after {
    display: block;
    content: '';
    clear: both
}

.evt_detail .card_info > ul > li {
    width: 48%;
    margin: 2% 0 0 2%;
    padding: 15px 4%;
    background-color: #f7f7f7;
    box-sizing: border-box
}

.evt_detail .card_info > * {
    color: #444;
    text-align: center
}

.evt_detail .card_info .tit {
    display: block;
    margin-bottom: 6px;
    color: #002b59;
    font-size: 13px;
}

.evt_detail .card_info .tit > span {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top
}

.evt_detail .card_info .tit:after {
    display: inline-block;
    content: '';
    height: 40px;
    vertical-align: middle
}

.evt_detail .card_info .img_box {
    margin-bottom: 0
}

.evt_detail .card_info .img_box > img {
    width: 104px
}

.evt_detail .card_info .info {
    min-height: 81px;
    margin: 5px 0 14px
}

.evt_detail .card_info .info > * {
    font-size: 13px
}

.evt_detail .card_info .info > strong {
    display: blcok
}

.evt_detail .card_info a.btn_eve01 {
    margin-bottom: 0 !important
}

.evt_detail .card_info ul li:nth-child(3) .tit, .evt_detail .card_info ul li:nth-child(4) .tit {
    min-height: 68px
}

.even_content .cardLook {
    padding: 23px 0 30px 90px;
    border-bottom: 1px solid #e6e6e6;
    background-position: left 23px !important;
    background-size: 70px auto !important;
    min-height: 62px;
    text-align: left
}

.even_content .cardLook .cardName {
    font-weight: bold;
    margin-bottom: 7px;
    padding-top: 10px
}

.even_content .cardLook .listDotHyphen li {
    position: relative;
    line-height: 22px;
    color: #6e6e6e;
    padding-left: 9px
}

.even_content .cardLook .listDotHyphen > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6e6e6e
}

.even_content .cardLook > ul > li {
    position: relative;
    line-height: 22px;
    color: #6e6e6e;
    padding-left: 9px;
}

.even_content .cardLook > ul > li > ul > li {
    position: relative;
    padding-left: 12px
}

.even_content .cardLook > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #6e6e6e
}

.even_content .cardLook > ul > li > ul > li:before {
    content: "-";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: none;
    background-color: none
}

.even_content .cardLook .listDotHyphen li ul li {
    position: relative;
    line-height: 22px;
    color: #6e6e6e;
    padding-left: 12px
}

.even_content .cardLook .listDotHyphen li ul li:before {
    content: "-";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: none;
    background-color: none
}

.even_content .cardLook .refer {
    padding: 5px 0 0 17px;
    text-indent: -17px;
    color: #6f6f6f;
    display: inline-block
}

.even_content .cardLookBg04 {
    background: url("/conts/images/contents/bg_cardLookBg4.png") no-repeat
}

.even_content .cardLookBg107 {
    background: url("/conts/images/contents/bg_cardLookBg107.png") no-repeat
}

.even_content .cardLookBg194 {
    background: url("/conts/images/contents/bg_cardLookBg194.png") no-repeat
}

.even_content .cardLookBg30 {
    background: url("/conts/images/contents/bg_cardLookBg30.png") no-repeat
}

.evt_detail .box_form .phone_num {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.evt_detail .box_form .phone_num .sub_info1 {
    width: 80px;
    min-width: 80px;
    margin-right: 10px
}

.evt_detail .box_form .phone_num .sub_info1 select {
    width: 100%
}

.evt_detail .box_form .phone_num.driver .sub_info1 {
    min-width: 100px;
    width: 100px
}

.evt_detail .box_form .phone_num .sub_info2 {
    width: 100%
}

.evt_detail .box_form .phone_num .btn_type1 {
    white-space: nowrap
}

.evt_detail .box_form .phone_num2 .tit_info {
    display: inline-block;
    margin-top: 8px;
    width: 75px;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal
}

.evt_detail .box_form .phone_num .form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.evt_detail .box_form .phone_num .form>span {
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}

.evt_detail .box_form .phone_num.type2 {
    margin-top: 20px
}

.evt_detail .box_form .phone_num.type2 .form {
    margin-right: 5px
}

.evt_detail .box_form .phone_num.type2 .btn_type1 {
    width: 90px;
    min-width: 90px;
    height: 40px;
    margin-left: 5px;
    border-radius: 3px;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.75rem
}

.evt_detail .box_form .phone_num.type3 {
    margin-top: 13px
}

.evt_detail .box_form .phone_num.type3 .form {
    margin-right: 0
}

.evt_detail .box_form .phone_num.type3 .form_select {
    border-right: 0
}

.evt_detail .box_form .phone_num.type3 .form_select:after {
    width: 11px;
    height: 6px;
    background: url(/conts/images/contents/ico_select_arr2.png) no-repeat 50% 0;
    background-size: 11px 6px
}

.evt_detail .service_agreement {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
    padding: 20px 0
}

.evt_detail .service_agreement .txt_type1 {
    margin-top: 13px;
    padding: 15px;
    border: 0 none;
    color: #6f6f6f;
    background-color: #f6f6f6
}

.evt_detail .service_agreement .ipt_check label {
    line-height: 30px
}

.evt_detail .event_card .box_con.event {
    padding: 23px 27px 27px
}

.evt_detail .event_card .txt01 {
    margin-bottom: 21px
}

.evt_detail .event_card .txt02 {
    margin-bottom: 7px
}

.evt_detail .event_card .sub_tit01 {
    margin: 0 0 3px
}

.evt_detail .event_card .sub_tit02 {
    margin: 0 0 5px
}

.evt_detail .event_card .sub_tit03 {
    margin: 0 0 9px
}

.evt_detail .event_card .banner_type1 {
    margin-bottom: 26px
}

.evt_detail .event_card .mybenefit {
    padding: 23px 27px 27px
}

.evt_detail .event_card:after {
    display: block;
    clear: both;
    content: ""
}

.evt_detail .event_card {
    margin-bottom: 25px
}

.evt_detail .event_card .thumb {
    float: left;
    overflow: hidden;
    width: 123px
}

.evt_detail .event_card .thumb img {
    overflow: hidden;
    width: 123px
}

.evt_detail .event_card .desc {
    display: block;
    padding-left: 15px;
    overflow: hidden
}

.evt_detail .event_card .tit_card {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-size: 0.875rem
}

.evt_detail .eve_box_wrap2 {
    margin-bottom: 30px
}

.evt_detail .eve_box_wrap2 .eve_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 18px;
    border: 1px solid #e0e0e0
}

.evt_detail .eve_box_wrap2 .eve_box>div {
    flex: 0 0 50%;
    margin-top: 40px;
    padding: 7px;
    box-sizing: border-box
}

.evt_detail .eve_box_wrap2 .eve_box>div:nth-child(1), .eve_box_wrap2 .eve_box>div:nth-child(2) {
    margin-top: 0
}

.evt_detail .eve_box_wrap2 .eve_box>div p {
    margin-top: 10px;
    text-align: center;
    font-size: 13px
}

.evt_detail .eve_box_wrap2 .eve_box>div p strong {
    display: block
}

.evt_detail .product_list li {
    display: table;
    background: #f7f7f7;
    margin-bottom: 15px
}

.evt_detail .product_list li img {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.evt_detail .product_list li .info_wrap {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 16px
}

.evt_detail .product_list li .info_wrap strong {
    font-size: 13px;
    color: #333;
    display: block;
    padding-bottom: 6px
}

.evt_detail .product_list li .info_wrap p {
    font-size: 13px;
    color: #444;
    margin-bottom: 10px;
    padding-right: 10px
}

.evt_detail .product_list li .info_wrap .btn_eve01 {
    font-size: 13px;
    height: 30px;
    margin: 0;
    line-height: 30px;
    width: auto;
    padding: 0 15px
}

.evt_detail .even_content .cardLookBg44 {
    background: url("/conts/images/contents/bg_cardLookBg44.png") no-repeat
}

.evt_detail .even_content .cardLookBg205 {
    background: url("/conts/images/contents/bg_cardLookBg205.png") no-repeat
}

.evt_detail .even_content .cardLookBg206 {
    background: url("/conts/images/contents/bg_cardLookBg206.png") no-repeat
}

.evt_detail .even_content .cardLookBg207 {
    background: url("/conts/images/contents/bg_cardLookBg207.png") no-repeat
}

.evt_detail .even_content .cardLookBg208 {
    background: url("/conts/images/contents/bg_cardLookBg208.png") no-repeat
}

.evt_detail #pbTabDepth1-1 {
    margin-bottom: 10px
}

.evt_detail #pbTabDepth1-1 .cardLook {
    background-position: left center !important
}

.topsClub_wrap.event .box_con.event {
    padding: 23px 27px 27px
}

.topsClub_wrap.event .txt01 {
    margin-bottom: 21px
}

.topsClub_wrap.event .txt02 {
    margin-bottom: 7px
}

.topsClub_wrap.event .sub_tit01 {
    margin: 0 0 3px
}

.topsClub_wrap.event .sub_tit02 {
    margin: 0 0 5px
}

.topsClub_wrap.event .sub_tit03 {
    margin: 0 0 9px
}

.topsClub_wrap.event .banner_type1 {
    margin-bottom: 26px
}

.topsClub_wrap.event .mybenefit {
    padding: 23px 27px 27px
}

.topsClub_wrap.event .event_card:after {
    display: block;
    clear: both;
    content: ""
}

.topsClub_wrap.event .event_card {
    margin-bottom: 25px
}

.topsClub_wrap.event .event_card .thumb {
    float: left;
    overflow: hidden;
    width: 123px
}

.topsClub_wrap.event .event_card .thumb img {
    overflow: hidden;
    width: 123px
}

.topsClub_wrap.event .event_card .desc {
    display: block;
    padding-left: 15px;
    overflow: hidden
}

.topsClub_wrap.event .event_card .tit_card {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-size: 0.875rem
}

.topsClub_wrap.event .eventCard_info {
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa
}

.topsClub_wrap.event .eventCard_info > li {
    position: relative;
    padding: 27px 0;
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
    border-bottom: none
}

.topsClub_wrap.event .eventCard_info > li:first-child {
    border: none
}

.topsClub_wrap.event .eventCard_info > li:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 65px;
    height: 46px;
    background: url(/conts/images/contents/bg_eventCard.png) no-repeat
}

.topsClub_wrap.event .eventCard_info > li.list01:before {
    background-position: 0 0;
    background-size: 65px 140px
}

.topsClub_wrap.event .eventCard_info > li.list02:before {
    background-position: 0 -46px;
    background-size: 65px 140px
}

.topsClub_wrap.event .eventCard_info > li.list03:before {
    background-position: 0 -92px;
    background-size: 65px 140px
}

.topsClub_wrap.event .eventCard_info .info {
    padding-left: 80px
}

.topsClub_wrap.event .eventCard_info .info strong {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-size: 0.875rem
}

.topsClub_wrap.event .txt {
    margin: 12px 0 27px
}

.topsClub_wrap.event .event_img {
    margin: 0 -27px 25px -27px
}

.topsClub_wrap.event .event_img img {
    width: 100%;
    height: auto
}

.even_content .giftList:after {
    display: block;
    content: "";
    clear: both
}

.even_content .giftList {
    width: 100%;
    margin: 0 -5px 0;
    box-sizing: border-box
}

.even_content .giftList li {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-top: 46px
}

.even_content .giftList .rank {
    position: absolute;
    top: -16px;
    left: 50%;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: block;
    background: #8f929a;
    border-radius: 50%;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    box-shadow: 1px 1px 1px 1px #d8d8d8
}

.even_content .giftList .rank.on {
    background: #0f9ec6
}

.even_content .giftList .con {
    margin: 0 5px 0;
    padding: 18px 0 13px 0;
    border: 1px solid #e6e6e6
}

.even_content .giftList .con .img {
    display: block;
    height: 97px;
    line-height: 97px
}

.even_content .giftList .con .img img {
    width: 80px;
    vertical-align: middle
}

.even_content .giftList .con .img.big img {
    width: 100px
}

.even_content .giftList .con .img.small img {
    width: 45px
}

.even_content .giftList .con .info {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem
}

.even_content .cardLookBg01 {
    background: url("/conts/images/contents/bg_cardLookBg1.png") no-repeat
}

.even_content .cardLookBg02 {
    background: url("/conts/images/contents/bg_cardLookBg2.png") no-repeat
}

.even_content .cardLookBg03 {
    background: url("/conts/images/contents/bg_cardLookBg3.png") no-repeat
}

.even_content .cardLookBg04 {
    background: url("/conts/images/contents/bg_cardLookBg4.png") no-repeat
}

.even_content .cardLookBg05 {
    background: url("/conts/images/contents/bg_cardLookBg5.png") no-repeat
}

.even_content .cardLookBg06 {
    background: url("/conts/images/contents/bg_cardLookBg6.png") no-repeat
}

.even_content .cardLookBg07 {
    background: url("/conts/images/contents/bg_cardLookBg7.png") no-repeat
}

.even_content .cardLookBg08 {
    background: url("/conts/images/contents/bg_cardLookBg8.png") no-repeat
}

.even_content .cardLookBg09 {
    background: url("/conts/images/contents/bg_cardLookBg9.png") no-repeat
}

.even_content .cardLookBg10 {
    background: url("/conts/images/contents/bg_cardLookBg10.png") no-repeat
}

.even_content .cardLookBg11 {
    background: url("/conts/images/contents/bg_cardLookBg11.png") no-repeat
}

.even_content .cardLookBg12 {
    background: url("/conts/images/contents/bg_cardLookBg12.png") no-repeat
}

.even_content .cardLookBg13 {
    background: url("/conts/images/contents/bg_cardLookBg13.png") no-repeat
}

.even_content .cardLookBg14 {
    background: url("/conts/images/contents/bg_cardLookBg14.png") no-repeat
}

.even_content .cardLookBg15 {
    background: url("/conts/images/contents/bg_cardLookBg15.png") no-repeat
}

.even_content .cardLookBg16 {
    background: url("/conts/images/contents/bg_cardLookBg16.png") no-repeat
}

.even_content .cardLookBg17 {
    background: url("/conts/images/contents/bg_cardLookBg17.png") no-repeat
}

.even_content .cardLookBg18 {
    background: url("/conts/images/contents/bg_cardLookBg18.png") no-repeat
}

.even_content .cardLookBg19 {
    background: url("/conts/images/contents/bg_cardLookBg19.png") no-repeat
}

.even_content .cardLookBg20 {
    background: url("/conts/images/contents/bg_cardLookBg20.png") no-repeat
}

.even_content .cardLookBg21 {
    background: url("/conts/images/contents/bg_cardLookBg21.png") no-repeat
}

.even_content .cardLookBg22 {
    background: url("/conts/images/contents/bg_cardLookBg22.png") no-repeat
}

.even_content .cardLookBg23 {
    background: url("/conts/images/contents/bg_cardLookBg23.png") no-repeat
}

.even_content .cardLookBg24 {
    background: url("/conts/images/contents/bg_cardLookBg24.png") no-repeat
}

.even_content .cardLookBg25 {
    background: url("/conts/images/contents/bg_cardLookBg25.png") no-repeat
}

.even_content .cardLookBg26 {
    background: url("/conts/images/contents/bg_cardLookBg26.png") no-repeat
}

.even_content .cardLookBg27 {
    background: url("/conts/images/contents/bg_cardLookBg27.png") no-repeat
}

.even_content .cardLookBg28 {
    background: url("/conts/images/contents/bg_cardLookBg28.png") no-repeat
}

.even_content .cardLookBg29 {
    background: url("/conts/images/contents/bg_cardLookBg29.png") no-repeat
}

.even_content .cardLookBg30 {
    background: url("/conts/images/contents/bg_cardLookBg30.png") no-repeat
}

.even_content .cardLookBg31 {
    background: url("/conts/images/contents/bg_cardLookBg31.png") no-repeat
}

.even_content .cardLookBg32 {
    background: url("/conts/images/contents/bg_cardLookBg32.png") no-repeat
}

.even_content .cardLookBg33 {
    background: url("/conts/images/contents/bg_cardLookBg33.png") no-repeat
}

.even_content .cardLookBg34 {
    background: url("/conts/images/contents/bg_cardLookBg34.png") no-repeat
}

.even_content .cardLookBg35 {
    background: url("/conts/images/contents/bg_cardLookBg35.png") no-repeat
}

.even_content .cardLookBg36 {
    background: url("/conts/images/contents/bg_cardLookBg36.png") no-repeat
}

.even_content .cardLookBg37 {
    background: url("/conts/images/contents/bg_cardLookBg37.png") no-repeat
}

.even_content .cardLookBg38 {
    background: url("/conts/images/contents/bg_cardLookBg38.png") no-repeat
}

.even_content .cardLookBg39 {
    background: url("/conts/images/contents/bg_cardLookBg39.png") no-repeat
}

.even_content .cardLookBg40 {
    background: url("/conts/images/contents/bg_cardLookBg40.png") no-repeat
}

.even_content .cardLookBg41 {
    background: url("/conts/images/contents/bg_cardLookBg41.png") no-repeat
}

.even_content .cardLookBg42 {
    background: url("/conts/images/contents/bg_cardLookBg42.png") no-repeat
}

.even_content .cardLookBg43 {
    background: url("/conts/images/contents/bg_cardLookBg43.png") no-repeat
}

.even_content .cardLookBg44 {
    background: url("/conts/images/contents/bg_cardLookBg44.png") no-repeat
}

.even_content .cardLookBg45 {
    background: url("/conts/images/contents/bg_cardLookBg45.png") no-repeat
}

.even_content .cardLookBg46 {
    background: url("/conts/images/contents/bg_cardLookBg46.png") no-repeat
}

.even_content .cardLookBg47 {
    background: url("/conts/images/contents/bg_cardLookBg47.png") no-repeat
}

.even_content .cardLookBg48 {
    background: url("/conts/images/contents/bg_cardLookBg48.png") no-repeat
}

.even_content .cardLookBg49 {
    background: url("/conts/images/contents/bg_cardLookBg49.png") no-repeat
}

.even_content .cardLookBg50 {
    background: url("/conts/images/contents/bg_cardLookBg50.png") no-repeat
}

.even_content .cardLookBg51 {
    background: url("/conts/images/contents/bg_cardLookBg51.png") no-repeat
}

.even_content .cardLookBg52 {
    background: url("/conts/images/contents/bg_cardLookBg52.png") no-repeat
}

.even_content .cardLookBg53 {
    background: url("/conts/images/contents/bg_cardLookBg53.png") no-repeat
}

.even_content .cardLookBg54 {
    background: url("/conts/images/contents/bg_cardLookBg54.png") no-repeat
}

.even_content .cardLookBg55 {
    background: url("/conts/images/contents/bg_cardLookBg55.png") no-repeat
}

.even_content .cardLookBg56 {
    background: url("/conts/images/contents/bg_cardLookBg56.png") no-repeat
}

.even_content .cardLookBg57 {
    background: url("/conts/images/contents/bg_cardLookBg57.png") no-repeat
}

.even_content .cardLookBg58 {
    background: url("/conts/images/contents/bg_cardLookBg58.png") no-repeat
}

.even_content .cardLookBg59 {
    background: url("/conts/images/contents/bg_cardLookBg59.png") no-repeat
}

.even_content .cardLookBg60 {
    background: url("/conts/images/contents/bg_cardLookBg60.png") no-repeat
}

.even_content .cardLookBg61 {
    background: url("/conts/images/contents/bg_cardLookBg61.png") no-repeat
}

.even_content .cardLookBg62 {
    background: url("/conts/images/contents/bg_cardLookBg62.png") no-repeat
}

.even_content .cardLookBg63 {
    background: url("/conts/images/contents/bg_cardLookBg63.png") no-repeat
}

.even_content .cardLookBg64 {
    background: url("/conts/images/contents/bg_cardLookBg64.png") no-repeat
}

.even_content .cardLookBg65 {
    background: url("/conts/images/contents/bg_cardLookBg65.png") no-repeat
}

.even_content .cardLookBg66 {
    background: url("/conts/images/contents/bg_cardLookBg66.png") no-repeat
}

.even_content .cardLookBg67 {
    background: url("/conts/images/contents/bg_cardLookBg67.png") no-repeat
}

.even_content .cardLookBg68 {
    background: url("/conts/images/contents/bg_cardLookBg68.png") no-repeat
}

.even_content .cardLookBg69 {
    background: url("/conts/images/contents/bg_cardLookBg69.png") no-repeat
}

.even_content .cardLookBg70 {
    background: url("/conts/images/contents/bg_cardLookBg70.png") no-repeat
}

.even_content .cardLookBg71 {
    background: url("/conts/images/contents/bg_cardLookBg71.png") no-repeat
}

.even_content .cardLookBg72 {
    background: url("/conts/images/contents/bg_cardLookBg72.png") no-repeat
}

.even_content .cardLookBg73 {
    background: url("/conts/images/contents/bg_cardLookBg73.png") no-repeat
}

.even_content .cardLookBg74 {
    background: url("/conts/images/contents/bg_cardLookBg74.png") no-repeat
}

.even_content .cardLookBg75 {
    background: url("/conts/images/contents/bg_cardLookBg75.png") no-repeat
}

.even_content .cardLookBg76 {
    background: url("/conts/images/contents/bg_cardLookBg76.png") no-repeat
}

.even_content .cardLookBg77 {
    background: url("/conts/images/contents/bg_cardLookBg77.png") no-repeat
}

.even_content .cardLookBg78 {
    background: url("/conts/images/contents/bg_cardLookBg78.png") no-repeat
}

.even_content .cardLookBg79 {
    background: url("/conts/images/contents/bg_cardLookBg79.png") no-repeat
}

.even_content .cardLookBg80 {
    background: url("/conts/images/contents/bg_cardLookBg80.png") no-repeat
}

.even_content .cardLookBg81 {
    background: url("/conts/images/contents/bg_cardLookBg81.png") no-repeat
}

.even_content .cardLookBg82 {
    background: url("/conts/images/contents/bg_cardLookBg82.png") no-repeat
}

.even_content .cardLookBg83 {
    background: url("/conts/images/contents/bg_cardLookBg83.png") no-repeat
}

.even_content .cardLookBg84 {
    background: url("/conts/images/contents/bg_cardLookBg84.png") no-repeat
}

.even_content .cardLookBg85 {
    background: url("/conts/images/contents/bg_cardLookBg85.png") no-repeat
}

.even_content .cardLookBg86 {
    background: url("/conts/images/contents/bg_cardLookBg86.png") no-repeat
}

.even_content .cardLookBg87 {
    background: url("/conts/images/contents/bg_cardLookBg87.png") no-repeat
}

.even_content .cardLookBg88 {
    background: url("/conts/images/contents/bg_cardLookBg88.png") no-repeat
}

.even_content .cardLookBg89 {
    background: url("/conts/images/contents/bg_cardLookBg89.png") no-repeat
}

.even_content .cardLookBg90 {
    background: url("/conts/images/contents/bg_cardLookBg90.png") no-repeat
}

.even_content .cardLookBg91 {
    background: url("/conts/images/contents/bg_cardLookBg91.png") no-repeat
}

.even_content .cardLookBg92 {
    background: url("/conts/images/contents/bg_cardLookBg92.png") no-repeat
}

.even_content .cardLookBg93 {
    background: url("/conts/images/contents/bg_cardLookBg93.png") no-repeat
}

.even_content .cardLookBg94 {
    background: url("/conts/images/contents/bg_cardLookBg94.png") no-repeat
}

.even_content .cardLookBg95 {
    background: url("/conts/images/contents/bg_cardLookBg95.png") no-repeat
}

.even_content .cardLookBg96 {
    background: url("/conts/images/contents/bg_cardLookBg96.png") no-repeat
}

.even_content .cardLookBg97 {
    background: url("/conts/images/contents/bg_cardLookBg97.png") no-repeat
}

.even_content .cardLookBg98 {
    background: url("/conts/images/contents/bg_cardLookBg98.png") no-repeat
}

.even_content .cardLookBg99 {
    background: url("/conts/images/contents/bg_cardLookBg99.png") no-repeat
}

.even_content .cardLookBg100 {
    background: url("/conts/images/contents/bg_cardLookBg100.png") no-repeat
}

.even_content .cardLookBg101 {
    background: url("/conts/images/contents/bg_cardLookBg101.png") no-repeat
}

.even_content .cardLookBg102 {
    background: url("/conts/images/contents/bg_cardLookBg102.png") no-repeat
}

.even_content .cardLookBg103 {
    background: url("/conts/images/contents/bg_cardLookBg103.png") no-repeat
}

.even_content .cardLookBg104 {
    background: url("/conts/images/contents/bg_cardLookBg104.png") no-repeat
}

.even_content .cardLookBg105 {
    background: url("/conts/images/contents/bg_cardLookBg105.png") no-repeat
}

.even_content .cardLookBg106 {
    background: url("/conts/images/contents/bg_cardLookBg106.png") no-repeat
}

.even_content .cardLookBg107 {
    background: url("/conts/images/contents/bg_cardLookBg107.png") no-repeat
}

.even_content .cardLookBg108 {
    background: url("/conts/images/contents/bg_cardLookBg108.png") no-repeat
}

.even_content .cardLookBg109 {
    background: url("/conts/images/contents/bg_cardLookBg109.png") no-repeat
}

.even_content .cardLookBg110 {
    background: url("/conts/images/contents/bg_cardLookBg110.png") no-repeat
}

.even_content .cardLookBg111 {
    background: url("/conts/images/contents/bg_cardLookBg111.png") no-repeat
}

.even_content .cardLookBg112 {
    background: url("/conts/images/contents/bg_cardLookBg112.png") no-repeat
}

.even_content .cardLookBg113 {
    background: url("/conts/images/contents/bg_cardLookBg113.png") no-repeat
}

.even_content .cardLookBg114 {
    background: url("/conts/images/contents/bg_cardLookBg114.png") no-repeat
}

.even_content .cardLookBg115 {
    background: url("/conts/images/contents/bg_cardLookBg115.png") no-repeat
}

.even_content .cardLookBg116 {
    background: url("/conts/images/contents/bg_cardLookBg116.png") no-repeat
}

.even_content .cardLookBg117 {
    background: url("/conts/images/contents/bg_cardLookBg117.png") no-repeat
}

.even_content .cardLookBg118 {
    background: url("/conts/images/contents/bg_cardLookBg118.png") no-repeat
}

.even_content .cardLookBg119 {
    background: url("/conts/images/contents/bg_cardLookBg119.png") no-repeat
}

.even_content .cardLookBg120 {
    background: url("/conts/images/contents/bg_cardLookBg120.png") no-repeat
}

.even_content .cardLookBg121 {
    background: url("/conts/images/contents/bg_cardLookBg121.png") no-repeat
}

.even_content .cardLookBg122 {
    background: url("/conts/images/contents/bg_cardLookBg122.png") no-repeat
}

.even_content .cardLookBg123 {
    background: url("/conts/images/contents/bg_cardLookBg123.png") no-repeat
}

.even_content .cardLookBg124 {
    background: url("/conts/images/contents/bg_cardLookBg124.png") no-repeat
}

.even_content .cardLookBg125 {
    background: url("/conts/images/contents/bg_cardLookBg125.png") no-repeat
}

.even_content .cardLookBg126 {
    background: url("/conts/images/contents/bg_cardLookBg126.png") no-repeat
}

.even_content .cardLookBg127 {
    background: url("/conts/images/contents/bg_cardLookBg127.png") no-repeat
}

.even_content .cardLookBg128 {
    background: url("/conts/images/contents/bg_cardLookBg128.png") no-repeat
}

.even_content .cardLookBg129 {
    background: url("/conts/images/contents/bg_cardLookBg129.png") no-repeat
}

.even_content .cardLookBg130 {
    background: url("/conts/images/contents/bg_cardLookBg130.png") no-repeat
}

.even_content .cardLookBg131 {
    background: url("/conts/images/contents/bg_cardLookBg131.png") no-repeat
}

.even_content .cardLookBg132 {
    background: url("/conts/images/contents/bg_cardLookBg132.png") no-repeat
}

.even_content .cardLookBg133 {
    background: url("/conts/images/contents/bg_cardLookBg133.png") no-repeat
}

.even_content .cardLookBg134 {
    background: url("/conts/images/contents/bg_cardLookBg134.png") no-repeat
}

.even_content .cardLookBg135 {
    background: url("/conts/images/contents/bg_cardLookBg135.png") no-repeat
}

.even_content .cardLookBg136 {
    background: url("/conts/images/contents/bg_cardLookBg136.png") no-repeat
}

.even_content .cardLookBg137 {
    background: url("/conts/images/contents/bg_cardLookBg137.png") no-repeat
}

.even_content .cardLookBg138 {
    background: url("/conts/images/contents/bg_cardLookBg138.png") no-repeat
}

.even_content .cardLookBg139 {
    background: url("/conts/images/contents/bg_cardLookBg139.png") no-repeat
}

.even_content .cardLookBg140 {
    background: url("/conts/images/contents/bg_cardLookBg140.png") no-repeat
}

.even_content .cardLookBg141 {
    background: url("/conts/images/contents/bg_cardLookBg141.png") no-repeat
}

.even_content .cardLookBg142 {
    background: url("/conts/images/contents/bg_cardLookBg142.png") no-repeat
}

.even_content .cardLookBg143 {
    background: url("/conts/images/contents/bg_cardLookBg143.png") no-repeat
}

.even_content .cardLookBg144 {
    background: url("/conts/images/contents/bg_cardLookBg144.png") no-repeat
}

.even_content .cardLookBg145 {
    background: url("/conts/images/contents/bg_cardLookBg145.png") no-repeat
}

.even_content .cardLookBg146 {
    background: url("/conts/images/contents/bg_cardLookBg146.png") no-repeat
}

.even_content .cardLookBg147 {
    background: url("/conts/images/contents/bg_cardLookBg147.png") no-repeat
}

.even_content .cardLookBg148 {
    background: url("/conts/images/contents/bg_cardLookBg148.png") no-repeat
}

.even_content .cardLookBg149 {
    background: url("/conts/images/contents/bg_cardLookBg149.png") no-repeat
}

.even_content .cardLookBg150 {
    background: url("/conts/images/contents/bg_cardLookBg150.png") no-repeat
}

.even_content .cardLookBg151 {
    background: url("/conts/images/contents/bg_cardLookBg151.png") no-repeat
}

.even_content .cardLookBg152 {
    background: url("/conts/images/contents/bg_cardLookBg152.png") no-repeat
}

.even_content .cardLookBg153 {
    background: url("/conts/images/contents/bg_cardLookBg153.png") no-repeat
}

.even_content .cardLookBg154 {
    background: url("/conts/images/contents/bg_cardLookBg154.png") no-repeat
}

.even_content .cardLookBg155 {
    background: url("/conts/images/contents/bg_cardLookBg155.png") no-repeat
}

.even_content .cardLookBg156 {
    background: url("/conts/images/contents/bg_cardLookBg156.png") no-repeat
}

.even_content .cardLookBg157 {
    background: url("/conts/images/contents/bg_cardLookBg157.png") no-repeat
}

.even_content .cardLookBg158 {
    background: url("/conts/images/contents/bg_cardLookBg158.png") no-repeat
}

.even_content .cardLookBg159 {
    background: url("/conts/images/contents/bg_cardLookBg159.png") no-repeat
}

.even_content .cardLookBg160 {
    background: url("/conts/images/contents/bg_cardLookBg160.png") no-repeat
}

.even_content .cardLookBg161 {
    background: url("/conts/images/contents/bg_cardLookBg161.png") no-repeat
}

.even_content .cardLookBg162 {
    background: url("/conts/images/contents/bg_cardLookBg162.png") no-repeat
}

.even_content .cardLookBg163 {
    background: url("/conts/images/contents/bg_cardLookBg163.png") no-repeat
}

.even_content .cardLookBg164 {
    background: url("/conts/images/contents/bg_cardLookBg164.png") no-repeat
}

.even_content .cardLookBg165 {
    background: url("/conts/images/contents/bg_cardLookBg165.png") no-repeat
}

.even_content .cardLookBg166 {
    background: url("/conts/images/contents/bg_cardLookBg166.png") no-repeat
}

.even_content .cardLookBg167 {
    background: url("/conts/images/contents/bg_cardLookBg167.png") no-repeat
}

.even_content .cardLookBg168 {
    background: url("/conts/images/contents/bg_cardLookBg168.png") no-repeat
}

.even_content .cardLookBg169 {
    background: url("/conts/images/contents/bg_cardLookBg169.png") no-repeat
}

.even_content .cardLookBg170 {
    background: url("/conts/images/contents/bg_cardLookBg170.png") no-repeat
}

.even_content .cardLookBg171 {
    background: url("/conts/images/contents/bg_cardLookBg171.png") no-repeat
}

.even_content .cardLookBg172 {
    background: url("/conts/images/contents/bg_cardLookBg172.png") no-repeat
}

.even_content .cardLookBg173 {
    background: url("/conts/images/contents/bg_cardLookBg173.png") no-repeat
}

.even_content .cardLookBg174 {
    background: url("/conts/images/contents/bg_cardLookBg174.png") no-repeat
}

.even_content .cardLookBg175 {
    background: url("/conts/images/contents/bg_cardLookBg175.png") no-repeat
}

.even_content .cardLookBg176 {
    background: url("/conts/images/contents/bg_cardLookBg176.png") no-repeat
}

.even_content .cardLookBg177 {
    background: url("/conts/images/contents/bg_cardLookBg177.png") no-repeat
}

.even_content .cardLookBg178 {
    background: url("/conts/images/contents/bg_cardLookBg178.png") no-repeat
}

.even_content .cardLookBg179 {
    background: url("/conts/images/contents/bg_cardLookBg179.png") no-repeat
}

.even_content .cardLookBg180 {
    background: url("/conts/images/contents/bg_cardLookBg180.png") no-repeat
}

.even_content .cardLookBg181 {
    background: url("/conts/images/contents/bg_cardLookBg181.png") no-repeat
}

.even_content .cardLookBg182 {
    background: url("/conts/images/contents/bg_cardLookBg182.png") no-repeat
}

.even_content .cardLookBg183 {
    background: url("/conts/images/contents/bg_cardLookBg183.png") no-repeat
}

.even_content .cardLookBg184 {
    background: url("/conts/images/contents/bg_cardLookBg184.png") no-repeat
}

.even_content .cardLookBg185 {
    background: url("/conts/images/contents/bg_cardLookBg185.png") no-repeat
}

.even_content .cardLookBg186 {
    background: url("/conts/images/contents/bg_cardLookBg186.png") no-repeat
}

.even_content .cardLookBg187 {
    background: url("/conts/images/contents/bg_cardLookBg187.png") no-repeat
}

.even_content .cardLookBg188 {
    background: url("/conts/images/contents/bg_cardLookBg188.png") no-repeat
}

.even_content .cardLookBg189 {
    background: url("/conts/images/contents/bg_cardLookBg189.png") no-repeat
}

.even_content .cardLookBg190 {
    background: url("/conts/images/contents/bg_cardLookBg190.png") no-repeat
}

.even_content .cardLookBg191 {
    background: url("/conts/images/contents/bg_cardLookBg191.png") no-repeat
}

.even_content .cardLookBg192 {
    background: url("/conts/images/contents/bg_cardLookBg192.png") no-repeat
}

.even_content .cardLookBg193 {
    background: url("/conts/images/contents/bg_cardLookBg193.png") no-repeat
}

.even_content .cardLookBg194 {
    background: url("/conts/images/contents/bg_cardLookBg194.png") no-repeat
}

.even_content .cardLookBg195 {
    background: url("/conts/images/contents/bg_cardLookBg195.png") no-repeat
}

.even_content .cardLookBg196 {
    background: url("/conts/images/contents/bg_cardLookBg196.png") no-repeat
}

.even_content .cardLookBg197 {
    background: url("/conts/images/contents/bg_cardLookBg197.png") no-repeat
}

.even_content .cardLookBg198 {
    background: url("/conts/images/contents/bg_cardLookBg198.png") no-repeat
}

.even_content .cardLookBg199 {
    background: url("/conts/images/contents/bg_cardLookBg199.png") no-repeat
}

.even_content .cardLookBg200 {
    background: url("/conts/images/contents/bg_cardLookBg200.png") no-repeat
}

.even_content .cardLookBg201 {
    background: url("/conts/images/contents/bg_cardLookBg201.png") no-repeat
}

.even_content .cardLookBg202 {
    background: url("/conts/images/contents/bg_cardLookBg202.png") no-repeat
}

.even_content .cardLookBg203 {
    background: url("/conts/images/contents/bg_cardLookBg203.png") no-repeat
}

.even_content .cardLookBg204 {
    background: url("/conts/images/contents/bg_cardLookBg204.png") no-repeat
}

.even_content .cardLookBg205 {
    background: url("/conts/images/contents/bg_cardLookBg205.png") no-repeat
}

.even_content .cardLookBg206 {
    background: url("/conts/images/contents/bg_cardLookBg206.png") no-repeat
}

.even_content .cardLookBg207 {
    background: url("/conts/images/contents/bg_cardLookBg207.png") no-repeat
}

.even_content .cardLookBg208 {
    background: url("/conts/images/contents/bg_cardLookBg208.png") no-repeat
}

.even_content .cardLookBg209 {
    background: url("/conts/images/contents/bg_cardLookBg209.png") no-repeat
}

@media only screen and (max-width: 1100px) {
    .evt_detail .mg_top0_10 {
        margin-top:10px !important
    }

    .evt_detail .evtcard_list li {
        flex-basis: 100%;
        margin: 1.5% 0
    }

    .evt_detail .coupon_area .cp_wrap > li {
        margin: 0 auto
    }

    .evt_detail .coupon_area .cp_wrap > li:last-child {
        margin: 10px auto !important
    }

    .evt_detail .coupon_area.tp1 .cp_wrap > li {
        width: 70%
    }

    .evt_detail .coupon_area.tp2 .cp_wrap > li {
        width: 70%
    }

    .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2) {
        margin-top: 10px
    }

    .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2n) {
        margin: 10px auto 0 !important
    }

    .evt_detail .coupon_area.tp3 .cp_wrap > li {
        width: 70%
    }

    .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(2), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3) {
        margin-top: 10px
    }

    .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3n) {
        margin: 10px auto 0 !important
    }

    .evt_detail .coupon_area.tp4 .cp_wrap > li {
        width: 70%
    }

    .evt_detail .coupon_area.tp5 .cp_wrap > li {
        width: 70%
    }

    .evt_detail .coupon_area .cp_wrap {
        flex-flow: column
    }

    .evt_detail .coupon_area .cp_wrap > li {
        margin-top: 10px
    }

    .evt_detail .coupon_area .cp_wrap > li:first-child {
        margin-top: 0px
    }

    .evt_detail .even_content .sty_goods01 li {
        width: 100%
    }

    .evt_detail .even_content .sty_goods01 li:nth-child(odd) {
        margin-right: 0
    }

    .evt_detail .even_content .sty_goods01 li:nth-child(even) {
        margin-left: 0
    }

    .lift_fare_banner {
        height: 110px;
        padding: 0 !important
    }

    .lift_fare_banner .banner_txt {
        padding: 21px;
        font-size: 16px;
        color: #333
    }

    .lift_fare_banner .banner_txt strong {
        font-weight: 900
    }

    .lift_fare_banner .banner_img {
        height: 70%;
        right: 10px;
        top: 20px
    }

    #evCashBack .evt_terms ul li {
        flex: 0 0 100%
    }

    .evt_detail .card_info > ul > li {
        width: 100%;
        margin: 2% 0;
        padding: 15px 4%;
        background-color: #f7f7f7;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 1100px) {
    .text_basic.type02 {
        font-size:1.6rem
    }

    .list_type02 .list_headnote .count {
        font-size: 1.2rem
    }

    .list_type02 .list li {
        height: 95px
    }

    .list_type02 .list li .text_wrap {
        width: 70%;
        line-height: 95px
    }

    .list_type02 .list li .btn_wrap {
        width: 30%;
        line-height: 95px
    }

    .list_type02 .list li .title {
        margin-bottom: 5px;
        font-size: 1.6rem
    }

    .list_type02 .list li .info .date {
        font-size: 1.2rem
    }

    .list_type02 .list li .no_data {
        padding-top: 140px;
        padding-bottom: 36px;
        background-position-y: 40px;
        font-size: 24px
    }

    .list_loading {
        height: 50px
    }

    .list_loading:after {
        width: 17.3px;
        height: 17.3px;
        margin: -8.6px;
        background: url(/pconts/images/icon/ico_list_loading_m.png) no-repeat;
        background-size: 100%
    }

    .list_cardType li, .list_cardType.icon li, .list_cardType.mid_line li {
        padding: 10px;
        flex: inherit;
        width: 100%
    }

    .list_cardType li .item .tit, .list_cardType.icon .item .tit {
        font-size: 15px
    }

    .list_cardType li .item .txt {
        width: 85%;
        font-size: 13px;
        margin-top: 5px
    }

    .list_cardType.welfare li .item {
        min-height: auto
    }

    .familyMall .mall_list li {
        width: 50%
    }

    .btn_wrap.btn_link {
        margin-top: 13px
    }

    .btn_details {
        font-size: 1.3rem
    }

    .modal_area.width980 {
        width: 100%
    }

    .modal_area .modal_cont.scroll {
        overflow-y: auto;
        max-height: 100%
    }

    .notice_wrap {
        padding: 15px 0
    }

    .btn_wrap + .accordion_wrap {
        margin: 40px 0 0
    }

    .card_no_result {
        padding: 145px 0 0;
        background-size: 120px auto
    }

    .card_no_result p {
        font-size: 2.4rem
    }

    .request_precess_item + .request_precess_item {
        margin-top: 32px
    }

    .request_precess_cont {
        width: 100%;
        padding-right: 0
    }

    .request_precess_cont + .request_precess_cont {
        margin-top: 28px
    }

    .request_precess_cont .para_type01 {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .request_precess_cont .input_item .input_title.job {
        position: static
    }

    .request_precess_cont .input_item .input_wrap.job {
        position: static;
        width: auto
    }

    .pop_find_place .table_wrap .col2 {
        width: 95px
    }

    .pop_find_place .table_wrap .btn.default {
        height: 30px;
        font-size: 13px;
        line-height: 28px
    }

    .pop_find_place .find_place {
        display: block
    }

    .pop_find_place .find_place .name {
        font-size: 16px
    }

    .pop_find_place .find_place .addr {
        margin: 5px 0 0
    }

    .pop_find_place .no_result p {
        font-size: 2.4rem
    }

    .reissue .table_type07 tbody tr td strong {
        padding-left: 0
    }

    .reissue .card_reissue_result {
        margin-bottom: 30px
    }

    .card_lost .card_inquiry_list .state_area .state_list dd {
        width: auto
    }

    .check_wrap.type_list .check_wrap.all .check_type1 {
        margin-top: 15px
    }

    .check_wrap.type_list .check_wrap .check_type1 {
        margin-top: 0
    }

    .bodybox .list_text + .reissue_box {
        margin-top: 18px
    }

    .bodybox .list_text li strong.date {
        width: 100%
    }

    .bodybox .list_text li strong.date em {
        display: block;
        margin-top: 8px
    }

    .bodybox .reissue_box {
        display: block
    }

    .bodybox .reissue_box.radio_group {
        height: auto
    }

    .bodybox .reissue_box.radio_group .ico_re {
        padding-top: 0;
        padding-bottom: 0
    }

    .bodybox .reissue_box.radio_group .radio_wrap {
        margin-top: 15px
    }

    .bodybox .reissue_box.radio_group .reissue_con {
        display: block
    }

    .bodybox .reissue_box .reissue_con {
        display: inline-block
    }

    .accordion_wrap.notice .accordion_body {
        padding: 20px 0
    }

    .accordion_wrap.notice .accordion_header button.acc_btn {
        padding: 15px 0;
        font-size: 1.6rem
    }

    .accordion_wrap.notice .accordion_header button.acc_btn:after {
        top: 22px;
        left: auto;
        right: 10px
    }

    .accordion_wrap.notice .accordion_body ul li {
        word-break: break-all
    }

    .btn_wrap.btn_foot {
        margin: 30px 0 38px
    }

    .btn_wrap.btn_foot.m_fixed {
        margin: 0
    }

    .cvcimg_area img {
        height: 109px
    }

    #pwPopup .pwpop_tit {
        margin-bottom: 10px
    }

    .other_card {
        padding: 30px 0
    }

    .other_card .accordion_wrap.accordion_check {
        margin-top: 15px
    }

    .other_card .accordion_wrap.accordion_check .accordion_body {
        padding: 22px 26px 19px
    }

    .other_card .marker_dot4 > li {
        font-size: 1.3rem
    }

    .other_card .check_wrap .check_type2 input[type="checkbox"] + span {
        padding: 0 5px
    }

    .other_card.pop_cont > p {
        margin-bottom: 18px;
        font-size: 1.6rem
    }

    .list_type04 .accordion_header {
        height: 110px;
        padding: 20px 31px 20px 0
    }

    .list_type04 .accordion_header .arrow_updn {
        width: 30px;
        height: 110px;
        margin-top: -55px
    }

    .card_select_wrap .btn_wrap {
        margin-top: 20px
    }

    .customer_center .h_wrap.gap30 {
        margin-top: 40px
    }

    .customer_center .h_wrap + .marker_dot2 + .btn_wrap {
        text-align: center
    }

    .customer_center .marker_dot + .marker_refer {
        margin-top: 20px
    }

    .card_select_item .card_select_head .card_name {
        display: block;
        margin: 0 0 px
    }

    .card_select_item .card_select_head .card_nums {
        display: block
    }

    .investigate_order ol {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .investigate_order ol li {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .investigate_order ol li:after {
        top: auto;
        right: 0;
        bottom: -12px;
        transform: rotate(0)
    }

    .investigate_order ol li .item {
        display: table;
        width: 100%;
        height: 98px;
        padding-top: 0;
        padding-left: 95px;
        text-align: left
    }

    .investigate_order ol li .item .txt {
        display: table-cell;
        vertical-align: middle
    }

    .investigate_order ol li .item:after {
        width: auto;
        height: 1px;
        left: 0;
        right: 46px
    }

    .investigate_order ol li.order1 .item {
        background-position: 32PX 50%;
        background-size: 28px auto
    }

    .investigate_order ol li.order2 .item {
        background-position: 25px 50%;
        background-size: 41px auto
    }

    .investigate_order ol li.order3 .item {
        background-position: 27px 50%;
        background-size: 38px auto
    }

    .investigate_order ol li.order4 .item {
        background-position: 33px 50%;
        background-size: 28px auto
    }

    .investigate_order ol li.order5 .item {
        background-position: 32PX 50%;
        background-size: 28px auto
    }

    .investigate_order + .accordion_wrap {
        margin-top: 40px
    }

    .check_wrap.type_list .check_wrap .usage_list li .usage_item .price_info .vm {
        margin-top: 0
    }

    .check_wrap.type_list .check_wrap .usage_list li .usage_item dl dt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 180px
    }

    .customer_center .accordion_wrap .both_gap {
        padding-right: 0;
        padding-left: 0
    }

    .customer_center .contents_body {
        margin-bottom: 40px
    }

    .customer_center .request_result {
        font-size: 2.4rem
    }

    .customer_center .see_more_wrap {
        margin-top: 20px
    }

    .check_wrap.type_list .accordion_wrap.accordion_check.type02 .accordion_header .check_item {
        padding-top: 25px;
        padding-right: 40px;
        padding-bottom: 25px
    }

    .customer_center .request_card_check .table_type07 tbody td {
        padding-left: 0
    }

    .customer_center .gap_top01 {
        margin-top: 30px
    }

    .customer_center .table_wrap.first {
        margin-top: 30px
    }

    .customer_center .table_wrap + .table_wrap {
        margin-top: 40px
    }

    .customer_center .table_wrap .sub_title5 {
        margin-bottom: 20px
    }

    .terms_item_box {
        padding-right: 25px;
        padding-left: 25px
    }

    .terms_item_box .terms_para {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1.2rem
    }

    .terms_item_box .terms_goto_detail {
        font-size: 1.2rem
    }

    .text_top {
        margin-bottom: 37px
    }

    .text_top .txt {
        margin-bottom: 36px;
        font-size: 2.4rem;
        line-height: 1.44
    }

    .step_reward.step > li .icon_box {
        border-top: 0;
        background-position-x: 0
    }

    .icon_list.step.step.step_reward > li {
        margin-bottom: 50px
    }

    .icon_list.step.step.step_reward > li::after {
        bottom: -25px;
        left: 18px
    }

    .icon_list.step.step.step_reward > li .icon_box {
        padding-left: 76px
    }

    .accordion_wrap.type02.use_select_list .accordion_header .cell1 {
        padding-right: 35px
    }

    .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label span:before {
        top: 50%;
        margin-top: -13px
    }

    .accordion_wrap.type02 .accordion_header .cell1 .check_wrap .check_default input[type="checkbox"] + span:after {
        top: 50%;
        margin-top: -5px
    }

    .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .info {
        display: block;
        padding-top: 25px;
        font-size: 13px
    }

    .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .info .title_area {
        position: absolute;
        top: 0;
        display: block;
        padding-left: 0;
        width: calc(100% - 145px)
    }

    .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .info .title_area strong {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1.6rem
    }

    .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .price {
        top: 20px
    }

    .comp_list_type01 ul li strong {
        width: 62px
    }

    .comp_list_type01 ul li .cont {
        width: calc(100% - 75px);
        word-break: break-word
    }

    .comp_list_type01 ul li .cont span {
        word-break: break-word
    }

    .comp_list_type01 ul li .cont span+span {
        margin-left: 5px
    }

    .card_use_guide .table_wrap + [class^="marker_"] {
        margin-top: 15px
    }

    .card_use_guide .box_con {
        margin: 0 0 40px
    }

    .customerCenter.notice .info_txt1 {
        font-size: 1.8rem
    }

    .customerCenter.notice .btn_download02 {
        position: absolute;
        top: 30px;
        right: 0
    }

    .customerCenter.notice .info_con {
        padding: 25px 0;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #eee;
        font-size: 15px;
        color: #111
    }

    .customerCenter.notice .n_txts01 {
        margin-bottom: 20px
    }

    .customerCenter.notice .news-Description-List dl dt {
        padding: 10px 0;
        font-weight: 700;
        font-size: 16px;
        color: #111
    }
}

@media screen and (max-width: 1100px) {
    .cs_use_guide .accordion_body .inner {
        padding-top:18px;
        padding-bottom: 18px
    }

    .cs_use_guide .accordion_body .text_group + .text_group {
        margin-top: 32px
    }

    .cs_use_guide .accordion_body .table_wrap tbody th {
        text-align: left
    }

    .cs_use_guide .btn_wrap {
        padding-left: 0
    }

    .card_view_guide .card_view_img {
        margin-left: 0;
        margin-bottom: 30px
    }

    .card_view_guide .card_view_img .cell {
        width: 100%
    }

    .card_view_guide .card_view_img .cell img {
        width: auto;
    }

    .card_view_guide .card_view_img .cell.back {
        margin-top: 20px;
        margin-left: 0
    }

    .marker_number2 > li .number {
        top: 2px;
        width: 16px;
        height: 16px;
        line-height: 16px
    }

    .report_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .report_box .report_item {
        width: 100%
    }

    .report_box .report_item .img {
        text-align: center
    }

    .report_box .report_item .img .pc {
        display: none
    }

    .report_box .report_item .img .m {
        display: inline-block;
        width: 100%;
        max-width: 640px
    }

    .report_box .report_item + .report_item {
        margin-top: 25px
    }

    .marker_number2 > li .s_tit {
        font-size: 1.5rem
    }

    .report_box .marker_number2 > li .number {
        top: 2px
    }

    .report_box .marker_number2 > li + li {
        margin-top: 25px
    }

    .img_rf img {
        width: 100%
    }

    .consult_bridge {
        width: auto
    }

    .consult_bridge:after {
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
        bottom: auto;
        background-color: #ddd
    }

    .consult_bridge_area {
        width: 100%;
        padding-top: 75px;
        padding-bottom: 45px;
        background-position-y: 30px
    }

    .consult_bridge_title {
        margin: 0 0 16px;
        font-weight: 700;
        font-size: 24px;
        color: #333
    }

    .consult_bridge_para {
        margin: 0 0 36px;
        font-weight: 400;
        font-size: 16px;
        color: #111
    }

    .para_introduce {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .para_introduce.top {
        margin-bottom: 26px
    }

    .para_introduce .sub_para.type02 {
        font-size: 1.6rem
    }

    .consult_history_head .title {
        margin-bottom: 15px;
        font-size: 1.6rem
    }

    .consult_history_head .goto_list:after {
        width: 8px;
        height: 8px;
        margin: -4px -8px;
        border-top-width: 1px;
        border-right-width: 1px
    }

    .consult_history_head .title .link {
        padding-right: 14px
    }

    .consult_history_head .title .link:after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 5px);
        right: 0;
        width: 8px;
        height: 8px;
        margin: 0;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        transform: rotate(45deg)
    }

    .consult_history_body {
        padding: 27px 20px
    }

    .consult_history_body .cell1 {
        padding-right: 0;
        padding-left: 0
    }

    .consult_history_body .cell2 {
        top: auto;
        bottom: 27px;
        left: 20px;
        transform: translateY(0)
    }

    .consult_history_body .cell3 {
        top: auto;
        right: 20px;
        bottom: 27px;
        transform: translateY(0)
    }

    .consult_history_body .consult_title {
        padding-bottom: 33px;
        font-size: 1.6rem
    }

    .consult_history_body .consult_date {
        font-size: 1.3rem
    }

    .consult_history_body .consult_no_date {
        font-size: 1.5rem
    }

    [data-type="list"] .consult_history_body {
        padding: 20px
    }

    [data-type="list"] .consult_history_body .cell1 {
        padding-right: 0;
        padding-left: 0
    }

    [data-type="list"] .consult_history_body .cell2 {
        top: auto;
        bottom: 27px;
        left: 20px;
        transform: translateY(0)
    }

    [data-type="list"] .consult_history_body .cell3 {
        top: auto;
        right: 20px;
        bottom: 27px;
        transform: translateY(0)
    }

    [data-type="list"] .consult_history_body .order_number {
        margin-bottom: 2px;
        font-size: 1.3rem
    }

    [data-type="list"] .consult_history_body .consult_title {
        padding-bottom: 33px;
        font-size: 1.6rem
    }

    [data-type="list"] .consult_history_body .consult_date {
        font-size: 1.3rem
    }

    [data-type="list"] .consult_history_body .consult_state {
        font-size: 1.3rem
    }

    [data-type="list"] .consult_history_body .consult_no_date {
        font-size: 1.3rem
    }

    [data-type="list"] .consult_history_body.type02 {
        padding: 20px 0;
        overflow: hidden
    }

    [data-type="list"] .consult_history_body.type02 .cell1 {
        display: block;
        padding-right: 0
    }

    [data-type="list"] .consult_history_body.type02 .order_number {
        margin-bottom: 8px
    }

    [data-type="list"] .consult_history_body.type02 .consult_title {
        display: -webkit-box;
        width: 100%;
        height: 3em;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        word-wrap: break-word
    }

    [data-type="list"] .consult_history_body.type02 .cell2 {
        float: left;
        display: inline-block;
        position: static;
        margin-top: 10px
    }

    [data-type="list"] .consult_history_body.type02 .cell3 {
        float: right;
        display: inline-block;
        position: static;
        margin-top: 10px
    }

    [data-type="list"] .consult_history_body.type02 .consult_state {
        font-size: 1.5rem
    }

    .list_view .consult_answer {
        margin-top: 25px
    }

    .consult_answer {
        padding-right: 18px;
        padding-left: 18px
    }

    .consult_answer .consult_answer_head {
        padding: 16px 0
    }

    .consult_answer .consult_answer_image {
        width: 40px;
        height: 40px
    }

    .consult_answer .consult_answer_title {
        font-size: 1.5rem
    }

    .consult_answer .consult_answer_date {
        font-size: 1.3rem
    }

    .consult_answer .consult_answer_body {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .keyword_mid_select .select_wrap {
        width: 100%
    }

    .keyword_category_inner {
        height: 140px
    }

    .keyword_category_box.is_opened .keyword_category_inner {
        height: auto
    }

    .keyword_category.col6_3 li {
        width: 33.33%
    }

    .keyword_category_toggle {
        margin-top: 15px;
        padding-bottom: 0
    }

    .faq_answer p {
        font-size: 1.5rem
    }

    .faq_answer .number_list li .tit {
        font-size: 1.6rem
    }

    .faq_answer .number_list li {
        font-size: 1.5rem
    }

    .keyword_category li .keyword {
        height: 66px
    }

    .accordion_wrap.faq .accordion_body .inner .answer {
        top: 20px;
        left: 10px;
        width: 12px;
        height: 14px
    }

    .pannel_accept {
        margin-top: 20px
    }

    .pannel_accept .icon_list.step .icon_box {
        height: 50px;
        padding-left: 76px
    }

    .pannel_accept .icon_list.step li .step1 {
        background-position: 0 50%;
        background-size: 50px
    }

    .pannel_accept .icon_list.step li .step2 {
        background-position: 0 50%;
        background-size: 50px
    }

    .pannel_accept .icon_list.step li .step3 {
        background-position: 0 50%;
        background-size: 50px
    }

    .pannel_accept .icon_list.step li .step4 {
        background-position: 0 50%;
        background-size: 50px
    }

    .pannel_accept .icon_list.step > li:after {
        bottom: -25px;
        left: 18px
    }

    .online_customer .map_area {
        width: 100%;
        height: 182px
    }

    .online_customer .order_item {
        height: 74px
    }

    .online_customer .order_item .info_num {
        width: 20px
    }

    .online_customer .order_item .check_default {
        width: 100%
    }

    .online_customer .order_item .check_default input[type="checkbox"] + span.label_txt {
        padding-left: 35px
    }

    .online_customer .order_item .btn_wrap {
        width: 50px;
        text-align: right
    }

    .online_customer .order_item .btn_wrap .btn_table {
        width: 19px;
        height: 19px;
        padding: 0 !important
    }

    .online_customer .order_item .btn_wrap .btn_table.arrow_up {
        margin-right: 5px
    }

    .online_customer .order_item .btn_wrap .btn_table.arrow_up::after {
        top: 7px;
        left: 5px;
        width: 9px;
        height: 9px
    }

    .online_customer .order_item .btn_wrap .btn_table.arrow_down::after {
        top: 3px;
        left: 5px;
        width: 9px;
        height: 9px
    }

    .online_customer .btn_list {
        margin-right: -14px
    }

    .online_customer .btn_list > li {
        margin: 0 14px 14px 0
    }

    .online_customer .btn_list.col02 > li {
        float: none;
        width: calc(100% - 14px)
    }

    .online_customer .btn_list .box_link {
        padding: 20px 30px 18px 20px
    }

    .online_customer .btn_list .box_link::after {
        right: 19px
    }

    .online_customer .error_type .radio_btn > span {
        min-height: 66px
    }

    .online_customer .error_type .radio_btn input[type="radio"] + span em {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .online_customer .indent {
        text-indent: 16px
    }

    .online_customer .indent .tbm {
        text-indent: 34px
    }

    .online_customer .dial_number span {
        width: 20px;
        height: 20px;
        line-height: 21px
    }

    .online_customer .dial_number em {
        width: 20px;
        height: 20px
    }

    .customer_acc_txt {
        padding: 20px 10px
    }

    .customer_acc_txt dt {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .customer_acc_txt dd {
        float: none;
        width: 100%
    }

    .customer_acc_txt .marker_hyphen, .customer_acc_txt dd > p {
        padding-left: 10px
    }

    .form_type.only_right {
        float: none;
        width: 100%;
        padding: 0
    }

    .form_type.only_right .form_ele {
        padding-left: 0
    }

    .form_type.only_right .form_ele .ele_tit {
        width: 100%;
        padding-left: 0
    }

    .noti_pop .radio_wrap.type_btn .flex_row {
        width: 100%
    }

    .noti_pop .radio_wrap.type_btn .radio_btn input[type="radio"], .noti_pop .radio_wrap.type_btn .radio_btn input[type="radio"] + span {
        width: auto
    }

    .radio_wrap.type_grid .ico.icon66 {
        background: #fff url(/pconts/images/icon/ico_icon66.png) no-repeat center bottom;
        background-size: 100%
    }

    .radio_wrap.type_grid .ico.icon67 {
        background: #fff url(/pconts/images/icon/ico_icon67.png) no-repeat center bottom;
        background-size: 100%
    }

    .radio_wrap.type_grid .ico.icon68 {
        background: #fff url(/pconts/images/icon/ico_icon68.png) no-repeat center bottom;
        background-size: 100%
    }

    .radio_wrap.type_grid .ico.icon69 {
        background: #fff url(/pconts/images/icon/ico_icon69.png) no-repeat center bottom;
        background-size: auto 100%
    }

    .individual_info .termsConts h3, .individual_info h4.cont_tit1, .individual_info .terms-tit {
        margin-bottom: 14px;
        font-size: 1.8rem
    }

    .individual_info .termsConts h3, .individual_info .terms-tit {
        margin-top: 30px
    }

    .accordion_wrap.type04 li .radio_wrap label {
        display: block;
        width: 100%;
        padding: 24px 28px 20px
    }

    .radio_wrap label .card_name {
        display: block;
        margin: 3px 0 0 35px;
        word-break: keep-all
    }

    .complete_list {
        margin-top: 40px
    }

    .complete_list li .tit {
        width: 100px;
        vertical-align: top
    }

    .complete_list li strong .card_num {
        display: block;
        padding-right: 0
    }

    .card_lost .df_list_wrap .df_list .item.tit {
        width: 40%
    }

    .card_lost .df_list_wrap .df_list .item.con {
        width: 60%
    }

    .col_type01 {
        width: 103px
    }

    .col_type02 {
        width: 106px
    }

    .customer_protect_img_area .pc {
        display: none
    }

    .customer_protect_img_area .m {
        display: block
    }

    .customer_protect_img_area img {
        width: 100%;
        max-width: 640px
    }

    .minwon_regist ul li {
        height: 76px;
        padding-left: 92px
    }

    .minwon_regist ul li + li {
        margin-top: 26px
    }

    .minwon_regist ul li .minwon_title {
        font-size: 1.6rem
    }

    .minwon_regist ul li.regist01 {
        background-size: 70px auto
    }

    .minwon_regist ul li.regist02 {
        background-size: 70px auto
    }

    .minwon_regist ul li.regist03 {
        background-size: 70px auto
    }

    .finance_customer_top {
        margin-bottom: 30px
    }

    .finance_customer_top .right_area {
        width: 100%
    }

    .finance_customer_top .select_area label {
        width: 100%
    }

    .finance_customer_top .select_area .select_wrap {
        width: 100%;
        padding-right: 0
    }

    .finance_customer_top .select_area + .marker_refer {
        width: 100%;
        margin-top: 12px
    }

    .voteresult_pop .list_group .list01 .cell1 {
        width: 55%
    }

    .voteresult_pop .list_group .list01 .cell2 {
        width: 45%
    }

    .voteresult_pop .vote_num::before {
        margin: 0 10px -3px 0;
        background: url(/pconts/images/icon/ico_user_m.png) no-repeat;
        background-size: 100%
    }

    .voteresult_pop.type02 .usage_transport {
        display: block;
        overflow: hidden
    }

    .voteresult_pop.type02 .item:last-child .usage_transport {
        padding-top: 8px
    }

    .voteresult_pop.type02 .list_group .list01 .cell1 {
        width: 100%
    }

    .voteresult_pop.type02 .list_group .list01 .cell2 {
        float: right;
        width: 30%;
        padding-top: 8px
    }

    .finance_consumer .btn_wrap.col02 .btn.default {
        float: left;
        width: calc(50% - 4px);
        min-width: auto
    }

    .finance_consumer .btn_wrap.col02 .btn.default:nth-child(2n) {
        margin-left: 8px
    }

    .finance_consumer .btn_wrap.col02 .btn.default:nth-child(3) {
        margin-top: 8px
    }

    .finance_consumer .accordion_wrap.type02.use_select_list .accordion_header .cell1 .check_wrap label .info .title_area {
        width: 100%
    }

    .finance_consumer .manage_gp {
        height: 190px;
        background: url(/pconts/images/contents/customer/bg_cporganization_m.png) no-repeat;
        background-size: 100%
    }

    .total_service .cal_box {
        padding: 0
    }

    .total_service .cal_box li {
        width: 33.3%;
        padding-right: 10px;
        padding-left: 10px
    }

    .total_service .cal_box li.total, .total_service .cal_box li.plus {
        padding-right: 13px;
        padding-left: 13px
    }

    .total_service .cal_box li.total::after {
        right: 0;
        width: 13px;
        height: 8px;
        margin-top: -4px
    }

    .total_service .cal_box li.plus::before {
        right: 6.3px;
        width: 1px;
        height: 13px;
        margin-top: -6.3px
    }

    .total_service .cal_box li.plus::after {
        right: 0;
        width: 13px;
        height: 1px
    }

    .total_service .img_box {
        display: block
    }

    .total_service .img_box > li {
        float: none;
        padding: 0
    }

    .total_service .img_box > li + li {
        margin-top: 30px
    }

    .total_service .ic_card.img_box > li .img_area {
        width: 165px;
        height: 105px;
        margin: 0 auto 10px
    }

    .total_service .ic_card.img_box > li .img_area.img01 {
        background: url(/pconts/images/contents/customer/ic_card_img01_m.png) no-repeat center;
        background-size: 100%
    }

    .total_service .ic_card.img_box > li .img_area.img02 {
        background: url(/pconts/images/contents/customer/ic_card_img02_m.png) no-repeat center;
        background-size: 100%
    }

    .total_service .sticker.img_box {
        display: inline-block
    }

    .total_service .sticker.img_box > li {
        float: left;
        height: 137px
    }

    .total_service .sticker.img_box > li + li {
        margin-top: 0;
        margin-left: 40px
    }

    .total_service .sticker.img_box > li .img_area {
        margin-bottom: 10px
    }

    .total_service .sticker.img_box > li .img_area.img01 {
        width: 105px;
        height: 105px;
        background: url(/pconts/images/contents/customer/sticker_img01_m.png) no-repeat center;
        background-size: 100%
    }

    .total_service .sticker.img_box > li .img_area.img02 {
        width: 68px;
        height: 69px;
        margin-top: 36px;
        background: url(/pconts/images/contents/customer/sticker_img02_m.png) no-repeat center;
        background-size: 100%
    }

    .total_service .brand {
        width: 86px;
        height: 40px;
        margin: 0 auto
    }

    .total_service .brand.master {
        width: 53px;
        background: url(/pconts/images/contents/customer/brand_master_m.png) no-repeat top center;
        background-size: 100%
    }

    .total_service .brand.visa {
        width: 62px;
        background: url(/pconts/images/contents/customer/brand_visa_m.png) no-repeat top center;
        background-size: 100%
    }

    .total_service .brand.jcb {
        width: 49px;
        background: url(/pconts/images/contents/customer/brand_jcb_m.png) no-repeat top center;
        background-size: 100%
    }

    .total_service .brand.union {
        width: 59px;
        background: url(/pconts/images/contents/customer/brand_union_m.png) no-repeat top center;
        background-size: 100%
    }

    .total_service .brand_img_box {
        width: 100%;
        height: auto
    }

    .total_service .brand_img_box > li {
        width: 33.3%;
        padding: 0
    }

    .total_service .brand_img_box > li .img_area {
        width: 100%;
        height: 40px
    }

    .total_service .brand_img_box > li .img_area.img01 {
        width: 62px;
        margin: 0 auto 10px;
        background: url(/pconts/images/contents/customer/brand_visa_m.png) no-repeat center bottom;
        background-size: 100%
    }

    .total_service .brand_img_box > li .img_area.img02 {
        width: 54px;
        margin: 0 auto 10px;
        background: url(/pconts/images/contents/customer/brand_master_m.png) no-repeat center bottom;
        background-size: 100%
    }

    .total_service .brand_img_box > li .img_area.img03 {
        width: 59px;
        margin: 0 auto 10px;
        background: url(/pconts/images/contents/customer/brand_union_m.png) no-repeat center bottom;
        background-size: 100%
    }

    .total_service .tax_free_img {
        width: 300px;
        height: 66px;
        margin: 0 auto;
        background: url(/pconts/images/contents/customer/taxfree_img_m.png) no-repeat center;
        background-size: 100%
    }

    .ars_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ars_list > li {
        flex-basis: auto;
        width: 50%
    }

    .ars_list > li .ars_item {
        background-position: 50% 20px;
        background-size: 50px auto
    }

    .table_col_type1 .col1 {
        width: 105px
    }

    .table_col_type2 .col1 {
        width: 105px
    }

    .mobile_card .icon_list {
        padding: 10px 0 0 0
    }

    .mobile_card .icon_list.step.col04 > li, .mobile_card .icon_list.step.col03 > li {
        width: 100%
    }

    .mobile_card .icon_list.step > li .icon_box {
        padding: 0 0 0 80px;
        background-position: 0 center
    }

    .mobile_card .icon_list.step.col03 > li, .mobile_card .icon_list.step.col04 > li, .mobile_card .icon_list.step.col05 > li {
        margin-bottom: 0
    }

    .mobile_card .icon_list.step.col03 > li + li, .mobile_card .icon_list.step.col04 > li + li, .mobile_card .icon_list.step.col05 > li + li {
        margin: 50px 0 0 0
    }

    .mobile_card .icon_list.step > li::after {
        left: 18px
    }

    .mobile_card .icon_list.step > li .icon_box .icon_name {
        font-weight: 400
    }

    .mobile_card .icon_list.step > li::after {
        top: auto
    }

    .mobile_card .step_box_wrap .img {
        width: 221px;
        height: 436px
    }

    .news_details .n_tits01 {
        padding: 12px 0 5px
    }

    .news_details .tblNfud th, .news_details .tblNfud td {
        padding: 15px 10px
    }

    .news_details .mgbS {
        margin-bottom: 30px
    }

    .news_details .n_tblc01 + .n_tits01 {
        margin-top: 30px
    }

    .talk_consult_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .talk_consult_list li {
        flex-basis: auto;
        width: 33.33%
    }

    .icon_list.step.card_issue {
        padding-left: 0
    }

    .icon_list.step.card_issue > li:after {
        bottom: -15px;
        left: 20px
    }

    .icon_list.step.card_issue > li .icon_box {
        padding-left: 76px;
        background-position-x: 0
    }

    .feature .feat_sect {
        padding: 18px
    }

    .feature .feat_sect .feat_tit {
        font-size: 1.5rem
    }

    .feature .feat_sect .img_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 25px
    }

    .feature .feat_sect .img_area .img + .img {
        margin-top: 26px;
        margin-left: 0
    }

    .feature .feat_sect .img_area .img_desc {
        margin-top: 17px;
        font-size: 1.5rem
    }

    .feature .feat_sect .img_area .img_group {
        text-align: center
    }

    .feature .feat_sect .img_area .img_group img + img {
        margin-left: 0;
        margin-top: 30px
    }

    .app_download {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .app_download .pod {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

    .app_download .pod.and {
        margin-bottom: 10px
    }

    .app_download .app_down_title {
        margin-bottom: 25px;
        font-size: 1.6rem
    }

    .app_download .img_box {
        margin-top: 15px
    }

    .app_download .img_box img {
        width: 100px
    }

    .app_download .img_box .img_desc {
        padding-left: 10px
    }

    .cloud_service {
        padding-top: 18px;
        padding-bottom: 20px
    }

    .cloud_service:after {
        right: -30px;
        width: 90px;
        height: 86px
    }

    .cloud_service .cloud_service_title {
        font-size: 1.5rem
    }

    .cloud_service .cloud_service_desc {
        margin-bottom: 12px;
        font-size: 1.3rem
    }

    .cloud_service .btn_wrap {
        margin-bottom: 12px
    }

    .cloud_service .cloud_service_info {
        font-size: 1.3rem
    }

    .icon_list.step.broser_cert_list {
        padding-left: 0
    }

    .icon_list.step.broser_cert_list > li:after {
        bottom: -20px;
        left: 20px
    }

    .icon_list.step.broser_cert_list > li .icon_box {
        padding-left: 76px;
        background-position-x: 0
    }

    .cert_merit ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cert_merit ul li {
        width: 100%;
        height: 218px;
        padding-top: 115px
    }

    .cert_merit ul li + li {
        margin-top: 15px
    }

    .cert_merit ul li strong {
        font-size: 1.6rem
    }

    .cert_merit ul li .merit {
        top: 30px;
        width: 70px;
        height: 70px;
        margin-left: -35px
    }

    .cert_merit ul li .merit.icon01, .cert_merit ul li .merit.icon02, .cert_merit ul li .merit.icon03 {
        background-size: 40px
    }

    .cert_merit ul li p {
        margin-top: 10px
    }

    .cert_mobile ul li {
        width: 100%
    }

    .cert_mobile ul li .item {
        padding: 20px
    }

    .step_box_wrap.col3 .step_box .img img {
        max-width: 220px
    }

    .browser_cert .bg_gray {
        padding: 20px
    }

    .ecs_img_area.wid_type2 {
        width: 100%;
        height: 100%
    }

    .ecs_img_area.wid_type2 img {
        max-width: 100%;
        margin: 0 auto
    }

    .affiliate_area {
        padding: 20px
    }

    .affiliate_list {
        margin-top: -8px
    }

    .affiliate_list li {
        width: 33.33%;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .affiliate_list li .img {
        width: 78px;
        height: 30px;
        margin: 0 auto
    }

    .customer_invest {
        width: 100%
    }

    .customer_invest .visual_txt {
        padding: 20px 0 25px;
        margin-bottom: 48px
    }

    .customer_invest .visual_txt::before {
        width: 50px
    }

    .customer_invest .visual_txt .txt_lg {
        font-size: 2.4rem
    }

    .customer_invest .visual_txt .has_img {
        position: absolute;
        right: 0;
        bottom: -7px;
        width: 83px;
        height: 83px;
        background: url(/pconts/images/contents/customer/customer_invest_img.png) no-repeat right center;
        background-size: 100%
    }

    .customer_invest .satis_ls li {
        padding-top: 15px
    }

    .customer_invest .satis_ls li div label {
        display: block;
        margin-bottom: 10px
    }

    .customer_invest.satis_content .satis_cont .satis_btna {
        padding-top: 20px
    }

    .customer_invest .memeberReuquest label {
        margin-bottom: 7px
    }

    .service_link_box {
        padding-top: 28px
    }

    .service_link_list ul {
        width: auto
    }

    .service_link_list li {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 8px
    }

    .service_link_list li .link_item {
        height: 98px;
        padding-left: 20px
    }

    .service_link_list li .link_item .tit {
        font-size: 1.6rem
    }

    .service_link_list li .link_item .con {
        font-size: 1.3rem
    }

    .discomfort_link_list li {
        float: none;
        width: auto
    }

    .discomfort_link_list li + li {
        float: none;
        margin-top: 10px
    }

    .btn_minwon_bridge .btn {
        float: none;
        width: 100%
    }

    .btn_minwon_bridge .btn + .btn {
        margin-top: 8px
    }

    .discomfort_link_list li .link_item {
        height: 156px;
        padding: 26px 20px
    }

    .discomfort_link_list li .link_item.link1:after, .discomfort_link_list li .link_item.link2:after {
        right: 20px;
        bottom: 20px
    }

    .discomfort_link_list li .link_item .tit {
        margin-bottom: 0;
        font-size: 1.6rem
    }

    .discomfort_link_list li .link_item .tit:after {
        width: 7px;
        height: 7px
    }

    .discomfort_link_list li .link_item .con {
        font-size: 1.3rem
    }
}

@media screen and (max-width: 767px) {
    .news_details .news_content_a .t_vcont, .news_details .news-Title {
        height: inherit;
        margin-bottom: 20px !important;
        padding-bottom: 30px;
        background-image: none
    }

    .news_details .btn_white, .news_details .btn_type3, .news_details .btnWt, .news_details .btn_renewalType.type2 {
        display: block;
        margin-top: 10px
    }

    .news_details .btn_white:first-child, .news_details .btn_type3:first-child, .news_details .btnWt, .news_details .btn_renewalType.type2 {
        margin-top: 0
    }

    .img_rf img {
        width: 206px
    }

    .sh_agreement_select {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }

    .sh_agreement_select .select_wrap {
        width: calc(100% - 68px)
    }

    .sh_agreement_select .btn.btn_data {
        min-width: 0
    }

    .sh_agreement_select .btn_data + .btn {
        margin-top: 8px;
        margin-left: 0
    }
}

.expend_wrap.bg_topsbg::before {
    background-color: #f4f1ea;
    background-color: rgba(242, 241, 234, 1.0)
}

.topsgrad_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0
}

.topsgrad_wrap .gradeinfo {
    flex: 1;
    position: relative;
    margin: 0 20px
}

.topsgrad_wrap .gradeinfo .calc_view {
    display: table;
    margin: 0 auto;
    padding: 20px 0
}

.topsgrad_wrap .gradeinfo .calc_view dl {
    float: left;
    display: block;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    overflow: hidden
}

.topsgrad_wrap .gradeinfo .calc_view dl dt {
    display: block;
    height: 45%;
    padding: 35px 0 0 0;
    font-size: 16px;
    color: #fff;
    background-color: #8d743a;
    text-align: center
}

.topsgrad_wrap .gradeinfo .calc_view dl dd {
    display: block;
    height: 55%;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background-color: #8d743a;
    text-align: center
}

.topsgrad_wrap .gradeinfo .calc_view dl + dl {
    margin-left: 75px
}

.topsgrad_wrap .gradeinfo .calc_txt {
    margin: 0 auto;
    text-align: center
}

.topsgrad_wrap .gradeinfo .calc_txt p {
    font-size: 16px
}

.topsgrad_wrap .gradeinfo .calc_txt p span {
    color: #8d743a;
    font-weight: 700
}

.topsgrad_wrap .gradeinfo .calc_txt .turm {
    margin-top: 10px
}

.topsgrad_wrap .gradeinfo .btn_wrap {
    position: absolute;
    right: 0;
    bottom: 0
}

.topsgrad_wrap .gradeview {
    flex: 1;
    margin: 0 20px;
    background: #fff;
    padding: 19px 38px;
    border-radius: 10px;
    box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17)
}

.topsgrad_wrap .gradeview > .title {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.topsgrad_wrap .gradeview > .txt {
    font-size: 13px;
    color: #111
}

.topsgrad_wrap .gradeview .js_animate_won .txt {
    transition-duration: 0.6s !important
}

.myshgrade_wrap {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    margin-top: 30px;
    border-radius: 8px;
    border: solid #ddd 1px
}

.myshgrade_wrap .myshgrade_info {
    display: block;
    position: relative;
    margin: 0;
    padding: 30px 70px 27px 40px;
    background-color: #fafafa;
    border-radius: 8px 8px 0 0
}

.myshgrade_wrap .myshgrade_info .title {
    display: block;
    position: relative;
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.myshgrade_wrap .myshgrade_info .txt {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #111
}

.myshgrade_wrap .myshgrade_info .txt strong {
    color: #8d743a;
    font-weight: 400
}

.myshgrade_wrap .detail_toggle {
    display: block;
    position: absolute;
    right: 30px;
    top: 44px;
    width: 30px;
    height: 30px;
    font-size: 1px;
    color: transparent
}

.myshgrade_wrap .detail_toggle::after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 5px;
    width: 11px;
    height: 11px;
    border-bottom: solid #444 2px;
    border-right: solid #444 2px;
    transform: rotate(45deg)
}

.myshgrade_wrap .detail_toggle.on::after {
    transform: rotate(-135deg);
    top: 10px
}

.myshgrade_chart_list {
    position: relative;
    width: 370px;
    margin-top: 10px
}

.myshgrade_bar {
    display: table;
    position: relative;
    width: 100%
}

.myshgrade_bar dl {
    display: table;
    position: relative;
    width: 100%;
    margin: 0 0 3px 0;
    padding: 0
}

.myshgrade_bar dt {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 16px
}

.myshgrade_bar dd.grade {
    float: left;
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 13px
}

.myshgrade_bar dd.point {
    display: inline-block;
    position: absolute;
    right: -40px;
    top: 14px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

.myshgrade_bar + .myshgrade_bar {
    margin-top: 15px
}

.shg_bargraph {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 13px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    overflow: hidden;
    background-color: #e1e1e1
}

.shg_bargraph span {
    flex: 1;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    background-color: transparent
}

.shg_bargraph span::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #cacaca
}

.shg_bargraph::after {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #4e5b68;
    transform: translateX(0)
}

.shg_bargraph.star01::after {
    animation: barGraphStar01 0.2s 0.6s ease forwards
}

.shg_bargraph.star02::after {
    animation: barGraphStar02 0.4s 0.6s ease forwards
}

.shg_bargraph.star03::after {
    animation: barGraphStar03 0.6s 0.6s ease forwards
}

.shg_bargraph.star04::after {
    animation: barGraphStar04 0.8s 0.6s ease forwards
}

.shg_bargraph.star05::after {
    animation: barGraphStar05 1.0s 0.6s ease forwards
}

.group_tops .shg_bargraph::after {
    background-color: #8d743a
}

@keyframes barGraphStar01 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(20%);
    }
}

@keyframes barGraphStar02 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(40%);
    }
}

@keyframes barGraphStar03 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(60%);
    }
}

@keyframes barGraphStar04 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(80%);
    }
}

@keyframes barGraphStar05 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(100%);
    }
}

.special_txt, .premium_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt {
    display: inline-block;
    min-width: 72px;
    min-height: 20px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    padding: 0 10px;
    margin-right: 8px;
    vertical-align: top
}

.special_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt {
    color: #8d743a;
    border: 1px solid #8d743a
}

.premium_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt {
    color: #111;
    border: 1px solid #111
}

.premium_coupon_list .coupon_conts .txt_area .special_txt {
    width: 82px;
    margin: 0 0 0 5px
}

.premium_coupon_list .coupon_conts .txt_area .premium_txt {
    width: 82px;
    margin: 0 0 0 5px
}

.shg_bargraph span:last-child::after {
    display: none
}

.myshgrade .shg_bargraph {
    margin-bottom: 5px
}

.pluse_target {
    position: relative;
    display: block;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background-color: #2c2121
}

.pluse_target::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    left: calc(-50vw + 50%);
    top: 0;
    width: 100vw;
    height: 70px
}

.pluse_target > a {
    display: block;
    width: 980px;
    height: 70px;
    margin: 0 auto;
    padding: 0;
    text-align: right;
    background: url('/pconts/images/contents/topsclub/bg_topsgrade.png') no-repeat top right;
    background-size: auto 70px
}

.pluse_target > a span {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 300px 0 0
}

.pluse_target > a span > em {
    color: #e9d2af
}

.pluse_target > a span::after {
    content: '';
    display: block;
    position: absolute;
    right: -14px;
    top: calc(50% - 5px);
    width: 9px;
    height: 9px;
    border-top: solid #fff 1px;
    border-right: solid #fff 1px;
    transform: rotate(45deg)
}

.card_activity_wrap {
    display: block;
    position: relative;
    margin: 60px 0;
    padding: 0
}

.card_activity_wrap .crown_message {
    display: block;
    position: relative;
    margin: 0 0 30px 0;
    padding: 20px 0 0 0;
    border-top: solid #ddd 1px
}

.crown_message dl {
    display: table;
    position: relative;
    min-height: 32px;
    margin: 0 0 20px 0;
    padding: 0 0 0 43px
}

.crown_message dl::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 40px;
    height: 30px;
    background: url(/pconts/images/contents/topsclub/card_crown.png) no-repeat 50%;
    background-size: cover
}

.crown_message dl dt {
    display: table-cell;
    position: relative;
    margin: 0;
    padding: 0 11px 0 10px;
    font-size: 18px
}

.crown_message dl dt::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 16px;
    background-color: #111
}

.crown_message dl dd {
    display: table-cell;
    position: relative;
    margin: 0;
    padding: 0 0 0 11px;
    font-size: 18px;
    color: #8d743a;
    font-weight: 700
}

.crown_message p {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #333;
    line-height: 1.5
}

.crown_message p .point {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2
}

.card_activity_wrap .card_activity {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 160px 0 45px 0
}

.card_activity .card_activity_chart {
    display: table;
    position: relative;
    width: 530px;
    height: 16px;
    margin: 0 auto;
    padding: 0;
    background-color: #ddd;
    border-radius: 8px
}

.card_activity .card_activity_chart .chrt_position {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    min-width: 5%;
    background-color: #8d743a;
    border-radius: 8px
}

.card_activity .card_activity_chart .jumpUp {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -170px;
    width: 250px;
    padding: 5px 22px 5px 12px;
    text-align: center;
    border-radius: 4px;
    background: #333;
    color: #fff;
    font-size: 13px
}

.card_activity .card_activity_chart .jumpUp::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    z-index: 5;
    width: 12px;
    height: 6px;
    background: url(/pconts/images/contents/mypage/tooltip_arr.png) no-repeat;
    transform: translateX(-50%);
}

.card_activity .card_activity_chart .jumpUp::after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 12px;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.card_activity .card_activity_chart .chrt_position .complete_body {
    padding: 0
}

.card_activity .card_activity_chart .chrt_position .complete_body.ani_ico {
    position: absolute;
    right: 40px
}

.card_activity .card_activity_chart .chrt_position .tooltip.pcuse {
    position: absolute;
    right: -90px;
    top: -170px
}

.card_activity ol {
    display: table;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.card_activity ol li {
    float: left;
    display: block;
    position: relative;
    height: 16px;
    width: 30%;
    margin: 0;
    padding: 0
}

.card_activity ol li.gn01 {
    width: 20%
}

.card_activity ol li.gn04 {
    width: 20%
}

.card_activity ol li span {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 30px;
    text-align: center
}

.card_activity ol li span strong {
    display: block;
    font-weight: 700
}

.card_activity ol li::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 16px);
    top: -8px;
    width: 32px;
    height: 32px;
    border: solid #ddd 6px;
    background-color: #FFF;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 50%
}

.card_activity ol.grade01 .gn01 {
    background-color: #8d743a;
    border-radius: 8px
}

.card_activity ol.grade02 .gn02, .card_activity ol.grade03 .gn03 {
    border-radius: 0 8px 8px 0
}

.card_activity ol.grade01 .gn01::after, .card_activity ol.grade02 .gn01::after, .card_activity ol.grade02 .gn02::after, .card_activity ol.grade03 .gn01::after, .card_activity ol.grade03 .gn02::after, .card_activity ol.grade03 .gn03::after, .card_activity ol.grade04 .gn01::after, .card_activity ol.grade04 .gn02::after, .card_activity ol.grade04 .gn03::after, .card_activity ol.grade04 .gn04::after {
    border-color: #8d743a
}

.card_activity ol.grade01 .gn01::before, .card_activity ol.grade02 .gn02::before, .card_activity ol.grade03 .gn03::before,.card_activity ol.grade04 .gn04::before {
    display: block
}

.grade_active_next .accordion_header button span.points, .grade_activity_my .accordion_header button span.points {
    color: #8d743a !important
}

.grade_activity_my .accordion_body {
    background-color: #f6f6f6;
    padding: 40px 20px
}

.grade_activity_my .detail_list {
    display: table;
    position: relative;
    margin: 0 auto 20px auto;
    padding: 0
}

.grade_activity_my .detail_list dl {
    float: left;
    display: block;
    position: relative;
    width: 185px;
    margin: 0;
    padding: 0
}

.grade_activity_my .detail_list dl::before {
    content: '';
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
    padding: 0;
    background-color: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px auto
}

.grade_activity_my .detail_list dl.sect01::before {
    background-image: url(/pconts/images/contents/topsclub/ico_topsgrade01.png)
}

.grade_activity_my .detail_list dl.sect02::before {
    background-image: url(/pconts/images/contents/topsclub/ico_topsgrade02.png)
}

.grade_activity_my .detail_list dl.sect03::before {
    background-image: url(/pconts/images/contents/topsclub/ico_topsgrade03.png)
}

.grade_activity_my .detail_list dt {
    display: table;
    position: relative;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0
}

.grade_activity_my .detail_list dt p {
    display: table-cell;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3
}

.grade_activity_my .detail_list dt p span {
    display: block;
    position: relatvie;
    font-size: 15px
}

.grade_activity_my .detail_list dd {
    display: block;
    position: relative;
    margin: 3px 0 0 0;
    padding: 0;
    text-align: center
}

.grade_activity_my .detail_list dd span {
    font-size: 20px;
    color: #8d743a;
    font-weight: 700
}

.grade_active_next .accordion_body {
    background-color: #f6f6f6;
    padding: 40px 20px
}

.grade_active_next .grid_wrap {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.grid_wrap .active_group {
    float: left;
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.grid_wrap .active_group.card, .grid_wrap .active_group.finance {
    width: 50%
}

.grid_wrap .active_group.benefit {
    width: 100%;
    margin-top: 40px
}

.active_detail {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.active_detail dl {
    float: left;
    display: block;
    position: relative;
    width: 90px;
    margin: 0;
    padding: 100px 0 0 0
}

.active_detail dl dt {
    display: block;
    position: relative;
    height: 47px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700;
    color: #333
}

.active_detail dl dt span {
    display: block;
    font-weight: 400;
    color: #111
}

.active_detail dl dd {
    display: block;
    position: relative;
    margin: 0 -10px;
    text-align: center
}

.active_detail dl dd.point {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    margin: 0;
    border-radius: 45px;
    line-height: 90px;
    color: #FFF;
    border: none;
    font-size: 15px
}

.active_detail dl dd.point span {
    font-size: 20px;
    font-weight: 700
}

.active_group.card .active_detail .point {
    background-color: #8d743a
}

.active_group.finance .active_detail dl + dl {
    margin-left: 60px
}

.active_group.finance .active_detail .point {
    background-color: #081350
}

.active_group.benefit .active_detail dl + dl {
    margin-left: 30px
}

.active_group.benefit .active_detail .point {
    background-color: #4e5b68
}

.active_group .active_detail dl.disable .point {
    background-color: #bebebe
}

.grid_wrap+ .btn_wrap {
    margin-top: 24px
}

.mytops_service {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 60px 0;
    padding: 0;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mytops_service .finance_service {
    margin-right: 25px;
    padding: 0;
    width: calc(50% - 25px)
}

.mytops_service .finance_service .h_wrap, .mytops_service .premium_service .h_wrap {
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.mytops_service .finance_service .text_link, .mytops_service .premium_service .text_link {
    position: absolute;
    right: 0px;
    top: 6px;
    color: #333
}

.mytops_service .finance_service .marker_dot strong {
    color: #333
}

.mytops_service .finance_service .marker_dot li {
    position: relative;
    max-width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    height: 25px
}

.mytops_service .premium_service {
    margin-left: 25px;
    padding: 0;
    width: calc(50% - 25px)
}

.mytops_service .premium_service .h_title24 {
    display: block
}

.mytops_service .premium_service .h_title {
    margin-top: 0px;
    margin-bottom: 10px
}

.mytops_service .premium_service .marker_dot li {
    display: block;
    padding-right: 70px
}

.mytops_service .premium_service .marker_dot li span {
    position: relative;
    max-width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.mytops_service .marker_dot + p {
    margin-top: 25px
}

.mytops_service .premium_service .marker_dot .badge {
    display: inline-block;
    position: absolute;
    width: initial;
    right: 0;
    top: 0;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 10px;
    border-radius: 11px;
    color: #FFF;
    font-weight: 700;
    font-size: 13px
}

.mytops_service .premium_service .marker_dot .badge.select {
    background-color: #999
}

.mytops_service .premium_service .marker_dot .badge.check {
    background-color: #8d743a
}

.mytops_service .premium_service .marker_dot li.no_data {
    padding-right: 0;
    height: 70px;
    line-height: 70px;
    text-align: center
}

.mytops_service .premium_service .marker_dot li.no_data::before {
    display: none
}

.mytops_service .premium_service .btn_wrap {
    margin-top: 20px
}

.mytops_wrap .accordion_body .area .marker_refer > li {
    font-size: 15px
}

.title_linked {
    display: inline-block;
    padding-right: 20px
}

.title_linked::after {
    content: '';
    display: block;
    position: absolute;
    right: 2px;
    top: calc(50% - 6px);
    width: 10px;
    height: 10px;
    border-top: solid #111 2px;
    border-right: solid #111 2px;
    transform: rotate(45deg)
}

.mytops_banner {
    display: block;
    position: relative;
    margin: 0 0 60px 0;
    padding: 0
}

.mytops_banner > a {
    display: block;
    position: relative;
    height: 150px;
    margin: 0;
    padding: 30px 38px 20px 38px;
    border: solid #ddd 1px;
    border-radius: 8px
}

.mytops_banner .tops_banner_title {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    line-height: 1.2
}

.mytops_banner .tops_banner_txt {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.mytops_banner .tops_banner_img {
    display: block;
    position: absolute;
    width: 170px;
    margin: 0;
    padding: 0;
    right: 40px;
    top: 20px
}

.mytops_banner .tops_banner_img img {
    display: block;
    width: 100%
}

.pop_grade_point {
    display: block;
    position: relative;
    margin: 20px 0;
    padding: 0
}

.pop_grade_point img {
    display: block;
    width: 100%
}

.table_wrap.pop_table_grade_point table tfoot th {
    background-color: #FFF !important;
    font-weight: 700;
    border-right: none
}

.table_wrap.pop_table_grade_point table tfoot td {
    background-color: #FFF;
    font-weight: 700;
    border-left: none
}

.insti_graph img {
    width: 320px
}

.line_type0 {
    line-height: 1.2
}

.grade_graph img {
    width: 320px
}

.point_area {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #333
}

.grade_list li {
    position: relative;
    margin-right: 10px;
    float: left;
    width: 320px;
    height: 100px;
    padding: 20px 10px 20px 115px;
    border: 1px solid #ddd;
    border-radius: 10px
}

.grade_list li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 23px;
    width: 70px;
    height: 70px;
    background-color: #f6f6f6;
    border-radius: 50%
}

.grade_list li:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 23px;
    width: 70px;
    height: 70px
}

.grade_list li:last-child {
    margin-right: 0
}

.grade_list li p {
    line-height: 1.2
}

.grade_list li p + p {
    margin-top: 7px
}

.grade_list .list0:after {
    background: url(/pconts/images/contents/topsclub/guide/img_grade_thumb0.png) no-repeat center;
    background-size: 50px
}

.grade_list .list1:after {
    background: url(/pconts/images/contents/topsclub/guide/img_grade_thumb1.png) no-repeat center;
    background-size: 50px
}

.grade_list .list2:after {
    background: url(/pconts/images/contents/topsclub/guide/img_grade_thumb2.png) no-repeat center;
    background-size: 50px
}

.graph_box {
    padding-left: 20px;
    background: url(/pconts/images/contents/topsclub/guide/img_grade_card_graph_box.jpg) no-repeat 0 3px / 10px auto
}

.table_both_area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.table_both_area > div.left, .table_both_area > div.right {
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 40%
}

.table_both_area .ar {
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 20%
}

.table_both_area .ar .ar_area {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(/pconts/images/contents/topsclub/guide/bg_faq.png) no-repeat 50% calc(50% + 30px)
}

.table_both_area .ar .ar_area > span {
    display: table-cell;
    vertical-align: middle;
}

.ex_check {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ex_check .check_on, .ex_check .check_off {
    position: relative;
    padding-left: 33px;
    line-height: 28px;
    margin: 0 10px;
    min-width: 70px;
    text-align: left
}

.ex_check .check_on::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: url('/pconts/images/icon/ico_check_on.png') no-repeat;
    background-size: 26px auto
}

.ex_check .check_off::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: url('/pconts/images/icon/ico_check_off.png') no-repeat;
    background-size: 26px auto
}

.topsClub_service .h_wrap .h_title {
    font-size: 24px;
    color: #111
}

.topsClub_service .highlighter_lg {
    background-color: #ddd5c4
}

.topsClub_service .content_heading .title .head_mid_txt {
    font-size: 48px
}

.topsClub_service .content_heading .title .head_bot_txt {
    font-size: 36px
}

.topsClub_service .cert_merit ul li {
    height: 239px;
    padding-top: 140px
}

.topsClub_service .cert_merit ul li .merit.icon01 {
    background: #fcf6ed url(/pconts/images/contents/customer/ico_topclub01.png) no-repeat center;
    background-size: 50px
}

.topsClub_service .cert_merit ul li .merit.icon02 {
    background: #fcf6ed url(/pconts/images/contents/customer/ico_topclub02.png) no-repeat center;
    background-size: 50px
}

.topsClub_service .cert_merit ul li .merit.icon03 {
    background: #fcf6ed url(/pconts/images/contents/customer/ico_topclub03.png) no-repeat center;
    background-size: 50px
}

.topsClub_service .cert_merit ul li .merit.icon04 {
    background: #fcf6ed url(/pconts/images/contents/customer/ico_topclub04.png) no-repeat center;
    background-size: 50px
}

.topsClub_service .cert_merit ul li .merit.icon05 {
    background: #fcf6ed url(/pconts/images/contents/customer/ico_topclub05.png) no-repeat center;
    background-size: 50px
}

.topsClub_service .cert_merit.two_cert_merit ul li {
    width: 479px
}

.topsclub_premium_swiper {
    position: relative;
    width: 100%;
    margin: 0 auto 0
}

.topsclub_premium_swiper .swiper-container {
    height: auto !important;
    border: 0 !important;
    background: #c8c8c8
}

.topsclub_premium_swiper .swiper-slide {
    text-align: center
}

.topsclub_premium_swiper .img img {
    display: block;
    width: 100%
}

.topsclub_premium_swiper .img span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700
}

.topsclub_premium_swiper [class^='nav-button'] {
    position: absolute;
    top: calc(50% - 20px);
    display: block;
    width: 46px;
    height: 58px;
    z-index: 10;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5)
}

.topsclub_premium_swiper [class^='nav-button']::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: solid #fff;
    border-width: 3px 3px 0 0
}

.topsclub_premium_swiper .nav-button-prev {
    left: 1px
}

.topsclub_premium_swiper .nav-button-next {
    right: 1px
}

.topsclub_premium_swiper .nav-button-prev::before {
    left: 17px;
    top: 20px;
    transform: rotate(-135deg)
}

.topsclub_premium_swiper .nav-button-next::before {
    left: 10px;
    top: 20px;
    transform: rotate(45deg)
}

.topsclub_premium_swiper .swiper-controls {
    position: absolute;
    right: 30px;
    bottom: 10px;
    width: auto
}

.topsclub_premium_swiper .swiper-controls.is_played .swiper-button-play {
    display: none
}

.topsclub_premium_swiper .swiper-controls.is_played .swiper-button-pause {
    display: inline-block
}

.topsclub_premium_swiper .swiper-controls.is_stoped .swiper-button-play {
    display: inline-block
}

.topsclub_premium_swiper .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.topsclub_premium_swiper .swiper-pagination-fraction {
    display: inline-block;
    position: relative;
    width: 80px;
    color: #fff;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.5)
}

.topsclub_premium_swiper .swiper-pagination-fraction span {
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -1px
}

.topsclub_premium_swiper .swiper-pagination-current span {
    font-weight: 600
}

.topsclub_premium_swiper .swiper-button-pause {
    position: relative;
    display: inline-block;
    left: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.topsclub_premium_swiper .swiper-button-pause::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 0 2px;
    border-color: #fff;
    border-style: solid
}

.topsclub_premium_swiper .swiper-button-play {
    position: relative;
    display: none;
    left: 0;
    top: -5px;
    width: 20px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.topsclub_premium_swiper .swiper-button-play::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
}

.premium_special_topTxt {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    color: #111
}

.premium_special_topTxt span {
    color: #8d743a
}

.premium_special {
    width: 815px;
    margin: 0 auto;
    margin-bottom: 60px
}

.premium_special .date_swipe_group {
    overflow: visible;
    border-radius: 18px;
    background-color: #e8ebf4
}

.premium_special .btnNav {
    display: block;
    position: absolute;
    width: 46px;
    height: 58px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10
}

.premium_special .btnNav::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: solid #fff;
    border-width: 3px 3px 0 0
}

.premium_special .btnNav_left {
    left: calc(50% - 180px);
    top: calc(50% - 37px)
}

.premium_special .btnNav_right {
    right: calc(50% - 180px);
    top: calc(50% - 37px)
}

.premium_special .btnNav_left::before {
    left: 17px;
    top: 20px;
    transform: rotate(-135deg)
}

.premium_special .btnNav_right::before {
    left: 10px;
    top: 20px;
    transform: rotate(45deg)
}

.premium_special .btnNav button {
    width: 46px;
    height: 58px
}

.premium_special .swiper-slide {
    position: relative;
    display: block;
    text-align: center;
    width: 265px;
    background: #fff;
    border-radius: 10px
}

.premium_special .swiper-slide .coupon_cont {
    text-align: center
}

.premium_special .swiper-slide .coupon_cont figure img {
    opacity: 0.5;
    width: 100%;
    height: 150px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box
}

.premium_special .swiper-slide .coupon_cont strong {
    display: block;
    margin: 10px 25px;
    font-size: 18px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
    word-wrap: break-word
}

.premium_special .swiper-slide .coupon_cont .date {
    display: block;
    margin: 15px 0;
    color: #999;
    font-size: 11px
}

.premium_special .swiper-slide .button_type {
    border-top: 1px dashed #ccc
}

.premium_special .swiper-slide-active .button_type {
    border-top: 1px dashed #ddd
}

.premium_special .swiper-slide .button_type button {
    text-align: center;
    margin: 15px 0
}

.premium_special .swiper-container {
    padding: 75px 0 60px 0
}

.premium_special .swiper-slide {
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.25s ease;
    z-index: 1
}

.premium_special .swiper-slide.swiper-slide-active {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.2);
    z-index: 2;
    opacity: 1;
    box-shadow: -2px 3px 24px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(0, 0, 0, 0.15)
}

.premium_special .swiper-slide.swiper-slide-active .coupon_cont figure img {
    opacity: 1
}

.premium_special.no_swiper .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.premium_special.no_swiper .btnNav_left, .premium_special.no_swiper .btnNav_right {
    display: none
}

.premium_special.no_swiper .swiper-slide {
    background: rgba(255, 255, 255, 1);
    transform: scale(1);
    z-index: 2;
    opacity: 1;
    box-shadow: -2px 3px 24px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(0, 0, 0, 0.15)
}

.premium_special .swiper-pagination {
    width: 815px;
    text-align: center;
    display: block;
    margin: 0 auto
}

.premium_special .swiper-pagination-fraction {
    display: inline-block;
    position: relative
}

.premium_special .swiper-pagination-fraction span {
    display: inline-block;
    line-height: 40px;
    font-size: 18px;
    color: #111;
    letter-spacing: -1px
}

.premiumCoupon .list_group .list_headnote01 {
    padding: 0px
}

.premium_coupon_list ul {
    margin: 0 -19px 0 -11px
}

.premium_coupon_list li {
    width: 50%;
    height: 210px;
    float: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 0 22px 14px;
    background: url('/pconts/images/contents/topsclub/coupon/bg_coupon01.png') no-repeat;
    background-size: calc(100% - 110px) 210px
}

.premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {
    position: relative;
    display: block;
    width: calc(100% - 110px);
    padding: 23px 25px 23px 38px;
    z-index: 1
}

.premium_coupon_list li:nth-child(2n) {
    margin-left: -5px
}

.premium_coupon_list li:nth-child(n+3) {
    margin-top: -14px
}

.premium_coupon_list .coupon_conts {
    position: relative
}

.premium_coupon_list .coupon_conts figure {
    width: 130px;
    display: inline-block
}

.premium_coupon_list .coupon_conts figure img {
    width: 130px;
    height: 130px
}

.premium_coupon_list .coupon_conts .txt_area {
    position: absolute;
    left: 159px;
    top: 7px
}

.premium_coupon_list .coupon_conts .txt_area strong {
    display: inline-block;
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px
}

.premium_coupon_list .coupon_conts .txt_area p {
    font-size: 16px;
    margin: 5px 0 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px
}

.premium_coupon_list .coupon_conts .txt_area span {
    display: inline-block;
    font-size: 13px;
    color: #999
}

.premium_coupon_list .coupon_conts .txt_area .badge_wrap {
    display: inline-block
}

.premium_coupon_list .coupon_down {
    position: relative;
    width: 110px;
    height: 210px;
    margin-top: -11px;
    background: url('/pconts/images/contents/topsclub/coupon/bg_coupon02.png') no-repeat right top;
    background-size: 110px 210px
}

.premium_coupon_list .coupon_down .button_type {
    position: absolute;
    top: calc(50% - 15px);
    right: calc(50% - 25px)
}

.premium_coupon_list .coupon_down .button_type > button, .premium_coupon_list .coupon_down .button_type > a {
    display: block;
    width: 35px;
    height: 35px
}

.premium_coupon_list .coupon_down .btn_more {
    display: block;
    width: 30px;
    height: 30px;
    background: url('/pconts/images/contents/topsclub/coupon/bg_premiumMore.png') no-repeat center
}

.premium_coupon_list + .btn_wrap.btn_cont {
    margin-top: 40px
}

.premium_coupon_detail {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 60px;
    min-height: 288px
}

.premium_coupon_detail .topsclub_premium_swiper {
    float: left;
    width: 490px
}

.premium_coupon_detail .coupon_detail_list {
    position: relative;
    float: right;
    width: calc(100% - 530px)
}

.premium_coupon_detail .coupon_detail_list .txt {
    display: block;
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.premium_coupon_detail .coupon_detail_list .tit {
    display: block;
    font-size: 24px;
    color: #111;
    margin: 5px 0;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px
}

.premium_coupon_detail .coupon_detail_list .info em::after {
    content: '';
    display: inline-block;
    margin: 0 5px;
    width: 1px;
    height: 12px;
    background: #666
}

.premium_coupon_detail .coupon_detail_list dl {
    margin-top: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.premium_coupon_detail .coupon_detail_list dt {
    width: 100px;
    color: #111;
    font-weight: 600;
    margin-bottom: 5px
}

.premium_coupon_detail .coupon_detail_list dd {
    width: calc(100% - 100px);
    margin-bottom: 5px
}

.premium_coupon_detail .level_benefit {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-weight: 600;
    color: #111
}

.premium_coupon_detail .btn_wrap {
    position: static
}

.premium_coupon_detail .btn_wrap button {
    position: absolute;
    left: 530px;
    bottom: 0
}

.tops_thema_wrap .coupon_conts .txt_area p {
    -webkit-line-clamp: 1;
    height: 22px;
    margin-bottom: 2px
}

.tops_thema_wrap .coupon_conts .ckag_box {
    padding-top: 20px
}

.tops_thema_wrap .coupon_conts .ckag_box span {
    font-size: 13px;
    color: #111
}

.tops_thema_wrap .coupon_conts .ckag_box .premium {
    margin-left: 5px;
    display: inline-block;
    width: 73px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0;
    vertical-align: middle
}

.popup.popup_type01.pop_myCoupon_detail {
    background: none
}

.pop_myCoupon_detail .pop_head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.pop_myCoupon_detail .pop_head h3 {
    font-size: 18px
}

.pop_myCoupon_detail .pop_cont {
    position: relative;
    padding: 0px
}

.pop_myCoupon_detail .pop_cont::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 11px;
    height: 150px;
    background: url(/pconts/images/contents/topsclub/coupon/bg_popCoupon01.png) bottom no-repeat;
    background-size: auto 150px
}

.pop_myCoupon_detail .pop_cont::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 11px;
    height: 150px;
    background: url(/pconts/images/contents/topsclub/coupon/bg_popCoupon02.png) bottom no-repeat;
    background-size: auto 150px
}

.pop_myCoupon_detail .coupon_cont {
    text-align: center;
    background: #fff
}

.pop_myCoupon_detail .coupon_cont strong {
    display: block;
    margin: 10px 0;
    font-size: 18px;
    color: #333
}

.pop_myCoupon_detail .coupon_cont .info {
    margin: 0 0 12px 0
}

.pop_myCoupon_detail .coupon_cont em {
    display: block;
    color: #999
}

.pop_myCoupon_detail .coupon_number {
    height: 150px;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin: 0 11px;
    text-align: center;
    background: url(/pconts/images/contents/topsclub/coupon/bg_popCoupon.png) bottom repeat-x;
    background-size: auto 150px
}

.pop_myCoupon_detail .coupon_number .coupon {
    display: block;
    padding-top: 50px
}

.pop_myCoupon_detail .coupon_number .coupon > em {
    display: block
}

.pop_myCoupon_detail .coupon_number .barcode {
    display: block;
    padding-top: 40px
}

.pop_myCoupon_detail .coupon_number .barcode img {
    width: 200px;
    height: 69px
}

.pop_myCoupon_detail .coupon_number .barcode > em {
    display: block;
    font-size: 15px;
    color: #111;
    margin-top: 3px
}

.pop_myCoupon_detail .coupon_number .barcode img {
    width: 270px;
    height: 70px
}

.pop_myCoupon_detail .coupon_number .info {
    display: block;
    padding-top: 70px
}

.pop_myCoupon_detail .coupon_cont figure img {
    width: 130px;
    height: 130px;
    border-radius: 50%
}

.topsService.ly_inner.expend_wrap {
    padding: 60px 0
}

.topsService > .service_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.topsService > .service_list li {
    position: relative;
    width: calc(50% - 7px);
    margin-bottom: 7px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    padding: 50px 50px 30px 195px;
    min-height: 230px
}

.topsService > .service_list li:nth-child(even) {
    margin-left: 7px
}

.topsService > .service_list li::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50px;
    width: 130px;
    height: 130px;
    background-size: auto 130px;
    background-repeat: no-repeat
}

.topsService > .service_list li:nth-child(1)::before {
    background-image: url('/pconts/images/contents/topsclub/service/img_service01.png')
}

.topsService > .service_list li:nth-child(2)::before {
    background-image: url('/pconts/images/contents/topsclub/service/img_service02.png')
}

.topsService > .service_list li:nth-child(3)::before {
    background-image: url('/pconts/images/contents/topsclub/service/img_service03.png')
}

.topsService > .service_list li:nth-child(4)::before {
    background-image: url('/pconts/images/contents/topsclub/service/img_service04.png')
}

.topsService > .service_list li:nth-child(5)::before {
    background-image: url('/pconts/images/contents/topsclub/service/img_service05.png')
}

.topsService > .service_list li .tit {
    display: block;
    font-size: 18px;
    color: #333
}

.topsService > .service_list li .tit + .txt {
    margin: 5px 0 10px 0
}

.topsService > .service_list li .tit + .btn_wrap {
    margin-top: 15px
}

.topsService > .service_list li .btn_wrap .btn + .btn {
    margin-left: 0;
    margin-top: 10px
}

.tops_service_wrap ul.marker_number > li {
    padding-left: 0
}

.tops_service_wrap .bot_brd_line:after {
    content: "";
    display: block;
    width: 96px;
    height: 2px;
    background-color: #333;
    margin-top: 30px
}

.tops_service_wrap .topsService .sr_list {
    padding: 25px 50px 10px 195px
}

.tops_service_wrap .topsService .ct_list {
    padding: 60px 50px 30px 195px
}

.tops_service_wrap .topsService .sr_list .txt {
    margin: 20px 0 10px 0
}

.tops_service_wrap .topsService > .service_list .sr_list .tit + .txt {
    margin: 5px 0 10px 0
}

.tops_service_wrap .topsService > .service_list li {
    min-height: 230px
}

.tops_service_wrap .topsService > .service_list li:last-child {
    padding-top: 40px
}

.tops_service_wrap .btn_wrap span {
    font-weight: 700
}

.tops_plus_wrap .sc_title {
    font-size: 16px;
    color: #111;
    margin: 0 0 10px 0
}

.tops_plus_wrap .marker_dot {
    font-size: 15px
}

.tops_plus_wrap .marker_dot + .sc_title {
    margin-top: 20px
}

.swiper_topsTheme {
    position: relative
}

.swiper_topsTheme .swiper-wrapper {
    width: 100%
}

.swiper_topsTheme .swiper-wrapper li {
    float: left;
    margin-right: 5px
}

.swiper_topsTheme .swiper-wrapper li a {
    position: relative;
    display: block;
    width: 230px;
    height: 153px;
    background-size: 100% 153px;
    background-repeat: no-repeat
}

.swiper_topsTheme .swiper-wrapper li .tit {
    position: absolute;
    left: 25px;
    bottom: 10px;
    display: block;
    width: 80%;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.swiper_topsTheme .swiper-wrapper li .theme01 {
    background-image: url(/pconts/images/contents/topsclub/img_theme01.png)
}

.swiper_topsTheme .swiper-wrapper li .theme02 {
    background-image: url(/pconts/images/contents/topsclub/img_theme02.png)
}

.swiper_topsTheme .swiper-wrapper li .theme03 {
    background-image: url(/pconts/images/contents/topsclub/img_theme03.png)
}

.swiper_topsTheme .swiper-wrapper li .theme04 {
    background-image: url(/pconts/images/contents/topsclub/img_theme04.png)
}

.swiper_topsTheme [class^='nav-button'] {
    position: absolute;
    top: calc(50% - 20px);
    display: block;
    width: 40px;
    height: 40px;
    z-index: 10;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7)
}

.swiper_topsTheme [class^='nav-button']::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-width: 2px 2px 0 0;
    border-color: #ccc;
    border-style: solid
}

.swiper_topsTheme .nav-button-prev {
    left: 0px
}

.swiper_topsTheme .nav-button-next {
    right: 0px
}

.swiper_topsTheme .swiper-button-disabled {
    opacity: 0.3
}

.swiper_topsTheme .nav-button-prev::before {
    left: 15px;
    top: 13px;
    transform: rotate(-135deg)
}

.swiper_topsTheme .nav-button-next::before {
    left: 10px;
    top: 13px;
    transform: rotate(45deg)
}

.swiper_topsTheme .swiper-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 140px;
    bottom: 28px;
    width: auto
}

.swiper_topsTheme .swiper-controls.is_played .swiper-button-play {
    display: none
}

.swiper_topsTheme .swiper-controls.is_played .swiper-button-pause {
    display: inline-block
}

.swiper_topsTheme .swiper-controls.is_stoped .swiper-button-play {
    display: inline-block
}

.swiper_topsTheme .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.list_cardType.tops_plus_main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-start;
    margin: 0 -10px;
    padding-top: 60px
}

.list_cardType.tops_plus_main li {
    flex: inherit;
    width: 50%
}

.list_cardType.tops_plus_main li .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 23px 24px
}

.list_cardType.tops_plus_main li .item .plus_icon {
    flex-shrink: 0;
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.list_cardType.tops_plus_main li .item.golf_booking .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_01.png')
}

.list_cardType.tops_plus_main li .item.golf_ansung .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_02.png')
}

.list_cardType.tops_plus_main li .item.airport_concierge .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_03.png')
}

.list_cardType.tops_plus_main li .item.hanatour .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_04.png')
}

.list_cardType.tops_plus_main li .item.interpark .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_05.png')
}

.list_cardType.tops_plus_main li .item.cgv .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_06.png')
}

.list_cardType.tops_plus_main li .item.icn_airport .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_07.png')
}

.list_cardType.tops_plus_main li .item.seoul_station .plus_icon {
    background-image: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_08.png')
}

.list_cardType.tops_plus_main li .item .plus_detail {
    position: relative;
    width: 100%;
    padding-left: 28px
}

.list_cardType.tops_plus_main li .item .plus_detail .plus_tit {
    display: block;
    padding-top: 7px;
    padding-bottom: 17px;
    font-weight: bold;
    font-size: 18px;
    color: #333
}

.list_cardType.tops_plus_main li .item .plus_detail .plus_txt {
    font-size: 16px
}

.list_cardType.tops_plus_main li .item .plus_detail::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #666;
    border-bottom: none;
    border-right: none;
    transform: rotate(135deg)
}

.tops_plus_prestige .cont_sub_wrap + .cont_sub_wrap {
    margin-top: 55px
}

.tops_plus_prestige .icon_list.step > li .icon_box {
    cursor: default
}

.tops_plus_prestige .plus_service {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: 0 auto;
    padding-bottom: 60px
}

.tops_plus_prestige .plus_service .img {
    flex-shrink: 0;
    display: block;
    width: 490px;
    height: 288px;
    text-align: center
}

.tops_plus_prestige .plus_service .img img {
    width: 100%
}

.tops_plus_prestige .plus_service .detail {
    position: relative;
    width: 100%;
    padding-left: 47px
}

.tops_plus_prestige .plus_service .detail .tit {
    display: block;
    padding-bottom: 25px;
    font-weight: bold;
    font-size: 24px;
    color: #111
}

.tops_plus_prestige .plus_service .detail .btn_sns {
    position: absolute;
    right: 0px;
    top: 3px
}

.tops_plus_prestige .plus_service .detail .btn_sns img {
    width: 33px
}

.tops_plus_prestige .plus_service .detail .info em::after {
    content: '';
    display: inline-block;
    margin: 0 5px;
    width: 1px;
    height: 12px;
    background: #666
}

.tops_plus_prestige .plus_service .detail .txt {
    padding-bottom: 7px;
    font-size: 16px
}

.tops_plus_prestige .plus_service .detail .txt:last-child {
    padding-bottom: 0
}

.tops_plus_prestige .plus_service .detail .btn_wrap {
    position: absolute;
    left: 47px;
    right: 0;
    bottom: 0
}

.tops_plus_prestige .agree_golf_booking {
    margin-bottom: 60px;
    padding: 60px 0
}

.tops_plus_prestige .agree_golf_booking .accordion_body.type01 {
    padding: 16px 20px 16px 54px
}

.tops_plus_prestige .agree_golf_booking .accordion_body.type01 em {
    display: block;
    padding-top: 10px
}

.tops_plus_prestige .btn_golf_booking {
    padding-top: 50px;
    text-align: center
}

.tops_plus_prestige .icon_box {
    background-size: 50px
}

.tops_plus_prestige .icon_box.icon01 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon01.png') no-repeat
}

.tops_plus_prestige .icon_box.icon02 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon02.png') no-repeat
}

.tops_plus_prestige .icon_box.icon03 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon03.png') no-repeat
}

.tops_plus_prestige .icon_box.icon04 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon04.png') no-repeat
}

.tops_plus_prestige .icon_box.icon05 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon05.png') no-repeat
}

.tops_plus_prestige .icon_box.icon06 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon06.png') no-repeat
}

.tops_plus_prestige .icon_box.icon07 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon07.png') no-repeat
}

.tops_plus_prestige .icon_box.hana_icon01 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon01.png') no-repeat
}

.tops_plus_prestige .icon_box.hana_icon02 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon02.png') no-repeat
}

.tops_plus_prestige .icon_box.hana_icon03 {
    background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon03.png') no-repeat
}

.mytops_wrap .tooltip_link.color_black {
    position: relative;
    display: inline-block;
    padding-right: 25px;
    font-weight: 700
}

.mytops_wrap .tooltip_link.color_black::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 1px;
    display: block;
    width: 18px;
    height: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background: url('/pconts/images/contents/topsclub/tops_ico_popup.png') no-repeat center;
    box-sizing: border-box;
    text-indent: 0
}

.mytops_service .finance_service .mytops_sublink .text_link, .mytops_service .premium_service .mytops_sublink .text_link {
    position: relative;
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.mytops_sublink {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.mytops_sublink .text_link::before {
    top: 3px
}

.mytops_sublink .text_link::after {
    top: 9px
}

.mytops_wrap .df_list_wrap .df_list .item_wrap {
    position: relative;
    width: 25%;
    border-right: 1px solid #ddd
}

.mytops_wrap .df_list_wrap .df_list .item_wrap:last-child {
    border: none
}

.mytops_wrap .df_list_wrap.single .df_list .item {
    width: auto;
    float: none;
    display: block;
    padding: 0;
    text-align: center
}

.mytops_wrap .df_list_wrap {
    padding: 30px 0
}

.mytops_wrap .df_list_wrap.single .df_list .item.con {
    font-size: 18px;
    color: #333;
    margin-top: 10px
}

.mytops_wrap .head_title {
    padding-top: 30px
}

.mytops_wrap .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico {
    right: 25px
}

.mytops_wrap .card_activity .card_activity_chart .chrt_position .jumpUp {
    right: -100px
}

.mytops_wrap .complete_body.ani_ico.img03::before {
    margin-top: -140px
}

.table_tit .won_txt {
    float: right;
    margin-top: 10px;
    font-size: 15px;
    color: #111
}

.table_wrap.gap20 + .marker_refer.table_bot_txt {
    margin-top: 0;
    font-size: 13px
}

@media only screen and (max-width: 1100px) {
    .table_both_area {
        display:block
    }

    .table_both_area > div.left, .table_both_area > div.right {
        width: 100%
    }

    .table_both_area .ar {
        width: 100%;
        height: 50px
    }

    .table_both_area .ar .ar_area {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        background: url(/pconts/images/contents/topsclub/guide/bg_faq_m.png) no-repeat 50% 21px / 20px auto
    }

    .table_both_area .ar .ar_area > span {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .topsgrad_wrap {
        display: block;
        padding: 20px 0
    }

    .topsgrad_wrap .gradeinfo {
        flex: inherit;
        margin: 0
    }

    .topsgrad_wrap .gradeinfo .calc_view dl {
        width: 100px;
        height: 100px
    }

    .topsgrad_wrap .gradeinfo .calc_view dl dt {
        font-size: 1.3rem;
        padding-top: 27px
    }

    .topsgrad_wrap .gradeinfo .calc_view dl dd {
        font-size: 2.0rem
    }

    .topsgrad_wrap .gradeinfo .calc_view dl + dl {
        margin-left: 40px
    }

    .topsgrad_wrap .gradeinfo .calc_txt {
        width: 100%;
        padding-bottom: 25px
    }

    .topsgrad_wrap .gradeview {
        flex: inherit;
        margin: 25px 0px
    }

    .myshgrade_wrap .myshgrade_info {
        padding: 20px 50px 20px 30px
    }

    .myshgrade_wrap .myshgrade_info .title {
        font-size: 1.5rem
    }

    .myshgrade_wrap .myshgrade_info .txt {
        font-size: 1.3rem
    }

    .myshgrade_wrap .detail_toggle {
        right: 13px;
        top: 35px
    }

    .myshgrade_chart_list {
        width: 100%;
        margin: 0;
        padding: 20px 30px 0 0px
    }

    .myshgrade_bar dt {
        font-size: 15px
    }

    .pluse_target > a {
        width: auto;
        text-align: left;
        background-position-x: calc(100% + 70px)
    }

    .pluse_target > a span {
        margin: 15px 0 0 40px;
        font-size: 15px;
        width: 180px;
        line-height: 1.3
    }

    .pluse_target > a span::after {
        right: 24px;
        top: 24px
    }

    .card_activity_wrap {
        margin: 40px 0 30px 0
    }

    .card_activity_wrap .crown_message {
        padding-top: 10px
    }

    .crown_message dl {
        padding-left: 25px
    }

    .crown_message dl::before {
        width: 20px;
        height: 20px;
        top: 3px
    }

    .crown_message dt, .crown_message dd, .crown_message p {
        font-size: 1.5rem
    }

    .crown_message p .point {
        font-size: 2.6rem
    }

    .card_activity .card_activity_chart {
        display: table;
        position: relative;
        width: 100%;
        height: 10px;
        margin: 0 auto;
        padding: 0;
        background-color: #ddd;
        border-radius: 8px
    }

    .card_activity .card_activity_chart .chrt_position {
        min-width: 5%;
        height: 10px
    }

    .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico::before {
        margin-top: -120px
    }

    .card_activity_wrap .card_activity {
        padding: 150px 0 50px 0
    }

    .card_activity ol {
        width: 100%
    }

    .card_activity ol li {
        height: 10px
    }

    .card_activity ol li span strong {
        margin: 0 -5px
    }

    .card_activity ol li.gn01 {
        width: 20%;
        border-radius: 5px 0 0 5px;
        left: 0px
    }

    .card_activity ol li.gn04 {
        width: 20%;
        border-radius: 0 5px 5px 0
    }

    .card_activity ol li span {
        top: 20px;
        text-align: center;
        font-size: 1.3rem
    }

    .card_activity ol li::before {
        position: absolute;
        left: calc(50% - 25px);
        top: -70px;
        width: 49px;
        height: 49px
    }

    .card_activity ol li::after {
        left: calc(50% - 11px);
        top: -8px;
        width: 22px;
        height: 22px;
        border: solid #ddd 5px
    }

    .grade_activity_my .accordion_body {
        padding: 20px 0
    }

    .grade_activity_my .detail_list {
        width: 100%
    }

    .grade_activity_my .detail_list dl {
        width: 33.33%
    }

    .grade_activity_my .detail_list dl::before {
        width: 60px;
        height: 60px;
        background-size: 40px auto
    }

    .grade_activity_my .detail_list dt {
        height: 36px
    }

    .grade_activity_my .detail_list dt p {
        font-size: 1.5rem
    }

    .grade_activity_my .detail_list dt p span {
        font-size: 1.3rem
    }

    .grade_activity_my .btn_wrap {
        padding: 0 20px
    }

    .grade_active_next .accordion_body {
        padding: 20px 0
    }

    .grade_active_next .h_wrap {
        padding: 0 20px
    }

    .grid_wrap .active_group.card, .grid_wrap .active_group.finance {
        width: 100%
    }

    .grid_wrap .active_group.benefit {
        margin-top: 0
    }

    .active_detail dl {
        width: 33.33%;
        padding: 80px 0 0 0;
        margin-bottom: 20px;
        text-align: center;
        min-height: 150px
    }

    .benefit .active_detail dl {
        min-height: 150px
    }

    .active_detail dl dt {
        height: 40px;
        font-size: 1.3rem;
        line-height: 1.3
    }

    .active_detail dl dd.point {
        left: calc(50% - 35px);
        width: 70px;
        height: 70px;
        border-radius: 35px;
        line-height: 70px;
        font-size: 1.3rem
    }

    .active_group.finance .active_detail dl + dl {
        margin-left: 0px
    }

    .active_group.benefit .active_detail dl + dl {
        margin-left: 0px
    }

    .grid_wrap+ .btn_wrap {
        margin-top: 0;
        padding: 0 10px
    }

    .mytops_service {
        display: block;
        ; margin: 40px 0 30px 0
    }

    .mytops_service .finance_service {
        width: 100%
    }

    .mytops_service .premium_service {
        margin-top: 30px;
        width: 100%;
        margin-left: 0px
    }

    .mytops_service .premium_service .btn_wrap button {
        margin-top: 7px
    }

    .line_type0 {
        line-height: 1.3
    }

    .grade_list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 30px 10px 20px 115px
    }

    .grade_list li:last-child {
        margin-bottom: 0
    }

    .check_wrap .check_default.mob_gap {
        margin-bottom: 16px
    }

    .check_wrap .check_default.mob_gap:last-of-type {
        margin-bottom: 0
    }

    .topsclub_premium_swiper [class^='nav-button'] {
        width: 23px;
        height: 30px
    }

    .topsclub_premium_swiper [class^='nav-button']::before {
        width: 12px;
        height: 12px;
        border-width: 2px 2px 0 0
    }

    .topsclub_premium_swiper .nav-button-prev::before {
        left: 8px;
        top: 8px
    }

    .topsclub_premium_swiper .nav-button-next::before {
        left: 4px;
        top: 8px
    }

    .topsclub_premium_swiper .swiper-controls {
        bottom: 0
    }

    .topsclub_premium_swiper .swiper-pagination-fraction {
        width: 50px
    }

    .topsclub_premium_swiper .swiper-pagination-fraction span {
        line-height: 21px;
        font-size: 13px
    }

    .premium_special .swiper-pagination {
        width: 100%
    }

    .premiumCoupon .list_group .list_headnote01 {
        padding-bottom: 5px
    }

    .premiumCoupon .list_group .list_headnote01 .left_area .count {
        top: 0
    }

    .premium_coupon_list ul {
        margin: 0 -5px
    }

    .premium_coupon_list li {
        width: 100%;
        height: 145px;
        float: none;
        padding: 4px 0 6px 0;
        background: url('/pconts/images/contents/topsclub/coupon/bg_coupon01_m.png') no-repeat;
        background-size: calc(100% - 70px) 145px
    }

    .premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {
        display: block;
        width: calc(100% - 70px);
        padding: 20px 0 0 17px
    }

    .premium_coupon_list li:nth-child(2n) {
        margin-left: 0
    }

    .premium_coupon_list li:nth-child(n+3) {
        margin-top: 0
    }

    .premium_coupon_list li+li {
        margin-top: 5px
    }

    .premium_coupon_list .coupon_conts figure {
        width: 95px
    }

    .premium_coupon_list .coupon_conts figure img {
        width: 95px;
        height: 95px
    }

    .premium_coupon_list .coupon_conts .txt_area {
        left: 110px;
        top: 0;
        width: calc(100% - 95px)
    }

    .premium_coupon_list .coupon_conts .txt_area strong {
        font-size: 15px
    }

    .premium_coupon_list .coupon_conts .txt_area p {
        margin: 0 0 5px 0;
        font-size: 15px
    }

    .premium_coupon_list .coupon_conts .txt_area span {
        font-size: 13px
    }

    .premium_coupon_list .coupon_down {
        width: 70px;
        height: 145px;
        margin-top: -4px;
        background: url('/pconts/images/contents/topsclub/coupon/bg_coupon02_m.png') no-repeat right top;
        background-size: 70px 145px
    }

    .premium_coupon_list .coupon_down .button_type > button, .premium_coupon_list .coupon_down .button_type > a {
        width: 25px;
        height: 25px
    }

    .premiumCoupon.ly_inner {
        padding: 0px
    }

    .premiumCoupon.ly_inner .ly_inner {
        padding: 0 20px
    }

    .premium_coupon_detail {
        margin-bottom: 30px
    }

    .premium_coupon_detail .topsclub_premium_swiper {
        float: inherit;
        width: 100%
    }

    .premium_coupon_detail .coupon_detail_list {
        float: inherit;
        width: 100%;
        margin-top: 30px;
        padding: 0 20px
    }

    .premium_coupon_detail .btn_wrap {
        position: fixed
    }

    .premium_coupon_detail .btn_wrap button, .premium_coupon_detail .level_benefit {
        position: static
    }

    .premium_coupon.complete_body .big_txt {
        font-size: 24px
    }

    .premium_special_topTxt {
        font-size: 20px
    }

    .topsService.ly_inner.expend_wrap {
        padding: 30px 20px
    }

    .topsService .service_list li {
        width: 100%;
        min-height: 150px;
        padding: 20px 30px 20px 140px
    }

    .topsService .service_list li::before {
        top: 35px;
        width: 96px;
        height: 96px;
        background-size: auto 96px
    }

    .topsService .service_list li .tit {
        font-size: 15px
    }

    .topsService .service_list li .tit + .txt {
        margin-bottom: 5px
    }

    .topsService .service_list li .tit + .btn_wrap {
        margin-top: 10px
    }

    .topsService .service_list li .btn_wrap .btn + .btn {
        margin-top: 5px
    }

    .tops_service_wrap.tops_plus_prestige .plus_service {
        padding-bottom: 20px
    }

    .swiper_topsTheme .swiper-wrapper {
        margin: 0 -10px
    }

    .swiper_topsTheme .swiper-wrapper li a {
        width: auto;
        height: 153px;
        margin: 0 5px;
        background-size: 100% 100%
    }

    .swiper_topsTheme .swiper-wrapper li.only a {
        background-size: 100% auto;
        background-position: 50% 50%
    }

    .pop_myCoupon_detail .coupon_cont .info {
        margin-top: -6px
    }

    .list_cardType.tops_plus_main {
        padding-top: 25px
    }

    .list_cardType.tops_plus_main li {
        flex-basis: 100%
    }

    .list_cardType.tops_plus_main li .item {
        padding: 20px 16px
    }

    .list_cardType.tops_plus_main li .item .plus_icon {
        width: 95px;
        height: 95px
    }

    .list_cardType.tops_plus_main li .item .plus_detail {
        padding-left: 15px
    }

    .list_cardType.tops_plus_main li .item .plus_detail .plus_tit {
        padding-top: 0;
        padding-bottom: 7px;
        font-size: 15px
    }

    .list_cardType.tops_plus_main li .item .plus_detail .plus_txt {
        font-size: 15px
    }

    .tops_plus_prestige .cont_sub_wrap + .cont_sub_wrap {
        margin-top: 35px
    }

    .tops_plus_prestige .plus_service {
        display: block;
        width: 100%;
        padding-bottom: 40px
    }

    .tops_plus_prestige .plus_service .img {
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }

    .tops_plus_prestige .plus_service .detail {
        padding: 0 20px
    }

    .tops_plus_prestige .plus_service .detail .tit {
        padding-bottom: 15px
    }

    .tops_plus_prestige .plus_service .detail .btn_wrap {
        position: static;
        padding-top: 10px
    }

    .tops_plus_prestige .plus_service .detail .btn_wrap.m_fixed {
        position: fixed;
        left: 0;
        padding-top: 0
    }

    .tops_plus_prestige .plus_service .detail .btn_wrap .btn_outlink {
        width: auto
    }

    .tops_plus_prestige .plus_service .detail .btn_wrap .btn:first-child {
        margin-bottom: 7px
    }

    .tops_plus_prestige .plus_service .detail .btn_sns {
        right: 20px
    }

    .tops_plus_prestige .agree_golf_booking {
        margin-bottom: 30px;
        padding: 20px
    }

    .tops_plus_prestige .btn_golf_booking {
        padding-top: 30px;
        text-align: left
    }

    .tops_plus_prestige .icon_box.icon01 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon01.png') no-repeat
    }

    .tops_plus_prestige .icon_box.icon02 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon02.png') no-repeat
    }

    .tops_plus_prestige .icon_box.icon03 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon03.png') no-repeat
    }

    .tops_plus_prestige .icon_box.icon04 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon04.png') no-repeat
    }

    .tops_plus_prestige .icon_box.icon05 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon05.png') no-repeat
    }

    .tops_plus_prestige .icon_box.icon06 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon06.png') no-repeat
    }

    .tops_plus_prestige .icon_box.icon07 {
        background: url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon07.png') no-repeat
    }

    .tops_plus_prestige .icon_list.step > li .icon_box {
        background-size: contain
    }

    .topsClub_service .h_wrap .h_title {
        font-size: 1.8rem
    }

    .topsClub_service .btn_cont .btn.default {
        width: 49%;
        height: 55px;
        line-height: 55px;
        min-width: auto;
        padding: 0 15px
    }

    .topsClub_service .btn_cont .btn.default + .btn.default {
        font-size: 15px
    }

    .topsClub_service .btn_cont .btn.default + .btn.default:after {
        top: -1px
    }

    .topsClub_service .btn_cont .btn.default:after {
        right: 5px
    }

    .topsClub_service .content_heading .text_area {
        margin-bottom: 30px
    }

    .topsClub_service .cert_merit ul li {
        height: 187px;
        padding-top: 110px
    }

    .topsClub_service .cert_merit.two_cert_merit ul li {
        width: 100%
    }

    .topsClub_service .content_heading .title .head_mid_txt {
        font-size: 30px
    }

    .topsClub_service .content_heading .title .head_bot_txt {
        font-size: 30px
    }

    .topsClub_service .content_well .ly_inner .cert_merit ul li .merit {
        background-size: 40px
    }

    .tops_complepte .complete_body.type01 {
        padding-top: 102px;
        background-position: 50% 0
    }

    .tops_thema_wrap .coupon_conts .ckag_box {
        padding-top: 10px
    }

    .tops_thema_wrap .coupon_conts .txt_area p {
        margin: 0
    }

    .tops_thema_wrap .coupon_conts .ckag_box .premium {
        width: 57px;
        padding: 0
    }

    .tops_service_wrap .topsService > .service_list li {
        min-height: 170px
    }

    .tops_service_wrap .topsService > .service_list li:nth-child(even) {
        margin-left: 0;
        min-height: 170px;
        padding-top: 35px
    }

    .tops_service_wrap .topsService .sr_list {
        padding: 15px 50px 10px 140px
    }

    .tops_service_wrap .topsService .txt > span {
        display: block
    }

    .tops_service_wrap .topsService .ct_list {
        padding: 35px 30px 20px 140px
    }

    .tops_service_wrap .topsService > .service_list li:nth-child(3)::before {
        top: 70px
    }

    .tops_service_wrap .topsService > .service_list li:last-child {
        padding-top: 30px
    }

    .tops_plus_wrap .location_img img {
        width: 100%
    }

    .mytops_service .finance_service .mytops_sublink .text_link, .mytops_service .premium_service .mytops_sublink .text_link {
        font-size: 16px
    }

    .mytops_sublink .text_link::before {
        top: 1px
    }

    .mytops_sublink .text_link::after {
        top: 7px
    }

    .mytops_wrap .df_list_wrap .df_list .item_wrap {
        width: 100%
    }

    .mytops_wrap .df_list_wrap.single .df_list .item {
        float: left
    }

    .mytops_wrap .df_list_wrap.single .df_list .item.con {
        margin-top: 0;
        float: right;
        text-align: right;
        font-size: 15px;
        font-weight: 700
    }

    .mytops_wrap .df_list_wrap .df_list .item_wrap {
        border: none
    }

    .mytops_wrap .df_list_wrap .df_list .item_wrap + .item_wrap {
        margin-top: 10px
    }

    .mytops_wrap .df_list_wrap {
        padding: 15px 10px
    }

    .mytops_wrap .active_detail {
        margin: -20px 0 0 0
    }

    .mytops_wrap .active_detail dl {
        margin: 20px 0 0 0
    }

    .mytops_wrap .btn_wrap.align_r {
        margin-top: 20px
    }

    .mytops_wrap .active_group.finance dl, .mytops_wrap .active_group.card dl {
        min-height: 130px
    }

    .mytops_wrap .pluse_target > a span {
        margin: 15px 0 0 25px
    }

    .mytops_service .marker_dot + p {
        margin-top: 20px
    }

    .special_txt, .premium_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt {
        margin-left: 3px;
        width: 72px;
        padding: 0
    }

    .tab_wrap .tab_cont.current .table_tit .won_txt {
        display: block;
        float: none;
        margin: 0 0 15px 0
    }

    .tab_wrap .tab_cont.current .table_tit .h_title24 {
        margin-bottom: 10px
    }

    .table_wrap.gap20 + .marker_refer.table_bot_txt {
        margin-top: -10px
    }
}

@media only screen and (max-width: 854px) {
    .premium_special {
        width:100%
    }

    .premium_special .swiper-container {
        overflow: visible
    }

    .premium_special .swiper-slide .coupon_cont strong {
        font-size: 15px;
        height: 44px
    }

    .premium_special .btnNav_left {
        left: 0px
    }

    .premium_special .btnNav_right {
        right: 0px
    }

    .ex_check .check_on, .ex_check .check_off {
        margin: 5px 0px
    }

    .card_activity .tooltip.pcuse {
        display: none
    }

    .premium_coupon_list .coupon_conts .txt_area strong {
        max-width: 80%
    }

    .premium_coupon_list .coupon_conts .txt_area p {
        max-width: 80%
    }
}

@media only screen and (max-width: 375px) {
    .insti_graph img {
        width:100%
    }

    .grade_graph img {
        width: 100%
    }

    .premium_coupon_list .coupon_conts .txt_area strong {
        max-width: 150px
    }

    .premium_coupon_list .coupon_conts .txt_area p {
        max-width: 150px
    }

    .tops_thema_wrap .coupon_conts .ckag_box .premium {
        margin-left: 0
    }
}

.main_index #header .header_inner {
    position: relative;
    z-index: 50
}

.main_index #header .header_top {
    border-bottom-color: transparent;
    background-color: rgba(0,0,0,0.2)
}

.main_index #header .inside_heading > ul:nth-of-type(1) {
    border-right-color: rgba(255,255,255,0.15)
}

.main_index #header .inside_heading .dep1 li:not(:last-child):after {
    background-color: rgba(255,255,255,0.1)
}

.main_index #header .inside_heading .dep1 li, .main_index #header .inside_heading .dep2 .dropdown {
    color: rgba(255,255,255,0.5)
}

.main_index #header .inside_body .login_area .btn_pro:before, .main_index #header .inside_body .login_area .btn_logout:before, .main_index #header .inside_body .logout_area a:not(:first-child):before {
    background-color: rgba(255,255,255,0.1)
}

.main_index #header .inside_body .logout_area, .main_index #header .inside_body .login_area .user_text, .main_index #header .inside_body .login_area .timer, .main_index #header .inside_body .login_area {
    color: rgba(255,255,255,0.5)
}

.main_index #header .inside_body .login_area .btn_logout span {
    background-image: url(/pconts/images/main/index/ico_out.png)
}

.main_index #header .inside_body .login_area .underline:after {
    background-color: rgba(255,255,255,0.5)
}

.main_index #header .inside_body .login_area .timer {
    background-image: url(/pconts/images/main/index/ico_clock.png)
}

.main_index #header .btn_ico_all_menu .top, .main_index #header .btn_ico_all_menu .middle, .main_index #header .btn_ico_all_menu .bottom {
    background-color: #fff
}

.main_index #header .gnb_wrap:before, .main_index #header .gnb_wrap:after {
    display: none
}

.main_index #header .header_body {
    padding-top: 33px;
    height: auto;
    transition: all 0.3s ease
}

.main_index #header .header_body .body_inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 88px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 10;
}

.main_index #header .header_body .head_title {
    margin-top: -8px
}

.main_index #header .header_body .head_title .inside_title a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.main_index #header .header_body .util_mobile {
    display: none
}

.main_index #header .header_body .util_wrap {
    margin-top: 0
}

.main_index #header .header_body .util_wrap .login_area, .main_index #header .header_body .util_wrap .logout_area {
    display: none
}

.main_index #header .header_body .util_wrap {
    float: none;
    margin-left: auto
}

.main_index #header .inside_heading .dep2 .dropdown:after {
    background-image: url(/pconts/images/main/index/top_dropdown_down_main.png)
}

.main_index #header.is_scrolled .header_body {
    padding-top: 0
}

.main_index #container {
    padding-top: 0px
}

.main_index #header {
    background-color: transparent
}

.main_index #header .header_inner {
    background-color: transparent
}

.main_index #header .headerBg {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: opacity 0.5s ease
}

.main_index #header .headerBg.bg_1 {
    background: linear-gradient(135deg, #3a60c2, #66beac)
}

.main_index #header .headerBg {
    z-index: 1
}

.main_index #header .headerBg.is_active {
    opacity: 1
}

.main_index #header .header_body .headerBg {
    z-index: 49;
    display: none
}

.main_index #header.is_gnbOpend .header_body .headerBg_wrap {
    z-index: 45
}

.main_index .main_quick .icon_box.icon01 {
    background-image: url(/pconts/images/main/index/ico_icon01.png)
}

.main_index .main_quick .icon_box.icon02 {
    background-image: url(/pconts/images/main/index/ico_icon02.png)
}

.main_index .main_quick .icon_box.icon03 {
    background-image: url(/pconts/images/main/index/ico_icon03.png)
}

.main_index .main_quick .icon_box.icon04 {
    background-image: url(/pconts/images/main/index/ico_icon04.png)
}

.main_index .main_quick .icon_box.icon05 {
    background-image: url(/pconts/images/main/index/ico_icon05.png)
}

.main_index .main_quick .icon_box.icon06 {
    background-image: url(/pconts/images/main/index/ico_icon06.png)
}

.main_index .main_quick .icon_box.icon07 {
    background-image: url(/pconts/images/main/index/ico_icon07.png)
}

.main_index .main_quick .icon_box.icon08 {
    background-image: url(/pconts/images/main/index/ico_icon08.png)
}

.main_index .main_quick .icon_box.icon09 {
    background-image: url(/pconts/images/main/index/ico_icon09.png)
}

.main_index .main_quick .icon_box.icon10 {
    background-image: url(/pconts/images/main/index/ico_icon10.png)
}

.main_index .main_quick .icon_box.icon11 {
    background-image: url(/pconts/images/main/index/ico_icon11.png)
}

.main_index .main_quick .icon_box.icon12 {
    background-image: url(/pconts/images/main/index/ico_icon12.png)
}

.main_index .main_quick .icon_box.icon13 {
    background-image: url(/pconts/images/main/index/ico_icon13.png)
}

.main_index .main_quick .icon_box.icon14 {
    background-image: url(/pconts/images/main/index/ico_icon14.png)
}

.main_index .main_quick .icon_box.icon15 {
    background-image: url(/pconts/images/main/index/ico_icon15.png)
}

.main_index .main_quick .icon_box.icon16 {
    background-image: url(/pconts/images/main/index/ico_icon16.png)
}

.main_index .main_quick .icon_box.icon17 {
    background-image: url(/pconts/images/main/index/ico_icon17.png)
}

.main_index .main_quick .icon_box.icon18 {
    background-image: url(/pconts/images/main/index/ico_icon18.png)
}

.main_index .main_quick .icon_box.icon19 {
    background-image: url(/pconts/images/main/index/ico_icon19.png)
}

.main_index .main_quick .icon_box.icon20 {
    background-image: url(/pconts/images/main/index/ico_icon20.png)
}

.main_index .main_quick .icon_box.icon21 {
    background-image: url(/pconts/images/main/index/ico_icon21.png)
}

.main_index .main_quick .icon_box.icon22 {
    background-image: url(/pconts/images/main/index/ico_icon22.png)
}

.main_index .main_quick .icon_box.icon23 {
    background-image: url(/pconts/images/main/index/ico_icon23.png)
}

.main_index .main_quick .icon_box.icon24 {
    background-image: url(/pconts/images/main/index/ico_icon24.png)
}

.main_index .main_quick .icon_box.icon25 {
    background-image: url(/pconts/images/main/index/ico_icon25.png)
}

.main_index .main_quick .icon_box.icon26 {
    background-image: url(/pconts/images/main/index/ico_icon26.png)
}

.main_index .main_quick .icon_box.icon27 {
    background-image: url(/pconts/images/main/index/ico_icon27.png)
}

.main_index .main_quick .icon_box.icon28 {
    background-image: url(/pconts/images/main/index/ico_icon28.png)
}

.main_index .main_quick .icon_box.icon29 {
    background-image: url(/pconts/images/main/index/ico_icon29.png)
}

.main_index .bg01 .dim {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -999;
    overflow: hidden;
    background-color: rgba(0,0,0,0.2)
}

.main_index .bg01 video {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden
}

.main_index #container {
    background-color: transparent
}

.main_index .ly_inner {
    width: 1080px
}

.main_index #header {
    width: 100%
}

.main_index #header .gnb_linkbar {
    width: 100%;
    height: 38px;
    background-color: rgba(0,0,0,0.2)
}

.main_index #header .gnb_linkbar ul {
    position: absolute;
    right: 0
}

.main_index #header .gnb_linkbar ul li {
    float: left;
    height: 38px;
    line-height: 38px
}

.main_index #header .gnb_linkbar ul li a.line:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: rgba(255,255,255,0.15)
}

.main_index #header .gnb_linkbar ul li:last-child a {
    display: inline-block;
    padding: 0 20px;
    border-left: 1px solid rgba(255,255,255,0.15);
    border-right: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.4)
}

.main_index #header .gnb_wrap {
    position: relative;
    margin: 0 0 0 84px
}

.main_index #header .gnb_wrap .nav_area {
    width: auto
}

.main_index #header .gnb_wrap .nav_area .dep1 {
    width: auto
}

.main_index #header .gnb_wrap .nav_area .dep1 > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: auto
}

.main_index #header .gnb_wrap .nav_area .dep1 > li > a {
    display: block;
    position: relative;
    font-size: 20px
}

.main_index #header .gnb_wrap .nav_area:before {
    display: none
}

.main_index #header .gnb_wrap .nav_area .allmenu_group {
    top: 140px
}

.main_index #header .gnb_wrap .nav_area .allmenu_scroll {
    margin-top: 21px;
    border-top: 0
}

.main_index #header.is_scrolled .gnb_wrap .nav_area .allmenu_group {
    top: 110px
}

.main_index #header .gnb_wrap .all_menu img {
    width: 24px;
    height: 22px !important;
    margin-top: 2px
}

.main_index #header .gnb_wrap .gnb {
    width: 100%
}

.main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container {
    position: relative;
    width: 100%;
    height: 100%
}

.main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper .swiper-slide {
    display: inline-block;
    width: auto;
    margin-right: 40px;
    position: relative
}

.main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0
}

.main_index #header .gnb_wrap .gnb_slide_wrap .swiper-button-prev {
    display: none
}

.main_index #header .gnb_wrap .gnb_slide_wrap .swiper-button-next {
    display: none
}

.main_index #header .gnb_wrap .gnb ul li a {
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1
}

.main_index #header .gnb_wrap .gnb_member {
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 2
}

.main_index #header .gnb_wrap .gnb_member ul li {
    float: left
}

.main_index #header .gnb_wrap .gnb_member ul li a {
    display: block;
    padding: 0 5px;
    text-align: center
}

.main_index #header .gnb_wrap .gnb_member ul li a img {
    height: 100%
}

.main_index #header .gnb_wrap .gnb_member ul li a span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #fff
}

.main_index #header .gnb_wrap .swiper-button-prev, .main_index #header .gnb_wrap .swiper-button-next {
    display: none
}

.main_index #header .main_con .gnb_wrap {
    display: none
}

.main_index h1.logo {
    margin-bottom: 35px;
    text-align: center
}

.main_index h1.logo a {
    display: inline-block
}

.main_index h1.logo a img {
    width: 100%;
    vertical-align: top
}

.main_index .main_con {
    position: relative;
    z-index: 9
}

.main_index .main_con .main_search .input_wrap {
    position: relative;
    width: 600px;
    margin: 0 auto;
    border-bottom: 2px solid #fff
}

.main_index .main_con .main_search .input_wrap label {
    display: block
}

.main_index .main_con .main_search .input_wrap input {
    height: 52px;
    line-height: 52px;
    padding: 0 0 0 33px;
    border: 0;
    background-color: transparent;
    font-size: 20px;
    color: #fff
}

.main_index .main_con .main_search .input_wrap input:focus {
    padding-left: 33px
}

.main_index .main_con .main_search .input_wrap input::placeholder {
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    line-height: 52px
}

.main_index .main_con .main_search .input_wrap input::-webkit-input-placeholder {
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    line-height: 52px
}

.main_index .main_con .main_search .input_wrap input::-moz-placeholder {
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    line-height: 52px
}

.main_index .main_con .main_search .input_wrap input:-moz-placeholder {
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    line-height: 52px
}

.main_index .main_con .main_search .input_wrap input::-ms-input-placeholde {
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    line-height: 52px
}

.main_index .main_con .main_search .input_wrap input:-ms-input-placeholder {
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    line-height: 52px
}

.main_index .main_con .main_search .input_wrap .search_btn {
    position: absolute;
    top: 15px;
    left: 0;
    height: 24px;
    width: 24px
}

.main_index .main_con .main_search .input_wrap .search_btn img {
    width: 100%;
    vertical-align: top
}

.main_index .main_con .main_search .input_wrap .link_bnr {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -5px;
    width: 60px;
    height: 60px;
    box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.2);
    border-radius: 50%
}

.main_index .main_con .main_search .input_wrap .link_bnr img {
    width: 100%;
    height: 100%
}

.main_index .main_con .main_search .input_wrap.mo_only {
    display: none
}

.main_index .main_con .main_search_word {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 600px;
    overflow: hidden;
    margin: -5px auto;
    padding: 12px 0 10px;
    text-align: center
}

.main_index .main_con .main_search_word li {
    position: relative;
    display: inline-block;
    margin: 3px;
    padding-right: 2px;
    font-size: 15px;
    color: #fff;
    line-height: 1
}

.main_index .main_con .main_search_word li:last-child {
    padding-right: 0
}

.main_index .main_con .main_search_word li a {
    display: block;
    padding: 8px 13px 7px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 34px
}

.main_index .main_banner {
    position: absolute;
    bottom: 0;
    width: 100%
}

.main_index .main_banner .banner_area {
    position: relative;
    width: 670px;
    margin: 0 auto;
    padding: 0
}

.main_index .main_banner .slide_wrap .swiper-slide {
    opacity: 0 !important;
    transition: opacity 0.5s ease
}

.main_index .main_banner .slide_wrap .swiper-slide-active {
    opacity: 1 !important
}

.main_index .main_banner .slide_wrap .swiper-slide a.item {
    display: block;
    position: relative;
    height: 198px
}

.main_index .main_banner .slide_wrap .swiper-slide a.item p {
    position: absolute;
    top: 50px;
    left: 48px
}

.main_index .main_banner .slide_wrap .swiper-slide a.item p strong {
    display: block;
    font-size: 26px;
    color: #fff
}

.main_index .main_banner .slide_wrap .swiper-slide a.item p span {
    display: block;
    position: relative;
    font-size: 14px;
    color: #fff
}

.main_index .main_banner .slide_wrap .bg01 {
    background: url(/pconts/images/main/index/main_banner1.png) no-repeat 0 bottom;
    background-size: 100%
}

.main_index .main_banner .slide_wrap .bg02 {
    background: url(/pconts/images/main/index/main_banner2.png) no-repeat 0 bottom;
    background-size: 100%
}

.main_index .main_banner .slide_wrap .bg03 {
    background: url(/pconts/images/main/index/main_banner3.png) no-repeat 0 bottom;
    background-size: 100%
}

.main_index .main_banner .slide_wrap [class^='nav-button'] {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    overflow: hidden
}

.main_index .main_banner .slide_wrap [class^='nav-button']::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-width: 1px 1px 0 0;
    border-color: #fff;
    border-style: solid
}

.main_index .main_banner .slide_wrap .nav-button-prev {
    left: -30px
}

.main_index .main_banner .slide_wrap .nav-button-prev::before {
    left: 11px;
    transform: rotate(-135deg)
}

.main_index .main_banner .slide_wrap .nav-button-next {
    right: -30px
}

.main_index .main_banner .slide_wrap .nav-button-next::before {
    transform: rotate(45deg)
}

.main_index .main_banner .slide_wrap .nav-button-next.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none
}

.main_index .main_banner .slide_wrap .swiper-pagination-fraction {
    width: 28px;
    bottom: 30px;
    left: 47px;
    font-size: 13px;
    color: #fff;
    letter-spacing: -1px
}

.main_index .main_banner .slide_wrap .swiper-button-pause {
    position: absolute;
    bottom: 30px;
    left: 80px;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.main_index .main_banner .slide_wrap .swiper-button-pause::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 0 2px;
    border-color: #fff;
    border-style: solid
}

.main_index .main_quick {
    background-color: #fff
}

.main_index .main_quick .icon_list.favorite {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
    margin: 0 -10px;
    padding: 0
}

.main_index .main_quick .icon_list.favorite > li {
    width: 100px;
    margin: 0
}

.main_index .main_quick .icon_list.favorite > li .icon_box {
    background-position: center 15px;
    background-size: 44px auto
}

.main_index .main_quick .icon_list.favorite > li .icon_box:focus, .main_index .main_quick .icon_list.favorite > li .icon_box:hover {
    background-position: center -117px
}

.main_index .main_quick .icon_list.favorite > li .icon_box .icon_name {
    padding-top: 68px;
    font-size: 15px;
    padding-bottom: 16px
}

.main_index .main_graybox {
    width: 100%;
    background-color: #f4f5f8
}

.main_index .col02 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.main_index .col02 > li {
    position: relative;
    width: 50%
}

.main_index .main_graybox .col02 > li::after {
    content: '';
    position: absolute;
    top: 48px;
    right: 0;
    display: block;
    width: 1px;
    height: 63px;
    background-color: #e0e0e0
}

.main_index .main_graybox .col02 > li:last-child::after {
    display: none
}

.main_index .footer .footer_inner {
    max-width: 1080px
}

.main_index .footer .number_wrap ul li {
    margin-right: 50px
}

.main_index .btn_wrap.btn_main {
    margin-top: 0px;
    text-align: right
}

.main_index .btn_wrap.btn_main .btn_line_blue {
    border: 1px solid #086ac5;
    background-color: #fff;
    color: #086ac5;
    padding: 13px 30px 12px;
    border-color: #4868eb;
    border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #333;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    text-align: center
}

.main_index .btn_wrap.btn_main .btn_line_blue.btn_arrow + button {
    margin-left: 10px
}

.main_index .btn_wrap.btn_main .btn_line_blue.btn_arrow::after {
    content: '>';
    padding-left: 8px
}

.main_index .btn_wrap.btn_main::after {
    display: none
}

.main_index .contents {
    padding-bottom: 0
}

.main_index .main_graybox {
    width: 100%;
    background-color: #f7f7f9
}

.main_index .main_box .tit {
    padding: 40px 0 0;
    font-size: 28px;
    color: #333;
    line-height: 1
}

.main_index .main_box + .main_box {
    margin-bottom: 90px
}

.main_index .main_box + .main_box .tit {
    margin-top: 35px
}

.main_index .btn_main {
    margin-top: 20px;
    text-align: right
}

.main_index .btn_main .btn_line_blue {
    padding: 14px 30px;
    border-color: #4868eb;
    border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #333;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1)
}

.main_index .btn_main .btn_line_blue.btn_arrow + button {
    margin-left: 10px
}

.main_index .btn_main .btn_line_blue.btn_arrow::after {
    content: '>';
    padding-left: 8px
}

.main_index .main_quick_wrap {
    background-color: #fff
}

.main_index .main_quick_wrap .icon_list.type01 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
    margin: 0 -10px
}

.main_index .main_quick_wrap .icon_list.type01 > li {
    padding: 0 10px;
    margin: 0
}

.main_index .main_quick_wrap .icon_list.type01 > li .icon_box .icon_name {
    padding-top: 67px;
    font-size: 13px
}

.main_index .main_card_wrap {
    position: relative;
    margin-top: 7px
}

.main_index .main_card_wrap .swiper-container {
    padding: 17px 0 16px;
    margin: -7px -41px 0
}

.msie .main_index .main_card_wrap .swiper-container {
    margin: -7px -41px 0 -43px
}

.main_index .main_card_wrap .nav-button-prev, .main_index .main_card_wrap .nav-button-next {
    position: absolute;
    top: 140px;
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    margin-top: -15px;
    z-index: 10;
    overflow: hidden;
    background-image: none
}

.main_index .main_card_wrap .nav-button-next {
    left: auto;
    right: 1px
}

.main_index .main_card_wrap .nav-button-prev::before, .main_index .main_card_wrap .nav-button-next::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 9px;
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg)
}

.main_index .main_card_wrap .nav-button-prev::before {
    left: 16px;
    transform: rotate(-135deg)
}

.main_index .main_card_wrap .swiper-button-disabled {
    opacity: 0.5
}

.main_index .main_card_wrap .swiper-slide {
    width: 20%;
    text-align: center
}

.main_index .main_card_wrap .item {
    display: block
}

.main_index .main_card_wrap .item p {
    display: flex;
    width: 149px;
    height: 237px;
    margin: auto;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
    border-radius: 10px
}

.main_index .main_card_wrap .item strong {
    display: block;
    width: 150px;
    margin: auto;
    margin-top: 17px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    text-align: center
}

.main_index .main_card_wrap .item span {
    color: #333
}

.main_index .main_card_wrap .item img {
    max-width: 238px;
    max-height: 238px
}

.main_index .main_card_wrap .item img.rotate {
    transform: rotate(90deg)
}

.main_index .main_card_wrap .item img.rotate_revert {
    transform: rotate(270deg)
}

.msie .main_index .main_card_wrap .item img.rotate {
    margin-left: -44px
}

.main_index .main_finance_wrap {
    position: relative;
    margin-top: 15px;
    padding: 0 2px 25px
}

.main_index .main_finance_wrap .swiper-container {
    padding: 5px 0 15px;
    overflow: visible;
    margin: 0 -12px
}

.main_index .main_finance_wrap .swiper-wrapper:after {
    content: '';
    display: block;
    clear: both
}

.main_index .main_finance_wrap .swiper-wrapper .swiper-slide {
    float: left;
    width: 20%;
    padding: 0 10px
}

.main_index .main_finance_wrap .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0
}

.main_index .main_finance_wrap .nav-button-prev, .main_index .main_finance_wrap .nav-button-next {
    position: absolute;
    top: calc(290px / 2);
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    margin-top: -15px;
    z-index: 10;
    overflow: hidden;
    background-image: none
}

.main_index .main_finance_wrap .nav-button-next {
    left: auto;
    right: 0
}

.main_index .main_finance_wrap .nav-button-prev::before, .main_index .main_finance_wrap .nav-button-next::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 9px;
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg)
}

.main_index .main_finance_wrap .nav-button-prev::before {
    left: 13px;
    transform: rotate(-135deg)
}

.main_index .main_finance_wrap .swiper-button-disabled {
    opacity: 0.5
}

.main_index .main_finance_wrap .item {
    display: block;
    height: 160px;
    padding: 16px 20px 0px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2)
}

.main_index .main_finance_wrap .item strong {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 1.4;
    font-weight: 700
}

.main_index .main_finance_wrap .item span {
    display: block;
    font-size: 16px;
    color: #111;
    line-height: 1.4
}

.main_index .main_finance_wrap .item .img_area {
    width: 56px;
    height: 48px;
    margin-bottom: 16px;
    text-align: center;
    line-height: 48px
}

.main_index .main_finance_wrap .item .img_area img {
    width: 50px
}

.main_index .main_notice_wrap {
    padding: 35px 0;
    background-color: #fff
}

.main_index .main_notice li {
    position: relative;
    padding: 0 30px
}

.main_index .main_notice li + li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 1px;
    height: 52px;
    background-color: #ddd
}

.main_index .main_notice p strong {
    display: block;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 18px;
    color: #333
}

.main_index .main_notice p span {
    font-size: 14px;
    color: #333
}

.main_index .main_notice .main_morelink {
    position: absolute;
    top: 5px;
    right: 30px;
    padding-right: 14px
}

.main_index .main_notice .main_morelink::after {
    content: '';
    display: block;
    position: absolute;
    right: 2px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 1px solid #333;
    border-bottom: none;
    border-right: none;
    transform: rotate(135deg)
}

.SH_submain .expend_wrap.bg_gray {
    padding: 33px 0 60px;
    background-color: #f7f7f9
}

.SH_submain .contents {
    padding-bottom: 0;
    padding-top: 10px
}

hr.division {
    display: block;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    height: 8px;
    border-top: 1px solid #ddd;
    background-color: #eee;
    background-color: rgba(238, 238, 238, 1.0)
}

hr.division::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    left: calc(-50vw + 50%);
    top: 0;
    width: 100vw;
    height: 8px
}

.submain_favorite {
    width: 1080px;
    margin: 0 auto
}

.submain_favorite .tit_wrap {
    margin-top: 25px
}

.submain_favorite ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.submain_favorite li {
    display: block;
    width: 90px;
    margin: 0 10px;
    text-align: center
}

.submain_favorite li a {
    display: block;
    width: 100%
}

.submain_favorite li span {
    display: block;
    padding-top: 50px;
    font-size: 15px;
    color: #333;
    line-height: 1.3
}

.submain_favorite .icon_list.favorite {
    padding: 0 0 30px
}

.submain_favorite .icon_list.favorite .icon_box {
    background-size: 50px auto
}

.submain_favorite .icon_list.favorite > li .icon_box .icon_name {
    padding: 64px 0 20px;
    font-size: 15px
}

.submain_grayBox {
    display: block;
    width: 100%;
    background: #7a8198;
    padding: 8px 30px 8px 30px;
    color: #fff;
    border-radius: 5px;
    margin: 15px 0
}

.submain_grayBox .conts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.submain_grayBox .txt {
    display: block;
    font-size: 15px
}

.submain_grayBox .number {
    display: inline-block;
    font-weight: 700;
    font-size: 23px;
    margin-left: 10px
}

.submain_grayBox .number em {
    margin-left: 2px;
    font-weight: 400;
    font-size: 15px
}

.submain_grayBox button {
    padding: 10px
}

.submain_grayBox button span {
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.submain_grayBox button:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.submain_mypage .sm_inner {
    width: 1080px;
    margin: 0 auto;
    padding: 46px 0 0
}

.submain_mypage .sm_inner .left {
    float: left
}

.submain_mypage .sm_inner .right {
    float: right
}

.submain_mypage .sm_inner .mySub_top .left.accordion_header {
    width: 394px
}

.submain_mypage .sm_inner .mySub_top .left.accordion_header .icon_preview {
    position: absolute;
    left: 0;
    top: 0;
    width: 73px;
    height: 73px;
    overflow: hidden
}

.submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn {
    display: none;
    position: absolute;
    top: 31px;
    right: 0;
    width: 37px;
    height: 30px;
    padding: 0;
    border: none;
    z-index: 9;
    opacity: 0
}

.submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 -10px;
    border: solid #111;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.submain_mypage .sm_inner .mySub_top .left.accordion_header .sinceDate {
    overflow: visible
}

.submain_mypage .sm_inner .mySub_top .left.accordion_header .sinceDate > span {
    display: inline-flex;
    overflow: hidden
}

.submain_mypage .sm_inner .mySub_top {
    margin-top: -14px
}

.submain_mypage .sm_inner .mySub_top .userLevel {
    color: #111;
    font-size: 28px;
    line-height: 1.2
}

.submain_mypage .sm_inner .mySub_top .userLevel em {
    font-weight: 700
}

.submain_mypage .sm_inner .mySub_top .userLevel b {
    color: #996600;
    font-weight: 400;
    cursor: pointer
}

.submain_mypage .sm_inner .mySub_top .userLevel b a {
    display: inline-block
}

.submain_mypage .sm_inner .mySub_top .recent_date {
    display: block;
    margin-top: 3px;
    color: #999;
    font-size: 13px
}

.submain_mypage.SH_submain .btn_tooltip {
    margin-left: 2px
}

.submain_mypage.SH_submain .btn_tooltip span::after {
    width: 18px;
    height: 18px;
    line-height: 19px
}

.submain_mypage .mySub_top .right {
    float: left;
    width: 355px;
    margin-left: 45px
}

.submain_mypage .mySub_top .right.accordion_body {
    display: block
}

.submain_mypage .mySub_top .right .barCode {
    display: none
}

.submain_mypage .mySub_top .right .links {
    display: inline-block;
    width: 112px;
    vertical-align: top
}

.submain_mypage .mySub_top .right .links button {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 14px 0 26px;
    color: #333;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    margin-bottom: 1px
}

.submain_mypage .mySub_top .right .links button:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 1px;
    width: 18px;
    height: 21px;
    background: url(/pconts/images/contents/mypage/ico_links.gif) no-repeat
}

.submain_mypage .mySub_top .right .links button:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg)
}

.submain_mypage .mySub_top .right .links button em {
    position: relative;
    display: inline-block;
    padding-left: 3px;
    color: #4868e1;
    font-weight: 700
}

.submain_mypage .mySub_top .right .links button.link02:before {
    background-position: 0 -21px
}

.submain_mypage .mySub_top .right .links button.link03:before {
    background-position: 0 -42px
}

.submain_mypage .mySub_mid {
    margin-top: 24px
}

.submain_mypage .mySub_mid .tab_type01 {
    overflow: inherit
}

.submain_mypage .mySub_mid .tab_wrap {
    position: relative
}

.submain_mypage .mySub_mid .tab_wrap::before {
    content: '';
    display: block;
    position: absolute;
    left: calc(-50vw + 50%);
    top: 0;
    width: 100vw;
    height: 100%;
    background: #f7f7f9;
    z-index: 0
}

.submain_mypage .mySub_mid .tab_cont {
    position: relative;
    padding: 60px 0 50px
}

.submain_mypage .mySub_mid .tab_cont .inner {
    padding: 45px 50px;
    background: #fff;
    border-radius: 8px;
    box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17)
}

.submain_mypage .mySub_mid .tab_cont .inner .top:after, .mySub_mid .tab_cont .inner .btm:after {
    content: '';
    display: block;
    clear: both
}

.submain_mypage .mySub_mid .tab_cont .my_amount {
    position: relative;
    float: left;
    width: 455px
}

.submain_mypage .mySub_mid .tab_cont .my_amount + .my_amount {
    float: right;
    margin-left: 70px
}

.submain_mypage .mySub_mid .tab_cont .titCont {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    color: #111;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3
}

.submain_mypage .mySub_mid .tab_cont .titCont:after {
    content: "";
    display: block;
    clear: both
}

.submain_mypage .mySub_mid .tab_cont .titCont .date:after {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #ddd;
    margin-left: 7px;
    margin-right: 5px
}

.submain_mypage .mySub_mid .tab_cont .titCont .standard {
    position: relative;
    padding-right: 20px;
    cursor: pointer
}

.submain_mypage .mySub_mid .tab_cont .titCont .standard:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border: solid #666;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.submain_mypage .mySub_mid .tab_cont a.titCont {
    display: inline-block;
    padding-right: 20px
}

.submain_mypage .mySub_mid .tab_cont a.titCont:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    border: solid #4868e1;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.submain_mypage .mySub_mid .tab_cont .titCont em {
    position: relative;
    display: inline-block
}

.submain_mypage .mySub_mid .tab_cont .titCont em:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background: rgba(72, 104, 225, 0.3)
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list {
    margin-top: 17px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li {
    width: 100%;
    margin-top: 16px;
    line-height: 1;
    text-align: right
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li:after {
    content: '';
    display: block;
    clear: both
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em {
    float: left;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em {
    float: left;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em {
    float: left;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong, .mySub_mid .tab_cont .my_amount .amount_list li > p button {
    flex: 1.2;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong span i {
    font-size: 20px;
    font-weight: 700
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong span.txt i {
    font-weight: 400
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong span.txt.num i {
    font-weight: 700
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li p strong + span, .mySub_mid .tab_cont .my_amount .amount_list li > p button + span {
    display: inline-block;
    padding-left: 3px;
    font-size: 18px;
    font-weight: 400
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p {
    position: relative;
    display: inline-block
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p button {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 700
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p button + span {
    padding-right: 17px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p button + span:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 3px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    transform: rotate(45deg)
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong.ing {
    color: #333;
    font-size: 15px;
    font-weight: 400
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em .btn_tooltip {
    margin-left: 5px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    color: #111;
    font-size: 13px
}

.submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 8px;
    top: 0;
    width: 1px;
    height: 12px;
    margin-top: 4px;
    background: #ddd
}

.submain_mypage .mySub_mid .tab_cont .my_amount .btn_cont {
    margin-top: 25px;
    text-align: center
}

.submain_mypage .mySub_mid .tab_cont .inner .btn_wrap {
    margin-top: 19px;
    text-align: center
}

.submain_mypage .mySub_mid .tab_cont .inner .btn_wrap button {
    margin-top: 8px
}

.submain_mypage .mySub_mid .tab_cont .inner .btn_wrap .btn + .btn {
    margin-left: 4px
}

.submain_mypage .mySub_mid .tab_cont .inner .btm {
    margin-top: 45px
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .amount_list li em {
    color: #111
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .titCont a:first-child {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    cursor: pointer
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .titCont a:first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border: solid #333;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .titCont .standard:after {
    display: none
}

.submain_mypage .mySub_mid .tab_cont .titCont .txt {
    display: block;
    padding-top: 10px;
    color: #111;
    font-size: 13px;
    font-weight: 400
}

.submain_mypage .mySub_mid .tab_cont .mycard_usage {
    float: right;
    width: 455px
}

.submain_mypage .mySub_mid .tab_cont .my_amount.amount_money .amount_list li em {
    color: #333;
    font-weight: 700
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_limit .titCont a:first-child {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    cursor: pointer
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_limit .titCont a:first-child::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    ;transform: rotate(45deg)
}

.submain_mypage .mySub_mid .tab_cont .my_amount.major_account .titCont a:first-child {
    position: relative;
    display: inline-block
}

.submain_mypage .mySub_mid .tab_cont .my_amount.major_account .titCont a:last-child {
    position: absolute;
    top: -2px;
    right: -4px;
    z-index: 10
}

.submain_mypage .mySub_mid .tab_cont .titCont .accountInfo {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-weight: normal;
    font-size: 15px;
    color: #111;
    cursor: pointer
}

.submain_mypage .mySub_mid .tab_cont .titCont .accountInfo:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg)
}

.submain_mypage.SH_submain .tab_cont .my_amount.major_account .btn_tooltip {
    position: absolute;
    top: 10px;
    left: 90px;
    z-index: 10
}

.submain_mypage .mySub_mid .tab_cont .my_amount.month_list .titCont p:first-child {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    cursor: pointer
}

.submain_mypage .mySub_mid .tab_cont .my_amount.month_list .titCont p:first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg)
}

.submain_mypage .mycard_usage .list {
    padding-top: 10px;
    padding-bottom: 10px
}

.submain_mypage .mycard_usage .list li {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 2px 0 2px 35px;
    line-height: 30px;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.submain_mypage .mycard_usage .list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 27px;
    height: 27px;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-size: contain
}

.submain_mypage .mycard_usage .list li.category_1:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_1.png)
}

.submain_mypage .mycard_usage .list li.category_2:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_2.png)
}

.submain_mypage .mycard_usage .list li.category_3:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_3.png)
}

.submain_mypage .mycard_usage .list li.category_4:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_4.png)
}

.submain_mypage .mycard_usage .list li.category_5:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_5.png)
}

.submain_mypage .mycard_usage .list li.category_6:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_6.png)
}

.submain_mypage .mycard_usage .list li.category_7:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_7.png)
}

.submain_mypage .mycard_usage .list li.category_8:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_8.png)
}

.submain_mypage .mycard_usage .list li.category_9:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_9.png)
}

.submain_mypage .mycard_usage .list li.category_A:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_A.png)
}

.submain_mypage .mycard_usage .list li.category_B:before {
    background-image: url(/pconts/images/contents/mypage/franchise_category_B.png)
}

.submain_mypage .mycard_usage .list li.case02:before {
    background-position: -32px 0
}

.submain_mypage .mycard_usage .list li.case03:before {
    background-position: -64px 0
}

.submain_mypage .mycard_usage .list li.case04:before {
    background-position: -96px 0
}

.submain_mypage .mycard_usage .list li .shop_name {
    overflow: hidden;
    flex: 2.5;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap
}

.submain_mypage .mycard_usage .list li .right_l {
    flex: 1.7;
    text-align: right
}

.submain_mypage .mycard_usage .list li .num {
    display: inline-block;
    vertical-align: middle
}

.submain_mypage .mycard_usage .list li .sum {
    display: inline-block;
    min-width: 100px;
    padding-left: 14px;
    color: #111;
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle
}

.submain_mypage .mycard_usage .list li .sum + span {
    display: inline-block;
    padding-left: 3px;
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle
}

.submain_mypage .mycard_usage .list + .btn_wrap {
    margin-top: 14px
}

.submain_mypage .my_advance .mylifmit_info_wrap {
    margin-top: 22px
}

.submain_mypage .mySub_mid .tab_cont .my_amount.my_loan {
    margin-top: 36px
}

.submain_mypage .month_list .amount_list + .marker_refer {
    margin-top: 13px;
    font-size: 13px
}

.submain_mypage .mySub_btm {
    margin-top: 55px;
    padding: 0 50px
}

.submain_mypage .mySub_btm .recent_list {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.submain_mypage .mySub_btm .recent_list .titCont {
    border-bottom: 0 none;
    margin-bottom: 15px;
    padding-bottom: 0
}

.submain_mypage .mySub_btm .titCont {
    position: relative;
    color: #111;
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.submain_mypage .mySub_btm .titCont {
    display: inline-block;
    padding-right: 20px;
    cursor: pointer
}

.submain_mypage .mySub_btm .titCont a {
    display: block
}

.submain_mypage .mySub_btm .titCont a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg)
}

.submain_mypage .mySub_btm .titCont + .mymain_usage {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.submain_mypage .mySub_btm .usage_item .usage_info .title_area {
    width: calc(100% - 165px)
}

.submain_mypage .mySub_btm .usage_item .usage_info .texts_area {
    width: auto;
    padding-right: 30px
}

.submain_mypage .mySub_btm .smallsum_list {
    margin-top: 50px
}

.submain_mypage .smallsum_list .small_sum {
    margin-top: 25px;
    color: #333;
    font-size: 18px;
    text-align: right
}

.submain_mypage .smallsum_list .small_sum b {
    font-size: 20px
}

.submain_mypage .smallsum_list .small_sum + .btn_cont {
    margin-top: 50px;
    text-align: center
}

.submain_mypage .mySub_btm .mymain_usage + .btn_wrap {
    margin-top: 30px;
    text-align: center
}

.submain_mypage .mySub_btm .complete_box + .btn_wrap {
    margin-top: 30px;
    text-align: center
}

.submain_mypage .tooltip_tit {
    margin-bottom: 16px;
    color: #111;
    font-size: 17px;
    font-weight: 700;
    line-height: 1
}

.submain_mypage .noData_list {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 0 35px 0
}

.submain_mypage .noData_list p {
    overflow: hidden;
    position: relative;
    width: 80%;
    height: 10px;
    margin-top: 10px;
    background: #ddd
}

.submain_mypage .noData_list .tit {
    width: 35%;
    height: 16px;
    margin: 0 0 20px
}

.submain_mypage .noData_list p span {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    animation-name: noData_gra;
    animation-duration: 6s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    background-image: linear-gradient(to right, transparent, #cbd0d2 ,transparent);
    -webkit-background-image: linear-gradient(to right, #ddd, #cbd0d2, #ddd);
}

.submain_mypage .noData_list p.tit span {
    animation-duration: 5s;
    animation-delay: 0
}

@keyframes noData_gra {
    0% {
        left: -100%
    }

    25% {
        left: 0
    }

    50% {
        left: 100%
    }

    75% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.submain_benefit.SH_submain .expend_wrap.bg_gray {
    padding-bottom: 40px
}

.submain_benefit .h_wrap .h_title24 a.more::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-bottom: 2px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg)
}

.submain_benefit_myshop {
    margin: 15px 0 40px 0;
    padding: 20px 10px;
    color: #fff;
    border-radius: 5px;
    background: #5e7def;
    box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17)
}

.submain_benefit_myshop ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.submain_benefit_myshop li {
    flex: 1;
    text-align: center
}

.submain_benefit_myshop li > span {
    position: relative;
    display: inline-block;
    line-height: 30px;
    padding-left: 50px
}

.submain_benefit_myshop li > a {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    margin-left: 20px
}

.submain_benefit_myshop li > a::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 100%;
    border-bottom: 1px solid #fff
}

.submain_benefit_myshop li > em {
    display: inline-block;
    margin-left: 2px
}

.submain_benefit_myshop li > span:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 2px
}

.submain_benefit_myshop li:nth-child(1) > span:before {
    background: url('/pconts/images/main/benefit/ico_myshop01.png') no-repeat;
    background-size: auto 30px
}

.submain_benefit_myshop li:nth-child(2) > span:before {
    background: url('/pconts/images/main/benefit/ico_myshop02.png') no-repeat;
    background-size: auto 30px
}

.submain_benefit_myshop li:nth-child(3) > span:before {
    background: url('/pconts/images/main/benefit/ico_myshop03.png') no-repeat;
    background-size: auto 30px
}

.submain_benefit_point {
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative
}

.submain_benefit_point .info {
    display: inline;
    position: absolute;
    left: 0;
    left: 0;
    font-size: 16px;
    padding-top: 10px
}

.submain_benefit_point .btn_area {
    display: block;
    text-align: right;
    padding-bottom: 0px
}

.submain_benefit_point .btn_area li {
    display: inline-block;
    position: relative
}

.submain_benefit_point .btn_area li:not(:last-child):after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 75px;
    background-color: #e0e0e0
}

.submain_benefit_point .btn_area a {
    display: block;
    width: 100px;
    min-height: 100px;
    text-align: center;
    margin: 0 10px;
    font-size: 16px;
    color: #333;
    padding-top: 60px
}

.submain_benefit_point .btn_area li:nth-child(1) a {
    background: url('/pconts/images/main/benefit/ico_point01.png') no-repeat center top;
    background-size: 50px auto
}

.submain_benefit_point .btn_area li:nth-child(2) a {
    background: url('/pconts/images/main/benefit/ico_point02.png') no-repeat center top;
    background-size: 50px auto
}

.submain_benefit_point .btn_area li:nth-child(3) a {
    background: url('/pconts/images/main/benefit/ico_point03.png') no-repeat center top;
    background-size: 50px auto
}

.submain_benefit .event_subVisual .event_cont .link {
    padding: 0 40px
}

.submain_benefit .sub_txt {
    padding: 10px 0 40px 0
}

.submain_benefit .benefit.event_bnr.event_subVisual .link:after {
    right: 30px
}

.submain_benefit .submain_grayBox {
    padding: 4px 30px 4px 30px;
    margin: 30px 0 0 0
}

.submain_benefit .icon_list.favorite {
    padding-bottom: 10px
}

.submain_benefit .point_txt {
    padding-top: 55px
}

.submain_benefit .point_txt .h_title24 {
    margin-bottom: 0
}

.submain_benefit .event_subVisual .event_cont .label {
    left: 20px
}

.benefit.event_bnr.event_subVisual {
    background: linear-gradient(to right,rgba(104, 64, 172, 1.0), rgba(80, 33, 159, 1.0)) no-repeat;
    margin-top: 30px
}

.benefit.event_bnr.event_subVisual .link:after {
    content: '';
    position: absolute;
    width: 190px;
    height: 130px;
    right: 0px;
    bottom: 0;
    background: url('/pconts/images/main/benefit/img_banner.png') no-repeat;
    background-size: auto 100%
}

.benefit_login.event_bnr.event_subVisual {
    border: 1px solid #ccc;
    background: #fff
}

.benefit_login.event_bnr .event_cont, .benefit_login.event_bnr .event_cont a {
    color: #333
}

.benefit_login.event_bnr .event_cont .label {
    border: 1px solid #ccc;
    color: #111
}

.benefit_login.event_bnr.event_subVisual .link:after {
    content: '';
    position: absolute;
    width: 275px;
    height: 125px;
    right: 5px;
    bottom: 0;
    background: url('/pconts/images/main/benefit/img_banner_login.png') no-repeat;
    background-size: auto 100%
}

.submain_finance .sm_inner {
    width: 1080px;
    margin: 0 auto;
    padding: 0 0 0
}

.submain_finance .expend_wrap.sm_gray {
    padding: 60px 0 40px
}

.submain_finance .sm_group.cash_service {
    margin-top: 40px
}

.submain_finance .sm_group {
    position: relative;
    margin-top: 60px
}

.submain_finance .sm_group .sm_title a {
    display: inline-block;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.submain_finance .sm_group .sm_title .subTit {
    display: inline-block;
    position: relative;
    padding: 0 23px 0 21px;
    color: #111;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    vertical-align: middle
}

.submain_finance .sm_group .sm_title .subTit:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 10px;
    width: 1px;
    height: 20px;
    background: #ddd
}

.submain_finance .sm_group .sm_title .subTit:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg)
}

.submain_finance .smTxt {
    display: block;
    margin-top: 6px;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #111
}

.submain_finance .sm_group .event_subVisual {
    margin-top: 18px
}

.submain_finance .finance_quick {
    background-color: #48a7dc
}

.submain_finance .sm_loanlist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: -10px
}

.submain_finance .sm_loanlist li {
    width: 50%;
    margin: 10px 0
}

.submain_finance .sm_loanlist li .link_cont {
    position: relative;
    display: block;
    padding-left: 70px
}

.submain_finance .sm_loanlist li strong {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    color: #333;
    font-size: 18px;
    line-height: 1;
    font-weight: 400
}

.submain_finance .sm_loanlist li strong:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    transform: rotate(45deg)
}

.submain_finance .sm_loanlist li span {
    display: block;
    margin-top: 5px
}

.submain_finance .sm_loanlist.loan_long li.link01 {
    background: url('/pconts/images/main/finance/ico_cardloan01.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_long li.link02 {
    background: url('/pconts/images/main/finance/ico_cardloan02.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_long li.link03 {
    background: url('/pconts/images/main/finance/ico_cardloan03.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_long li.link04 {
    background: url('/pconts/images/main/finance/ico_cardloan04.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_standard li.link01 {
    width: 100%;
    background: url('/pconts/images/main/finance/ico_creditloan01.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_standard li.link02 {
    background: url('/pconts/images/main/finance/ico_creditloan02.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_standard li.link03 {
    background: url('/pconts/images/main/finance/ico_creditloan03.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_standard li.link04 {
    background: url('/pconts/images/main/finance/ico_creditloan04.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_loanlist.loan_standard li.link05 {
    background: url('/pconts/images/main/finance/ico_creditloan05.png') no-repeat left center;
    background-size: 50px auto
}

.submain_finance .sm_line {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    border: solid #ddd;
    border-width: 1px 0 0;
    text-align: center
}

.submain_finance .sm_line .inner {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    padding: 47px 0 40px;
    text-align: left
}

.submain_finance .sm_line .inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-50vw + 50%);
    width: 100vw;
    height: 7px;
    background: #eee
}

.submain_finance .sm_line .inner ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.submain_finance .sm_line .inner ul li {
    position: relative;
    display: table-cell;
    width: 100%
}

.submain_finance .sm_line .inner .sm_etclist li+li .link_cont {
    padding-left: 20px
}

.submain_finance .sm_line .inner ul li .link_cont {
    display: block
}

.submain_finance .sm_line .inner ul li .link_cont strong {
    position: relative;
    display: inline-block;
    color: #000;
    font-weight: 700
}

.submain_finance .sm_line .inner .sm_etclist li .link_cont strong {
    padding-right: 19px;
    font-size: 21px
}

.submain_finance .sm_line .inner .sm_etclist li .link_cont strong:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border: solid #333;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
}

.submain_finance .sm_line .inner ul li .link_cont span {
    display: block;
    margin-top: 5px
}

.submain_finance .sm_line .inner ul li .link_cont em span {
    display: inline;
    font-weight: 400
}

.submain_finance .sm_line .inner .sm_tellist {
    margin-top: 15px
}

.submain_finance .sm_line .inner .sm_tellist li .link_cont {
    margin-left: 20px;
    padding: 17px 20px;
    border: 2px solid #eee;
    border-radius: 5px
}

.submain_finance .sm_line .inner .sm_tellist li:first-child .link_cont {
    margin-left: 0
}

.submain_finance .sm_line .inner .sm_tellist li .link_cont strong {
    font-size: 18px
}

.submain_finance .sm_line .inner .sm_tellist li .link_cont em {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #111;
    font-size: 20px;
    font-weight: 700;
    transform: translateY(-50%)
}

.submain_finance .sm_line .inner.favo_group {
    padding-bottom: 32px;
    text-align: right
}

.submain_finance .favo_group .favoTit {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    text-align: left
}

.submain_finance .sm_line .inner.favo_group .favo_list {
    display: inline-block;
    width: 540px
}

.submain_finance .sm_line .inner.favo_group .favo_list li {
    float: left;
    width: 25%
}

.submain_finance .sm_line .inner.favo_group .favo_list li a {
    position: relative;
    display: block;
    padding-top: 60px;
    color: #333;
    line-height: 1;
    text-align: center
}

.submain_finance .favo_group .favo_list li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background: url(/pconts/images/contents/finance/bg_favoList.jpg) no-repeat;
    background-size: 40px auto
}

.submain_finance .favo_group .favo_list li.link02 a:before {
    background-position: 0 -40px
}

.submain_finance .favo_group .favo_list li.link03 a:before {
    background-position: 0 -80px
}

.submain_finance .favo_group .favo_list li.link04 a:before {
    background-position: 0 -120px
}

.submain_finance .loan_credit_area {
    padding: 33px 40px;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 29px
}

.submain_finance .loan_credit_area .para {
    margin-top: 5px
}

.submain_finance .cash_service_info {
    margin-top: 20px;
    padding: 25px 160px;
    border-radius: 10px;
    background: #fff;
    box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17)
}

.submain_finance .cash_service_info ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.submain_finance .cash_service_info ul li {
    display: table-cell;
    width: 100%;
    color: #4868e1
}

.submain_finance .cash_service_info ul li+li {
    color: #111;
    text-align: right
}

.submain_finance .cash_service_info ul li strong {
    display: inline-block;
    padding-left: 18px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.submain_finance .cash_service_info ul li strong span {
    font-size: 15px;
    font-weight: 400
}

.submain_finance .cash_service_info .bar {
    overflow: hidden;
    height: 12px;
    margin-top: 12px;
    border-radius: 12px;
    background: #e1e1e1
}

.submain_finance .cash_service_info .bar span {
    display: inline-block;
    height: 12px;
    border-radius: 12px;
    background: #4868e1;
    vertical-align: top
}

.submain_finance .sm_group button.btn_loan {
    position: absolute;
    top: 32px;
    right: 0;
    display: inline-block;
    height: 24px;
    padding-right: 20px;
    color: #333;
    font-size: 18px;
    line-height: 24px
}

.submain_finance .sm_group button.btn_loan:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 3px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    transform: rotate(45deg)
}

.submain_finance .cash_service_info.loan_service ul li {
    text-align: center
}

.finance_quick {
    position: relative;
    display: block;
    overflow: hidden
}

.finance_quick .event_inner {
    height: 100%;
    background-color: rgb(98, 125, 218)
}

.finance_quick .event_cont {
    position: relative;
    display: block;
    height: 100%;
    margin: 0 auto
}

.finance_quick .event_cont, .finance_quick .event_cont a {
    color: #fff
}

.finance_quick .event_cont .cont, .finance_quick .event_cont .link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1
}

.finance_quick .event_cont .tit {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.finance_quick .event_cont .txt {
    display: block;
    width: 100%;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.finance_quick .event_cont .label {
    display: inline-flex;
    flex: none;
    width: auto;
    height: 28px;
    margin-top: 13px;
    padding: 2px 16px 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 14px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.finance_quick .event_cont .img {
    display: block;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden
}

.finance_quick {
    height: 150px;
    border-radius: 10px
}

.finance_quick .event_cont .img {
    width: 230px;
    height: 230px
}

.finance_quick .event_cont .link {
    padding: 0 40px
}

.finance_quick .event_cont.skin_light {
    border: 1px solid #ddd;
    border-radius: 10px
}

.finance_quick .swiper-controls {
    position: absolute;
    left: 100px;
    bottom: 30px;
    width: auto;
    padding: 0 35px
}

.finance_quick .swiper-button-prev {
    left: 10px
}

.finance_quick .swiper-button-next {
    right: 10px
}

.finance_quick .swiper-controls.is_played .swiper-button-play {
    display: none
}

.finance_quick .swiper-controls.is_played .swiper-button-pause {
    display: block
}

.finance_quick .swiper-controls.is_stoped .swiper-button-play {
    display: block
}

.finance_quick .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.finance_quick .swiper-pagination-fraction {
    margin: 0 5px 0 0
}

.finance_quick.img_right .event_cont .img {
    right: 40px
}

.finance_quick.img_left .event_cont .img {
    left: 40px
}

.finance_quick.img_right .event_cont .link {
    padding-right: 296px
}

.finance_quick.img_left .event_cont .link {
    padding-left: 296px;
    text-align: right
}

.submain_finance .submain_favorite .icon_list.favorite {
    padding-bottom: 10px
}

.submain_card .sm_inner {
    width: 1080px;
    margin: 0 auto
}

.submain_card .expend_wrap.bg_gray.sm_gray {
    padding: 54px 0 40px
}

.submain_card .sm_group {
    margin-bottom: 54px
}

.submain_card .sm_group:nth-last-of-type(2) {
    margin-bottom: 0px
}

.submain_card .sm_group .h_title24 {
    margin-bottom: 10px
}

.submain_card .swiperArea {
    text-align: left
}

.submain_card .swiperArea .swiper-container {
    overflow: visible;
    margin-left: -25px
}

.submain_card .swiperArea .swiper-slide {
    float: left;
    width: 25%;
    padding-left: 25px
}

.submain_card .sm_life_swiper .swiper-container {
    padding-top: 3px
}

.submain_card .sm_life_swiper .swiper-slide a {
    position: relative;
    overflow: hidden;
    display: block;
    height: 290px;
    background: #fff;
    box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17)
}

.submain_card .sm_life_swiper .swiper-slide a strong {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 70px;
    z-index: 2
}

.submain_card .sm_life_swiper .swiper-slide a figure {
    z-index: 1
}

.submain_card .sm_life_swiper .swiper-slide a .card_info {
    display: block;
    width: 100%;
    height: 124px;
    padding: 20px 25px;
    background: #fff;
    z-index: 2
}

.submain_card .sm_life_swiper .swiper-slide a .card_info .card_name {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 20px;
    font-weight: 700
}

.submain_card .sm_life_swiper .swiper-slide a .card_info .card_dec {
    display: block;
    font-size: 18px;
    line-height: 1.3
}

.submain_card .sm_best_swiper {
    margin-bottom: -6px
}

.submain_card .sm_best_swiper .swiper-container {
    padding-top: 2px
}

.submain_card .sm_best_swiper .swiper-slide a {
    display: block
}

.submain_card .sm_best_swiper figure {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px
}

.submain_card .sm_best_swiper figure img {
    width: 100%;
    max-width: 252px;
    max-height: 252px;
    border-radius: 10px;
    box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17)
}

.submain_card .sm_best_swiper figure img.rotate {
    width: auto;
    height: 200%;
    transform: rotate(-90deg);
    border-radius: 10px;
    box-shadow: -2px -3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: -2px -3px 24px 2px rgba(51, 51, 51, 0.17)
}

.submain_card .sm_best_swiper .card_name {
    overflow: hidden;
    display: block;
    min-height: 27px;
    max-height: 55px;
    margin-top: 12px;
    color: #333;
    font-size: 18px;
    font-weight: 400
}

.submain_card .sm_benefit_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px
}

.submain_card .sm_benefit_list li {
    width: 12.5%
}

.submain_card .sm_benefit_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 62px;
    color: #333;
    text-align: center
}

.submain_card .sm_benefit_list li.ico01 {
    background-image: url('/pconts/images/main/card/ico_benefit01.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico02 {
    background-image: url('/pconts/images/main/card/ico_benefit02.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico03 {
    background-image: url('/pconts/images/main/card/ico_benefit03.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico04 {
    background-image: url('/pconts/images/main/card/ico_benefit04.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico05 {
    background-image: url('/pconts/images/main/card/ico_benefit05.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico06 {
    background-image: url('/pconts/images/main/card/ico_benefit06.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico07 {
    background-image: url('/pconts/images/main/card/ico_benefit07.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico08 {
    background-image: url('/pconts/images/main/card/ico_benefit08.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .sm_benefit_list li.ico09 {
    background-image: url('/pconts/images/main/card/ico_benefit09.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto
}

.submain_card .cardFind_swiper [class^='nav-button'] {
    display: none
}

.submain_card .sm_benefit_kind {
    display: table;
    width: 100%;
    margin-top: 23px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    table-layout: fixed
}

.submain_card .sm_benefit_kind li {
    display: table-cell;
    width: 100%
}

.submain_card .sm_benefit_kind li a {
    display: block;
    line-height: 62px;
    color: #333
}

.submain_card .sm_benefit_kind li a strong {
    font-size: 16px
}

.submain_card .sm_benefit_kind li a span {
    position: relative;
    display: inline-block;
    padding: 0 17px 0 25px
}

.submain_card .sm_benefit_kind li a span:before {
    content: '';
    display: block;
    position: absolute;
    top: 24px;
    left: 12px;
    width: 1px;
    height: 13px;
    background: #ddd
}

.submain_card .sm_benefit_kind li a span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg)
}

.submain_card .sm_card_banner {
    border: 1px solid #ccc
}

.submain_card .event_bnr.sm_card_banner .event_cont .link {
    padding-left: 38px
}

.submain_card .event_bnr.sm_card_banner .event_cont .tit {
    color: #333
}

.submain_card .event_bnr.sm_card_banner .event_cont .txt {
    z-index: 1;
    color: #333;
    font-size: 16px
}

.submain_card .event_bnr.sm_card_banner .event_cont .label {
    color: #111;
    border-color: #ccc
}

.submain_card .sm_line {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    border: solid #ddd;
    border-width: 1px 0 0;
    text-align: center
}

.submain_card .sm_line .inner {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: left
}

.submain_card .sm_line .inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-50vw + 50%);
    width: 100vw;
    height: 7px;
    background: #eee
}

.submain_card .sm_line .inner ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.submain_card .sm_line .inner ul li {
    position: relative;
    display: table-cell;
    width: 100%
}

.submain_card .sm_line .inner.favo_group {
    padding-bottom: 40px;
    text-align: right
}

.submain_card .favo_group .favoTit {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    text-align: left
}

.submain_card .sm_line .inner.favo_group .favo_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.submain_card .sm_line .inner.favo_group .favo_list li {
    width: 100px
}

.submain_card .sm_line .inner.favo_group .favo_list li a {
    position: relative;
    display: block;
    padding-top: 60px;
    margin-left: 5px;
    color: #333;
    line-height: 1;
    text-align: center
}

.submain_card .favo_group .favo_list.sm_card li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background: url(/pconts/images/contents/card/bg_favoList_m.jpg) no-repeat;
    background-size: 40px auto
}

.submain_card .favo_group .favo_list.sm_card li.link02 a:before {
    background-position: 0 -40px
}

.submain_card .favo_group .favo_list.sm_card li.link03 a:before {
    background-position: 0 -80px
}

.submain_card .favo_group .favo_list.sm_card li.link04 a:before {
    background-position: 0 -120px
}

.submain_card .sm_card_swiper:before {
    content: '';
    display: block;
    position: absolute;
    top: 88px;
    left: 100px;
    width: 284px;
    height: 284px;
    border-radius: 50%;
    background: #eee;
    z-index: 1
}

.submain_card .sm_card_swiper .card_swiper {
    max-width: 100%;
    padding-top: 23px;
    margin-bottom: -6px
}

.submain_card .sm_card_swiper .swiper-slide {
    position: relative;
    width: 100%;
    min-height: 339px;
    padding-left: 580px;
    text-align: left
}

.submain_card .sm_card_swiper .swiper-slide a {
    display: block
}

.submain_card .sm_card_swiper .swiper-slide .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 480px;
    height: 320px;
    padding-top: 60px;
    text-align: center
}

.submain_card .sm_card_swiper .swiper-slide .img img {
    position: relative;
    width: 320px;
    z-index: 2;
    box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: -2px 3px 24px 2px rgba(51, 51, 51, 0.17);
    border-radius: 11px
}

.submain_card .sm_card_swiper .swiper-slide .img.vertical img {
    box-shadow: 14px 3px 24px 2px rgba(51, 51, 51, 0.17);
    -webkit-box-shadow: 14px 3px 24px 2px rgba(51, 51, 51, 0.17);
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.submain_card .sm_card_swiper .swiper-slide .sm_card_info a {
    display: block
}

.submain_card .sm_card_swiper .swiper-slide .sm_card_info strong {
    display: block;
    margin-top: -5px;
    margin-bottom: 15px;
    padding-right: 90px;
    color: #111;
    font-size: 38px;
    line-height: 1.3
}

.submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt {
    color: #111;
    font-size: 20px
}

.submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type {
    font-weight: 700;
    margin-right: 7px
}

.submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type ~ .type {
    margin-left: 20px
}

.submain_card .card_swiper [class^='nav-button'] {
    top: 145px
}

.submain_card .card_swiper .swiper-container {
    padding-bottom: 37px
}

.submain_card .card_swiper .nav-button-prev {
    left: 30px
}

.submain_card .card_swiper .nav-button-next {
    right: auto;
    left: 422px
}

.submain_card .card_swiper .swiper-controls {
    position: absolute;
    bottom: 0;
    width: 480px;
    text-align: center;
    margin-top: -5px;
    z-index: 1
}

.submain_card .card_swiper .swiper-pagination {
    display: inline-block;
    position: static;
    width: auto;
    margin-top: 14px
}

.submain_card .card_swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px
}

.submain_card .card_swiper .swiper-button-play {
    display: none;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 0;
    vertical-align: middle
}

.submain_card .card_swiper .swiper-button-play:before {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #333;
    border-right: 8px solid transparent
}

.submain_card .card_swiper .swiper-button-pause {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 0;
    vertical-align: middle
}

.submain_card .card_swiper .swiper-button-pause:before, .submain_card .card_swiper .swiper-button-pause:after {
    content: '';
    display: block;
    position: absolute;
    left: 9px;
    top: 7px;
    width: 2px;
    height: 10px;
    background-color: #333
}

.submain_card .card_swiper .swiper-button-pause:before {
    border: 0
}

.submain_card .card_swiper .swiper-button-pause:after {
    left: 13px
}

.submain_card .card_swiper .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.submain_card .card_swiper .swiper-controls.is_played .swiper-button-play {
    display: none
}

.submain_card .sm_card_swiper .card_benefit {
    margin-top: 55px
}

.submain_card .sm_card_swiper .card_benefit li {
    position: relative;
    margin-top: 25px;
    padding-left: 50px;
    color: #333;
    font-size: 18px;
    line-height: 32px
}

.submain_card .sm_card_swiper .card_benefit li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-size: 32px auto
}

.submain_card .sm_card_swiper .card_benefit li.icon01:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_01.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon02:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_02.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon03:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_03.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon04:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_04.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon05:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_05.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon06:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_06.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon07:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_07.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon08:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_08.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon09:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_09.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon10:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_10.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon11:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_11.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon12:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_12.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon13:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_13.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon14:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_14.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon15:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_15.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon16:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_16.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon18:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_17.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon19:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_18.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon20:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_19.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon21:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_20.png)
}

.submain_card .sm_card_swiper .card_benefit li.icon17:before {
    background-image: url(/pconts/images/contents/card/ico_card_benefit_m_21.png)
}

.submain_card .submain_favorite .icon_list.favorite {
    padding-bottom: 10px
}

.submain_life .expend_wrap.bg_gray {
    padding-top: 54px
}

.submain_life .myservice_btn.btn_more {
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #111;
    font-size: 15px
}

.submain_life .myservice_btn.btn_more span::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 8px;
    background: url(/pconts/images/main/myservice/ico_more.png) no-repeat 0 0
}

.submain_life .line_badge {
    display: inline-block;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    padding: 2px 7px 1px;
    border-radius: 15px;
    background-color: #fff;
    vertical-align: middle
}

.submain_life .line_badge.orange {
    border: 1px solid #f14b25;
    color: #f14b25
}

.submain_life .line_badge.gray {
    border: 1px solid #333;
    color: #333
}

.submain_life .submain_favorite .icon_list.favorite {
    padding-bottom: 11px
}

.submain_myservice_box {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.submain_myservice_inner {
    display: block;
    overflow: hidden;
    position: relative;
    height: 178px;
    margin: 0;
    padding: 0
}

.submain_myservice_box.is_opened .submain_myservice_inner {
    height: auto
}

.submain_myservice_life {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.submain_myservice_life li {
    width: calc(16.85% - 15px);
    text-align: center;
    margin-left: 15px;
    margin-bottom: 18px
}

.submain_myservice_life li:nth-child(1), .submain_myservice_life li:nth-child(7) {
    margin-left: 0px
}

.submain_myservice_life li > a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 7px;
    background-color: #fff;
    width: 100%;
    height: 165px
}

.submain_myservice_life li .icon:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-position: center center;
    background-size: 50px auto;
    margin: 20px auto 0
}

.submain_myservice_life li .name {
    padding-top: 20px;
    padding-bottom: 3px;
    font-size: 18px;
    color: #111;
    text-align: center
}

.submain_myservice_life .ico01:before {
    background: url('/pconts/images/main/myservice/ico_life01.png') no-repeat
}

.submain_myservice_life .ico02:before {
    background: url('/pconts/images/main/myservice/ico_life02.png') no-repeat
}

.submain_myservice_life .ico03:before {
    background: url('/pconts/images/main/myservice/ico_life03.png') no-repeat
}

.submain_myservice_life .ico04:before {
    background: url('/pconts/images/main/myservice/ico_life04.png') no-repeat
}

.submain_myservice_life .ico05:before {
    background: url('/pconts/images/main/myservice/ico_life05.png') no-repeat
}

.submain_myservice_life .ico06:before {
    background: url('/pconts/images/main/myservice/ico_life06.png') no-repeat
}

.submain_myservice_life .ico07:before {
    background: url('/pconts/images/main/myservice/ico_life07.png') no-repeat
}

.submain_myservice_life .ico08:before {
    background: url('/pconts/images/main/myservice/ico_life08.png') no-repeat
}

.submain_myservice_life .ico09:before {
    background: url('/pconts/images/main/myservice/ico_life09.png') no-repeat
}

.submain_myservice_life .ico10:before {
    background: url('/pconts/images/main/myservice/ico_life10.png') no-repeat
}

.submain_myservice_life .ico11:before {
    background: url('/pconts/images/main/myservice/ico_life11.png') no-repeat
}

.submain_myservice_life .ico12:before {
    background: url('/pconts/images/main/myservice/ico_life12.png') no-repeat
}

.submain_myservice_life + .h_wrap, .submain_myservice_list + .h_wrap {
    margin-top: 40px
}

.submain_myservice_life + .submain_myservice_life {
    margin-top: 15px
}

.submain_myservice_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.submain_myservice_list li {
    width: 33.3333%;
    margin-top: 40px
}

.submain_myservice_list li:nth-child(1), .submain_myservice_list li:nth-child(2), .submain_myservice_list li:nth-child(3) {
    margin-top: 0px
}

.submain_myservice_list li .tit {
    display: inline-block;
    font-size: 18px;
    color: #333;
    margin-right: 5px;
    vertical-align: middle
}

.submain_myservice_list li .txt {
    margin-top: 3px;
    padding-right: 20px
}

.submain_myservice_list li a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    border-top: 1px solid #818181;
    border-right: 1px solid #818181;
    transform: rotate(45deg)
}

.submain_myservice_list li .item {
    background-size: 50px;
    padding-left: 70px
}

.submain_myservice_list .care01 {
    background: url('/pconts/images/main/myservice/ico_care01.png') no-repeat
}

.submain_myservice_list .care02 {
    background: url('/pconts/images/main/myservice/ico_care02.png') no-repeat
}

.submain_myservice_list .care03 {
    background: url('/pconts/images/main/myservice/ico_care03.png') no-repeat
}

.submain_myservice_list .care04 {
    background: url('/pconts/images/main/myservice/ico_care04.png') no-repeat
}

.submain_myservice_list .care05 {
    background: url('/pconts/images/main/myservice/ico_care05.png') no-repeat
}

.submain_myservice_list .care06 {
    background: url('/pconts/images/main/myservice/ico_care06.png') no-repeat
}

.submain_myservice_list .care07 {
    background: url('/pconts/images/main/myservice/ico_care07.png') no-repeat
}

.submain_myservice_list .care08 {
    background: url('/pconts/images/main/myservice/ico_care08.png') no-repeat
}

.submain_myservice_list .care09 {
    background: url('/pconts/images/main/myservice/ico_care09.png') no-repeat
}

.submain_myservice_list .notice01 {
    background: url('/pconts/images/main/myservice/ico_notice01.png') no-repeat
}

.submain_myservice_list .notice02 {
    background: url('/pconts/images/main/myservice/ico_notice02.png') no-repeat
}

.submain_myservice_list .notice03 {
    background: url('/pconts/images/main/myservice/ico_notice03.png') no-repeat
}

.submain_myservice_list .notice04 {
    background: url('/pconts/images/main/myservice/ico_notice04.png') no-repeat
}

.submain_myservice_list .notice05 {
    background: url('/pconts/images/main/myservice/ico_notice05.png') no-repeat
}

.submain_myservice_list .notice06 {
    background: url('/pconts/images/main/myservice/ico_notice06.png') no-repeat
}

.submain_myservice_list .notice07 {
    background: url('/pconts/images/main/myservice/ico_notice07.png') no-repeat
}

.submain_myservice_list .notice08 {
    background: url('/pconts/images/main/myservice/ico_notice08.png') no-repeat
}

.myservice_billPay.event_bnr.event_subVisual {
    margin-top: 30px;
    border: 1px solid #ccc;
    background: #85818c
}

.myservice_billPay.event_bnr.event_subVisual .link:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 130px;
    right: 30px;
    bottom: 0;
    background: url('/pconts/images/main/myservice/img_bill.png') no-repeat
}

.myservice_Pay.event_bnr.event_subVisual {
    margin-top: 60px;
    border: 1px solid #c6c6c6;
    background: #6fb3e1
}

.myservice_Pay.event_bnr.event_subVisual .link:after {
    content: '';
    position: absolute;
    width: 270px;
    height: 128px;
    right: 30px;
    bottom: 0;
    background: url('/pconts/images/main/myservice/img_bill.png') no-repeat;
    background-size: auto 128px
}

.submain_life_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.submain_life_list > li {
    width: 33.3333%;
    margin-bottom: 35px
}

.submain_life_list li .item {
    padding-left: 70px;
    background-size: 50px auto;
    background-position: left center
}

.submain_life_list li a {
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 700;
    color: #333;
    font-size: 18px;
    padding-right: 10px
}

.submain_life_list li a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 0;
    width: 8px;
    height: 8px;
    border: solid #818181;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.submain_life_list .ico01 {
    background: url('/pconts/images/main/life/ico_life01.png') no-repeat
}

.submain_life_list .ico02 {
    background: url('/pconts/images/main/life/ico_life02.png') no-repeat
}

.submain_life_list .ico03 {
    background: url('/pconts/images/main/life/ico_life03.png') no-repeat
}

.submain_life_list .ico04 {
    background: url('/pconts/images/main/life/ico_life04.png') no-repeat
}

.submain_life_list .ico05 {
    background: url('/pconts/images/main/life/ico_life05.png') no-repeat
}

.submain_life_list .ico06 {
    background: url('/pconts/images/main/life/ico_life06.png') no-repeat
}

.submain_life_list .ico07 {
    background: url('/pconts/images/main/life/ico_life07.png') no-repeat
}

.submain_life_list .ico08 {
    background: url('/pconts/images/main/life/ico_life08.png') no-repeat
}

.submain_life_list .ico09 {
    background: url('/pconts/images/main/life/ico_life09.png') no-repeat
}

.submain_arumin.event_bnr.event_subVisual {
    border: 1px solid #ddd;
    background: #8a7198;
    margin: 20px 0 0
}

.submain_arumin.event_bnr.event_subVisual .link:after {
    content: '';
    position: absolute;
    width: 270px;
    height: 128px;
    right: 0px;
    bottom: 0;
    background: url('/pconts/images/contents/life/img_submain_arumin.png') no-repeat;
    background-size: auto 128px
}

.submain_life .event_subVisual .event_cont .link {
    padding: 0 40px
}

.submain_life .event_subVisual .event_cont .label {
    margin-top: 16px
}

.submain_life .event_subVisual .event_cont .txt {
    font-size: 16px
}

.submain_digital .contents {
    padding-top: 13px
}

.submain_digital_conts {
    position: relative;
    margin-top: 6px;
    min-height: 320px
}

.submain_digital_conts .cont {
    margin-left: 540px;
    width: auto
}

.submain_digital_conts .cont > p {
    font-size: 24px;
    letter-spacing: -1px
}

.submain_digital_conts .cont > p > strong {
    color: #333
}

.submain_digital_conts .cont .info {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    line-height: 25px
}

.submain_digital_conts .cont .txt_lg {
    display: block;
    font-size: 20px;
    color: #333;
    margin: 9px 0 40px
}

.submain_digital_conts .cont .info + .info {
    margin-top: 20px
}

.submain_digital_conts .cont .info + .btn_wrap, .submain_digital_conts .cont > p + .btn_wrap {
    margin-top: 34px
}

.submain_digital_conts .cont > p + .btn_wrap .btn + .btn {
    margin-left: 4px
}

.submain_digital_conts .cont .btn_wrap + .btn_wrap {
    margin-top: 10px
}

.submain_digital_conts .cont .qrcode {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    font-size: 0
}

.submain_digital_conts .cont .qrcode_img {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-right: 20px
}

.submain_digital_conts .cont .qrcode_img img {
    display: block;
    margin: auto;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px
}

.submain_digital_conts .cont .qrcode .txt {
    min-height: 23px;
    text-align: center;
    margin-top: 7px;
    font-size: 15px
}

.submain_digital_conts .cont .qrcode .txt > span {
    display: block;
    height: 100%;
    min-height: 24px;
    margin-right: -10px;
    padding-left: 20px;
    letter-spacing: -0.2px
}

.submain_digital_conts .cont .qrcode .android {
    background: url('/pconts/images/icon/btn_aos.png') no-repeat;
    background-size: auto 20px
}

.submain_digital_conts .cont .qrcode .ios {
    background: url('/pconts/images/icon/btn_ios_pc.png') no-repeat 0 50%
}

.submain_digital_app {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: 0
}

.submain_digital_app li {
    width: 20%;
    padding: 10px
}

.submain_digital_app li .item {
    background: #fff;
    padding: 30px 25px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17)
}

.submain_digital_app li .item > p {
    padding-top: 60px;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px
}

.submain_digital_app li .ico01 {
    background: url('/pconts/images/contents/digital/ico_app01.png') no-repeat center top;
    background-size: 50px auto
}

.submain_digital_app li .ico02 {
    background: url('/pconts/images/contents/digital/ico_app02.png') no-repeat center top;
    background-size: 50px auto
}

.submain_digital_app li .ico03 {
    background: url('/pconts/images/contents/digital/ico_app03.png') no-repeat center top;
    background-size: 50px auto
}

.submain_digital_app li .ico04 {
    background: url('/pconts/images/contents/digital/ico_app04.png') no-repeat center top;
    background-size: 50px auto
}

.submain_digital_app li .ico05 {
    background: url('/pconts/images/contents/digital/ico_app05.png') no-repeat center top;
    background-size: 50px auto
}

.submain_digital_app li .btn_wrap .btn {
    display: block;
    min-width: 100%
}

.submain_digital_app li .btn_wrap .btn + .btn {
    margin-left: 0px;
    margin-top: 8px
}

.submain_digital_app li .btn_wrap .btn_line .android, .submain_digital_conts .btn_wrap .btn_line .android {
    background: url('/pconts/images/icon/btn_aos.png') no-repeat;
    background-size: auto 18px;
    padding-left: 22px;
    margin-left: -3px
}

.submain_digital_app li .btn_wrap .btn_line .ios, .submain_digital_conts .btn_wrap .btn_line .ios {
    display: inline-block;
    min-height: 24px;
    background: url('/pconts/images/icon/btn_ios_pc.png') no-repeat 0 50%;
    padding-left: 30px;
    margin-left: -3px
}

.submain_digital_conts .btn_wrap .btn_line.pc_show {
    display: inline-block !important
}

.submain_digital_conts .btn_wrap .btn + .btn {
    margin-left: 0px
}

.submain_digital_conts.ani_ico {
    position: relative;
    background: none
}

.submain_digital_conts.ani_ico::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 480px;
    height: 320px
}

.submain_digital_conts.ani_ico.img01::before {
    background: url("/pconts/images/contents/digital/200428_img_dclub.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg08 2.5s steps(16) infinite;
    animation: aniBg08 2.5s steps(16) infinite
}

.submain_digital_conts.ani_ico.img02::before {
    background: url("/pconts/images/contents/digital/img_mypay.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg02 0.6s steps(8) infinite;
    animation: aniBg02 0.6s steps(8) infinite
}

.submain_digital_conts.ani_ico.img03::before {
    background: url("/pconts/images/contents/digital/img_invest.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg03 1.5s steps(7) infinite;
    animation: aniBg03 1.5s steps(7) infinite
}

.submain_digital_conts.ani_ico.img04::before {
    background: url("/pconts/images/contents/digital/img_touchpay.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg04 1s steps(6) infinite;
    animation: aniBg04 1s steps(6) infinite
}

.submain_digital_conts.ani_ico.img05::before {
    background: url("/pconts/images/contents/digital/img_facepay.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg05 1.4s steps(22) infinite;
    animation: aniBg05 1.4s steps(22) infinite
}

.submain_digital_conts.ani_ico.img06::before {
    background: url("/pconts/images/contents/digital/img_timeline.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg06 2.5s steps(20) infinite;
    animation: aniBg06 2.5s steps(20) infinite
}

.submain_digital_conts.ani_ico.img07::before {
    background: url("/pconts/images/contents/digital/img_fani.png") center 0 no-repeat;
    background-size: 480px auto;
    -webkit-animation: aniBg07 1s steps(9) infinite;
    animation: aniBg07 1s steps(9) infinite
}

@keyframes aniBg02 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2560px
    }
}

@keyframes aniBg03 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2240px
    }
}

@keyframes aniBg04 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -1920px
    }
}

@keyframes aniBg05 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -7040px
    }
}

@keyframes aniBg06 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -6400px
    }
}

@keyframes aniBg07 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -2880px
    }
}

@keyframes aniBg08 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -5120px
    }
}

@keyframes aniBgMo02 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -1712px
    }
}

@keyframes aniBgMo03 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -1498px
    }
}

@keyframes aniBgMo04 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -1284px
    }
}

@keyframes aniBgMo05 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -4708px
    }
}

@keyframes aniBgMo06 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -4280px
    }
}

@keyframes aniBgMo07 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -1926px
    }
}

@keyframes aniBgMo08 {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -3424px
    }
}

.submain_customer .contents {
    padding: 55px 0 60px
}

.submain_favorite.customer li:nth-child(1) a {
    background: url('/pconts/images/main/customer/ico_favor01.png') no-repeat center top;
    background-size: 40px auto
}

.submain_favorite.customer li:nth-child(2) a {
    background: url('/pconts/images/main/customer/ico_favor02.png') no-repeat center top;
    background-size: 40px auto
}

.submain_favorite.customer li:nth-child(3) a {
    background: url('/pconts/images/main/customer/ico_favor03.png') no-repeat center top;
    background-size: 40px auto
}

.submain_favorite.customer li:nth-child(4) a {
    background: url('/pconts/images/main/customer/ico_favor04.png') no-repeat center top;
    background-size: 40px auto
}

.submain_customer .totalSrch_wrap {
    width: 100%;
    margin: 40px 0 60px 0
}

.submain_customer .totalSrch_wrap .submain_favorite {
    margin-bottom: 30px
}

.submain_customer .search_box_type01 {
    margin-bottom: 30px
}

.submain_customer .keyword_category_inner {
    height: 45px
}

.submain_customer_qna {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -9px
}

.submain_customer_qna li {
    text-align: center;
    margin: 0 9px;
    flex: 1
}

.submain_customer_qna li > a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 7px;
    width: 100%;
    height: 165px
}

.submain_customer_qna li .icon {
    background-color: #fff;
    background-position: center 30px;
    background-size: 50px auto
}

.submain_customer_qna li .name {
    padding-top: 105px;
    font-size: 18px;
    color: #111;
    text-align: center
}

.submain_customer_qna .ico01 {
    background: url('/pconts/images/main/customer/ico_qna01.png') no-repeat
}

.submain_customer_qna .ico02 {
    background: url('/pconts/images/main/customer/ico_qna02.png') no-repeat
}

.submain_customer_qna .ico03 {
    background: url('/pconts/images/main/customer/ico_qna03.png') no-repeat
}

.submain_customer_qna .ico04 {
    background: url('/pconts/images/main/customer/ico_qna04.png') no-repeat
}

.submain_customer_qna .ico05 {
    background: url('/pconts/images/main/customer/ico_qna05.png') no-repeat
}

.submain_customer_qna .ico06 {
    background: url('/pconts/images/main/customer/ico_qna06.png') no-repeat
}

.submain_customer_info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.submain_customer_info li {
    margin: 0 20px;
    flex: 1;
    text-align: center
}

.submain_customer_info li > a {
    display: block
}

.submain_customer_info li .icon::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 104px;
    height: 104px;
    background-size: 50px auto;
    background-color: #fff;
    border-radius: 50%;
    background-position: center
}

.submain_customer_info li .name {
    margin-top: 15px;
    font-size: 18px;
    color: #111
}

.submain_customer_info .ico01::before {
    background: url(/pconts/images/main/customer/ico_info01.png) no-repeat
}

.submain_customer_info .ico02::before {
    background: url(/pconts/images/main/customer/ico_info02.png) no-repeat
}

.submain_customer_info .ico03::before {
    background: url(/pconts/images/main/customer/ico_info03.png) no-repeat
}

.submain_customer_info .ico04::before {
    background: url(/pconts/images/main/customer/ico_info04.png) no-repeat
}

.submain_customer_info .ico05::before {
    background: url(/pconts/images/main/customer/ico_info05.png) no-repeat
}

.submain_customer_info .ico06::before {
    background: url(/pconts/images/main/customer/ico_info06.png) no-repeat
}

.submain_customer_finance {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-bottom: 40px
}

.submain_customer_finance li {
    width: calc(33.333% - 20px);
    margin-left: 20px;
    margin-bottom: 20px
}

.submain_customer_finance li a {
    display: block;
    border: 1px solid #eee;
    padding: 25px 30px;
    position: relative
}

.submain_customer_finance li a::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 33px;
    top: calc(50% - 7px);
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: solid #666;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    opacity: 0.4
}

.submain_customer_finance li .tit {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.submain_customer_finance li .txt {
    display: block;
    margin-top: 3px;
    font-size: 15px
}

.submain_callCenter {
    margin: 60px 0
}

.submain_callCenter h4.h_title24 {
    display: inline-block
}

.submain_callCenter .txt {
    display: inline-block;
    position: relative
}

.submain_callCenter .info {
    margin-top: 60px;
    margin-bottom: 5px;
    font-size: 22px;
    color: #333
}

.submain_callCenter .txt::after {
    content: '';
    display: block;
    width: 104px;
    height: 135px;
    position: absolute;
    bottom: 0px;
    right: -130px;
    background-size: 100px auto
}

.submain_callCenter .telLink {
    display: block;
    color: #5e7def;
    font-weight: 900;
    font-size: 32px;
    padding-bottom: 20px
}

.submain_callCenter .tel_list {
    display: block;
    float: right;
    width: 550px;
    margin-left: -10px
}

.submain_callCenter .tel_list li {
    margin-left: 10px;
    margin-top: 10px;
    width: calc(50% - 10px);
    float: left
}

.submain_callCenter .tel_list li a {
    display: block;
    padding: 22px 25px;
    border: 1px solid #eee;
    min-width: 200px
}

.submain_callCenter .tel_list li a p {
    font-size: 20px;
    color: #111
}

.submain_callCenter .tel_list li a span {
    font-size: 20px;
    color: #111;
    font-weight: 400
}

.submain_callCenter::after {
    content: '';
    display: block;
    width: 100%;
    clear: both
}

.submain_customer_consumer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 45px 0
}

.submain_customer_consumer li {
    width: 33.33%;
    margin-bottom: 60px
}

.submain_customer_consumer li:last-child {
    margin-bottom: 0px
}

.submain_customer_consumer li .tit {
    display: inline-block;
    font-size: 18px;
    color: #333;
    margin-right: 5px
}

.submain_customer_consumer li .txt {
    margin-top: 3px
}

.submain_customer_consumer li a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-bottom: 3px;
    border: solid #818181;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.submain_customer_consumer li .item {
    padding-left: 65px;
    background-size: 45px auto
}

.submain_customer_consumer .ico01 {
    background: url('/pconts/images/main/customer/ico_consumer01.png') no-repeat
}

.submain_customer_consumer .ico02 {
    background: url('/pconts/images/main/customer/ico_consumer02.png') no-repeat
}

.submain_customer_consumer .ico03 {
    background: url('/pconts/images/main/customer/ico_consumer03.png') no-repeat
}

.submain_customer_consumer .ico04 {
    background: url('/pconts/images/main/customer/ico_consumer04.png') no-repeat
}

.submain_customer_consumer .ico05 {
    background: url('/pconts/images/main/customer/ico_consumer05.png') no-repeat
}

.submain_customer_consumer .ico06 {
    background: url('/pconts/images/main/customer/ico_consumer06.png') no-repeat
}

.submain_customer_consumer .ico07 {
    background: url('/pconts/images/main/customer/ico_consumer07.png') no-repeat
}

.submain_consumer_popList {
    border: 1px solid #eee;
    padding: 0px 20px
}

.submain_consumer_popList li {
    border-bottom: 1px dashed #eee;
    padding: 20px 0
}

.submain_consumer_popList li:last-child {
    border-bottom: none
}

.submain_consumer_popList li a {
    display: inline-block
}

.submain_consumer_popList li a::after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 5px;
    margin-bottom: -4px;
    background: url(/pconts/images/icon/ico_outlink02.png) no-repeat center
}

.submain_consumer_popList li .item {
    padding-left: 70px;
    background-size: auto 40px
}

.submain_consumer_popList .ico01 {
    background: url('/pconts/images/main/customer/ico_consumer_pop01.png') no-repeat
}

.submain_consumer_popList .ico02 {
    background: url('/pconts/images/main/customer/ico_consumer_pop02.png') no-repeat
}

.submain_consumer_popList .ico03 {
    background: url('/pconts/images/main/customer/ico_consumer_pop03.png') no-repeat
}

.submain_consumer_popList .ico04 {
    background: url('/pconts/images/main/customer/ico_consumer_pop04.png') no-repeat
}

.submain_consumer_popList .ico05 {
    background: url('/pconts/images/main/customer/ico_consumer_pop05.png') no-repeat
}

.submain_consumer_popList .ico06 {
    background: url('/pconts/images/main/customer/ico_consumer_pop06.png') no-repeat
}

.submain_consumer_popList .ico07 {
    background: url('/pconts/images/main/customer/ico_consumer_pop07.png') no-repeat
}

.submain_consumer_popList .ico08 {
    background: url('/pconts/images/main/customer/ico_consumer_pop08.png') no-repeat
}

.submain_topsClub .submain_premium .premium_visual {
    position: relative;
    margin-bottom: 20px
}

.submain_topsClub .submain_premium .premium_visual .item {
    display: block;
    position: relative;
    height: 295px;
    padding: 0 40px;
    overflow: hidden;
    margin-top: 20px
}

.submain_topsClub .submain_premium .premium_visual .item .cont {
    position: relative;
    z-index: 20
}

.submain_topsClub .submain_premium .premium_visual .item .cont .tit {
    display: block;
    margin-bottom: 25px
}

.submain_topsClub .submain_premium .premium_visual .item .cont .tit strong {
    line-height: 48px;
    color: #111;
    font-size: 47px;
    font-weight: 700
}

.submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line {
    display: inline-block;
    position: relative
}

.submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: -3px;
    bottom: 3px;
    height: 15px;
    background-color: #b9aa8e
}

.submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line span {
    position: relative;
    z-index: 2
}

.submain_topsClub .submain_premium .premium_visual .item .cont .txt {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 300
}

.submain_topsClub .submain_premium .premium_visual .item .cont .txt span {
    color: #8d743a;
    font-weight: 700
}

.submain_topsClub .submain_premium .premium_visual .item .img {
    display: block;
    position: absolute;
    width: 400px;
    height: 293px;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 10
}

.submain_topsClub .submain_premium .premium_visual [class^='nav-button'] {
    position: absolute;
    top: calc(50% - 20px);
    display: block;
    width: 40px;
    height: 40px;
    z-index: 10;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5)
}

.submain_topsClub .submain_premium .premium_visual [class^='nav-button']::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    border-width: 3px 3px 0 0;
    border-color: #fff;
    border-style: solid
}

.submain_topsClub .submain_premium .premium_visual .nav-button-prev {
    left: -45px
}

.submain_topsClub .submain_premium .premium_visual .nav-button-next {
    right: -45px
}

.submain_topsClub .submain_premium .premium_visual .swiper-button-disabled {
    opacity: 0.3
}

.submain_topsClub .submain_premium .premium_visual .nav-button-prev::before {
    left: 14px;
    top: 7px;
    transform: rotate(-135deg)
}

.submain_topsClub .submain_premium .premium_visual .nav-button-next::before {
    left: 2px;
    top: 7px;
    transform: rotate(45deg)
}

.submain_topsClub .submain_premium .premium_visual .swiper-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 40px;
    bottom: 87px;
    width: auto
}

.submain_topsClub .submain_premium .premium_visual .swiper-controls.is_played .swiper-button-play {
    display: none
}

.submain_topsClub .submain_premium .premium_visual .swiper-controls.is_played .swiper-button-pause {
    display: inline-block
}

.submain_topsClub .submain_premium .premium_visual .swiper-controls.is_stoped .swiper-button-play {
    display: inline-block
}

.submain_topsClub .submain_premium .premium_visual .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.submain_topsClub .submain_premium .premium_visual .swiper-pagination-fraction {
    display: inline-flex;
    position: relative;
    left: 0;
    bottom: 0;
    line-height: 22px;
    width: auto;
    margin-right: 5px;
    font-weight: 800
}

.submain_topsClub .submain_premium .premium_visual .swiper-pagination-fraction span {
    display: inline-block;
    font-size: 13px;
    color: #333
}

.submain_topsClub .submain_premium .premium_visual .swiper-button-pause {
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    width: 30px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.submain_topsClub .submain_premium .premium_visual .swiper-button-pause::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 0 2px;
    border-color: #333;
    border-style: solid
}

.submain_topsClub .submain_premium .premium_visual .swiper-button-play {
    position: relative;
    display: none;
    left: 0;
    top: 0;
    width: 30px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.submain_topsClub .submain_premium .premium_visual .swiper-button-play::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #333;
    border-style: solid
}

.submain_topsClub .submain_premium .premium_visual .link {
    display: inline-flex;
    flex: none;
    width: auto;
    height: 28px;
    padding: 2px 16px 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 14px;
    border: 1px solid #ccc;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    z-index: 10;
    background: #fff
}

.submain_topsClub .submain_banner {
    padding-bottom: 0
}

.submain_topsClub .submain_banner .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100px;
    padding: 0 40px;
    border: 1px solid #dddddd;
    background-color: #d2ccce;
    border-radius: 8px
}

.submain_topsClub .submain_banner .item .cont .tit {
    color: #000;
    font-weight: 700;
    font-size: 24px
}

.submain_topsClub .submain_banner .item .cont .txt {
    color: #111;
    font-weight: 300;
    font-size: 16px
}

.submain_topsClub .submain_banner .item .label .label_more {
    display: inline-block;
    padding: 1px 16px 0;
    color: #111;
    background-color: #fff;
    font-size: 13px;
    height: 26px;
    line-height: 25px;
    border-radius: 13px;
    font-weight: 700
}

.submain_topsClub .submain_banner .helper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 18px 0 60px 0
}

.submain_topsClub .submain_banner .helper .link {
    color: #111;
    font-size: 15px;
    font-weight: 300
}

.submain_topsClub .submain_banner .helper .link::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 9px;
    background: #666
}

.submain_topsClub .submain_banner .helper .link.more {
    display: inline-block;
    color: #333
}

.submain_topsClub .submain_banner .helper .link.more::after {
    content: '';
    display: inline-block;
    margin-left: 3px;
    width: 8px;
    height: 8px;
    border: 1px solid #333;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    background-color: transparent
}

.submain_topsClub .premium_coupon_list {
    margin-top: -14px
}

.submain_topsClub .event_subVisual {
    border: 1px solid #ccc;
    margin: 30px 0 10px 0
}

.submain_topsClub .event_subVisual .event_inner {
    background: #fff
}

.submain_topsClub .event_subVisual .event_cont a {
    color: #111
}

.submain_topsClub .event_subVisual .event_cont .label {
    color: #111;
    border: 1px solid #ccc
}

.submain_topsClub .event_subVisual.img_right .event_cont .link {
    padding-left: 40px
}

.submain_topsClub .event_bnr .event_cont .txt {
    font-size: 16px;
    font-weight: 400
}

.submain_topsClub .icon_list.favorite {
    padding-bottom: 10px;
    font-weight: 400
}

.submain_benefit .list01[data-type="card"] .event_info, .submain_topsClub .list01[data-type="card"] .event_info {
    height: 386px
}

.submain_benefit .list01[data-type="card"] .event_info .cell1 .thumbnail, .submain_topsClub .list01[data-type="card"] .event_info .cell1 .thumbnail {
    height: 252px
}

.submain_benefit .list01[data-type="card"] .event_info .text_cell, .submain_topsClub .list01[data-type="card"] .event_info .text_cell {
    padding: 16px 20px
}

.submain_benefit .list01[data-type="card"] .event_info .cell2, .submain_topsClub .list01[data-type="card"] .event_info .cell2 {
    margin-bottom: 5px
}

.submain_benefit .list01.event_list[data-type="card"] ul > li, .submain_topsClub .list01.event_list[data-type="card"] ul > li {
    padding: 10px 12px
}

.submain_service {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 10px 0;
    justify-content: space-between
}

.submain_service .service_inner {
    width: 48.5%
}

.submain_service .service_inner .inner_cont {
    display: block;
    height: 150px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17)
}

.submain_service .service_inner .inner_cont a {
    display: block;
    width: 100%;
    height: 150px;
    border-radius: 10px;
    padding: 30px 0 0 40px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 250px
}

.submain_service .service_inner .inner_cont .tit {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.submain_service .service_inner .inner_cont .txt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.submain_service .service_inner .inner_cont .label {
    display: inline-flex;
    flex: none;
    border: 1px solid #ccc;
    color: #111;
    width: auto;
    height: 28px;
    margin-top: 13px;
    padding: 2px 16px 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700
}

.submain_service .service_inner .inner_cont .tops01 {
    background-image: url(/pconts/images/contents/topsclub/img_tops_service.png)
}

.submain_service .service_inner .inner_cont .plus01 {
    background-image: url(/pconts/images/contents/topsclub/img_plus_service01.png)
}

.submain_service .service_inner .inner_cont .plus02 {
    background-image: url(/pconts/images/contents/topsclub/img_plus_service02.png)
}

.submain_service .service_inner .inner_cont .plus03 {
    background-image: url(/pconts/images/contents/topsclub/img_plus_service03.png)
}

.submain_service .service_inner .inner_cont .plus04 {
    background-image: url(/pconts/images/contents/topsclub/img_plus_service04.png)
}

.submain_service .service_inner .inner_cont .plus05 {
    background-image: url(/pconts/images/contents/topsclub/img_plus_service05.png)
}

.submain_topsClub.SH_submain .expend_wrap {
    padding-bottom: 30px
}

.submain_service .service_inner .swiper_topsPlus {
    position: relative
}

.submain_service .service_inner .swiper_topsPlus [class^='nav-button'] {
    position: absolute;
    top: calc(50% - 28px);
    display: block;
    width: 46px;
    height: 58px;
    z-index: 10;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5)
}

.submain_service .service_inner .swiper_topsPlus [class^='nav-button']::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid
}

.submain_service .service_inner .swiper_topsPlus .nav-button-prev {
    left: 0px
}

.submain_service .service_inner .swiper_topsPlus .nav-button-next {
    right: 0px
}

.submain_service .service_inner .swiper_topsPlus .swiper-button-disabled {
    opacity: 0.3
}

.submain_service .service_inner .swiper_topsPlus .nav-button-prev::before {
    left: 20px;
    top: 20px;
    transform: rotate(-135deg)
}

.submain_service .service_inner .swiper_topsPlus .nav-button-next::before {
    left: 10px;
    top: 20px;
    transform: rotate(45deg)
}

.submain_service .service_inner .swiper_topsPlus .swiper-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 140px;
    bottom: 28px;
    width: auto
}

.submain_service .service_inner .swiper_topsPlus .swiper-controls.is_played .swiper-button-play {
    display: none
}

.submain_service .service_inner .swiper_topsPlus .swiper-controls.is_played .swiper-button-pause {
    display: inline-block
}

.submain_service .service_inner .swiper_topsPlus .swiper-controls.is_stoped .swiper-button-play {
    display: inline-block
}

.submain_service .service_inner .swiper_topsPlus .swiper-controls.is_stoped .swiper-button-pause {
    display: none
}

.submain_service .service_inner .swiper_topsPlus .swiper-pagination-fraction {
    display: inline-flex;
    position: relative;
    left: 0;
    bottom: 0;
    line-height: 22px;
    width: auto;
    margin-right: 5px;
    font-weight: 800
}

.submain_service .service_inner .swiper_topsPlus .swiper-pagination-fraction span {
    display: inline-block;
    font-size: 13px;
    color: #333
}

.submain_service .service_inner .swiper_topsPlus .swiper-button-pause {
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    width: 30px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.submain_service .service_inner .swiper_topsPlus .swiper-button-pause::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 0 2px;
    border-color: #333;
    border-style: solid
}

.submain_service .service_inner .swiper_topsPlus .swiper-button-play {
    position: relative;
    display: none;
    left: 0;
    top: 0;
    width: 30px;
    height: 20px;
    z-index: 10;
    overflow: hidden
}

.submain_service .service_inner .swiper_topsPlus .swiper-button-play::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #333;
    border-style: solid
}

.submain_topsClub .submain_premium .premium_level {
    padding-top: 20px
}

.submain_topsClub .submain_premium .premium_level .tit {
    display: inline-block;
    position: relative;
    font-size: 38px;
    line-height: 48px;
    color: #000;
    font-weight: 700
}

.submain_topsClub .submain_premium .premium_level .tit .name {
    color: #4868e1
}

.submain_topsClub .submain_premium .premium_level .tit .level {
    position: relative;
    display: inline-block;
    color: #8d743a
}

.submain_topsClub .submain_premium .premium_level .tit .level::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 3px;
    background-color: #8d743a
}

.submain_topsClub .submain_premium .premium_level .txt {
    margin: 20px 0;
    color: #333;
    font-size: 15px;
    font-weight: 300;
    float: left
}

.submain_topsClub .submain_premium .premium_level .btn_box {
    float: left
}

.submain_topsClub .submain_premium .premium_level .top_btn_area:after {
    content: "";
    display: block;
    clear: both
}

.submain_topsClub .submain_premium .premium_level .top_btn_area {
    padding-top: 25px
}

.submain_topsClub .submain_premium .premium_level .btn.blue {
    margin-left: 215px
}

.submain_topsClub .submain_premium .premium_level .tooltip_link {
    display: block;
    position: absolute;
    left: 100%;
    bottom: 8px;
    margin-left: 20px;
    height: 33px;
    width: 110px;
    line-height: 33px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    background-color: #8d743a;
    color: #fff
}

.submain_topsClub .submain_premium .premium_level .tooltip_link::before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #8d743a
}

.submain_topsClub .submain_premium .premium_level .tooltip_link > span {
    display: inline-block;
    position: relative;
    padding-right: 12px
}

.submain_topsClub .submain_premium .premium_level .tooltip_link > span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 1px solid #fff;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.submain_topsClub .jump_area {
    position: relative
}

.submain_topsClub .submain_premium .premium_info {
    position: relative;
    margin-top: 35px;
    margin-bottom: 40px
}

.submain_topsClub .submain_premium .premium_info .item {
    display: block;
    height: 187px;
    padding: 20px 25px 10px 25px;
    background-color: #fff;
    border-radius: 8px;
    color: #333;
    box-shadow: 5px 5px 20px 0 rgba(51,51,51,0.15)
}

.submain_topsClub .submain_premium .premium_info .item .tit {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px
}

.submain_topsClub .submain_premium .premium_info .item .tit::after {
    content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 1px solid #333;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.submain_topsClub .submain_premium .premium_info .item .tit .icon_box {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background-size: 50px auto
}

.submain_topsClub .submain_premium .premium_info .item .txt {
    margin-top: 5px;
    font-weight: 700;
    font-size: 24px;
    text-align: right
}

.submain_topsClub .submain_premium .premium_info .item .txt small {
    font-weight: 700;
    font-size: 15px
}

.submain_topsClub .submain_premium .premium_info .item .txt small + .js_animate_won {
    margin-left: 5px
}

.submain_topsClub .submain_premium .premium_info .item .txt small.js_txt {
    font-weight: 400;
    float: left;
    line-height: 48px;
    color: #111
}

.submain_topsClub .submain_premium .premium_info .swiper-button-prev, .submain_topsClub .submain_premium .premium_info .swiper-button-next {
    display: none !important
}

.submain_topsClub .submain_premium .premium_info .swiper-container {
    overflow: visible
}

.submain_topsClub .submain_premium .premium_info .swiper-wrapper {
    width: auto
}

.submain_topsClub .submain_eventList {
    padding: 30px 0
}

.submain_topsClub .submain_eventList .h_wrap {
    margin-top: -6px
}

.submain_topsClub .submain_bestCoupone .h_wrap .more, .submain_topsClub .submain_eventList .h_wrap .more, .submain_service .service_inner .h_wrap .more {
    display: inline-block;
    position: relative;
    padding-right: 20px
}

.submain_topsClub .submain_bestCoupone .h_wrap .more::after, .submain_topsClub .submain_eventList .h_wrap .more::after, .submain_service .service_inner .h_wrap .more::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg)
}

@media only screen and (min-width: 1024px) {
    .main_index #header {
        position:relative
    }

    .main_index .event_subTop {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%
    }

    .main_index #header .header_banner, .main_index #header .header_top, .main_index #header .header_body {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 20
    }

    .main_index #header .header_body {
        z-index: 10;
        top: 40px
    }

    .main_index #header .header_body .headerBg_wrap {
        position: absolute;
        left: 0;
        top: -40px;
        right: 0;
        bottom: 0;
        z-index: 45;
        display: block
    }

    .main_index #header .header_body .headerBg {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%
    }

    .main_index #header .header_body .body_inner {
        position: relative;
        z-index: 61;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main_index #header > .headerBg, .main_index #header .header_top, .main_index #header .header_body {
        transition: all 0.3s 0.3s ease
    }

    .main_index #header .header_body .headerBg.is_active {
        opacity: 0
    }

    .main_index #header.is_scrolled .header_body .headerBg.is_active {
        opacity: 1
    }

    .main_index .main_con {
        padding-top: 239px;
        height: 571px
    }

    .has_eventTopBnr .main_index #header .header_top {
        top: 120px
    }

    .has_eventTopBnr .main_index #header > .headerBg {
        top: 120px
    }

    .has_eventTopBnr .main_index #header .header_body {
        top: 159px
    }

    .has_eventTopBnr .main_index #header .header_body .headerBg {
        height: (100% + 39px)
    }
}

@media only screen and (max-width: 1023px) {
    .main_index .main_quick .icon_box.icon01 {
        background-image:url(/pconts/images/main/index/ico_icon01_m.png)
    }

    .main_index .main_quick .icon_box.icon02 {
        background-image: url(/pconts/images/main/index/ico_icon02_m.png)
    }

    .main_index .main_quick .icon_box.icon03 {
        background-image: url(/pconts/images/main/index/ico_icon03_m.png)
    }

    .main_index .main_quick .icon_box.icon04 {
        background-image: url(/pconts/images/main/index/ico_icon04_m.png)
    }

    .main_index .main_quick .icon_box.icon05 {
        background-image: url(/pconts/images/main/index/ico_icon05_m.png)
    }

    .main_index .main_quick .icon_box.icon06 {
        background-image: url(/pconts/images/main/index/ico_icon06_m.png)
    }

    .main_index .main_quick .icon_box.icon07 {
        background-image: url(/pconts/images/main/index/ico_icon07_m.png)
    }

    .main_index .main_quick .icon_box.icon08 {
        background-image: url(/pconts/images/main/index/ico_icon08_m.png)
    }

    .main_index .main_quick .icon_box.icon09 {
        background-image: url(/pconts/images/main/index/ico_icon09_m.png)
    }

    .main_index .main_quick .icon_box.icon10 {
        background-image: url(/pconts/images/main/index/ico_icon10_m.png)
    }

    .main_index .main_quick .icon_box.icon11 {
        background-image: url(/pconts/images/main/index/ico_icon11_m.png)
    }

    .main_index .main_quick .icon_box.icon12 {
        background-image: url(/pconts/images/main/index/ico_icon12_m.png)
    }

    .main_index .main_quick .icon_box.icon13 {
        background-image: url(/pconts/images/main/index/ico_icon13_m.png)
    }

    .main_index .main_quick .icon_box.icon14 {
        background-image: url(/pconts/images/main/index/ico_icon14_m.png)
    }

    .main_index .main_quick .icon_box.icon15 {
        background-image: url(/pconts/images/main/index/ico_icon15_m.png)
    }

    .main_index .main_quick .icon_box.icon16 {
        background-image: url(/pconts/images/main/index/ico_icon16_m.png)
    }

    .main_index .main_quick .icon_box.icon17 {
        background-image: url(/pconts/images/main/index/ico_icon17_m.png)
    }

    .main_index .main_quick .icon_box.icon18 {
        background-image: url(/pconts/images/main/index/ico_icon18_m.png)
    }

    .main_index .main_quick .icon_box.icon19 {
        background-image: url(/pconts/images/main/index/ico_icon19_m.png)
    }

    .main_index .main_quick .icon_box.icon20 {
        background-image: url(/pconts/images/main/index/ico_icon20_m.png)
    }

    .main_index .main_quick .icon_box.icon21 {
        background-image: url(/pconts/images/main/index/ico_icon21_m.png)
    }

    .main_index .main_quick .icon_box.icon22 {
        background-image: url(/pconts/images/main/index/ico_icon22_m.png)
    }

    .main_index .main_quick .icon_box.icon23 {
        background-image: url(/pconts/images/main/index/ico_icon23_m.png)
    }

    .main_index .main_quick .icon_box.icon24 {
        background-image: url(/pconts/images/main/index/ico_icon24_m.png)
    }

    .main_index .main_quick .icon_box.icon25 {
        background-image: url(/pconts/images/main/index/ico_icon25_m.png)
    }

    .main_index .main_quick .icon_box.icon26 {
        background-image: url(/pconts/images/main/index/ico_icon26_m.png)
    }

    .main_index .main_quick .icon_box.icon27 {
        background-image: url(/pconts/images/main/index/ico_icon27_m.png)
    }

    .main_index .main_quick .icon_box.icon28 {
        background-image: url(/pconts/images/main/index/ico_icon28_m.png)
    }

    .main_index .main_quick .icon_box.icon29 {
        background-image: url(/pconts/images/main/index/ico_icon29_m.png)
    }

    .main_index #header {
        height: 466px
    }

    .main_index #header .header_inner {
        height: 100%
    }

    .main_index #header .header_body {
        height: auto;
        padding-top: 0
    }

    .main_index #header .header_body .head_title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
        padding: 10px 27px 0 27px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main_index #header .header_body .head_title .util_mobile {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .main_index #header .header_body .head_title .util_mobile .btn_ico_all_menu {
        margin-left: 17px
    }

    .main_index #header .header_body .head_title .util_mobile .btn_login {
        display: block;
        height: 20px;
        padding: 0 12px;
        border-radius: 10px;
        border: 1px solid #fff;
        font-size: 10px;
        color: #fff
    }

    .main_index #header .header_body .body_inner {
        height: 106px;
        overflow: visible
    }

    .main_index #header .header_body .body_inner .gnb_wrap {
        margin-top: auto;
        width: 100%
    }

    .main_index #header .head_title .inside_title {
        height: 21px
    }

    .main_index #header .head_title .inside_title a {
        top: 0
    }

    .main_index #header .util_wrap {
        display: none
    }

    .main_index #container {
        padding-top: 466px;
        overflow: hidden
    }

    .main_index .footer_wrap {
        padding-bottom: 15px
    }

    .main_index .bg01 video {
        position: fixed
    }

    .main_index .ly_inner {
        width: 100%;
        padding: 0 20px
    }

    .main_index #header .gnb_linkbar {
        display: none
    }

    .main_index #header .gnb_wrap {
        width: 100%;
        margin: 0;
        margin-top: 0;
        padding: 0
    }

    .main_index #header .gnb_wrap .gnb_navi {
        padding-left: 14px;
        padding-right: 30px
    }

    .main_index #header .gnb_wrap .nav_area {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .main_index #header .gnb_wrap .nav_area .dep1 {
        width: auto;
        margin: 0 0
    }

    .main_index #header .gnb_wrap .nav_area .dep1 > li {
        width: auto
    }

    .main_index #header .gnb_wrap .nav_area .dep1 > li > a {
        display: block;
        padding: 2px 12px 0 13px;
        font-size: 16px;
        line-height: 38px;
        text-align: center
    }

    .main_index #header .gnb_wrap .nav_area .dep1 > li .allmenu_group {
        margin-top: 52px
    }

    .main_index #header .gnb_wrap .gnb {
        position: absolute;
        top: 50px
    }

    .main_index #header .gnb_wrap .gnb_slide_wrap {
        width: 100%
    }

    .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper .swiper-slide {
        margin-right: 26px
    }

    .main_index #header .gnb_wrap .all_menu img {
        width: 20px;
        height: 18px !important
    }

    .main_index #header .gnb_wrap .gnb_member {
        top: 0
    }

    .main_index #header .gnb_wrap .gnb_member ul li a {
        padding: 0 8px
    }

    .main_index #header .gnb_wrap .nav_area:after {
        display: none
    }

    .main_index #header .gnb_wrap .swiper-button-prev, .main_index #header .gnb_wrap .swiper-button-next {
        display: block;
        top: 0;
        height: 40px;
        width: 18px;
        margin: 0;
        background: url('/pconts/images/main/index/gnb_next_m.png') no-repeat center center / 8px 13px
    }

    .main_index #header .gnb_wrap .swiper-button-prev {
        display: none !important;
        right: auto;
        left: 0;
        transform: rotate(180deg)
    }

    .main_index #header .gnb_wrap .swiper-button-next {
        left: auto;
        right: 10px
    }

    .main_index #header .util_wrap .login_area, .main_index #header .util_wrap .logout_area {
        display: block
    }

    .main_index h1.logo {
        display: inline-block;
        margin-bottom: 0
    }

    .main_index h1.logo a {
        width: 120px;
        height: 21px
    }

    .main_index #header .gnb_wrap .gnb_member ul li a {
        height: 21px
    }

    .main_index #header .gnb_wrap .gnb_member ul li a span {
        display: none
    }

    .main_index #header .main_con {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main_index #header .main_con .gnb_wrap {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .main_index #header .main_con .gnb_wrap::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #eeeeee
    }

    .main_index #header .main_con .gnb_wrap .nav_area .dep1 li {
        color: #333333
    }

    .main_index #header .main_con .gnb_wrap .swiper-button-next {
        background: url('/pconts/images/main/index/gnb_next_m2.png') no-repeat center center / 8px 13px
    }

    .main_index #header .header_body .head_title {
        opacity: 1
    }

    .main_index #header .gnb_wrap {
        display: block
    }

    .main_index #header .main_con .gnb_wrap {
        display: none
    }

    .main_index #header .header_body .head_title .util_mobile .search_btn {
        width: 0;
        height: 20px;
        margin-left: 0;
        overflow: hidden
    }

    .main_index #header .header_body .head_title, .main_index #header .header_body .head_title .util_mobile .search_btn, .main_index #header .main_search, .main_index #container, .main_index #header .main_banner {
        transition: all 0.2s ease
    }

    .main_index #header.step-state1 .header_body .body_inner {
        overflow: visible
    }

    .main_index #header.step-state1 .main_search {
        opacity: 0
    }

    .main_index #header.step-state1 .header_body .head_title .util_mobile .search_btn {
        width: 20px;
        height: 20px;
        margin-left: 10px
    }

    .main_index #header.step-state1 .header_body .head_title .util_mobile .search_btn img {
        width: 20px;
        height: 20px
    }

    .main_index #header.step-state2 .gnb_wrap {
        display: none
    }

    .main_index #header.step-state2 .main_banner {
        bottom: 40px
    }

    .main_index #header.step-state2 .main_con .gnb_wrap {
        display: block;
        background: #fff;
        padding: 0;
        z-index: 10
    }

    .main_index #header.step-state2 .header_body .head_title {
        opacity: 0
    }

    .main_index #header.step-state2 .main_con .gnb_wrap {
        opacity: 1;
        background: #fff;
        padding: 0
    }

    .main_index .step-state3 .main_con {
        z-index: 11
    }

    .main_index .main_con .main_search {
        position: relative;
        z-index: 10;
        padding: 0 25px
    }

    .main_index .main_con .main_search .input_wrap {
        max-width: 100%;
        width: 414px;
        margin: auto
    }

    .main_index .main_con .main_search .input_wrap input {
        height: 35px;
        line-height: 35px;
        font-size: 15px;
        padding-left: 30px
    }

    .main_index .main_con .main_search .input_wrap input:focus {
        padding-left: 30px
    }

    .main_index .main_con .main_search .input_wrap input::placeholder {
        font-size: 15px;
        color: rgba(255,255,255,0.3);
        line-height: 35px
    }

    .main_index .main_con .main_search .input_wrap input::-webkit-input-placeholder {
        font-size: 15px;
        color: rgba(255,255,255,0.3);
        line-height: 35px
    }

    .main_index .main_con .main_search .input_wrap input::-moz-placeholder {
        font-size: 15px;
        color: rgba(255,255,255,0.3);
        line-height: 35px
    }

    .main_index .main_con .main_search .input_wrap input:-moz-placeholder {
        font-size: 15px;
        color: rgba(255,255,255,0.3);
        line-height: 35px
    }

    .main_index .main_con .main_search .input_wrap input::-ms-input-placeholde {
        font-size: 15px;
        color: rgba(255,255,255,0.3);
        line-height: 35px
    }

    .main_index .main_con .main_search .input_wrap input:-ms-input-placeholder {
        font-size: 15px;
        color: rgba(255,255,255,0.3);
        line-height: 35px
    }

    .main_index .main_con .main_search .input_wrap .search_btn {
        top: 7px;
        bottom: 8px;
        width: 20px;
        height: 20px
    }

    .main_index .main_con .main_search .input_wrap .link_bnr {
        width: 50px;
        height: 50px;
        top: -10px
    }

    .main_index .main_con .main_search .input_wrap.mo_only {
        display: block
    }

    .main_index .main_con .main_search .input_wrap.mo_only input {
        cursor: pointer
    }

    .main_index .main_con .main_search .input_wrap.pc_only {
        display: none
    }

    .main_index .main_con .main_search_word {
        width: 100%;
        padding: 9px 0 0;
        text-align: center
    }

    .main_index .main_con .main_search_word li {
        padding-right: 0
    }

    .main_index .main_con .main_search_word li a {
        padding: 8px 13px 7px;
        font-size: 13px
    }

    .main_index .main_banner {
        height: 110px;
        z-index: 20
    }

    .main_index .main_banner .banner_area {
        min-width: 320px;
        max-width: 100%;
        width: 414px;
        height: 115px;
        margin: auto
    }

    .main_index .main_banner .slide_wrap [class^='nav-button'] {
        width: 20px;
        height: 20px;
        margin-top: -10px
    }

    .main_index .main_banner .slide_wrap [class^='nav-button']::before {
        content: '';
        width: 10px;
        height: 10px;
        top: 5px
    }

    .main_index .main_banner .slide_wrap .nav-button-prev {
        left: 2px
    }

    .main_index .main_banner .slide_wrap .nav-button-next {
        right: 2px
    }

    .main_index .main_banner .slide_wrap .nav-button-prev::before {
        left: 7px
    }

    .main_index .main_banner .slide_wrap .nav-button-next::before {
        left: 2px
    }

    .main_index .main_banner .slide_wrap .swiper-slide a.item {
        height: 115px
    }

    .main_index .main_banner .slide_wrap .swiper-slide a.item p {
        position: absolute;
        top: auto;
        bottom: 52px;
        left: 33px
    }

    .main_index .main_banner .slide_wrap .swiper-slide a.item p span {
        font-size: 1.3rem
    }

    .main_index .main_banner .slide_wrap .swiper-slide a.item p strong {
        font-size: 1.5rem
    }

    .main_index .main_banner .slide_wrap .swiper-pagination-fraction {
        left: calc(50% - 162px);
        bottom: 17px
    }

    .main_index .main_banner .slide_wrap .swiper-button-pause {
        left: calc(50% - 130px);
        bottom: 17px
    }

    .main_index .main_banner .slide_wrap .bg01 {
        background: url(/pconts/images/main/index/main_banner1_m.png) no-repeat center;
        background-size: auto 100%
    }

    .main_index .main_banner .slide_wrap .bg02 {
        background: url(/pconts/images/main/index/main_banner2_m.png) no-repeat center;
        background-size: auto 100%
    }

    .main_index .main_banner .slide_wrap .bg03 {
        background: url(/pconts/images/main/index/main_banner3_m.png) no-repeat center ;
        background-size: auto 100%
    }

    .main_index .main_quick {
        padding: 23px 0
    }

    .main_index .main_quick .icon_list.favorite {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        margin: -16px 0;
        padding-bottom: 13px
    }

    .main_index .main_quick .icon_list.favorite > li {
        width: 25%;
        padding: 8px 0
    }

    .main_index .main_quick .icon_list.favorite > li .icon_box {
        background-size: 30px auto
    }

    .main_index .main_quick .icon_list.favorite > li .icon_box:focus, .main_index .main_quick .icon_list.favorite > li .icon_box:hover {
        background-position: center 15px
    }

    .main_index .main_quick .icon_list.favorite > li .icon_box .icon_name {
        padding: 54px 0 0;
        font-size: 13px
    }

    .main_index .main_card_wrap {
        padding: 0 10px
    }

    .main_index .main_card_wrap .swiper-container {
        overflow: visible;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 10px
    }

    .main_index .main_card_wrap .swiper-slide {
        width: 130px
    }

    .main_index .main_card_wrap .nav-button-prev, .main_index .main_card_wrap .nav-button-next {
        top: 95px;
        width: 30px;
        height: 30px
    }

    .main_index .main_card_wrap .nav-button-prev::before, .main_index .main_card_wrap .nav-button-next::before {
        width: 10px;
        height: 10px;
        top: 10px
    }

    .main_index .main_card_wrap .nav-button-prev::before {
        left: 13px
    }

    .main_index .main_card_wrap .nav-buttozzzzzzzn-next::before {
        left: 8px
    }

    .main_index .main_card_wrap .item {
        display: block;
        width: 130px;
        overflow: hidden
    }

    .main_index .main_card_wrap .item p {
        width: 114px;
        height: 181px;
        box-shadow: 4px 4px 10px rgba(0,0,0,0.3)
    }

    .main_index .main_card_wrap .item img {
        max-width: 182px;
        max-height: 182px
    }

    .main_index .main_card_wrap .item strong {
        width: 115px;
        margin: 8px auto 0 auto;
        font-size: 1.3rem;
        text-align: left
    }

    .main_index .main_card_wrap .item span {
        display: block;
        font-size: 1.1rem
    }

    .main_index .main_card_wrap .item img.rotate {
        width: auto;
        height: 114px
    }

    body.msie .main_index .main_card_wrap .item img.rotate {
        margin-left: -33px
    }

    .btn_line_blue {
        border: 1px solid #086ac5;
        background-color: #fff;
        color: #086ac5
    }

    .main_index .btn_wrap.btn_main {
        margin-top: 14px;
        margin-bottom: 10px;
        padding: 0 20px;
        text-align: left;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main_index .btn_wrap.btn_main .btn_line_blue {
        width: 48%
    }

    .main_index .btn_wrap.btn_main .btn_line_blue.btn_arrow + button {
        margin-left: 2%
    }

    .main_index .main_finance_wrap {
        left: 0;
        bottom: 0;
        margin-top: 1px;
        padding: 0 20px;
        padding-bottom: 0
    }

    .main_index .main_finance_wrap .swiper-container {
        overflow: visible;
        margin: 0;
        margin-top: -5px;
        padding-bottom: 20px
    }

    .main_index .main_finance_wrap .swiper-wrapper .swiper-slide {
        padding: 0
    }

    .main_index .main_finance_wrap .swiper-slide {
        width: auto;
        min-width: 100px
    }

    .main_index .main_finance_wrap .nav-button-prev, .main_index .main_finance_wrap .nav-button-next {
        display: block;
        top: 58px;
        width: 30px;
        height: 30px
    }

    .main_index .main_finance_wrap .nav-button-prev::before, .main_index .main_finance_wrap .nav-button-next::before {
        width: 10px;
        height: 10px;
        top: 10px
    }

    .main_index .main_finance_wrap .nav-button-prev::before {
        left: 13px
    }

    .main_index .main_finance_wrap .nav-button-next::before {
        left: 8px
    }

    .main_index .main_finance_wrap .item {
        height: 110px;
        padding: 13px;
        border-radius: 4px;
        box-shadow: 4px 4px 10px rgba(0,0,0,0.2)
    }

    .main_index .main_finance_wrap .item .img_area {
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
        line-height: 1
    }

    .main_index .main_finance_wrap .item .img_area img {
        width: 100%
    }

    .main_index .main_finance_wrap .item p {
        line-height: 15px
    }

    .main_index .main_finance_wrap .item strong {
        display: block;
        font-size: 13px
    }

    .main_index .main_finance_wrap .item span {
        font-size: 13px
    }

    .main_index .main_notice_wrap {
        padding: 30px 0
    }

    .main_index .main_notice {
        margin: -10px 0
    }

    .main_index .main_notice li {
        padding: 10px 0
    }

    .main_index .main_notice li + li:before {
        display: none
    }

    .main_index .main_notice p strong {
        font-size: 16px;
        margin-bottom: 4px
    }

    .main_index .main_notice .main_morelink {
        top: 14px;
        right: 0;
        display: inline-block;
        line-height: 20px
    }

    .main_index .col02 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main_index .col02 > li {
        float: none;
        width: 100%
    }

    .main_index .main_graybox .col02 > li::after {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px
    }

    .main_index .main_graybox .ly_inner {
        padding: 0
    }

    .main_index .main_box .tit {
        padding: 20px 20px 10px;
        font-size: 1.6rem
    }

    .main_index .main_box + .main_box {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .SH_submain .contents {
        padding-top:0
    }

    .SH_submain .expend_wrap.bg_gray {
        padding: 26px 20px 35px
    }

    .SH_submain .expend_wrap.bg_gray > .ly_inner {
        padding: 0px
    }

    .submain_favorite {
        padding: 0px 20px;
        width: 100%
    }

    .submain_favorite ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .submain_favorite li {
        flex: 1
    }

    .submain_favorite .tit_wrap {
        margin: 20px 0 0
    }

    .submain_favorite .icon_list.favorite .icon_box {
        background-size: 40px auto
    }

    .submain_favorite .icon_list.favorite > li .icon_box .icon_name {
        padding: 45px 0 20px;
        font-size: 1.3rem
    }

    .submain_customer_info li .name, .submain_customer_finance li .tit, .submain_customer_call li a p, .submain_customer_consumer li .tit, .submain_callCenter .tel_list li a p, .submain_callCenter .tel_list li a span, .submain_mypage .sm_inner .mySub_top .left .sinceDate {
        font-size: 15px
    }

    .submain_callCenter .tel_list li a {
        padding: 15px
    }

    .submain_customer_finance li .txt, .submain_customer_call li a span, .submain_customer_consumer li .txt {
        font-size: 13px
    }

    .SH_submain .cardFind_swiper .swiper-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .SH_submain .cardFind_swiper .swiper-slide {
        flex: none;
        width: 80px
    }

    .submain_mypage .event_subTop.my_subTop .event_cont .img {
        bottom: 0
    }

    .submain_mypage .event_bnr.my_subTop .event_cont {
        width: auto
    }

    .submain_mypage .sm_inner {
        width: auto;
        padding: 0
    }

    .submain_mypage .sm_inner .left, .sm_inner .right {
        float: inherit;
        width: auto
    }

    .submain_mypage .sm_inner .mySub_top {
        height: auto;
        padding: 20px 20px 6px;
        background: #fff;
        margin-top: 0
    }

    .submain_mypage .sm_inner .mySub_top .left {
        padding: 0 0 30px 92px;
        min-height: 80px;
        font-size: 2rem;
        background-size: 80px auto
    }

    .submain_mypage .sm_inner .mySub_top .userLevel {
        font-size: 1.8rem
    }

    .submain_mypage .sm_inner .mySub_top .left .barCode {
        top: 26px
    }

    .submain_mypage .sm_inner .mySub_top .left.accordion_header {
        width: 100%
    }

    .submain_mypage .sm_inner .mySub_top .left.accordion_header .icon_preview {
        width: 80px;
        height: 80px
    }

    .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn {
        display: block;
        right: auto;
        left: 50%;
        top: 65px;
        margin-left: -18px;
        opacity: 1
    }

    .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn:after {
        width: 10px;
        height: 10px;
        margin: -7px 0 0 -5px;
        transform: rotate(135deg);
        transition: 0.2s
    }

    .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn.on:after {
        margin-top: -3px;
        transform: rotate(-45deg)
    }

    .submain_mypage .mySub_top .right.accordion_body {
        display: none;
        width: 100%;
        margin: 0
    }

    .submain_mypage .mySub_top .right .barCode {
        display: block;
        width: auto;
        padding: 0 38px;
        text-align: center
    }

    .submain_mypage .mySub_top .right .barCode .txt {
        display: block;
        color: #111;
        font-size: 13px;
        line-height: 1.7
    }

    .submain_mypage .mySub_top .right .barCode img {
        width: 100%;
        height: 44px
    }

    .submain_mypage .mySub_top .right .barCode .num {
        display: block;
        margin-top: 5px;
        font-size: 13px;
        text-align: center
    }

    .submain_mypage .mySub_top .right .barCode .txt {
        display: block;
        margin: 0 0 5px
    }

    .submain_mypage .mySub_top .right .barCode img {
        width: 100%;
        max-width: 252px;
        height: auto
    }

    .submain_mypage .mySub_top .right .barCode .num {
        text-align: center
    }

    .submain_mypage .mySub_top .right .links {
        display: block;
        width: auto;
        margin: 20px -5px 0;
        text-align: center
    }

    .submain_mypage .mySub_top .right .links button {
        display: inline-block;
        width: auto;
        margin: 0 5px;
        padding-left: 22px;
        font-size: 1.5rem;
        line-height: 2.8rem
    }

    .submain_mypage .mySub_top .right .links button:before {
        top: 3px;
        background-image: url(/pconts/images/contents/mypage/ico_links_m.gif);
        background-size: auto 63px
    }

    .submain_mypage .mySub_mid {
        margin-top: 0;
        padding: 0 20px 0
    }

    .submain_mypage .mySub_mid .ly_inner {
        padding: 0
    }

    .submain_mypage .mySub_mid .tab_wrap:before {
        display: none
    }

    .submain_mypage .mySub_mid .tab_cont {
        padding-top: 0
    }

    .submain_mypage .mySub_mid .tab_cont .inner {
        padding: 0;
        box-shadow: none
    }

    .submain_mypage .mySub_mid .tab_list {
        margin: 0
    }

    .submain_mypage .mymain_tab .tab_list li {
        width: 92px
    }

    .submain_mypage .mymain_tab .tab_list li a {
        height: 36px;
        line-height: 38px
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount {
        float: inherit;
        width: auto;
        margin-top: 38px
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount + .my_amount {
        float: inherit;
        margin-left: 0
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list {
        margin-top: 19px
    }

    .submain_mypage .mySub_mid .tab_cont .titCont, .submain_mypage .mySub_mid .tab_cont .my_amount .titCont {
        font-size: 1.8rem
    }

    .submain_mypage .mySub_mid .tab_cont .titCont .txt {
        padding-top: 13px
    }

    .submain_mypage .mySub_mid .tab_cont .titCont>.date {
        bottom: 17px
    }

    .submain_mypage.SH_submain .tab_cont .my_amount.major_account .btn_tooltip {
        position: absolute;
        top: 6px;
        left: 67px
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li {
        margin-top: 18px
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em {
        font-size: 1.6rem
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li.thisMonth em > span {
        display: inline-block;
        position: relative;
        padding: 0 0 0 15px;
        color: #111;
        font-size: 1.3rem
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li.thisMonth em > span:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 8px;
        top: 0;
        width: 1px;
        height: 12px;
        background: #ddd
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span {
        display: block;
        padding: 5px 0 0;
        text-align: left
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span:before {
        display: none
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong.ing {
        font-size: 1.5rem
    }

    .submain_mypage .mySub_mid .tab_cont .btn_cont .btn {
        height: 40px;
        line-height: 40px;
        font-size: 1.3rem
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount a.titCont {
        padding-right: 18px
    }

    .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong, .mySub_mid .tab_cont .my_amount .amount_list li > button {
        font-size: 2rem
    }

    .submain_mypage .mySub_mid .tab_cont .mycard_usage {
        float: inherit;
        width: auto;
        margin-top: 38px
    }

    .submain_mypage .mycard_usage .list li .shop_name {
        width: 100%;
        flex: 7
    }

    .submain_mypage .mycard_usage .list li .right_l {
        flex: auto
    }

    .submain_mypage .mySub_mid .tab_cont .right {
        margin-top: 37px
    }

    .submain_mypage .mycard_usage .list {
        border-bottom: 1px solid #eee
    }

    .submain_mypage .mycard_usage .list li {
        padding: 8px 0 8px 42px;
        border: none;
        line-height: 24px
    }

    .submain_mypage .mycard_usage .list li:before {
        top: 22px;
        width: 23px;
        height: 23px;
        background: url(/pconts/images/contents/mypage/ico_show_m.gif) no-repeat 0 0 / 100% auto
    }

    .submain_mypage .mycard_usage .list li.case02:before {
        background-position: -28px 0
    }

    .submain_mypage .mycard_usage .list li.case03:before {
        background-position: -56px 0
    }

    .submain_mypage .mycard_usage .list li.case04:before {
        background-position: -84px 0
    }

    .submain_mypage .mycard_usage .list li .shop_name {
        color: #111;
        font-size: 15px
    }

    .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap {
        margin-top: 23px
    }

    .submain_mypage .my_advance .mylimit_info_wrap {
        margin-top: 20px;
        padding: 0
    }

    .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap .btn_link {
        min-width: 138px;
        margin: 8px 2px 0;
        padding: 0 10px
    }

    .submain_mypage .mySub_btm {
        margin-top: 40px;
        padding: 0
    }

    .submain_mypage .mySub_btm .usage_item .usage_info .title_area, .mySub_btm .usage_item .usage_info .texts_area, .submain_mypage .mySub_btm .usage_item .usage_info .texts_area {
        width: 100%
    }

    .submain_mypage .mySub_btm .mymain_usage .btn_wrap {
        margin: 0;
        text-align: right
    }

    .submain_mypage .mymain_usage + .btn_wrap {
        margin-top: 20px;
        text-align: center
    }

    .submain_mypage .tooltip_tit {
        font-size: 1.6rem
    }

    .submain_grayBox {
        margin-bottom: 0
    }

    .submain_grayBox button span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        margin-left: -1px;
        border: 0 none !important;
        background: transparent !important;
        color: transparent !important
    }

    .submain_benefit .event_list_swiper {
        padding-bottom: 0
    }

    .submain_benefit_myshop {
        margin: 15px 0 30px 0;
        padding-bottom: 10px
    }

    .submain_benefit_myshop li > span {
        display: block;
        padding-left: 0;
        padding-top: 38px;
        font-size: 13px;
        line-height: normal
    }

    .submain_benefit_myshop li > span:before {
        display: block;
        left: calc(50% - 20px);
        top: 0px
    }

    .submain_benefit_myshop li > strong {
        margin-left: 0
    }

    .submain_benefit_myshop li > em {
        font-size: 13px
    }

    .submain_benefit .event_subVisual .event_cont .link {
        padding: 22px 20px
    }

    .submain_benefit .benefit_login.event_bnr.event_subVisual .link:after {
        width: 180px;
        height: 100px;
        right: 0
    }

    .submain_benefit .event_list_swiper {
        padding-top: 0
    }

    .submain_benefit .h_wrap .h_title24 {
        margin-bottom: 4px
    }

    .submain_benefit .h_wrap .h_title24 a.more::after {
        width: 10px;
        height: 10px;
        margin-bottom: 1px
    }

    .submain_benefit .h_wrap .h_title24 + span {
        margin-top: 0;
        font-size: 13px
    }

    .submain_benefit .submain_grayBox {
        padding: 4px 20px 4px 20px;
        margin-top: 20px
    }

    .submain_benefit_myshop li > a {
        margin-left: 10px;
        font-size: 24px
    }

    .submain_benefit .sub_txt {
        font-size: 13px;
        padding: 10px 0 30px 0
    }

    .submain_benefit_point .info {
        position: static;
        font-size: 13px
    }

    .submain_benefit_point .pointBox {
        margin-bottom: 0px
    }

    .submain_benefit_point .btn_area {
        text-align: center;
        margin-top: 25px;
        margin-bottom: -5px;
        padding-bottom: 0
    }

    .submain_benefit_point .btn_area a {
        width: auto;
        font-size: 15px;
        min-height: 82px
    }

    .submain_benefit_point .btn_area li:not(:last-child):after {
        height: 64px;
        top: 12px
    }

    .submain_benefit_point .btn_area li {
        width: calc(33.333% - 5px);
        padding-right: 5px
    }

    .submain_benefit .benefit.event_bnr.event_subVisual .link:after {
        right: 10px
    }

    .submain_benefit .icon_list.favorite > li .icon_box .icon_name {
        padding-top: 50px
    }

    .submain_benefit .point_txt {
        padding-top: 35px
    }

    .submain_benefit .benefit.event_bnr.event_subVisual {
        margin-top: 20px
    }

    .submain_favorite.benefit li span {
        font-size: 13px
    }

    .submain_benefit .icon_list.favorite > li .icon_box .icon_name {
        padding-bottom: 0
    }

    .submain_benefit .submain_grayBox .number {
        margin-left: 5px
    }

    .submain_benefit .icon_list.favorite {
        padding: 20px 0 30px 0;
        font-weight: 400
    }

    .benefit.event_bnr.event_subVisual .link:after {
        width: 150px;
        height: 130px
    }

    .benefit_login.event_bnr.event_subVisual .link:after {
        width: 140px;
        height: 80px
    }

    .submain_finance .sm_inner {
        width: auto;
        padding: 0
    }

    .submain_finance .expend_wrap.sm_gray {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .submain_finance .sm_gray {
        padding: 30px 20px
    }

    .submain_finance .sm_group {
        margin-top: 36px
    }

    .submain_finance .sm_loanlist {
        display: block
    }

    .submain_finance .sm_loanlist li {
        width: 100%;
        margin: 0;
        padding: 18px 0;
        border-top: 1px solid #eee
    }

    .submain_finance .sm_loanlist li:first-child {
        border-top: none
    }

    .submain_finance .sm_group .sm_title {
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        font-size: 1.8rem
    }

    .submain_finance .sm_group .sm_title em {
        font-size: 1.8rem
    }

    .submain_finance .sm_group .sm_title .subTit {
        padding-right: 20px;
        font-size: 1.6rem
    }

    .submain_finance .smTxt {
        margin-top: 3px;
        font-size: 1.3rem;
        line-height: 1.9rem
    }

    .submain_finance .sm_group .sm_title .subTit:after {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        border-top-color: #111;
        border-right-color: #111
    }

    .submain_finance .cash_service_info {
        padding: 25px 20px
    }

    .submain_finance .cash_service_info ul li strong {
        display: block;
        padding-left: 0
    }

    .submain_finance .sm_group button.btn_loan {
        top: 0;
        padding-right: 13px;
        font-size: 1.5rem
    }

    .submain_finance .sm_group button.btn_loan:after {
        top: 7px;
        width: 8px;
        height: 8px
    }

    .submain_finance .cash_service_info.loan_service ul li {
        text-align: left
    }

    .submain_finance .sm_loanlist li strong {
        padding-right: 13px;
        font-size: 1.5rem
    }

    .submain_finance .sm_loanlist li strong:after {
        width: 8px;
        height: 8px;
        margin-top: -4px
    }

    .submain_finance .sm_loanlist li span {
        font-size: 1.3rem
    }

    .submain_finance .sm_loanlist li .link_cont {
        padding-left: 60px
    }

    .submain_finance .cash_service_info ul li button {
        margin-top: 12px
    }

    .submain_finance .sm_line .inner {
        width: auto;
        padding: 30px 20px 40px
    }

    .submain_finance .sm_line .inner .sm_etclist li .link_cont span {
        padding-right: 20px
    }

    .submain_finance .sm_line .inner .sm_etclist li+li .link_cont {
        border-left: 1px solid #eee
    }

    .submain_finance .sm_line .inner .sm_etclist li .link_cont strong {
        font-size: 1.6rem;
        line-height: 1.3
    }

    .submain_finance .sm_line .inner .sm_etclist li .link_cont strong:after {
        position: static;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 0 2px 7px;
        border-width: 1px 1px 0 0
    }

    .submain_finance .sm_line .inner .sm_etclist li .link_cont span {
        font-size: 1.3rem
    }

    .submain_finance .sm_line .inner .sm_tellist {
        display: block;
        margin-top: 30px;
        margin-bottom: -10px
    }

    .submain_finance .sm_line .inner .sm_tellist li {
        display: block
    }

    .submain_finance .sm_line .inner .sm_tellist li .link_cont {
        margin: 10px 0 0 0;
        border-width: 1px
    }

    .submain_finance .sm_line .inner .sm_tellist li .link_cont strong {
        font-size: 1.8rem
    }

    .submain_finance .sm_line .inner .sm_tellist li .link_cont span {
        font-size: 1.3rem
    }

    .submain_finance .sm_line .inner .sm_tellist li .link_cont em {
        margin-top: 0;
        font-size: 2rem;
        line-height: 1.2
    }

    .submain_finance .sm_line .inner .sm_tellist li .link_cont em span {
        font-size: 1.6rem
    }

    .submain_finance .sm_line .inner .sm_tellist li:nth-child(1) .link_cont em {
        line-height: 49px
    }

    .submain_finance .sm_line .inner.favo_group {
        text-align: center;
        padding-bottom: 20px
    }

    .submain_finance .sm_line .inner.favo_group .favoTit {
        margin-bottom: 16px;
        font-size: 1.8rem
    }

    .submain_finance .sm_line .inner.favo_group .favo_list {
        width: auto
    }

    .submain_finance .sm_line .inner.favo_group .favo_list li {
        float: inherit;
        vertical-align: top;
        text-align: center
    }

    .submain_finance .sm_line .inner.favo_group .favo_list li a {
        display: table-cell;
        width: 1000px;
        height: 65px;
        padding-top: 33px;
        line-height: 1.2;
        text-align: center;
        vertical-align: middle
    }

    .submain_finance .favo_group .favo_list li a:before {
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background-size: 30px auto
    }

    .submain_finance .favo_group .favo_list li.link02 a:before {
        background-position: 0 -30px
    }

    .submain_finance .favo_group .favo_list li.link03 a:before {
        background-position: 0 -60px
    }

    .submain_finance .favo_group .favo_list li.link04 a:before {
        background-position: 0 -90px
    }

    .submain_finance .loan_credit_area {
        margin-bottom: 0;
        padding: 24px 20px;
        line-height: 2.5rem
    }

    .finance_quick .event_cont .tit {
        font-size: 15px
    }

    .finance_quick .event_cont .txt {
        font-size: 13px
    }

    .finance_quick .event_cont .label {
        height: 22px;
        padding: 1px 10px 0 10px
    }

    .finance_quick .event_close {
        width: 35px;
        height: 35px;
        background-size: 35px auto
    }

    .finance_quick .swiper-button-prev, .finance_quick .swiper-button-next {
        height: 30px;
        margin-top: -15px
    }

    .finance_quick .swiper-button-prev::before, .finance_quick .swiper-button-next::before {
        width: 10px;
        height: 10px;
        top: 10px
    }

    .finance_quick .swiper-button-prev {
        left: -2px
    }

    .finance_quick .swiper-button-next {
        right: -9px
    }

    .finance_quick {
        height: 180px
    }

    .finance_quick .event_cont .link {
        align-content: flex-start;
        padding: 20px 20px 20px 20px
    }

    .finance_quick .event_cont .label {
        position: absolute;
        margin: 0;
        bottom: 24px
    }

    .finance_quick .event_cont .img {
        top: auto;
        bottom: -51px;
        transform: none
    }

    .finance_quick .swiper-controls {
        bottom: 25px;
        left: 65px
    }

    .finance_quick.img_right .event_cont .link {
        padding-right: 20px
    }

    .finance_quick.img_left .event_cont .link {
        padding-left: 20px
    }

    .finance_quick.img_left .event_cont .label {
        right: 20px
    }

    .finance_quick.img_right .event_cont .img {
        right: -42px
    }

    .finance_quick.img_left .event_cont .img {
        left: 10px
    }

    .finance_quick.img_right .event_cont .label {
        left: 20px
    }

    .finance_quick .event_cont .img img {
        width: 100%
    }

    .submain_finance .submain_favorite .list_wrap {
        margin-top: 20px
    }

    .submain_card .sm_inner {
        width: auto;
        padding: 0
    }

    .submain_card .expend_wrap.bg_gray.sm_gray {
        padding: 26px 20px 40px
    }

    .submain_card .sm_group {
        margin-bottom: 35px
    }

    .submain_card:before {
        display: none
    }

    .submain_card .sm_card_swiper:before {
        top: 153px;
        left: 50%;
        width: 194px;
        height: 194px;
        margin: -97px 0 0 -97px
    }

    .submain_card .sm_card_swiper .swiper-slide {
        min-height: auto;
        padding-left: 0
    }

    .submain_card .sm_card_swiper .swiper-slide .img {
        position: static;
        width: auto;
        height: auto;
        padding: 42px 50px
    }

    .submain_card .sm_card_swiper .swiper-slide .img img {
        width: 218px;
        border-radius: 8px
    }

    .submain_card .sm_card_swiper .swiper-slide .img.vertical img {
        box-shadow: 14px 3px 24px -9px rgba(51, 51, 51, 0.17);
        -webkit-box-shadow: 14px 3px 24px -9px rgba(51, 51, 51, 0.17)
    }

    .submain_card .card_swiper .swiper-controls {
        margin-top: 0;
        width: 100%
    }

    .submain_card .sm_card_swiper .card_swiper {
        padding-top: 2px
    }

    .submain_card .sm_card_swiper .card_swiper [class^='nav-button'] {
        top: auto;
        left: 0;
        bottom: 65%;
        margin-bottom: 23px
    }

    .submain_card .sm_card_swiper .card_swiper .nav-button-next {
        left: auto;
        right: 1px
    }

    .submain_card .sm_card_swiper .card_benefit li {
        flex: 1;
        min-height: 69px;
        margin: 0;
        padding: 37px 0px 0;
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.3
    }

    .submain_card .sm_card_swiper .card_benefit li:before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background-size: 30px auto
    }

    .submain_card .swiperArea .swiper-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 15px
    }

    .submain_card .swiperArea .swiper-slide {
        width: 154px;
        padding-left: 10px
    }

    .submain_card .sm_card_swiper .swiper-slide .sm_card_info {
        display: block;
        margin: 16px 0 0;
        text-align: center
    }

    .submain_card .sm_card_swiper .swiper-slide .sm_card_info strong {
        margin: 0;
        padding: 0;
        font-size: 1.6rem
    }

    .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt {
        font-size: 1.3rem
    }

    .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type {
        font-weight: 700;
        margin-right: 3px
    }

    .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type ~ .type {
        margin-left: 11px
    }

    .submain_card .sm_card_swiper .card_benefit {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 13px
    }

    .submain_card .sm_life_swiper .swiper-slide a {
        height: 167px
    }

    .submain_card .sm_life_swiper .swiper-slide a strong {
        font-size: 1.3rem;
        line-height: 3.4rem
    }

    .submain_card .sm_life_swiper .swiper-slide a .card_info {
        height: 75px;
        padding: 12px 12px
    }

    .submain_card .sm_life_swiper .swiper-slide a .card_info .card_name {
        margin-bottom: 5px;
        font-size: 1.3rem
    }

    .submain_card .sm_life_swiper .swiper-slide a .card_info .card_dec {
        overflow: hidden;
        height: 30px;
        font-size: 1.1rem;
        line-height: 1.4;
        letter-spacing: -0.1px
    }

    .submain_card .sm_life_swiper .swiper-slide a figure img {
        width: 100%;
        height: auto
    }

    .submain_card .sm_best_swiper .swiper-container {
        padding-top: 5px
    }

    .submain_card .sm_best_swiper figure {
        height: 92px
    }

    .submain_card .sm_best_swiper .card_name {
        height: 38px;
        margin-top: 7px;
        font-size: 1.3rem
    }

    .submain_card .sm_benefit_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .submain_card .sm_benefit_list li {
        flex: auto;
        width: 25% !important
    }

    .submain_card .sm_benefit_list li a {
        padding-top: 45px
    }

    .submain_card .sm_benefit_list li.ico01 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico02 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico03 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico04 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico05 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico06 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico07 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico08 {
        background-size: 40px auto
    }

    .submain_card .sm_benefit_list li.ico09 {
        background-size: 40px auto
    }

    .submain_card .cardFind_swiper [class^='nav-button'] {
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        z-index: 10;
        overflow: hidden;
        top: auto;
        left: -5px;
        bottom: 50%;
        margin-bottom: -10px
    }

    .submain_card .cardFind_swiper [class^='nav-button']::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 2px;
        width: 18px;
        height: 18px;
        border-width: 3px 3px 0 0;
        border-color: #333;
        border-style: solid
    }

    .submain_card .cardFind_swiper .nav-button-prev::before {
        left: 10px;
        transform: rotate(-135deg)
    }

    .submain_card .cardFind_swiper .nav-button-next {
        left: auto;
        right: -5px
    }

    .submain_card .cardFind_swiper .nav-button-next::before {
        transform: rotate(45deg)
    }

    .submain_card .sm_benefit_kind {
        display: block;
        border-top: none;
        margin-top: 21px;
        margin-bottom: 17px
    }

    .submain_card .sm_benefit_kind li {
        display: block
    }

    .submain_card .sm_benefit_kind li+li {
        border-top: 1px solid #ddd
    }

    .submain_card .sm_benefit_kind li a {
        line-height: 44px
    }

    .submain_card .sm_benefit_kind li a strong {
        font-size: 1.6rem
    }

    .submain_card .sm_benefit_kind li a span {
        padding: 0 18px 0 23px;
        font-size: 1.3rem
    }

    .submain_card .sm_benefit_kind li a span:before {
        top: 16px;
        left: 12px;
        height: 12px
    }

    .submain_card .sm_benefit_kind li a span:after {
        margin-top: -4px
    }

    .submain_card .event_bnr.sm_card_banner .event_cont .link {
        padding-left: 20px
    }

    .submain_card .event_bnr.sm_card_banner.event_subVisual.img_right .event_cont .img {
        bottom: -24px
    }

    .submain_card .sm_line .inner {
        width: auto;
        padding: 30px 20px 40px
    }

    .submain_card .sm_line .inner.favo_group {
        padding-bottom: 30px
    }

    .submain_card .sm_line .inner.favo_group .favoTit {
        margin-bottom: 16px;
        font-size: 1.8rem
    }

    .submain_card .sm_line .inner.favo_group .favo_list {
        width: 100%
    }

    .submain_card .sm_line .inner.favo_group .favo_list li {
        width: 25%
    }

    .submain_card .submain_favorite {
        padding-top: 15px
    }

    .submain_life .expend_wrap.bg_gray {
        padding-bottom: 40px
    }

    .submain_myservice_life {
        margin-bottom: 13px
    }

    .submain_myservice_life li {
        margin: 0 4px 4px 0;
        margin-bottom: 4px;
        flex: inherit;
        width: calc(33.3% - 4px)
    }

    .submain_myservice_life li > a {
        height: 110px
    }

    .submain_myservice_life li .name {
        padding-top: 5px;
        font-size: 15px
    }

    .submain_myservice_life li .icon:before {
        width: 36px;
        height: 36px;
        background-size: 36px auto;
        margin: 14px auto 0
    }

    .submain_life .line_badge {
        font-size: 9px;
        margin-top: 0px
    }

    .submain_myservice_inner {
        height: auto
    }

    .submain_myservice_list {
        margin-top: -10px
    }

    .submain_myservice_list li {
        margin-top: 0px
    }

    .submain_myservice_list li .tit {
        font-size: 15px
    }

    .submain_myservice_list li .txt {
        font-size: 13px
    }

    .submain_myservice_list li {
        flex: inherit;
        display: block;
        width: 100%;
        border-bottom: 1px solid #eee
    }

    .submain_myservice_list li:nth-child(1) {
        padding-top: 0px
    }

    .submain_myservice_list li .item {
        padding: 18px 0 18px 60px;
        background-position-y: center
    }

    .myservice_billPay.event_bnr.event_subVisual .link:after {
        width: 115px;
        height: 80px;
        background-size: auto 100%
    }

    .myservice_Pay.event_bnr.event_subVisual {
        margin-top: 20px
    }

    .myservice_Pay.event_bnr.event_subVisual .link:after {
        width: 150px;
        height: 80px;
        background-size: auto 80px
    }

    .submain_favorite.myservice li span {
        font-size: 13px;
        padding-top: 50px
    }

    .submain_life_list {
        display: inherit
    }

    .submain_life_list > li {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 26px 0;
        margin-bottom: 0px
    }

    .submain_life_list li a {
        font-size: 15px
    }

    .submain_life_list li a::after {
        top: 6px
    }

    .submain_life_list li .txt li {
        font-size: 13px
    }

    .submain_arumin.event_bnr.event_subVisual {
        margin: 30px 0 0
    }

    .submain_arumin.event_bnr.event_subVisual .link:after {
        width: 170px;
        height: 98px;
        background-size: cover
    }

    .submain_life .event_subVisual {
        height: 180px
    }

    .submain_life .event_subVisual .event_cont .label {
        left: 20px
    }

    .submain_life .event_subVisual .event_cont .link {
        padding: 20px 20px 22px
    }

    .submain_life .event_subVisual .event_cont .label {
        margin-top: 0
    }

    .submain_life .event_subVisual .event_cont .txt {
        font-size: 1.3rem
    }

    .submain_digital .visual_txt {
        margin-top: 40px
    }

    .submain_digital .visual_txt p {
        margin-bottom: -3px;
        font-size: 1.8rem !important;
        line-height: 2.4rem
    }

    .submain_digital_conts {
        margin-top: 0
    }

    .submain_digital_conts .cont {
        width: 100%;
        margin-left: 0px;
        padding-top: 240px
    }

    .submain_digital_conts.ani_ico::before {
        width: 100%
    }

    .submain_digital_conts .cont > p {
        font-size: 18px
    }

    .submain_digital_conts .cont .info {
        margin-top: 5px
    }

    .submain_digital_conts .cont .info + .btn_wrap, .submain_digital_conts .cont > p + .btn_wrap {
        margin-top: 25px
    }

    .submain_digital_conts .cont .qrcode {
        justify-content: center
    }

    .submain_digital_conts .cont .txt_lg {
        font-size: 16px
    }

    .submain_digital_conts .cont .btn_wrap .btn_outlink {
        width: auto
    }

    .submain_digital_conts .btn_wrap .btn_line.pc_show {
        display: none !important
    }

    .submain_digital_conts .btn_wrap .btn + .btn {
        margin-left: 4px
    }

    .submain_digital_conts.ani_ico::before {
        height: 214px
    }

    .submain_digital_conts.ani_ico.img01::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo08 2.5s steps(16) infinite;
        animation: aniBgMo08 2.5s steps(16) infinite
    }

    .submain_digital_conts.ani_ico.img02::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo02 0.6s steps(8) infinite;
        animation: aniBgMo02 0.6s steps(8) infinite
    }

    .submain_digital_conts.ani_ico.img03::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo03 1.5s steps(7) infinite;
        animation: aniBgMo03 1.5s steps(7) infinite
    }

    .submain_digital_conts.ani_ico.img04::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo04 1s steps(6) infinite;
        animation: aniBgMo04 1s steps(6) infinite
    }

    .submain_digital_conts.ani_ico.img05::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo05 1.4s steps(22) infinite;
        animation: aniBgMo05 1.4s steps(22) infinite
    }

    .submain_digital_conts.ani_ico.img06::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo06 2.5s steps(20) infinite;
        animation: aniBgMo06 2.5s steps(20) infinite
    }

    .submain_digital_conts.ani_ico.img07::before {
        background-size: 321px auto;
        background-position: left top;
        -webkit-animation: aniBgMo07 1s steps(9) infinite;
        animation: aniBgMo07 1s steps(9) infinite
    }

    .submain_digital_app li {
        width: 50%
    }

    .submain_digital_app li .item {
        padding-bottom: 20px
    }

    .submain_digital_app li .item > p {
        margin: 6px -6px 20px;
        font-weight: 700
    }

    .btn_wrap .btn.btn_link.m_show {
        display: inline-block !important
    }

    .submain_customer .contents {
        padding: 35px 0 20px
    }

    .submain_customer .totalSrch_wrap {
        margin: 10px 0 30px 0;
        padding-top: 0px
    }

    .submain_customer .totalSrch_wrap .submain_favorite {
        margin-bottom: 10px
    }

    .submain_customer .keyword_category_inner {
        height: 142px
    }

    .submain_customer .keyword_category li .keyword {
        height: 68px
    }

    .submain_customer .expend_wrap.bg_gray {
        padding: 25px 20px 20px
    }

    .submain_customer_qna {
        margin-left: 0;
        margin-bottom: 10px
    }

    .submain_customer_qna li {
        margin: 0 4px 4px 0;
        margin-bottom: 4px;
        flex: inherit;
        width: calc(33.3% - 4px)
    }

    .submain_customer_qna li > a {
        height: 105px
    }

    .submain_customer_qna li .name {
        font-size: 15px;
        padding-top: 60px
    }

    .submain_customer_qna li .icon {
        background-size: 33px auto;
        background-position: center 16px
    }

    .submain_customer_call {
        margin-left: 0
    }

    .submain_customer_call li {
        width: calc(50% - 4px);
        flex: inherit;
        margin-left: 4px;
        margin-bottom: 4px
    }

    .submain_customer_call li a {
        padding: 10px 15px
    }

    .submain_callCenter .telLink {
        padding-bottom: 15px;
        font-size: 22px
    }

    .submain_customer_info li {
        margin: 0;
        width: 33.333%;
        flex: inherit
    }

    .submain_customer_info li .name {
        font-size: 15px;
        margin: 10px 0 15px 0
    }

    .submain_customer_info li .icon::before {
        background-size: auto 33px;
        width: 67px;
        height: 67px
    }

    .submain_callCenter {
        margin: 25px 0 30px
    }

    .submain_callCenter .info {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 1.5rem
    }

    .submain_callCenter .txt {
        display: block;
        width: 100%;
        height: 112px;
        overflow: hidden
    }

    .submain_callCenter .txt::after {
        width: 74px;
        height: 95px;
        bottom: -27px;
        right: 0;
        background-size: 100% auto
    }

    .submain_callCenter .tel_list {
        float: none;
        width: calc(100% + 12px);
        margin-top: -6px;
        margin-left: -6px;
        z-index: 1
    }

    .submain_callCenter .tel_list li {
        margin-left: 6px;
        margin-top: 6px
    }

    .submain_callCenter .tel_list li a {
        width: 100%;
        min-width: auto
    }

    .submain_customer_finance {
        display: block;
        border: 1px solid #eee;
        margin: 0 0 35px 0;
        padding: 0 20px
    }

    .submain_customer_finance li {
        width: 100%;
        margin: 0;
        border-top: 1px dashed #eee
    }

    .submain_customer_finance li:first-child {
        border: none
    }

    .submain_customer_finance li a {
        border: none;
        padding: 0;
        padding: 15px 0px
    }

    .submain_customer_finance li a::after {
        width: 12px;
        height: 12px;
        right: 15px
    }

    .submain_customer_consumer {
        margin: 0
    }

    .submain_customer_consumer li {
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-bottom: 25px;
        padding-bottom: 20px
    }

    .submain_customer_consumer li a::after {
        margin-bottom: 0px
    }

    .submain_customer_consumer li:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .submain_customer_consumer li .item {
        padding-left: 60px
    }

    .submain_benefit .submain_bestCoupone .premium_coupon_list {
        margin-bottom: 26px
    }

    .submain_benefit .list01[data-type="card"] .event_info .cell1 .thumbnail, .submain_topsClub .list01[data-type="card"] .event_info .cell1 .thumbnail {
        height: 100%
    }

    .submain_topsClub .event_subVisual.img_right .event_cont .link {
        padding-left: 18px
    }

    .submain_topsClub .event_subVisual .event_cont .txt {
        font-size: 13px
    }

    .submain_topsClub .premium_coupon_list {
        margin: 0
    }

    .submain_topsClub .event_list_swiper {
        padding: 0
    }

    .submain_topsClub .premium_coupon_list ul {
        padding-bottom: 0
    }

    .submain_topsClub .premium_coupon_list ul li:first-child {
        margin-bottom: 5px
    }

    .submain_topsClub .event_subVisual .event_cont .img {
        width: 180px;
        height: 180px
    }

    .submain_topsClub .premium_coupon_list .coupon_conts {
        margin-left: 0
    }

    .submain_benefit .premium_coupon_list .coupon_down .button_type, .submain_topsClub .premium_coupon_list .coupon_down .button_type {
        right: calc(50% - 20px)
    }

    .submain_topsClub .submain_premium {
        padding-bottom: 0
    }

    .submain_topsClub .submain_premium .premium_visual {
        margin-left: -27px;
        margin-right: -27px
    }

    .submain_topsClub .submain_premium .premium_visual .swiper-container {
        overflow: visible
    }

    .submain_topsClub .submain_premium .premium_visual .item {
        height: 290px;
        padding: 0 40px 25px 40px;
        margin-top: 0
    }

    .submain_topsClub .submain_premium .premium_visual .item .img {
        right: -40px;
        top: auto;
        bottom: -10px;
        width: 280px;
        height: 210px
    }

    .submain_topsClub .submain_premium .premium_visual .item .img img {
        width: 100%
    }

    .submain_topsClub .submain_premium .premium_visual .item .cont .tit {
        margin-bottom: 10px
    }

    .submain_topsClub .submain_premium .premium_visual .item .cont .tit strong {
        font-size: 24px;
        line-height: 32px
    }

    .submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line::after {
        height: 10px
    }

    .submain_topsClub .submain_premium .premium_visual .item .cont .txt {
        width: 160px;
        font-size: 16px
    }

    .submain_topsClub .submain_premium .premium_visual .swiper-controls {
        left: 40px;
        bottom: 110px
    }

    .submain_topsClub .submain_premium .premium_visual [class^='nav-button'] {
        width: 30px;
        height: 30px
    }

    .submain_topsClub .submain_premium .premium_visual [class^='nav-button']::before {
        width: 15px;
        height: 15px;
        border-width: 2px 2px 0 0
    }

    .submain_topsClub .submain_premium .premium_visual .nav-button-prev {
        left: 7px
    }

    .submain_topsClub .submain_premium .premium_visual .nav-button-next {
        right: 7px
    }

    .submain_topsClub .submain_premium .premium_visual .nav-button-prev::before {
        left: 10px
    }

    .submain_topsClub .submain_premium .premium_visual .nav-button-next::before {
        left: 5px
    }

    .submain_topsClub .submain_premium .premium_level {
        padding: 0
    }

    .submain_service .service_inner .swiper_topsPlus .swiper-controls {
        left: 100px;
        bottom: 50px
    }

    .submain_service .service_inner .swiper_topsPlus [class^='nav-button'] {
        top: 50%;
        width: 22px;
        height: 30px;
        margin: -15px 0 0 0
    }

    .submain_service .service_inner .swiper_topsPlus [class^='nav-button']::before {
        width: 9px;
        height: 9px;
        top: 10px;
        left: 9px;
        border-width: 1px 1px 0 0
    }

    .submain_service .service_inner .swiper_topsPlus [class^='nav-button-next']::before {
        left: 4.5px
    }

    .submain_topsClub .submain_premium .premium_info .item {
        padding: 20px
    }

    .submain_topsClub .submain_premium .premium_info .item .txt small + .js_animate_won {
        margin-left: 2px;
        font-size: 20px
    }

    .submain_topsClub .submain_premium .premium_visual .link {
        position: absolute;
        left: 0;
        bottom: -40px;
        width: 97px;
        height: 22px;
        padding: 1px 10px 0 10px
    }

    .submain_service .service_inner .inner_cont .label {
        height: 20px;
        padding: 1px 10px 0 10px
    }

    .submain_topsClub .icon_list.favorite {
        padding: 20px 0 10px 0
    }

    .submain_topsClub .icon_list.favorite > li .icon_box .icon_name {
        padding-top: 50px
    }

    .submain_service {
        display: block;
        margin-top: 30px
    }

    .submain_service .service_inner {
        width: 100%
    }

    .submain_service .service_inner + .service_inner {
        margin-top: 30px
    }

    .submain_service .service_inner .inner_cont a {
        background-size: auto 150px;
        padding: 25px 0 0 18px
    }

    .submain_service .service_inner .inner_cont .tit {
        font-size: 15px
    }

    .submain_service .service_inner .inner_cont .txt {
        font-size: 13px
    }

    .submain_topsClub .submain_banner .item {
        height: 90px;
        padding: 0 20px
    }

    .submain_topsClub .submain_banner .item .cont .tit {
        font-size: 18px
    }

    .submain_topsClub .submain_banner .item .cont .txt {
        margin-top: 3px;
        font-size: 13px
    }

    .submain_topsClub .submain_banner .item .label .label_more {
        height: 20px;
        line-height: 18px;
        padding: 2px 10px 0
    }

    .submain_topsClub .submain_banner .helper {
        margin: 20px 0 40px 0
    }

    .submain_topsClub .submain_banner .helper .link {
        font-size: 14px
    }

    .submain_topsClub .submain_bestCoupone .h_wrap .more, .submain_topsClub .submain_favorite .h_wrap .more, .submain_topsClub .submain_service .h_wrap .more, .submain_topsClub .submain_eventList .h_wrap .more {
        padding-right: 16px
    }

    .submain_topsClub .submain_bestCoupone .h_wrap .more::after, .submain_topsClub .submain_favorite .h_wrap .more::after, .submain_topsClub .submain_service .h_wrap .more::after, .submain_topsClub .submain_eventList .h_wrap .more::after {
        width: 10px;
        height: 10px;
        margin-top: -6px;
        border-width: 2px 2px 0 0
    }

    .submain_topsClub .submain_premium .premium_level .tit {
        font-size: 24px;
        line-height: 32px
    }

    .submain_topsClub .submain_premium .premium_level .tit .level::before {
        height: 2px;
        bottom: 0
    }

    .submain_topsClub .submain_premium .premium_level .txt {
        font-size: 16px;
        float: none;
        margin-bottom: 22px
    }

    .submain_topsClub .submain_premium .premium_level .btn_box {
        float: none;
        text-align: center
    }

    .submain_topsClub .submain_premium .premium_level .tooltip_link {
        position: relative;
        left: 0;
        top: -1px;
        margin-left: 12px;
        display: inline-block;
        width: 93px;
        height: 25px;
        line-height: 25px
    }

    .submain_topsClub .submain_premium .premium_level .tooltip_link::before {
        margin-top: -6px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 5px solid #8d743a
    }

    .submain_topsClub .submain_premium .premium_level .btn.default {
        width: inherit;
        min-width: 155px;
        margin-left: 0;
        font-size: 16px;
        padding: 0 20px;
        height: 48px;
        line-height: 48px
    }

    .submain_topsClub .submain_premium .premium_level .top_btn_area {
        padding-top: 0
    }

    .submain_topsClub .submain_premium .premium_info .item .tit {
        font-size: 15px
    }

    .submain_topsClub .submain_premium .premium_info .item .txt {
        font-size: 20px
    }

    .submain_topsClub .submain_premium .premium_info {
        position: relative;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .submain_topsClub .submain_premium .premium_info .swiper-container {
        overflow: visible
    }

    .submain_topsClub .submain_premium .premium_info .swiper-slide {
        width: 175px
    }

    .submain_topsClub .submain_premium .premium_info .swiper-button-prev, .submain_topsClub .submain_premium .premium_info .swiper-button-next {
        display: block;
        position: absolute;
        top: 50%;
        width: 22px;
        height: 30px;
        margin: -15px 0 0 0;
        background: rgba(0,0,0,0.5)
    }

    .submain_topsClub .submain_premium .premium_info .swiper-button-prev::before, .submain_topsClub .submain_premium .premium_info .swiper-button-next::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 7px;
        height: 12px;
        margin-left: -3px;
        margin-top: -6px;
        background: url(/pconts/images/icon/ico_eventList_nav.png) no-repeat center center / 100% 100%
    }

    .submain_topsClub .submain_premium .premium_info .swiper-button-prev {
        left: 0
    }

    .submain_topsClub .submain_premium .premium_info .swiper-button-next {
        right: 0
    }

    .submain_topsClub .submain_premium .premium_info .swiper-button-next::before {
        transform: rotate(-180deg)
    }

    .submain_topsClub .submain_favorite a span {
        padding-top: 40px;
        font-size: 13px
    }

    .submain_topsClub .submain_favorite li {
        margin: 0;
        width: 110px
    }

    .submain_benefit .list01[data-type="card"] .event_info, .submain_topsClub .list01[data-type="card"] .event_info {
        height: 100%
    }

    .submain_benefit .list01[data-type="card"] .event_info .text_cell, .submain_topsClub .list01[data-type="card"] .event_info .text_cell {
        padding: 12px 15px
    }

    .submain_topsClub .list01[data-type="card"] .event_info .info .date, .ico_date_wrap .event_info .cell3 .date, .submain_benefit .list01[data-type="card"] .event_info .info .date {
        margin-top: 0
    }

    .submain_topsClub .submain_eventList {
        padding: 30px 0
    }

    .submain_benefit .list01.event_list[data-type="card"] ul > li, .submain_topsClub .list01.event_list[data-type="card"] ul > li {
        padding: 10px 7px
    }
}

@media only screen and (min-width: 768px) {
    .main_index .main_finance_wrap .nav-button-prev, .main_index .main_finance_wrap .nav-button-next {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .SH_submain .cardFind_swiper .swiper-slide {
        flex:none;
        width: 11.11%
    }
}

@media only screen and (min-width: 1024px) and (max-width:1100px) {
    .main.submain_finance .sm_line .inner, .main .ly_inner.full, .main .ly_inner, .main .sm_inner, .main .submain_favorite, .main #header .header_util, .main #header .header_body .body_inner {
        width:964px;
        padding-left: 0;
        padding-right: 0
    }

    .event_subTop .ly_inner {
        width: 100%;
        padding: 0
    }

    .event_subTop .event_cont {
        padding: 0 50px
    }

    .event_subTop .event_cont .link {
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .event_subTop .event_cont .link .tit {
        width: auto
    }

    .event_subTop .event_cont .link .txt {
        width: auto;
        margin-left: 20px;
        padding-right: 5px
    }

    .event_subTop .swiper-button-prev, .event_subTop .swiper-button-next {
        width: 24px;
        height: 24px;
        margin-top: -11px
    }

    .event_subTop .swiper-button-prev {
        left: 5px
    }

    .event_subTop .swiper-button-next {
        right: 30px
    }

    .event_subTop .swiper-button-prev::before, .event_subTop .swiper-button-next::before {
        top: 6px
    }

    .event_subTop .swiper-button-prev::before {
        left: 8px
    }

    .event_subTop .swiper-button-next::before {
        left: 3px
    }

    .event_subTop .swiper-controls {
        right: 80px
    }

    .event_subTop .event_close_wrap {
        display: flex;
        width: 32px;
        left: auto;
        right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .event_subTop .event_close_wrap .event_close_check {
        display: none
    }

    .event_subTop .event_close_wrap .event_close {
        position: relative;
        top: 0;
        width: 30px;
        height: 30px;
        right: 0;
        background-image: url(/pconts/images/common/event_close_mo.png);
        background-size: 18px auto
    }

    .main #header .gnb_wrap {
        margin-left: 30px
    }

    .main #footer .tel_link_box ul li em {
        display: block
    }

    .main #header .gnb_wrap .nav_area:after {
        display: none
    }

    .main .tel_link_box ul li {
        width: auto;
        text-align: center
    }

    .main .tel_link_box ul li em {
        display: block
    }

    .main .tel_link_box li + li::before {
        display: block
    }

    .main #header .header_body .head_title {
        padding: 0
    }

    .main #header .head_title .inside_title {
        width: 141px
    }

    .main_index #header .header_top {
        display: block
    }

    .main_index #header.is_scrolled .header_body {
        padding-top: 0
    }

    .main_index #header .header_body .util_wrap {
        margin-top: 14px
    }

    .main_index #container {
        padding-top: 0
    }

    .main_index .main_card_wrap .swiper-container {
        padding: 17px 0 16px;
        margin: -7px -22px 0
    }

    .SH_submain #header .header_body .body_inner {
        height: 88px
    }

    .SH_submain #header .header_body .head_title {
        display: block;
        float: left;
        margin-top: 31px
    }

    .SH_submain #header .gnb_wrap {
        float: left;
        margin: 26px 0 0 30px
    }

    .SH_submain #header .gnb_wrap .nav_area .dep1 {
        width: 100%;
        transform: none
    }

    .SH_submain #header .gnb_wrap .nav_area .dep1 > li {
        position: relative;
        width: auto;
        font-weight: 700;
        font-size: 20px;
        color: #222
    }

    .SH_submain #header .gnb_wrap .nav_area .dep1 > li > a {
        display: block;
        padding: 0 15px;
        line-height: 40px
    }

    .SH_submain #header .util_wrap {
        width: 60px;
        right: 0;
        top: 0;
        margin-top: 35px
    }

    .submain_mypage .mySub_mid .tab_cont .mycard_usage, .submain_mypage .mySub_mid .tab_cont .my_amount {
        width: calc(50% - 35px)
    }

    .submain_card .sm_life_swiper .swiper-slide a {
        height: 310px
    }

    .submain_digital_conts .cont > p + .btn_wrap .btn {
        margin: 4px
    }

    .submain_digital_conts .cont .info + .btn_wrap, .submain_digital_conts .cont > p + .btn_wrap {
        display: flex;
        flex-wrap: wrap;
        margin: -4px
    }

    .submain_digital_conts .btn_wrap .btn_line {
        height: 40px;
        line-height: 38px;
        font-size: 14px
    }

    .submain_customer .keyword_category.col6_3 li {
        width: 16.666666%
    }

    .submain_customer .keyword_category li .keyword {
        height: 44px
    }

    .submain_topsClub .submain_premium .premium_visual .nav-button-prev {
        left: -30px
    }

    .submain_topsClub .submain_premium .premium_visual .nav-button-next {
        right: -30px
    }

    .submain_benefit .list01[data-type="card"] .event_info, .submain_topsClub .list01[data-type="card"] .event_info {
        height: 320px
    }

    .submain_benefit .list01[data-type="card"] .event_info .cell1 .thumbnail, .submain_topsClub .list01[data-type="card"] .event_info .cell1 .thumbnail {
        height: 180px
    }
}

@media only screen and (max-width: 1100px) {
    .h_title38 + .h_title24, .h_title38 + .h_title {
        margin-top:11px
    }

    .h_title38.gap30 + .h_title {
        margin-top: 0
    }

    .h_title38.gap30 + .h_wrap {
        margin-top: 21px
    }

    .h_title24 + .h_title {
        margin-top: 12px
    }

    .h_title24 + .c_title, .h_title24 + .c_title_m15 {
        margin-top: 12px
    }

    .h_title + .c_title, .h_title + .c_title_m15 {
        margin-top: 7px
    }

    .h_wrap .h_title38 {
        margin-bottom: 25px
    }

    .h_wrap .h_title34 {
        display: block
    }

    .h_wrap .h_title24 {
        margin-bottom: 14px
    }

    .h_wrap .h_title, .h_wrap .c_title, .h_wrap .c_title_m15 {
        margin-bottom: 10px
    }

    .h_title38.gap60_20 {
        margin-bottom: 11px
    }

    .h_title38.gap30 {
        margin-bottom: 11px
    }

    .h_title24.gap20_15 {
        margin-bottom: 11px
    }

    .h_title24.gap30_16 {
        margin-bottom: 12px
    }

    .h_title24.gap60_20 {
        margin-bottom: 16px !important
    }

    .h_title24.gap60_30 {
        margin-bottom: 26px !important
    }

    .h_title24 + div[data-ui~="text"] {
        margin-top: 16px
    }

    .h_title24 + div[data-ui~="box"], .h_title24 + div[data-ui~="line"] {
        margin-top: 26px
    }

    .h_title.gap20_15 {
        margin-bottom: 10px
    }

    .h_title.gap30_15 {
        margin-bottom: 11px
    }

    .h_title.gap30_16 {
        margin-bottom: 11px
    }

    .h_title.gap30_34 {
        margin-bottom: 29px
    }

    .h_title.gap40_30 {
        margin-bottom: 25px
    }

    .h_title + div[data-ui~="icon"] {
        margin-top: 25px
    }

    .c_title.gap20_15 {
        margin-bottom: 10px
    }

    .c_title.gap30_15 {
        margin-bottom: 10px
    }

    .c_title.gap30_16 {
        margin-bottom: 11px
    }

    .c_title.gap30_34 {
        margin-bottom: 29px
    }

    .c_title.gap40_30 {
        margin-bottom: 25px
    }

    .c_title + div[data-ui~="box"] {
        margin-top: 15px
    }

    .table_wrap.gap20 + .font_basic, .table_wrap.gap20 + .marker_refer {
        margin-top: -10px
    }

    .gap0_10 {
        margin-bottom: 10px !important
    }

    .gap0_05 {
        margin-bottom: 5px !important
    }

    .gap0_10 {
        margin-bottom: 10px !important
    }

    .gap0_20 {
        margin-bottom: 20px !important
    }

    .gap0_30 {
        margin-bottom: 30px !important
    }

    .gap0_60 {
        margin-bottom: 60px !important
    }

    .gap0_100 {
        margin-bottom: 100px !important
    }

    .gap05 {
        margin-bottom: 5px !important
    }

    .gap07_18 {
        margin-bottom: 18px !important
    }

    .gap10 {
        margin-bottom: 10px !important
    }

    .gap10_5 {
        margin-bottom: 5px !important
    }

    .gap10_0 {
        margin-bottom: 0px !important
    }

    .gap15_8 {
        margin-bottom: 8px !important
    }

    .gap10_10 {
        margin-bottom: 10px !important
    }

    .gap10_15 {
        margin-bottom: 15px !important
    }

    .gap10_20 {
        margin-bottom: 20px !important
    }

    .gap15_5 {
        margin-bottom: 5px !important
    }

    .gap15_10 {
        margin-bottom: 10px !important
    }

    .gap15_15 {
        margin-bottom: 15px !important
    }

    .gap15_20 {
        margin-bottom: 20px !important
    }

    .gap15_24 {
        margin-bottom: 24px !important
    }

    .gap18_6 {
        margin-bottom: 6px !important
    }

    .gap20 {
        margin-bottom: 20px !important
    }

    .gap20_0 {
        margin-bottom: 0 !important
    }

    .gap20_5 {
        margin-bottom: 5px !important
    }

    .gap20_10 {
        margin-bottom: 10px !important
    }

    .gap20_15 {
        margin-bottom: 15px !important
    }

    .gap20_20 {
        margin-bottom: 20px !important
    }

    .gap20_30 {
        margin-bottom: 30px !important
    }

    .gap20_40 {
        margin-bottom: 40px !important
    }

    .gap25 {
        margin-bottom: 25px !important
    }

    .gap25_0 {
        margin-bottom: 0 !important
    }

    .gap25_15 {
        margin-bottom: 15px !important
    }

    .gap25_20 {
        margin-bottom: 20px !important
    }

    .gap25_90 {
        margin-bottom: 90px !important
    }

    .gap26_13 {
        margin-bottom: 13px !important
    }

    .gap30 {
        margin-bottom: 30px !important
    }

    .gap30_0 {
        margin-bottom: 0 !important
    }

    .gap30_10 {
        margin-bottom: 10px !important
    }

    .gap30_15 {
        margin-bottom: 15px !important
    }

    .gap30_16 {
        margin-bottom: 16px !important
    }

    .gap30_20 {
        margin-bottom: 20px !important
    }

    .gap30_34 {
        margin-bottom: 34px !important
    }

    .gap30_40 {
        margin-bottom: 40px !important
    }

    .gap30_47 {
        margin-bottom: 47px !important
    }

    .gap32_9 {
        margin-bottom: 9px !important
    }

    .gap35_25 {
        margin-bottom: 25px !important
    }

    .gap35_30 {
        margin-bottom: 30px !important
    }

    .gap36_26 {
        margin-bottom: 26px !important
    }

    .gap40 {
        margin-bottom: 40px !important
    }

    .gap40_10 {
        margin-bottom: 10px !important
    }

    .gap40_20 {
        margin-bottom: 20px !important
    }

    .gap40_30 {
        margin-bottom: 30px !important
    }

    .gap40_50 {
        margin-bottom: 50px !important
    }

    .gap40_60 {
        margin-bottom: 60px !important
    }

    .gap50_25 {
        margin-bottom: 25px !important
    }

    .gap50_30 {
        margin-bottom: 30px !important
    }

    .gap54_27 {
        margin-bottom: 27px !important
    }

    .gap55 {
        margin-bottom: 55px !important
    }

    .gap55_10 {
        margin-bottom: 10px !important
    }

    .gap55_16 {
        margin-bottom: 16px !important
    }

    .gap55_25 {
        margin-bottom: 25px !important
    }

    .gap55_35 {
        margin-bottom: 35px !important
    }

    .gap60 {
        margin-bottom: 60px !important
    }

    .gap60_0 {
        margin-bottom: 0px !important
    }

    .gap60_20 {
        margin-bottom: 20px !important
    }

    .gap60_30 {
        margin-bottom: 30px !important
    }

    .gap60_37 {
        margin-bottom: 37px !important
    }

    .gap60_40 {
        margin-bottom: 40px !important
    }

    .gap60_50 {
        margin-bottom: 50px !important
    }

    .gap60_100 {
        margin-bottom: 100px !important
    }

    .gap65_33 {
        margin-bottom: 33px !important
    }

    .gap70_0 {
        margin-bottom: 0px !important
    }

    .gap70_40 {
        margin-bottom: 40px !important
    }

    .gap72_50 {
        margin-bottom: 50px !important
    }

    .gap75_27 {
        margin-bottom: 27px !important
    }

    .gap80_30 {
        margin-bottom: 30px !important
    }

    .gap80_40 {
        margin-bottom: 40px !important
    }

    .gap80_60 {
        margin-bottom: 60px !important
    }

    .gap85_30 {
        margin-bottom: 30px !important
    }

    .gap90_0 {
        margin-bottom: 0px !important
    }

    .gap90_30 {
        margin-bottom: 30px !important
    }

    .gap90_40 {
        margin-bottom: 40px !important
    }

    .gap90_50 {
        margin-bottom: 50px !important
    }

    .gap90_60 {
        margin-bottom: 60px !important
    }

    .gap95_25 {
        margin-bottom: 25px !important
    }

    .gap100_30 {
        margin-bottom: 30px !important
    }

    .gap100_40 {
        margin-bottom: 40px !important
    }

    .gap100_50 {
        margin-bottom: 50px !important
    }

    .gap100_60 {
        margin-bottom: 60px !important
    }

    .gap100_0 {
        margin-bottom: 0px !important
    }

    .gap120_40 {
        margin-bottom: 40px !important
    }

    .gaptm03_00 {
        margin-top: 0 !important
    }

    .gapt00_20 {
        margin-top: 20px !important
    }

    .gapt00_30 {
        margin-top: 30px !important
    }

    .gapt00_40 {
        margin-top: 40px !important
    }

    .gapt00 {
        margin-top: 0px !important
    }

    .gapt0_7 {
        margin-top: 7px !important
    }

    .gapt08_12 {
        margin-top: 12px !important
    }

    .gapt0_25 {
        margin-top: 25px !important
    }

    .gapt06_26 {
        margin-top: 26px !important
    }

    .gapt10 {
        margin-top: 10px !important
    }

    .gapt10_30 {
        margin-top: 30px !important
    }

    .gapt14_0 {
        margin-top: 0 !important
    }

    .gapt15_8 {
        margin-top: 8px !important
    }

    .gapt15_10 {
        margin-top: 10px !important
    }

    .gapt16_27 {
        margin-bottom: 27px !important
    }

    .gapt20 {
        margin-top: 20px !important
    }

    .gapt20_27 {
        margin-top: 27px !important
    }

    .gapt25_0 {
        margin-top: 0px !important
    }

    .gapt30 {
        margin-top: 30px !important
    }

    .gapt30_0 {
        margin-top: 0 !important
    }

    .gapt30_15 {
        margin-top: 15px !important
    }

    .gapt30_20 {
        margin-top: 20px !important
    }

    .gapt32_20 {
        margin-top: 20px !important
    }

    .gapt35_20 {
        margin-top: 20px !important
    }

    .gapt40_30 {
        margin-top: 30px !important
    }

    .gapt50_30 {
        margin-top: 30px !important
    }

    .gapt53_35 {
        margin-top: 35px !important
    }

    .gapt60_20 {
        margin-top: 20px !important
    }

    .gapt60_30 {
        margin-top: 30px !important
    }

    .gapt60_40 {
        margin-top: 40px !important
    }

    .gapt70_30 {
        margin-top: 30px !important
    }

    .gapt70_40 {
        margin-top: 40px !important
    }

    .gapt80_40 {
        margin-top: 40px !important
    }

    .gapt90_30 {
        margin-top: 30px !important
    }

    .gapt90_50 {
        margin-top: 50px !important
    }

    .gapt90_60 {
        margin-top: 60px !important
    }

    .gapt100_0 {
        margin-top: 0px !important
    }

    .gapt100_30 {
        margin-top: 30px !important
    }

    .gapt100_37 {
        margin-top: 37px !important
    }

    .gapt100_50 {
        margin-top: 50px !important
    }

    .gapt100_40 {
        margin-top: 40px !important
    }

    .gapl08_0 {
        margin-left: 0px !important
    }

    .gapl30 {
        margin-left: 30px !important
    }

    .gapl165_0 {
        margin-left: 0px !important
    }

    .gapl249_0 {
        margin-left: 0 !important
    }

    .pd30_20 {
        padding: 20px
    }

    .padt0_20 {
        padding-top: 20px !important
    }

    .pdt0_30 {
        padding-top: 30px !important
    }

    .pdt3 {
        padding-top: 3px !important
    }

    .pdt10_0 {
        padding-top: 0 !important
    }

    .pdt20_0 {
        padding-top: 0 !important
    }

    .pdt20_20 {
        padding-top: 20px !important
    }

    .pdt20_27 {
        padding-top: 27px !important
    }

    .pdt20_30 {
        padding-top: 30px !important
    }

    .pdt30_0 {
        padding-top: 0 !important
    }

    .pdt30_20 {
        padding-top: 20px !important
    }

    .pdt30_30 {
        padding-top: 30px !important
    }

    .pdt35_20 {
        padding-top: 20px !important
    }

    .pdt36_17 {
        padding-top: 17px !important
    }

    .pdb40_30 {
        padding-top: 30px !important
    }

    .pdb45_30 {
        padding-top: 30px !important
    }

    .pdt50_20 {
        padding-top: 20px !important
    }

    .pdt52_23 {
        padding-top: 23px !important
    }

    .pdt53_0, .pdt60_0 {
        padding-top: 0px !important
    }

    .pdt53_22 {
        padding-top: 22px !important
    }

    .pdt55_27 {
        padding-top: 27px !important
    }

    .pdt60_15 {
        padding-top: 15px !important
    }

    .pdt60_20 {
        padding-top: 20px !important
    }

    .pdt60_27 {
        padding-top: 27px !important
    }

    .pdt60_30 {
        padding-top: 30px !important
    }

    .pdt60_40 {
        padding-top: 40px !important
    }

    .pdt40_30 {
        padding-top: 30px !important
    }

    .pdt220_130 {
        padding-top: 130px !important
    }

    .pdb15_10 {
        padding-bottom: 10px !important
    }

    .pdb20_20 {
        padding-bottom: 20px !important
    }

    .pdb20_18 {
        padding-bottom: 18px !important
    }

    .pdb20_30 {
        padding-bottom: 30px !important
    }

    .pdb30_0 {
        padding-bottom: 0 !important
    }

    .pdb30_10 {
        padding-bottom: 10px !important
    }

    .pdb30_20 {
        padding-bottom: 20px !important
    }

    .pdb36_17 {
        padding-bottom: 17px !important
    }

    .pdb60_40 {
        padding-bottom: 40px !important
    }

    .pdb40_30 {
        padding-bottom: 30px !important
    }

    .pdb60_30 {
        padding-bottom: 30px !important
    }

    .pdb60_20 {
        padding-bottom: 20px !important
    }

    .pdb100_0 {
        padding-bottom: 0px !important
    }

    .pdb270_0 {
        padding-bottom: 0px !important
    }

    .pdl10_0 {
        padding-left: 0 !important
    }

    .pdl20_10 {
        padding-left: 10px
    }

    .pdl30_10 {
        padding-left: 10px
    }

    .pdl30_20 {
        padding-left: 20px
    }

    .pdlr39_18 {
        padding: 0 18px !important
    }

    .pd40_22 {
        padding: 22px !important
    }

    .pd60_30 {
        padding: 30px 0 !important
    }

    .pda20_0 {
        padding: 0
    }

    .pda20_10 {
        padding: 10px
    }

    .pda20_15 {
        padding: 15px
    }

    .pda30_20 {
        padding: 20px
    }

    .mgl20_10 {
        margin-left: 10px
    }

    .gut20_0 {
        padding-left: 0;
        padding-right: 0
    }

    .gut20_20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .gut30_20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .gut30_10 {
        padding-left: 10px;
        padding-right: 10px
    }
}