@charset 'utf-8';
/* 이미지 리사이징 */

.respon_img * {
    display: block
}

.respon_img img {
    width: 100%;
    height: auto
}

/*.respon_img{position:fixed;bottom:50px;left:0}*/

.none {
    display: none !important
}

.nocursor {
    cursor: default !important;
}

/*select custom ui*/

.select_wrap ul.vis_show {
    position: absolute;
    top: 39px;
    left: 0;
    display: block;
}

/*.select_wrap ul.vis_hide{position:absolute; top:-9999em;left:-9999em; display:none}*/

.select_wrap ul.vis_hide {
    overflow: hidden;
    display: none;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    margin: -1px;
    padding: 0;
    border: 0
}

html.pc .select_wrap ul.vis_show {
    display: block;
}

html.pc .select_wrap ul.vis_hide {
    display: none;
}

/* 정렬 */

tbody.tal tr td {
    text-align: left;
}

tbody tr td.tar {
    text-align: right;
}

table.tac td {
    text-align: center !important
}

table.tac td.tal {
    text-align: left !important
}

strong.normal {
    color: #141823;
    font-weight: normal
}

.tavt {
    vertical-align: text-top;
}

/* text line */

.textline {
    text-decoration: underline;
}

.textInline {
    display: inline;
}

.bgnone {
    background: none !important;
}

.m10 {
    margin: 10px 0 10px 20px
}

.mtb {
    margin: 0 0 30px !important
}

/* 공통 패딩 */

.pdNone {
    padding-top: 0 !important
}

.pdNoneb {
    padding-bottom: 0 !important
}

.pdBoth {
    padding: 0 20px !important;
}

/* 2017-05-10 */

.pt30 {
    padding-top: 30px !important;
}

.pd {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.pd_h {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.pd_v {
    padding-bottom: 30px;
    padding-top: 20px;
    box-sizing: border-box
}

.pd_t {
    padding-top: 20px
}

.pd0 {
    padding: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pl10 {
    padding-left: 10px !important
}

.pr10 {
    padding-right: 10px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pdc {
    padding-bottom: 20px !important
}

.pt0 {
    padding-top: 0 !important
}

.pd_h0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pd_v0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pd_v30 {
    padding-top: 20px;
    padding-bottom: 30px
}

.pb_v10 {
    padding-bottom: 10px
}

.pt_020 {
    padding-top: 20px !important
}

.pd_wide {
    padding: 0 0 50px;
}

.bilnd {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0
}

:root .bilnd {
    left: auto;
    top: auto;
    margin: -1px;
    clip: rect(0 0 0 0);
    font-size: 1px;
}

/* FETASK-접근성-v1.0 : bilnd수정 */

html.mobile :root .bilnd {
    width: 0;
    height: 0;
}

/* FETASK-접근성-v1.0 : 모바일bilnd수정 */

.mouse_input {
    margin: 0 10px
}

/* .pd0 li{padding:0 !important} */

.pd_all {
    padding: 20px 20px 30px;
    box-sizing: border-box
}

/* 웹&모바일 */

.pt5 {
    padding-top: 5px
}

.mouse_set {
    width: 100%;
    position: relative;
}

.mouse_set input[type="text"],
.mouse_set input[type="password"] {
    float: left;
    width: 100%
}

.mouse_set input[type="tel"] {
    width: 100%;
    float: left;
    margin-right: 10px;
}

.mouse_set input[type="text"].trans_input {
    width: 100%;
    float: left;
    margin-right: 10px;
}

.mouse_set label {
    float: left;
    display: none;
    width: auto;
    margin-top: 2px
}

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

.mouse_set>a {
    margin: 10px 0 0 0
}

.mouse_set a.default {
    width: 100%;
    padding: 9px 6px 10px;
    margin-left: 0px
}

.mouse_set a.default.b_set {
    margin-top: 0;
    margin-bottom: 11px;
}

html.mobile .mouse_set label {
    display: none
}

.inner_scroll {
    background: #f9f9f9;
    border: 1px solid #e0e0e1;
    overflow-y: scroll;
    padding: 15px;
    height: 117px
}

.pt_wrap {
    margin-top: 5px
}

.pt_wrap:after {
    content: "";
    display: block;
    clear: both
}

.pt_wrap .tit {
    float: left;
    display: inline-block;
    margin: 4px 10px 0 0
}

.pt_wrap .btn_radio_group {
    float: left;
    vertical-align: top;
    margin-top: 2px
}

.mouse_set.st3:after {
    content: "";
    display: block;
    clear: both
}

.mouse_set.st3 input[type="text"],
.mouse_set.st3 input[type="number"] {
    float: left;
    width: calc(100% - 70px);
    margin-right: 10px
}

@media screen and (min-width:699px) {
    .m10 {
        margin: 10px 0
    }
    .pd {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
    .pdc {
        padding-bottom: 0px !important
    }
    .pd_v {
        /*padding-top:0;padding-bottom:0;*/
    }
    .pt_020 {
        padding-top: 5px !important
    }
    .pd_v.keep {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .tab_type01+.pd_v.keep {
        padding-top: 5px;
        padding-bottom: 25px
    }
    .m_bdt1 {
        border-top: none
    }
    .m_pt47 {
        padding-top: 47px
    }
    .fake_bd_none {
        border-top: none;
        border-bottom: none;
        padding-top: 0
    }
    .fake_table.non_vari.fake_bd_none {
        padding-top: 0;
        border-top: none;
        border-bottom: none
    }
    .mot_pdt {
        margin-top: 0;
        padding-top: 0
    }
    .mo_pb {
        padding-bottom: 0
    }
    .mouse_set input[type="text"],
    .mouse_set.st2 input[type="text"] {
        float: left;
        width: calc(100% - 140px);
        margin-right: 10px
    }
    .mouse_set.st3 input[type="text"],
    .mouse_set.st3 input[type="number"] {
        width: calc(100% - 200px);
        margin-right: 10px
    }
    .mouse_set.st3 .inr_txt {
        float: left;
        margin: 8px 10px 0 0
    }
    .mouse_set input[type="password"] {
        float: left;
        width: 180px;
        margin-right: 10px;
        box-sizing: border-box
    }
    .content.web .fake_table dd .mouse_set input[type="password"] {
        width: 180px
    }
    .mouse_set.rrn input[type="text"],
    .mouse_set.rrn input[type="password"] {
        width: 192px
    }
    .mouse_set input[type="tel"] {
        width: 180px
    }
    .mouse_set input[type="text"].trans_input {
        width: 180px
    }
    .mouse_set>a {
        margin-top: 0
    }
    .mouse_set a.default {
        float: right;
        width: auto;
        padding: 9px 10px 10px
    }
    .mouse_set a.default.b_set {
        margin-bottom: 0;
    }
    .inbox.mo_mt30 {
        margin-top: 30px
    }
    .inbox.mo_mt40 {
        margin-top: 40px
    }
    .inbox.mo_mt0 {
        margin-top: 0px
    }
    .step+.info_box {
        margin-top: 24px
    }
    .respon_img {
        position: relative;
        bottom: 0px;
        left: 0
    }
    /* 이미지 리사이징*/
    .pd_wide {
        padding: 0 20px;
    }
}

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

/* float */

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none !important
}

.sl_con_div .btns .w35p {
    width: 35%
}

.block {
    display: block !important
}

.in_block {
    display: inline-block !important
}

/* input */

.input_wrap {
    display: inline-block;
    position: relative;
    width: 100%
}

.input_wrap .btn_clear {
    display: none;
    position: absolute;
    top: 11px;
    right: 11px;
    width: 16px
}

.input_wrap+a.default {
    height: 38px;
    overflow: hidden;
    padding: 9px 11px 11px;
    font-size: 13px;
    /*line-height:23px;*/
}

input[type=text]+a.default {
    padding: 9px 11px 10px;
    font-size: 13px
}

.select_wrap+a,
.select_wrap+a.default {
    /*padding: 9px 11px 10px;*/
    font-size: 13px;
    /*line-height:23px;*/
}

/*.input_wrap input:focus + .btn_clear{display:block}*/

.input_wrap .btn_clear img {
    display: block;
    width: 100%
}

/*input[type="password"]:focus{padding:9px 10px}*/

input.center {
    text-align: center
}

html.android .input_wrap {
    top: -1px
}

@media screen and (max-width: 698px) {
    .input_wrap .btn_clear {
        display: none;
    }
}

.btn_radio,
.btn_radio01,
.btn_checkbox {
    display: inline-block;
    overflow: hidden
}

.btn_radio input,
.btn_radio01 input,
.btn_checkbox input {
    float: left;
    width: 0 !important;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    /*position:absolute;top:7px;*/
}

/*절대로 absolute 넣지 말 것*/

/*.btn_radio01 + .tooltip{margin-left:-10px}*/

/*h4.cont_title + span.tooltip{margin-left:-20px}*/

.btn_radio span {
    display: inline-block;
    padding: 4px 0 5px;
    min-width: 145px;
    text-align: center;
    font-size: 13px;
    border: 1px solid var(--color-g300);
    box-sizing: border-box;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    color: var(--txt-g500);
    border: 1px solid var(--color-g300)
}

.btn_radio input:checked+span {
    color: var(--color-navy);
    border-color: var(--color-navy);
    font-size: 13px !important
}

.btn_radio+.btn_radio {
    margin-left: 0px
}

.btn_radio input+span {
    font-size: 13px !important
}

.btn_radio01 span {
    display: inline-block;
    min-height: 21px;
    color: var(--txt-g1000);
    padding: 5px 0 5px 30px;
    text-indent: 0;
    cursor: pointer;
    background: url(/resource/img/reform/form/bg_checkradio.png) no-repeat left center;
    background-size: 22px
}

/*FETASK-1782 color:#141823 */

/* html.mobile .btn_radio01:not(.r2input_check) span,
html.mobile .btn_radio01:not(.r2input_check) input:checked+span{min-height:19px;padding:8px 0 5px 30px; background-position:left center;}
html.mobile.ios .btn_radio01:not(.r2input_check) span,
html.mobile.ios .btn_radio01:not(.r2input_check) input:checked+span{padding: 9px 0 6px 30px;line-height: 1.35; background-position:left center;}
html[class*='pc'] .btn_radio01:not(.r2input_check) span,
html[class*='pc'] .btn_radio01:not(.r2input_check) input:checked+span {padding:6px 0 7px 30px; background-position:left center;} */

html.mobile .btn_radio01 span {
    min-height: 19px;
    padding: 8px 0 5px 30px
}

html.mobile.ios .btn_radio01 span {
    padding: 9px 0 6px 30px;
    line-height: 1.35
}

html[class*='pc'] .btn_radio01 span {
    padding: 6px 0 7px 30px;
}

.btn_radio01 span strong {
    font-weight: normal;
    color: #141823;
    display: block
}

.btn_radio01 input:checked+span {
    background: url(/resource/img/reform/form/bg_checkradio_on.png) no-repeat left center;
    background-size: 22px
}

.btn_radio01 input:disabled+span {
    background: url(/resource/img/reform/form/bg_radio_dis.png) no-repeat left center;
    background-size: 22px
}

.btn_radio01 input:checked:disabled+span {
    background: url(/resource/img/reform/form/bg_radio_on_dis.png) no-repeat left center;
    background-size: 22px
}

.btn_checkbox span {
    display: inline-block;
    min-height: 20px;
    /*min-height:18px;*/
    padding: 3px 0 4px 25px;
    text-indent: 0;
    cursor: pointer;
    background: url(/resource/img/bg/bg_checkbox.png) no-repeat left center;
    background-size: 18px;
    font-size: 14px
}

/* 2017-04-25 win7 IE11 input 짤림 */

/* html.mobile .btn_checkbox:not(.r2input_check) span{min-height:19px;padding:7px 0 4px 25px} */

.btn_checkbox input:checked+span {
    background: url(/resource/img/bg/bg_checkbox_on.png) no-repeat left center;
    background-size: 18px
}

.btn_checkbox input:disabled+span {
    background: url(/resource/img/bg/bg_checkbox_dis.png) no-repeat left center;
    background-size: 18px
}

.btn_checkbox input:checked:disabled+span {
    background: url(/resource/img/bg/bg_checkbox_on_dis.png) no-repeat left center;
    background-size: 18px
}

.btn_radio01 span,
.btn_checkbox span {
    font-size: 14px
}

.radio_btn_set {
    width: 100%;
    display: table
}

.radio_btn_set .btn_radio {
    display: table-cell;
    padding-left: 3px
}

.radio_btn_set .btn_radio:first-child {
    padding-left: 0
}

.radio_btn_set .btn_radio span {
    padding: 6px 0 7px;
    width: 100%;
    min-width: auto
}

.fake_table label+a {
    margin-left: 10px
}

.txt_right {
    font-size: 13px;
    text-align: right;
    padding: 15px 20px;
    border-bottom: 1px solid var(--color-g300)
}

/* select */

.select_wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
}

.select_wrap a {
    display: block
}

.select_wrap>a {
    height: 38px;
    font-size: 14px !important;
    /*line-height:37px;*/
    padding: 8px 25px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    border: 1px solid var(--color-g300);
    background: var(--color-w100) url(/resource/img/bg/bg_darr_select.png) no-repeat right center;
    background-size: 30px
}

/*line-height로 vertical-align 잡지 마세요 절대로! 전 화면 다 깨집니다.*/

html.mobile .select_wrap>a {
    padding-top: 11px
}

.select_wrap ul {
    display: block;
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 100%;
    max-height: 170px;
    border: 1px solid var(--color-g300);
    border-top: 0;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0px 0px 3px var(--color-g300);
    z-index: 98;
    background: var(--color-w100);
    transform: translate3d(0, 0, 0, 100);
    /* visibility:hidden;  */
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
}

/* 2017-09-27 */

.select_wrap ul li {
    overflow: hidden;
    margin: 0 !important;
    border-top: 1px solid var(--color-g300) !important;
}

:root .select_wrap ul li {
    overflow: initial;
}

/* FETASK-접근성-v1.0 : 포커스라인대응 */

.select_wrap ul li a {
    font-size: 14px !important;
    padding: 8px 10px 10px;
    box-sizing: border-box;
}

.select_else {
    border-top: 1px solid var(--color-g300);
    padding: 20px
}

.layer_body .fake_table .select_wrap ul li {
    padding: 0
}

/*border*/

.bt0 {
    border-top: 0 !important
}

.bb0 {
    border-bottom: 0 !important
}

.bdt1 {
    border-top: 1px solid var(--color-g300) !important
}

.m_bdt1 {
    border-top: 1px solid var(--color-g300)
}

.bdt1_m {
    border-top: 1px solid var(--color-g300) !important
}

.bdb1 {
    border-bottom: 1px solid var(--color-g300) !important
}

.bt1 {
    border-top: 1px solid var(--color-g300);
    padding-top: 20px;
    margin-top: 20px
}

.bd1 {
    border-bottom: 1px solid var(--color-g300);
    margin-top: 20px;
    padding-bottom: 20px
}

.bd_gray3 {
    border: 3px solid #f3f1ed !important
}

.bdl0 {
    border-left: none !important
}

.bdr0 {
    border-right: none !important
}

.bd0 {
    border: none !important
}

/* page skipNavi */

/* layout*/

body {}

#wrap {
    position: relative;
    width: 100%;
}

html.pc #wrap {
    background: var(--color-w100)
}

.header,
#container,
.footer {
    width: 100%
}

.skip {
    position: fixed;
    top: -9999px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    font-weight: bold;
    color: var(--color-w100);
    z-index: 9999;
    background: var(--color-navy)
}

/* FETASK-접근성-v2.0 : 스킵메뉴 가운데 정렬 */

.skip:focus {
    top: 0px
}

html.mobile .skip {
    display: none;
}

/*노데이터*/

.data_no {
    text-align: center;
    padding: 30px 0;
    background: var(--color-w100)
}

/*라인박스*/

.line_bd_box {
    margin-top: 18px
}

.line_bd_box li {
    padding: 40px 20px;
    border-top: 1px solid var(--color-g300);
    text-align: center;
    line-height: 22px
}

.line_bd_box li:last-child {
    border-bottom: 1px solid var(--color-g300)
}

.line_bd_box li span {
    font-weight: bold
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid var(--color-g300);
    z-index: 999
}

.header.mobile.main {
    border-bottom: 1px solid #f5f5f2
}

.header.mobile {
    width: 100%;
    height: 56px;
    background: var(--color-w100)
}

.header.mobile .inner {
    position: relative;
    width: 100%;
    padding-top: 18px
}

.header.mobile a {
    display: inline-block
}

.header.mobile a img {
    display: block;
    width: 100%
}

.header.mobile h1 {
    margin: 0 50px;
    display: block;
    color: #141823;
    overflow: hidden;
    text-overflow: text-ellipsis;
    white-space: nowrap;
    font-size: 18px;
    text-align: center
}

.header.mobile .inner>a {
    position: absolute;
    top: 3px;
    width: 50px
}

.header.mobile .inner>a.left {
    left: 0
}

.header.mobile .inner>a.menu {
    right: 0
}

.n_mark {
    position: absolute;
    left: 24px;
    top: 6px;
    height: 16px;
    overflow: hidden;
    background: var(--color-navy);
    min-width: 16px;
    /* border:1px solid var(--color-navy); */
    border-radius: 16px;
    box-sizing: border-box;
    color: var(--color-w100);
}

.n_mark strong {
    font-weight: normal;
    font-size: 0.7857em;
    line-height: 16px;
    display: block;
    text-align: center;
    width: 100%;
    padding: 1px 3px;
    vertical-align: middle;
    box-sizing: border-box;
}

.n_mark i {
    text-indent: -9999px;
    font-size: 0;
}

.gnb_m {
    position: fixed;
    top: 0;
    right: -90%;
    width: 90%;
    z-index: 9999;
    background: var(--color-w100)
}

.gnb_m .gnb_top {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--color-g300)
}

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

.gnb_m .gnb_top a {
    position: relative;
    float: left;
    display: inline-block;
    width: 50px
}

.gnb_m .gnb_info {
    position: relative;
    width: 100%;
    height: 107px;
    padding: 16px;
    box-sizing: border-box;
    background: #f9f9f9
}

.gnb_m .gnb_info>* {
    float: left
}

.gnb_m .gnb_info .picture {
    margin: 0;
    margin-top: 8px
}

.gnb_m .gnb_info.login .info {
    margin: -5px 0 0 20px
}

.gnb_m .gnb_info .info {
    margin: 0
}

.gnb_m .gnb_info .info p {
    font-size: 18px;
    line-height: 1.5;
    color: #141823
}

.gnb_m .gnb_info .info span {
    font-size: 11px
}

.gnb_m .gnb_info .info div {
    margin-top: 12px
}

.gnb_m .gnb_info .info a {
    display: inline-block;
    height: 22px;
    padding: 3px 10px;
    box-sizing: border-box;
    border: 1px solid #8291a3;
    border-radius: 22px;
    font-size: 11px
}

html.mobile .gnb_m .gnb_info .info a {
    padding: 4px 10px
}

.gnb_m .gnb_info>a {
    position: absolute;
    top: 45px;
    right: 0;
    width: 50px;
    margin-top: -25px
}

.gnb_m .gnb_info .info a span {
    line-height: 0
}

.gnb_m .close {
    position: absolute;
    top: 3px;
    right: 0;
    width: 50px
}

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

.gnb_m .nav {
    width: 100%;
    border-top: 1px solid var(--color-g300)
}

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

/* 2017-03-29 전체메뉴 */

.gnb_m .nav ul.depth01 {
    float: left;
    width: 70px;
    border-right: 1px solid var(--color-g300);
    overflow-y: auto;
    background: #f9f9f9
}

.gnb_m .nav ul.depth01 li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid var(--color-g300)
}

.gnb_m .nav ul.depth01 li a {
    display: block;
    padding: 40px 0 10px;
    font-size: 11px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg01 a {
    background: url(/resource/img/cmm/gnb_icon01.png) no-repeat center top;
    background-size: 50px
}

/*개인뱅킹*/

.gnb_m .nav ul.depth01 li.bg02 a {
    background: url(/resource/img/cmm/gnb_icon02.png) no-repeat center top;
    background-size: 50px
}

/*금융몰*/

.gnb_m .nav ul.depth01 li.bg03 a {
    background: url(/resource/img/cmm/gnb_icon03.png) no-repeat center top;
    background-size: 50px
}

/*고객센터*/

.gnb_m .nav ul.depth01 li.bg04 a {
    background: url(/resource/img/cmm/gnb_icon04.png) no-repeat center top;
    background-size: 50px
}

/*인증센터*/

.gnb_m .nav ul.depth01 li.bg05 a {
    background: url(/resource/img/cmm/gnb_icon05.png) no-repeat center top;
    background-size: 50px
}

/*보안센터*/

.gnb_m .nav ul.depth01 li.bg06 a {
    background: url(/resource/img/cmm/gnb_icon06.png) no-repeat center top;
    background-size: 50px
}

/*공지사항*/

.gnb_m .nav ul.depth01 li.bg07 a {
    background: url(/resource/img/cmm/gnb_icon07.png) no-repeat center top;
    background-size: 50px
}

/*은행소개*/

.gnb_m .nav ul.depth01 li.bg08 a {
    background: url(/resource/img/cmm/gnb_icon08.png) no-repeat center top;
    background-size: 50px
}

/*은행소개*/

.gnb_m .nav ul.depth01 li.bg01.on a {
    background: url(/resource/img/cmm/gnb_icon01_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg02.on a {
    background: url(/resource/img/cmm/gnb_icon02_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg03.on a {
    background: url(/resource/img/cmm/gnb_icon03_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg04.on a {
    background: url(/resource/img/cmm/gnb_icon04_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg05.on a {
    background: url(/resource/img/cmm/gnb_icon05_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg06.on a {
    background: url(/resource/img/cmm/gnb_icon06_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg07.on a {
    background: url(/resource/img/cmm/gnb_icon07_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.bg08.on a {
    background: url(/resource/img/cmm/gnb_icon08_on.png) no-repeat center top;
    background-size: 50px
}

.gnb_m .nav ul.depth01 li.on>a {
    color: var(--color-navy);
    background: var(--color-w100)
}

.gnb_m .nav .depth02_wrap {
    float: right;
    width: calc(100% - 71px);
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.gnb_m .nav .depth02 {
    display: none
}

.gnb_m .nav .depth02>li {
    border-bottom: 1px solid var(--color-g300)
}

.gnb_m .nav .depth02 a {
    display: block;
    padding: 16px 24px;
    font-size: 16px;
    color: #141823
}

.gnb_m .nav .depth02.on {
    display: block
}

.gnb_m .nav .depth02.on .on>ul {
    display: block
}

.gnb_m .nav .depth02.on .on>ul li {
    border-top: 1px solid var(--color-g300)
}

.gnb_m .nav .depth02.on .on>ul li:first-child {
    border-top: none
}

.gnb_m .nav .depth02 ul {
    display: none;
    border-top: 1px solid #454d5b
}

/*.gnb_m .nav .depth02 ul li{border-top:1px solid var(--color-g300)}*/

.gnb_m .nav .depth02 ul li a {
    width: 100%;
    padding: 16px 27px 16px 24px;
    font-size: 14px;
    box-sizing: border-box
}

.gnb_m .nav .depth02 ul li.dep3.on>a {
    color: var(--color-w100);
    background: #979088 url(/resource/img/cmm/m_lnb01_on.png) no-repeat right center
}

.gnb_m .nav .depth02 ul li.dep3>a {
    background: var(--color-w100) url(/resource/img/cmm/m_lnb01_off.png) no-repeat right center
}

.gnb_m .nav .depth02 ul ul {
    border-top: 0
}

.gnb_m .nav .depth02 ul ul li a {
    padding: 16px 27px 16px 24px;
    font-size: 12px;
    background: var(--color-w100) url(/resource/img/cmm/lnb02.png) no-repeat right center
}

.gnb_m .nav .depth02 ul ul li.on a {
    color: #979088;
    background: var(--color-w100) url(/resource/img/cmm/m_lnb02_on.png) no-repeat right center
}

.gnb_m .nav .depth02 ul ul ul {
    padding: 10px 0;
    border-top: 1px solid var(--color-g300);
    background: #f8f8f6
}

.gnb_m .nav .depth02 ul ul ul li {
    border: 0 !important
}

.gnb_m .nav .depth02 ul ul .on ul li a {
    padding: 10px 16px 10px 45px;
    color: #454d5b;
    background: #f8f8f6 url(/resource/img/cmm/lnb03.png) no-repeat 35px 17px
}

.gnb_m .nav .depth02 ul ul .on ul li.on a {
    color: #979088;
    background: #f8f8f6 url(/resource/img/cmm/lnb03_on.png) no-repeat 35px 17px
}

/* .header .gnb h1 a img{width:102px;height:auto} 추후배포 20180716 SR-396 */

.header.mobile h1 img {
    width: 74px;
    height: auto
}

/* 20180911 SR-499 원본
.header.pc{position:relative}
.header.pc .top,
.header.pc .gnb{width:100%}
.header.pc .top .inner,
.header.pc .gnb .inner{position:relative;width:940px;height:auto;margin:0 auto;padding:7px 0;background:none}
.header.pc .top{border-bottom:1px solid #ededed;background:#f7f7f4}
.header.pc .top .inner,
.header.pc .top .inner a{font-size:11px;color:#908e88}
.header.pc .top .inner dl{float:left}
.header.pc .top .inner dl dt,
.header.pc .top .inner dl dd{float:left}
.header.pc .top .inner ul li + li,
.header.pc .top .inner dl dd{margin-left:10px;padding-left:10px;background:url(/resource/img/bg/bg_stick.gif) no-repeat left center}
.header.pc .top .inner ul{float:right}
.header.pc .top .inner ul li{float:left}
.header.pc .gnb .inner{height:65px;padding:0}
.header.pc .gnb h1{position:absolute;top:16px;left:0;line-height:0}
.header.pc .gnb h1 a{line-height:0}
.header.pc .gnb > .inner > ul {width:auto;margin:0 125px 0 202px;text-align:left;}
.header.pc .gnb > .inner > ul > li {float:none;display:inline-block;margin-left:35px;text-align:left;}
.header.pc .gnb ul li{float:left;position:relative;margin-left:40px}
.header.pc .gnb ul li:first-child{margin-left:115px}
.header.pc .gnb ul li a{display:block;padding:22px 5px 26px;font-size:13px;font-weight:bold;text-align:center;color:#141823}
.header.pc .gnb ul li.on > a{padding:22px 5px 23px;border-bottom:4px solid var(--color-navy);color:var(--color-navy)}
.header.pc .gnb ul li.all > a{color:#979088}
.header.pc .gnb .depth02{display:none;position:absolute;top:64px;min-height:55px;padding:30px 0;box-shadow:0px 5px 10px #ccc;background:var(--color-w100)}
.header.pc .gnb .depth02 ul{margin:0}
.header.pc .gnb .depth02 ul li{margin:0}
.header.pc .gnb .depth02 ul a{padding:0;text-align:left;letter-spacing:inherit}
.header.pc .gnb .depth02 > ul{margin:0 auto}
.header.pc .gnb .depth02 > ul > li{width:160px; padding-left:11px;padding-right:11px; box-sizing:border-box}
.header.pc .gnb .depth02 > ul > li + li{border-left:1px solid #eaeaea}
.header.pc .gnb .depth02 > ul > li > a{font-weight:bold;letter-spacing:inherit}
.header.pc .gnb .depth02 > ul > li ul{margin-top:5px;overflow:hidden}
.header.pc .gnb .depth02 > ul > li li{float:none;margin-top:8px}
.header.pc .gnb .depth02 > ul > li li a{font-weight:normal}
.header.pc .gnb .depth02 > ul > li a:hover,
.header.pc .gnb .depth02 > ul > li li a:hover{color:var(--color-navy)}
.header.pc .gnb .on .depth02{display:block}

.header.pc .gnb .cmm_search{position:absolute;top:22px;right:0}

.header.pc .gnb ul:after,
.header.pc .top .inner dl:after,
.header.pc .top .inner:after,
.header.pc .gnb .inner,
.header.pc .gnb .inner:after{content:'';display:block;clear:both} 
 */

/* 20180911 SR-499 전체메뉴 PC 수정 본 */

.header.pc {
    position: relative
}

.header.pc .top,
.header.pc .gnb {
    width: 100%
}

.header.pc .top .inner,
.header.pc .gnb .inner {
    position: relative;
    width: 940px;
    height: auto;
    margin: 0 auto;
    padding: 7px 0;
    background: none
}

.header.pc .top {
    border-bottom: 1px solid #ededed;
    background: #f7f7f4
}

.header.pc .top .inner,
.header.pc .top .inner a {
    font-size: 11px;
    color: #908e88
}

.header.pc .top .inner dl {
    float: left
}

.header.pc .top .inner dl dt,
.header.pc .top .inner dl dd {
    float: left
}

.header.pc .top .inner ul li+li,
.header.pc .top .inner dl dd {
    margin-left: 10px;
    padding-left: 10px;
    background: url(/resource/img/bg/bg_stick.gif) no-repeat left center
}

.header.pc .top .inner ul {
    float: right
}

.header.pc .top .inner ul li {
    float: left
}

.header.pc .gnb .inner {
    height: 65px;
    padding: 0
}

.header.pc .gnb h1 {
    position: absolute;
    top: 16px;
    left: 0;
    line-height: 0
}

.header.pc .gnb h1 a {
    line-height: 0
}

.header.pc .gnb .topGnb {
    width: auto;
    margin: 0 125px 0 202px;
    text-align: left;
}

.header.pc .gnb .topGnb li {
    position: relative;
    float: none;
    display: inline-block;
    margin-left: 35px;
    text-align: left;
}

.header.pc .gnb .topGnb li a {
    display: block;
    padding: 22px 5px 26px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: var(--txt-g1000);
}

.header.pc .gnb .topGnb li.on>a {
    padding: 22px 5px 23px;
    border-bottom: 4px solid var(--color-navy);
    color: var(--color-navy)
}

.header.pc .gnb .topGnb li.all>a {
    color: #979088
}

.header.pc .gnb .topGnb>li:first-child {
    margin-left: 115px
}

.header.pc .gnb .depth02 {
    display: none;
    position: absolute;
    top: 64px;
    min-height: 55px;
    padding: 30px 0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background: var(--color-w100)
}

.header.pc .gnb .depth02 ul {
    margin: 0
}

.header.pc .gnb .depth02 ul li {
    margin: 0
}

.header.pc .gnb .depth02 ul a {
    padding: 0;
    text-align: left;
    letter-spacing: inherit
}

.header.pc .gnb .depth02>ul {
    margin: 0 auto
}

.header.pc .gnb .depth02>ul>li {
    float: left;
    width: 160px;
    padding-left: 11px;
    padding-right: 11px;
    box-sizing: border-box
}

.header.pc .gnb .depth02>ul>li+li {
    border-left: 1px solid #eaeaea
}

.header.pc .gnb .depth02>ul>li>a {
    font-weight: bold;
    letter-spacing: inherit
}

.header.pc .gnb .depth02>ul>li ul {
    margin-top: 5px;
    overflow: hidden
}

.header.pc .gnb .depth02>ul>li li {
    float: none;
    margin-top: 8px;
    display: block;
}

.header.pc .gnb .depth02>ul>li li a {
    font-weight: normal
}

.header.pc .gnb .depth02>ul>li a:hover,
.header.pc .gnb .depth02>ul>li li a:hover {
    color: var(--color-navy)
}

.header.pc .gnb .on .depth02 {
    display: block
}

.header.pc .gnb .cmm_search {
    position: absolute;
    top: 22px;
    right: 0
}

.header.pc .gnb .cmm_search.iconSearch {
    position: absolute;
    top: 23px;
    right: 84px
}

.header.pc .gnb .cmm_allMenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 61px;
    height: 67px;
}

.header.pc .gnb .cmm_allMenu a {
    background: transparent url(/resource/img/common/icon_allmenu.png) 50% 22px no-repeat;
    display: block;
    height: 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -999px
}

.header.pc .gnb .cmm_allMenu a.on {
    background: var(--color-w100) url(/resource/img/common/btn_w_close.png) 50% 22px no-repeat;
    border: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-w100)
}

.header.pc .gnb ul:after,
.header.pc .top .inner dl:after,
.header.pc .top .inner:after,
.header.pc .gnb .inner,
.header.pc .gnb .inner:after {
    content: '';
    display: block;
    clear: both
}

/* //20180911 SR-499 전체메뉴 PC 수정 본 */

/* 20180108 SR-614 기업 헤더 디자인 반영 */

.header_new.pc {
    position: relative;
    border-bottom: 1px solid var(--color-g300);
    background: var(--color-w100);
    top: 0;
    left: 0;
    z-index: 999
}

.header_new.pc .top .inner,
.header_new.pc .gnb .inner {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

.header_new.pc .top .inner {
    height: 50px;
}

.header_new.pc .top .logo {
    position: absolute;
    top: 13px;
    left: 0;
}

.header_new.pc .top .logo a {
    float: left;
    line-height: 0;
}

.header_new.pc .top .logo .client {
    overflow: hidden;
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    font-size: 12px;
    color: var(--color-w100);
}

.header_new.pc .top .logo .client * {
    position: relative;
    float: left;
    width: 36px;
    height: 23px;
    line-height: 21px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid var(--color-g300);
    background: var(--color-g200);
    font-weight: normal;
    color: var(--color-g700);
}

.header_new.pc .top .logo .client *:first-child {
    margin-right: -1px;
}

.header_new.pc .top .logo .client em {
    z-index: 1;
    background-color: var(--color-g1000);
    color: var(--color-w100);
}

.header_new.pc .top .logo .client a {
    color: var(--color-g700);
}

.header_new #utill {
    float: right;
    margin: 16px 0 0 0;
    font-size: 14px;
}

.header_new #utill .login_before>span,
.header_new #utill .login_after>span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 0 0 16px;
    vertical-align: middle;
}

.header_new #utill .login_before>span:first-child:before {
    display: none;
}

.header_new #utill .login_before>span:before,
.header_new #utill .login_after>span:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    width: 1px;
    height: 10px;
    margin: 3px 0 0 0;
    background-color: #e1e1e1;
}

.header_new #utill .login_after {}

.header_new #utill .login_after .time_limit {
    height: 18px;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 13px;
    line-height: 18px;
}

.header_new #utill .login_after .time_limit:before {
    display: none;
}

.header_new #utill .login_after .time_limit a {
    color: #666;
    text-decoration: underline;
}

.header_new #utill .login_after .logout a {
    display: block;
    padding-left: 25px;
    height: 18px;
    font-size: 13px;
    color: #000;
    line-height: 18px;
    background: url(/resource/img/reform/layout/ico_logout.png) no-repeat 0 0;
}

.header_new #utill .login_after .notified a {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    height: 18px;
    font-size: 13px;
    color: #000;
    line-height: 18px;
    background: url(/resource/img/reform/layout/ico_notified.png) no-repeat 0 0;
}

.header_new #utill .login_after .notified .num {
    z-index: 1;
    position: absolute;
    top: -4px;
    left: 8px;
    min-width: 13px;
    padding: 0 3px;
    height: 13px;
    text-align: center;
    background: var(--color-navy);
    color: var(--color-w100);
    font-size: 10px;
    border-radius: 7px;
}

.header_new.pc .gnb {
    width: 100%;
}

.header_new.pc .gnb .inner {
    height: 69px;
}

.header_new.pc .gnb .topGnb {
    margin: 0 0 0 30px;
}

.header_new.pc .gnb .topGnb>li {
    float: left;
    margin: 0;
    width: 160px;
}

.header_new.pc .gnb .topGnb>li>a {
    height: 67px;
    font-size: 18px;
    line-height: 68px;
    text-align: left;
    letter-spacing: inherit;
}

.header_new.pc .gnb .topGnb>li.on>a {
    color: var(--color-navy);
}

:root .header_new.pc .gnb .topGnb>li .gnb-tit {
    height: 67px;
    font-size: 18px;
    line-height: 68px;
    text-align: left;
    letter-spacing: inherit;
}

/* FETASK-접근성-v1.0: a tag 대신 gnb-tit 클래스 이용 */

:root .header_new.pc .gnb .topGnb>li.on .gnb-tit {
    color: var(--color-navy);
}

/* FETASK-접근성-v1.0: a tag 대신 gnb-tit 클래스 이용 */

/*s:FETASK-접근성-v1.0: a tag 대신 추가한 h tag 리셋 */

.header_new.pc .gnb .topGnb>li>a>.gnb-tit,
.header_new.pc .gnb .depth02>ul>li>a>.gnb-stit {
    font-size: inherit
}

.header_new.pc .gnb .topGnb>li>a>.gnb-tit {
    font-weight: normal;
    line-height: 68px
}

/*e:FETASK-접근성-v1.0: a tag 대신 추가한 h tag 리셋 */

.header_new.pc .gnb .depth02 {
    display: none;
    position: absolute;
    top: 70px;
    padding: 20px 0 25px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background: var(--color-w100);
    left: 50%;
    transform: translateX(-50%);
}

/* FETASK-240 수정 */

.header_new.pc .gnb .depth02>ul {
    overflow: hidden;
    width: 1140px;
    min-width: 1140px;
    box-sizing: border-box;
    padding: 0px;
}

.header_new.pc .gnb .depth02>ul>li {
    float: left;
    width: 155px;
    /*padding-right:5px;*/
    padding-right: 20px;
}

.header_new.pc .gnb .depth02>ul>li:nth-child(5)~li {
    margin-top: 30px;
}

.header_new.pc .gnb .depth02>ul>li>a {
    font-weight: bold;
    color: #000;
}

:root .header_new.pc .gnb .depth02>ul>li .gnb-stit {
    font-weight: bold;
    color: #000;
}

/* FETASK-접근성-v1.0: a tag 대신 gnb-stit 클래스 이용 */

.header_new.pc .gnb .depth02>ul>li a:hover,
.header_new.pc .gnb .depth02 li li a:hover {
    color: var(--color-navy)
}

.header_new.pc .gnb .depth02 li ul {
    margin-top: 10px;
}

.header_new.pc .gnb .depth02 li li {
    padding: 10px 0;
}

.header_new.pc .gnb .depth02 li li a {
    color: #666;
    letter-spacing: inherit;
}

.header_new.pc .gnb .on .depth02 {
    display: flex;
    justify-content: center;
    padding-left: 200px
}

.header_new.pc .bar {
    opacity: 0;
    position: absolute;
    bottom: -1px;
    height: 3px;
    background: var(--color-navy);
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.header_new.pc .allMenuArea {
    top: 70px;
}

.header_new.pc .cmm_search {
    position: absolute;
    top: 28px;
    right: 0
}

.header_new.pc .cmm_search.iconSearch {
    position: absolute;
    top: 28px;
    right: 84px
}

.header_new.pc .cmm_allMenu {
    position: absolute;
    top: 5px;
    right: 0;
    width: 61px;
    height: 67px;
}

.header_new.pc .cmm_allMenu a {
    background: transparent url(/resource/img/common/icon_allmenu.png) 50% 22px no-repeat;
    display: block;
    height: 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -999px
}

.header_new.pc .cmm_allMenu a.on {
    background: var(--color-w100) url(/resource/img/common/btn_w_close.png) 50% 22px no-repeat;
    border: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-w100)
}

/* //20180108 SR-614 기업 헤더 디자인 반영 */

.lnb {
    float: left;
    display: none;
    width: 220px;
    /*height:750px;*/
    margin: 60px 40px 0 0;
    /*background:var(--color-w100) url(/resource/img/lnb.png) no-repeat;*/
}

.lnb h2 {
    padding-bottom: 20px;
    font-size: 21px;
    color: #141823;
    border-bottom: 2px solid #454d5b
}

.lnb h2>a {
    display: block;
}

.lnb>ul {}

.lnb>ul li {
    border-bottom: 1px solid #f2f2f3
}

.lnb>ul li a {
    display: block;
    padding: 20px 0;
    font-size: 16px;
    color: var(--txt-g700)
}

/*FETASK-1900 color:#454d5b*/

.lnb>ul ul {
    border-top: 1px solid #7c828c;
    border-bottom: 1px solid #7c828c
}

.lnb>ul>li>ul>li {
    border-top: 1px solid #f2f2f3;
    border-bottom: 0
}

.lnb>ul>li>ul>li:first-child {
    border-top: 0
}

.lnb>ul>li>ul>li>a {
    padding: 15px 31px 15px 15px;
    font-size: 13px;
    background: url(/resource/img/cmm/lnb02.png) no-repeat right center
}

/* 2017-04-26 : 3depth 짤림현상  */

.lnb>ul ul ul {
    padding: 15px;
    border: 0;
    background: #f8f8f6
}

.lnb>ul ul ul li {
    border: 0
}

.lnb>ul ul ul li a {
    padding: 5px 0 5px 10px;
    font-size: 13px;
    background: url(/resource/img/cmm/lnb03.png) no-repeat left center
}

.lnb>ul li ul {
    display: none
}

.lnb>ul>li.on>a {
    padding-right: 30px;
    font-weight: bold;
    color: #979088;
    background: url(/resource/img/cmm/lnb01_on.png) no-repeat right center
}

.lnb>ul>li.on>ul>li.on>a {
    color: var(--color-w100);
    background: #979088 url(/resource/img/cmm/lnb02_on.png) no-repeat right center
}

.lnb>ul>li.on>ul>li.on>ul>li.on a {
    color: #979088;
    background: url(/resource/img/cmm/lnb03_on.png) no-repeat left center
}

.lnb .on>ul {
    display: block
}

#container_inner #lnb {
    display: none
}

.footer {
    width: 100%;
    padding: 25px 0 100px;
    text-align: center;
    color: var(--color-w100);
    background: #f5f5f2
}

/* 개발 임시 주석 끝 */

/*개발 임시 주석 : 개발에 반영할 때 주석 풀 것 */

/*#container_inner .content.pc_only{float:none;width:940px}*/

#container {
    position: relative;
    width: 100%
}

#container_inner {
    width: 100%;
    padding: 0px
}

/* 20180913 SR-464 */

/* 20181005 */

#container_inner.main {
    padding-top: 51px;
}

/* 20180913 SR-464 */

/* #container_inner .content{width:100%; padding-bottom:73px} */

/* SR-1249 공통 하단버튼 변경 [수정전] */

/*#container_inner .content{width:100%; padding-bottom: 94px;}*/

/*SR-2006 98->94*/

#container_inner .content {
    width: 100%;
    padding-bottom: 90px;
}

/*SR-2049 94->90*/

/* SR-1886  */

#container_inner.mwebCont .content {
    width: 100%;
    padding-bottom: 0;
}

@media (min-width: 699px) {
    #container_inner .content {
        padding-bottom: 0;
    }
}

/* end : SR-1249 공통 하단버튼 변경 [수정후] */

/* 20200803 SR-1180 추가 */

#container_inner .content.type_new {
    padding-bottom: 98px;
}

@media (min-width: 699px) {
    #container_inner .content.type_new {
        padding-bottom: 0;
    }
}

/* //end 20200803 SR-1180 추가 */

/* #container_inner.mwebCont .content {padding-bottom:30px;} */

#container_inner .content.login_pc {
    padding-bottom: 0
}

#container_inner .content.login_mobile {
    padding-bottom: 0;
    width: auto;
    padding-top: 40px
}

#container_inner .content.plus-box {
    padding-bottom: 0;
}

/* 0328 플러스박스 추가 */

#container_inner .content.web {
    width: 940px
}

/* FETASK-665 수정 width:680 -> 940 */

body.login_mobile {
    background: var(--color-w100) url(/resource/img/v_complete_bg.gif) 0 0 repeat;
    background-size: 100%
}

body.login_mobile #wrap {
    background: none
}

/* html.mobile #container_inner .content{padding-bottom:73px}  */

/*개발용 메뉴 css*/

.header .inner .pc_gnb {
    display: none;
    width: 100%
}

.header .inner .pc_gnb:after {
    content: '';
    display: block;
    clear: both
}

.header .inner .pc_gnb>li {
    float: left;
    position: relative;
    width: 150px
}

.header .inner .pc_gnb li a {
    display: block;
    padding: 5px 20px
}

.header .inner .pc_gnb .depth02 {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 150px;
    padding: 10px;
    box-sizing: border-box;
    background: var(--color-w100)
}

.header .inner .pc_gnb>li.on .depth02 {
    display: block
}

/*.lnb > ul{border:1px solid #ccc;background:var(--color-w100)}
.lnb ul > li > a{display:block;padding:10px 10px 10px 0}
.lnb ul ul{display:none;padding-left:10px}
.lnb ul .on ul{display:block}*/

/*개발용 메뉴 css*/

#content_1,
#content_2,
#content_3,
#content_4,
#content_5 {
    display: none;
}

.newmain #content_1,
.newmain #content_2,
.newmain #content_3 {
    display: block !important;
    position: fixed;
    top: -1px;
    bottom: 0;
    height: 100%;
    width: 100%;
    /* padding:0 0 142px; */
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.newmain #content_1 {
    left: 0;
    background: #f2f4f5;
    z-index: 2;
}

.newmain #content_2 {
    left: 100%;
    background: var(--color-w100);
    z-index: 4;
}

.newmain #content_3 {
    left: 100%;
    background: var(--color-w100);
    z-index: 6;
}

#container_inner.newmain #content_1 .content,
#container_inner.newmain #content_2 .content,
#container_inner.newmain #content_3 .content {
    padding-bottom: 142px !important;
}

/*Android|4.x 버전 대응  */

/* html, body {overflow:auto !important;} */

.androidUnder5 .newmain .active .sticky_bar {
    position: fixed;
}

.androidUnder5 .newmain .active {
    left: 0 !important;
    z-index: 7 !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.androidUnder5 .floating_banner {
    position: fixed;
}

.androidUnder5 #container_inner.newmain #content_1 .content,
.androidUnder5 #container_inner.newmain #content_2 .content,
.androidUnder5 #container_inner.newmain #content_3 .content {
    padding-top: 52px !important;
    padding-bottom: 120px !important;
}

.androidUnder5 #container_inner.newmain #content_1 .content.has_floating_banner {
    padding-bottom: 182px !important;
}

/* //Android|4.3 버전 대응  */

#content {
    position: relative;
    width: 100%;
    padding: 50px 0 0 0;
}

form>#content {
    padding: 0 0 0 0 !important;
}

.inbox {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 5px;
    border-bottom: 1px solid var(--color-g300);
    box-sizing: border-box;
    /*overflow:overlay;*/
    background: var(--color-w100);
    vertical-align: top;
}

.inbox:first-child {
    margin-top: 0;
    border-top: 0
}

.inbox.logo {
    width: 100%;
    height: 100px;
    background: url(/resource/img/bg/bg_wrap_logo.png) no-repeat center center
}

.inbox.noshape {
    box-shadow: none;
    background: none;
    border: none
}

.web .inbox {
    display: block
}

#dim,
#dim2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    cursor: pointer;
    /*background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);*/
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);*/
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );*/
    /* IE6-9 */
    background: rgba(0, 0, 0, 0.4);
}

#dim2 {
    display: block !important
}

#container_inner:after {
    content: '';
    display: block;
    clear: both
}

/*Title*/

.gnb_title,
.product_title,
.cont_small_title {
    display: block;
    box-sizing: border-box
}

.gnb_title {
    display: none;
    font-size: 20px
}

.product_title {
    font-size: 30px
}

.cont_title {
    padding-left: 20px;
    padding-right: 20px
}

.cont_title,
.txt_title {
    font-size: 18px;
    color: var(--txt-g1000);
    font-weight: 700
}

/*FETASK-1782 color: #141823 */

.cont_title+input,
.txt_title input {
    margin-top: 10px
}

.cont_title_layer {
    background: var(--color-w100);
    font-size: 18px;
    color: var(--txt-g1000);
    line-height: 54px;
    border-bottom: 1px solid var(--color-g300);
    font-weight: normal;
    padding-left: 20px;
    letter-spacing: inherit
}

.tit_red {
    margin: 15px 0 15px 20px;
    font-size: 18px;
    font-weight: normal;
    color: var(--color-navy)
}

.my_account {
    padding: 12px 20px;
    /*border-bottom:#bfcbe0 1px solid;*/
    font-size: 13px
}

.title_red {
    margin: 20px 0 0px 20px;
    font-size: 18px;
    font-weight: normal;
    color: var(--color-navy);
    display: inline-block
}

.title_red.first {
    margin-top: 20px
}

.right_blue {
    display: block;
    color: #5F7289;
    margin-right: 20px;
    font-size: 13px;
    text-align: right;
    padding-top: 6px
}

.txt_top_info {
    font-size: 16px;
    color: var(--txt-g1000);
    margin: 22px 20px 0px 20px
}

.txt_con_info {
    margin: 20px 20px 0px 20px
}

.txt_con_blue {
    color: #5F7289;
    margin: 5px 20px 0px 20px
}

.right_b_c {
    color: #5F7289
}

.gnb_title+strong.txt_top {
    display: block;
    color: var(--txt-g1000);
    font-size: 18px;
    font-weight: normal
}

strong.txt_top+span.txt_sub {
    display: block;
    margin: 15px 0 7px 0
}

span.txt_sub em {
    color: #0561aa
}

.cont_title.pb0,
.pd_v>.cont_title:last-child {
    padding-bottom: 0
}

.title_info {
    font-size: 16px;
    color: var(--txt-g1000);
    padding-bottom: 10px
}

.inbox>.cont_title,
.inbox>.txt_title {
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px
}

.inbox.pd>.cont_title {
    margin: 0 0 0 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.inbox.pd_v>.cont_title {
    padding-top: 0
}

.inbox.pd_v>.tab_type01+.cont_title {
    margin: 19px 0 19px 20px;
    padding-left: 0
}

.info_box>.list_type_dot {
    margin-top: 0
}

.cont_title+.saving_head.small {
    margin-top: 14px
}

/*.layer_cont .layer_body .cont_title{border-bottom:1px solid var(--color-g300);padding-bottom:10px}
*/

/* 공통 Text , 포인트 컬러*/

.txt_box {
    padding: 0 20px
}

.txt_box strong {
    display: block;
    margin: 10px 0 5px 0
}

.txt_box .skyblue {
    font-weight: bold
}

.pink {
    color: var(--color-navy) !important
}

.red {
    color: var(--color-re700) !important
}

/*FETASK-1900 color:#f02727*/

.gray {
    color: var(--txt-g700) !important
}

/*FETASK-1782 color:#979088 */

.gray2 {
    color: var(--txt-g700) !important
}

/*FETASK-1900 color:#666*/

.gray3 {
    color: var(--txt-g700) !important
}

/*FETASK-1900 color:#7d7d7d*/

.gray4 {
    color: var(--txt-g700) !important
}

.gray5 {
    color: var(--txt-g700) !important
}

.gray6 {
    color: var(--txt-g700) !important
}

/*FETASK-1900 color:#878787*/

.gray7 {
    color: #333e48 !important
}

.lightgray {
    color: #b4b4b4 !important
}

.blue {
    color: var(--txt-g1000) !important
}

/*FETASK-1782 color:#414141 */

.skyblue {
    color: var(--color-in700) !important
}

/*FETASK-1900 color:#0561aa*/

.fwb {
    font-weight: bold
}

.black {
    color: var(--txt-g1000) !important
}

/*color:#141823*/

.black3 {
    color: var(--txt-g1000) !important
}

.black4 {
    color: var(--txt-g700) !important
}

/*FETASK-1782 color:#414141 */

.subblack {
    color: #454d5b !important
}

.underblue {
    color: var(--color-in700) !important;
    text-decoration: underline
}

.darkblue {
    color: var(--txt-g700) !important
}

/*FETASK-1782 color:#5F7289;*/

.darkblue2 {
    color: var(--txt-g700) !important;
}

.blue2 {
    color: var(--color-in700) !important;
}

/*FETASK-1782 color:#3e65c9;*/

.blue3 {
    color: var(--color-in700) !important;
}

/*FETASK-1782 color:#5275dd;*/

.gold {
    color: #878079 !important;
}

.green {
    color: var(--color-in700) !important;
}

.green2 {
    color: var(--color-lm600) !important;
}

.txt_stretched {
    white-space: nowrap;
}

.green {
    color: var(--color-in700) !important;
}

.point_percent {
    display: block;
    font-size: 46px;
    /*font-family:'Pretendard K Edition',markoffc;*/
    color: var(--color-navy)
}

.point_percent span {
    font-size: 23px
}

.point_cash {
    display: block;
    font-size: 38px;
    color: var(--txt-g1000)
}

.point_cash span {
    font-size: 20px
}

.bot_txt {
    text-align: center;
    color: #878079;
    margin-top: 30px
}

.fake_table dd .input_info.blue {
    color: var(--txt-g700) !important
}

.fake_table dd .info_box+.input_info.blue {
    margin-top: 6px !important
}

.ui-lottie {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* 20240812 CHPFMTASK-1261 추가*/

/*Tab*/

html.mobile [data-tabsticky="target"].is-sticky {
    z-index: 999;
    position: fixed;
    top: 50px;
    left: 0;
}

.tab_type01 {
    display: table;
    width: 100%;
    padding-top: 12px;
    box-sizing: border-box;
    background: var(--color-w100)
}

.tab_type01.tab_topline {
    border-top: 1px solid var(--color-g300);
}

.tab_type01 li {
    display: table-cell;
    border-bottom: 1px solid var(--color-g300)
}

.tab_type01 li a {
    display: block;
    padding: 13px 0 11px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: var(--txt-g500)
}

/* FETASK-1782 */

.tab_type01 li.on {
    border-bottom: 2px solid var(--color-g1000)
}

.tab_type01 li.on a {
    padding-bottom: 10px;
    color: var(--txt-g1000);
}

/* FETASK-1782 */

.tab_type01.bdt1 {
    border-top: 1px solid var(--color-g300)
}

.tab_type01+.inbox {
    margin-top: 0
}

.tab_type01.tab4 li {
    width: 25% !important;
}

.tab_type01 li.count span {
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 1.8em;
    margin-left: 3px;
    text-align: center;
    color: var(--color-w100);
    font-size: 9px;
    border-radius: 50%;
    background: #8291a3
}

.tab_type01 li.count a {
    padding-bottom: 6px
}

.layer_body .tab_type01+.add_search {
    margin-top: 0
}

.inbox.pd h4:first-child,
.inbox.pd_v h4:first-child {
    padding-top: 0
}

.inbox.pd>.info_box {
    padding: 0 0
}

.tab_type02 {
    display: table;
    width: 100%;
    box-sizing: border-box;
    background: var(--color-w100)
}

.tab_type02 li {
    display: table-cell;
    width: 10%;
    border-bottom: 1px solid var(--color-g300)
}

.tab_type02 li a {
    display: block;
    padding: 14px 0 11px 0;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: #999
}

.tab_type02 li.on {
    border-bottom: 2px solid #000
}

.tab_type02 li.on a {
    padding-bottom: 10px;
    color: #000;
}

@media screen and (min-width:699px) {
    /* .header.pc .gnb h1 a img{width:102px;height:auto}추후 배포 20180716 SR-396 */
    #container_inner .content {
        padding-bottom: 0
    }
    .inbox.pd_v>.tab_type01+.cont_title {
        margin: 19px 0 19px 0
    }
    .inbox.pd>.info_box {
        padding: 20px
    }
    .inbox>.cont_title,
    .inbox>.txt_title,
    .inbox.pd>.txt_title,
    .inbox.pd>.cont_title {
        margin: 34px 0 0 20px;
        padding-top: 14px
    }
    .tab_type01 {
        margin-bottom: 31px
    }
    /* .tab_type01 li a{padding:12px 0 12px 0}
	.tab_type01 li.on a{padding-bottom:12px} */
    .tab_type01 li.count a {
        padding: 14px 0 13px 0
    }
    .tab_type01 li.count.on a {
        padding-bottom: 11px
    }
    .tab_type01+.pd_v {
        padding-top: 0
    }
    .tab_type01+.pd {
        padding: 0
    }
    .tab_type01+.pd .fake_table {
        border-top: 0;
        margin-top: -19px
    }
    .tab_type01+.cont_title {
        padding-top: 0
    }
    .cont_title,
    .txt_title {
        padding-top: 14px;
        font-size: 18px;
        color: var(--txt-g1000);
        font-weight: bold
    }
    /*FETASK-1782 color:#141823;*/
    .cont_title {
        padding-left: 0;
        padding-right: 0
    }
    .info_box .list_type_dot {
        margin-top: 0
    }
    .step+div,
    .step+ul,
    .step+p {
        margin: 0 0 0 0
    }
    .step {
        margin: 20px 0 40px 0
    }
    .txt_right {
        border-bottom: none
    }
    .title_red,
    .txt_top_info,
    .txt_con_info,
    .txt_con_blue {
        margin-left: 0
    }
    .right_blue {
        margin-right: 0
    }
}

/*Step*/

.inbox.pd .step,
.inbox.pd_v .step {
    margin-top: 0
}

.step {
    width: 100%;
    box-sizing: border-box;
    margin: 24px 0 30px 0
}

.step+div,
.step+ul,
.step+p {
    margin: 0 0 0 0
}

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

.step li {
    float: left;
    text-align: center;
    font-size: 11px;
    color: var(--txt-g700)
}

/*FETASK-1782 color:#b1a9a0*/

.step.ea2 li {
    width: 50%
}

.step.ea3 li {
    width: 33.3%
}

.step.ea4 li {
    width: 25%
}

.step.ea5 li {
    width: 20%
}

.step.ea6 li {
    width: 16%
}

.step.ea7 li {
    width: 14%
}

/*.step li:first-child{}*/

.step li em {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    padding: 3px;
    background: var(--color-w100)
}

.step li span {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 35px;
    border: 1px solid var(--color-g300);
    border-radius: 36px;
    box-sizing: border-box;
    overflow: hidden;
    font-family: 'Pretendard K Edition', 'markoffc';
    font-size: 16px
}

.step li.check {
    font-weight: bold;
    color: var(--color-navy)
}

.step li.check span {
    border: 1px solid var(--color-navy);
    font-size: 0px;
    line-height: 0;
    letter-spacing: 0;
    background: var(--color-navy) url(/resource/img/bg/bg_step_check.gif) no-repeat center center;
    background-size: 26px
}

.step li.current {
    color: var(--color-navy)
}

.step li.current span {
    border: 1px solid var(--color-navy)
}

.step li {
    background-image: url(/resource/img/bg/bg_step_line.gif);
    background-repeat: no-repeat;
    background-position: center 20px !important
}

.step li:last-child,
.step li.last {
    background-image: url(/resource/img/bg/bg_step_line_last.gif)
}

.step li:last-child[class="check"],
.step li:last-child[class="current"],
.step li.last.check,
.step li.last.current {
    background-image: url(/resource/img/bg/bg_step_line_on_last.gif)
}

.step li:first-child,
.step li.first {
    background-image: url(/resource/img/bg/bg_step_line_first.gif)
}

.step li:first-child[class="check"],
.step li.first.check {
    background-image: url(/resource/img/bg/bg_step_line_on_first.gif)
}

.step li:first-child[class="current"],
.step li.first.current {
    background-image: url(/resource/img/bg/bg_step_line_first.gif)
}

.step li.check {
    background-image: url(/resource/img/bg/bg_step_line_on.gif)
}

.step li.current {
    background-image: url(/resource/img/bg/bg_step_line_current.gif)
}

.step .hdd {
    font-size: 0
}

:root .step .hdd {
    font-size: 1px;
}

/* FETASK-접근성-v1.0 : hdd수정 */

html.mobile :root .step .hdd {
    width: 0;
    height: 0;
}

/* FETASK-접근성-v1.1 : 모바일hdd수정 */

.rb_step {
    width: 100%;
    display: table
}

.rb_step li {
    display: table-cell;
    font-size: 11px;
    color: #a5a6a8;
    background: url(/resource/img/bg/bg_step01.png) no-repeat;
    background-position: left 20px;
    background-size: 400px 100px
}

.rb_step li.end {
    background-position: left -70px
}

.rb_step li.ing {
    background-position: left -25px
}

.rb_step li span {
    display: block;
    margin-top: 34px
}

.rb_step li span em {
    font-size: 0;
    line-height: 0
}

.rb_step li.end span,
.rb_step li.ing span {
    color: var(--color-navy);
    font-weight: bold
}

.rb_step.ea2 li {
    width: 50%
}

.rb_step.ea3 li {
    width: 33.3%
}

.step_box {
    padding: 20px 0
}

.step_box li {
    margin-top: 10px
}

.step_box li a {
    display: block;
    width: 100%;
    padding: 14px 14px 20px 14px;
    border: 1px solid #878079;
    box-sizing: border-box;
    color: #878079
}

.step_box li:first-child {
    margin-top: 0
}

.step_box li.on a {
    color: var(--color-w100);
    border: 0;
    background: var(--color-navy) url(/resource/img/bg/bg_step_check.gif) no-repeat right 10px;
    background-size: 55px
}

.step_box li strong {
    font-size: 20px;
    font-weight: normal
}

.step_box li p {
    margin-top: 10px;
    font-size: 13px
}

.step_box>p {
    margin: 25px 0 15px
}

.step_box li.current a {
    border: 1px solid var(--color-navy);
    color: var(--color-navy);
    background: var(--color-w100) url(/resource/img/bg/bg_step_arrow.gif) no-repeat right center;
    background-size: 55px
}

/* 내역이 없는경우 */

/* SR-529 */

/* SR-575 hasbtn 추가 */

.nodata01 {
    padding: 20% 0 !important;
    width: 100%;
    color: var(--txt-g700);
    font-size: 14px;
    text-align: center;
    background: transparent
}

/*FETASK-1782 color:#333; */

p.nodata01:before,
.nodata01.hasbtn p:before,
div.nodata01 p:only-child:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 1px 5px 0 0;
    background: url(/resource/img/reform/bg/bg_mark.png) no-repeat left center;
    background-size: 16px 16px;
    vertical-align: top;
}

.nodata01 a.default {
    margin-top: 15px
}

/* //SR-529 */

[class^=table_] tbody td.nodata {
    padding: 30px 0;
    color: var(--txt-g700);
    font-size: 14px;
    text-align: center;
}

/*FETASK-1782 color:#333; */

[class^=table_] tbody td.nodata:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 3px 5px 0 0;
    background: url(/resource/img/reform/bg/bg_mark.png) no-repeat left center;
    background-size: 16px 16px;
    vertical-align: top;
}

/*.layer_cont .nodata01{padding:30px 0;border-top:1px solid #454d5b;color:#141823;font-size:13px;background:none} 팝업nodata */

/* nodata01 type_gray */

.nodata01.type_gray {
    color: #999;
}

p.nodata01.type_gray:before,
.nodata01.type_gray.hasbtn p:before,
div.nodata01.type_gray p:only-child:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 1px 5px 0 0;
    background: url(/resource/img/reform/bg/bg_mark_gray.png) no-repeat left center;
    background-size: 16px 16px;
    vertical-align: top;
}

@media screen and (min-width:699px) {
    .nodata01 {
        margin: 16px 0 30px
    }
    p.nodata01 {
        margin: 0;
    }
}

@media screen and (max-width:698px) {
    .inbox.pd .step,
    .inbox.pd_h .step {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }
    .right_blue {
        padding-top: 27px
    }
    .add_search+.inbox {
        margin-top: 0
    }
}

/*Table*/

.table_list01 {
    padding: 0
}

.table_list01 li {
    border-top: 1px solid var(--color-g300);
    overflow: hidden
}

.table_list01 li a {
    display: block;
    padding: 20px
}

.table_list01 li a strong {
    font-size: 18px;
    color: var(--txt-g1000)
}

.table_list01 li a div {
    width: 100%;
    margin-top: 12px
}

.table_list01 li a div .writer {
    float: left
}

.table_list01 li a div .date {
    float: right
}

.table_list01,
.table_list02 {
    border-bottom: 1px solid #d6cdc3
}

.table_list02:last-child {
    border-bottom: none;
}

.table_list01+a.default,
.table_list02+a.default,
.table_list01+input[type="button"].default,
.table_list02+input[type="button"].default {
    box-sizing: border-box
}

.table_list02 {
    padding: 0;
    margin-top: 14px
}

.table_list02:first-child,
*+.table_list02 {
    margin-top: 0
}

.table_list02 li {
    border-top: 1px solid var(--color-g300)
}

.table_list02 li:first-child {
    border-top: 0
}

.table_list02 li.b_top_none {
    border-top: 0
}

.table_list02 li a {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.table_list02 li a+.btnArea {
    margin: 0 20px 20px 20px
}

.table_list02 li a+.btnArea a {
    padding: 6px 0 7px
}

.table_list02 li>label {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -16px
}

.table_list02 li a div,
.table_list02 li.ask div {
    width: 100%;
    font-size: 11px
}

.table_list02 li a div .timing,
.table_list02 li.ask div .timing,
.table_list02 li a div .head,
.table_list02 li.ask div .head,
.table_list02 li a div .writer,
.table_list02 li.ask div .writer {
    float: left
}

.table_list02 li a div .writer {
    padding-left: 12px;
    background: url(/resource/img/bg/bg_writer.png) no-repeat left 4px;
    background-size: 9px
}

.table_list02 li a div .blue,
.table_list02 li.ask div .blue,
.table_list02 li a div .red,
.table_list02 li.ask div .red,
.table_list02 li a div .price,
.table_list02 li.ask div .price,
.table_list02 li a div .date {
    float: right
}

.table_list02 li a div .writer.bg_none {
    padding-left: 0;
    background: none
}

.table_list02 li a div .timing {
    color: #878079
}

.table_list02 li a div .timing strong,
.table_list02 li.ask div .timing strong {
    margin-right: 5px;
    color: #141823;
    font-weight: normal
}

.table_list02 li a div .blue,
.table_list02 li.ask div .blue {
    color: #0561aa;
    font-size: 11px
}

.table_list02 li a div .red,
.table_list02 li.ask div .red {
    color: var(--color-navy);
    font-size: 11px
}

.table_list02 li a div .account {
    color: #5F7289;
    display: block
}

.table_list02 li a div .head,
.table_list02 li.ask div .head {
    display: block;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: var(--txt-g1000);
    line-height: 25px;
    vertical-align: middle
}

.table_list02 li a div .price,
.table_list02 li.ask div .price {
    font-size: 14px;
    color: var(--txt-g1000)
}

.table_list02 li a div .price strong,
.table_list02 li.ask div .price strong {
    font-size: 19px;
    letter-spacing: inherit;
    font-weight: normal
}

.table_list02 li a div .price.blue,
.table_list02 li.ask div .price.blue {
    color: #0561aa
}

.table_list02 li a div .price.red,
.table_list02 li.ask div .price.red {
    color: var(--color-navy)
}

.table_list02 li:last-child a {
    width: auto
}

.table_list02 li.ask {
    position: relative;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.table_list02 li a strong.seach {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px
}

.table_list02 li a strong.seach span {
    color: #3b5998
}

.table_list02.check li {
    position: relative;
    width: 100%;
    padding-left: 50px;
    box-sizing: border-box
}

.table_list02.check li a {
    padding: 20px 20px 20px 0px
}

.table_list02.check li a input+div {
    margin-top: 0
}

.table_list02.star_chk.check {
    margin-top: 25px !important
}

.table_list02.star_chk.check li {
    padding-left: 30px
}

.table_list02.star_chk.check li>label {
    left: 0
}

.table_list02.star_chk.check li a {
    padding: 10px 0
}

.table_list02.star_chk.check li a .head,
.table_list02.star_chk.check li a .numm,
.table_list02.star_chk.check li a .writer {
    display: inline-block;
    float: left
}

.table_list02.star_chk li a .blue,
.table_list02.star_chk li a .red {
    position: absolute;
    right: 0px;
    top: 20%
}

.table_list02.star_chk li a .price {
    position: absolute;
    right: 0px;
    bottom: 15%
}

.table_list02 div:after,
.table_list02.star_chk.check li a div:after,
.table_list02.star_chk.check li a .head:after,
.table_list02.star_chk li a .price:after {
    content: '';
    display: block;
    clear: both
}

.table_list02.num {
    border-top: none;
    border-bottom: none
}

.table_list02.num li {
    display: block;
    padding: 0 20px 20px 20px;
    border-top: none
}

.table_list02.num li:first-child {
    border-top: 0
}

.table_list02.num em:after {
    content: '.'
}

.table_list02.num em {
    position: absolute;
    left: 20px
}

.table_list02.num li>span {
    display: inline-block;
    padding-left: 20px;
    color: var(--txt-g1000)
}

.table_list02.num li>p {
    margin-top: 5px
}

.table_list02.num li>p label {
    margin-right: 30px
}

.table_list02.num li input {
    position: static
}

.table_list02.num.btn li>span {
    padding-left: 0
}

.table_list02.num.btn li>p+a.default {
    margin-top: 15px
}

.table_list02.num li .btn_radio01 span {
    color: var(--txt-g1000)
}

.face_list>li {
    border-top: 1px solid var(--color-g300);
    /* padding-left:10px;*/
}

.face_item {
    background: var(--color-w100)
}

.face_item>.inr_bx,
.face_item>.instead_a,
.face_item>a {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 20px 20px 75px;
    box-sizing: border-box
}

.face_item .face {
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 20px;
    overflow: hidden;
    background: #a1998c
}

.face_item .face img {
    width: 100%
}

.face_item .face i {
    display: block;
    /*margin-top:3px;*/
    text-align: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 3px 0;
    color: var(--color-w100);
    font-size: 23px;
    text-overflow: ellipsis;
    white-space: nowrap
}

html.mobile .face_item .face i {
    padding: 5px 0
}

html.mobile.ios .face_item .face i {
    padding: 7px 0
}

.face_item .face.etc {
    background: url(/resource/img/img_face3.png) no-repeat;
    background-size: 40px
}

.face_item div {
    width: 100%
}

.face_item div .timing,
.face_item div .head,
.face_item div .writer {
    float: left
}

.face_item div .red,
.face_item div .blue,
.face_item div .price {
    float: right
}

.face_item div .timing strong {
    margin-right: 5px;
    color: var(--txt-g1000);
    font-weight: normal
}

.face_item div .price,
.face_item div .head {
    color: var(--txt-g1000)
}

.face_item div .red {
    color: var(--color-navy)
}

.face_item div .head {
    font-size: 18px
}

.face_item div .price .bank {
    display: block;
    color: #3b5998;
    font-size: 13px;
    text-align: right
}

.face_item div .blue,
.face_item div .timing {
    font-size: 11px;
    color: #878079
}

.face_item div .writer {
    font-size: 11px;
    padding-left: 12px;
    background: url(/resource/img/bg/bg_writer.png) no-repeat left 5px;
    background-size: 9px
}

.face_item div .writer.no {
    background: none;
    padding-left: 0
}

.face_item div .price.take_cash {
    font-size: 14px
}

.face_item div .price.take_cash strong {
    font-size: 19px
}

.face_item.noface div .timing {
    color: #454d5b
}

.face_item.noface .detail .btn {
    width: 100%
}

.face_item.big .more .more_menu {
    width: 200px
}

.face_item.noface>a {
    padding: 20px
}

.face_item.noface>.btns {
    display: none;
    position: relative;
    margin-top: -10px;
    padding: 0 20px 20px 20px;
    z-index: 2
}

.face_item.noface.on>.btns {
    display: block
}

.face_item.noface>a+.btns.w100p {
    margin-top: 0
}

.face_item div .head.center {
    position: relative;
    top: -9px
}

.face_item div .price strong {
    font-weight: normal;
    color: var(--txt-g1000);
    font-size: 18px
}

.face_item div .price em {
    display: inline-block;
    padding-right: 10px;
    color: #222;
    font-size: 13px
}

.face_item div .price_wrap {
    float: right;
    width: auto
}

.face_item div .price_wrap .price {
    display: block;
    float: none;
    font-size: 13px
}

.face_item div .price_wrap .price em {
    padding-right: 25px;
    font-size: 11px
}

.face_item div .price_wrap .price strong {
    font-size: 18px;
    color: #222;
    letter-spacing: inherit
}

.face_item .detail {
    display: none;
    border-top: 1px solid var(--color-g300)
}

.face_item .detail .btns,
.face_list .face_item.face_item .btns,
.face_item .detail .btn {
    margin-top: 20px
}

.face_item .detail.pd>.fake_table:first-child {
    margin-top: 0
}

.face_item .detail .fake_table {
    border-bottom: 0
}

.face_item .detail .fake_table li {
    border-top: 0
}

.face_item .detail.pd_v .fake_table li {
    padding: 0
}

html.mobile .face_item div .head.center,
html.mobile .layer_body .face_line.favorite li .face_item div .head.center {
    top: -6px
}

/*
.face_item .detail .fake_table li + li{margin-top:20px}
.face_item .detail .fake_table + .btns{margin-top:20px} */

.face_item.on .detail {
    display: block;
    box-sizing: border-box
}

.face_item .nodata {
    display: block;
    text-align: center;
    padding: 30px 0;
    color: var(--txt-g1000);
    font-size: 18px
}

.face_item a div .timing {
    color: #979088;
    font-size: 11px
}

.face_x {
    position: absolute;
    right: 10px;
    top: 22px
}

.face_x img {
    width: 40px;
    height: auto;
    display: inline-block
}

.face_line li {
    border-top: 1px solid var(--color-g300);
    position: relative
}

.face_line li:first-child {
    border-top: none
}

.face_list li.item_etc {
    background: #8291a3;
    text-align: center;
    color: var(--color-w100);
    line-height: 32px;
    font-size: 11px
}

.face_list li.item_etc span {
    display: inline-block;
    background: url(/resource/img/bg/bg_arr_blue.png) left no-repeat;
    background-size: 11px;
    padding-left: 15px
}

.face_line.favorite {
    border-top: 1px solid #dce2ec;
    border-bottom: 1px solid #dce2ec
}

.face_line.favorite li {
    position: relative;
    width: 100%;
    padding: 25px 20px 25px 75px;
    box-sizing: border-box
}

.face_line.favorite li .face_item label {
    position: absolute;
    margin-top: -23px;
    left: 20px;
    top: 50%
}

.face_line.favorite li .face_item a {
    padding: 0px 0px 0px 30px
}

.face_line.favorite li .face_item .face {
    margin-left: -40px
}

.face_line .face_item .face i {
    font-size: 23px
}

.face_line .btn_checkbox span {
    min-height: 35px;
    background: url(/resource/img/bg/star_off.png) center center no-repeat;
    background-size: 20px auto
}

.face_line .btn_checkbox input:checked+span {
    background: url(/resource/img/bg/star_on.png) center center no-repeat;
    background-size: 20px auto
}

.face_line .face_item div .price strong {
    font-size: 18px
}

.list_charge {}

.list_charge li {
    border-bottom: 1px solid var(--color-g300);
    padding: 20px
}

.list_charge li div {
    margin-top: 3px
}

.list_charge li div .date,
.list_charge li div .head {
    float: left
}

.list_charge li div .blue,
.list_charge li div .price,
.list_charge li div .rate {
    float: right
}

.list_charge li div:after {
    content: '';
    display: block;
    clear: both
}

.list_charge li div .head {
    max-width: 60%;
    font-size: 18px;
    color: var(--txt-g1000)
}

.list_charge li div .date {
    font-size: 11px;
    color: var(--txt-g1000)
}

.list_charge li div .date em.time {
    display: inline-block;
    margin-left: 3px;
    color: #979088
}

.list_charge li div .blue {
    font-size: 11px
}

.list_charge li div .price span {
    display: block
}

.list_charge li div .price strong {
    font-size: 19px;
    font-weight: normal;
    color: var(--txt-g1000)
}

.list_charge li div .rate {
    color: var(--txt-g1000);
    font-size: 11px
}

.list_charge li div .rate em {
    text-decoration: line-through
}

.charge01 {
    padding: 0 20px 24px 20px
}

.charge01 p {
    margin-top: 20px;
    background: url(/resource/img/bg/bg_charge_pc.png) top right no-repeat;
    min-height: 60px
}

.charge01 p span {
    display: block;
    width: 75%
}

.charge01 em {
    display: block;
    color: #5F7289;
    font-size: 13px;
    margin-top: 7px
}

.charge01 a {
    width: 100%;
    margin-top: 10px
}

.charge02 {
    border-top: 1px solid var(--color-g300);
    padding: 0 20px 24px 20px
}

.charge02 span {
    display: block;
    margin-top: 20px
}

.charge02 a {
    width: 100%;
    margin-top: 10px
}

/* 링크 없이 상세내역 */

.datail_list {
    overflow: hidden
}

.datail_list li {
    position: relative;
    padding: 20px;
    border-top: none;
    border-left: 1px solid #e0e0e1;
    border-right: 1px solid #e0e0e1;
    border-bottom: 1px solid #e0e0e1
}

.datail_list li:first-child {
    border-top: 1px solid #e0e0e1
}

.datail_list li div {
    margin-top: 3px;
    font-size: 11px
}

.datail_list li div:first-child {
    margin-top: 0
}

.datail_list li div:after {
    content: '';
    display: block;
    clear: both
}

.datail_list li div .timing,
.datail_list li div .head {
    float: left
}

.datail_list li div .blue,
.datail_list li div .red,
.datail_list li div .price {
    float: right
}

.datail_list li div .head {
    /*max-width:65%;*/
    max-width: 54%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: #141823;
    font-weight: normal
}

/* 2017-08-09 : 320해상도 대응 */

.datail_list li div .head span {
    display: block;
    font-size: 11px
}

.datail_list li div .head em,
.datail_list li div .price {
    font-size: 13px
}

.datail_list li div .price strong {
    font-size: 19px;
    font-weight: normal
}

.datail_list li div .red {
    color: var(--color-navy)
}

.datail_list li div .black {
    color: var(--txt-g1000)
}

.datail_list li div [class^=btn_] {
    padding: 3px 12px;
    border-radius: 10px;
    height: 22px;
    font-size: 11px;
    text-align: center;
    box-sizing: border-box
}

.datail_list li div .btn_blue {
    border: 1px solid #0561aa;
    color: #0561aa
}

/* 중단일 경우*/

.datail_list li div .btn_red {
    border: 1px solid var(--color-navy);
    color: var(--color-navy)
}

/* 성공일 경우*/

.datail_list li div .btn_darkgray {
    border: 1px solid #454d5b;
    color: #454d5b
}

/* 설정일 경우*/

.datail_list li div .btn_gray {
    border: 1px solid #979088;
    color: #979088
}

/* 해지일 경우*/

.datail_list li div .btnBox {
    float: right;
    margin-top: 5px;
}

/* 2017-08-09 */

.datail_list li div .btnBox .btnCancel {
    color: #979088;
    text-decoration: underline;
}

/* 2017-08-09 */

.datail_list li div span,
.datail_list li span.btn {
    display: inline-block
}

.datail_list li span.btn>a.default.w100p {
    display: inline-block;
    padding: 0 10px;
    margin-left: 5px;
    min-width: 100px;
    line-height: 19px;
    height: 24px;
    font-size: 12px
}

.datail_list li .result {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -11px !important;
    text-align: right
}

.datail_list li .result.stop {
    margin-top: -18px !important
}

.datail_list li .result.stop p {
    margin-top: 8px
}

html.mobile .datail_list li div [class^=btn_] {
    padding: 4px 12px 3px
}

.list_basic {
    margin-top: 20px
}

.list_basic li {
    border-top: 1px solid var(--color-g300);
    padding: 20px
}

.list_basic li:first-child {
    border-top: none
}

.list_basic li h4,
.list_basic li .info_box {
    padding: 0
}

.list_basic li h4+p {
    margin: 15px 0 0 0
}

.list_basic li li {
    padding: 0;
    border: none
}

.list_line li {
    border-top: 1px solid var(--color-g300);
    padding: 20px 0px
}

.list_line li:first-child,
.list_line li li {
    border-top: none
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%
}

.table_type01,
.table_type02,
.table_type03,
.table_type04,
.table_type05,
.table_type06,
.table_type07 {
    margin-top: 15px;
    font-size: 14px;
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
}

.table_type01 {
    color: var(--txt-g1000);
}

/*FETASK-1782  color:#000; */

.table_type01 th,
.table_type01 td {
    padding: 9px 10px;
    font-weight: normal;
}

.table_type01 thead th {
    border-bottom: 1px solid var(--color-g300);
    font-weight: normal;
    text-align: center;
}

.table_type01 tbody td {
    border-top: 1px solid var(--color-g300);
    text-align: center;
}

.table_type01 tbody th {
    background: var(--color-g100);
    border-top: 1px solid var(--color-g300);
}

.table_type01 tbody td.big_input div {
    display: inline-block;
    margin-right: 3px;
}

.table_type01 tbody td.big_input div:first-child input {
    width: 100px;
}

.table_type01 tbody td.big_input div input {
    width: 160px;
}

.table_type01 tfoot th {
    border-top: 1px solid var(--color-g300);
}

.table_type01 tfoot td {
    font-weight: bold;
    padding: 7px 15px;
    border-top: 1px solid var(--color-g300);
    text-align: center;
}

.table_type01 td p {
    color: #979088;
    font-size: 11px;
    margin-bottom: 3px
}

.table_type01 td span {
    display: inline-block;
    margin-left: 2px;
    font-size: 11px
}

.table_type01 td.num {
    color: #0561aa;
    font-weight: bold
}

.table_type01 thead th span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.table_type01 label {
    margin: -5px 0;
}

.table_type01 .error td i {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/resource/img/bg/bg_error.png);
}

.table_type01 .error td {
    border-top: 0;
    background: var(--color-g100);
}

.table_type01.lon_style tbody td {
    padding: 9px 0
}

/* 20200326 사용페이지 없음 */

/* 2017-03-15 table style*/

/* 20200326 사용페이지 없음 */

.tb_sy01 {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
}

.tb_sy01 thead th {
    border-left: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
    background: #dfe5ef;
}

.tb_sy01 thead tr th:first-child {
    border-left: none;
}

.tb_sy01 tbody td {
    border-left: 1px solid var(--color-g300);
    padding: 9px 10px;
}

.tb_sy01 tbody th {
    border-top: 1px solid var(--color-g300);
    background: none
}

.tb_sy01 tbody tr td:first-child {
    border-left: none;
}

.tb_sy01 tbody tr.c_cell th,
.tb_sy01 tbody tr.c_cell td {
    background: #e9edf4;
}

.table_type02 {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
}

.table_type02 td,
.table_type02 th {
    padding: 9px 10px;
    border: 1px solid var(--color-g300);
    font-weight: normal;
}

.table_type02 tr th:first-child,
.table_type02 tr td:first-child {
    border-left: 0;
}

.table_type02 tr th:last-child,
.table_type02 tr td:last-child {
    border-right: 0;
}

.table_type02 thead th {
    background: var(--color-g100);
    color: var(--txt-g1000);
    text-align: center;
}

/*FETASK-1782 color:#454d5b;*/

.table_type02 tbody th {
    background: var(--color-g100);
    text-align: left;
}

.table_type02 thead+tbody th {
    background: var(--color-g100);
    text-align: center;
}

.table_type02 tbody th p.tbl_txt_type1 {
    margin-top: 8px;
    font-size: 13px;
    color: #5F7289
}

.table_type02 tbody td.red {
    color: var(--color-navy)
}

.table_type02 tbody td.blue {
    color: #3b5998
}

.table_type02.pdd {
    margin-top: 20px
}

.table_type02.pdd tbody th,
.table_type02.pdd tbody td {
    padding: 12px 20px
}

.table_type02 tbody tr.sum {
    font-weight: bold
}

.table_type02 tbody tr.sum th {
    color: var(--color-navy);
    font-weight: bold
}

.table_type03 th,
.table_type03 td {
    border-top: 1px solid var(--color-g300);
    padding: 9px 10px;
    color: var(--txt-g1000);
    vertical-align: top;
}

/*FETASK-1782 color:#000;*/

.table_type03 thead th {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

.table_type03 tbody th {
    font-weight: normal;
}

.table_type03 tbody tr:first-child th,
.table_type03 tbody tr:first-child td {
    border-top: 0 none;
}

.table_type03.va_m tbody td {
    vertical-align: middle;
}

.table_type03.v_center thead th {
    text-align: center !important
}

.table_type03.v_center thead th:first-child,
.table_type03.v_center tbody th:first-child {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.table_type03.v_center thead th:first-child {
    padding: 16px 0px 19px 0px
}

.table_type03.v_center td {
    text-align: center;
    vertical-align: middle !important
}

/*세로줄 있는 타입(수수료안내)*/

.table_type04 {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
}

.table_type04 td,
.table_type04 th {
    padding: 9px 10px;
    border: 1px solid var(--color-g300);
    font-weight: normal;
}

.table_type04 tr th:first-child,
.table_type04 tr td:first-child {
    border-left: 0;
}

.table_type04 tr th:last-child,
.table_type04 tr td:last-child {
    border-right: 0;
}

.table_type04 thead th {
    background: var(--color-g100);
    font-weight: normal;
    color: #454d5b;
}

.table_type04 tbody th {
    background: var(--color-g100);
    font-weight: normal;
    text-align: left;
}

.table_type04 thead+tbody th {
    background: var(--color-g100);
    text-align: center;
}

.table_type04 td.num {
    color: #0561aa;
    font-weight: bold;
}

.table_type04 .list_type_dot {
    margin-top: 0;
}

.table_type05 th,
.table_type05 td {
    border-top: 1px solid var(--color-g300);
    padding: 9px 10px;
    vertical-align: top;
    color: #000;
    font-weight: normal;
}

.table_type05 thead th {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
    font-weight: normal;
    text-align: center;
    color: #000;
    vertical-align: middle;
}

.table_type05 tbody th {
    text-align: left;
}

.table_type05 tbody td {
    text-align: left;
}

.table_type05.m tbody td {
    vertical-align: middle
}

/* 내용이 많은 테이블 (대량이체쪽) */

.table_type06 {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
    width: 100%;
}

.table_type06 td,
.table_type06 th {
    padding: 9px 10px;
    border: 1px solid var(--color-g300);
}

.table_type06 tr th:first-child,
.table_type06 tr td:first-child {
    border-left: 0;
}

.table_type06 tr th:last-child,
.table_type06 tr td:last-child {
    border-right: 0;
}

.table_type06 thead th {
    background: var(--color-g100);
    font-weight: normal;
    color: var(--txt-g1000);
}

/*FETASK-1782 color:#454d5b;*/

.table_type06 tbody th {
    background: var(--color-g100);
    font-weight: normal;
    text-align: left;
}

.table_type06 thead+tbody th {
    background: var(--color-g100);
    text-align: center;
}

.table_type06 tbody th.bg {
    border-right: 1px solid var(--color-g300);
    border-top: 1px solid var(--color-g300);
    font-weight: normal;
    background: var(--color-g100);
}

.table_type06 span.fs12 {
    font-size: 12px;
}

.table_type09 {
    margin-top: 15px;
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
}

.table_type09 th,
.table_type09 td {
    padding: 9px 10px;
    border-top: 1px solid var(--color-g300);
    font-weight: normal;
}

.table_type09 th {
    background-color: var(--color-g100);
    font-weight: normal;
    color: var(--txt-g1000)
}

.table_type09 td {
    border-left: 1px solid var(--color-g300);
}

.table_type09 tr:first-child th,
.table_type09 tr:first-child td {
    border-top: 0 none;
}

.table_type09 .tit {
    background-color: var(--color-g100);
    border-left: 1px solid var(--color-g300);
}

.boardCaption {
    margin: 12px 0 -4px 0;
    color: var(--txt-g700);
    text-align: right;
}

/* FETASK-1782 color:#9d9990;*/

/* table 신규디자인 */

/* 20200326 사용페이지 없음 */

.tbl01 {
    border-top: 1px solid #454d5b;
    border-bottom: 1px solid #454d5b;
    margin-top: 15px
}

.tbl01.end {
    margin-bottom: 30px
}

.tbl01 thead th {
    color: #454d5b;
    text-align: left;
    font-weight: normal;
    padding: 11px 15px 14px 0
}

.tbl01 thead th:first-child,
.tbl01 tbody td:first-child {
    padding-left: 20px
}

.tbl01 tbody td {
    border-top: 1px solid var(--color-g300);
    color: #141823;
    padding: 11px 15px 14px 0
}

/* 20200326 사용페이지 없음 */

.tbl02 {
    border-top: 1px solid #454d5b;
    border-bottom: 1px solid #454d5b;
    margin-top: 15px
}

.tbl02 thead th {
    color: #454d5b;
    text-align: center;
    font-weight: normal;
    padding: 11px 15px 14px 0;
    background: #f9f9f9
}

.tbl02 tbody td {
    border-top: 1px solid var(--color-g300);
    color: #141823;
    padding: 11px 15px 14px 0;
    text-align: center
}

.fake_table,
.fake_table li,
.fake_table li dl,
.fake_table li dt,
.fake_table li dd {
    width: 100%;
    box-sizing: border-box
}

.fake_table>li {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.fake_table li:first-child {
    margin-top: 0
}

.fake_table li dt {
    font-size: 14px;
    color: var(--txt-g700)/*font-weight:bold;*/
}

.fake_table li dt span.time {
    float: right;
    font-size: 13px;
    color: var(--color-navy)
}

.fake_table li dd {
    margin-top: 10px;
    font-size: 20px;
    color: var(--txt-g1000);
    /* letter-spacing:inherit;*/
}

/*FETASK-1782 color:#141823*/

.fake_table li dd>* {
    vertical-align: middle
}

.fake_table li dd>label {
    vertical-align: top
}

.fake_table li dd>label.input_only {
    vertical-align: middle
}

.fake_table li dd a,
.fake_table li dd label,
.fake_table li dd span {
    font-size: 16px
}

.fake_table li dd a,
.fake_table li dd a.default {
    font-size: 13px;
    /*line-height:23px;*/
}

/* 2016-11-21 라인하이트 절대 넣지 마세요. 필요한 부분에만 따로 넣으세요. 이거 하나땜에 모든 화면이 다 벌어져 보입니다. - 셀렉트박스까지 영향 갑니다. */

/*.fake_table li dd a.default{padding:10px 11px 10px}*/

.fake_table li dd a.default.w100p {
    padding: 10px 11px 10px
}

.fake_table li .btn_checkbox span {
    font-size: 14px
}

.fake_table li dd .customCm {
    font-size: 13px;
    letter-spacing: inherit;
    color: #5f7289
}

.fake_table li dd .customCm span.month,
.fake_table li dd .customCm span.day {
    color: var(--color-navy)
}

.fake_table li dd .customCm .linktext {
    margin: 10px 0 3px 0 !important;
}

.fake_table {
    margin-top: 10px
}

html.mobile .fake_table li dd a.default {
    font-size: 13px;
    vertical-align: top;
    padding-top: 11px;
    padding-bottom: 09px
}

html.mobile.android .fake_table li dd .input_wrap+a.default {
    margin-top: -1px
}

/* .fake_table li p{margin-top:10px} */

.fake_table li dd .term_btns>a,
.fake_table li dd .term_btns>a.default {
    padding: 6px 11px 7px
}

.fake_table:after,
.fake_table li:after,
.fake_table li dl:after,
.fake_table li dt:after,
.fake_table li dd:after {
    content: '';
    display: block;
    clear: both
}

.fake_table .fake_num dl:last-child {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-g300)
}

.fake_table .fake_num.nbd dl:last-child {
    margin-top: 10px;
    padding-top: 10px;
    border-top: none
}

.fake_table .fake_num.nbd dl:last-child.pdnone {
    margin-top: 0;
    padding-top: 0;
}

.pd_h .fake_table li {
    padding-left: 0;
    padding-right: 0
}

.pd>.fake_table:first-child,
.pd_v>.fake_table:first-child {
    margin-top: 0
}

.fake_table.non_vari li {
    margin-top: 8px
}

.fake_table.non_vari li:first-child {
    margin-top: 0;
    padding-top: 0;
    /*pjh수정 (위쪽간격이 넓음)*/
}

.fake_table.non_vari li dt {
    float: left;
    width: 100px;
    min-height: 20px;
    color: var(--txt-g700);
    word-break: keep-all;
    white-space: normal;
    padding: 0;
    text-align: left;
}

/*FETASK-1782 color:#878079*/

.fake_table.non_vari li dd {
    float: right;
    width: calc(100% - 119px);
    min-height: 20px;
    margin: 0;
    font-size: 14px;
    color: var(--txt-g1000);
    text-align: left;
}

/*FETASK-1782 color:#454d5b*/

.fake_table.non_vari li {
    padding-left: 20px
}

.fake_table.non_vari li dd .select_wrap a {
    padding: 10px
}

.fake_table.non_vari li dd a,
.fake_table.non_vari li dd a.default {
    padding: 6px 10px 7px;
    font-size: 13px
}

.fake_table.non_vari li dd a.btn_line {
    display: inline;
    padding: 0;
    font-size: 14px
}

.fake_table.non_vari li dd a.default.small {
    position: relative;
    top: -2px;
    padding: 3px 18px 5px;
    line-height: 17px
}

.fake_table.non_vari li dd .tooltip {
    top: -2px;
    margin-left: 5px
}

html.mobile .fake_table.non_vari li dd .tooltip {
    top: -4px
}

.fake_table.non_vari li dd .tooltip a {
    padding: 0
}

.fake_table.non_vari li dd .sideBtn {
    display: inline-block;
    margin-top: 5px;
}

/* 20180919 SR-537 */

.fake_table li dt .tooltip {
    top: 0
}

html.ios .fake_table li dt .tooltip {
    top: -2px
}

html.android .fake_table li dt .tooltip {
    top: -1px
}

.fake_table li dd .tooltip {
    top: 0
}

.fake_table.non_vari li dd em {
    vertical-align: top
}

.fake_table.nopd li {
    padding-left: 0
}

.detail .fake_table.non_vari li dt,
.detail .fake_table.non_vari li dd {
    font-size: 13px
}

html.ios .fake_table.non_vari li dd a.default.small {
    padding: 7px 18px
}

.fake_table.non_vari li dd a.btn_line.fs11 {
    position: relative;
    top: -1px;
    line-height: 1.3
}

.fake_table.non_vari li.toggle_li {
    border-top: 1px solid var(--color-g300)
}

.fake_table.non_vari li.toggle_li.tg_none a {
    background: none !important;
}

.fake_table.non_vari li.toggle_li.tg_none .next_detail {
    display: none !important;
}

.fake_table.non_vari li.toggle_li+.toggle_li {
    margin-top: 0
}

.fake_table.non_vari li.toggle_li a {
    display: block;
    padding: 15px 0;
    background: url(/resource/img/bg/bg_darr.png) no-repeat calc(100% + 20px) center;
    background-size: 50px
}

.fake_table.non_vari li.toggle_li .next_detail {
    display: none;
    padding-bottom: 15px
}

.fake_table.non_vari li.toggle_li .next_detail .title {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--color-g300);
    color: #0561aa
}

.fake_table.non_vari li.toggle_li .next_detail .fake_table.non_vari {
    padding-top: 15px;
    padding-bottom: 0;
    margin-top: 0
}

.fake_table.non_vari li.toggle_li .next_detail .fake_table.non_vari li {
    padding: 0
}

.fake_table.non_vari li.toggle_li .next_detail .title:first-child,
.fake_table.non_vari li.toggle_li .next_detail .fake_table.non_vari:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.fake_table li dd .fake_inner {
    background: #f3f3f3;
    padding: 10px 15px;
    font-size: 13px;
    margin: 5px 0
}

.fake_table li dd .fake_inner li {
    position: relative;
    padding: 3px 0;
    color: #454d5b;
    border-top: 0
}

.fake_table li dd .fake_inner span {
    display: inline-block;
    float: right;
    font-size: 13px;
    padding-right: 20px
}

.fake_table li dd .fake_inner a.btn_del {
    position: absolute;
    right: 0;
    top: 4px;
    padding: 0;
    background: url(/resource/img/btn/btn_input_x.png) no-repeat;
    background-size: 16px 16px;
    font-size: 0px
}

.pd_h .fake_table.non_vari li,
.pd .fake_table.non_vari li {
    padding-left: 0;
    padding-right: 0
}

.pd .fake_table>li {
    padding-left: 0;
    padding-right: 0
}

.fake_table.non_vari+.fake_table.non_vari {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid var(--color-g300)
}

.fake_table.non_vari:first-child {
    margin-top: 0
}

.fake_table.select_else {
    padding: 10px 0
}

/*Sort*/

.sorting {
    width: 100%;
    padding: 15px 0
}

.sorting label {
    float: left;
    width: 100px;
    margin: 4px 0px 0px 20px !important
}

.sorting label input {
    vertical-align: middle
}

.sorting div {
    float: right;
    width: 200px;
    margin-right: 20px
}

.sorting div.account strong {
    display: block;
    font-size: 13px;
    text-align: right;
    color: #141823;
    font-weight: normal
}

.sorting div.account span {
    color: var(--color-navy)
}

.sorting div.account em {
    color: #c7bbac
}

.sorting h4.title {
    padding: 0;
    float: right;
    margin-right: 20px;
    line-height: 35px
}

.sorting div .select_wrap {
    float: left;
    width: 48%;
    margin-right: 0
}

.sorting div .select_wrap:first-child {
    margin-right: 8px
}

/*Button*/

.bottom_btns,
.btns {
    margin-top: 20px;
    text-align: center;
    box-sizing: border-box
}

.btns>a.default {
    width: 100%
}

.mt20.mt10,
.btns.mt10 {
    margin-top: 10px
}

.right_btns {
    text-align: right;
    margin-top: 10px
}

.btns.w100p {
    width: 100%
}

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

.btns.w100p a {
    float: left;
    width: 49%
}

.btns.w100p a+a {
    margin-left: 2%
}

.btns.w100p.three a {
    width: 32%;
    min-width: auto;
    margin-left: 2%
}

.btns.w100p.three a:first-child {
    margin-left: 0
}

.btns_center {
    margin-top: 15px;
    text-align: center
}

.btns_center a.default {
    padding: 6px 30px 7px
}

.btns_txt {
    display: inline-block;
    color: #979088;
    line-height: 150%;
    border-bottom: 1px solid #979088;
    font-size: 11px;
    margin-top: 6px
}

.btns_txt+.btns_txt {
    margin-left: 20px
}

a.default {
    box-sizing: border-box;
    color: var(--color-navy);
    text-align: center;
    background: var(--color-g200);
    padding: 6px 11px 7px;
    font-size: 13px;
}

/*FETASK-1782  color:var(--color-w100);  background:#979088; */

/* display:inline-block;min-height:18px;padding:6px 11px 7px;font-size:13px;border:1px solid #979088;box-sizing:border-box;text-align:center;color:var(--color-w100);background:#979088 */

a.default.white {
    color: var(--txt-g700);
    background: var(--color-w100);
    border: 1px solid var(--color-g300)
}

/*FETASK-1782 color:#979088;*/

a.default.darkgray {
    /*border:1px solid #454d5b;*/
    color: var(--color-navy) !important;
    background: var(--color-g200)
}

a.default.transfer {
    border: 1px solid #3b5998;
    background: #3b5998
}

a.default.pink {
    border: 1px solid var(--color-navy);
    color: var(--color-w100) !important;
    background: var(--color-navy) !important
}

a.default.w100p {
    display: block;
    padding: 9px 0 11px;
    text-align: center;
    font-size: 13px
}

a.default.w100pro {
    display: block;
    padding: 9px 0 11px;
    text-align: center;
    font-size: 13px
}

a.default.w100p.white {
    display: block;
    text-align: center
}

a.default.large {
    padding: 14px 40px;
    font-size: 16px
}

a.default.small {
    padding: 3px 18px 4px;
    font-size: 11px !important
}

a.default.big {
    padding: 9px 11px 10px
}

a.default.download {
    padding-left: 33px;
    color: #979088;
    background: var(--color-w100) url(/resource/img/bg/bg_btn_download.gif) no-repeat left center
}

a.default.print {
    padding-left: 33px;
    color: #979088;
    background: var(--color-w100) url(/resource/img/bg/bg_btn_print.gif) no-repeat left center
}

a.default.darkblue {
    /*border:1px solid #8291a3;*/
    color: var(--color-navy) !important;
    background: var(--color-g200)
}

a.default.darkblue.disable {
    /*background:#f3f1ed !important;color:#d1c8bd !important;cursor:default;border:1px solid #f3f1ed*/
    color: var(--txt-g400)
}

@media screen and (max-width:699px) {
    a.default.mbW100 {
        width: 100%;
    }
}

a.disable {
    background: #f3f1ed !important;
    color: #d1c8bd;
    cursor: default;
    border: 1px solid #f3f1ed
}

.btns.three a {
    width: calc((100% - 10px) / 3)
}

html.mobile .btnPink a {
    padding: 11px 30px 9px
}

.btn_store.pcshow {
    margin-top: 20px
}

.btn_store.pcshow a {
    padding: 0 14px 0 37px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #979088;
    color: #979088;
    line-height: 36px
}

.btn_store.pcshow a:first-child {
    background: url(/resource/img/bg/bg_google.png) no-repeat 13px center
}

.btn_store.pcshow a:last-child {
    background: url(/resource/img/bg/bg_apple.png) no-repeat 13px center
}

.btn_appstore a {
    padding: 0 14px 0 37px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #ededee;
    color: #979088;
    line-height: 39px;
    letter-spacing: 0;
}

.btn_appstore a:first-child {
    background: url(/resource/img/bg/bg_google.png) no-repeat 13px center
}

.btn_appstore a:last-child {
    background: url(/resource/img/bg/bg_apple.png) no-repeat 13px center
}

.table_top_btns {
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: right
}

/* 테이블위 버튼 */

.table_btm_btns {
    margin-top: 10px;
    text-align: right
}

/* 테이블아래 버튼 */

.btn_line {
    color: var(--txt-g700);
    line-height: 1.6;
    border-bottom: 1px solid var(--color-g700);
    margin-top: 15px
}

/* 텍스트라인 버튼 */

.btn_linetxt {
    display: inline;
    color: var(--txt-g1000);
    line-height: 1.4;
    border-bottom: 1px solid var(--color-g1000)
}

/* 텍스트 중간에 링크버튼 */

/*FETASK-1782 color:#3b5998*/

.btn_link {
    color: #454d5b;
    line-height: 1.3
}

.btn_link:hover,
.btn_link:focus {
    color: var(--color-navy);
    border-bottom: 1px solid var(--color-navy)
}

.btn_pdf {
    display: inline-block;
    margin-left: 5px;
    background: url(/resource/img/btn/btn_pdf.gif) no-repeat;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    font-size: 1px;
    color: initial !important;
    line-height: 0;
    text-indent: 5px;
    overflow: hidden;
    vertical-align: middle;
    background-size: 22px 24px
}

/*약관리스트 PDF다운로드 버튼 */

/* FETASK-접근성-v4.0 : outline color 수정 */

@media screen and (max-width:699px) {
    .btn_pdf {
        background: url(/resource/img/btn/btn_pdf_m.gif) no-repeat;
        background-size: 24px
    }
    .charge01 p {
        background: url(/resource/img/bg/bg_charge_pc.png) top right no-repeat;
        background-size: 59px auto
    }
    .btnPink {
        padding: 20px
    }
    /* 플로팅 되지 않는 버튼 */
    .btnPink a {
        width: 100%;
        box-sizing: border-box
    }
    .fake_table .fake_num.nbd dl:last-child.pdnone {
        margin-top: 10px;
        padding-top: 10px;
    }
}

input[type="button"].default {
    display: inline-block;
    padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #979088;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-w100);
    background: #979088
}

input[type="button"].default.white {
    color: #979088;
    background: var(--color-w100)
}

input[type="button"].default.darkblue {
    border: 1px solid #8291a3;
    background: #8291a3
}

input[type="button"].default.transfer {
    border: 1px solid #3b5998;
    background: #3b5998
}

input[type="button"].default.pink {
    /*border:1px solid var(--color-navy);*/
    background: var(--color-navy)
}

input[type="button"].default.w100p {
    display: block;
    padding: 10px 0;
    text-align: center
}

input[type="button"].default.w100p.white {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #979088
}

input[type="button"].default.large {
    padding: 14px 40px;
    font-size: 16px
}

input[type="button"].term_btns a {
    /*width:56px;*/
    padding: 8px 10px;
    border: 1px solid #b1a9a0;
    text-align: center;
    color: #b1a9a0;
    background: var(--color-w100)
}

input[type="button"].term_btns a.on {
    color: var(--color-w100);
    background: #b1a9a0
}

@media screen and (min-width:699px) {
    a.default,
    a.default.w100p,
    a.default.w100p.white {
        width: auto
    }
    a.default.large {
        padding: 13px 40px 15px
    }
    input[type="button"].default {
        padding: 7px 10px 9px
    }
    input[type="button"].default.w100p,
    input[type="button"].default.w100p.white {
        padding: 9px 0 11px
    }
    input[type="button"].default.large {
        padding: 13px 40px 15px
    }
    a.default,
    .btns a.w100p,
    .bottom_btns>a.default,
    .btns a.default {
        width: auto
    }
    .btns.w100p a {
        float: left;
        width: auto;
        min-width: 120px
    }
    .btns.w100p a+a {
        margin-left: 4px
    }
    a.default.w100p,
    .btns a.w100p {
        display: inline-block;
        min-width: 120px
    }
    a.default.w100p {
        padding-left: 20px;
        padding-right: 20px
    }
    .btns,
    .bottom_btns {
        text-align: left
    }
    .pcbtnR {
        text-align: right
    }
    .card_type01.btn>.btns.w100p a {
        width: 49%
    }
    .card_type01.btn>.btns.w100p a+a {
        margin-left: 2%
    }
    .inbox>.cont_title,
    .inbox>.txt_title {
        padding-left: 0;
        padding-right: 0
    }
    .right_btns {
        margin-bottom: 10px
    }
    .fake_table.non_vari li.toggle_li a {
        background: url(/resource/img/bg/bg_darr.png) no-repeat right center;
        background-size: 50px
    }
    .layer_body .fake_table.non_vari li.toggle_li a {
        background: url(/resource/img/bg/bg_darr.png) no-repeat right -20px center;
        background-size: 50px
    }
    .rb_step li {
        font-size: 13px
    }
    .pd>.fake_table:first-child,
    .pd_v>.fake_table:first-child {
        margin-top: 19px
    }
    .list_charge li {
        border: 1px solid #e0e0e1
    }
    .list_charge li+li {
        margin-top: 10px
    }
    .list_line li {
        padding: 0;
        border-top: 0;
        margin-bottom: 20px
    }
    .charge01 {
        padding: 0;
        margin-bottom: 20px
    }
    .charge01 p {
        background-size: 78px auto;
        min-height: 70px
    }
    .charge02 {
        padding: 0;
        border-top: 0
    }
    .tbl01 {
        border-bottom: 1px solid var(--color-g300)
    }
    .tbl01 thead th:first-child,
    .tbl01 tbody td:first-child {
        padding-left: 0px
    }
    .tbl01 thead th,
    .tbl01 tbody td {
        padding: 16px 0 19px 0
    }
}

/*PDF 다운로드*/

.inbox.pdf,
.pdf {
    padding: 20px
}

.inbox.pdf p,
.pdf p {
    margin-bottom: 10px
}

/*Layer Popup*/

/* .formLocation {
    position:absolute;
    width: 100%;
    height: 100%;
}
.layer_wrap {
	display:block; 
	position:fixed; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	z-index:9002;
}

.layer_cont {
	display:none;
    position:fixed;
    right:initial;
    left:18px;
    right:18px;
    top:50%;
	margin:0 !important;
	padding-top:40px; 
	box-sizing:border-box; 
	background:var(--color-w100); 
	letter-spacing:inherit; 
	border-radius:4px;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    transform:translate(0, -50%);
}

.layer_cont.full {
	position:relative; 
	left:initial; 
	right:initial; 
	border-radius:0; 
	overflow:hidden;
    height:100vh;
    top:0;
    bottom:0;
    -webkit-transform:initial;
    -ms-transform:initial;
    -moz-transform:initial;
    -o-transform:initial;
    transform:initial;
}

.pageBlockDiv {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.2;
    cursor:default;
    
} */

/* @media screen and (max-width:698px) {
    .layer_cont.half {
        min-height: 150px;
        right: 0;
        left: 0;
        top: initial;
        bottom: 0;
        border-radius: 0;
        -webkit-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        -o-transform: translate(0, 0%);
        transform: translate(0, 0%);

    }

    .layer_cont.half .layer_body {
        padding: 0px 30px 30px 30px;
        height: initial !important;
        background: var(--color-w100);
    }

    .layer_cont.half .layer_foot > a, 
    .layer_cont.half .layer_foot > .more_wrap > a {
        height: 54px;
        padding: 16px 0;
        font-size: 18px;
        border-radius: 0;
    }
}

@media screen and (min-width:699px) {
    .layer_cont,
    .layer_cont.full { 
        left:50%;
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
    }
    

    .layer_cont {
        width:480px !important;;
    }

    .layer_cont.full {
        top:50% !important;;
        height:650px !important;;
    }

}
.layer_cont.layer_type01 {padding-top:0}

.layer_top,
.layer_top2 {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; margin:0 0 20px 0; min-height:20px; background:var(--color-w100); border-radius:4px; text-align:center;}
.layer_top h2,
.layer_top2 h2 {display:block; height:50px; line-height:50px; padding:0 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; font-weight:normal;font-size:18px}
.layer_top h2.txtHide,
.layer_top2 h2.txtHide {width:0; height:0; min-width:0; min-height:0;}
 */

/* .layer_body {padding:0px 28px 40px 28px; overflow:hidden;overflow-y:auto;position:relative;box-sizing:border-box;}
.layer_cont.alert .layer_body {display:flex; -webkit-display:flex; flex-direction:column; -webkit-flex-direction:column; align-items:center; justify-content:center; font-size:18px; text-align:center; padding:0 28px 40px 28px; }
.layer_cont.alert .layer_body strong {display:inline-table;}
.layer_cont .layer_body.accReportMsg {display:flex; -webkit-display:flex; flex-direction:column; -webkit-flex-direction:column; justify-content:center;  padding:0 28px 40px 28px;} */

/* .layer_cont > 
.layer_body strong {font-weight:normal}
.layer_body .inbox{border-bottom:0;box-shadow:none;height: initial; font-size:14px;}
.layer_body .line_box{margin:10px 0 40px 0}
.layer_body .line_box .input_wrap{width:auto;vertical-align:top;}
.layer_body .inbox_pop{display:inline-block;position:relative;width:100%;padding-top:15px;border-top:1px solid var(--color-g300);box-shadow:inset 0px 5px 0 #e9e9e7;box-sizing:border-box;background:var(--color-w100)}
.layer_body .inbox_pop .cont_title{margin:0 0 10px 20px;padding:0}
.layer_body .inbox_pop .cont_title a{float:right;font-size:12px;color:#5F7289;font-weight:normal;padding-right:10px;margin-top:4px} */

/* .layer_body h3{font-size:18px;color:#141823;padding:20px 0 15px 0}
.layer_body h3.line{padding:20px 0 0 0; border-top:1px solid var(--color-g300)}
.layer_body .inbox h3{padding-top:0} */

/* .layer_body .top_msg{color:#141823;padding:0 20px 10px 0}
.layer_body .info_msg{margin-top:30px}
.layer_body > *:first-child{margin-top:0 !important}
.layer_body > .info_box:first-child,
.layer_body > .quickUserCheck:first-child {margin-top:20px !important}
.layer_body p.info{ font-size:25px;color:#141823;line-height:36px;letter-spacing:inherit}
.layer_body p.msg01{font-size:18px;color:#141823}
.layer_body p.msg02{font-size:14px;color:#454d5b}
.layer_body p.msg03{font-size:16px;color:#454d5b;padding:20px} */

/* .layer_body .info_txt{margin-top:15px;color:#979088;font-size:11px}
.layer_body .info_txt strong{display:block;margin-bottom:7px}
.layer_body.pd0{padding:0}
.layer_body.pd0 .inboxPC{padding:0 20px}
.layer_body.height_auto{height:auto !important}
html.mobile .layer_body .agree_check ul{border-bottom:1px solid var(--color-g300)}

.layer_body .list_type_dot{margin-top:0; text-align:left;}
.layer_body .list_type_dot .no_dot{background:none;margin-top:15px;} */

/* .layer_cont .list_info strong{display:block;font-size:16px;font-weight:normal;color:#141823;padding:20px}
.layer_cont .list_info p{padding:0 20px;margin-bottom: 15px}
.layer_cont .list_info p span{color:#0055a2}

.layer_cont .list_info li{text-align: center;line-height:50px;color:#141823;border-top:1px solid var(--color-g300)}
.layer_cont .list_info a.btn_gray{display:block;width:100%;background:#3c4451;line-height:50px;color:var(--color-w100);text-align:center} */

/* .layer_body .face_item{margin-top:10px}
.layer_body .face_item:first-child{margin-top:0}
.layer_body .face_item > a{padding:0 0 0 50px}
.layer_body .face_item a .face{left:0}
.layer_body .face_line{border:none;border-bottom:1px solid var(--color-g300)}
.layer_body .face_line li{padding:20px}
.layer_body .face_line.favorite li{padding:10px 20px}
.layer_body .face_line.favorite li .face_item .face{margin-left:30px}
.layer_body .face_line.favorite li .face_item div .head.center{top:-10px;left:48px}
.layer_body .face_list.box_no{margin-top:0;border:none}
.layer_body .face_list.box_no li .face_item.list_type01{padding:0px}
.layer_body .face_list .face_item.list_type01{padding:15px 20px 15px 0px} */

/* .layer_body .info_wrap01.face .face_item .face{left:20px;top:50px}
.layer_body .info_wrap01.face .face_item .timing,
.layer_body .info_wrap01.face .face_item .head{padding-left:50px}
.layer_body .inbox > .face_item{margin:10px 0 20px 0}

.layer_body .table_h01{border-top:0}
.layer_body .table_h01 li:last-child{border-bottom:1px solid var(--color-g300)}

.layer_body .fake_table{margin-top:14px; color:#5f7289; letter-spacing:inherit}
.layer_body .fake_table li{padding:10px 0}
.layer_body .fake_table li dt {width:auto;margin-top:15px; font-size:15px;}
.layer_body.pd0 .fake_table li dt{margin-top:0}
h3.cont_title + .fake_table{margin-top:5px}

.layer_body .fake_table.pop li dt{font-size:18px;color:#141823;font-weight:bold}
.layer_body .fake_table .input_info{margin:10px 0}
.layer_body .fake_table .amount{margin-bottom:10px}

.layer_body .table_list02.detail,
.layer_body .table_list02.detail li,
.layer_body .table_list02.detail li a{padding:0}
.layer_body .table_list02.detail li:last-child{border-bottom:0} */

/* .layer_cont.full {padding-top:0;}
.layerCont {width:100%; box-sizing:border-box;} */

/* .layer_cont.full.layerCom .layer_top2.imsi {
	padding: 13px 18px 12px;
} */

/* .layer_cont.full.layerCom .layer_top2 {
	margin:0;
}

.layer_cont.full.layerCom .layer_top2 h2 {
    color: #000000;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
} */

/* .layer_cont.full .layer_body .table_list02.more{margin-top:10px;border-top:1px solid var(--color-g300);border-bottom:1px solid var(--color-g300)}
.layer_cont.full .layer_body .table_list02.more li{position:relative;}
.layer_cont.full .layer_body .table_list02.more .more_menu,
.layer_cont.full .layer_body .face_item.more .more_menu{left:50%;top:50%;width:280px;margin-top:-90px;margin-left:-140px;}
.layer_cont.full .layer_body .table_list02.more .more_menu a{text-align:center;} */

/* 20180821 SR-497 */

.more_listItem .more_menu {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 280px;
    margin-top: -90px;
    margin-left: -140px;
}

.more_listItem .more_menu a {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    font-size: 14px;
    text-align: center;
}

.more_listItem .more_menu .bottom_btn {
    background: #454d5b
}

.more_listItem .more_menu .bottom_btn a {
    color: var(--color-w100);
    text-align: center;
    padding: 10px
}

.dim_more {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
    /* IE6-9 */
}

/* //20180821 SR-497 */

/* .layer_body .table_list02.more li a{padding:20px}
.layer_body .table_list02.more li:last-child{padding-bottom:0;border-bottom:0}
.layer_body .table_list02.more .more_menu li a{padding:15px} */

/* .layer_body .table_type06 tbody td:last-child{border-right:0} */

/* .layer_body .face_item{border:0} */

/* .layer_body .inbox_pop .face_item{border-top:1px solid var(--color-g300)}
.layer_body .inbox_pop .face_item.more .more_menu ul li a{padding:15px;text-align:center;}
.layer_body .inbox_pop .face_item.more .more_menu a{display:block;text-align:center;box-sizing:border-box;}
.layer_body .inbox_pop .face_item .face{left:20px}
.layer_body .inbox_pop .face_item a{padding:20px 20px 20px 70px} */

/* .layer_body .table_list02{margin:0;border-top:1px solid var(--color-g300)}
.layer_body .table_list02 li:last-child{border-bottom:1px solid var(--color-g300)}

.layer_body .pop_ft{font-size: 16px;text-align:left}
.layer_body .pd_h .table_list02 li a{padding-left:0;padding-right:0}
.layer_body .cont_tem_wrap .tem_cont{background-color:var(--color-w100)}

.layer_body .search_menu{background:var(--color-w100)}
.layer_body .search_menu li{border-top:1px solid var(--color-g300);text-align:center;font-size:16px;color:#141823;font-weight:bold}
.layer_cont.list .layer_body .search_menu li a{padding:14px 0}
.layer_body .search_menu li:first-child{border-top:0}
.layer_body .inbox > .cont_title{margin:20px 0 0 0;padding-top:0;}
.layer_body .inbox > .cont_title:first-child,
.layer_body .inboxPC > .cont_title:first-child{margin-top:0;padding-top:0}
.layer_body .info_box > .cont_title{margin:0}
.layer_body .inbox.pd0 .cont_title{margin:10px 0 0 20px}
.layer_body .list_more{padding:26px 0 19px}
.layer_body a.rad_btn{right:0;top:-15px}
.layer_body.pd0 .inboxPC .fake_table .calender_btn{width:auto}
.layer_body.pd0 .inboxPC .fake_table .calender_btn input{width:110px} */

/* .layer_body .list_product.box_type{border-top:1px solid var(--color-g300);border-bottom:1px solid var(--color-g300);margin-top:0}
.layer_body .list_product.box_type a{padding:20px}
.layer_body .list_product.box_type li:first-child{border-top:0}
.layer_body .list_product.box_type li:last-child{margin-bottom:0}

.layer_body .total_detail{position:relative;padding:27px 20px 0 20px}
.layer_body .total_detail strong{display:block;padding-bottom:5px;font-size:20px;color:#141823;font-weight:normal}
.layer_body .total_detail strong em{font-size:13px}
.layer_body .total_detail span{display:block;font-size:13px;color:#3b5998;margin-bottom:4px}
.layer_body .total_detail p{display:block;font-size:11px;color:#5F7289;margin-top:3px}
.layer_body .total_detail .rate{position:absolute;right:20px;top:65%;margin-top:-24px}
.layer_body .total_detail .rate em{font-size:14px;color:var(--color-navy)}
.layer_body .total_detail .rate strong{font-size:32px;color:var(--color-navy);display:inline-block;margin:0 3px;font-weight:normal}
.layer_body .total_detail .rate span{display:inline;font-size:18px;color:var(--color-navy)}
.layer_body .total_detail + .fake_table.non_vari{margin-top:20px}
.layer_body .total_detail + .table_top_btns{margin-top:20px;margin-bottom:0;border-top:1px solid var(--color-g300)} */

/* 
.layer_cont.full .layer_body .total_detail + .table_top_btns + .fake_table{margin-top:10px}
.layer_cont.full .list_dropdown.roc_confirm .list_type_dot,
.layer_cont.full .smart_easy{padding-left:0px;padding-right:0px}
.layer_cont.full .list_dropdown.roc_confirm .agree_all h4{padding:0 0 20px 0}
.layer_cont.full .list_dropdown.roc_confirm .fake_table{padding:0}
html.mobile .layer_cont.full .agree_check li .btn_checkbox{left:0}
.layer_cont.full .list_dropdown.roc_confirm .agree_check li a{padding-left:27px}
.layer_cont.full .list_dropdown.roc_confirm .btns{padding:0}
.layer_cont.full .agree_check.mob_bdb1 li .btn_checkbox{left:20px} */

/* .layer_body .list_choice{margin-top:0}
.layer_body .list_choice .agree_all.agree_all ul{display:none} */

/*Mini K 마이너스 통장 FPMLON0300000212V*/

/* .layer_body .minik{padding:10px 20px 30px 20px}
.layer_body .minik h3{text-align:center}
.layer_body .miniBox{border:1px solid #e7ced2;border-bottom:0;background:#fadfe3;padding:25px 30px 30px 30px}
.layer_body .miniBox strong{font-size:24px;display:block;text-align:center;margin-bottom:25px;color:#141823;letter-spacing:inherit}
.layer_body .miniBox strong span{display:block;font-size:20px;font-weight:normal}
.layer_body .miniBox strong em{color:#3b5998;letter-spacing:inherit}
.layer_body .miniBox ul{display:table;width:100%}
.layer_body .miniBox li{display:table-cell;border-left:1px solid #e7ced2;text-align:center;padding-top:75px}
.layer_body .miniBox li:nth-child(1){width:30%;border-left:none;background:url(/resource/img/bg/bg_minik01.png) top center no-repeat;background-size:auto 70px}
.layer_body .miniBox li:nth-child(2){width:40%;background:url(/resource/img/bg/bg_minik02.png) top center no-repeat;background-size:auto 70px}
.layer_body .miniBox li:nth-child(3){width:30%;background:url(/resource/img/bg/bg_minik03.png) top center no-repeat;background-size:auto 70px}

.layer_body .miniBox li p{margin:10px auto;margin-bottom:5px;width:55px;line-height:20px;border:1px solid var(--color-navy);background:var(--color-w100);border-radius:20px;text-align:center;color:var(--color-navy);font-size:13px}
.layer_body .miniBox li strong{color:var(--color-navy);font-size:30px;margin-bottom:5px;letter-spacing:inherit}
.layer_body .miniBox li strong em{display:inline-block;margin:0px 2px;font-size:16px;font-weight:normal;color:var(--color-navy);vertical-align:middle}
.layer_body .miniBox li span{display:block;margin:0px auto; text-align:center;font-size:13px;width:70%}
.layer_body a.mini_link{display:block;background:#454d5b url(/resource/img/btn/btn_arrow.png) calc(100% - 20px) 20px no-repeat;background-size:33px auto;color:var(--color-w100);padding:20px 70px 20px 20px}
.layer_body .minik_txt{margin:20px auto;text-align:center;color:#5F7289;width:65%}
.layer_body .minik_txt span{color:#0561aa}

.layer_body .layer_table{margin-top:15px;border-top:1px solid #000;border-bottom:1px solid #000;font-size:14px;color:#000;}
.layer_body .layer_table th,
.layer_body .layer_table td{padding:9px 10px;font-weight:normal;}
.layer_body .layer_table thead th{border-bottom:1px solid #000;text-align:left;vertical-align:middle;}
.layer_body .layer_table tbody th,
.layer_body .layer_table tbody td{border-top:1px solid var(--color-g300);text-align:left;vertical-align:top;}
.layer_body .layer_table.fontModify th,
.layer_body .layer_table.fontModify td{font-size:12px !important;}
 */

/* .layer_cont.alert {text-align:center;}
.layer_cont.alert .layer_top{display:none;}
.layer_cont.alert .layer_body{padding:45px 10px 40px;}
.layer_cont.alert .strong{margin-bottom:0;font-size:16px;font-weight:normal;} */

/* top title area on layer is visible */

/* 2017-12-12 added */

/* .layer_cont.alertHasTop{text-align:center;}
.layer_cont.alertHasTop .layer_body{padding-left:10px; padding-right:10px;}
.layer_cont.alertHasTop .strong{margin-bottom:0;font-size:16px;font-weight:normal;} */

/* .layer_cont.full .layer_top,
.layer_cont.full .layer_top2 {border:0; align-items:center; height:50px; margin:0;}

.layer_cont.full .layer_body {display:block; text-align:left; padding:0px; overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-transform : translateZ(0px); -webkit-transform : translate3d(0,0,0);-webkit-perspective:1000; }
.layer_cont.full .layer_body .inbox{padding:20px 20px 30px}
.layer_cont.full .layer_body .inboxPC{padding:0px 20px}
.layer_cont.full .layer_body .inbox p.info, .layer_cont.full .layer_body .inbox p.mt30{padding-left:40px;padding-right:40px}
.layer_cont.full .layer_body .inbox .info{padding-top:60px}
.layer_cont.full .layer_body .inbox p.subblack.mt30{padding-left:0}
.layer_cont.full .layer_body .info_box{padding:16px 20px 0 20px}
.layer_cont.full .layer_body .info_box.type1 {margin:0 -20px; padding:0 20px;}
.layer_cont.full .layer_body > div.saving_head.small{padding:13px 20px 14px 20px}
.layer_cont.full .layer_body .info_wrap{padding-top:60px}
.layer_cont.full .layer_body .inbox.info_wrap01{padding:20px}
.layer_cont.full .layer_body .info_wrap02{padding:0px 20px 33px 20px}
.layer_cont.full .layer_body .info_wrap03{padding:0px 20px}
.layer_cont.full .layer_body .inbox.info_wrap01 .fake_table.non_vari li ,
.layer_cont.full .layer_body .inbox.info_wrap01 .fake_table li,
.layer_cont.full .layer_body .inbox.info_wrap .fake_table.non_vari li,
.layer_cont.full .layer_body .inbox.info_wrap .fake_table li{padding-left:0;padding-right:0}
.layer_cont.full .layer_body .inbox.info_wrap01 > p{padding-top:20px}
.layer_cont.full .layer_body .info_wrap02 > h3:first-child{padding-top:0}
.layer_cont.full .layer_body .info_wrap02 .list_record.view_tpye.process li{position:relative;left:-20px;width:100%}
.layer_cont.full .layer_body .info_wrap02 .list_record.view_tpye.process li .list_type_dot{margin-left:20px}


.layer_cont.full .layer_body .fake_table li{padding:0px 0}
.layer_cont.full .layer_body .inbox .fake_table li dd{width:100%}
.layer_cont.full .layer_body .inbox .fake_table li dd .list_bottom dl dd{float:right;width: calc(100% - 100px);font-size:13px;margin:0 0 7px;padding:0;height:14px;color:#968f87}
.layer_cont.full .layer_body .inbox .fake_table.non_vari li dt{word-break:break-all}
.layer_cont.full .layer_body .inbox .fake_table.non_vari li dd{width:calc(100% - 130px)}
.layer_cont.full .layer_body .inbox .fake_table.non_vari li dd span{font-size:14px;line-height:22px}
.layer_cont.full .layer_body .fake_table.non_vari li dd, .layer_body .fake_table.non_vari li dt{margin-top:0}
.layer_cont.full .layer_body .inbox .fake_table li dd .list_bottom dl dd{margin:0}
.layer_cont.full .layer_body .card_type01{margin-bottom:20px}
.layer_cont.full .layer_body .card_type01 a[class!="default"]{padding:0;margin:0}

/*카드상세 팝업
.layer_cont.full .layer_body.pop_card_detail .inbox{padding:0;margin-top:5px;border-bottom: 1px solid var(--color-g300);box-shadow:0px 5px 5px #e9e9e7;}
.layer_cont.full .layer_body.pop_card_detail .inbox.pd{padding:20px 20px 40px;}
.layer_cont.full .layer_body.pop_card_detail .inbox .product_detail{padding:0 20px 30px;}
.layer_cont.full .layer_body.pop_card_detail .inbox .product_detail>li:first-child{margin-top:0;}
.layer_cont.full .layer_body .card_product.detail{padding:22px 20px;}
.layer_cont.full .layer_body .inbox + .pc_show{padding:0}
.layer_cont.full .layer_body .inbox + .mob_show{padding:0}
.layer_cont.full .layer_body .inbox .pc_show + .inbox{padding:0}
.layer_cont.full .layer_body .card_product.detail div.share{top:10px;right:0}
.layer_cont.full .layer_body .product_benefit{height:auto;margin-top:10px}



.layer_cont.full .layer_body .layer_info{background:#f3f1ed;padding:20px}
.layer_cont.full .layer_body .search_result{border-bottom:1px solid #e0e0e1;padding:30px 0px 10px;font-size:14px}
.layer_cont.full .layer_body .search_result span{color:#0561aa}
.layer_cont.full .layer_body .search_result em{display:inline-block;float:right;color:#979088}
.layer_cont.full .layer_body p.search_nodata{text-align:center;padding:30px 0;color:#141823;border-bottom:1px solid var(--color-g300)}
.layer_cont.full .layer_body .info_wrap02 .cont_title{padding-left:0}
.layer_cont.full .layer_body .info_wrap02 .list_more{padding:30px;border-bottom:1px solid var(--color-g300)}
.layer_cont.full .layer_body .info_wrap02 .list_dropdown{border-top:0}
.layer_cont.full .infoTxt{font-size:13px;color:#5F7289;margin:20px 0 30px 0}

.layer_cont.full .layer_body .list_dropdown.ico_qa dt{background:url(/resource/img/icon/ico_question.png) no-repeat 0px center;background-size:24px}
.layer_cont.full .layer_body .list_dropdown.ico_qa dt button{padding-left:33px;font-size:16px}
.layer_cont.full .layer_body .list_dropdown.ico_qa dt.on button{background:url(/resource/img/bg/bg_uarr.png) no-repeat right center;background-size:50px}
.layer_cont.full .layer_body .list_dropdown.ico_qa dt button strong{font-weight:normal; color:#0561aa}
.layer_cont.full .layer_body .list_dropdown.ico_qa dd.answer{padding:0px 20px 20px 35px;background:url(/resource/img/icon/ico_answer.png) no-repeat 0px 2px;background-size:24px}
.layer_cont.full .layer_body .list_dropdown.ico_qa dd.answer div{padding-left:0px}
.layer_cont.full .layer_body .list_dropdown.ico_qa dd.answer div > *{margin:0;padding:0}
.layer_cont.full .layer_body .list_dropdown.ico_qa dd.answer a.default.w100p{margin-top:15px}

.layer_cont.full .layer_body div.inbox.pd{padding-top: 0;margin: 0}
.layer_cont.full .layer_body .complete_msg{border:none;padding:0;text-align:left;}
.layer_cont.full .layer_body .info_wrap01.pb0 .table_top_btns{display: block}
.layer_cont.full .layer_body .inbox p.mt30{padding:0px 20px}
.layer_cont.full .layer_body .inbox p.info{padding:55px 20px}
.layer_cont.full .inbox .bottom_btns{text-align:left}
.layer_cont.full .table_list02{border:0;margin-top:0}
.layer_cont.full .rgroup_list li:first-child{margin-top:0}


/*상품 상세 팝업 
.layer_cont.full .layer_body .inner_box.prodetail{padding:0 0 20px 0;margin-top:0}
.layer_cont.full .layer_body .inbox + .inbox > .tab_type01{margin-top:-50px}
.layer_cont.full .layer_body .inbox .product_detail, .layer_cont.full .layer_body .inbox .product_terms{padding:0}
.layer_cont.full .layer_body .inbox .product_dot{margin-bottom:20px}

.layer_cont.full .layer_x {top:13px;right:16px;}


.layer_cont.full .info_wrap01.pb0 .table_top_btns{display:none}
.layer_cont.full .layer_foot{position:fixed;bottom:0;z-index:9000}

.layer_cont.full.kbankTalk .layer_body {
	display: -webkit-flex;
	display: flex;
} */

/* .layer_foot{width:100%;padding-bottom:40px;text-align:center}
.layer_foot:after{content:'';display:block;clear:both}
.layer_cont.full.kbankTalk .layer_footy {position:fixed;}

.layer_foot > button,
.layer_foot > a {float:none; display:inline-block; width:auto; height:48px; padding:15px 25px 15px; line-height:1; min-width:180px; text-align:center; box-sizing:border-box; color:var(--color-w100); background:var(--color-navy); font-size:16px; border:0}
.layer_foot > a:hover, .layer_foot a:focus{background:var(--color-navy)}
.layer_foot > a:first-child{background:#8b9aad;}
.layer_foot > a:first-child:hover, .layer_foot.a:first-child:focus{background:#6e8199}
.layer_foot a.btn_pink{background:var(--color-navy)}
.layer_foot a.btn_pink:hover, .layer_foot a.btn_pink:focus{background:var(--color-navy)}
.layer_foot > .more_wrap >a{box-sizing:border-box;padding:9px 45px 11px;;color:var(--color-w100);background:var(--color-navy);font-size:16px;border:0}
.layer_foot > .more_wrap > a:hover, .layer_foot > .more_wrap > a:focus{background:var(--color-navy)}
.layer_foot.action > a {min-width:inherit; width:220px;}
.layer_foot.action > a:first-child {width:140px;} */

/* 
.foot_area{text-align:center;padding:0 40px}
.foot_area .wait{border-top:1px solid var(--color-g300);border-bottom:1px solid var(--color-g300);line-height:54px;font-size:16px}
.foot_area .wait span{display:inline-block;margin-left:5px;color:#0561aa;font-size:18px}
.foot_area .wait span em{font-size:16px}
.foot_area .customer{margin:27px auto 40px}
.foot_area .customer span{display:inline-block;background:url(/resource/img/bul/bul_tel.png) no-repeat 0 4px;background-size:16px 16px;color:#141823;font-size:18px;padding-left:25px}
 */

@media screen and (max-width:698px) {
    html.mobile a.default.w100p {
        /*padding:6px 11px 7px*/
    }
    /* 2017-05-10 */
    .table_type02+.btns,
    .table_type01+.btns {
        padding: 0 20px
    }
    .inboxPC .fake_table.non_vari li:first-child {
        margin-top: 16px
    }
    /* .layer_foot.confirm{width:100%;padding:0}
	.layer_foot.confirm > a,
	.layer_foot.loan_foot > a,
	.layer_foot.loan_foot > button,
	.layer_foot.action > a {display:block;float:left;width:50%; border-bottom-right-radius:4px; border-bottom-left-radius:0;}
	
	.layer_foot.confirm > a:first-child,
	.layer_foot.loan_foot > a:first-child,
	.layer_foot.action > a:first-child { border-bottom-left-radius:4px; border-bottom-right-radius:0;}
	
	.layer_foot.action > a {width:60%; min-width:inherit;}
	.layer_foot.action > a:first-child {width:40%;}
	
	20180515 SR-201
	.layer_foot.confirm > a:first-child {background:#8b9aad;}
	.layer_foot.confirm > a:first-child:hover, .layer_foot.confirm a:first-child:focus{background:#6e8199}
	.layer_foot{padding:0}
	.layer_foot > a, 
	.layer_foot > button, 
	.layer_foot > .more_wrap > a {width:100%; height:48px; padding:15px 0;font-size:16px; min-width:initial; line-height:1; letter-spacing:inherit; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
	
	.layer_foot.full > a,
	.layer_cont.full .layer_foot > button, 
	.layer_cont.full .layer_foot > a {height:54px; padding:18px 0 15px; font-size:18px; border-radius:0}

	/* //20180515 SR-201

	.layer_foot.confirm {display:table; width:calc(100%)}

	.layer_foot.confirm.white{border-top:1px solid var(--color-g300)}
	.layer_foot.confirm.white a{height:37px;background:#f5f5f2;color:#454d5b;font-size:14px}
	.layer_foot.confirm.white a:hover{background:#f5f5f2}
	.layer_foot.confirm.white a:first-child{border-right:1px solid var(--color-g300)}
	.layer_foot.confirm.white a:last-child{color:var(--color-navy)}

	.layer_foot.oneday{background:#454d5b}
	.layer_foot.oneday a{width:auto;height:37px;color:var(--color-w100);font-size:14px;background:#454d5b;float:left;padding:0 20px !important;line-height:34px !important}
	.layer_foot.oneday a:first-child{padding-right:25px !important;background:url(/resource/img/pop_oneday.jpg) right center no-repeat;background-size:18px}
	.layer_foot.oneday a:first-child:hover {background:url(/resource/img/pop_oneday.jpg) right center no-repeat; background-size:18px}
	.layer_foot.oneday a:last-child{float:right}
	.layer_foot.oneday a:hover{background:#454d5b}
	.layer_foot .oneday_close {float:left !important} */
    .face_item div .price em {
        font-size: 11px
    }
    .face_item.on .detail {
        padding: 20px
    }
    /* .layer_cont.full .layer_body .total_detail + .table_top_btns + .fake_table{margin-top:18px}
	.layer_cont.full .layer_body .inbox{padding:20px 20px 40px;margin:0}
	.layer_cont.full .layer_body .inbox .fake_table dt:first-child{margin-top:0}


	.layer_cont.full .layer_top h2,
	.layer_cont.full .layer_top2 h2 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} */
    .datail_list {
        border-bottom: 1px solid var(--color-g300)
    }
    .datail_list li {
        border-top: 1px solid var(--color-g300);
        border-right: 0;
        border-left: 0;
        border-bottom: 0
    }
    .datail_list li:first-child {
        border-top: 0
    }
    .inbox:last-child .datail_list {
        border-bottom: 0
    }
}

/* .layer_x,
.account_list .close,
.fb_wrap .fb_cont .fb_x {position:absolute; top:9px; right:9px; width:25px; height:25px; display:inline-block; background:url('/resource/img/reform/icon/ico_close_black.png') 50% 50% no-repeat; background-size:14px 14px;; font-size:0; text-indent:-99999px; z-index:999999}
.fb_wrap .fb_cont .fb_x {right:5px !important; top:30px !important;}
.layer_x img {display:block; width:25px}

.fake_table li dd .list_bottom dl dd{width: calc(100% - 130px) !important}


.layer_cont.list .layer_body{padding:0}
.layer_cont.list .layer_body li{border-top:1px solid var(--color-g300)}
.layer_cont.list .layer_body li:first-child{border-top:0}
.layer_cont.list .layer_body li a,
.layer_cont.list .layer_body li > dl {display:block;padding:20px;box-sizing:border-box}
.layer_cont.list .layer_body .array li a{text-align:center}
.layer_cont.list .layer_body .array li.on a{color:var(--color-navy);background:url(/resource/img/btn/btn_check_pink.png) 95% center no-repeat;background-size:50px}


.layer_top.search_lap{height:62px;padding:0}
.layer_top.search_lap .input_wrap{width:85%}
.layer_top.search_lap .add_search button{right:auto;left:71%}
.layer_body .txt_type02{margin-top:14px;border-top:0}
.layer_cont .saving_head.small{margin-top:0} */

/* .web .layer_cont.w500{width:500px !important}
.web .layer_cont.w600{width:600px !important}
.web .layer_cont.w700{width:700px !important}
.web .layer_cont.w800{width:800px !important}
.web .layer_cont.w900{width:900px !important}
.web .layer_cont.w1000{width:1000px !important} */

/* 
@media screen and (min-width:699px){

	.layer_cont.w600{width:600px !important}
	.layer_cont.w700{width:700px !important}
	.layer_cont.w800{width:800px !important}
	.layer_cont.w900{width:900px !important}
	.layer_cont.w1000{width:1000px !important}
	.layer_body .inbox .total_detail{border-bottom:none;padding:0}
	.layer_cont.full .layer_body .info_box{padding:20px;margin-bottom:0}
	.layer_cont.full {border-radius:4px;}
	.layer_cont.full .layer_body .info_box.type1 {margin:-20px -20px 10px -20px; padding:20px;}
	.layer_cont.full .table_list02{padding-bottom:5px}

	.layer_cont.full .layer_body .list_dropdown.no_move{margin:0px 20px}
	.layer_cont.full .layer_body .saving_head.small + .inbox{margin-top:20px}


	.layer_body .total_detail + .table_top_btns{border-top:none;padding:0px 20px 10px 0}
	.layer_cont.full .layer_body .info_wrap02 .list_record.view_tpye.process li{left:0}
	.layer_cont.full .layer_body .info_wrap02 .list_record.view_tpye.process li .list_type_dot{margin-left:0px}

	.layer_cont.full .layer_x {position:absolute; top:11px; right:10px; width:25px; height:25px; display:inline-block; background:url('/resource/img/reform/icon/ico_close_black.png') 50% 50% no-repeat !important; background-size:14px 14px !important; font-size:0; text-indent:-99999px}

	.layer_body a.mini_link{padding:24px 50px 27px 20px}

} */

/* .layer_cont .layer_body .face_line > li:last-child .face_item{border-bottom:0} */

/* @media screen and (min-width:699px){

.layer_cont.full .layer_body .info_box{padding:20px;margin:0}
.layer_cont.full .layer_foot{position:absolute}


} */

.etc_font {
    font-size: 11px;
    color: #878079
}

/* listType */

.list_dropdown {
    padding: 0;
    border-top: 1px solid var(--color-g300)
}

.list_dropdown dl {
    width: 100%
}

.list_dropdown dt {
    border-top: 1px solid var(--color-g300)
}

.list_dropdown dt button {
    display: block;
    width: 100%;
    padding: 16px 48px 16px 20px;
    font-size: 18px;
    text-align: left;
    color: var(--txt-g1000);
    background: url(/resource/img/bg/bg_darr.png) no-repeat right center;
    background-size: 50px;
    text-indent: 0
}

/*FETASK-1899 color:#141823*/

.list_dropdown.off dt button,
.list_dropdown.off dt.on button {
    color: #d1c8bd;
    background: #f3f1ed;
}

.list_dropdown.off dt.on+dd {
    display: none;
}

.list_dropdown dt.on button {
    background: url(/resource/img/bg/bg_uarr.png) no-repeat right center;
    background-size: 50px
}

.list_dropdown dt:first-child {
    border-top: 0
}

.list_dropdown dt.ds button {
    background: #f3f1ed;
    color: #d1c8bd
}

.list_dropdown dt em {
    display: inline-block;
    font-size: 11px;
    color: #5F7289;
    letter-spacing: 1px;
    margin-left: 10px
}

.list_dropdown>dd {
    display: none;
    position: relative;
    padding: 15px 20px
}

.list_dropdown dd .more {
    display: inline-block;
    margin-top: 10px;
    color: #5F7289
}

.list_dropdown dd>table {
    margin-top: 0
}

.list_dropdown dd .cont_title {
    padding-left: 0;
    padding-right: 0
}

.list_dropdown dt.on+dd {
    display: block;
    padding-top: 0
}

.list_dropdown dd .non_vari li,
.list_dropdown dd .fake_table li {
    padding: 0
}

.list_dropdown.pd_none dt {
    margin: 0;
    padding: 0
}

.list_dropdown.pd_none dd {
    padding: 0
}

.list_dropdown dd .agree_check li a {
    border: 0
}

.list_dropdown dd .cont_small_title {
    margin-top: 0;
    padding-top: 0
}

.list_dropdown+.list_dropdown {}

.list_dropdown.agree button {
    font-weight: bold;
    font-size: 18px
}

.list_dropdown.agree li p {
    font-size: 16px
}

.list_dropdown.agree .ds_br {
    font-size: 16px
}

.list_dropdown.agree li .btn_checkbox span {
    font-size: 14px
}

.list_dropdown.caution {
    border-top: 0
}

.list_dropdown.caution dt button {
    font-size: 18px;
    display: block;
    width: 100%;
    padding-left: 50px;
    line-height: 21px;
    text-align: left;
    background-image: url(/resource/img/bg/bg_bell.png), url(/resource/img/bg/bg_darr.png);
    background-position: 20px center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: 24px, 50px
}

.list_dropdown.caution dt {
    border-bottom: 1px solid var(--color-g300)
}

.list_dropdown.caution dt.on button {
    background-image: url(/resource/img/bg/bg_bell.png), url(/resource/img/bg/bg_uarr.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 20px 21px, right center;
    background-size: 24px, 50px
}

html.mobile .list_dropdown.caution dt button,
html.mobile .list_dropdown.caution dt.on button {
    background-position: 20px 17px, right center
}

.list_dropdown.caution dt.on {
    border-bottom: 1px solid var(--color-g300)
}

.list_dropdown.caution dd .inner {
    height: 40px;
    overflow: hidden
}

.list_dropdown.caution dd ul li {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

.list_dropdown.caution dd ul li a.underline {
    display: inline
}

.list_dropdown.caution dd ul li:first-child {
    text-overflow: inherit;
    white-space: inherit
}

.list_dropdown.caution dt.on+dd {
    padding: 15px 20px 20px
}

.list_dropdown.caution dt.on+dd .inner {
    height: auto
}

.list_dropdown.caution dt.on+dd ul li {
    text-overflow: inherit;
    white-space: inherit;
    margin-top: 5px
}

.list_dropdown.caution dt.on+dd ul li:first-child {
    margin-top: 0
}

.list_dropdown.caution dd .cont_small_title {
    padding: 0;
    margin: 25px 0 10px
}

.list_dropdown.caution dd .cont_small_title:first-child {
    margin-top: 0
}

.list_dropdown.caution.no_move dt.on button {
    background-image: url(/resource/img/bg/bg_bell.png)
}

.list_dropdown.caution.no_move dd .inner {
    height: auto
}

.list_dropdown.caution dt.on+dd .inner .num li {
    position: relative;
    padding: 0 0 5px 15px
}

.list_dropdown.caution dt.on+dd .inner .num li span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.list_dropdown.detail>dt button strong {
    display: inline-block;
    width: 149px;
    margin-right: 10px;
    color: #979088;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: inherit;
    word-break: keep-all
}

.list_dropdown.detail>dt button span {
    color: #454d5b;
    font-size: 14px;
    vertical-align: top;
    line-height: 24px
}

.cautionArticle {
    margin: 10px 0;
}

.cautionArticle .cautionTit {
    font-size: 18px;
    display: block;
    padding: 20px 0 24px 30px;
    line-height: 21px;
    text-align: left;
    font-weight: normal;
    background: url(/resource/img/bg/bg_bell.png) no-repeat 0 center;
    background-size: 24px, 50px;
    border-bottom: 1px solid var(--color-g300)
}

.cautionArticle .list_type_dot {
    margin: 15px 0 20px 0 !important;
}

.list_product {
    padding: 15px 20px
}

.list_product li {
    width: 100%;
    padding: 30px 20px;
    border-top: 1px solid var(--color-g300);
    box-sizing: border-box
}

.list_product li:after {
    content: "";
    display: block;
    clear: both
}

.list_product li:first-child {
    border: 0
}

.list_product li p {
    float: left;
    width: 67%;
    letter-spacing: inherit;
    margin-bottom: 4px
}

.list_product li p strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #141823;
}

.list_product li p strong .subDescTxt {
    font-size: 13px;
    font-weight: normal;
    margin-left: 4px;
}

/* 2017-12-20 추가 */

.list_product li .point_percent {
    float: left;
    width: 30%;
    text-align: right
}

.list_product li:last-child {
    margin-bottom: 30px
}

.list_product li .product_detail {
    padding: 0
}

.box_type .product_detail+.point_percent {
    float: right !important
}

.list_product.ico_cs {
    padding: 0
}

.list_product.ico_cs li:last-child {
    margin-bottom: 0
}

.list_product.join {
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid var(--color-g300);
    margin-bottom: 15px
}

.list_product.join .point_percent {
    margin-top: 30px
}

.point_percent p.rate {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0em
}

.point_percent p.rate em {
    display: block;
    margin-bottom: -5px;
    font-weight: normal;
    font-size: 14px
}

.point_percent p.rate span {
    font-size: 18px
}

.point_percent p.term,
.inner_box .point_percent p.term {
    font-size: 11px;
    letter-spacing: 0;
    color: #979088
}

.list_inventory {
    padding: 0
}

.list_inventory li {
    border-top: 1px solid var(--color-g300)
}

.list_inventory li:first-child {
    border: 0
}

.list_inventory a {
    display: block;
    width: 100%;
    padding: 30px 20px 30px 60px;
    font-size: 18px;
    font-weight: bold;
    text-indent: -40px;
    box-sizing: border-box;
    color: #141823
}

.list_inventory a i {
    margin-right: 14px
}

.list_inventory a span {
    display: block;
    margin-top: 10px;
    text-indent: 0;
    font-size: 14px;
    font-weight: normal;
    color: #454d5b
}

.list_card {
    padding: 0
}

.list_card {
    width: 100%
}

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

.list_card li {
    float: left;
    width: 50%;
    height: 220px;
    padding: 40px 20px 0;
    border-bottom: 1px solid #d6cdc3;
    box-sizing: border-box;
    text-align: center
}

.list_card li:nth-of-type(odd) {
    border-right: 1px solid #d6cdc3
}

.list_card li .point_percent {
    margin-bottom: 15px;
    line-height: 0.8
}

.list_card li .cont_title {
    max-height: 42px;
    margin-bottom: 15px;
    line-height: 1.2;
    overflow: hidden;
    font-weight: bold
}

.list_card li p {
    max-height: 54px;
    overflow: hidden
}

.list_num {
    margin-top: 10px
}

.list_num li {
    position: relative;
    padding-left: 20px;
    margin-top: 5px;
    letter-spacing: inherit
}

.list_num li span {
    position: absolute;
    top: 0;
    left: 0
}

/* 2017-09-13 */

.ico_list {}

.ico_list ul {
    width: 100%;
    border: 1px solid var(--color-g300)
}

.ico_list ul:after {
    content: "";
    display: block;
    clear: both
}

.ico_list li {
    float: left;
    width: 50%;
    border-top: 1px solid var(--color-g300);
    box-sizing: border-box
}

.ico_list li:nth-child(1),
.ico_list li:nth-child(2) {
    border-top: none
}

.ico_list li:nth-of-type(odd) {
    border-right: 1px solid var(--color-g300)
}

.ico_list li.column1 {
    width: 100%;
    border-right: 0;
}

/* 20180104 SR-640 추가 */

.ico_list li p {
    padding: 110px 0 30px;
    text-align: center;
    font-size: 14px;
    color: #454d5b
}

.ico_list li.i01 {
    background: url(/resource/img/icon/pict_auto_p01.png) no-repeat 50% 30px
}

.ico_list li.i02 {
    background: url(/resource/img/icon/pict_auto_p02.png) no-repeat 50% 30px
}

.ico_list li.i03 {
    background: url(/resource/img/icon/pict_auto_p03.png) no-repeat 50% 25px
}

.ico_list li.i04 {
    background: url(/resource/img/icon/pict_auto_p04.png) no-repeat 50% 30px
}

/*.ico_list li.i03{background:url(/resource/img/icon/pict_auto_p03_old.png) no-repeat 50% 30px}*/

@media screen and (max-width:699px) {
    .list_dropdown.detail>dt button strong {
        width: 110px;
        margin-right: 10px
    }
    .ico_list ul {
        border: none;
        border-bottom: 1px solid var(--color-g300);
        border-top: 1px solid var(--color-g300)
    }
    .ico_list li {
        height: 150px
    }
    .ico_list li p {
        padding: 80px 0 0;
        font-size: 12px;
        letter-spacing: inherit
    }
    .ico_list li.i01 p,
    .ico_list li.i02 p {
        padding: 90px 0 0
    }
    .ico_list li.i01 {
        background: url(/resource/img/icon/pict_auto_m01.png) no-repeat 50% 30px;
        background-size: 31px auto
    }
    .ico_list li.i02 {
        background: url(/resource/img/icon/pict_auto_m02.png) no-repeat 50% 30px;
        background-size: 41px auto
    }
    .ico_list li.i03 {
        background: url(/resource/img/icon/pict_auto_m03.png) no-repeat 50% 25px;
        background-size: 103px auto
    }
    .ico_list li.i04 {
        background: url(/resource/img/icon/pict_auto_m04.png) no-repeat 50% 30px;
        background-size: 49px auto
    }
    /*.ico_list li{height:133px}*/
    /*.ico_list li.i03{background:url(/resource/img/icon/pict_auto_m03_old.png) no-repeat 50% 30px;background-size:50px auto}*/
}

/* 2017-09-13 */

/*블릿*/

.bul_dot,
.list_type_dot li {
    box-sizing: border-box;
    padding-left: 8px !important;
    background: url(/resource/img/bul/bul_dot.png) no-repeat left 8px;
    background-size: 2px
}

.list_type_dot li span {
    color: var(--color-navy)
}

.list_type_dot li.darkblue {
    background-image: url("/resource/img/bul/bul_dot4.png");
}

/* 20180704 SR-420 */

.list_type_star li {
    margin-top: 5px;
    padding-left: 10px;
    background: url(/resource/img/bul/bul_star.png) no-repeat left 8px
}

p.bul_dash,
.list_type_dash li {
    padding-left: 8px;
    background: url(/resource/img/bul/bul_dash.png) no-repeat left 9px;
    background-size: 4px
}

html.mobile p.bul_dash,
html.mobile .list_type_dash li {
    background: url(/resource/img/bul/bul_dash.png) no-repeat left 7px;
    background-size: 4px
}

html.mobile .list_type_dash li .product_img_set li {
    background: none;
}

/* 2017-12-12 추가 */

p.indent,
.list_type_indent li {
    padding-left: 8px
}

.list_type_dot li,
.list_type_dash li {
    margin-top: 6px
}

.list_type_dot li:first-child,
.list_type_dash li:first-child {
    margin-top: 0px
}

.list_type_dot li .list_type_dash {
    margin-top: 10px
}

.list_dropdown .list_type_dot li .list_type_dash li {
    color: #878079
}

.list_type_non {
    margin-top: 5px
}

.list_type_non li {
    background: none;
    padding-left: 0;
    margin-top: 5px
}

.br_vari p {
    margin-top: 10px
}

.list_type_square>li {
    margin-top: 10px;
    padding-left: 12px;
    background: url(/resource/img/bul/bul_square.gif) no-repeat left 7px;
    background-size: 4px
}

.bul_billi {
    padding-left: 15px;
    background: url(/resource/img/bul/bul_billi.png) no-repeat left 5px;
    background-size: 10px
}

.list_type_dot.bgbox {
    padding: 20px;
    background: #f3f1ed;
}

/*안내문구*/

.info_box {
    padding: 20px;
    box-sizing: border-box;
    /*background:#f9f9f9*/
}

/* 상단 설명박스 */

.info_box+* {
    margin-top: 20px !important
}

.info_box .info_tit {
    padding-bottom: 15px;
    color: #454d5b;
    font-size: 18px
}

.info_pop {
    padding: 12px 15px;
    box-sizing: border-box;
    /*background:#f9f9f9*/
}

/* 상단 설명박스 */

.cont_title+.info_box {
    padding-top: 0
}

.cont_title+.cont_small_title {
    margin-top: 20px;
    padding-left: 0
}

.cont_small_title {
    font-size: 16px;
    color: var(--txt-g1000);
    padding-left: 0;
    margin-top: 30px;
    font-weight: normal
}

/*FETASK-1782 color:#141823; */

.cont_title span.time {
    float: right;
    display: inline-block;
    font-size: 13px;
    color: #979088;
    font-weight: normal;
    /*padding--right:20px;*/
    line-height: 23px
}

.info_box01 {
    margin: 10px 0;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #f3f3f3;
    font-size: 14px;
    color: #454d5b
}

.pd>.cont_small_title:first-child,
.pd_v>.cont_small_title:first-child {
    margin-top: 0
}

.input_info {
    display: block;
    clear: both;
    margin-top: 6px;
    font-size: 11px;
    color: var(--txt-g700)
}

/*FETASK-1782 color:#5F7289*/

.input_info .blue {
    font-size: 11px;
    color: #3b5998
}

.input_info>a {
    font-size: 11px !important
}

/* 약관 및 상품설명서 확인 */

.agree_check_head+.comlplex_list ul li:first-child {
    border-top: 1px solid #d6cdc3
}

.comlplex_list .title {
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    color: var(--txt-g1000);
    border-bottom: 1px solid var(--color-g300)
}

.comlplex_list .info_txt {
    padding: 15px 20px;
    font-size: 14px;
    font-weight: normal;
    color: var(--txt-g700)
}

/* 상단 설명 */

.comlplex_list .txt_title+.info_txt {
    padding-top: 0
}

.comlplex_list>ul>li {
    position: relative;
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid var(--color-g300);
    padding: 0 20px
}

.comlplex_list li:first-child {
    border-top: 0
}

.comlplex_list>ul>li>a,
.comlplex_list>ul>li>.down_btn {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px
}

.comlplex_list.fwn>ul>li>p {
    font-weight: normal
}

.comlplex_list>ul>li>p {
    width: calc(100% - 88px);
    vertical-align: middle;
    color: var(--txt-g1000);
    padding: 16px 0 19px;
    font-weight: normal
}

.comlplex_list>ul>li>p>em {
    color: var(--txt-g700);
    display: inline-block;
    margin-right: 4px;
    /*margin-left:3px;*/
}

.comlplex_list>ul>li>p>span {
    display: block;
    font-size: 14px;
    color: var(--txt-g700);
    margin-top: 3px
}

.comlplex_list>ul>li.label_chk {
    padding: 14px 20px 16px 20px
}

.comlplex_list .comlplex_down {
    display: table;
    overflow: hidden;
    padding: 10px 20px
}

.comlplex_list .comlplex_down p {
    display: table-cell;
    width: 32%;
    margin-right: 5%
}

.comlplex_list .comlplex_down ul {
    display: table-cell;
    width: 63%
}

.comlplex_list .comlplex_down ul li {
    margin-top: 10px
}

.comlplex_list .comlplex_down ul li:first-child {
    margin-top: 0
}

.comlplex_list .comlplex_down ul li a {
    display: block
}

.comlplex_list .label_chk label span {
    font-size: 14px
}

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

.comlplex_list span.sub_clx {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    color: var(--txt-g700)
}

.comlplex_list span.f20 {
    font-size: 20px;
    color: var(--txt-g1000)
}

.comlplex_list em {
    color: #0561aa !important
}

.comlplex_list.fwn li {
    padding: 13px 20px 12px
}

.agree_check .title {
    padding: 20px 0 20px 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--txt-g1000);
    width: 60%
}

.agree_check .agree_check_set {
    float: right;
    margin-right: 20px
}

.agree_check .agree_check_set input {
    margin-right: 3px
}

.agree_check.pavinfo {
    border-bottom: 1px solid var(--color-g300)
}

.agree_check li {
    position: relative;
    width: 100%;
    border-top: 1px solid var(--color-g300)
}

.agree_check li a {
    display: block;
    width: 100%;
    padding: 20px 65px 23px 48px;
    box-sizing: border-box;
    background: url(/resource/img/bg/bg_parr.gif) no-repeat right 20px center;
    background-size: auto 14px
}

.agree_check li p {
    float: left;
    color: var(--txt-g1000);
    width: auto;
    max-width: 95%;
    font-size: 14px;
    letter-spacing: inherit
}

.agree_check li p.no_check {
    margin-left: -28px
}

.agree_check li strong {
    float: left;
    font-size: 18px;
    letter-spacing: inherit;
    color: var(--txt-g1000);
    /*width:75%;*/
    display: inline-block;
    font-weight: 100;
    line-height: 22px
}

.agree_check li .agree_check_set {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--txt-g700);
    font-size: 18px;
    margin-right: 0;
    margin-top: -11px;
    padding-left: 35px;
    /*background:url(/resource/img/bg/bg_rarr.png) no-repeat right center;background-size:50px;*/
}

.agree_check li .btn_checkbox {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -15px
}

.agree_check li a:after,
.agree_check li .abx:after,
.agree_check_head:after {
    content: '';
    display: block;
    clear: both
}

.agree_check+p {
    /*border-top:1px solid #d6cdc3;*/
    padding: 10px 20px 20px 20px
}

.agree_check.no_dots li p {
    width: 95%;
    text-overflow: inherit;
    white-space: inherit
}

.agree_check.pavinfo+p {
    color: var(--txt-g700);
    font-size: 13px
}

.agree_check>.default.w100p {
    width: calc(100% - 40px);
    margin: 0 auto 10px
}

.except_view .agree_check li p {
    margin-top: 0
}

/* 2016-08-24 약관 가이드 추가 */

.agree_check {
    position: relative
}

.agree_check h4.title {
    width: 58%
}

.agree_check h4.title.t_full {
    width: 100%;
    box-sizing: border-box;
}

.agree_check h4.title strong {
    font-weight: bold;
    font-size: 18px;
    color: var(--txt-g1000);
    letter-spacing: inherit
}

.agree_check h4.title span {
    margin-right: 4px;
    color: var(--color-in700)
}

.agree_check label.btn_checkbox span {
    font-size: 14px;
    color: var(--txt-g1000)
}

.agree_check .all_check {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--txt-g1000)
}

.agree_check.agree_all h4.title a {
    min-height: 20px
}

.agree_check.agree_all h4.title.off a,
.agree_check.agree_all h4.title.on a {
    display: inline-block
}

.agree_check.agree_all h4.title.off a {
    background: url(/resource/img/icon/ico_h4_off.png) no-repeat 0 2px;
    background-size: auto 18px;
    padding-left: 25px
}

.agree_check.agree_all h4.title.on a {
    background: url(/resource/img/icon/ico_h4_on.png) no-repeat 0 2px;
    background-size: auto 18px;
    padding-left: 25px
}

html.mobile .agree_check.agree_all h4.title a {
    line-height: 22px
}

html.mobile .agree_check.agree_all h4.title.off a {
    background: url(/resource/img/icon/ico_h4_off.png) no-repeat 20px 2px;
    background-size: auto 18px;
    padding-left: 45px
}

html.mobile .agree_check.agree_all h4.title.on a {
    background: url(/resource/img/icon/ico_h4_on.png) no-repeat 20px 2px;
    background-size: auto 18px;
    padding-left: 45px
}

html.mobile .agree_check.agree_all h4.title {
    padding-left: 0
}

.agree_check.agree_all.agree_type1 {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-g300)
}

.agree_check.agree_all.agree_type1 .agree_view {
    display: none
}

.agree_check.agree_all.agree_type1 .agree_view ul {
    margin-top: 20px
}

.agree_check.agree_all.agree_type1 .agree_view .piloted_sel {
    padding: 15px 20px 10px;
    margin: 12px 30px 7px
}

.agree_check.agree_all.agree_type1 .agree_view .piloted_sel ul {
    border: none;
    margin-top: 0
}

.agree_check.agree_all.agree_type1 .agree_view .piloted_sel label.btn_checkbox span {
    font-weight: normal
}

.agree_check.agree_all.agree_type1 .agree_view .piloted_sel em {
    margin-bottom: 0
}

.agree_check.agree_all.agree_type1 .agree_view .agree_tit {
    padding-top: 15px;
    font-size: 16px;
    color: #141823
}

.agree_check.agree_all.agree_type1 .agree_view .agree_tit+ul {
    margin-top: 10px
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st li {
    padding: 7px 0
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st li>div {
    position: relative
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st li>div .agr_result {
    position: absolute;
    right: 20px;
    top: 8px;
    color: #5F7289
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st li>div a {
    padding: 8px 80px 8px 57px
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st li>div .tbx {
    padding: 8px 80px 8px 30px
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st li>div .tbx:after {
    content: "";
    display: block;
    clear: both
}

.agree_check.agree_all.agree_type1 .agree_view .depth_st label.btn_checkbox.input_only {
    margin-top: -8px
}

.agree_check.agree_all.agree_type1 label.btn_checkbox span {
    font-weight: bold
}

.agree_check.agree_all.agree_type1 h4.title a {
    padding-left: 27px;
    background-position: 0 5px
}

.agree_check.agree_all.agree_type1 h4.title {
    padding-bottom: 0
}

.agree_check.agree_all.agree_type1 .agree_txt {
    margin-top: 5px;
    font-size: 13px;
    color: #5F7289;
    letter-spacing: inherit;
    line-height: 160%
}

.agree_check .all_check .btn_checkbox {
    margin-right: 0
}

.inbox.pd h4.title:first-child,
.inbox.pd_v h4.title:first-child {
    padding: 20px 0
}

.line_list .cont_small_title {
    margin-top: 0
}

h5.cont_small_title+p {
    margin-top: 15px
}

.all_check {
    margin: 10px 0px 20px 20px
}

.agree_check.essential h4.title {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box
}

.agree_check.essential.a_inline li {
    background: none
}

.agree_check label.btn_checkbox.input_only {
    margin-top: -10px;
    line-height: 0
}

.agree_check label.btn_checkbox.input_only input {
    display: block;
    margin: 0
}

.agree_check label.btn_checkbox.input_only span {
    display: inline-block;
    width: 0;
    height: 18px;
    padding: 0 0 0 18px;
    overflow: hidden
}

html.mobile .agree_check label.btn_checkbox.input_only {
    margin-top: -12px
}

label.btn_checkbox.input_only {
    margin-top: -10px;
    line-height: 0
}

label.btn_checkbox.input_only input {
    display: block;
    margin: 0
}

label.btn_checkbox.input_only span {
    display: inline-block;
    width: 0;
    height: 18px;
    margin: 0;
    padding: 0 0 0 18px;
    overflow: hidden
}

label.btn_radio01.input_only {
    margin-top: -10px;
    line-height: 0
}

label.btn_radio01.input_only input {
    display: block;
    margin: 0
}

label.btn_radio01.input_only span {
    display: inline-block;
    width: 0;
    height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 2px 0 2px 23px
}

.agree_bottom {
    padding: 20px 20px 0px 20px
}

/* 2016-08-25 약관 가이드 추가  */

@media screen and (max-width:699px) {
    .agree_check .btm_line {
        border-bottom: 1px solid var(--color-g300)
    }
    .agree_check+p {
        text-align: center
    }
    .cont_small_title+.list_type_dot {
        margin-top: 15px
    }
    h5.cont_small_title+p {
        margin-top: 10px
    }
    .inbox.pd h4.title:first-child,
    .inbox.pd_v h4.title:first-child {
        padding: 20px 0 20px 20px
    }
    .list_type_dot.second {
        border-bottom: 1px solid var(--color-g300);
        margin-bottom: 15px;
        padding-bottom: 19px
    }
    .agree_check.agree_all h4.title.off a {
        background: url(/resource/img/icon/ico_h4_off.png) no-repeat 0 2px;
        background-size: auto 18px;
        padding-left: 20px
    }
    .agree_check.agree_all h4.title.on a {
        background: url(/resource/img/icon/ico_h4_on.png) no-repeat 0 2px;
        background-size: auto 18px;
        padding-left: 20px
    }
    .agree_check.agree_all.agree_type1 {
        /*border-bottom:none;*/
    }
    .agree_check.agree_all.agree_type1 h4.title a {
        padding-left: 27px;
        background-position: 0 5px
    }
    .agree_check.agree_all.agree_type1 .agree_txt {
        padding: 0 20px
    }
    .agree_check.agree_all.agree_type1 .agree_tit {
        padding-left: 20px;
        padding-right: 20px
    }
    .agree_check.agree_all.agree_type1 .depth_st+.agree_tit {
        padding-top: 20px
    }
    .agree_check.agree_all.agree_type1 .agree_view li a {
        padding: 12px 65px 15px 47px
    }
    .agree_check.agree_all.agree_type1 .agree_view li>div a {
        padding: 8px 80px 8px 47px
    }
    .agree_check.agree_all.agree_type1 .agree_view .depth_st li>div .tbx {
        padding: 8px 80px 8px 20px
    }
    .agree_check.agree_all.agree_type1 .agree_view .depth_st li>div a {
        padding: 8px 80px 8px 47px
    }
    .agree_check.agree_all.agree_type1 .agree_view>ul,
    .agree_check.agree_all.agree_type1 .agree_view ul.depth_st:last-child {
        border-bottom: none;
        margin-bottom: -20px
    }
    .agree_check.agree_all.agree_type1 .agree_view>.agree_tit:first-child {
        border-top: 1px solid var(--color-g300);
        margin-top: 20px
    }
    .agree_check.agree_all.agree_type1 .agree_view>.agree_tit+ul {
        border-bottom: 1px solid var(--color-g300);
        margin-bottom: 0px;
        margin-top: 0
    }
    .agree_check.agree_all.agree_type1 .agree_view>.agree_tit+ul li:first-child {
        border-top: none
    }
    .agree_check.agree_all.agree_type1+.agree_cl_bot {
        border-top: none
    }
    .agree_check.agree_all.agree_type1 .agree_view .piloted_sel {
        margin: 12px 20px 7px
    }
    .agree_check.agree_all.agree_type1 .all_check {
        margin-top: 6px
    }
}

/* 
 달력 
.m_calendar{position:relative;width:100%;border-bottom:1px solid var(--color-g300)}
.m_calendar .table_wrap{width:100%;height:45px;padding:0 10px;box-sizing:border-box;overflow:hidden}
.m_calendar .table_wrap table{width:100%}
.m_calendar .table_wrap table caption{height:auto;padding-top:10px; visibility:visible;font-size:14px;text-align:left}
.m_calendar .table_wrap table caption a{display:none}
.m_calendar .table_wrap table td{position:relative;width:14%}
.m_calendar .table_wrap table td.start{background:url(/resource/img/bg/bg_cal_sel_start.gif) no-repeat 50% center}
.m_calendar .table_wrap table td.and{background:url(/resource/img/bg/bg_cal_sel.gif) repeat-x 50% center}
.m_calendar .table_wrap table td.end{background:url(/resource/img/bg/bg_cal_sel_end.gif) no-repeat 50% center}
.m_calendar .table_wrap table td a{display:block;width:40px;height:40px;padding:9px 0;margin:5px auto;box-sizing:border-box;border-radius:100%;text-align:center}
.m_calendar .table_wrap table td a.on{background:#d1c8bd}
.m_calendar .table_wrap table td.today a{border:1px solid var(--color-navy)}
.m_calendar .table_wrap table td a span{display:block;line-height:1}
.m_calendar .table_wrap table td a i{display:inline-block;width:2px;height:2px;border-radius:2px;vertical-align:top}
.m_calendar .table_wrap table td a i.pink{border:1px solid var(--color-navy);background:var(--color-navy)}
.m_calendar .table_wrap table td a i.blue{border:1px solid #0561aa;background:#0561aa}
.m_calendar .table_wrap table td a i.pink.line{border:1px solid var(--color-navy);background:none}
.m_calendar .table_wrap table td a i.blue.line{border:1px solid #0561aa;background:none}
.m_calendar .panner{display:none;position:relative;width:100%;padding:7px 0;border-top:1px solid #e0e0e1;background:#f9f9f9}
.m_calendar .panner a{display:inline-block;padding:3px 5px;border:1px solid #979088;border-radius:2px;text-align:center}
.m_calendar .panner a.btn_today,
.m_calendar .panner a.btn_set{position:absolute;top:7px;border-color:#5F7289;color:#5F7289}
.m_calendar .panner a.btn_today{left:20px}
.m_calendar .panner a.btn_set{right:20px}
.m_calendar .panner div{width:164px;margin:0 auto}
.m_calendar .panner div a{float:left;margin-left:-1px;line-height:1.3}
.m_calendar .panner div a:first-child{margin:0;border-radius:2px 0 0 2px}
.m_calendar .panner div a:first-child + a{border-radius:0}
.m_calendar .panner div a:first-child + a + a{border-radius:0 2px 2px 0}
.m_calendar .panner div:after{content:'';display:block;clear:both}
.m_calendar .open{display:block;padding:3px 0;text-align:center;background:var(--color-w100)}
.m_calendar .open img{width:9px}
.m_calendar .panner_form{display:none}
.m_calendar .lens{position:absolute;top:-25px;left:170px;width:32px}
.m_calendar .lens img{width:100%}

 달력 PC
.m_calendar.wide{width:100%}
.m_calendar.wide .table_wrap{width:100%;height:50px !important}
.m_calendar.wide .table_wrap caption{border-top:0;text-align:center;font-size:18px;font-weight:bold}
.m_calendar.wide .table_wrap caption a{display:inline;margin:0 20px}
.m_calendar.wide .panner{display:none !important}
.m_calendar.wide .panner_form{display:none;float:right;width:300px;padding-top:40px}
.m_calendar.wide .panner_form .term_input{width:100%;margin-top:10px}
.m_calendar.wide .panner_form .term_input .input_wrap{float:right;width:47%}
.m_calendar.wide .panner_form .term_input .input_wrap:first-child{float:left}
.m_calendar.wide .panner_form .term_input i{float:left;display:block;width:6%;margin-top:5px;text-align:center}
.m_calendar.wide .panner_form .btns{margin-top:10px}
.m_calendar.wide .panner_form > .default{display:block;width:100%;margin-top:100px}
.m_calendar.wide .open{clear:both}

.m_calendar.wide.on .table_wrap{float:left;width:365px;height:auto !important}
.m_calendar.wide.on{padding-top:20px}

.m_calendar.wide .panner_form .term_input:after,
.m_calendar:after{content:'';display:block;clear:both}

.m_calendar + .info_box{margin:20px 0}
.m_calendar + .table_list02{border-top:0 !important} */

@media screen and (min-width:699px) {
    /* .m_calendar{border-bottom:0} */
    .list_product.join {
        padding: 0;
        position: relative;
        margin-bottom: 30px;
        border-bottom: 0
    }
    .list_product.join .point_percent {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0
    }
    .agree_bottom {
        padding: 10px 30px;
        border: 1px solid #e0e0e1;
        border-top: 0
    }
    .agree_bottom dt {
        color: #141823
    }
}

/* paging */

.saving_head {
    position: relative;
    width: 100%;
    height: 112px;
    box-sizing: border-box
}

.saving_head .inner {
    width: 100%;
    height: 234px;
    padding-top: 26px;
    box-sizing: border-box;
    background: url(/resource/img/bg/bg_saving.png) no-repeat;
    background-size: 100%
}

.saving_head .inner dd {
    margin-top: 5px
}

.saving_head .inner .more {
    top: 9px
}

.saving_head dt {
    font-size: 16px;
    font-weight: bold;
    color: #141823
}

.saving_head .complete_msg {
    padding-bottom: 0;
    margin-left: 0px
}

.saving_head dd p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #454d5b
}

.saving_head .more {
    position: absolute;
    top: 0px;
    right: 9px;
    width: 50px
}

.saving_head .more img {
    width: 100%
}

.more_menu {
    position: absolute;
    top: 47px;
    /*right:0;*/
    right: 15px;
    min-width: 200px;
    z-index: 9999
}

.more_menu h2 {
    height: 28px;
    color: #141823;
    padding: 15px 16px;
    border-bottom: 1px solid #d6cdc3;
    background: #f3f1ed
}

.more_menu ul {
    background: var(--color-w100);
    /* border:1px solid var(--color-g300)*/
}

/* 2016-08-31 디자인 가이드 border 추가 */

.more_menu ul li {
    border-top: 1px solid var(--color-g300)
}

.more_menu ul li:first-child {
    border-top: 0
}

.more_menu ul li a {
    display: block;
    padding: 10px;
    text-align: center
}

.more_menu ul li.more_close a,
.menu_more ul li.more_close a {
    color: var(--color-w100);
    background: #454d5b
}

.more_menu {
    display: none
}

.saving_head.small {
    height: auto;
    /*border-top:1px solid var(--color-g300); background:var(--color-g100)*/
    ;
    padding: 13px 20px 20px 20px
}

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

.saving_head.small.pd_v {
    padding-top: 15px;
    padding-bottom: 15px
}

.saving_head.small .complete_msg dt,
.saving_head.small .complete_msg dd {
    font-size: 14px
}

.saving_head.small .complete_msg dt {
    letter-spacing: inherit;
    font-size: 14px;
    color: var(--txt-g1000);
    font-weight: normal
}

.saving_head.small .complete_msg dt:first-child {
    font-size: 14px
}

.saving_head.small .complete_msg dt:nth-child(3) {
    margin-top: 14px !important
}

.saving_head.small .complete_msg dt>a {
    padding-right: 17px;
    background: url(/resource/img/bul/bul_tri_darr.png) no-repeat right 60%;
    background-size: 8px
}

.saving_head.small .complete_msg dd>a.account_more {
    padding-right: 17px;
    background: url(/resource/img/bul/bul_tri_darr.png) no-repeat right 60%;
    background-size: 8px
}

.saving_head.small .complete_msg dt:first-child+dd {
    font-size: 20px;
    color: var(--txt-g1000)
}

.saving_head.small .complete_msg dt em {
    font-size: 13px
}

.saving_head.small .complete_msg dd {
    font-size: 11px;
    /*font-family:'Pretendard K Edition',markoffc;*/
    letter-spacing: 0.5px;
    color: var(--txt-g700)
}

.saving_head.small .complete_msg dd.blue {
    font-size: 13px;
    color: #3b5998
}

.saving_head.small .complete_msg dd.blue .fiwi {
    display: inline-block;
    width: 110px
}

.saving_head.small .complete_msg dd.blue .fiwi+em {
    display: inline-block;
    width: 130px;
    text-align: right
}

.saving_head.small .complete_msg dd.total {
    letter-spacing: inherit;
    font-size: 20px;
    color: var(--txt-g1000);
    margin-top: 5px
}

.saving_head.small+.fake_table {
    margin-top: 25px
}

.saving_head.small p {
    font-size: 32px;
    color: var(--txt-g1000);
    letter-spacing: inherit
}

.saving_head.small p span {
    color: var(--color-navy)
}

@media screen and (min-width:699px) {
    .saving_head.small .complete_msg dd.blue .fiwi+em {
        width: 130px;
        text-align: right
    }
    p+p.all_check {
        margin: 10px 0px 20px 0px
    }
}

.module_bankbook {
    position: relative;
    width: calc(100% - 10px);
    margin: 6px auto 0;
    box-shadow: 0px 5px 5px #e7e4df;
    box-sizing: border-box;
    background: var(--color-w100)
}

.module_bankbook .overview {
    display: block;
    position: relative;
    padding: 10px 0 15px;
    width: 100%;
    min-height: 60px
}

.module_bankbook .top {
    padding: 0 15px
}

.module_bankbook .top h4 {
    min-height: 27px;
    display: block;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #141823
}

.module_bankbook .top h4.card {
    display: block;
    width: 80%
}

.module_bankbook .top p {
    margin-top: 10px;
    color: #454d5b;
    font-size: 11px
}

.module_bankbook .top p:first-child {
    margin-top: 0
}

.module_bankbook .top span {
    margin-top: 10px;
    font-size: 11px;
    color: #3b5998
}

.module_bankbook .top .step span {
    margin-top: 0px;
    font-size: 16px
}

.module_bankbook .top .step .check span {
    font-size: 0
}

.module_bankbook .top .step .current span {
    color: var(--color-navy)
}

.module_bankbook .tips {
    height: 23px
}

.module_bankbook .tips span {
    margin-top: 0;
    color: #979088
}

.module_bankbook .price span:first-child {
    color: #0561aa;
    font-size: 11px
}

.module_bankbook .price span {
    color: #222;
    font-size: 13px
}

.module_bankbook .price span strong {
    padding-right: 3px;
    font-size: 19px;
    font-weight: normal
}

.module_bankbook .state {
    position: absolute;
    top: 61px;
    right: 20px;
    margin: 0
}

.module_bankbook .state>p {
    padding: 0 15px;
    height: 24px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box
}

html.mobile .module_bankbook .state>p {
    line-height: 24px
}

.module_bankbook .state .reissue {
    border: 1px solid #0561aa;
    color: #0561aa
}

.module_bankbook .state .use {
    border: 1px solid var(--color-navy);
    color: var(--color-navy)
}

.module_bankbook .overview .balance {
    position: absolute;
    top: 43px;
    right: 12px;
    margin: 0
}

.module_bankbook .etc {
    border-bottom: 1px solid var(--color-g300)
}

.module_bankbook .etc .detail {
    position: relative;
    display: none;
    padding: 20px
}

.module_bankbook .etc .detail .detail_ct {
    position: absolute;
    top: 40px;
    height: 50px;
    width: 100%;
    /*overflow:hidden;*/
}

.module_bankbook .etc .detail .detail_ct .hdd {
    width: 100%;
    height: 50px;
}

.module_bankbook .etc .detail .detail_ct .hdd:after {
    content: "";
    display: block;
    clear: both;
}

.module_bankbook .etc .detail .detail_ct em {
    float: left;
    width: 50%;
}

.module_bankbook .etc .detail .graph img {
    width: 100%
}

.module_bankbook .etc .detail .balance_box {
    width: 100%
}

.module_bankbook .etc .detail .balance_box:after {
    content: '';
    display: block;
    clear: both
}

.module_bankbook .etc .detail .balance_box>div {
    float: left;
    width: 50%
}

.module_bankbook .etc .detail .balance strong span {
    font-size: 19px
}

.module_bankbook .etc .detail .banner {
    display: block;
    margin-top: 30px
}

.module_bankbook .etc .detail .banner img {
    width: 100%
}

.module_bankbook .etc .detail .fake_table>li {
    padding: 0
}

.module_bankbook .etc .action {
    display: block;
    position: relative;
    padding: 10px 20px;
    border-top: 1px solid #e0e0e1;
    font-size: 11px;
    box-sizing: border-box;
    color: #5F7289;
    background: url(/resource/img/bg/bg_darr.png) no-repeat right center;
    background-size: 50px
}

.module_bankbook .etc .action span {
    display: block;
    position: absolute;
    top: 10px;
    right: 35px;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.module_bankbook .etc .action.on {
    background: url(/resource/img/bg/bg_uarr.png) no-repeat right center;
    background-size: 50px
}

.module_bankbook .etc .action.no_move {
    cursor: default;
    background: none
}

/* 2016-07-21 */

.module_bankbook .detail_title {
    position: relative
}

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

.module_bankbook .detail_title strong {
    display: block;
    font-size: 13px;
    color: #141823;
    padding-right: 130px
}

.module_bankbook .detail_title span {
    display: inline-block;
    font-size: 11px;
    color: #5F7289
}

.module_bankbook .detail_title .rb_btn {
    position: absolute;
    right: 0;
    top: -5px;
    height: 26px;
    line-height: 24px;
    min-width: 22px;
    padding: 0 20px;
    border: 1px solid #454d5b;
    border-radius: 20px;
    font-size: 13px
}

html.mobile .module_bankbook .detail_title .rb_btn {
    line-height: 27px
}

.module_bankbook .detail_title .default {
    position: absolute;
    right: 0;
    top: -15px
}

.module_bankbook .detail_title+.gage_box {
    margin-top: 25px
}

.module_bankbook .detail_grp {
    margin: 25px 0 10px
}

.module_bankbook .detail_grp_result {
    text-align: center;
    font-size: 11px;
    color: #5F7289
}

.module_bankbook .grp_sum {
    overflow: hidden;
    margin-top: 25px
}

.module_bankbook .grp_sum dl {
    text-align: right
}

.module_bankbook .grp_sum dt {
    display: inline-block;
    width: 150px;
    padding-left: 17px;
    box-sizing: border-box;
    text-align: left;
    line-height: 19px;
    font-size: 13px
}

.module_bankbook .grp_sum dd {
    display: inline-block;
    min-width: 100px;
    margin-bottom: 5px;
    text-align: right;
    font-size: 15px;
    color: #141823
}

.module_bankbook .grp_sum dt.avg_balance {
    background: url(/resource/img/bg/bg_grp_avg.png) left center no-repeat;
    background-size: 12px 16px
}

.module_bankbook .grp_sum dt.current_balance {
    color: var(--color-navy);
    background: url(/resource/img/bg/bg_grp_crn.png) left center no-repeat;
    background-size: 12px
}

.module_bankbook .detail_chln {
    overflow: hidden;
    margin-top: 10px
}

.module_bankbook .detail_chln span {
    float: left
}

.module_bankbook .detail_chln span:last-child {
    float: right
}

.module_bankbook .detail_chln span i {
    display: inline-block;
    position: relative;
    padding-left: 17px;
    margin-left: 7px
}

.module_bankbook .detail_chln span i:after {
    display: block;
    content: "";
    clear: both;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 5px;
    border-radius: 50%
}

.module_bankbook .detail_chln span .cash {
    color: #0561aa
}

.module_bankbook .detail_chln span .cash:after {
    background: url(/resource/img/bg/bg_disc_blue.png) no-repeat center center;
    background-size: 10px;
}

.module_bankbook .detail_chln span .digital {
    color: var(--color-navy)
}

.module_bankbook .detail_chln span .digital:after {
    background: url(/resource/img/bg/bg_disc_pink.png) no-repeat center center;
    background-size: 10px;
}

.module_bankbook .grp_step_sum {
    overflow: hidden
}

.module_bankbook .grp_step_sum dl:first-child {
    float: left
}

.module_bankbook .grp_step_sum dl:last-child {
    float: right
}

.module_bankbook .grp_step_sum dl:first-child dt {
    margin-bottom: 8px;
    font-size: 13px;
    color: #454d5b
}

.module_bankbook .grp_step_sum dl:first-child dd {
    font-size: 11px;
    color: #5F7289
}

.module_bankbook .grp_step_sum dl:last-child dt {
    text-align: right;
    font-size: 11px;
    color: #454d5b
}

.module_bankbook .grp_step_sum dl:last-child dd {
    text-align: right;
    font-size: 19px;
    color: #141823
}

.module_bankbook .grp_step_sum dl:last-child dd span {
    font-size: 11px
}

.module_bankbook .grp_step_sum dl:last-child dd i {
    display: block;
    margin-top: 14px;
    font-size: 11px;
    color: #454d5b
}

.module_bankbook .grp_step_sum dl.detail_days dt {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 50px;
    color: #979088
}

.module_bankbook .grp_step_sum dl.detail_days dt .num_of_times {
    font-size: 20px;
    letter-spacing: inherit
}

.module_bankbook .grp_step_sum dl.detail_days dt .num_of_times em {
    color: #454d5b
}

.module_bankbook .detail_turn {
    margin-top: 21px;
    overflow: hidden
}

.module_bankbook .detail_turn li {
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    color: #454d5b;
    background: #f3f2ee;
    border-top: 1px solid #f3f2ee
}

.module_bankbook .detail_turn li:first-child {
    position: relative;
    background: #fadde1;
    border-top: 1px solid #fadde1
}

.module_bankbook .detail_turn li:first-child:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    right: -13px;
    top: 0;
    border-top: 27px solid transparent;
    border-left: 13px solid #fadde1;
    border-bottom: 27px solid transparent
}

.module_bankbook .detail_days_step {
    overflow: hidden;
    margin-top: 5px
}

.module_bankbook .detail_days_step li {
    float: left;
    width: 33.333%;
    text-align: center;
    color: #979088;
    font-size: 11px
}

.module_bankbook .detail_days_step li:first-child {
    text-align: left
}

.module_bankbook .detail_days_step li:nth-child(3) {
    text-align: right
}

.module_bankbook .genie_user li {
    overflow: hidden;
    margin-top: 10px
}

.module_bankbook .genie_user strong {
    float: left
}

.module_bankbook .genie_user span {
    float: right
}

.module_bankbook .etc .action_cus {
    padding: 0 20px;
    margin-top: 20px
}

.module_bankbook .etc .action_cus.on {}

.module_bankbook .etc .action_cus .btns {
    display: block;
    padding: 0
}

.module_bankbook .etc .ac_view {
    display: block;
    position: relative;
    padding: 0 20px 27px;
    font-size: 11px;
    box-sizing: border-box;
    text-indent: -9999px;
    color: #5F7289;
    background: url(/resource/img/bg/bg_darr.png) no-repeat center center;
    background-size: 50px
}

.module_bankbook .etc .ac_view.on {
    background: url(/resource/img/bg/bg_uarr.png) no-repeat center center;
    background-size: 50px
}

.module_bankbook .btns {
    display: none;
    margin-top: 0;
    padding: 0 15px 15px
}

.module_bankbook .btns a {
    float: left;
    display: block;
    width: 49%
}

.module_bankbook .btns.w100p a {
    width: 100%
}

.module_bankbook .btns a+a {
    margin-left: 2%
}

.module_bankbook.to_be .btns {
    display: block
}

.module_bankbook.btn_fix .btns {
    display: block
}

.module_bankbook .name_sir:first-child {
    margin-top: 0
}

.module_bankbook span.name_sir {
    margin-top: 5px
}

.module_bankbook.on {
    /*width:calc(100% - 8px);*/
    border: 1px solid var(--color-navy);
    box-sizing: border-box
}

.module_bankbook.on .btns {
    display: block
}

ul li .module_bankbook.on .btns {
    display: none
}

.module_bankbook.on .btns a+a {
    margin-left: 2%
}

.module_bankbook.on .btns .darkblue {
    border: 1px solid #8291a3;
    background: #8291a3
}

.module_bankbook.on .btns.three a {
    width: 32%;
    margin-left: 2%
}

.module_bankbook.on .btns.three a:first-child {
    margin-left: 0
}

.module_bankbook.ing .overview {
    padding-bottom: 0
}

.module_bankbook.ing .btns {
    display: block
}

.module_bankbook .step {
    margin-top: 15px
}

.module_bankbook .step p {
    margin-top: 0
}

.module_bankbook .more {
    position: absolute;
    top: 1px;
    right: 3px;
    width: 50px
}

.module_bankbook .btn_more {
    width: 50px
}

.module_bankbook .btn_more img {
    width: 100%
}

.module_bankbook .move_control {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resource/img/bg/bg_move.png) no-repeat right center;
    background-size: 100%
}

.module_bankbook .move_control a {
    display: block;
    position: absolute;
    right: 5px;
    width: 0;
    height: 40px;
    padding-left: 50px;
    overflow: hidden
}

.module_bankbook .move_control a.up {
    top: 10px;
    background: url(/resource/img/btn/btn_move_up.png) no-repeat center center;
    background-size: 16px
}

.module_bankbook .move_control a.down {
    bottom: 10px;
    background: url(/resource/img/btn/btn_move_down.png) no-repeat center center;
    background-size: 16px
}

.module_bankbook .move_control a.drag {
    top: 50%;
    margin-top: -20px;
    background: url(/resource/img/btn/btn_move_drag.png) no-repeat center center;
    background-size: 15px
}

.module_bankbook.move .move_control {
    display: block
}

.module_bankbook.move.on .move_control a.up {
    top: 10px;
    background: url(/resource/img/btn/btn_move_up_on.png) no-repeat center center;
    background-size: 16px
}

.module_bankbook.move.on .move_control a.down {
    bottom: 10px;
    background: url(/resource/img/btn/btn_move_down_on.png) no-repeat center center;
    background-size: 16px
}

.module_bankbook.move.on .move_control a.drag {
    top: 50%;
    margin-top: -20px;
    background: url(/resource/img/btn/btn_move_drag_on.png) no-repeat center center;
    background-size: 15px
}

/* 카드탭 추가 */

.module_bankbook .etc .card {
    display: block;
    position: relative;
    padding: 10px 20px;
    border-top: 1px solid var(--color-g300);
    font-size: 11px;
    box-sizing: border-box;
    color: var(--color-navy)
}

.module_bankbook .etc .card span {
    display: inline-block;
    border-bottom: 1px solid var(--color-navy);
    line-height: 2
}

.module_bankbook .balance>span {
    display: block;
    font-size: 11px
}

h4.card em[class^=card_icon] {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    background: url(/resource/img/icon/icon_card.png);
    background-size: 27px;
    width: 27px;
    height: 19px
}

h4.card em.card_icon01 {
    background-position: 0 0
}

h4.card em.card_icon02 {
    background-position: 0 65px
}

.bell_box {
    display: block;
    position: relative;
    width: calc(100% - 10px);
    margin: 2px auto 0;
    padding: 7px 10px 7px 30px;
    border: 1px solid #0561aa;
    box-shadow: 0 2px 2px rgba(5, 97, 170, 0.2);
    font-size: 11px;
    box-sizing: border-box;
    border-radius: 3px;
    color: #0561aa;
    background: var(--color-w100) url(/resource/img/bg/bg_bell_blue.png) no-repeat 10px 10px;
    background-size: 13px
}

/*111*/

.module_bankbook.no_line,
.module_bankbook.no_line.on {
    width: 100%;
    margin: 0;
    box-shadow: none;
    border: none
}

.module_bankbook.no_line .overview {
    padding: 0
}

.balance {
    text-align: right
}

.balance strong {
    font-size: 13px;
    font-weight: normal;
    color: #141823
}

.balance strong span {
    position: relative;
    top: 2px;
    margin-right: 3px;
    font-size: 19px;
    line-height: 1.2
}

.balance .possible {
    margin-top: 5px
}

.balance .possible em {
    font-size: 20px;
    /*letter-spacing:1px*/
}

.balance.heading {
    position: relative;
    width: 100%;
    margin: 0;
    box-sizing: border-box
}

.balance.heading h4 {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -16px;
    font-size: 18px;
    color: #141823
}

.tips span {
    display: inline-block;
    margin-left: 2px;
    padding-left: 5px;
    font-size: 11px;
    color: #0561aa;
    background: url(/resource/img/bg/bg_stick.gif) no-repeat left center
}

.tips span:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none
}

.cont_title+.tab_type01,
.saving_head.small+.balance.heading {
    border-top: 1px solid #d6cdc3
}

.txt_box+.tab_type01 {
    margin-top: 25px;
    border-top: 1px solid #d6cdc3
}

.tit_btn_bx {
    margin-top: 25px
}

.tit_btn_bx .rad_btn {
    margin: 0;
    margin-left: 5px;
    top: 0
}

.tit_btn_bx .cont_title+.rad_btn {
    margin-top: 16px;
    margin-left: 15px
}

.inbox.pd h4:first-child+.rad_btn,
.inbox.pd_v h4:first-child+.rad_btn {
    margin-top: 0;
    top: 1px
}

html.mobile .tit_btn_bx .rad_btn {
    top: -2px
}

.line_list>li {
    border-top: 1px solid #d6cdc3
}

.line_list li>a {
    display: block
}

.line_list.npd>li {
    padding: 20px
}

.line_list.npd h4 {
    padding-left: 0
}

.line_list.npd h5 {
    margin-left: -20px
}

/*.line_list > li > label > span > em{font-weight: bold}*/

.star_box {
    margin-top: 5px;
    padding-left: 8px;
    background: url(/resource/img/bul/bul_star.png) no-repeat left 8px
}

.tooltip {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 16px;
    height: 18px;
    margin-left: 2px
}

html.android .tooltip {
    top: 0px
}

.cont_title .tooltip {
    top: 0;
    margin-left: 5px
}

html.mobile .cont_title .tooltip {
    top: -4px
}

.btn_tooltip img {
    vertical-align: bottom
}

.accordion_info {
    position: relative;
    width: 100%;
    height: 34px;
    padding: 0px 20px;
    border-top: 1px solid var(--color-g300);
    box-sizing: border-box;
    overflow: hidden
}

.accordion_info.on {
    height: auto;
    padding-bottom: 10px
}

.accordion_info.double {
    height: auto;
    padding-bottom: 10px
}

.accordion_info .more {
    position: absolute;
    top: 7px;
    right: 20px;
    padding: 0 15px 2px 0;
    z-index: 3;
    background: url(/resource/img/bg/bg_darr_arrow.png) no-repeat right center;
    /*background-size:50px;*/
    background-size: 10px !important;
    color: var(--txt-g700);
    font-size: 11px
}

.accordion_info.on .more {
    background: url(/resource/img/bg/bg_uarr_arrow.png) no-repeat right center;
    /*background-size:50px;*/
    background-size: 10px !important;
}

.accordion_info.double .more {
    top: 17px;
}

.accordion_info.double .fake_table.non_vari {
    margin-top: 20px;
}

html.ios .accordion_info .more {
    background: url(/resource/img/bg/bg_darr_arrow.png) no-repeat right 2px !important;
    background-size: 10px !important;
}

html.ios .accordion_info.on .more {
    background: url(/resource/img/bg/bg_uarr_arrow.png) no-repeat right 3px !important;
    background-size: 10px !important;
}

.accordion_info .txt_blue {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5F7289;
    font-size: 11px;
    line-height: 18px
}

.accordion_info.on .txt_blue {
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
    line-height: 18px
}

.accordion_info .more+.txt_blue {
    width: 85%;
    line-height: 30px
}

/*.accordion_info .txt_blue + .fake_table{padding-top:10px}*/

.accordion_info .fake_table li {
    display: none;
    padding: 0;
    border: 0
}

.accordion_info .fake_table.non_vari li dl.long_text {
    padding-right: 60px;
}

.accordion_info .fake_table.non_vari li dl.long_text dd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.accordion_info .fake_table li:first-child {
    display: block
}

.accordion_info .fake_table.non_vari li dt,
.accordion_info .fake_table.non_vari li dd {
    font-size: 11px;
    min-height: auto
}

/*jjy 추가 */

.accordion_info .btns {
    margin-top: 10px
}

.accordion_info .darkblue {
    font-size: 11px
}

.accordion_info.on .fake_table.non_vari li {
    display: block
}

.accordion_info p+.fake_table.non_vari {
    display: none
}

.accordion_info.on p+.fake_table.non_vari {
    display: block
}

@media screen and (max-width:699px) {
    .accordion_info .fake_table.non_vari.short_dt li dt {
        width: 50px
    }
    .accordion_info .fake_table.non_vari.short_dt li dd {
        width: calc(100% - 55px)
    }
    .tit_btn_bx {
        margin-top: 0
    }
    .tit_btn_bx .rad_btn {
        position: absolute;
        top: 1px;
        right: 20px;
        margin: 0
    }
    .tit_btn_bx .cont_title+.rad_btn {
        margin-top: 0;
        margin-left: 0
    }
}

.accordion_info .fake_table+a.default,
.accordion_info .fake_table+.btns.w100p {
    margin-top: 20px
}

.accordion_info>.fake_table.non_vari:first-child {
    margin-top: 8px
}

.accordion_info+.card_type01 {
    border-top: 1px solid var(--color-g300)
}

.accordion_info .fake_table.non_vari li dl.tel {
    position: relative
}

.accordion_info .fake_table.non_vari li dl.tel a {
    position: absolute;
    right: 0px;
    top: -10px;
    font-size: 11px
}

.cont_title+.card_type01 {
    border-top: 1px solid var(--color-g300);
    margin-top: 20px
}

.card_type01 {
    position: relative;
    width: 100%
}

.card_type01>a,
.card_type01>.box {
    display: block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.card_type01>a div,
.card_type01>.box div {
    width: 100%
}

.card_type01>a div .timing,
.card_type01>.box div .timing,
.card_type01>a div .head,
.card_type01>.box div .head,
.card_type01>a div .account,
.card_type01>.box div .account,
.card_type01>a div .writer,
.card_type01>.box div .writer {
    float: left;
    font-size: 11px
}

.card_type01>a div .writer,
.card_type01>.box div .writer {
    margin-top: 3px
}

.card_type01>a div .red,
.card_type01>.box div .red,
.card_type01>a div .blue,
.card_type01>.box div .blue,
.card_type01>a div .price,
.card_type01>.box div .price,
.card_type01>a div .black,
.card_type01>.box div .black,
.card_type01>a div .date,
.card_type01>.box div .date {
    float: right;
    font-size: 11px;
    color: var(--txt-g1000)
}

/*FETASK-1782 color:#141823*/

.card_type01>a div .no_nick,
.card_type01>.box div .no_nick {
    font-size: 12px;
    color: #979088
}

.card_type01>a div .account,
.card_type01>.box div .account {
    color: var(--txt-g700);
    display: block;
    margin-top: 3px
}

/*FETASK-1782 color:#5F7289*/

.card_type01>a div .timing,
.card_type01>.box div .timing {
    color: var(--txt-g700)
}

/*FETASK-1782 color:#adb6c1*/

.card_type01>a div .timing strong,
.card_type01>.box div .timing strong {
    margin-right: 5px;
    color: #adb6c1;
    font-weight: normal
}

.card_type01>a div .blue,
.card_type01>.box div .blue {
    color: #0561aa
}

.card_type01>a div .red,
.card_type01>.box div .red {
    color: var(--color-navy)
}

.card_type01>a div .head,
.card_type01>.box div .head {
    display: block;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    color: var(--txt-g1000)
}

/*FETASK-1782 color:#141823*/

.card_type01>a div .price,
.card_type01>.box div .price {
    font-size: 14px;
    color: var(--txt-g1000)
}

/*FETASK-1782 color:#141823*/

.card_type01>a div .price strong,
.card_type01>.box div .price strong {
    position: relative;
    top: 0px;
    font-size: 19px;
    font-weight: normal
}

/* s:FETASK-접근성-v1.0 : card_type01 버튼기능 제거 케이스 대응(PBKINQ0302020100V) */

:root .card_type01>.btns {
    display: none;
    margin-top: -10px;
    padding: 0 20px 20px;
    width: 100%
}

:root .card_type01.on>.btns {
    display: block;
}

/* e:FETASK-접근성-v1.0 : card_type01 버튼기능 제거 케이스 대응(PBKINQ0302020100V) */

.card_type01.btn>.btns {
    display: none;
    margin-top: -10px;
    padding: 0 20px 20px
}

.card_type01.btn+.card_type01.btn {
    border-top: 1px solid var(--color-g300)
}

.card_type01.btn>.btns.three a {
    width: 32%;
    margin-left: 2%
}

.card_type01.btn>.btns.three a:first-child {
    margin-left: 0
}

.card_type01.btn.on>.btns {
    display: block;
    padding: 0 20px 20px 20px;
    width: 100%
}

.card_type01.check>a {
    padding: 20px 20px 20px 50px
}

.card_type01.check label[class^="btn"] {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -16px
}

.card_type01 .info {
    margin-top: 5px;
    font-size: 11px
}

.card_type01 .info p {
    color: #454d5b
}

.card_type01 .info span {
    color: #3b5998
}

@media screen and (max-width:698px) {
    .card_type_linelist .card_type01+.card_type01 {
        border-top: 1px solid #e0e0e1
    }
}

.btns.w100p a.default.w100p {
    width: 100%
}

.list_more {
    position: relative;
    text-align: center;
    padding: 40px 0;
    background: var(--color-w100)
}

/* SR-507 */

.list_more a {
    display: inline-block;
    height: 19px;
    padding-left: 24px;
    font-size: 14px;
    color: var(--txt-g700);
    background: url(/resource/img/reform/btn/btn_more.png) no-repeat 0px 2px;
    background-size: 16px auto;
}

/*FETASK-1782 color:#5f7289 */

@media screen and (max-width:698px) {
    .inbox+.list_more {
        margin-top: -2px
    }
    .inbox.pd_v:last-child .list_more {
        padding-bottom: 0
    }
}

/*우측화살표 목록*/

[class^='agree_check type'] .timing {
    position: absolute;
    right: 40px;
    display: block;
    margin-top: 2px;
    font-size: 14px;
    font-weight: normal;
    color: #878079
}

[class^='agree_check type'] li .agree_check_set {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    width: 0;
    overflow: hidden
}

.agree_check.type2 li a {
    padding: 17px 40px 21px 20px;
    background: none
}

.agree_check.type3 li a {
    padding: 17px 40px 21px 50px;
    background: none
}

.agree_check.type3 li .btn_checkbox {
    left: 20px;
    right: auto;
    margin-top: -12px
}

.agree_check.type2 li a strong,
.agree_check.type3 li a strong {
    width: 100%
}

html.ios .agree_check.type2.line_type li>a {
    padding: 19px 40px 19px 20px
}

html.ios .agree_check .go_account a>em {
    top: 22px
}

html.ios .q_info_wrap .ico_info {
    margin-top: 1px
}

html.android .q_info_wrap .ico_info {
    margin-top: 2px
}

/*.switch .base i {transition:left 100ms; animation-timing-function:linear}
.switch .base.false i {transition:left 100ms; animation-timing-function:linear; left:35px; background:#454d5b;}*/

.switch .base i {
    transition: left 100ms;
    animation-timing-function: linear;
    left: 3px
}

.switch .base.false i {
    transition: left 100ms;
    animation-timing-function: linear;
    left: 35px !important;
    background: var(--color-g700) !important;
}

.switch .base.false i~span {
    color: var(--color-g700) !important;
}

.switch .base.false i~span:last-child {
    color: var(--color-w100) !important;
}

.switch.onoff .base i {
    transition: left 100ms;
    animation-timing-function: linear;
    left: 3px !important;
    background: var(--color-navy) !important;
}

.switch.onoff .base i~span {
    color: var(--color-w100) !important;
}

.switch.onoff .base i~span:last-child {
    color: var(--color-g700) !important;
}

.switch.onoff .base.false i {
    transition: left 100ms;
    animation-timing-function: linear;
    left: 35px !important;
    background: var(--color-g700) !important;
}

.switch.onoff .base.false i~span {
    color: var(--color-g700) !important;
}

.switch.onoff .base.false i~span:last-child {
    color: var(--color-w100) !important;
}

/* switch */

.switch {
    width: 320px;
    margin: 0 auto
}

.switch .base {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    box-shadow: inset 0px 2px 0px var(--color-g300);
    background: var(--color-g200) !important
}

.switch .base i {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 50%;
    height: 34px;
    border-radius: 20px;
    text-align: center;
    color: var(--color-w100);
    background: var(--color-navy)
}

.switch .base span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    margin-top: -10px;
    text-align: center;
    font-size: 14px;
    text-indent: 3px;
    color: #686e78
}

.switch .base span.on {
    color: var(--color-w100)
}

.switch .base span+span {
    left: 48%;
    text-indent: -3px
}

.switch.onoff {
    position: absolute;
    bottom: 22px;
    right: 20px;
    width: 75px;
    margin: 0
}

.switch.onoff .base {
    height: 27px;
    border-radius: 14px
}

.switch.onoff .base i {
    width: 37px;
    height: 21px
}

.switch.onoff .base span {
    margin-top: -7px;
    font-size: 11px
}

.switch.onoff .base i+span {
    color: var(--color-w100)
}

html.android .switch.onoff .base span {
    margin-top: -6px
}

.switch.onoff.disable .base {
    background: #f3f2ee !important
}

.switch.onoff.disable .base i {
    left: 3px !important;
    background: #d1c8bd !important
}

.switch.onoff.disable .base span {
    color: #d3cbc0 !important
}

.switch.onoff.disable .base span.on {
    color: #f5f5f2 !important
}

.switch.onoff.disable .base i~span:last-child {
    color: #686e78 !important;
}

.scroll_x {
    overflow-x: auto
}

.fw_normal {
    font-weight: normal
}

.pos_r {
    position: relative
}

.pos_r .switch.onoff {
    bottom: auto;
    top: 0
}

.account_list {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    letter-spacing: 0;
    z-index: 9999;
    background: #f5f5f2
}

.account_list h4 {
    padding: 18px 16px;
    font-size: 16px;
    background: var(--color-w100)
}

.account_list_body {
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
    overflow: auto;
    background: var(--color-w100)
}

.account_list_body>li {
    border-top: 1px solid var(--color-g300)
}

.account_list_body>li:first-child {
    border-top: 0
}

.account_list_body>li a {
    padding: 23px 20px;
    display: block;
    font-size: 11px;
    color: var(--txt-g700)
}

.account_list_body>li strong {
    display: block !important;
    font-size: 16px;
    color: var(--txt-g1000)
}

.account_list_body .all_show {}

.account_list_body .all_show a {
    padding: 23px 20px 23px 50px;
    font-size: 16px;
    background: url(/resource/img/bg/bg_list_all_show.png) no-repeat 20px center;
    background-size: 22px
}

/* .account_list .close{position:absolute;top:4px;right:0px;width:50px}
.account_list .close img{width:100%} */

.account_list_body.bd_type li ul li {
    border-bottom: 1px solid var(--color-g300)
}

.account_list_body.bd_type li ul li:last-child {
    border-bottom: none
}

.fake_table li dd>.account_list h4:first-child,
.saving_head.small .complete_msg dt .account_list h4:first-child {
    padding-top: 18px
}

.account_list.title .account_list_body>li {
    border-top: 1px solid var(--color-g300);
    padding: 23px 20px 0
}

.account_list.title .account_list_body>li:first-child {
    border-top: 0
}

.account_list.title .account_list_body>li>strong {
    font-weight: normal;
    color: #5F7289
}

.account_list.title .account_list_body>li li {
    border-top: 1px solid var(--color-g300)
}

.account_list.title .account_list_body>li li:first-child {
    border-top: 0
}

.account_list.title .account_list_body>li li a {
    padding: 23px 0
}

.new_account_regist {
    position: relative;
    width: 100%
}

.new_account_regist .default {
    width: 100%;
    margin-top: 10px
}

/* mainbox */

.mainbox {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
    box-shadow: 0px 5px 5px #e7e4df;
    background: var(--color-w100)
}

.mainbox .account_div {
    position: relative;
    width: 100%;
    min-height: 78px;
    padding: 20px 0;
    border-bottom: 1px solid var(--color-g300);
    overflow: hidden;
    /*overflow-x:auto;*/
    -webkit-overflow-scrolling: touch
}

.mainbox .account_div .name_card {
    position: absolute;
    left: 50%;
    max-width: 150px
}

.mainbox .account_div .name_card.logout {
    position: static;
    max-width: 100%;
    margin: 0;
    padding-bottom: 10px;
}

.mainbox .account_div .name_card.logout p {
    font-size: 11px
}

.mainbox .account_div>i {
    display: block;
    position: absolute;
    top: 0;
    width: 30px;
    height: 119px
}

.mainbox .account_div>i.shade_left {
    left: 0;
    background: url(/resource/img/bg/bg_main_shadow_l.png) repeat-y;
    background-size: 30px
}

.mainbox .account_div>i.shade_right {
    right: 0;
    background: url(/resource/img/bg/bg_main_shadow_r.png) repeat-y;
    background-size: 30px
}

.mainbox .lately_transfer {
    position: relative;
    left: 0;
    padding-left: 85%;
    padding-right: 40px
}

.mainbox .lately_transfer li {
    float: left;
    margin-left: 30px
}

.mainbox .lately_transfer li:first-child {
    margin-left: 0
}

.mainbox .lately_transfer .name_card {
    float: left;
    position: relative;
    left: 0
}

.mainbox .paging {
    position: absolute;
    bottom: -25px;
    width: 100%;
    text-align: center
}

.mainbox .paging span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 2px;
    border-radius: 8px;
    background: #c5c6c6;
    overflow: hidden;
    color: transparent;
    font-size: 1px;
}

.mainbox .paging span.plus {
    background: url(/resource/img/bg/bg_sl_plus.png);
    background-size: 8px
}

.mainbox .paging span.plus.on {
    background: url(/resource/img/bg/bg_sl_plus_on.png);
    background-size: 8px
}

.mainbox .paging span.on {
    background: var(--color-navy)
}

.mainbox .account_div>.name_card {
    z-index: 1
}

/*20170105*/

.mainbox .account_div .lSSlideOuter {
    position: relative;
}

.mainbox .account_div .lSPager {
    display: none;
}

.mainbox #auto_width.lately_transfer {
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

.mainbox #auto_width.lately_transfer:after {
    content: "";
    display: block;
    clear: both;
}

.mainbox #auto_width.lately_transfer+.lSAction>a {
    background: none;
}

.mainbox #auto_width.lately_transfer+.lSAction>a,
.mainbox #auto_width.lately_transfer+.lSAction>a span.label {
    height: 85px;
}

.mainbox #auto_width.lately_transfer li.me_li {
    position: relative;
    z-index: 100;
}

.mainbox #auto_width.lately_transfer li.me_li.alone {
    position: absolute;
    text-align: center;
    left: 0;
}

.mainbox #auto_width.lately_transfer li.me_li.alone .name_card.me {
    position: static;
    margin-left: 0 !important;
}

.mainbox #auto_width.lately_transfer li.me_li:after {
    content: "";
    display: block;
    clear: both;
}

.mainbox #auto_width.lately_transfer li.me_li .name_card.me {
    position: absolute;
    left: 65%;
    z-index: 100;
    padding-right: 0px;
    padding-left: 0;
}

.mainbox #auto_width.lately_transfer li {
    min-width: 90px;
    min-height: 85px;
    text-align: center;
    margin-left: 0 !important;
}

.mainbox #auto_width.lately_transfer li:last-child .name_card {
    padding-right: 60px;
    padding-left: 10px;
    box-sizing: border-box;
}

.mainbox #auto_width.lately_transfer li .name_card {
    float: none;
    display: inline-block;
    margin: auto;
}

html.mobile.ios .mainbox #auto_width.lately_transfer+.lSAction,
html.pc .mainbox #auto_width.lately_transfer+.lSAction {
    display: none !important;
}

.picture {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    background: #a1998c;
    border-radius: 50%
}

.picture img {
    width: 100%
}

.picture span {
    display: block;
    padding: 8px 0;
    font-size: 30px;
    color: var(--color-w100);
    height: 60px;
    box-sizing: border-box;
    text-align: center
}

.picture span.img {
    padding: 0 !important
}

html.mobile .picture span {
    padding: 11px 0
}

html.mobile .picture span.img {
    padding: 0 !important
}

html.mobile.ios .picture span {
    padding: 13px 0
}

html.mobile.ios .picture span.img {
    padding: 0 !important
}

.name_card a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.name_card a .alarm {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 20px;
    margin-left: 15px;
    padding: 2px 7px;
    border-radius: 90px;
    box-shadow: 2px 2px 3px rgba(204, 204, 204, 0.5);
    box-sizing: border-box;
    font-size: 11px;
    white-space: nowrap;
    color: var(--color-w100);
    background: var(--color-navy)
}

.name_card a .alarm.trans {
    background: #8291a3
}

.name_card a .alarm.quick {
    background: #979088
}

.name_card a p {
    margin-top: 6px;
    text-align: center;
    letter-spacing: inherit;
}

.detail_sl {
    position: relative;
    width: 100%;
    min-height: 194px;
    overflow: hidden
}

.detail_sl.slider_wrap {
    overflow: visible;
}

.detail_sl.card_no {
    min-height: auto
}

.detail_sl ul {
    position: relative;
    width: 100%;
    overflow: hidden
}

.detail_sl ul li {
    float: left;
    width: 100%;
    /*height:199px;*/
    overflow: hidden
}

.detail_sl>a {
    position: absolute;
    top: 50%;
    margin-top: -68px;
    padding: 50px 20px
}

.detail_sl>a img {
    width: 7px
}

.detail_sl>a.prev {
    left: 0px
}

.detail_sl>a.next {
    right: 0px
}

.detail_sl.pd_v>a {
    top: 50%;
    margin-top: -23px
}

.sl_con_div {
    width: 100%;
    padding: 25px 0 0;
    position: relative;
}

.sl_con_div>a {
    display: block;
    position: relative;
}

.sl_con_div p {
    font-size: 11px;
    text-align: center
}

.sl_con_div p strong {
    display: block;
    font-size: 16px
}

.sl_con_div .gage_box {
    margin-top: 25px
}

.sl_con_div .foot {
    margin-top: 18px;
    padding: 10px 0;
    border-top: 1px solid var(--color-g300);
    text-align: center;
    color: #5F7289
}

.sl_con_div .gage_box.switch+.foot {
    margin-top: 28px
}

.sl_con_div [class^=card] {
    position: relative;
    width: 244px;
    height: 154px;
    margin: 0 auto
}

.sl_con_div .card {
    background: url(/resource/img/bg/bg_card.png);
    background-size: 100%
}

.sl_con_div .card01 {
    background: url(/resource/img/bg/bg_card01.png);
    background-size: 100%
}

.sl_con_div .btns {
    text-align: center
}

.sl_con_div .btns a {
    width: 35%
}

.sl_con_div .card.type01 {
    background: url(/resource/img/bg/card_type01.png);
    background-size: 100%
}

.sl_con_div .card.type02 {
    background: url(/resource/img/bg/card_type02.png);
    background-size: 100%
}

.sl_con_div .card.type03 {
    background: url(/resource/img/bg/card_type03.png);
    background-size: 100%
}

.sl_con_div .card.type04 {
    background: url(/resource/img/bg/card_type04.png);
    background-size: 100%
}

.sl_con_div .card.type05 {
    background: url(/resource/img/bg/card_type05.png);
    background-size: 100%
}

.sl_con_div .card.type06 {
    background: url(/resource/img/bg/card_type06.png);
    background-size: 100%
}

.sl_con_div .card ul {
    position: absolute;
    bottom: 12px;
    left: 13px;
    font-size: 11px;
    color: #5F7289
}

.sl_con_div .card ul li {
    margin-top: 4px;
    height: auto
}

.sl_con_div .card ul li:first-child {
    margin-top: 0
}

.sl_con_div .card ul li span {
    display: inline-block;
    width: 95px
}

.sl_con_div .card ul li:first-child+li {
    margin-top: 2px
}

/*.sl_con_div .card ul li:first-child + li + li{}
.sl_con_div .card ul li:first-child span{width:auto;margin-left:5px;color:var(--color-w100)}*/

.sl_con_div .card ul li:first-child span {
    width: auto;
    margin-left: 5px
}

.sl_con_div .card ul li:first-child span:first-child {
    margin-left: 0
}

.sl_con_div .card.type01 ul li {
    color: #454d5b
}

.sl_con_div .card.type02 ul li {
    color: var(--color-w100)
}

.sl_con_div .card.type03 ul li {
    color: var(--color-w100)
}

.sl_con_div .card.type04 ul li {
    color: #454d5b
}

.sl_con_div .card.type05 ul li {
    color: var(--color-w100)
}

.sl_con_div .card.type06 ul li {
    color: var(--color-w100)
}

.pd_v .sl_con_div {
    padding: 0
}

.gage_box {
    position: relative;
    width: 80%;
    height: 55px;
    margin: 0 auto
}

.gage_box.height {
    height: auto
}

.gage_box .top_txt {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 11px
}

.gage_box .gage {
    position: relative;
    width: 100%;
    border-radius: 3px;
    box-shadow: inset 0 2px 1px #e9e9e5;
    background: #f3f2ee
}

.gage_box .gage:after {
    content: "";
    display: block;
    clear: both
}

.gage_box .gage div {
    position: relative;
    height: 11px;
    border-radius: 3px
}

.gage_box .gage div span {
    position: absolute;
    right: -1px;
    margin-top: -5px;
    padding: 1px 5px;
    border-radius: 20px;
    font-size: 11px;
    background: var(--color-w100);
    display: block
}

.gage_box .txt {
    width: 100%;
    margin-top: 10px;
    color: #979088
}

.gage_box .txt .fl {
    float: left;
    text-align: left
}

.gage_box .txt .fr {
    float: right;
    text-align: right
}

.gage_box .txt .bigger {
    font-size: 20px
}

.gage_box .txt .bigger strong {
    display: inline;
    font-size: 20px
}

.gage_box.switch {
    margin-top: 15px;
    /*height:65px*/
}

.gage_box.switch .switch {
    width: 100%
}

.gage_box .txt .black {
    color: #454d5b
}

.gage_box .txt .disc {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px
}

.gage_box .txt .pink .disc {
    background: url(/resource/img/bg/bg_disc_pink.png) no-repeat center center;
    background-size: 8px
}

.gage_box .txt .blue .disc {
    background: url(/resource/img/bg/bg_disc_blue.png) no-repeat center center;
    background-size: 8px
}

.gage_box .txt .black .disc {
    background: url(/resource/img/bg/bg_disc_black.png) no-repeat center center;
    background-size: 8px
}

/* 2017-03-24 */

.switchArticle {
    width: 80%;
    margin: 19px auto 0;
}

.switchArticle .switch {
    width: 100%;
}

.switchArticle .txt {
    margin-top: 10px;
    color: #979088;
    font-size: 11px;
}

@media screen and (max-width:320px) {
    .switchArticle .switch {
        width: 240px;
    }
}

/* 2017-03-24 */

.sl_con_div .gage_box .gage {
    height: 30px;
    background: var(--color-w100)
}

html.mobile .sl_con_div .gage_box .gage {
    height: 20px
}

.gage_box .gage.pink div {
    background: var(--color-navy)
}

.gage_box .gage.pink div span {
    border: 2px solid var(--color-navy)
}

.gage_box .gage.blue {
    height: 30px
}

.gage_box .gage.blue div {
    background: #0561aa
}

.gage_box .gage.blue div span {
    border: 2px solid #0561aa;
    color: #0561aa
}

.gage_box.three {
    margin-top: 12px;
    height: 68px
}

.gage_box .gage.three {
    position: relative
}

.gage_box .gage.three div {
    position: absolute;
    top: 0
}

.gage_box .gage.three div.step01 {
    width: 10px;
    left: 20%;
    background: var(--color-navy)
}

.gage_box .gage div.step02 {
    width: 10px;
    left: 50%;
    background: #8b8f97
}

.gage_box .gage div.step03 {
    width: 10px;
    left: 100%;
    margin-left: -10px;
    background: #0561aa
}

.gage_box img {
    width: 100%
}

.gage_info {
    overflow: hidden;
    margin-bottom: 3px
}

.gage_info span {
    color: #979088
}

.sl_con_div .pay {
    height: 55px;
    text-align: center;
    margin-top: 42px
}

.sl_con_div .pay>strong {
    color: #454d5b;
    font-size: 13px;
    display: block
}

.sl_con_div .pay>span {
    color: #0561aa;
    font-size: 13px;
    display: block
}

.sl_con_div .pay_day {
    height: 62px;
    text-align: center;
    margin-top: 18px
}

.sl_con_div .pay_day>span {
    display: block;
    font-size: 13px;
    color: #454d5b
}

.sl_con_div .pay_day strong.day {
    color: #979088;
    font-size: 40px;
    line-height: 1;
    font-weight: normal
}

.sl_con_div .pay_day strong.day span {
    font-size: 20px
}

.sl_con_div .pay_day strong.day_div {
    color: #979088;
    font-size: 40px;
    line-height: 1;
    font-weight: normal
}

.sl_con_div .pay_day strong.day_div span {
    font-size: 20px;
    color: #454d5b
}

.sl_con_div .pay_day strong.day_div span i {
    color: #979088
}

/* 그래프 */

.unit_gage_wrap .top_txt {
    color: #141823;
    font-size: 18px
}

.unit_gage_wrap .top_txt em {
    color: #0561aa
}

.unit_gage_wrap .txt span {
    display: block;
    float: left;
    font-size: 11px
}

.unit_gage_wrap .gage_box {
    margin-top: 23px;
    width: 100%;
    height: 60px
}

.unit_gage_wrap .top_txt {
    color: #141823;
    font-size: 18px
}

.unit_gage_wrap .top_txt em {
    color: #0561aa
}

.unit_gage_wrap .txt span {
    display: block;
    float: left;
    font-size: 11px
}

.unit_gage_wrap .unit2ea span:nth-child(1) {
    text-align: left;
    width: 50%
}

.unit_gage_wrap .unit2ea span:nth-child(2) {
    text-align: right;
    width: 50%
}

.unit_gage_wrap .unit3ea span:nth-child(1) {
    text-align: left;
    width: 33.3%
}

.unit_gage_wrap .unit3ea span:nth-child(2) {
    text-align: center;
    width: 33.3%
}

.unit_gage_wrap .unit3ea span:nth-child(3) {
    text-align: right;
    width: 33.4%
}

.unit_gage_wrap .unit4ea span {
    width: 25%
}

.unit_gage_wrap .unit4ea span:nth-child(1) {
    text-align: left
}

.unit_gage_wrap .unit4ea span:nth-child(2) {
    text-align: left;
    text-indent: 10px
}

.unit_gage_wrap .unit4ea span:nth-child(3) {
    text-align: center
}

.unit_gage_wrap .unit4ea span:nth-child(4) {
    text-align: right
}

.unit_gage_wrap .gage_box {
    margin-top: 23px;
    width: 100%;
    height: 60px;
    margin-bottom: 18px
}

.main_icons {
    width: 100%;
    margin-bottom: 18px
}

.main_icons li {
    float: left;
    width: 25%;
    border-left: 1px solid #abadb0;
    box-sizing: border-box
}

.main_icons li:first-child {
    border: 0
}

.main_icons li a {
    display: block;
    padding-top: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top
}

.main_icons li:first-child a {
    background-image: url(/resource/img/bg/bg_btn_main_1per3.png);
    background-size: 22px
}

.main_icons li:first-child+li a {
    background-image: url(/resource/img/bg/bg_btn_main_2per3.png);
    background-size: 23px;
    background-position-y: 3px
}

.main_icons li:first-child+li+li a {
    background-image: url(/resource/img/bg/bg_btn_main_3per3.png);
    background-size: 28px;
    background-position-y: 3px
}

.main_icons li:first-child+li+li+li a {
    background-image: url(/resource/img/bg/bg_btn_main_4per3.png);
    background-size: 24px;
    background-position-y: 3px
}

.content>a.banner {
    margin-top: 5px;
    border-bottom: 1px solid var(--color-g300);
    box-shadow: 0px 5px 5px #e9e9e7
}

a.banner {
    display: block;
    overflow: hidden;
    box-sizing: border-box
}

a.banner img {
    display: block;
    width: 100%;
    overflow: hidden
}

.float_btns {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #abadb0;
    background: var(--color-w100)
}

.float_btns li {
    float: left;
    width: 25%
}

.float_btns li a {
    display: block;
    height: 18px;
    padding: 40px 0 15px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 15px
}

/* 2017-04-24 */

.float_btns li:first-child a {
    background-image: url(/resource/img/bg/bg_float_btns01.png);
    background-size: 16px
}

.float_btns li:first-child+li a {
    background-image: url(/resource/img/bg/bg_float_btns02.png);
    background-size: 22px
}

.float_btns li:first-child+li+li a {
    background-image: url(/resource/img/bg/bg_float_btns03.png);
    background-size: 22px
}

.float_btns li:first-child+li+li+li a {
    background-image: url(/resource/img/bg/bg_float_btns04.png);
    background-size: 19px
}

.float_btns li.on a {
    color: var(--color-navy)
}

.float_btns li:first-child.on a {
    background-image: url(/resource/img/bg/bg_float_btns01_on.png);
    background-size: 16px
}

.float_btns li:first-child+li.on a {
    background-image: url(/resource/img/bg/bg_float_btns02_on.png);
    background-size: 22px
}

.float_btns li:first-child+li+li.on a {
    background-image: url(/resource/img/bg/bg_float_btns03_on.png);
    background-size: 22px
}

.float_btns li:first-child+li+li+li.on a {
    background-image: url(/resource/img/bg/bg_float_btns04_on.png);
    background-size: 19px
}

.footer {
    position: relative;
    width: 100%
}

/* 2017-04-06 */

.footer div {
    margin-left: 20px;
    text-align: left
}

.footer div p {
    margin: 10px 0 15px;
    font-size: 8px;
    color: var(--txt-g700)
}

/*FETASK-1782  color:#979088*/

.footer div p.cs_center {
    margin-top: 0
}

.footer div p.cs_center span {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    color: #3c4451;
    font-size: 15px;
    letter-spacing: inherit;
    font-weight: bold
}

.footer div p.cs_center .line {
    background: url(/resource/img/bg/bg_stick2.gif) no-repeat 0 center
}

.footer div p.cs_center span:first-child {
    margin-left: 0;
    padding-left: 0
}

.footer div p.ma {
    margin: 20px 0 0;
    padding-left: 38px;
    padding-top: 3px;
    height: 31px;
    background: url(/resource/img/ico_ma.png) no-repeat 0 0;
    background-size: 34px auto
}

.footer div p.ma span {
    display: block;
}

.footer div p.ma .t1 {
    font-size: 10px;
}

.footer div p.ma .t2 {
    font-size: 10px;
    color: #69696a;
}

.footer div strong {
    font-size: 15px
}

.footer ul {
    width: 145px;
    width: 100%;
    padding: 0 20px 20px;
    box-sizing: border-box
}

.footer ul li {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    background: url(/resource/img/bg/bg_stick.gif) no-repeat right 8px
}

html.mobile .footer ul li {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
    background: url(/resource/img/bg/bg_stick.gif) no-repeat right 6px
}

.footer ul li:last-child {
    margin: 0;
    padding: 0;
    background: none
}

.footer ul li a {
    font-size: 11px;
    color: var(--txt-g700)
}

/*FETASK-1782  color:#979088*/

.footer.mobile ul li {
    margin-right: 5px;
    padding-right: 5px
}

.footer.pc div p {
    font-size: 11px
}

.footer.pc div ul li.main {
    display: none;
}

.footer .mb_wrap {
    margin-left: 0;
    margin-right: 20px;
}

.footer .mb_wrap ul {
    float: left;
    width: calc(100% - 40px);
}

.footer .mb_wrap .sns {
    display: block;
    margin-left: calc(100% - 40px);
    text-align: right;
}

.footer .mb_wrap .sns+div {
    clear: both;
}

.footer .mb_wrap .sns a.b_facebook {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    background: url(/resource/img/cmm/ico_facebook2.png) no-repeat 0 0;
    background-size: 25px
}

/* footer : 2017-04-06 */

.footer .list_sns {
    position: absolute;
    top: 7px;
    right: 0;
    overflow: hidden;
    width: auto !important;
}

.footer .list_sns {
    float: none;
    width: 100%;
    padding: 0;
}

.footer .list_sns>li {
    float: left;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
    background: none !important;
}

.footer .list_sns>li:first-child {
    margin-left: 0 !important;
}

.footer .list_sns>li img {
    width: 32px;
    height: 32px;
}

.footer.mobile .list_sns {
    position: static;
    width: 100% !important;
    margin: -17px 0 15px 0;
}

.footer.mobile .list_sns>li {
    margin: 0 0 0 10px !important;
}

.footer.mobile .list_sns>li:first-child {
    margin-left: 0 !important;
}

.footer.mobile .list_sns>li img {
    width: 24px;
    height: 24px;
}

.footer .footBoxing .csCenter:after {
    content: "";
    display: block;
    clear: both;
}

.footer .footBoxing .csCenter {
    margin: 17px 0 0 0;
}

.footer .footBoxing .csCenter .tit {
    float: left;
    margin-right: 14px;
    color: #454d5b;
    font-size: 15px;
    letter-spacing: inherit;
}

.footer .footBoxing .list_cs {
    float: left;
    width: auto;
    padding: 0;
}

.footer .footBoxing .list_cs:after {
    content: "";
    display: block;
    clear: both;
}

.footer .footBoxing .list_cs>li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 0 0 11px;
    color: #454d5b;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: inherit;
    background: none;
}

.footer .footBoxing .list_cs>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 1px;
    height: 10px;
    margin-top: -6px;
    background-color: #454d5b;
}

/* 2017-04-03 수정 */

.footer .footBoxing .list_cs>li:first-child {
    padding-left: 0;
}

.footer .footBoxing .list_cs>li:first-child:after {
    display: none;
}

.footer .footBoxing .policyCenter {
    margin: 3px 0 0 0;
}

.footer .footBoxing .list_policy {
    float: none;
    /*margin-top:12px;*/
    padding: 0;
}

.footer .footBoxing .list_policy:after {
    content: "";
    display: block;
    clear: both;
}

.footer .footBoxing .list_policy>li {
    position: relative;
    margin: 0;
    padding: 0 0 0 11px;
    background: none;
}

.footer .footBoxing .list_policy>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 1px;
    height: 9px;
    margin-top: -5px;
    background-color: #979088;
}

/* 2017-04-03 수정 */

.footer .footBoxing .list_policy>li:first-child {
    padding-left: 0;
}

.footer .footBoxing .list_policy>li:first-child:after {
    display: none;
}

.footer .footBoxing .list_policy>li a {
    font-size: 12px;
}

.footer .footBoxing .infoBox {
    margin: 20px 0 0 0;
}

.footer .footBoxing .infoBox .m_mark_wa {
    height: 28px;
    margin: 0;
    padding: 3px 0 0 38px;
    background: url("/resource/img/ico_ma.png") no-repeat left top;
    background-size: 34px auto;
}

.footer .footBoxing .infoBox .m_mark_wa span {
    display: block;
    font-size: 11px;
}

.footer .footBoxing .infoBox .m_mark_wa .txt2 {
    color: #676869;
}

.footer .footBoxing .infoBox small {
    display: block;
    margin-top: 20px;
    color: #979088;
    font-size: 11px;
}

#footer .float_btns {
    z-index: 998;
}

/* footer : 2017-03-22 */

.auto_sl {
    position: relative;
    width: 100%;
    min-height: 160px;
}

.auto_sl ul {
    position: relative;
    width: 100%;
    overflow: hidden
}

.auto_sl ul li {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%
}

.auto_sl ul li.on {
    left: 0%
}

.auto_sl .paging {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.auto_sl .paging a {
    display: inline-block;
    width: 8px;
    height: 0px;
    padding-top: 8px;
    overflow: hidden;
    border-radius: 8px;
    background: url(/resource/img/bg/bg_dim_white.png)
}

.auto_sl .paging a.on {
    width: 26px;
    background: var(--color-w100)
}

.auto_sl_wrap {
    width: 100%;
    min-height: 160px;
}

.auto_sl_wrap ul#auto_slide:after {
    content: "";
    display: block;
    clear: both;
}

.auto_sl_wrap ul#auto_slide li {
    float: left;
}

.toast {
    position: fixed;
    bottom: 100px;
    left: 0;
    width: 100%;
    z-index: 99
}

.toast>div {
    position: relative;
    width: 95%;
    margin: 0 auto;
    padding: 15px 20px 15px 15px;
    box-sizing: border-box;
    background: url(/resource/img/bg/bg_toast.png)
}

.toast>div p {
    color: var(--color-w100)
}

.toast .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px
}

.toast .close img {
    display: block;
    width: 100%
}

.gura {
    width: calc(100% + 40px);
    margin-left: -20px;
    border-bottom: 1px solid #454d5b
}

.gura thead th {
    font-size: 14px;
    color: #454d5b
}

.gura tbody td {
    color: #141823
}

.gura tbody td,
.gura thead th {
    padding-left: 20px;
    text-align: left
}

.product_detail .gura {
    margin-top: 15px
}

.notice_list li {
    border-top: 1px solid #abadb0
}

.notice_list li:first-child {
    border-top: 0
}

.notice_list a {
    display: block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice_list a strong {
    display: inline-block;
    width: 50px;
    font-weight: normal;
    color: #3b597d
}

.law_wrap {
    padding: 0;
    background: var(--color-w100) !important;
    overflow-y: auto
}

.law_wrap iframe {
    width: 100%;
    height: 100%
}

.law_wrap .law table {
    margin-bottom: 5px
}

.law {
    padding: 20px;
    background: var(--color-w100)
}

.law h1 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px
}

.law h2 {
    margin: 20px 0 20px 0px
}

.law h3 {
    margin-top: 10px
}

.law .law_info {
    margin: 10px 0px
}

.law>p {
    background: var(--color-g100);
    padding: 10px;
    margin-bottom: 10px
}

.law p:first-child {
    margin-top: 0;
    margin-bottom: 30px
}

.law dt:first-child {
    margin-top: 0
}

.law dt {
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
    color: var(--txt-g1000)
}

/*FETASK-1782 color:#141823*/

.inbox .law dt:first-child {
    margin-top: 0
}

.law dd {
    margin-top: 10px
}

.law dd strong {
    display: block;
    color: var(--txt-g1000);
    margin: 10px 0;
    padding-left: 18px
}

/*FETASK-1782 color:#141823*/

.law dd .list_type_dot li>strong {
    margin: 0;
    padding-left: 0
}

.law dd li {
    margin-top: 5px;
    padding-left: 18px;
    text-indent: -18px
}

.law .list_type_dash li {
    padding-left: 8px;
    text-indent: 0
}

.law dd li li {
    padding-left: 16px;
    text-indent: -16px
}

.law dd li a {
    text-indent: 0
}

.law>ul {
    padding: 0 20px
}

.law>ul li {
    margin-top: 5px
}

.law table {
    margin-top: 20px
}

.law td table {
    margin-top: 5px
}

.law table th,
.law table td {
    padding: 5px;
    border: 1px solid var(--color-g300);
    text-indent: 0;
    word-break: break-all
}

/* 2017-09-26 */

.law table table.intable tr th {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}

.law table table.intable tr th:first-child {
    border-left: 0;
}

.law .btn_linetxt {
    text-indent: 0
}

.law dd li .list_normal li,
.law dd .list_type_dot li {
    padding-left: 0;
    text-indent: 0
}

.law dd li .list_normal li:last-child {
    margin-bottom: 20px
}

.law dd li .list_normal li table {
    margin-top: 5px
}

.law dd table tr td .list_type_dot li .list_normal li,
.law dd table tr td .list_type_dash li .list_normal li {
    background: none
}

.law .kdic_date {
    display: block;
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
}

.law .kdic {
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--color-g300);
    margin-top: 5px;
}

.law .kdic:after {
    content: "";
    display: block;
    clear: both;
}

.law .kdic img {
    float: left;
    width: 50px;
}

.law .kdic .txt {
    display: block;
    margin-left: 60px
}

/* .law dd li .list_normal li:last-child table:last-child{margin-bottom:20px} */

.law_right {
    margin: 20px 0
}

.law_right li {
    text-align: right;
    line-height: 22px
}

.law .tbl_tit {
    margin: 10px 0 0 0;
    padding: 0;
    font-weight: normal
}

.law .tbl_tit+table {
    margin-top: 10px
}

.law .table_law {
    margin-bottom: 5px;
    text-align: left
}

.law dl dd ul li .table_law {
    margin-left: -18px
}

.law dl dd .list_type_dot li .list_type_dash {
    margin-top: 5px
}

/*.law p.star_box{background: url(/resource/img/bul/bul_star.png) no-repeat left 17px} */

.law dl+p,
.law ul+p {
    margin-top: 10px
}

.law .product_img_set li {
    padding: 20px !important;
    text-indent: 0;
    background: none;
    text-align: center
}

.law .list_type_star {
    padding: 0
}

.law .list_type_star li {
    padding-left: 10px;
    text-indent: 0
}

.law .product_img_set {
    width: 100%;
    text-align: center
}

.law .product_img_set li {
    width: auto
}

/* 20181220 추가 */

.law .exBox {
    margin: 5px 0;
    padding: 10px;
    background: #f3f3f3;
    text-indent: 0;
}

.law .agreeBox {
    margin: 10px 0;
    text-align: right;
}

.law .agreeBox .agree,
.law .agreeBox .disagree,
.law .agreeBox .allagree {
    display: inline-block;
    width: 130px;
    padding: 3px 7px 3px 3px;
    color: var(--color-w100);
    text-align: center;
}

.law .agreeBox .agree:before,
.law .agreeBox .disagree:before,
.law .agreeBox .allagree:before {
    content: '';
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: var(--color-w100);
}

.law .agreeBox .agree {
    background: var(--color-navy);
    margin-left: 15px;
}

.law .agreeBox .disagree {
    background: #333e48;
}

.law .agreeBox .allagree {
    width: 180px;
    background: var(--color-navy);
    font-weight: bold;
}

.law .agreeBox .agree.on:before,
.law .agreeBox .disagree.on:before,
.law .agreeBox .allagree.on:before {
    content: 'V ';
    color: #000;
}

.law .border {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #c8c8c8;
}

.law .signup {
    overflow: hidden;
}

.law .signup .left {
    float: left;
}

.law .signup .right {
    float: right;
    margin-top: 10px;
}

/* 210908 SR-1553 추가 */

.law .block_item {
    padding: 0;
    margin: 0;
}

.law .block_item>li {
    border: 1px solid #c8c8c8;
}

.law .block_item>li+li {
    margin-top: 10px;
}

.law .block_item li .tit {
    display: block;
    padding: 10px;
    text-align: center;
}

.law .block_item li .cont {
    padding: 18px;
    background-color: #f7f6f6;
}

/* 20210201 체크유형추가 */

.ListCheckBox li:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 9px;
    height: 9px;
    border: 1px solid #454d5b;
}

.ListCheckBox li.on:before {
    background: #000;
    border: 1px solid #000;
}

/* .agreeCheckBox:before {content: '('; display: inline-block;}
.agreeCheckBox:after {content: ')'; display: inline-block;}
.agreeCheckBox li {display:inline-block;}
.agreeCheckBox li:after{
	content: '';
	display: inline-block;
	margin-left: 5px;
	width: 9px;
	height: 9px;
	border: 1px solid #454d5b;
}
.agreeCheckBox li.on:after {background: #000; border:1px solid #000;} */

/* 2017-03-23 추가 */

.law .table_type09 {
    margin-top: 15px;
}

.law .table_type09 th,
.law .table_type09 td {
    border: none;
    padding: 9px 10px;
    border-top: 1px solid var(--color-g300);
}

/* SR-529 */

/* 2017-10-17 */

.law.lawReform {
    font-size: 12px !important;
}

.law.lawReform h1 {
    font-size: 18px !important;
}

.law.lawReform dt {
    font-size: 14px !important;
}

.law.lawReform .kdic_date {
    font-size: 10px !important;
}

.law.lawReform table.minFont {
    font-size: 10px !important;
}

.law.lawReform table.minFont sup {
    font-size: 6px !important;
}

.law.lawReform table.minFont th,
.law.lawReform table.minFont td {
    padding-left: 2px;
    padding-right: 2px;
}

.clear {
    width: 100%
}

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

.clear select.no_custom {
    width: 49%
}

.clear select.no_custom+select.no_custom {
    margin-left: 2%
}

select.no_custom {
    padding-right: 30px;
    padding: 0 15px;
    box-sizing: border-box;
    background: url(/resource/img/bg/bg_darr_select.png) no-repeat right center #f3f3f3;
    background-size: 30px
}

.pc-17 {
    margin-top: 10px
}

.footer ul:after,
.footer:after,
.float_btns:after,
.main_icons:after,
.gage_box .txt:after,
.detail_sl ul:after,
.mainbox .lately_transfer:after,
.card_type01>a div:after,
.card_type01>.box div:after,
.face_item div:after,
.module_bankbook .btns:after {
    content: '';
    display: block;
    clear: both
}

hr {
    margin: 15px 0 10px;
    border: 0;
    border-top: 1px solid var(--color-g300)
}

.br_vari {
    display: none !important
}

/* 웹 O 모바일 X */

.br_rev {
    display: inline-block !important
}

/* 웹 X 모바일 O */

div.br_rev {
    display: block !important
}

.w100p {
    width: 100%
}

.fs11 {
    font-size: 11px !important
}

.m_fr {
    vertical-align: top !important
}

.content.web select {
    padding-right: 25px;
    background: #f3f3f3 url(/resource/img/bg/bg_darr_select.png) no-repeat right center;
    background-size: 30px;
    box-sizing: border-box
}

/*.content.web .fake_table li dd .btn_checkbox{padding:5px 0} 이거 넣으면 전체 다 벌어집니다. 필요한 부분만 따로 클래스 넣어서 잡으세요*/

.content.web .fake_table li .rrn_seven input {
    width: 40%
}

.content.web .fake_table li .rrn_seven i+input {
    width: 50px
}

.content.web .fake_table li .confirm_input input {
    float: left;
    width: calc(100% - 115px);
    border: 1px solid var(--color-g300);
    background-color: var(--color-w100);
}

.content.web .phone_set {
    position: relative;
    width: 100%
}

.content.web .phone_set input,
.content.web .fake_table li .phone_set input {
    float: left;
    width: calc(100% - 266px)
}

.content.web .phone_set .time {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 13px;
    color: var(--color-navy)
}

.content.web .phone_set a.default {
    float: left;
    width: 130px;
    margin: 0 3px
}

.content.web .phone_set a.darkblue {
    float: right;
    clear: inherit;
    margin: 0;
    padding: 9px 20px 10px
}

.content.web .phone_cell {
    width: 100%
}

.content.web .phone_cell select {
    float: left;
    display: inline-block;
    margin-left: 0;
    width: 60px !important;
    min-width: 60px;
    margin-right: 3px
}

.content.web .phone_cell input {
    float: left;
    display: inline-block;
    width: calc(100% - 65px - 113px) !important
}

.content.web .phone_cell a.default {
    display: inline-block;
    float: right;
    width: 110px;
    margin-left: 3px
}

.content.web .tel_select select {
    width: 100% !important
}

.content.web .calender_btn {
    width: auto
}

.content.web .bank_set select {
    float: left;
    width: 90px;
    margin-right: 5px;
    text-align: left
}

.content.web .bank_set input {
    float: left;
    width: calc(100% - 95px)
}

.neoStep {
    text-align: center;
    border-bottom: 1px solid var(--color-g300)
}

.neoStep:last-child,
.neoStep.no_line {
    border-bottom: none
}

.neoStep ul {
    width: inherit;
    display: inline-block;
    padding: 20px 0;
    margin: 0 auto;
    vertical-align: top
}

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

.neoStep ul li {
    float: left;
    display: inline-block;
    padding: 0 3px;
    background-image: url(/resource/img/bg/bg_step_line.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.neoStep ul li em {
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px 0;
    border: 1px solid var(--color-g300);
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    box-sizing: border-box;
    color: #a5a6a8;
    background: var(--color-w100)
}

.neoStep ul li.on em {
    width: auto;
    padding: 4px 5px;
    border: 1px solid var(--color-navy);
    border-radius: 11px;
    color: var(--color-w100);
    background: var(--color-navy)
}

.neoStep ul li:first-child {
    background-image: url(/resource/img/bg/bg_step_line_first.gif)
}

.neoStep ul li:last-child {
    background-image: url(/resource/img/bg/bg_step_line_last.gif)
}

html.mobile .neoStep ul li em {
    padding: 5px 0
}

html.mobile .neoStep ul li.on em {
    padding: 5px
}

/* html.mobile.ios .neoStep ul li em{padding:5px 0}
html.mobile.ios .neoStep ul li.on em{padding:5px} */

.terms_serv_swip {
    width: 100%
}

.terms_serv_swip .neoStep {
    border: 0
}

.terms_serv_swip .neoStep li {
    padding: 0 0 0 6px
}

.terms_serv_swip .neoStep li:first-child {
    padding: 0
}

.terms_serv_swip .neoStep li.on {
    background-image: url(/resource/img/bg/bg_step_line_on.gif)
}

.terms_serv_swip .neoStep li em {
    width: 22px;
    height: 22px;
    padding: 3px 0
}

.terms_serv_swip .neoStep li.on em {
    width: 0px;
    padding: 3px 0 3px 20px;
    border: 1px solid var(--color-navy);
    overflow: hidden;
    background: var(--color-w100) url(/resource/img/bg/bg_step_check_on.gif) no-repeat center center;
    background-size: 12px
}

html.mobile .terms_serv_swip .neoStep li em {
    width: 22px;
    padding: 4px 0
}

html.mobile .terms_serv_swip .neoStep li.on em {
    width: 0px;
    padding: 3px 0 3px 20px
}

.law_swipe>ul {
    position: relative;
    width: 100%
}

.law_swipe>ul>li {
    position: absolute;
    left: 100%;
    width: 100%;
    overflow: auto
}

.law_swipe>ul>li.on {
    left: 0%
}

.law_swipe .law {
    width: 100%;
    padding-top: 0;
    box-sizing: border-box
}

.law_swipe .law>h3 {
    margin-top: 0;
    padding-top: 0
}

.law_swipe .law dt {
    margin-top: 15px
}

.law_swipe .law dt:first-child {
    margin-top: 0
}

html.mobile div[id^="CMMLGI01000005"] .content,
html.mobile div[id^="CMMLGI01000006"] .content,
html.mobile div[id^="CMMLGI01000007"] .content {
    padding-bottom: 0 !important
}

html.mobile div[id^="CMMMBJ0400000100V"] body {
    background: #000
}

@media screen and (max-width:698px) {
    .footer div p.cs_center span {
        margin-left: 6px;
        padding-left: 7px;
        color: #454d5b;
        font-size: 15px;
        letter-spacing: inherit
    }
    .footer div p.cs_center span.line {
        margin-left: 5px;
        padding-left: 5px;
        background-size: 1px auto
    }
    .detail_sl ul {
        max-height: 194px
    }
    .layer_wrap .quick_guide_sl .detail_sl ul {
        max-height: none
    }
    .layer_body .info_wrap01.face .face_item .face {
        margin-top: -20px
    }
    .layer_body .inbox_pop .cont_title a {
        font-size: 11px
    }
    .layer_body .inbox.pd0 .cont_title {
        padding: 0 0 0 0
    }
    /* .table_type01, .table_type03, .table_type04, .table_type05, .table_type06, .table_type07{border-top:1px solid #454d5b;border-bottom:1px solid var(--color-g300)} SR-529 */
    .btns_center a.default {
        width: 100%
    }
    .line_list .cont_small_title {
        margin-bottom: 10px
    }
    /* nodata */
    .cont_title+.nodata01 {
        margin: 15px 0 0 0
    }
    /*.layer_cont .nodata01{color:#878079 !important;font-size:14px;background:#f5f5f5 url(/resource/img/bg/bg_shadow.png) repeat-x left top} 팝업 */
    .br_vari {
        display: inline-block !important
    }
    /* 웹 X 모바일 O */
    .layer_foot .br_vari {
        display: none !important
    }
    .br_rev {
        display: none !important
    }
    /* 웹 O 모바일 X */
    div.br_rev {
        display: none !important
    }
    .bdt1_m {
        border-top: none !important
    }
    .step_box {
        padding: 40px
    }
    .comlplex_list .info_txt+ul li:first-child {
        border-top: 1px solid var(--color-g300)
    }
    .comlplex_list .txt_title+ul li:first-child {
        border-top: 1px solid var(--color-g300)
    }
    .comlplex_list .txt_title+.info_txt {
        font-size: 13px
    }
    .m_fr {
        float: right
    }
    .inbox.pd_v>.table_type01 {
        margin-top: 0
    }
    .inbox.pd_v>.cont_title+.table_type01 {
        margin-top: 15px
    }
    .info_box .info_tit {
        padding-bottom: 15px;
        color: #141823;
        font-weight: bold
    }
    .pd_h .info_box,
    .pd .info_box {
        padding: 20px 0
    }
    .pd_v .info_box,
    .pd .info_box {
        padding-bottom: 0
    }
    .fake_table .info_box {
        padding: 15px;
        font-size: 14px;
        background: #f3f3f3
    }
    .module_bankbook.ing .btns {
        padding-top: 10px;
        border-top: 1px solid var(--color-g300)
    }
    .face_item.noface .detail .btn {
        margin-top: 0
    }
    .content.web #container_inner {
        position: relative;
        width: 940px;
        margin: 0 auto;
        padding: 0px 0 100px
    }
    .content.web .inbox {
        margin: 0;
        border: 0;
        box-shadow: none
    }
    .content.web .inbox.pd,
    .content.web .inbox.pd_h,
    .content.web .inbox.pd_v,
    .content.web .inbox.pd_t {
        padding: 0px
    }
    .content.web .inbox.pd h4.title:first-child,
    .content.web .inbox.pd_v h4.title:first-child {
        padding: 20px 0
    }
    .content.web .inbox.pd_v>.gnb_title+.complete_msg {
        padding-top: 21px
    }
    .content.web .pd_h {
        padding-left: 0px;
        padding-right: 0px
    }
    .content.web .gnb_title {
        display: block;
        margin: 53px 0 20px 0;
        font-weight: normal;
        font-size: 21px
    }
    .content.web .gnb_title+.info_box {
        margin-bottom: 40px !important
    }
    .content.web .inbox>.cont_title {
        margin-top: 34px;
        padding-top: 30px
    }
    .content.web .cont_title {
        padding: 0;
        padding-top: 14px
    }
    .content.web .cont_title+p {
        margin: 15px 0 0 0
    }
    .content.web .inbox>.cont_title,
    .content.web .inbox.pd>.cont_title {
        margin-left: 0;
        padding-top: 0
    }
    .content.web .tit_btn_bx h4 {
        padding-top: 10px
    }
    .content.web h5.cont_small_title+p {
        margin-top: 15px
    }
    .content.web .top_tit_btn {
        overflow: hidden;
        padding: 0;
        margin-top: 35px
    }
    .content.web .top_tit_btn .cont_title {
        float: left;
        padding: 0;
        line-height: 32px
    }
    .content.web .top_tit_btn .cont_title+a {
        float: right;
        margin-top: 0
    }
    .content.web .top_tit_btn .btns_wrap {
        float: right
    }
    .content.web .top_tit_btn+.fake_table.non_vari {
        padding-top: 10px
    }
    .content.web .br_rev {
        display: inline-block !important
    }
    .content.web .tab_type01 {
        margin-bottom: 30px
    }
    /* .content.web .tab_type01 li a{padding: 14px 0 12px 0}
	.content.web .tab_type01 li.on a{padding-bottom: 12px} */
    .content.web .line_box {
        padding: 23px 27px 25px
    }
    .content.web .line_box p.msg {
        margin-left: 30px
    }
    .content.web .line_box.notice_bx {
        padding-left: 139px;
        text-align: left
    }
    .content.web .info_box {
        padding: 20px;
        margin-bottom: 40px;
        background: #f3f1ed
    }
    .content.web .info_box+.table_type02 {
        margin-top: 30px
    }
    .content.web .info_box .list_type_dot {
        margin-top: 0
    }
    .content.web .list_type_dot {
        margin-top: 10px
    }
    .content.web .line_box .list_type_dot li {
        margin-top: 0
    }
    .content.web .tab_type01+.line_box {
        margin-top: 30px
    }
    .content.web .servie_time_bx .notice_bx .complete_msg {
        padding: 0;
        margin-bottom: 0;
        border: none;
        text-align: left
    }
    .content.web .servie_time_bx .notice_bx .list_type_dot li {
        float: none;
        width: auto
    }
    .content.web .servie_time_bx .customer_info>li dt {
        margin-bottom: 20px;
        margin-top: 0;
        padding: 0
    }
    .content.web .servie_time_bx .customer_info>li dd a.default {
        padding: 8px 18px 10px
    }
    .content.web .servie_time_bx .servie_info_bx>li dt {
        padding: 0 0 15px 0;
        margin-top: 0
    }
    .content.web .servie_time_bx .servie_info_bx>li dd {
        box-sizing: border-box;
        padding: 25px;
        border: 1px solid #e0e0e1;
        overflow: hidden
    }
    .content.web .servie_time_bx .servie_info_bx>li dd .list_type_dot li {
        float: left;
        width: 50%;
        margin: 0;
        height: 23px
    }
    .content.web .servie_time_bx .servie_info_bx>li dd .list_type_dot li a {
        display: inline-block
    }
    .content.web .servie_time_bx .servie_info_bx>li dd .list_type_dot li a:hover,
    .content.web .servie_time_bx .servie_info_bx>li dd .list_type_dot li a:focus {
        color: #3b5998;
        border-bottom: 1px solid #39579a
    }
    .content.web .list_dropdown {
        border-top: 0
    }
    .content.web .list_dropdown.caution,
    .content.web .list_dropdown.no_move {
        margin-top: 23px;
        border-bottom: none
    }
    /* 2016-09-27 수정 */
    .content.web .list_dropdown.caution dt,
    .content.web .list_dropdown.caution dd,
    .content.web .list_dropdown.caution dt.on+dd {
        padding-left: 0;
        padding-right: 0
    }
    .content.web .list_dropdown.caution dt.on button {
        margin-top: 23px;
        padding-top: 16px !important;
        padding-bottom: 20px !important;
        background-image: url(/resource/img/bg/bg_bell.png), url(/resource/img/bg/bg_uarr.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 0px center, right center;
        background-size: 24px, 50px
    }
    .content.web .list_dropdown.caution dt button {
        padding-left: 35px
    }
    .content.web .list_dropdown dt button {
        padding: 19px 41px 19px 0
    }
    .content.web .fake_table {
        margin-top: 19px;
        border-top: 1px solid var(--color-g300);
        border-bottom: 1px solid var(--color-g300)
    }
    .content.web .fake_table li:first-child {
        border: 0
    }
    .content.web .fake_table li {
        margin: 0;
        padding: 10px 0;
        border-top: 1px solid var(--color-g300)
    }
    .content.web .fake_table li dt {
        float: left;
        width: 160px;
        margin-top: 7px;
        box-sizing: border-box;
        vertical-align: middle;
        letter-spacing: inherit
    }
    .content.web .fake_table li dd {
        float: left;
        width: 520px;
        min-height: 38px;
        margin-top: 0px;
        box-sizing: border-box
    }
    .content.web .fake_table.non_vari {
        padding: 18px 0;
        border-top: 1px solid var(--color-g300);
        border-bottom: 1px solid var(--color-g300)
    }
    /*.content.web .fake_table.non_vari:first-child{margin-top:0} */
    .content.web .fake_table.non_vari li:first-child {
        margin-top: 0;
        padding-top: 0
    }
    .content.web .fake_table.non_vari li {
        border: 0;
        padding: 0;
        margin-top: 13px
    }
    .content.web .fake_table.non_vari li dt {
        width: 180px;
        margin-top: 0;
        font-size: 14px;
        border-bottom: none
    }
    .content.web .fake_table.non_vari li dd {
        width: calc(100% - 180px);
        min-height: 20px;
        padding: 0 !important;
        font-size: 14px
    }
    .content.web .fake_table.non_vari li dd a.default {
        padding: 0 10px;
        line-height: 30px
    }
    .content.web .fake_table li dd label,
    .content.web .fake_table li dd span {
        font-size: 16px
    }
    .content.web .fake_table li dd a,
    .content.web .fake_table li dd a.default {
        font-size: 13px
    }
    .content.web .fake_table li dd a.default {
        padding: 9px 11px 10px
    }
    .content.web .fake_table .phone_set a.darkblue {
        float: right;
        clear: inherit;
        margin: 0;
        padding: 9px 20px 10px
    }
    .content.web .fake_table li dd.tel_select select {
        width: 100%
    }
    .content.web .fake_table li .btn_checkbox span {
        font-size: 14px
    }
    .last_fake {
        border-bottom: 1px solid var(--color-g300) !important;
        padding: 16px 0
    }
    .content.web .fake_table li dd .list_bottom {
        margin-top: 5px
    }
    .content.web .fake_table li dd .list_bottom dl dt,
    .content.web .fake_table li dd .list_bottom dl dd {
        height: 14px;
        min-height: 15px;
        line-height: 18px
    }
    .content.web .fake_table li dd .list_bottom dl dt {
        font-weight: normal;
        margin-top: 0
    }
    .content.web .fake_table li dd .list_bottom dl:after {
        content: "";
        display: block;
        clear: both
    }
    .content.web .fake_table li dd .list_bottom dl dt {
        float: left;
        width: 120px;
        color: #878079;
        height: 14px;
        font-size: 11px
    }
    .content.web .fake_table li dd .list_bottom dl dd {
        float: right;
        width: calc(100% - 120px);
        font-size: 11px;
        margin-top: 0;
        height: 14px;
        color: #968f87
    }
    .content.web .fake_table.non_vari li dd a.default.small {
        padding: 3px 18px 5px;
        line-height: 17px
    }
    .content.web .fake_table.line_none {
        border: 0
    }
    .content.web .fake_table.line_none li {
        border: 0
    }
    .content.web .fake_table li .confirm_input>a.default {
        float: right;
        width: 111px
    }
    .content.web .fake_table.line_none .etc_except {
        padding-top: 0
    }
    .content.web .fake_table li.etc_except,
    .content.web .etc_except {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }
    .content.web .except_view_wrap .except_view>.fake_table li dd {
        margin-top: 10px
    }
    .content.web .fake_table.line_none .box_line .except_view {
        margin-left: 0;
        position: relative;
        padding: 5px 30px;
        margin-top: 12px;
        border: 1px solid #e0e0e1
    }
    .content.web .fake_table.line_none li.etc_except .except_view .pass_img {
        position: absolute;
        top: 23px;
        right: 30px
    }
    .content.web .except_view.on .fake_table.line_none {
        margin: 0
    }
    .content.web .except_view.on .fake_table.line_none li dt {
        padding: 0;
        margin: 0
    }
    .content.web .except_view.on .fake_table.line_none li dd {
        width: 100%
    }
    .content.web .except_view.on .fake_table.line_none li input[type="password"] {
        width: 200px
    }
    .content.web .except_view.on .fake_table.line_none li input[type="text"] {
        width: 340px
    }
    .content.web .except_view.on .fake_table.line_none.input_w100 input[type="text"] {
        width: 100%
    }
    .content.web .input_info {
        font-size: 13px
    }
    .content.web .security_info .cont_title {
        padding-top: 0;
        margin-top: -5px
    }
    .content.web .security_info li p {
        margin-left: 0
    }
    .content.web div.br_rev {
        display: block !important
    }
    .content.web a.default.w100p,
    .content.web .btns a.w100p {
        display: inline-block;
        min-width: 120px
    }
    .content.web a.default.w100p {
        padding-left: 20px;
        padding-right: 20px
    }
    .content.web a.default,
    .content.web btns a.w100p,
    .content.web .bottom_btns>a.default,
    .content.web .btns.w100p,
    .content.web .btns.w100p a {
        width: auto
    }
    .content.web .right_btns {
        margin-bottom: 10px
    }
    .content.web .txt_type2 {
        padding-top: 0
    }
    .content.web .complete_msg {
        text-align: center;
        border: 3px solid #f3f1ed;
        padding: 23px 20px 26px 20px;
        margin-bottom: 40px
    }
    .content.web .complete_msg .lining {
        display: inline-block;
        text-align: left
    }
    /* .content.web .table_type01,
	.content.web .table_type02,
	.content.web .table_type03,
	.content.web .table_type04,
	.content.web .table_type05,
	.content.web .table_type07{border-top:1px solid #454d5b;border-bottom:1px solid var(--color-g300);margin-top:15px}
	.content.web .table_type06{border-top:1px solid #454d5b;border-bottom:1px solid var(--color-g300)} SR-529 */
    .content.web .tab_type01+.info_box {
        margin-top: 30px
    }
    .content.web .table_type01 thead th,
    .content.web .table_type01 tbody td {
        padding-left: 0
    }
    .content.web .table_type01 tbody td .big_input {
        display: inline-block;
        width: 130px
    }
    .content.web .table_type02 thead th,
    .content.web .table_type02 thead th:first-child,
    .content.web .table_type02 tbody th,
    .content.web .table_type02 tbody td,
    .content.web .table_type04 tbody tr th {
        padding-left: 0
    }
    /* .content.web .table_type03.pd_type thead th:first-child{padding-left:20px} SR-529 */
    .content.web .table_type02 {
        margin-top: 15px
    }
    .content.web .table_type02 thead th {
        padding-left: 0;
        border-bottom: 1px solid var(--color-g300);
        text-align: left;
        font-weight: normal
    }
    .content.web .table_type02 tbody td {
        padding: 12px 20px 14px 20px;
        border-top: 1px solid var(--color-g300);
        text-align: left;
        color: #141823
    }
    .content.web .table_type02 tbody tr:first-child th,
    .content.web .table_type02 tbody tr:first-child td {
        border-top: 0
    }
    .content.web .comlplex_list ul,
    .content.web .agree_check ul {
        border: 1px solid #e0e0e1;
        margin-top: 10px
    }
    .content.web .agree_check .title+ul {
        margin-top: 0
    }
    .content.web .agree_check ul li:first-child {
        border-top: 0;
        border-bottom: 0
    }
    .content.web .agree_check li a {
        width: 100%;
        padding: 15px 80px 20px 57px;
        background: url(/resource/img/bg/bg_parr.gif) no-repeat 96% center;
        background-size: auto 14px
    }
    .content.web .agree_check li .btn_checkbox {
        position: absolute;
        top: 50%;
        left: 30px;
        margin-top: -15px
    }
    .content.web .agree_check .title {
        width: 80% !important;
        padding: 20px 0;
        font-weight: 600;
        color: #141823
    }
    .content.web .agree_check .all_check {
        position: absolute;
        top: 20px;
        right: 0px
    }
    .content.web .mouse_set {
        width: 100%
    }
    .content.web .mouse_set input[type="text"],
    .content.web .mouse_set input[type="password"] {
        float: left;
        width: 180px;
        margin-right: 10px
    }
    .content.web .mouse_set label {
        float: left;
        display: none;
        width: auto;
        margin-top: 2px;
        line-height: 21px
    }
    .content.web .mouse_set:after {
        content: '';
        display: block;
        clear: both
    }
    .content.web .mouse_set>a {
        margin-top: 0;
        margin-left: 10px
    }
    .content.web .mouse_set a.default {
        float: right;
        width: auto;
        padding: 9px 10px 10px;
        margin-left: 30px
    }
    .content.web .mouse_set label {
        display: block
    }
    .content.web .mouse_set label span {
        font-size: 14px
    }
    .content.web .mouse_set .btn_checkbox span {
        font-size: 13px;
        line-height: 21px
    }
    .content.web .mouse_set.rrn input[type="password"] {
        width: 192px
    }
    .content.web .phone_set {
        width: 100%;
        position: relative
    }
    .content.web .phone_set .input_wrap {
        float: left;
        width: calc(100% - 55%)
    }
    .content.web .phone_set .time {
        position: absolute;
        right: 0;
        top: 40px;
        font-size: 13px;
        color: var(--color-navy)
    }
    .content.web .phone_set a.default {
        float: left;
        margin: 0 2px
    }
    .content.web .phone_set a.darkblue {
        float: right;
        clear: inherit;
        margin: 0;
        padding: 9px 20px 10px
    }
    .content.web .border_box {
        padding: 25px 30px 29px 30px;
        border: 1px solid #e0e0e1
    }
    .content.web .border_box.bg_send {
        background-position: 93% 27px, 93% 59%, 93% 94%;
        padding-bottom: 200px
    }
    .content.web .border_box.bg_delete {
        background-position: 93% 27px;
        padding-bottom: 170px
    }
    .content.web .border_box.bg_change {
        background-position: 93% 27px, 93% 93%;
        padding-bottom: 320px
    }
    .content.web .border_box.bg_get {
        background-position: 93% 27px, 93% 62%, 93% 94%;
        padding-bottom: 200px
    }
    .content.web .border_box.bg_view {
        background-position: 93% 27px, 93% 93%;
        padding-bottom: 480px
    }
    .content.web .border_box .txt_type02 {
        padding: 0;
        margin: 0
    }
    .content.web .border_box .txt_type02>li {
        padding: 30px 0 0 0
    }
    .content.web .border_box .txt_type02>li:first-child {
        padding-top: 0
    }
    .content.web .border_box .txt_type02>li span {
        margin: 0;
        width: 100%
    }
    .content.web .selectBox {
        border-bottom: 1px solid #d6cdc3;
        padding: 10px 0;
        color: #979088
    }
    .content.web .selectBox strong {
        display: inline-block;
        margin: 0 5px 0 20px;
        font-weight: normal
    }
    .content.web .code_box {
        border: 1px solid #e0e0e1;
        padding: 29px 29px 29px 29px;
        margin-top: 9px
    }
    .content.web .code_box div {
        background-position: right bottom;
        padding: 0px 242px 0 0px
    }
    .content.web .code_box p {
        width: 380px
    }
    .content.web .code_box p.code_copy {
        width: 100%
    }
    .content.web .pinkBox {
        margin-top: 14px
    }
    .content.web .txt_type02 {
        padding: 5px;
        margin-top: 15px
    }
    .content.web .txt_type02>li {
        border-top: none
    }
    .content.web .list_num {
        margin-top: 15px
    }
    .content.web .list_more {
        border-bottom: 1px solid var(--color-g300)
    }
    .content.web .cont_title+a {
        margin-top: 0
    }
    .content.web .bank_wrap {
        border: 1px solid var(--color-g300);
        border-bottom: none;
        box-sizing: border-box;
        margin-top: 20px
    }
    .content.web .bank_wrap.faq .bank_list li a {
        height: 25px
    }
    .content.web .bank_list {
        border-top: 0
    }
    .content.web .bank_list li.on a {
        color: var(--color-w100)
    }
    .content.web .pc_fake .fake_table dt,
    .content.web .pc_fake .fake_table li dt {
        width: 15%
    }
    .content.web .pc_fake .fake_table dd,
    .content.web .pc_fake .fake_table li dd {
        width: 85%
    }
    .content.web .big_service li dl dt+dd {
        letter-spacing: -1px
    }
    .content.web .big_service li dl a.default.w100p {
        padding: 5px 20px 6px 20px
    }
    .content.web .agree_check .agree_info_txt {
        padding: 10px 0 0 0;
        border-top: 0
    }
    .content.web .inbox.info_quick .btnPink a {
        width: auto
    }
    .mouse_set+.mouse_btn {
        margin-top: 10px
    }
    .tab_type01+.view_detail dt {
        border-top: 0
    }
    .tab_type01+.agree_check li:first-child {
        border-top: 0
    }
    .inbox>.gnb_title+* {
        margin-top: 0
    }
    .inbox.pd_v>.gnb_title+* {
        padding-top: 0
    }
    .inbox>.gnb_title+.step.ea4 {
        margin-top: 24px
    }
    .bdt1_pc {
        border-top: 1px solid var(--color-g300) !important
    }
    .law>p {
        padding: 10px
    }
    html.mobile .law>p {
        padding: 10px
    }
    .layer_cont.full .inbox .comlplex_list>.cont_title {
        padding-top: 0
    }
    .footer.pc strong {
        color: var(--color-navy)
    }
    .footer.pc ul {
        margin-top: 20px;
        padding: 0
    }
    .inbox.pd_v>.gnb_title+.saving_head.small {
        padding-top: 13px
    }
    .saving_head.small+.fake_table {
        margin-top: 20px
    }
    .agree_check.essential h4.title {
        padding: 20px
    }
    .join_member_confirm .foot_pos {
        position: static !important;
        margin-bottom: 30px;
    }
    .join_member_confirm .foot_pos .r2inpanel.space_xy30 {
        padding: 0 !important;
    }
    .footer .markAwardItems .markAwardItem.markIsmsp .maIconWA {
        display: none;
    }
}

@media screen and (min-width:699px) {
    .layer_cont.full .layer_body .inboxPC h3.cont_title:first-child {
        margin-top: -5px;
        padding-top: 0
    }
    .layer_cont.full .layer_body .inboxPC h3.cont_title {
        padding-top: 15px
    }
    body {
        background: var(--color-w100)
    }
    #wrap {
        background: var(--color-w100)
    }
    .header {
        position: relative;
        border-bottom: 1px solid #dcdcdc
    }
    #container {
        position: relative;
        min-height: 600px;
        /*background:url(/resource/img/bg/bg_container.gif) repeat-x*/
    }
    /* FETASK-665 수정 min-height 680 -> 600 */
    #container_inner {
        position: relative;
        /*width:940px;*/
        width: 100%;
        max-width: 940px;
        margin: 0 auto;
        padding: 0px 0 100px
    }
    /* 20240625 PC버전 width값 수정 */
    #container_inner #lnb,
    #container_inner #lnb .lnb {
        display: none
    }
    /* 20240710  CHPFMTASK-1094 lnb가 나오는경우가 없음 display:block -> none */
    #content {
        float: right;
        width: 940px;
        background: var(--color-w100);
        padding: 0 !important;
    }
    /* FETASK-665 너비수정*/
    .inbox {
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border: 0;
        box-shadow: none
    }
    /* padding-bottom : 0 수정불가*/
    .inbox>.itemListTit {
        margin-top: 34px;
    }
    #footer {
        width: 100%;
        background: #f3f3f0
    }
    .footer {
        width: 940px !important;
        margin: 0 auto;
        padding-bottom: 50px;
        background: #f3f3f0
    }
    .footer div p {
        color: #a5a6a8
    }
    .footer ul {
        margin-top: 20px;
        padding: 0
    }
    .footer ul li a {
        color: #a5a6a8
    }
    .footer div strong {
        color: var(--color-navy)
    }
    .footer .mark_wa {
        min-height: 32px;
        padding: 1px 0 0 56px;
        font-size: 12px !important;
        line-height: 14px;
        background: url(/resource/img/wa.png) no-repeat 0 1px;
    }
    .dark .footer .cs_center h2,
    .dark .footer .cs_center ul li {
        color: #3c4451 !important;
    }
    /* #footer.dark{background:#454d5b}
	.footer.dark{background:#454d5b}
	.footer.dark div p.cs_center span{color:var(--color-w100)}
	.footer.dark div p.cs_center .line{background:url(/resource/img/bg/bg_stick3.gif) no-repeat 0 center}
	.footer.dark div strong{color:var(--color-w100) !important}
	.footer.dark ul li a{color:#f9f9f9}
	.footer.dark.pc div ul li.main{display:block;}
	.footer.dark .mark_wa{color:#f9f9f9;}*/
    /* 210806 삭제 */
    /* 2018-01-17 추가 */
    .footer .markAwardItems {
        display: table;
        font-size: 12px !important;
        line-height: 14px;
        min-height: 50px;
        margin-top: 0;
        width: auto;
    }
    .footer .markAwardItems .markAwardItem {
        display: table-cell;
        vertical-align: middle;
        background: none;
        float: none;
        margin-right: 0;
        padding-right: 0;
    }
    .footer .markAwardItems .markAwardItem.markWa {
        min-width: 170px;
    }
    .footer .markAwardItems .markAwardItem.markIsms {
        min-width: 315px;
    }
    .footer .markAwardItems .markAwardItem.markPims {
        min-width: 315px;
    }
    .footer .markAwardItems .markAwardItem .maItemWrap {
        margin-left: 0;
        padding-right: 35px;
    }
    .footer .markAwardItems .markAwardItem:last-child .maItemWrap {
        padding-right: 0;
    }
    .footer .markAwardItems .markAwardItem .maIconImg {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        font-size: 0px;
        text-indent: -9999px;
    }
    .footer .markAwardItems .markAwardItem .maContTxt {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    /*.footer.dark .markAwardItems .markAwardItem .maContTxt{color: #f9f9f9;}*/
    .footer .markAwardItems .markAwardItem.markWa .maIconImg {
        background: url(/resource/img/mark_wa.png) no-repeat 0 center;
        background-size: contain;
        width: 62px;
        height: 40px;
    }
    .footer .markAwardItems .markAwardItem.markIsms .maIconImg {
        background: url(/resource/img/mark_isms.png) no-repeat 0 center;
        background-size: contain;
        width: 48px;
        height: 48px;
    }
    .footer .markAwardItems .markAwardItem.markIsmsp .maIconIsm {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        margin-right: 15px;
    }
    .footer .markAwardItems .markAwardItem.markIsmsp .maIconImg {
        background: url(/resource/img/mark_isms_p.png) no-repeat 0 center;
        background-size: contain;
        width: 48px;
        height: 48px;
    }
    .footer .markAwardItems .markAwardItem.markIsmsp .maIconImg:focus-visible {
        outline-color: var(--color-g700) !important;
    }
    .footer .markAwardItems .markAwardItem.markPims .maIconImg {
        background: url(/resource/img/mark_pims.png) no-repeat 0 center;
        background-size: contain;
        width: 48px;
        height: 48px;
    }
    /* //2018-01-17 추가 */
    .footer .markAwardItems .markAwardItem.markIsmsp .maIconWA {
        display: inline-block;
        width: 56px;
        margin: 0 15px 0 0;
        font-size: 0px;
        vertical-align: middle;
    }
    .footer .markAwardItems .markAwardItem.markIsmsp .maIconWA>img {
        width: 100%;
    }
    .footer.mobile ul {
        margin: 0;
        padding: 0 20px 20px
    }
    .bdt1_pc {
        border-top: none !important
    }
    .pcshow {
        display: inherit !important
    }
    table.pcshow {
        display: table !important
    }
    /* .mbshow{display:none !important} */
    .mt10 {
        margin-top: 5px !important
    }
    .law .law_info {
        padding: 10px
    }
    .inbox .law {
        padding: 0
    }
    .pc_line {
        padding-bottom: 30px;
        border-bottom: 1px solid #e0e0e1
    }
    .accordion_info+.card_type01 {
        border-top: 1px solid #e0e0e1
    }
    /*타이틀*/
    .gnb_title {
        display: block;
        font-size: 28px;
        font-weight: normal;
        margin: 53px 0 20px 0
    }
    /* FETASK-665 수정 font-size 21 -> 28 */
    .tit_red {
        margin: 0 0 20px 0
    }
    .inbox>.cont_title,
    .inbox.pd>.cont_title {
        margin-left: 0;
        padding-top: 0
    }
    .inbox.pd h4.title:first-child,
    .inbox.pd_v h4.title:first-child {
        padding: 0 0 20px 0
    }
    .pd_v .product_title:first-child,
    .pd_v .gnb_title+.cont_title,
    .pd_v .cont_small_title:first-child {
        padding-top: 0 !important
    }
    .agree_check .title {
        width: 80% !important;
        padding: 20px 0;
        font-weight: 700;
        color: var(--txt-g1000)
    }
    .agree_check .all_check {
        position: absolute;
        top: 10px;
        right: 0px
    }
    html.mobile .agree_check .all_check {
        top: 5px
    }
    .agree_check .all_check.pc_check {
        top: 0
    }
    .agree_check li {
        border-top: 1px solid var(--color-g300)
    }
    .comlplex_list>ul {
        border-top: 1px solid var(--color-g300)
    }
    .comlplex_list>ul>li {
        border-top: none;
        border-bottom: 1px solid var(--color-g300);
        border-left: 1px solid var(--color-g300);
        border-right: 1px solid var(--color-g300)
    }
    .comlplex_list>ul>li.label_chk {
        border: none;
        padding-left: 0;
        padding-top: 16px
    }
    .agree_check li a {
        width: 100%;
        padding: 15px 80px 20px 57px;
        background: url(/resource/img/bg/bg_parr.gif) no-repeat 96% center;
        background-size: auto 14px
    }
    .agree_check li a p,
    .agree_check.type2 li a strong {
        font-size: 14px
    }
    .agree_check li .btn_checkbox {
        position: absolute;
        top: 50%;
        left: 30px;
        margin-top: -15px
    }
    .agree_check.a_inline li .btn_checkbox {
        left: 20px
    }
    .list_type_dot li,
    .list_type_dash li {
        margin-top: 6px
    }
    .list_type_dot {
        margin-top: 15px
    }
    .list_product {
        margin-top: 15px
    }
    .card_type01>a div .timing,
    .card_type01>.box div .timing,
    .card_type01>a div .account,
    .card_type01>.box div .account,
    .card_type01>a div .writer,
    .card_type01>.box div .writer,
    .card_type01>a div .red,
    .card_type01>.box div .red,
    .card_type01>a div .blue,
    .card_type01>.box div .blue,
    .card_type01>a div .price,
    .card_type01>.box div .price,
    .card_type01>a div .date,
    .card_type01>.box div .date {
        font-size: 13px
    }
    .card_type01.card_wrap02 a.default.w100p {
        width: 100%
    }
    .card_type01>a div .black,
    .card_type01>.box div .black {
        float: right;
        font-size: 13px;
        color: #141823
    }
    .sorting.all h4.cont_title {
        padding-left: 0
    }
    /*테이블*/
    .table_list02,
    .table_list02:last-child {
        border: 1px solid #e0e0e1
    }
    .table_list02.num,
    .table_list02.num li {
        border: none
    }
    .table_list02.num li {
        padding-bottom: 25px;
        padding-left: 0
    }
    .table_list02.num li:first-child {
        padding-top: 0
    }
    .table_list02.num li>p {
        margin-top: 0
    }
    .table_list02.num em {
        left: 0
    }
    .table_list02 li a div,
    .table_list02 li a div .price,
    .table_list02 li a div .account {
        margin-top: 0
    }
    .table_list02 li {
        border-top: 1px solid #e0e0e1
    }
    .layer_body .table_list02 li:last-child {
        border-bottom: 1px solid #e0e0e1
    }
    .table_list02.check.star_chk {
        border: 0
    }
    .table_list02 li a div .blue,
    .table_list02 li a div .red,
    .table_list02 li a div .numm,
    .table_list02 li.ask div .blue,
    .table_list02 li.ask div .red {
        font-size: 13px
    }
    .table_list02.num li>p+p {
        margin-top: 5px
    }
    .table_list02.num li>p.input_info.darkblue {
        margin-top: 0
    }
    .fake_table {
        border-top: 1px solid var(--color-g300);
        border-bottom: 1px solid var(--color-g300);
        margin-top: 19px
    }
    /* .m_calendar + .table_list02{border-top:1px solid #e0e0e1 !important} */
    .table_list02.num li .input_info {
        font-size: 14px;
        color: #5F7289
    }
    .list_dropdown dd .fake_table {
        margin-top: 0
    }
    .list_dropdown dd .fake_table>li {
        padding: 12px 0
    }
    .list_dropdown dd .fake_table.non_vari>li {
        padding: 0
    }
    .list_dropdown dd .fake_table>li:first-child {
        padding-top: 12px
    }
    .fake_table>li {
        margin: 0;
        padding: 10px 0;
        border-top: 1px solid var(--color-g300)
    }
    .fake_table>li .select_wrap li {
        padding: 0
    }
    .fake_table>li:first-child {
        border: 0
    }
    .fake_table>li dt {
        float: left;
        width: 160px;
        padding-right: 20px;
        margin-top: 5px;
        box-sizing: border-box;
        vertical-align: middle;
        letter-spacing: inherit
    }
    .fake_table>li>dl>dt {
        margin-bottom: 7px
    }
    .fake_table>li dd {
        float: left;
        width: 520px;
        min-height: 28px;
        margin-top: 0px;
        box-sizing: border-box
    }
    /* 여기 margin-top:0px 수정하지 마세요 */
    .fake_table>li dd a.default {
        padding: 9px 11px 11px
    }
    .fake_table>li dd .reco_memo>a.default {
        padding: 6px 11px 7px
    }
    html.mobile .fake_table>li dd a.default {
        vertical-align: top;
        padding-top: 11px;
        padding-bottom: 9px
    }
    html.mobile.android .fake_table>li dd .input_wrap+a.default {
        margin-top: -1px
    }
    .fake_table li dd .term_btns>a,
    .fake_table li dd .term_btns>a.default {
        padding: 6px 11px 7px
    }
    .pd.bdb1 .table_list02.num {
        padding-bottom: 20px
    }
    .layer_cont.full .layer_body .inbox .fake_table.non_vari li dd {
        width: calc(100% - 180px)
    }
    .layer_wrap .fake_table li dd {
        width: 100%;
        padding: 10px 10px 15px 0
    }
    .fake_table li dd .btn_checkbox {
        /*padding:5px 0;*/
        position: relative;
        top: 2px
    }
    .fake_table.non_vari {
        border-top: 1px solid var(--color-g300)
    }
    .fake_table.non_vari:first-child {
        margin-top: 14px
    }
    .accordion_info .fake_table.non_vari {
        margin-top: 8px;
        border-top: 0
    }
    .fake_table.non_vari>li:first-child {
        padding-top: 0
    }
    .mouse_set .btn_checkbox span {
        font-size: 13px;
        line-height: 21px
    }
    .fake_table li dd.full_cell {
        width: 630px !important;
        margin-top: 5px !important
    }
    .fake_table.non_vari li {
        border: 0;
        padding: 0;
        margin-top: 13px
    }
    .fake_table.non_vari {
        padding: 16px 0;
        border-top: 1px solid var(--color-g300);
        border-bottom: 1px solid var(--color-g300)
    }
    .fake_table.non_vari li dt {
        width: 160px;
        margin-top: 0;
        font-size: 14px;
        border-bottom: none;
        word-break: break-all
    }
    .fake_table.non_vari li dd {
        width: calc(100% - 160px);
        min-height: 20px;
        padding: 0 !important;
        font-size: 14px
    }
    .fake_table.non_vari li dd a.default,
    .fake_table.non_vari li dd a.default.small {
        display: inline-block;
        min-width: inherit;
        margin-left: 5px;
        padding: 0 10px;
        height: 24px;
        line-height: 19px;
        font-size: 12px
    }
    .fake_table.non_vari li dd .sideBtn {
        margin-top: 0;
    }
    .fake_table.non_vari.pb0 {
        padding-bottom: 0
    }
    .accordion_info .more {
        font-size: 13px;
        top: 7px
    }
    .accordion_info .fake_table.non_vari li {
        margin-top: 7px
    }
    .accordion_info .fake_table.non_vari li:first-child {
        margin-top: 5px
    }
    .accordion_info .fake_table.non_vari li dt {
        width: 125px;
        margin-top: 0;
        font-size: 13px;
        font-weight: normal
    }
    .accordion_info .fake_table.non_vari li dd {
        width: calc(100% - 130px);
        min-height: auto;
        font-size: 13px;
        padding: 0 !important
    }
    /* .list_more{border-bottom:1px solid var(--color-g300)} SR-507 */
    .next_detail .fake_table.non_vari {
        border: 0
    }
    .face_list {
        margin-top: 14px;
        border: 1px solid #e0e0e1
    }
    .face_list li {
        border-top: 1px solid #e0e0e1
    }
    .face_list>li:first-child {
        margin-top: 0;
        border-top: none
    }
    .face_list .face_item {
        border: none
    }
    .face_list .face_item.noface .btns a {
        width: 49%
    }
    .face_list .face_item.noface .btns a.w100p,
    .face_list.phone li a.w100p {
        width: 100%
    }
    .face_line {
        border: 1px solid #e0e0e1
    }
    .face_line li {
        border-top: 1px solid #e0e0e1
    }
    .face_line li:first-child {
        margin-top: 0;
        border-top: 1px solid #e0e0e1
    }
    .face_line>li>.face_item {
        border: none
    }
    .face_line.pc_mt40 li:first-child {
        border-top: none
    }
    .face_item {
        border-top: 1px solid #e0e0e1;
        border-left: 1px solid #e0e0e1;
        border-right: 1px solid #e0e0e1
    }
    .face_item.overview {
        border-bottom: 1px solid #e0e0e1
    }
    .face_item .detail {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        box-sizing: border-box
    }
    .face_item .detail .fake_table {
        margin-top: 0;
        border-top: none
    }
    .face_item .detail .fake_table.non_vari {
        margin: 0;
        padding: 0
    }
    .face_item .detail .btns {
        padding-left: 0;
        padding-right: 0
    }
    .face_item .detail .btns.w100p a {
        width: 49%
    }
    .face_item.list_type01 {
        border-top: none
    }
    .face_item.list_type01 li:first-child {
        border-top: none
    }
    .list_basic {
        margin-top: 0px
    }
    .list_basic li {
        border-top: none;
        padding: 0px;
        margin-bottom: 40px
    }
    .list_basic li:first-child {
        border-top: none
    }
    .list_basic li .info_box {
        padding: 20px;
        background: var(--color-g100) url(/resource/img/bg/bg_rate.png) no-repeat;
        background-position: right 20px center
    }
    .list_basic li .info_box p {
        width: 80%
    }
    .list_basic li .info_box.wide p {
        width: 100%;
    }
    .list_basic li h4+p {
        margin: 15px 0 0 0
    }
    .list_basic li li {
        padding: 0;
        border: none;
        margin: 0
    }
    /* 달력다음에 info_box 간격 */
    /* .m_calendar + .info_box{margin:7px 0 50px 0;padding:20px} */
    /* module_bankbook */
    .module_bankbook {
        border: 1px solid #e0e0e1;
        box-shadow: none
    }
    .module_bankbook .etc {
        border-bottom: 0
    }
    .accordion_info .non_vari {
        border: 0;
        padding: 0
    }
    .new_account_regist .default {
        position: absolute;
        top: 0;
        right: -115px;
        width: 110px;
        margin: 0
    }
    .card_type01 {
        border: 1px solid var(--color-g300);
        box-sizing: border-box
    }
    .card_type01+.accordion_info {
        border: 1px solid var(--color-g300);
        border-top: 0
    }
    .card_type01.pc_mt10 {
        margin-top: 10px
    }
    .card_type01.btn>.btns a.default.w100p,
    .card_type01.btn>.btns a.default.w100p,
    .accordion_info.on a.default.w100p,
    .card_type01.btn .btns .darkgray {
        display: block
    }
    .sorting div {
        margin-right: 0
    }
    .notice_line_box+.card_type01 {
        border-top: none
    }
    .list_dropdown {
        border-bottom: 1px solid var(--color-g300);
        border-top: none
    }
    .list_dropdown dt {
        padding-left: 0
    }
    .list_dropdown dt button {
        padding: 19px 41px 19px 0
    }
    .list_dropdown dt.on {
        border-bottom: none
    }
    .list_dropdown dt button {
        background: url(/resource/img/bg/bg_darr.png) no-repeat right -20px center;
        background-size: 50px
    }
    .list_dropdown dt.on button {
        background: url(/resource/img/bg/bg_uarr.png) no-repeat right -20px center;
        background-size: 50px;
        /*  padding-bottom:0;*/
    }
    .list_dropdown.ico_qa dt.on button {
        padding-bottom: 19px
    }
    .list_dropdown dt.on+dd>.fake_table.non_vari,
    .list_dropdown dt.on button {
        border-top: 0
    }
    .list_dropdown dt.on+dd>.fake_table.non_vari {
        border-bottom: none
    }
    .list_dropdown>dd {
        padding: 0
    }
    .list_dropdown dd {
        margin-bottom: 20px
    }
    .list_dropdown dd .fake_table.non_vari {
        padding: 5px 0
    }
    .list_dropdown dd .list_type_dot {
        margin-top: 0
    }
    .list_dropdown dd .fake_table dt {
        border-bottom: 0
    }
    .list_dropdown dd .fake_table dd {
        margin: 0
    }
    .list_dropdown dd p.pd {
        text-align: center
    }
    .list_dropdown.caution dt,
    .list_dropdown.caution dd,
    .list_dropdown.caution dt.on+dd {
        padding-left: 0;
        padding-right: 0
    }
    .list_dropdown.caution dt.on button {
        padding-bottom: 18px
    }
    .list_dropdown.caution dt button {
        font-size: 18px;
        display: block;
        width: 100%;
        padding-left: 35px;
        line-height: 21px;
        text-align: left;
        background-image: url(/resource/img/bg/bg_bell.png), url(/resource/img/bg/bg_darr.png);
        background-position: 0px 16px, calc(100% + 20px) center;
        background-repeat: no-repeat, no-repeat;
        background-size: 24px, 50px
    }
    .list_dropdown.caution dt.on button {
        margin-top: 23px;
        background-image: url(/resource/img/bg/bg_bell.png), url(/resource/img/bg/bg_uarr.png);
        background-repeat: no-repeat, no-repeat;
        background-position: left 16px, 103% center;
        background-size: 24px, 50px
    }
    /* 2016-09-27 수정 */
    /* 2016-11-14 수정 */
    .list_dropdown.caution.no_move dt.on button {
        background-image: url(/resource/img/bg/bg_bell.png)
    }
    .list_dropdown.caution,
    .list_dropdown.no_move {
        border-bottom: none;
        margin-top: 23px !important
    }
    /* 2016-09-27 수정 */
    .list_dropdown.caution dd .inner>p {
        margin-bottom: 7px;
        font-size: 16px;
        letter-spacing: inherit
    }
    .list_dropdown dt.on .fake_table.non_vari {
        border-bottom: none
    }
    .list_dropdown dt.on+dd .fake_table.non_vari li:first-child {
        padding-top: 0
    }
    .list_dropdown.divisionType {
        border-bottom: 1px solid var(--color-g300);
    }
    .list_dropdown.divisionType dt {
        border-top: 1px solid var(--color-g300);
    }
    .list_dropdown.divisionType dt:first-child {
        border-top: 0 none;
    }
    .agree_check.pavinfo {
        border-bottom: 0px
    }
    /*	.comlplex_list > ul > li, .agree_check ul li,
	.comlplex_list > ul > li.label_chk{border-top:1px solid #e0e0e1;padding-left:30px}*/
    .comlplex_list>ul>li>p {
        padding-left: 10px
    }
    .comlplex_list>ul>li>a,
    .comlplex_list>ul>li>.down_btn {
        right: 30px
    }
    /*.comlplex_list > ul > li:first-child ,  .agree_check ul li:first-child{border-top:none}*/
    .comlplex_list p.txt {
        margin-bottom: 10px
    }
    .comlplex_list .info_txt {
        padding-left: 0
    }
    .comlplex_list .title {
        padding-left: 0;
        border-bottom: 0
    }
    .comlplex_list .txt_title {
        padding-left: 0;
        border-bottom: none
    }
    .layer_cont.full .inbox .comlplex_list .cont_title {
        padding-top: 0
    }
    .layer_cont.full .inbox .comlplex_list>ul>li>p {
        padding-left: 0px
    }
    .layer_cont.full .inbox .comlplex_list>ul>li>a,
    .comlplex_list>ul>li>.down_btn {
        right: 20px
    }
    .pd,
    .pd_h {
        padding-left: 0px;
        padding-right: 0px
    }
    .pd_pc {
        margin-top: 40px
    }
    /* pc에서만 단락 여백 */
    .txt_box {
        padding-left: 0;
        padding-right: 0
    }
    .layer_wrap .layer_cont.alert {
        width: 300px;
    }
    .layer_wrap .txt_box {
        padding: 0 20px
    }
    .step {
        margin-top: 20px
    }
    /*.inbox.pd .gnb_title + .step,
	.inbox.pd_v .gnb_title + .step{padding-top:24px}*/
    .tab_type01+.step {
        margin-top: 30px
    }
    .balance.heading h4 {
        left: 0px
    }
    .info_box_pc,
    .info_box {
        padding: 20px;
        background: var(--color-g100);
        margin-bottom: 10px
    }
    .fake_table .info_box {
        padding: 15px;
        font-size: 14px;
        margin: 0;
        background: var(--color-g100)
    }
    .info_box01 {
        background: var(--color-w100);
        margin: 0;
        padding: 0
    }
    .inbox.pd_v>.info_box {
        padding: 20px 20px 23px 20px;
        background: var(--color-g100);
        margin-bottom: 0
    }
    .inbox>.info_box {
        padding: 20px;
        background: var(--color-g100)
    }
    .cont_title+.info_box {
        padding-top: 20px
    }
    .info_box+.cont_title {
        padding-top: 30px
    }
    .top_tit_btn+.info_box {
        margin-top: 15px
    }
    .tab_type01+.info_box {
        margin-top: 30px
    }
    .info_box+.table_type02 {
        margin-top: 30px
    }
    .saving_head dl {
        margin-left: 20px !important
    }
    .saving_head.small p {
        margin-left: 20px
    }
    .saving_head.small .total p {
        margin-left: 0
    }
    .saving_head .complete_msg {
        border: 0;
        padding: 0;
        margin-left: 0 !important
    }
    .saving_head .complete_msg .lining {
        display: block
    }
    .complete_msg {
        text-align: center;
        border: 3px solid var(--color-g300);
        padding: 21px 20px 26px 20px
    }
    dl.complete_msg {
        text-align: left
    }
    .complete_msg .lining {
        display: inline-block;
        text-align: left
    }
    .saving_head.small .complete_msg .lining dt:first-child {
        padding-top: 0
    }
    .saving_head.small:after {
        content: '';
        display: block;
        clear: both
    }
    .saving_head.small dl.complete_msg {
        text-align: left
    }
    .saving_head.small dl.complete_msg+.total {
        float: right;
        width: auto;
        margin-top: -2px
    }
    .saving_head .complete_msg.three {
        min-height: 65px
    }
    .saving_head.small .complete_msg dt {
        margin-bottom: 0
    }
    .saving_head.small .complete_msg dd {
        display: inline-block;
        font-size: 13px
    }
    .saving_head.small .complete_msg dd.blue.mt10,
    .saving_head.small .complete_msg dd+dt,
    .saving_head.small .complete_msg dd.blue,
    .saving_head.small .complete_msg dd.darkblue {
        float: right;
        display: block;
        margin-top: 3px
    }
    .saving_head.small .complete_msg dd.ho_right.blue {
        position: absolute;
        right: 20px;
        top: 20px;
        float: none;
        margin-top: 0
    }
    .saving_head.small .complete_msg dd.blue,
    .saving_head.small .complete_msg dd.darkblue {
        clear: both
    }
    .saving_head.small .complete_msg dt.total+dd.blue {
        margin-top: 3px
    }
    .saving_head.small .complete_msg dd.total,
    .saving_head.small .complete_msg dt.total {
        margin-top: -19px;
        float: right;
        display: block
    }
    .saving_head.small .complete_msg dd.total.pc-17,
    .saving_head.small .complete_msg dt.total.pc-17 {
        margin-top: -17px !important
    }
    /*	.layer_cont .inbox{padding-left:20px;padding-right:20px}
	.layer_cont .inbox.fake_npd{padding-left:0;padding-right:0}*/
    .ful.full .layer_body {
        background: var(--color-w100)
    }
    .fake_table .default.fr {
        float: none;
        margin-left: 10px
    }
    .mouse_set>a {
        margin-left: 10px
    }
    .mouse_set label {
        display: block
    }
    .layer_cont.full .layer_body .saving_head.small {
        margin-top: 0
    }
    .layer_cont.full .layer_body .saving_head.small .complete_msg dd {
        display: block;
        float: none
    }
    .layer_cont.full .layer_body .saving_head.small .complete_msg dt.total {
        float: none;
        margin-top: 10px
    }
    .inbox.pdf,
    .pdf {
        padding: 0;
        margin-top: 10px
    }
    .inbox.pdf>p,
    .pdf>p {
        display: inline-block;
        padding-top: 5px;
        margin-bottom: 0
    }
    .pdf a.w100p {
        width: auto;
        float: right;
        padding: 5px 20px
    }
    .face_item.on .btns a {
        display: block
    }
    .right_btns {
        padding-right: 0
    }
    .mouse_btn {
        width: 100%;
        margin-top: 5px;
        min-width: 350px
    }
    .mouse_btn a:first-child {
        float: left;
        width: calc(100% - 51%);
        padding: 9px 11px 10px;
        font-size: 13px;
        box-sizing: border-box
    }
    .mouse_btn a:last-child {
        float: right;
        margin-left: 5px;
        width: 49%;
        padding: 9px 11px 10px;
        font-size: 13px;
        box-sizing: border-box
    }
    .accordion_info .fake_table.non_vari li dl.tel a {
        display: none
    }
    /* 약관 */
    .law_wrap {
        padding: 0 !important;
        background: var(--color-w100)
    }
    .line_list.npd h5 {
        margin-left: 0
    }
    .line_list>li {
        border: none
    }
    .list_dropdown dd .fake_table.non_vari>li:last-child {
        padding-bottom: 10px
    }
    .inbox>.info_box {
        padding: 20px
    }
    /*	.list_dropdown dd .fake_table.non_vari li dl{padding-top:10px}*/
    .list_dropdown dt.on+dd .fake_table.non_vari {
        border-top: 1px solid #141823;
        padding-top: 10px
    }
    .accordion_info .fake_table.non_vari li {
        padding-top: 0
    }
    .list_dropdown dd.ouside_in_drop .fake_table.non_vari>li:last-child {
        padding-bottom: 0
    }
    .list_dropdown:first-child dd {
        border-bottom: none
    }
    .saving_head .inner {
        padding-top: 25px
    }
    .login_pc #content {
        width: 940px
    }
    .login_pc #lnb {
        display: none !important
    }
    .account_list {
        top: 50%;
        left: 50%;
        width: 400px;
        height: auto;
        margin: -251px 0 0 -200px
    }
    .agree_check>.default.w100p {
        width: 100%
    }
    /*table*/
    /* .table_type01 thead th, .table_type01 tbody td{padding-left:0}
	.table_type02 thead th,
	.table_type02 thead th:first-child,
	.table_type02 tbody th,
	.table_type04 tbody tr th{padding-left:0}
	.table_type03.pd_type thead th:first-child{padding-left:20px}

	.table_type03 thead th{text-align:left}
	.table_type03 tbody tr td:first-child{padding-left:0}
	.content.web .table_type03 tbody tr td:first-child{padding-left:20px} SR-529 */
    .pc-17 {
        margin-top: -17px !important
    }
    .pc-17.blue+.blue+.blue {
        margin-top: -3px !important
    }
    .step {
        margin-top: 20px
    }
    .gnb_title+.category_choice {
        padding-top: 0
    }
    .inbox>.card_type01 {
        margin-top: 10px
    }
    .inbox>.accout_state+.card_type01 {
        margin-top: 0
    }
    .card_type01+.card_type01 {
        margin-top: -1px
    }
    .notice_line_box+.card_type01.chk_pc {
        margin-top: 0
    }
}

/* s 20240626 모바일 699이상 대응 (ex : 갤럭시 폴드 ) */

html.mobile .gnb_title {
    display: none
}

#container_inner.app {
    padding: 0px;
    max-width: 100% !important
}

#content.app {
    float: none;
    padding: 50px 0 0 0 !important
}

.gnb_title.app {
    display: none
}

/* e 20240626 모바일 699이상 대응 (ex : 갤럭시 폴드 ) */

/*after*/

.pinkBox>ul.cell5:after,
.tab_type01:after,
.layer_wrap .layer_cont .layer_foot:after,
.table_list02 li a div:after,
.sorting:after,
.table_list01 li a div:after,
.step:after,
.list_card:after,
.list_card ul:after,
.list_product li:after,
.confirm_input:after,
.confirm_radio:after,
.cell_num:after,
.fake_table li dl:after {
    content: '';
    display: block;
    clear: both
}

.y_txt {
    font-size: 16px;
    margin: 10px 0 0 20px
}

.bgi {
    background-image: none !important;
}

/* 개발자 요청 */

#useless {
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 11px;
    color: #000;
    z-index: 9999999999
}

@media screen and (min-width:699px) {
    .y_txt {
        font-size: 16px;
        margin: 10px 0 0 0px
    }
    /* s  20240626 모바일 699이상 대응 (ex : 갤럭시 폴드 ) max-width 추가 */
    html.mobile #container_inner {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100% !important;
        box-sizing: border-box
    }
    /* e  20240626 모바일 699이상 대응 (ex : 갤럭시 폴드 ) max-width 추가 */
    html.mobile #lnb {
        display: none
    }
    /* html.mobile #content{width:100%} */
    /* s  20240626 모바일 699이상 대응 (ex : 갤럭시 폴드 ) */
    html.mobile #content {
        width: 100%;
        float: none;
        padding-top: 50px !important;
    }
    /* e  20240626 모바일 699이상 대응 (ex : 갤럭시 폴드 ) */
    html.mobile #container_inner #lnb,
    html.mobile #container_inner #lnb .lnb {
        display: none
    }
    html.mobile .footer {
        width: 100% !important
    }
}

@-moz-document url-prefix() {
    .btn_checkbox input,
    .btn_radio input,
    .btn_radio01 input {
        position: absolute;
        left: -99999999px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .content.web select {
        background-image: none;
        padding-right: 10px
    }
    .neoStep ul li.on em {
        height: 24px;
        padding: 3px 5px;
        box-sizing: border-box
    }
}

.br340 {
    display: none
}

@media screen and (max-width:340px) {
    .br340 {
        display: block
    }
}

/* 20180601 테이블 스타일 추가 : 상품/약관공시 팝업 */

/* 20200326 사용페이지 없음 */

.tbl03 {
    border: none;
    text-align: center;
}

.tbl03 th {
    color: #5F7289;
    border: none !important;
}

.tbl03 td {
    color: #454d5b;
    border: none !important;
}

.tbl03 td a {
    text-decoration: underline;
}

.tbl04 {
    border: none;
    text-align: center;
}

.tbl04 th {
    color: var(--txt-g1000);
    border: none !important;
    font-weight: normal !important;
    padding: 10px 5px;
    white-space: nowrap;
}

/*FETASK-1782 color:#5F7289*/

.tbl04 tbody td {
    color: var(--txt-g700);
    border: none !important;
    padding: 5px 5px;
}

/*FETASK-1782 color:#5F7289*/

.tbl04 tbody td.date {
    display: table-cell !important;
    color: var(--txt-g700);
}

/*FETASK-1782 color:#979088*/

.tbl04 a {
    text-decoration: underline;
}

/* font style */

.italic {
    font-style: italic !important;
}

.unPointEvent {
    pointer-events: none !important;
}

@media screen and (max-width:699px) {
    .contFix {
        position: fixed !important;
    }
}

.wordPreStyle {
    word-wrap: break-word;
    word-break: break-all
}

.wordPreStyle pre {
    margin: 0;
    padding: 0;
    font-weight: 600;
    letter-spacing: 0;
}

.wordBreak,
.wordKeepStyle {
    word-break: keep-all;
}

.mweb_show {
    display: none;
}

.toastPopup.typeB::after {
    background-size: 100% 100% !important;
}

/* START 20210812 SR-1504 상품상세 페이지 헤더 */

.newHeader.header.reformHeader.typeMweb .gnb.newGnb {
    height: 48px;
}

.newHeader.header.reformHeader.typeMweb.contTitHide {
    height: 48px;
}

.newGnb ul {
    display: flex;
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #d7d7d7;
}

.newGnb ul li {
    width: 33.3%;
}

.newGnb ul li a {
    position: relative;
    display: block;
    padding: 14px 0 12px;
    color: #a5a5a5;
    font-size: 15px;
}

.newGnb ul li.on a {
    color: #141414;
    font-weight: bold;
}

.newGnb ul li.on a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #141414;
}

/* END 20210812 SR-1504 상품상세 페이지 헤더 */

/* slide_tab_button */

.slide_tab_set .result {
    color: #878787;
    font-size: 14px;
    text-align: right;
}

.slide_tab_set .result.etc {
    margin-top: -19px;
}

.slide_tab_button {
    display: table;
    width: 100%;
}

.slide_tab_button>div {
    display: table-cell;
    width: 33.33%;
    padding: 0 0.125em;
    text-align: center;
    color: #878787;
    font-size: 12px;
}

.slide_tab_button>div:first-child button {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}

.slide_tab_button>div:last-child button {
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
}

.slide_tab_button button {
    width: 100%;
    height: 17px;
    background-color: #eee;
}

.slide_tab_button strong {
    display: block;
    margin-top: 10px;
    font-weight: normal;
    letter-spacing: inherit;
}

.slide_tab_button .on button {
    background-color: var(--color-lime);
}

.slide_tab_button .on strong {
    color: #141414;
    font-weight: bold;
}

.slide_tab_button.type2 {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 11px;
}

.slide_tab_button.type2>div:first-child {
    width: calc(100% - 6px);
    padding: 0 6px 0 0;
}

.slide_tab_button.type2>div:last-child {
    width: calc(100% - 5px);
    padding: 0 0 0 5px;
}

.slide_tab_button.type2 button {
    padding: 17px 0 17px;
    border-radius: 10px;
    border: 1px solid var(--color-g300);
    background: var(--color-w100);
    display: block;
    font-size: 14px;
    height: auto;
    color: var(--txt-g1000);
}

.slide_tab_button.type2 .on button {
    border-color: var(--color-navy);
    /*box-shadow:0 3px 5px 0 rgba(15, 0, 96, 0.15);*/
    color: var(--color-navy);
    letter-spacing: inherit;
    font-weight: 600;
}

/* 대출 */

.form_fieldset_wrap .form-box-set+.form-box-set {
    margin-top: 45px;
}

.form_fieldset_wrap.type2 .form-box-set+.form-box-set {
    margin-top: 38px;
}

.form-box-set .title {
    color: var(--txt-g1000);
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 1px #979797;
}

.form-box-set .title .btnTooltip {
    color: var(--txt-g1000);
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 1px #979797;
}

.form-box-set .title .tooltipArea.hasClose .layerTooltip {
    top: 28px;
}

.form-box-set .single_inputfield {
    display: block;
    border: 1px solid var(--color-g300);
    border-radius: 10px;
    background: var(--color-w100);
    overflow: hidden;
}

:root .form-box-set .single_inputfield {
    position: relative
}

/* FETASK-접근성-v1.0 : position:relative 추가 */

.form-box-set .single_inputfield label {
    position: relative;
    padding: 0 57px 0 0;
    margin: 0;
    display: block;
}

.form-box-set .single_inputfield label input {
    width: 100%;
    background: transparent;
    text-align: right;
    display: block;
    height: 56px;
    padding: 0;
    font-size: 21px;
}

.form-box-set .single_inputfield label input::placeholder {
    color: var(--txt-g500);
}

/*FETASK-1782 color:#ccc;*/

.form-box-set .single_inputfield label input:focus {
    outline: none;
    border: 0 !important;
}

/* 
.form-box-set .single_inputfield label .static_txt {position:absolute; top:13px; right:17px; font-size:21px;}
html.android .form-box-set .single_inputfield label .static_txt {top:14px;}
html.ios .form-box-set .single_inputfield label .static_txt {top:15px;} 
*/

/* s 20240321 접근성 적용 후 삭제*/

body .form-box-set .single_inputfield {
    position: relative;
}

body .form-box-set .single_inputfield .static_txt {
    position: absolute;
    top: 13px;
    right: 17px;
    font-size: 21px;
}

html.android body .form-box-set .single_inputfield .static_txt {
    top: 14px;
}

html.ios body .form-box-set .single_inputfield .static_txt {
    top: 15px;
}

/* e 20240321 접근성 적용 후 삭제*/

/*s:FETASK-접근성-v1.0 : 스타일 경로 중 label 삭제 */

:root .form-box-set .single_inputfield .static_txt {
    position: absolute;
    top: 13px;
    right: 17px;
    font-size: 21px;
}

html.android :root .form-box-set .single_inputfield .static_txt {
    top: 14px;
}

html.ios :root .form-box-set .single_inputfield .static_txt {
    top: 15px;
}

/*e:FETASK-접근성-v1.0 : 스타일 경로 중 label 삭제 */

.expected_limit_guide {
    color: var(--txt-g700);
    font-size: 13px !important;
    text-align: right !important;
}

.expected_limit_guide+.expected_limit {
    margin-top: 4px;
}

.expected_limit .limit_value {
    width: 100%;
    overflow: hidden;
}

.expected_limit .limit_value dt {
    float: left;
    clear: both;
    width: 50%;
    font-size: 14px;
    color: var(--txt-g700);
    letter-spacing: inherit;
    margin-top: 14px;
}

.expected_limit .limit_value dd {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 16px;
    color: var(--txt-g1000);
    font-weight: 700;
    letter-spacing: inherit;
    margin-top: 14px;
}

.expected_limit.line {
    padding: 2px 0 17px;
    border-top: 1px solid var(--color-g300);
    border-bottom: 1px solid var(--color-g300);
}

.expected_limit.line .limit_value dt,
.expected_limit.line .limit_value dd {
    margin-top: 17px;
}

.fpm_other_product .product_lon_list .tit {
    padding: 0 26px 0 0;
    letter-spacing: inherit;
    font-size: 19px;
    color: var(--txt-g1000);
    font-weight: 700;
}

.fpm_other_product .product_lon_list .tit .desc {
    margin-top: 4px;
    color: var(--txt-g700);
    font-size: 14px;
    font-weight: normal;
}

.fpm_other_product .product_lon_list li {
    border: 1px solid var(--color-g300);
    margin-top: 16px;
    border-radius: 10px;
    padding: 22px;
}

.fpm_other_product .product_lon_list li:first-child {
    margin: 0;
}

.fpm_other_product .product_lon_list li dl {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.fpm_other_product .product_lon_list li .tooltipArea {
    position: relative;
}

.fpm_other_product .product_lon_list li .tooltipArea .btnTooltip {
    display: inline-block;
    position: relative;
    background: url("/resource/img/reform/btn/btn_info_gray.png") no-repeat right 3px;
    background-size: 20px 20px;
    letter-spacing: inherit;
    font-size: 19px;
    color: #000;
    padding: 0 26px 0 0;
    font-weight: bold;
}

.fpm_other_product .product_lon_list li .tooltipArea .product_signature {
    position: absolute;
    top: 2px;
    right: 0;
    border-radius: 10px;
    background: #2c08c6;
    font-size: 10px;
    letter-spacing: inherit;
    color: #f6f6f6;
    padding: 2px 8px 4px;
}

.fpm_other_product .product_lon_list li .btn_detail {
    display: block;
    margin-top: 23px;
    padding: 13px;
    background: #eee;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.19;
    color: var(--txt-g1000);
}

.fpm_other_product .product_lon_list li .tit+.rate {
    padding-top: 19px;
}

.fpm_other_product .product_lon_list li .rate {
    padding: 23px 0 0;
}

.fpm_other_product .product_lon_list li .rate dt {
    float: left;
    clear: both;
    width: 50%;
    font-size: 14px;
    color: var(--txt-g700);
    margin-top: 14px;
}

.fpm_other_product .product_lon_list li .rate dd {
    float: right;
    width: 50%;
    font-size: 16px;
    color: var(--txt-g1000);
    font-weight: bold;
    text-align: right;
    margin-top: 14px;
}

.fpm_other_product .product_lon_list li .rate dt:first-child,
.fpm_other_product .product_lon_list li .rate dt:first-child+dd {
    margin-top: 0;
}

.fpm_other_product .product_lon_list li .rate dd.point {
    color: var(--color-in700);
}

.fpm_other_product .product_lon_list li .rate dd .more {
    color: var(--txt-g1000);
}

.fpm_other_product .product_lon_list li .rate dd .more:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background: url("/resource/img/reform/icon/ic_arrow_s.png") no-repeat 50% 50%;
    background-size: 12px auto;
}

.fpm_other_product .user_choice_ad {
    margin-top: 43px;
}

.fpm_other_product .user_choice_ad .guide_text {
    font-size: 17px;
    color: var(--txt-g1000);
}

.fpm_other_product .user_choice_ad .guide_text+.guide_button {
    margin-top: 16px;
}

.fpm_other_product .user_choice_ad .guide_button {
    display: block;
    width: 100%;
    border: 0.5px solid rgba(0, 0, 0, 0.36);
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    color: #141414;
    padding: 18px;
}

.judgesheet_loan {
    margin-bottom: 20px;
    padding: 0 25px;
}

/* 적합성∙적정성 고객정보 확인 */

.judgesheet_loan .section {
    padding: 0 !important;
}

.judgesheet_loan .section+.section {
    margin-top: 40px;
}

.judgesheet_loan .msg {
    /*margin:20px 0 50px;*/
    margin: 50px 0;
    color: var(--txt-g1000);
    font-size: 21px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: inherit;
}

.judgesheet_loan .msg.type2 {
    margin: 20px 0 48px;
}

.judgesheet_loan .msg.type3 {
    margin: 26px 0 9px;
}

.judgesheet_loan .msg strong {
    color: #69b405;
    font-weight: bold;
}

.judgesheet_loan .msg .desc {
    margin-top: 8px;
    font-size: 15px;
    color: var(--txt-g700);
    font-weight: normal;
}

.judgesheet_loan .join-process {
    height: auto;
    min-height: auto !important;
    margin: 0 -3px;
}

.judgesheet_loan .join-process .form-box {
    padding: 0;
}

.judgesheet_loan .join-process .form-box .field-round {
    margin: 0;
}

.judgesheet_loan .form_fieldset_wrap {
    margin: 0 -3px;
}

.judgesheet_loan .form-box-set .title {
    margin: 0 3px;
}

.judgesheet_loan .form-box-set .title+.cont {
    margin-top: 16px;
}

.judgesheet_loan .slide_tab_set .result {
    margin-right: 3px;
}

.judgesheet_loan .r2infolist.type_border2 {
    margin: 0 -3px;
    padding: 25px 20px !important;
    border-radius: 10px;
    border: 1px solid var(--color-g300);
}

.judgesheet_loan .r2infolist.type_border2.no_border_type2 .item dt {
    min-height: auto;
    padding: 0 !important;
    color: var(--txt-g700);
    letter-spacing: inherit;
}

.judgesheet_loan .r2infolist.type_border2.no_border_type2 .item dd {
    min-height: auto;
    padding: 0 !important;
    font-weight: bold;
    letter-spacing: inherit;
    font-size: 14px;
}

.judgesheet_loan .r2infolist.type_border2.no_border_type2 .item+.item {
    margin-top: 14px;
}

.judgesheet_loan .r2setupArticle,
.judgesheet_loan .r2setupArticle .setupBox {
    position: fixed !important;
    z-index: 9001;
}

.judgesheet_loan .set_lon_time {
    position: relative;
    text-align: right;
    padding: 33px 0 0;
    margin-bottom: 16px;
}

.judgesheet_loan .set_lon_time .select {
    display: inline-block;
    position: relative;
    padding: 0 19px 0 0;
    font-size: 14px;
    color: var(--txt-g1000);
}

.judgesheet_loan .set_lon_time .select:after {
    position: absolute;
    top: 3px;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid var(--color-g1000);
    border-right: 1px solid var(--color-g1000);
    transform: rotate(-225deg) translateX(50%);
    content: "";
}

.judgesheet_loan .set_lon_time .tooltip_area {
    display: none;
    text-align: left;
}

[data-ui-name="tooltip"] .jsAfter {
    all: initial;
}

[data-ui-name="tooltip"].active .jsAfter {
    position: absolute;
    width: 11px;
    height: 8px;
    background: url("/resource/img/fxr/bg_tooltip_icoType.png") 50% 50%;
    background-size: 11px 8px;
    z-index: 4;
}

[data-tooltip-name] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #b4bdc8;
    display: none;
    z-index: 3;
    background: var(--color-w100);
}

[data-tooltip-name] .cont {
    position: relative;
    padding: 13px 45px 13px 15px;
    white-space: normal;
}

[data-tooltip-name] .cont .tooltipclose {
    all: initial;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: url("/resource/img/fxr/bg_tooltip_icoType_close.png") no-repeat 50% 50%;
    background-size: 11px;
    cursor: pointer;
}

.judgesheet_loan.type2 {
    padding: 0 30px;
}

/* 맞춤대출 : type2 */

.judgesheet_loan.type2 .form_fieldset_wrap,
.judgesheet_loan.type2 .fpm_other_product {
    margin: 0 -8px;
}

.judgesheet_loan.type2 .fpm_other_product .user_choice_ad .guide_text {
    margin: 0 8px;
}

.judgesheet_loan.type2 .form_fieldset_wrap .form-box-set .title+.cont {
    margin-top: 12px;
}

.judgesheet_loan.type2 .product_lon_list .tooltipArea.hasClose .layerTooltip {
    top: 30px !important;
}

.judgesheet_loan.type2 .product_lon_list .tooltipArea .btnTooltip:after {
    top: 23px !important;
}

.layer_body .judgesheet_loan.type3 {
    margin-bottom: 0;
}

/* SR-1573 적합성 디자인 변경 */

.layer_body .judgesheet_loan .msg.type3 {
    margin: 70px 10px 66px 5px;
}

/* 20220420 SR-1717 적합성 팝업일 때만 간격 적용 */

@media screen and (max-width:320px) {
    .judgesheet_loan .msg br {
        display: none !important;
    }
    .br320 {
        display: none !important;
    }
}

/* s : FETASK-821 추가*/

/* loading flashing */

.dot-flashing {
    position: relative;
    left: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-navy);
    color: var(--color-navy);
    -webkit-animation: dotFlashing 1s infinite linear alternate;
    animation: dotFlashing 1s infinite linear alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-tap-highlight-color: transparent;
}

.dot-flashing:after,
.dot-flashing:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    box-sizing: border-box;
}

.dot-flashing:before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-navy);
    color: var(--color-navy);
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.dot-flashing:after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-navy);
    color: var(--color-navy);
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes dotFlashing {
    0% {
        background-color: var(--color-navy)
    }
    100%,
    50% {
        background-color: #ebe6ff
    }
}

@keyframes dotFlashing {
    0% {
        background-color: var(--color-navy)
    }
    100%,
    50% {
        background-color: #ebe6ff
    }
}

/* e : FETASK-821 추가*/

/* 마케팅동의 모듈화 */

.r2boxcard+.marketingAgree,
.marketingAgree+.r2boxcard {
    margin-top: 20px;
}

.marketingAgree {
    /*margin:0 30px;*/
}

.marketingAgree .untoggle .r2boxcard_body {
    display: block !important;
}

.marketingAgree.base .r2boxcard {
    border: 0 !important;
    margin-top: 0;
    padding-top: 14px;
}

.marketingAgree.base .r2boxcard_header .r2input_check {
    padding: 5px 0;
}

.marketingAgree.base .r2boxcard_header .r2input_check>input+i {
    top: 3px;
    right: 0;
}

.marketingAgree.base .r2boxcard_header .check_text {
    /*display:block; color:#141414; */
    font-size: 16px;
}

.marketingAgree.base .r2boxcard_header+.r2boxcard_body {
    padding: 0;
    border-top: 0;
}

.marketingAgree.base .r2boxcard_body .r2boxcard_checkitem,
.marketingAgree.base .r2boxcard_body a,
.marketingAgree.base .r2boxcard_body .check_text {
    color: var(--txt-g1000);
    font-size: 14px;
}

/*FETASK-1900 color:#878787*/

.marketingAgree.base .r2boxcard_body .r2input_check_group>.r2input_check_group_button {
    font-size: 14px;
}

.marketingAgree.base .r2boxcard_body .r2input_check_group label.r2input_check {
    margin-left: 20px;
}

.marketingAgree .grade-txt {
    position: relative;
    margin-left: 14px !important;
}

.marketingAgree .grade-txt:before {
    content: '';
    position: absolute;
    left: -19px;
    top: 0;
    width: 14px;
    height: 17px;
    margin: 0 -16px 0 2px;
    background: url(/resource/img/reform/form/ic_arrow.svg) no-repeat 50% 50%;
    background-size: contain;
}

.marketingAgree .check_text .grade-txt {
    margin-left: 0px !important;
}

.marketingAgree .check_text .grade-txt::before {
    content: '';
    position: absolute;
    left: -19px;
    top: 0;
    width: 0px;
    height: 0px;
}

.join-process .marketingAgree.base .r2boxcard_body .r2input_check_group>.r2input_check_group_button {
    padding-left: 0;
}

.join-process .marketingAgree.base .r2boxcard_body .r2input_check_group>.r2input_check_group_button,
.join-process .marketingAgree.base .r2boxcard_body a {
    font-size: 14px;
}

.join-process .marketingAgree.base .r2boxcard_checkitem>.r2input_check_group .r2input_check_group_check {
    padding-right: 0;
}

.pop_agrees .marketingAgree.base .r2boxcard_header {
    margin-bottom: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--color-g300);
}

/*FETASK-1900 border:#e9e9e9*/

.pop_agrees .marketingAgree.base .r2boxcard_header .r2boxcard_checkitem>.r2input_check>input+i {
    right: 0 !important;
}

.pop_agrees .marketingAgree.base .r2boxcard_body .r2input_tit {
    text-align: left;
    margin: 0 0 11px;
}

.pop_agrees .marketingAgree.base .r2boxcard_body .r2boxcard_checkitem .r2input_check>.check_text {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 60px !important;
}

.pop_agrees .marketingAgree.base .r2boxcard_body .check_text {
    display: block;
    width: 100%;
    padding: 10px 0 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop_agrees .marketingAgree.base .r2boxcard_body .r2boxcard_checkitem .r2input_check>input+i {
    top: 0;
}

.pop_agrees .marketingAgree.base .r2boxcard_body .r2boxcard_boxgray {
    padding-left: 30px;
    padding-right: 30px;
}

.pop_agrees .marketingAgree.base .r2boxcard .r2boxcard_checkitem>.r2input_check>input+i {
    right: 14px;
}

/* SR-1638 리서치 동의 페이지 퍼블 요청 */

.transferpoll .img-cont01 {
    width: 320px;
    height: 320px;
    margin: 0 auto;
    background: url('/resource/img/reform/icon/img_researchagree.png') no-repeat left top;
    background-size: contain;
}

.transferpoll .img-cont01 img {
    display: none;
}

.ico_cmm_thumb {
    background-image: url("/resource/img/reform/icon/img_good_animated.png") !important;
}

/* SR-1223 삭제 예정 (임시) */

/* .table_type_new th, .table_type_new td {word-wrap: break-word; word-break:break-all}
.table_type_new table th{padding:13px 12px 11px !important;}
.table_type_new table td{padding:13px !important;} test */

/* 긴급수정 : PBKTRN1100000301V > PBKTRN1100000322V 키패드 width 에러 수정 */

#banner_slider>.banner>#orderByAccount>.trf_tabcontent>.layer_innerWrap.spacing3>.keypadArea {
    width: 100% !important;
}

/* 20220419 SR-1625 머니톡 수정사항(추후 kbank_new.css 로 이동) */

.content_home_allmenu .kbRnbMenu .mtalk-banner .tit:after {
    content: '' !important;
}

.content_home_allmenu .kbRnbMenu .mtalk-banner .tit {
    overflow: hidden;
    font-size: 0 !important;
    height: 26px;
    background: url('/resource/img/reform/moneytalk/logo_moneytalk_menu.svg') no-repeat left top;
    background-size: 105px auto;
}

/* 20240725 CHPFMTASK-1214 설명서용 ul li 정의*/

ul.comm-li-type {
    padding: 0;
    margin: 0;
}

ul.comm-li-type li {
    margin: 0;
    padding: 3px 0 3px 14px;
    position: relative;
    text-indent: 0px;
}

ul.comm-li-type>li:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: var(--color-g1000);
    border-radius: 2px;
}

ul.comm-li-type li ul>li {
    padding: 2px 0 0 14px;
}

ul.comm-li-type li ul.ul-noti>li {
    font-weight: 500;
}

ul.number-li-type {
    padding: 0;
    margin: 0;
}

ul.number-li-type li {
    margin: 0;
    padding: 3px 0 3px 18px;
    position: relative;
    text-indent: -14px;
}

/* 스와이퍼 pagination*/

.swiper-pagination.common-pagination {
    position: relative;
    margin-top: 0;
}

.swiper-pagination.common-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    opacity: 1;
    background: var(--color-w100);
    border: 1.4px solid var(--color-g700) !important;
    margin: 0 4px !important;
    display: inline-block;
    box-sizing: border-box;
}

.swiper-pagination.common-pagination .swiper-pagination-bullet-active {
    background: var(--color-g700);
}