@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

table,tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

input[type=button], input[type=text], input[type=image], input[type=submit], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.ui-datepicker select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
    -o-appearance: auto;
    appearance: auto;
    border: 1px solid #ccc;
}

textarea {
    overflow: hidden;
    resize: none;
}

.hide {
    display: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 뷰표트 변환시 폰트크기 자동확대 방지 */
body {
    -webkit-text-size-adjust: none;
}

input[type=text], input[type=password], input[type=submit], input[type=search] {
    -webkit-appearance: none;
    border-radius: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: none;
}

address, caption, cite, code, dfn, em, var, i {
    font-style: normal;
    font-weight: normal;
}

input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-family: inherit;
    padding: 0;
}

select::-ms-expand {
    display: none;
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
}

input[type=submit], input[type=button], button {
    cursor: pointer;
}

/* input[type=checkbox], input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
} */

::-webkit-input-placeholder {
    color: #B3B3B3;
    font-size: inherit !important;
}

::-moz-placeholder {
    color: #B3B3B3;
    font-size: inherit !important;
}

:-ms-input-placeholder {
    color: #B3B3B3;
    font-size: inherit !important;
}

::-ms-input-placeholder {
    color: #B3B3B3;
    font-size: inherit !important;
}

::placeholder {
    color: #B3B3B3;
    font-size: inherit !important;
}
 
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input::-ms-clear {
    display: none;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select {
    border: none;
}


/*  미사용으로 제외
@font-face {
    font-family: 'onemobile';
    font-weight: 300;
    src: url(../fonts/OneMobileLight.woff2) format('woff2'), url(../fonts/OneMobileLight.woff) format('woff');
} */

@font-face {
    font-family: 'onemobile';
    font-weight: 400;
    src: url(../fonts/OneMobileRegular.woff2) format('woff2'), url(../fonts/OneMobileRegular.woff) format('woff');
}

@font-face {
    font-family: 'onemobile';
    font-weight: 500;
    src: url(../fonts/OneMobileBold.woff2) format('woff2'), url(../fonts/OneMobileBold.woff) format('woff');
}

@font-face {
    font-family: "sbaggro";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/SBAggroLight.woff2) format("woff2"), url(../fonts/SBAggroLight.woff) format("woff");
}

@font-face {
    font-family: "sbaggro";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/SBAggroMedium.woff2) format("woff2"), url(../fonts/SBAggroMedium.woff) format("woff");
}


@font-face {
    font-family: "sbaggro";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/SBAggroBold.woff2) format("woff2"), url(../fonts/SBAggroBold.woff) format("woff");
}


/* 공통 */
html, body {
    font-family: 'onemobile';
    font-size: 10px;
}

.sba_txt {
    font-family: 'sbaggro' !important;
}

.bankdaA {

}

.bankdaA_col_b {
    color: #000 !important;
}

.bankdaA_col_w {
    color: #fff !important;
}

.bankdaA_col_g {
    color: #454545 !important;
}

.bankdaA_col_b {
    color: #2F51FF !important;
}

.bankdaA_header {
    background: #fff;
    height: 88px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.bankdaA_header_cont {
    align-items: center;
    display: flex;
    height: inherit;
    margin: 0 auto;
    max-width: 1480px;
}

.bankdaA_logo {
    font-size: 0;
    margin-right: 15px;
}

.bankdaA_logo > a {
    display: inline-block;
    height: 24px;
}

.bankdaA_logo > a img {
    height: 100%;
}

.bankdaA_menu {
    flex: 1;
}

.bankdaA_menu_btn {
    background: url(../images/ico_mo_menu.png) center no-repeat;
    display: none;
    font-size: 0;
    height: 30px;
    width: 30px;
}

.bankdaA_menu_close {
    background: url(../images/ico_mo_menu_on.png) center no-repeat;
    display: none;
    font-size: 0;
    height: 30px;
    right: 12px;
    position: absolute;
    top: 14px;
    width: 30px;
    transition: all 0.3s;
}

.bankdaA_nav > ul {
    column-gap: 50px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    li {
        min-width: 100px;
        &:last-child {
            min-width: 0;
        }
    }
}

.bankdaA_nav ul > li > a {
    font-size: 1.8rem;
    font-weight: 300;
}

.bankdaA_nav ul > li > a:hover {
    color: #2F51FF;
}

.bankdaA_nav ul > li > a._selected {
    color: #2F51FF;
}

.bankdaA_main_tit {
    font-size: 3.2rem;
    font-weight: 300;
}

.bankdaA_main_tit.bold_txt {
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 1.2;
}

.service_section {
    box-sizing: border-box;
    padding: 96px 0;
}

.service_section.service1 {
    background: url(../images/bg_main1.png) center no-repeat;
    background-size: cover;
}

.service_section.service2 {
    background: url(../images/bg_main3.png) center no-repeat;
    background-size: cover;
}

.service_section .service_info {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1400px;
}

.service_info .info_list {
    max-width: 100%;
    width: 760px;
}

.info_list > li + li {
    margin-top: 20px;
}

.info_list .round_box {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    min-height: 152px;
    padding: 35px 35px 35px 154px;
    position: relative;
}

.round_box > p {
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: left;
    word-break: keep-all;
}

.round_box[class*="ico"]::before {
    /* background: red; */
    content: '';
    height: 84px;
    left: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 84px;
}

.round_box[class*="ico"].ico_sv1::before { background: url(../images/ico_sv1.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv2::before { background: url(../images/ico_sv2.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv3::before { background: url(../images/ico_sv3.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv4::before { background: url(../images/ico_sv4.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv5::before { background: url(../images/ico_sv5.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv6::before { background: url(../images/ico_sv6.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv7::before { background: url(../images/ico_sv7.png) center no-repeat; background-size: contain; }
.round_box[class*="ico"].ico_sv8::before { background: url(../images/ico_sv8.png) center no-repeat; background-size: contain; }

.youtube_section {
    box-sizing: border-box;
    padding: 0px 0;
}

.youtube_section .youtube_box {
    margin: 0 auto;
    max-width: 1400px; /* 최대 너비를 1400px 으로 설정하여 창 크기에 맞게 조정 */
    aspect-ratio: 16 / 9; /* 가로 세로 비율 16:9 */
    height: auto; /* 높이는 가로 비율에 맞게 자동 조정 */
}

.merit_section {
    box-sizing: border-box;
    padding: 200px 0;
}

.merit_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1400px;
}

.merit_list > li {
    text-align: center;
}

.merit_list .with_merit_icon {
    box-sizing: border-box;
    font-size: 3.8rem;
    font-weight: 300;
    line-height: 1.3;
    padding-top: 168px
}

.with_merit_icon.merit_icon1 {
    background: url(../images/ico_main_2_1.png) center top no-repeat;
}

.with_merit_icon.merit_icon2 {
    background: url(../images/ico_main_2_2.png) center top no-repeat;
}

.with_merit_icon.merit_icon3 {
    background: url(../images/ico_main_2_3.png) center top no-repeat;
}

.merit_list .merit_detail {
    color: #454545;
    font-size: 2.2rem;
    line-height: 1.45;
    margin-top: 40px;
    word-break: keep-all;
}

.main_banner_section {
    box-sizing: border-box;
    padding: 100px 0 50px 0;
}

.serv_fee_section {
    background: #EAEAEA;
    box-sizing: border-box;
    min-height: 960px; /* 지금 화면 컨텐츠 크기 기준으로 맞췄지만 불필요하거나 변경이 있는 경우 사이즈 조절이나 아예 빼야함 */
    padding: 100px 0 50px 0;
}

.main_banner_info, .serv_fee {
    margin: 0 auto;
    max-width: 1480px;
}

.main_banner_info  .bankdaA_main_tit, .serv_fee .bankdaA_main_tit, .customer .bankdaA_main_tit, .partners .bankdaA_main_tit, .support_bank .bankdaA_main_tit, .faq_short_board .bankdaA_main_tit, .app_section .bankdaA_main_tit {
    text-align: center;
}

.main_banner_info .main_banner_detail, .serv_fee .chn_fee_detail {
    margin-top: 18px;
}

.chn_desc {
    margin-bottom: 20px;
}

.chn_desc > p {
    color: #454545;
    display: none;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
}

.chn_desc > p._show {
    display: block;
}

.chn_info {
    /* display: flex;
    flex-direction: row;
    justify-content: space-between; */
    margin: 0 auto;
    position: relative;
    /* width: 1400px; */
}

.chn_tab_btns {
    display: flex;
    flex-direction: column;
    /*left: -112px;*/
    position: absolute;
    row-gap: 12px;
    top: 32px;
}

.chn_tab_btns button {
    background: transparent;
    border-radius: 30px;
    box-sizing: border-box;
    color: #454545;
    font-size: 2.0rem;
    font-weight: 300;
    height: 50px;
    padding: 0 24px;
    text-align: left;
    width: 180px;
}

.chn_tab_btns button._clicked {
    background: #359DE7;
    color: #fff;
}

.chn_tab_btns button:not(._clicked):hover {
    color: #359DE7;
}

.chn_info .chn_tab_content {
    margin: auto;
    width: 1084px;
}

.chn_box {
    display: none;
}

.chn_box._show {
    display: block;
}

.chn_box .ico_stat {
    box-sizing: border-box;
    column-gap: 30px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    row-gap: 10px;
}

.customer_section {
    box-sizing: border-box;
    min-height: 860px; /* 지금 화면 컨텐츠 크기 기준으로 맞췄지만 불필요하거나 변경이 있는 경우 사이즈 조절이나 아예 빼야함 */
    padding: 100px 0 50px 0;
}

.customer {
    margin: 0 auto;
    max-width: 1480px;
}

.customer .customer_detail {
    margin-top: 18px;
}

.customer_desc {
    margin-bottom: 20px;
}

.customer_desc > p {
    color: #454545;
    display: none;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
}

.customer_desc > p._show {
    display: block;
}

.customer_info {
    /* display: flex;
    flex-direction: row;
    justify-content: space-between; */
    margin: 0 auto;
    position: relative;
    padding-left: 240px; /* 좌측 메뉴 공간 확보 (버튼 width 220px + 여백 20px) */
    max-width: 1480px; /* 최대 너비 제한 */
    /* width: 1400px; */
}

.customer_tab_btns {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0; /* 좌측에 고정 */
    row-gap: 12px;
    top: 32px;
}

.customer_tab_btns button {
    background: transparent;
    border-radius: 30px;
    box-sizing: border-box;
    color: #454545;
    font-size: 2.0rem;
    font-weight: 300;
    height: 50px;
    padding: 0 24px;
    text-align: left;
    width: 220px; /* 190px에서 280px로 증가 */
}

.customer_tab_btns button._clicked {
    background: #359DE7;
    color: #fff;
}

.customer_tab_btns button:not(._clicked):hover {
    color: #359DE7;
}

.customer_info .customer_tab_content {
    margin: 0 auto; /* margin-left 제거하고 중앙 정렬 */
    width: 1084px;
    max-width: 100%; /* 반응형 대응 */
}

.customer_box {
    display: none;
}

.customer_box._show {
    display: block;
}

.customer_box .ico_stat {
    box-sizing: border-box;
    column-gap: 30px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    row-gap: 10px;
}

.ico_stat > p {
    box-sizing: border-box;
    color: #000;
    font-size: 2.0rem;
    padding-left: 36px;
}

.ico_stat > p.ico_clock {
    background: url(../images/ico_clock.png) left 4px center no-repeat;
}

.ico_stat > p.ico_use {
    background: url(../images/ico_use.png) left 4px center no-repeat;
}

.ico_stat > p > span {
    font-weight: 500;
}

.chn_plan_list {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
}

/* .chn_plan_list > li {
    
} */

.chn_plan_list > .plan_box {
    display: flex;
    flex-direction: column;
    width: calc((100% - 40px) / 3);
}

.customer_plan_list {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
}

/* .customer_plan_list > li {

} */

.customer_plan_list > .plan_box {
    display: flex;
    flex-direction: column;
    width: calc((100% - 40px) / 3);
}

.plan_box .plan_head {
    align-items: center;
    background: #45B2FF;
    border-radius: 10px 10px 0 0;
    color: #fff;
    display: flex;
    font-size: 2.0rem;
    font-weight: 500;
    height: 54px;
    justify-content: center;
    text-align: center;
}

.plan_box.highlight .plan_head, .bg_purple {
    background: #8945FF !important;
}

.plan_box .plan_head.has_recommand {
    position: relative;
}

.plan_head.has_recommand .recommand_txt {
    align-items: center;
    background: url(../images/bg_recommand.png) center no-repeat;
    background-size: cover;
    display: flex;
    height: 100px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
}

.recommand_txt > span {
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: -5px;
    transform: rotate(-18.5deg);
}

.recommand_txt > span i {
    color: #8945FF;
    font-weight: 500;
}

.plan_box .plan_cont {
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    flex: 1;
    /* height: 0; */
    padding: 60px 30px;
    text-align: center;
}

.plan_box .upper_cont {
    border-bottom: 1px solid #D4D4D4;
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 125px;
    padding-bottom: 60px;
    width: 218px;
    height: 101px;
    /* 라인을 after로 빼는 경우도 생각해볼것 */
}

.upper_cont .plan_pre {
    font-size: 2.0rem;
}

.plan_box .plan_strong {
    color: #359DE7;
    font-size: 3.0rem;
    font-weight: 500;
}

.plan_box.highlight .plan_strong {
    color: #8945FF;
}

.plan_box .plan_term {
    color: #454545;
    font-size: 2.0rem;
    font-weight: 500;
}

.plan_box .plan_desc {
    color: #454545;
    font-size: 1.6rem;
}

.plan_box .plan_pre {
    color: #B3B3B3;
    font-weight: 500;
    text-decoration: line-through;
}

.plan_box .plan_strong + .plan_term {
    margin-top: 9px;
}

.plan_box .plan_term + .plan_desc {
    margin-top: 18px;
}

.plan_box .lower_cont {
    box-sizing: border-box;
    padding-top: 60px;
}

.lower_cont > li {
    height: 68px;
}

.lower_cont > li + li {
    margin-top: 60px;
}

.plan_box .plan_tit {
    color: #454545;
    font-size: 2.0rem;
    font-weight: 500;
}

.plan_box .plan_tit + .plan_desc {
    margin-top: 9px;
}

.plan_box .plan_tit + .plan_pre {
    margin-top: 10px;
}

.plan_box .plan_pre + .plan_desc {
    margin-top: 2px;
}

.lower_cont .plan_pre {
    font-size: 1.4rem;
}

.chn_box .bottom_desc {
    font-size: 1.6rem;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: right;
    line-height: 22px;
}

.chn_box .preparing {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 596px;
}

.chn_box .preparing p {
    background: url(../images/ico_prepare.png) top center no-repeat;
    color: #939393;
    font-size: 2.4rem;
    font-weight: 300;
    min-width: 54px;
    padding-top: 94px;
    text-align: center;
}

.customer_box .bottom_desc {
    font-size: 1.6rem;
    margin-top: 18px;
    text-align: right;
}

.customer_box .preparing {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 596px;
}

.customer_box .preparing p {
    background: url(../images/ico_prepare.png) top center no-repeat;
    color: #939393;
    font-size: 2.4rem;
    font-weight: 300;
    min-width: 54px;
    padding-top: 94px;
    text-align: center;
}


.partner_section {
    background: #fff;
    box-sizing: border-box;
    padding: 100px 0 150px 0;
}

.partners {
    margin: 0 auto;
    max-width: 1480px;
}

.partner_list {
    align-items: center;
    column-gap: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 120px auto 0;
    max-width: 1200px;
    row-gap: 16px;
}

.partner_list > li {
    font-size: 0;
}

.partner_list a {
    display: inline-block;
    font-size: 0;
}

.support_bank_section {
    background: #EBF0F8;
    box-sizing: border-box;
    padding: 100px 0 150px 0;
}

.support_bank {
    margin: 0 auto;
    max-width: 1400px;
}

.support_bank_cont {
    column-gap: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 100px;
}

.support_bank_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    width: 660px;
    max-height: 660px;
}

/* .support_bank_list > li {

} */

.support_bank_list input[type=radio] + label {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 120px;
    padding-top: 21px;
    text-align: center;
    width: 120px;
}

.support_bank_list input[type=radio] + label > span {
    display: block;
    font-size: 1.8rem;
    margin-top: 15px;
}

.support_bank_list input[type=radio]:checked + label {
    border-color: #2F51FF;
}

.bank_detail .not_selected {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 600px;
}

.bank_detail .not_selected._hide {
    display: none !important;
}

.not_selected p {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.35;
    word-break: keep-all;
}

.bank_detail_cont {
    display: none;
    width:600px;
}

.bank_detail_cont._show {
    display: block;
}

.bank_detail_cont .bd_tit {
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 30px;
}

.bank_detail_cont .mid_txt {
    color: #000;
    font-size: 2.0rem;
    line-height: 1.4;
}

.bank_detail_cont .desc_txt {
    color: #5F75A7;
    font-size: 1.6rem;
    line-height: 1.5;
}

.bank_detail_cont .service_step_wrap {
    margin-top: 60px;
}

.service_step_wrap .step_tit {
    color: #000;
    font-size: 2.0rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.service_step_wrap .legend_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.legend_list .legend_item {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
}

.legend_item.with_tip {
    position: relative;
}

.legend_item.with_tip:hover {
    cursor: help;
}

.legend_item.with_tip:hover::before {
    background: #787878;
    border-radius: 6px;
    bottom: 42px;
    color: #fff;
    content: attr(tooltip-cont);
    font-size: 1.6rem;
    left: 0;
    line-height: 1.4;
    padding: 8px 12px;
    position: absolute;
    white-space: nowrap;
    /* width: 200px; */
}

.legend_item.with_tip:hover::after {
    border-color: transparent #787878 #787878 transparent;
    border-style: solid;
    border-width: 6px;
    bottom: 38px;
    content: '';
    left: 18px;
    transform: rotate(45deg);
    position: absolute;
}

.legend_item.type_fill {
    border: none;
}

.legend_item.col_og {
    border-color: #ED7600;
    color: #ED7600;
}

.legend_item.col_og {
    border-color: #ED7600;
    color: #ED7600;
}

.legend_item.col_bl {
    border-color: #359CE7;
    color: #359CE7;
}

.legend_item.type_fill.col_bl {
    /* 기본파랑 */
    background: #359DE7;
    color: #fff;
}

.legend_item.tp_speed {
    background: #f59a23;
    color: #fff;
}

.legend_item.tp_wlogin {
    background: #016fa0;
    color: #fff;
}

.legend_item.tp_bnum {
    background: #a36717;
    color: #fff;
}

.legend_item.tp_birth {
    background: #00aaaa;
    color: #fff;
}

.legend_item.tp_accnum, .legend_item.tp_accpass {
    background: #63a103;
    color: #fff;
}

.legend_item.tp_sid, .legend_item.tp_spass {
    background: #7f7f7f;
    color: #fff;
}

.legend_item.tp_bid, .legend_item.tp_bpass {
    background: #02a7f0;
    color: #fff;
}

.legend_item.col_cy {
    /* 기본청록*/
    background: #09C2B3;
    color: #fff;
}

.legend_item.col_rp {
    /* 기본밝은보라 */
    background: #475BC0;
    color: #fff;
}

.legend_item > span {
    font-weight: 500;
}

.service_step_wrap > li + li {
    border-top: 1px solid #A6B4D4;
    margin-top: 20px;
    padding-top: 20px;
}

.service_step_wrap .service_step {
    font-size: 1.6rem;
    line-height: 1.75;
}

.service_step_wrap ol.service_step {
    box-sizing: border-box;
    list-style: decimal;
    padding-left: 1em;
}

.service_step a {
    text-decoration: underline;
}

.faq_section {
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 100px 0 90px 0;
}

.faq_short_board {
    margin: 0 auto;
    max-width: 1480px;
    position: relative;
}

.faq_short_board .faq_list {
    margin-top: 56px;
}

.faq_list > li + li {
    margin-top: 15px;
}

.faq_list .faq_box {
    background: #E4EAF4;
    border: 1px solid #E4EAF4;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 25px 36px 22px;
}

.faq_box._opened {
    border-color: #2F51FF;
}

.faq_box .question_btn {
    background: transparent;
    box-sizing: border-box;
    display: block;
    font-size: 2.2rem;
    line-height: 1.5;
    min-height: 38px;
    padding-left: 60px;
    position: relative;
    text-align: left;
    width: 100%;
}

.question_btn::before {
    color: #000;
    content: 'Q';
    font-family: 'sbaggro' !important;
    font-size: 3.2rem;
    font-weight: 300;
    left: 0;
    line-height: normal;
    position: absolute;
    top: 0;
}

.faq_box .answer_box {
    box-sizing: border-box;
    display: none;
    color: #2F51FF;
    font-size: 2.2rem;
    line-height: 1.5;
    margin-top: 18px;
    padding-left: 60px;
    position: relative;
}

.answer_box::before {
    color: inherit;
    content: 'A';
    font-family: 'sbaggro' !important;
    font-size: 3.2rem;
    font-weight: 300;
    left: 0;
    line-height: normal;
    position: absolute;
    top: 0;
}

.faq_short_board .board_more {
    font-size: 2.2rem;
    line-height: 1.5;
    position: absolute;
    right: 10px;
    top: 3px;
}

.bankdaA_footer {
    background: #363949;
    box-sizing: border-box;
    padding: 80px 0 55px;
}

.bankdaA_footer .bankdaA_footer_cont {
    background: url(../images/footer_logo.png) top 6px left no-repeat;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1480px;
    padding-left: 206px;
}

/* .bankdaA_footer_cont .footer_info {
    
} */

.footer_info .comp_info_txt {
    display: flex;
    flex-direction: row;
    font-size: 1.4rem;
    line-height: 2.25;
}

.comp_info_txt > span + span::before {
    content: '|';
    color: #6D778E;
    padding: 0 4px;
}

.footer_cs_cont {
    background: #262939;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 15px 20px;
}

.footer_cs_cont h3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.cs_telnum {
    color: #45B2FF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.cs_telnum_deteil {
    font-size: 12px;
    margin: 4px 0 2px;
}

.cs_telnum_deteil > li + li {
    margin-top: 7px;
}

.cs_telnum_deteil .cs_tit {
    display: inline-block;
    min-width: 82px;
}

.cs_telnum_deteil .cs_val {
    font-weight: 500;
}

.cs_telnum_deteil .cs_tit + .cs_val::before {
    content: ':';
    padding: 0 4px 0 10px;
}

/* 서브 */
/* .bankdaA_sub_cont {

} */

.bankdaA_sub_top {
    align-items: center;
    background: #EBF0F8;
    display: flex;
    height: 270px;
    justify-content: center;
}

.bankdaA_sub_top h2 {
    color: #000;
    font-size: 4.0rem;
    font-weight: 300;
    line-height: 1.25;
}

.bankdaA_sub_bottom {
    margin: 100px auto;
    max-width: 1480px;
}

.location_map {
    background: #D9D9D9;
    border-radius: 20px;
    height: 700px;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    width: 1400px;
}

.location_map .root_daum_roughmap, .location_map .root_daum_roughmap .wrap_map {
    height: 100%;
    width: 100%;
}

.ico_content {
    box-sizing: border-box;
    margin: 50px 40px 0 188px;
}

.ico_content .ico_item {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.ico_content .ico_item + .ico_item {
    margin-top: 7px;
}

.ico_item .ico_tit {
    box-sizing: border-box;
    color: #5F75A7;
    flex-shrink: 0;
    font-size: 2.0rem;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    padding-left: 38px;
    width: 140px;
}

.ico_item .ico_txt {
    color: #454545;
    font-size: 1.8rem;
    line-height: 1.4;
}

.ico_tit.ico_loca {
    background: url(../images/ico_location.png) left top 10px  no-repeat;
}

.ico_tit.ico_tra {
    background: url(../images/ico_train.png) left top 10px no-repeat;
}

.ico_tit.ico_park {
    background: url(../images/ico_parking.png) left top 10px no-repeat;
}

.inqury_form_wrap {
    margin: 0 auto;
    max-width: 100%;
    width: 1040px;
}

.inqury_form .form_box + .form_box {
    margin-top: 20px;
}

.inqury_form .form_box {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

.form_box .form_label {
    align-items: center;
    background: #9DAED4;
    border-radius: 15px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 30px;
    width: 300px;
}

.form_box .form_label + * {
    flex: 1;
}

.form_box .form_inp {
    border: 1px solid #5F75A7;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 16px;
    height: 60px;
    padding: 0 30px;
}

/* .form_box .form_tarea_wrap {
    border: 1px solid #5F75A7;
    border-radius: 15px;
    box-sizing: border-box;
    height: 350px;
    padding: 10px;
} */

.form_box .form_tarea {
    border: 1px solid #5F75A7;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 1.6rem;
    height: 350px;
    overflow: auto;
    padding: 30px;
    resize: none;
    width: 100%;
}

/* .form_tarea::-webkit-scrollbar {
    width: 10px;
  }
  
.form_tarea::-webkit-scrollbar-track {
    background: #d9d9d9;
}

.form_tarea::-webkit-scrollbar-thumb {
    background: #777;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
}

.form_tarea::-webkit-scrollbar-thumb:hover {
    background: #444;
} */

.inqury_form_wrap .btn_area {
    margin-top: 60px;
    text-align: center;
}

.inqury_form_wrap .btn_area button {
    background: #000;
    border-radius: 50px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    height: 50px;
    padding: 6px 30px;
}

.history_wrap {
    padding: 0 300px;
}

.history_tit {
    color: #5F75A7;
    font-size: 5.5rem;
    font-weight: 300;
    margin-bottom: 70px;
}

.history_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    row-gap: 24px;
}

.history_list::before {
    background: #CDCDCD;
    content: '';
    height: 100%;
    position: absolute;
    left: 138px;
    top: 0;
    width: 1px;
}

.history_list dt {
    color: #5F75A7;
    font-size: 3.0rem;
    font-weight: 300;
    line-height: 50px;
    min-height: 50px;
    width: 185px;
}

.history_list dd {
    color: #454545;
    flex: 1 1 calc(100% - 185px);
    flex-shrink: 0;
    font-size: 1.8rem;
    line-height: 1.5;
    padding-top: 6px;
}

.history_list dd p + p {
    margin-top: 6px;
}

@media (max-width:1800px){
    .chn_tab_btns, .customer_tab_btns {
        left: -80px;
    }
}

@media (max-width:1700px){
    .chn_tab_btns, .customer_tab_btns {
        left: -70px;
    }
}

@media (max-width:1650px){
    .customer_info {
        padding-left: 0; /* 모바일에서는 좌측 패딩 제거 */
    }
    
    .chn_tab_btns, .customer_tab_btns {
        flex-direction: row;
        justify-content: center;
        padding-bottom: 20px;
        position: static;
        column-gap: 20px;
        width: 95%;
    }

    .chn_tab_btns button, .customer_tab_btns button {
        text-align: center;
    }
}

@media (max-width:1560px){
    .bankdaA_header {
        height: 80px;
        padding: 0 40px;
    }

    .bankdaA_header_cont, .bankdaA_footer .bankdaA_footer_cont {
        max-width: 100%;
    }

    .service_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .service_section .service_info {
        width: 100%;
    }

    .youtube_section {
        padding-left: 0;
        padding-right: 0;
    }
    
    .merit_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .merit_list {
        width: 100%;
    }

    .banner-slider {
        max-width: 100%;
    }
    .main_banner_section, .customer_section, .serv_fee_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .main_banner_info, .serv_fee {
        width: 100%;
    }

    .partner_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .partners {
        width: 100%;
    }

    .support_bank_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .support_bank {
        width: 100%;
    }

    .faq_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .faq_short_board {
        width: 100%;
    }

    .bankdaA_footer {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .bankdaA_sub_top {
        height: 240px;
    }

    .bankdaA_sub_bottom {
        box-sizing: border-box;
        padding: 0 40px;
    }

    .history_wrap {
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
        width: 820px;
    }

    .ico_content {
        margin: 50px 40px 0 100px;
    }
}

@media (max-width:1280px){
    html, body {
        font-size: 9px;
    }

    .bankdaA_header {
        height: 70px;
    }

    .bankdaA_nav > ul {
        justify-content: flex-end;
    }

    .service_section {
        text-align: center;
    }

    .service_section .service_info {
        display: inline-block;
        width: auto;
    }

    .service_section .bankdaA_main_tit {
        margin-bottom: 20px;
    }

    .info_list .round_box {
        min-height: 132px;
        padding: 30px 30px 30px 154px;
    }

    .round_box[class*="ico"]::before {
        left: 30px;
    }

    .youtube_section {
        padding: 0;
    }
    
    .merit_section {
        padding: 180px 30px;
    }

    .chn_info .chn_tab_content, .customer_info .customer_tab_content, .plan_box .upper_cont {
        max-width: 100%;
    }

    .ico_stat > p.ico_clock, .ico_stat > p.ico_use {
        background-size: 20px;
    }

    .partner_list {
        margin: 100px auto 0;
    }

    .partner_list a {
        width: 160px;
    }

    .partner_list a img {
        width: 100%;
    }

    .support_bank_section {
        padding: 90px 30px 120px;
    }

    .support_bank_cont {
        display: block;
        margin-top: 70px;
    }

    .support_bank_list {
        justify-content: center;
        width: 100%;
    }

    .bank_detail .not_selected, .bank_detail_cont {
        width: 100%;
    }

    .support_bank_list input[type=radio] + label {
        height: 100px;
        padding-top: 16px;
        width: 100px;
    }

    .support_bank_list input[type=radio] + label img {
        height: 40px;
    }
    
    .bank_detail {
        margin-top: 50px;
    }

    .bank_detail .not_selected {
        justify-content: center;
        text-align: center;
    }

    .not_selected p {
        font-size: 3.6rem;
    }

    .not_selected p br {
        display: none;
    }

    .bank_detail_cont .bd_tit {
        text-align: center;
    }

    .bank_detail_cont .service_step_wrap {
        margin-top: 40px;
    }

    .legend_list .legend_item {
        line-height: 36px;
        height: 36px;
    }

    .legend_item.with_tip:hover::before {
        bottom: 39px;
    }

    .legend_item.with_tip:hover::after {
        bottom: 34px;
    }
    
    .faq_section {
        padding: 90px 30px 80px;
    }

    .faq_box .question_btn, .faq_box .answer_box {
        font-size: 1.8rem;
        padding-left: 50px;
    }

    .bankdaA_footer {
        padding: 80px 30px 55px;
    }

    .bankdaA_sub_top {
        height: 200px;
    }

    .bankdaA_sub_bottom {
        margin: 80px auto;
        padding: 0 30px;
    }

    .history_tit {
        margin-bottom: 60px;
    }

    .ico_content {
        margin: 50px 40px 0 40px;
    }
}

@media (min-width:1025px){
    .bankdaA_nav {
        display: block !important;
    }
}

@media (max-width:1024px){

    .bankdaA_header {
        height: 60px;
        padding: 0 30px;
    }

    .bankdaA_header_cont {
        justify-content: center;
        position: relative;
    }

    .bankdaA_logo > a {
        height: 20px;
    }

    .bankdaA_menu {
        flex: none;
    }

    .bankdaA_nav {
        background: #fff;
        box-sizing: border-box;
        display: none;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 60px;
        padding-bottom: 20px;
        position: fixed;
        left: 0;
        top: 0;
        width: 260px;
        z-index: 10;
    }

    .open_menu {
        overflow: hidden;
    }

    .bg_dim {
        background: rgba(0,0,0,0.6);
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 5;
    }

    .open_menu .bg_dim {
        display: block;
    }

    .bankdaA_menu_btn {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
    }

    .bankdaA_menu_close {
        display: block;
        z-index: 15;
    }

    .bankdaA_nav > ul {
        display: block;
        padding-left: 30px;
        padding-bottom: 20px;
    }

    .bankdaA_nav ul > li > a {
        display: inline-block;
        font-size: 22px;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
    }

    .bankdaA_nav ul > li + li {
        margin-top: 15px;
    }

    .service_section {
        padding-left: 80px;
        padding-right: 80px;
    }

    .service_section .service_info {
        /* display: block; */
        width: 100%;
    }

    .service_info .info_list {
        margin: 0 auto;
    }

    .info_list .round_box {
        min-height: 110px;
        padding: 25px 25px 25px 134px;
    }

    .round_box[class*="ico"]::before {
        height: 70px;
        left: 25px;
        width: 70px;
    }

    .youtube_section {
        padding: 0;
    }
    
    .merit_section {
        padding: 80px 20px;
    }

    .merit_list {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .merit_list > li {
        width: 100%;
    }

    .merit_list .merit_detail {
        margin-top: 10px;
    }
    
    .merit_list .merit_detail br {
        display: none;
    }

    .merit_list .with_merit_icon {
        padding-top: 120px;
    }

    .with_merit_icon.merit_icon1,  .with_merit_icon.merit_icon2, .with_merit_icon.merit_icon3 {
        background-size: 100px;
    }

    .banner-slider {
        max-width: 100%;
    }

    .main_banner_section, .customer_section, .serv_fee_section {
        padding: 80px 30px 50px;
    }
    
    .plan_head.has_recommand .recommand_txt {
        height: 80px;
        right: -12px;
        width: 80px;
    }

    .plan_box .plan_cont {
        padding: 28px 25px;
    }

    .plan_box .upper_cont {
        min-height: 120px;
    }

    .plan_box .plan_head {
        height: 50px;
    }

    .partner_section {
        padding: 80px 30px 110px;
    }

    .partner_list {
        margin: 80px auto 0;
    }

    .support_bank_list input[type=radio] + label {
        height: 80px;
        padding-top: 12px;
        width: 80px;
    }

    .support_bank_list input[type=radio] + label img {
        height: 28px;
    }

    .support_bank_list input[type=radio] + label > span {
        margin-top: 10px
    }

    .bank_detail_cont .service_step_wrap {
        margin-top: 30px;
    }
    
    .bankdaA_footer {
        padding-top: 0;
    }

    .bankdaA_footer .bankdaA_footer_cont {
        background-position: top 50px center;
        background-size: auto 20px;
        justify-content: center;
        padding-left: 0;
        padding-top: 100px;
    }

    .footer_info {
        text-align: center;
        width: 100%;
    }

    .footer_info .comp_info_txt {
        column-gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .comp_info_txt > span + span::before {
        display: none;
    }

    .bankdaA_sub_top {
        height: 160px;
    }

    .history_tit {
        font-size: 4.5rem;
    }

    .history_wrap {
        width: 720px;
    }

    .history_list::before {
        left: 124px;
    }

    .history_list dt {
        width: 175px;
    }

    .form_box .form_inp {
        height: 54px;
    }

    .form_box .form_tarea {
        height: 35rem;
    }

    .form_box .form_label {
        width: 25%;
    }

    .location_map {
        height: 500px;
    }

    .ico_content {
        margin: 40px 0 0 20px;
    }
    
}

@media (max-width:768px){
    html, body {
        font-size: 8px;
        min-width: 360px;
    }

    .bankdaA_header {
        height: 50px;
        padding: 0 20px;
    }

    .bankdaA_logo > a {
        height: 16px;
    }
    
    .service_section {
        padding: 60px 40px;
    }

    .bankdaA_main_tit.bold_txt {
        font-size: 3.5rem;
    }

    .info_list .round_box {
        min-height: 90px;
        padding: 20px 20px 20px 114px;
    }

    .round_box[class*="ico"]::before {
        height: 60px;
        left: 20px;
        width: 60px;
    }

    .with_merit_icon.merit_icon1, .with_merit_icon.merit_icon2, .with_merit_icon.merit_icon3 {
        background-size: 80px;
    }

    .merit_list .with_merit_icon {
        padding-top: 100px;
    }

    .main_banner_section, .customer_section, .serv_fee_section {
        padding: 80px 20px 50px;
    }

    .chn_tab_btns button, .customer_tab_btns button {
        font-size: 1.8rem;
        padding: 0 15px;
        width: auto;
        display: contents;
    }

    .ico_stat > p {
        padding-left: 30px;
    }

    .ico_stat > p.ico_clock, .ico_stat > p.ico_use {
        background-size: 16px;
    }

    .chn_box .ico_stat, .customer_box .ico_stat {
        margin-bottom: 20px;
    }

    .chn_plan_list, .customer_plan_list {
        flex-direction: column;
        row-gap: 20px;
    }

    .chn_plan_list > .plan_box, .customer_plan_list > .plan_box {
        width: 100%;
    }

    .customer_tab_btns, .chn_tab_btns {
        display: flex;                /* 가로 배치 */
        flex-wrap: wrap;              /* 모바일에서 줄바꿈 허용 */
        gap: 8px;                     /* 버튼 간격 */
        button {
            display: inline-block;
            padding: 4px;            /* 내부 여백 */
            border: 1px solid #ddd;       /* 버튼 테두리 */
            border-radius: 4px;           /* 버튼 둥글게 */
            background: #fff;
            height: 30px;
        }
    }

    .plan_box .plan_head {
        height: 46px;
    }

    .plan_box .plan_cont {
        display: flex;
        padding: 20px 15px;
    }

    .plan_box .upper_cont, .plan_box .lower_cont {
        width: 50%;
    }

    .plan_box .upper_cont {
        border-bottom: none;
        border-right: 1px solid #D4D4D4;
        padding-bottom: 0;
    }

    .plan_box .lower_cont {
        padding-top: 0;
    }

    .partner_section {
        padding: 70px 20px 100px;
    }

    .partner_list {
        column-gap: 36px;
        margin: 70px auto 0;
    }

    .partner_list a {
        width: 140px;
    }

    .support_bank_section {
        padding: 80px 20px 90px;
    }

    .support_bank_cont {
        margin-top: 40px;
    }

    .support_bank_list input[type=radio] + label {
        height: 60px;
        padding-top: 8px;
        width: 60px;
    }

    .support_bank_list input[type=radio] + label img {
        height: 22px;
    }

    .support_bank_list input[type=radio] + label > span {
        font-size: 1.4rem;
        margin-top: 8px
    }

    .bank_detail_cont .bd_tit, .not_selected p {
        font-size: 2.8rem;
    }

    .bank_detail_cont .service_step_wrap {
        margin-top: 25px;
    }

    .legend_list .legend_item {
        line-height: 32px;
        height: 32px;
    }

    .legend_item.with_tip:hover::before {
        bottom: 35px;
    }

    .legend_item.with_tip:hover::after {
        bottom: 30px;
    }

    .faq_section {
        padding: 80px 20px 70px;
    }

    .bankdaA_footer .bankdaA_footer_cont {
        background-position: top 30px center;
        background-size: auto 16px;
        padding-top: 70px;
    }

    .bankdaA_sub_top {
        height: 100px;
    }

    .bankdaA_sub_top h2 {
        font-size: 3.2rem; 
    }

    .bankdaA_sub_bottom {
        margin: 60px auto;
        padding: 0 20px;
    }

    .history_tit {
        margin-bottom: 30px;
    }

    .history_wrap {
        width: 640px;
    }

    .history_list {
        row-gap: 20px;
    }

    .history_list::before {
        left: 90px;
    }

    .history_list dt {
        width: 116px;
    }

    .history_list dd {
        padding-top: 1.2rem;
    }

    .faq_list .faq_box {
        padding: 20px 24px 17px;
    }

    .inqury_form .form_box {
        column-gap: 14px;
    }

    .inqury_form .form_box + .form_box {
        margin-top: 14px;
    }

    .form_box .form_label {
        flex-shrink: 0;
        padding: 0 20px;
        width: 94px;
    }

    .form_box .form_inp {
        flex: auto;
        height: 48px;
        padding: 0 20px;
        width: 100%;
    }

    .form_box .form_tarea {
        padding: 20px;
    }

    .ico_content {
        margin: 30px 0 0;
    }
    
    .location_map {
        height: 350px;
    }

    .ico_content .ico_item {
        flex-wrap: wrap;
    } 
    
    .ico_item .ico_tit {
        height: 36px;
        line-height: 36px;
        width: 120px;
    }

    .ico_tit.ico_loca, .ico_tit.ico_tra, .ico_tit.ico_park {
        background-position: left top 4px;
    }

    .ico_item .ico_txt {
        width: 100%;
    }

    .ico_content .ico_item + .ico_item {
        margin-top: 15px;
    }
}

@media (max-width:480px){
    .bankdaA_nav {
        width: 200px;
    }

    .bankdaA_menu_close {
        top: 10px;
    }

    .bankdaA_nav ul > li > a {
        font-size: 18px;
    }
    
    .service_section {
        padding: 50px 20px;
    }
}

.data_cont {
    background: #EBEBEB;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: none;
    left: 0;
    min-width: 214px;
    max-width: 700px;
    padding: 8px 14px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.data_cont p {
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1.6;
    word-break: break-all;
}

.data_cont.data_show {
    display: block;
}

.data_cont2 {
    background: #EBEBEB;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: none;
    left: 0;
    min-width: 214px;
    max-width: 700px;
    padding: 8px 14px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.data_cont2 p {
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1.6;
    word-break: break-all;
}

.data_cont2.data_show {
    display: block;
}

.data_cont3 {
    background: #EBEBEB;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: none;
    left: 0;
    min-width: 214px;
    max-width: 700px;
    padding: 8px 14px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.data_cont3 p {
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1.6;
    word-break: break-all;
}

.data_cont3.data_show {
    display: block;
}


.bkd_comm_table {
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
    border-top: none;
    box-sizing: border-box;
    width: 100%;
}

.select_item_table .bkd_comm_table {
    min-width: 1024px;
}

.resp_tb_wrap > table {
    /* 반응형에 대응할 width 사이즈 필요 */
}

.resp_tb_wrap.tl_fixed > table {
    table-layout: fixed;
}

.bkd_comm_table th, .bkd_comm_table td {
    box-sizing: border-box;
    font-size: 1.4rem;
    height: 44px;
    padding: 8px 8px;
}

.bkd_comm_table thead th {
    border-top: 1px solid #E0E0E0;
    color: #797979;
    line-height: 1.6rem;
}

.bkd_comm_table tbody td {
    border-top: 1px solid #E0E0E0;
    color: #212121;
    line-height: 1.6rem;
}

.info_txt {
    color: #2F2F2F;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
}
.dx-icon-info {
    font-size: 20px;
    position: relative;
    top: 2px;
    left: 2px;
}
.faq_list_btn {
    background: #fff;
    border-radius: 5px;
    color: #000;
    font-size: 1.4rem;
    height: 32px;
    /* min-width: ?; */
    padding: 0 10px;
    transition: all 0.2s;
    border: 1px solid #000;
    margin: 5px;
}

.faq_list_btn {
    background: #fff;
    border-radius: 5px;
    color: #000;
    font-size: 1.4rem;
    height: 32px;
    /* min-width: ?; */
    padding: 0 10px;
    transition: all 0.2s;
    border: 1px solid #000;
    margin: 5px;
}

.merit_section {
    h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 3.2rem;
        padding-bottom: 40px;
    }
    .more {
        margin: 0 auto;
        max-width: 1480px;
        position: relative;
        .board_more {
            font-size: 2.2rem;
            line-height: 1.5;
            float: right;
            position: absolute;
            top: 3px;
            right: 10px;
        }
    }

}

.feeButton {
    background: #359DE7;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 300;
    height: 45px;
    text-align: center;
    width: 208px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
}

.legalButton {
    background: #359DE7;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 200;
    height: 25px;
    text-align: center;
    width: 50px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
}

/* 팝업 */
.grid_automatch {
    max-height: 500px;
}

.pop_item {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pop_item.opened {
    display: flex;
}

.pop_item.__current {
    background: rgba(0,0,0,0.3);
    z-index: 2010;
}

.pop_item.idx_1 {
    z-index: 2000;
}

.pop_item.idx_2 {
    z-index: 2001;
}

.pop_item.idx_3 {
    z-index: 2002;
}

.pop_item.idx_4 {
    z-index: 2003;
}

.pop_wrap {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    position: relative;

    max-width: calc(100% - 20px);
}

.pop_wrap.type_alert, .pop_wrap.type_small {
    width: 460px;
}

.pop_wrap.type_memo {
    width: 676px;
}

.type_memo .resp_tb_wrap > table {
    min-width: 550px;
}

.pop_wrap.type_middle_auto {
    max-width: 676px;
}

.pop_wrap.type_middle {
    width: 760px;
}

.type_middle .resp_tb_wrap > table {
    min-width: 600px;
}

.pop_wrap.type_smiddle {
    width: 1000px;
}

.type_smiddle .resp_tb_wrap > table {
    min-width: 800px;
}

.pop_wrap.type_large {
    width: 1400px;
}

.type_large .resp_tb_wrap > table {
    min-width: 1100px;
}

.pop_wrap.type_xlarge {
    width: 1600px;
}

.type_xlarge .resp_tb_wrap > table {
    min-width: 1300px;
}

.pop_wrap.type_mlarge {
    width: 1200px;
}

.type_mlarge .resp_tb_wrap > table {
    min-width: 900px;
}

.pop_wrap.pop_scroll {
    max-height: 94vh;
}

.pop_wrap.pop_scroll .pop_cont2, .pop_wrap.pop_scroll .pop_cont {
    max-height: calc(94vh - 55px);
    overflow: auto;
}

.pop_head {
    box-sizing: border-box;
    padding: 25px 30px 0;
}

.pop_wrap.type_alert .pop_tit {
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 3px;
}

.pop_tit {
    color: #2F2F2F;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.66;
    overflow: hidden;
    padding-right: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pop_close_btn {
    background: url(../images/ico_close_sm.png) center no-repeat;
    font-size: 0;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
}

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

.pop_alert_msg {
    color: #212121;
    font-size: 1.6rem;
    text-align: center;
    word-break: keep-all;
    line-height: 1.7;
    padding: 16px 0;
}

.pop_comm_txt {
    color: #747474;
    font-size: 1.6rem;
    line-height: 1.5;
}

.pop_comm_txt2 {
    color: #4A4A4A;
    font-size: 1.6rem;
    line-height: 1.5;
}

.pop_btn_area {
    margin-top: 20px;
    text-align: center;
}

.pop_btn_area button + button {
    margin-left: 6px;
}

.type_alert .pop_btn_area {
    margin-bottom: 20px;
}

.pop_table_wrap {
    margin-top: 26px;
}

.pop_table_wrap .t_label {
    margin-bottom: 5px;
}

.pop_table {
    font-size: 1.4rem;
    border-collapse: collapse;
    border-top: 1px solid #C0C0C0;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.pop_table thead th {
    background: #EDEDED;
    border-bottom: 1px solid #C0C0C0;
    box-sizing: border-box;
    color: #797979;
    height: 58px;
    padding: 8px 10px;
}

.pop_table tbody td {
    border-bottom: 1px solid #C0C0C0;
    box-sizing: border-box;
    color: #212121;
    height: 58px;
    padding: 8px 10px;
    word-break: break-all;
}

.dot_list > li {
    padding-left: 12px;
    position: relative;
}

.dot_list > li::before {
    background: #4A4A4A;
    border-radius: 50%;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: 0.5em;
    width: 3px;
}

.dot_list > li + li {
    margin-top: 4px;
}

.customer_box .bkd_comm_table {
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    th{
        background-color: #45B2FF;
        color: #FFFFFF;
        font-size: 1.7rem;
        font-weight: 600;
    }
    td {
        background-color: #FFFFFF;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.5;
    }
}

.tab_desc {
    font-size: 2.0rem;
    margin-bottom: 20px;
    line-height: 3rem;
}

.customer_box{
    div {
        font-size: 2.0rem;
        margin-bottom: 10px;
        line-height: 3rem;

        ul {
            margin: 10px 0 0 20px;

            li {
                position: relative;
                padding-left: 1.2rem;
                margin: 0.2rem 0;
                line-height: 2.6rem;

                &::before {
                    content: "•";
                / / 커스텀 도트 position: absolute;
                    left: 0;
                    top: 0.1rem;
                / / 수직 정렬 미세 조정 color: #333;
                    font-size: 1.15em;
                    line-height: 1;
                }
            }
        }

        .table_title {
            font-weight: 500;
        }
    }
}

.customerButton {
    background: #359DE7;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 300;
    height: 60px;
    text-align: center;
    width: 250px;
    color: #fff;
    display: block;
    margin: 20px auto;
    line-height: 2.5rem;
}

.linkButton {
    background: #359DE7;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 300;
    height: 30px;
    text-align: center;
    width: 75px;
    color: #fff;
    vertical-align: top;
}

.tabTitle {
    a {
        font-size: 2.5rem !important;
    }
    font-size: 2.5rem;
    font-weight: 300;
}

/* 컨테이너 고정폭 1400px */
.banner-slider {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    user-select: none;
}
.bn-viewport {
    overflow: hidden;
    width: 100%;
}
.bn-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}
.bn-slide { min-width: 100%; }
.bn-slide img {
    display: block;
    width: 100%;
    /*height: 700px;          !* 필요시 높이 조정 *!*/
    object-fit: cover;      /* 이미지 비율 유지 + 잘림 처리 */
}

/* 좌우 화살표 */
.bn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;

    z-index: 1500;
    pointer-events: auto;
}
.bn-prev { left: 12px; }
.bn-next { right: 12px; }
.bn-nav:hover { background: rgba(0,0,0,0.55); }

/* 제목은 이미지 위가 아닌 상단에 배치 */
.bn-title {
    text-align: center;
    margin-bottom: 12px; /* 제목과 이미지 간격 */
    font-size: 2.5rem;
    font-weight: 300;
}

.qr_code_box {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #ddd;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qr_code_image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qr_code_placeholder {
    color: #999;
}
.qr_code_img {
    max-width: 100%;
    height: auto;
}
.btn_min_width {
    min-width: 150px;
}
.app_store_links {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}
.app_store_link {
    display: inline-block;
    transition: opacity 0.3s;
}
.app_store_link:hover {
    opacity: 0.8;
}
.app_store_badge {
    height: 50px;
    width: auto;
}

.app_section {
    background: #EBF0F8;
    box-sizing: border-box;
    min-height: 260px;
    padding: 100px 0 50px 0;
    .info_txt {
        text-align: center;
    }
}

.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt15 {
    margin-top: 15px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt25 {
    margin-top: 25px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt35 {
    margin-top: 35px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt45 {
    margin-top: 45px;
}

.mgt50 {
    margin-top: 50px;
}

.info_box {
    border-radius: 5px;
    font-size: 1.4rem;
    padding: 15px 20px;
}

.info_txt {
    color: #4A4A4A;
    font-size: 1.6rem;
    line-height: 1.4;
}

.info_tit {
    background: url(../images/ico_alert.png) center left no-repeat;
    color: #212121;
    font-size: 2.0rem;
    font-weight: 500;
    margin-bottom: 8px;
    min-height: 17px;
    padding-left: 28px;
}

.info_msg .dot_list li {
    font-size: 1.6rem;
}

.memo_cont {
    background: #EBEBEB;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: none;
    left: 0;
    width: auto;
    min-width: 0;
    max-width: 500px;
    padding: 8px 14px;
    position: absolute;
    top: 0;
    z-index: 5000;
}

.memo_cont p {
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.memo_cont.memo_show {
    display: block;
}

/* 채널 영역 버튼 간격 - PC에서만 적용 */
.feeButtonMargin {
    margin-right: 20px;
}

@media (max-width: 768px) {
    .feeButtonMargin {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

/* 채널 종류 섹션 */
.channel_type_section {
    background: #EBF0F8;
    box-sizing: border-box;
    padding: 100px 0 50px 0;
}

.channel_type_wrap {
    margin: 0 auto;
    max-width: 1480px;
}

.channel_type_wrap .bankdaA_main_tit {
    text-align: center;
}

.channel_type_detail {
    margin: 0 auto;
    max-width: 1084px;
}

/* 채널 종류 테이블 */
.channel_category_table {
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.channel_category_table th,
.channel_category_table td {
    border: 1px solid #E0E0E0;
    padding: 14px 18px;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #454545;
    vertical-align: top;
    font-weight: 500;
}

.channel_category_table thead th {
    background: #45B2FF;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-size: 1.7rem;
}

.channel_category_table tbody td {
    background: #fff;
}

/* 링크 스타일 */
.channel_category_table .link_partner {
    color: #359DE7;
    text-decoration: none;
    font-size: 1.4rem;
}

.channel_category_table .link_partner:hover {
    color: #2F51FF;
    text-decoration: underline;
}

/* 반응형 - 1560px 이하 */
@media (max-width: 1560px) {
    .channel_type_section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .channel_type_wrap {
        width: 100%;
    }
}

/* 반응형 - 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
    .channel_type_section {
        padding: 80px 30px 50px;
    }

    .channel_category_table th,
    .channel_category_table td {
        padding: 10px 12px;
        font-size: 1.4rem;
    }

    .channel_category_table thead th {
        font-size: 1.5rem;
    }

    .channel_type_detail {
        max-width: 100%;
    }
}

/* 반응형 - 모바일 (768px 이하) */
@media (max-width: 768px) {
    .channel_type_section {
        padding: 80px 20px 50px;
    }

    .channel_type_detail {
        overflow-x: auto;
    }

    .channel_category_table {
        min-width: 500px;
    }

    .channel_category_table th,
    .channel_category_table td {
        padding: 8px 10px;
        font-size: 1.3rem;
    }

    .channel_category_table thead th {
        font-size: 1.4rem;
    }

    .channel_category_table .link_partner {
        font-size: 1.2rem;
    }
}