@charset "utf-8";

@font-face {
    font-family: "KBFGText";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("font/KBFGTextL_subset2.woff2?0307") format("woff2"), url("font/KBFGTextL_subset2.woff?0307") format("woff");
}

@font-face {
    font-family: "KBFGText";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("font/KBFGTextB_subset2.woff2?0307") format("woff2"), url("font/KBFGTextB_subset2.woff?0307") format("woff");
}

body{font-family:"KBFGText", sans-serif !important; font-weight:400;}
button, input, optgroup, select, textarea, th, td{font-family:"KBFGText", sans-serif !important; font-weight:400;}

/* 공통  */
.oneplatform .box__fixing.type2 button + button.type{color:#222;}
.oneplatform .reference_result.account_edit_list li .account_wrap .btn__chk__wrap .chk_area input:checked + label .chk_back{background-color:#ffcc00;}
.oneplatform .edit_card .reference_result.card li .account_wrap .btn__chk__wrap .chk_area input:checked + label .chk_back{background-color:#ffcc00;}

/* 메인 */
.aos body.oneplatform  *{font-family:"KBFGText", sans-serif;}
.oneplatform .updown_slide_main .nft_main{height:calc(100vh - 5.8rem);}
.oneplatform .updown_slide_nav .border{background-color:#222;}
.oneplatform .updown_slide_nav.menu2 .border{background-color:#fd9500}
.oneplatform .updown_slide_nav.menu3 .border{background-color:#4186cb}
.oneplatform .updown_slide_nav.menu4 .border{background-color:green}

.oneplatform .popup_set.on .item1 {transform:translateY(calc(-60px * 3 - 20px * 3))}
.oneplatform .popup_set.on .item2 {transform:translateY(calc(-60px * 2 - 20px * 2))}
.oneplatform .popup_set.on .item3 {transform:translateY(calc(-60px * 1 - 20px * 1))}

.oneplatform .collect_point .point_down .point{color:#222;}
.oneplatform .collect_point .attendance{background-image:linear-gradient(to right, #ffe05a 3%, #ffcc00 72%);}
.oneplatform .collect_point .attendance .date{color:#222;}
.oneplatform .collect_point .attendance .weekend{color:#222;}
.oneplatform .collect_point:before{background-image:linear-gradient(to bottom, #ffe05a 0%, rgba(223,213,255,0));}
.oneplatform .collect_point .link_wrap .quiz_luck a span, .collect_point .link_wrap .quiz_luck > div span{color:#222;}
.oneplatform .collect_point .attendance:after{background:url("../images/kbpay/benefit_ico_puzzle--op.png") no-repeat 0 0; background-size:contain;}
.oneplatform .collect_point .attendance .puzzle::before{background-image:url("../images/kbpay/puzzle_front.png");}
.oneplatform .floating_global .code button{color:#222;}
.oneplatform .floating_global .code button::before{filter:grayscale(100);}
.oneplatform .floating_global .today button{background-color:#363835;}
.oneplatform .data_tooltip{font-size:1.4rem; color:#222; font-weight:700;}

.oneplatform .floating_global{width:10rem;height:16.8rem;left:auto;right:0;}
.oneplatform .floating_global .mydata{flex-direction:column}
.oneplatform .floating_global .code button{border-radius:50%;width:6rem;height:6rem;padding-top:.4rem;letter-spacing:-0.02em;font-size:1.2rem;color:#fff;box-shadow:0 .3rem .6rem 0 rgba(0,0,0,.16);background-color:#36383c;text-align:center;}
.oneplatform .floating_global .code button::before{display: none;}
.oneplatform .floating_global .today button{margin-top:.8rem;width:6rem;font-weight: 700;}
.oneplatform .floating_global.chg .mydata{bottom:-17.8rem}
/* .oneplatform .floating_global .code.spin button{will-change:transform;animation:spin-tails 6s forwards infinite} */

.oneplatform .updown_slide_main .nft_main .cont_section02 .con_box{background-color:#ffa66a}
.oneplatform .updown_slide_main .nft_main .cont_section02 .con_box .btn__b_o{color:#222}
.oneplatform .updown_slide_main .nft_main .cont_section02 .con_box p{color:#222}

.oneplatform .benefit_main .updown_top { height:initial; padding-top:6.5rem; }
.oneplatform .assets_main .updown_top { height:initial; padding-top:6.5rem; }
.oneplatform .updown_top .btn_mydata{color:#222}

.oneplatform .floating_global [class*="btn_"]{border-radius:50%;}
.oneplatform .floating_global [class*="btn_send"]{border-radius:50%;background:#36383c;}

/* 투자입금 계좌 선택 */
.oneplatform .account_select.invest .box__fixing.type2 button + .btn__b_o{color:#222;}

/* checkbox */
.oneplatform .chk__wrap input[type="checkbox"] + label i::before{background-color:#ffcc00;border:1px solid #ffcc00;}
.oneplatform .chk__wrap input[type="checkbox"]:checked + label i::after{border-color:#222}
.oneplatform .radio__wrap2 .radio_area input[type="radio"]:checked + label i:before, .oneplatform .radio__wrap2 .radio_area input[type="checkbox"]:checked + label i:before{border:1px solid #ffcc00;background-color:#ffcc00;}
.oneplatform .radio__wrap2 .radio_area input[type="radio"]:checked + label i:after, .oneplatform .radio__wrap2 .radio_area input[type="checkbox"]:checked + label i:after{background-color:#222;}
.oneplatform .radio__wrap2 .radio_area label i:after{width:1rem;height:1rem;}
.oneplatform .transmit_wrap .form__wrap .txt_area .agree_chk .label_select{background-color:#ffcc00;color:#222}

/* button */
.oneplatform .btn__default:not([disabled]), .oneplatform .btn__purple:not([disabled]), .oneplatform .btn__purple02:not([disabled]){background-color:#ffcc00;color:#222}
.oneplatform .btn2:not([disabled]) {background-color:#ffcc00;color:#222}
.oneplatform .terms_btn.btn2:not([disabled]) {background-color:#fff;} /* [25-02-05] 약관 동의 시 배경색 수정 */
/* .oneplatform .btn__default:disabled, .oneplatform .btn__purple:disabled, .oneplatform .btn__purple02:disabled{background:#ebebeb;color:#858585} */

.oneplatform .btn__grey4{background-color:#ebebeb;color:#858585}
.oneplatform [class^="floating_btm"] > button:not([disabled]){color:#222}
.oneplatform .floating_btm_fix.btn_agree_scroll .down_scroll{background-color:#ffcc00;color:#fff;}
.oneplatform .step_process li.curr .num{background-color:#ffcc00;color:#222}
/* range */
.oneplatform input[type=range].inp_range:hover::-webkit-slider-thumb,
.oneplatform input[type=range].inp_range:focus::-webkit-slider-thumb{border-color:#222}

.oneplatform .finance_choice.type2 .finance_result .finance_switch .chk__wrap input[type="checkbox"]:checked + .finance_label{border-color:#222}

.oneplatform .search__bill .select_month .month_group button.active .num, .oneplatform .search__bill .select_month .month_group button.active .unit{color:#222}
.oneplatform .search__bill .select_month .underbar{background-color:#222}

.oneplatform .step_process li .word_balloon{border-color:#222}
.oneplatform .step_process li .word_balloon p{color:#222}
.oneplatform .step_process li .word_balloon:after{border-color:#222}

/* form3.5 디자인수정필요 */ 
/* common.css */
/*
.oneplatform .checkbox_def input[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_off01.png);}
.oneplatform .checkbox_def input:checked[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_on01-1.png);}
.oneplatform .radio_def input:checked[type="radio"]+.sp_common_b:before{background-image:url(../images/common/radio_on.png);}
.oneplatform .radio_def input[type="radio"]+.sp_common_b:before{background-image: url(../images/common/radio_off.png);}
.oneplatform .accordion_title.checkbox_box input[type="checkbox"] + .chk_label:before {background-image: url("../../../webAppDesign/app/images/common/check_off01.png");}
.oneplatform .accordion_title.checkbox_box input:checked[type="checkbox"] + .chk_label:before {background-image: url("../../../webAppDesign/app/images/common/check_on01-1.png");}
*/
.oneplatform .switch_def input[type="checkbox"]{background-image:url(../images/kbpay/toggleOff.png);}
.oneplatform .switch_def input[type="checkbox"]:checked{background-image:url(../images/kbpay/toggleOn.png);}

.oneplatform .btn_wrap > button, .oneplatform .btn_wrap > a, .oneplatform .btn{font-size:1.6rem;font-weight:700;}
.oneplatform .btn_wrap > button:not([disabled]), .oneplatform .btn_wrap > a, .oneplatform .btn:not([disabled]){color:#222}
.oneplatform .btn_wrap .btn:not([disabled]), .oneplatform .btn:not([disabled]), .oneplatform .btn_wrap .btn_basic:not([disabled]){background:#ffcc00}
.oneplatform .btn_wrap .btn:disabled, .btn, .oneplatform .btn_wrap .btn_basic:disabled{background:#ebebeb;color:#858585}
.oneplatform .form_notice .list__bullet li > ul li .btn_box .btn{background-color:transparent;color:#858585;} /* 원복 */
.oneplatform .inp_def.choice.account_wrap .tit_btn { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.oneplatform .inp_def.choice.account_wrap .tit_btn:after { position:absolute; right:0; background-position:right center; }

/* button type 정의 */
.oneplatform .btn_wrap .btn.gray1, .oneplatform .btn.gray1{background:#c3c3c3;color:#858585;}
.oneplatform .btn_wrap .btn_grey2, .oneplatform .btn_grey2{background:#ebebeb;color:#858585;}
.oneplatform .btn_wrap .btn.gray2, .oneplatform .btn.gray2{background:#ebebeb;color:#858585;}
/* [24-10-24(2)] 버튼case추가 s */
.oneplatform .btn_wrap .btn.gray3, .oneplatform .btn.gray3{background:#c3c3c3;color:#858585;} 
.oneplatform .btn_wrap .btn.gray3.active, .oneplatform .btn.gray3.active{background:#ffcc00;color:#26282c;}
/* [24-10-24(2)] 버튼case추가 e */
.oneplatform .wrap_pop .section_pop .btn_popWrap .btn_cancel:not([disabled]){background-color:#ebebeb;color:#858585}
.oneplatform .wrap_pop .section_pop .btn_2way > button:not([disabled]){background:#ffcc00;color:#222}
.oneplatform .wrap_pop .btn_wrap .btn:not([disabled]){background:#ffcc00;color:#222}
.oneplatform .wrap_pop .section_pop .btn_2way > button.btn_grey2 { background-color:#ebebeb; }
/* //form3.5 */

/* base.css */
.oneplatform .tooltip__content .tit{color:#222}
.oneplatform .plus, .txdw{font-weight:700;color:#222 !important;}
.oneplatform .list__bycase .price .num.plus{font-weight:700;}
.oneplatform .service_ready .txt em{color:#222;font-weight:700;}
.oneplatform .popup_alert .pot{color:#222;font-weight:700;}
/* .oneplatform .tooltip__content .tooltip__excla{background-image:url(../images/kbpay/ico_excla2.png)} */

/* cmm.css */
.oneplatform .btn__icon{color:#222}
.oneplatform .sort_loading .loading_bar span, .oneplatform .regi_loading .loading_bar span{background-color:#222}
.oneplatform .form_notice .tit2{color:#222}
.oneplatform .agreement_wrap .list__definition .agree_add .label_agree{background-color:#ffcc00;color:#222}
.oneplatform .agreement_wrap .list__definition dd.bold{color:#222}
.oneplatform .priv_list .chk__wrap .connect{color:#222}
.oneplatform .assets_connect .txt_balloon > p{border-color:#222;color:#222}
.oneplatform .assets_connect .status_list .tit_wrap .list_tit .status button{color:#222}
.oneplatform .list__bullet li em, .list__bullet li .pot{color:#222}
.oneplatform .finance_status .complete{color:#222}
.oneplatform .finance_choice.mydata .finance_switch .routine{color:#222}
.oneplatform .finance_switch .connecting{color:#222}
.oneplatform .finance_search .anchor_radio button.on{border-color:#222;background-color:#222;color:#fff}
.oneplatform .agreement_wrap.send_agree .clause_accordion_wrap .clause_box .discem dd p .label { color:#222; background:#ffcc00; }

.oneplatform .popup_filter .popup_content .tit__box { position:-webkit-sticky; }

.oneplatform .list__rowinfo2 .nameset .name + .text { text-align:left; }

/* content.css */
.oneplatform .certifytion_select .swiper-slide section.card1{background-color:#484b51}
.oneplatform .certifytion_select .swiper-slide section.card2{background-color:#484b51}
.oneplatform .quiz_box .txt_answer.true{color:#222;}
.oneplatform .quiz_box .list_guessed .point{color:#222;}
.oneplatform .clause_accordion_wrap .clause_box .discem dd.red{color:#222}
.oneplatform .clause_accordion_wrap .clause_box .discem dt.agree_add .label_agree{background-color:#ffcc00;color:#222}
.oneplatform .interlink_wrap .assetsplus_box .btn_assetsplus p{color:#222}
.oneplatform .data_fetch .txt__major em{font-weight:700;color:#222}

/* content.css 우리동네 */
.oneplatform .hometown_wrap .find_town .btn_find { padding:0; padding-right:2.3rem; }

/* content.css 보험매니저 */
.oneplatform .insurance_main .insure_wrap{background:#fff;}
.oneplatform .insurance_main .insure_head > .tit{color:#222}
.oneplatform .insurance_main .insure_wrap .insure_menu li{border:1px solid #ccc}
.oneplatform .insurance_main ~ .footarea .btn__bdWhite{background-color:#ffcc00;color:#222}
.oneplatform .insurance_box{background-color:#eff2f7}
.oneplatform .insurance_box .information dl dt{color:#222}
.oneplatform .insurance_box .information dl dd{color:#222;}
.oneplatform .insurance_box .information dl:nth-last-child(1) dd{border-bottom:2px solid rgba(34,34,34,0.3);}

.oneplatform .store_manager .form_add_btn .btn_plus{color:#222;}
.oneplatform .store_manager .form_add_btn .btn_plus i::before, .oneplatform .store_manager .form_add_btn .btn_plus i::after{background-color:#222}

/* content.css 짠테크 투자꿀팁 */
.oneplatform .zzan_main .contents{background:#fff;}
.oneplatform .zzan_main > .tit{background:#fff;}
.oneplatform .zzan_main .tit strong{color:#222}
.oneplatform .zzan_main .tit .btn_go span{border-bottom:.2rem solid rgba(34, 34, 34, 0.3);color:#222;}
.oneplatform .zzan_main .contents .zzan_link p{color:#222}
.oneplatform .zzan_main .contents .zzan_link li{border:1px solid #ccc}
.oneplatform .zzan_main .contents > p{color:#222}
.oneplatform .zzan_main .contents .zzan_link .link .zzan_ready p{color:#fff}
.oneplatform .zzan_main .contents .zzan_add{border:.1rem solid rgba(34, 34, 34, 0.3);}
.oneplatform .zzan_main .contents .zzan_add span{color:#222;}
.oneplatform .zzan_main .contents .zzan_add .icon__plus::before, .oneplatform .zzan_main .contents .zzan_add .icon__plus::after{background-color:#222}
.oneplatform .zzan_main .fund_product .icon__arr::after{border-color:#222}
.oneplatform .zinvest_box .invest_comm{background-color:rgba(34, 34, 34, 0.05);color:#222;}
.oneplatform .zzan_main .fund_product{border-color:#ccc}
.oneplatform .zzan_main .fund_product strong, .oneplatform .zzan_main .fund_product p{color:#222}
.oneplatform .zzanset_wrap .fund_product{background-color:#fff;border-color:#ccc;}
.oneplatform .zzanset_wrap .fund_product strong, .oneplatform .zzanset_wrap .fund_product p{color:#222}
.oneplatform .zzanset_wrap .fund_product .icon__arr::after{border-color:#222}
.oneplatform .btn__trans{background-color:#ffcc00;color:#222}
.oneplatform .zzan_main .tit p{color:#222}
.oneplatform .store_manager .steps li.on{background-color:#ffcc00;color:#222}

/* content.css 포인트리 */
.oneplatform .pocket_tit .balance{color:#222}
.oneplatform .btn__chk__wrap .chk_area input[type="checkbox"]:checked + label .chk_back{background-color:#ffcc00;}
.oneplatform .btn__chk__wrap .chk_area input[type="checkbox"] + label .chk_back .chk_circle{border-color:transparent;}
.oneplatform .pointinfo_top .inner{background-color:#484b51;}
.oneplatform .list__bycase .in2 .num, .list__bycase .in2 .unit, .list__bycase .in2 .unit2{color:#222;font-weight:700;}
.oneplatform .pointinfo_top .menu li:nth-child(1) a::before{background-image:url(../images/kbpay/ico_pointree_menu.png)}
.oneplatform .pointinfo_top .menu li:nth-child(2) a::before{background-image:url(../images/kbpay/ico_pointree_menu2.png)}
.oneplatform .pointinfo_top .menu li:nth-child(3) a::before{background-image:url(../images/kbpay/ico_pointree_menu3.png)}
.oneplatform .pointinfo_top .menu li:nth-child(4) a::before{background-image:url(../images/kbpay/ico_pointree_menu4.png)}

.oneplatform .playpay_wrap .payitems .radio__wrap2 .radio_area input[type='radio']:checked + label{border-color:#222;}
.oneplatform .playpay_wrap .payitems .radio__wrap2 .radio_area input[type='radio']:checked + label .pay{color:#222}

/* content.css 월간리포트 */
.oneplatform .report_initial{background:#fff;}
.oneplatform .report_initial:before{display:none;}
.oneplatform .report_initial .text_box p{color:#222}
.oneplatform .report_initial .initial_bottom p{color:#222}
.oneplatform .report_initial .initial_bottom .btn__b_o{background-color:#ffcc00;color:#222}

/* content.css 자산조회 */
.oneplatform .box__info .list__info li span{color:#222}

/* content.css 마이데이타 */
.oneplatform .mydata_manage .list_titbox strong{color:#222}
.oneplatform .clause_accordion_wrap .clause_box dl dd.bold{color:#222}
.oneplatform .mydata_result .myresult_detail .change p.result{font-weight:700;color:#222;}
.oneplatform .mydata_toptext{background-image:url(../images/kbpay/mydata_info.png);}

/* content.css 팝업 */
.oneplatform .popup_answer .nodata__box > p > span{color:#222}
.oneplatform .popup_wrap .connect_fail .nodata__box p em{color:#222}
.oneplatform .version2.realname_check .form__wrap .inp__wrap .txt{color:#222}

.oneplatform .certification_wrap .example_deposit dl dd span{color:#222}
.oneplatform .certification_wrap .password_wrap .input_wrap .inp{color:#222}
.oneplatform .certification_wrap .example_wrap .coin{color:#222}
.oneplatform .charging_wrap .account_box .list__bysort li .list__bycase li .radio_area label .bank > em{color:#222;border-color:#222;}
.oneplatform .pushcard_wrap .benefits_box li .benefits_count{background-color:#222}

.oneplatform .img_bg_box { width:initial; }

/* etc.css */
.oneplatform [class^="liivtip_wrap"] .liivtip_txt strong{color:#222}
.oneplatform .found_support .object .slogun_comment{color:#222}
.oneplatform .service_tour .text_wrap > strong em{color:#222}
.oneplatform .service_tour .swiper-pagination .swiper-pagination-bullet{background:#222}

/* cmm.css 위시리스트 */
.oneplatform .tab__type_text .tabs li.on::after{background:#222}
.oneplatform .form__wrap .msg.balance{color:#222;}
.oneplatform .account_wrap .row.name .ing{color:#222;}
.oneplatform .txt__major .pot{font-weight:700;color:#222;}

/* content.css 오픈뱅킹 */
.oneplatform .reference_wrap .reference_result_wrap .enrollment_count .txt_box .txt em{color:#222}
.oneplatform .wishchall p.dsc .pot b{font-weight:700;color:#222}

/* content.css 마이포켓 */
.oneplatform .pointinfo_send figcaption strong{color:#222}
.oneplatform .list_peristalsis li .box_txt span{color:#222}
.oneplatform .pocket_menu{display: none;}
.oneplatform .pocket_wrap{width:100%;}
.oneplatform .coupon_wrap .coupon_info{margin-left:auto;margin-right:auto;}

/* content.css 혜택 */
.oneplatform .goging_tab .border{background-color:#222;}
.oneplatform .goging_tab .btn_tab.on{color:#222}
.oneplatform .benefits_main .benefits_box .favor_box{background-color:#484b51}
/* .oneplatform .benefits_main .benefits_box .favor_box .txt em{color:#fff;font-weight:700;} */
/* .oneplatform .more_link .txt_wrap a strong{color:#222} */
.oneplatform .scratch_wrap .img_scratch .point_box .point{color:#222}
.oneplatform .scratch_wrap .img_scratch .point_box .point > span{color:#222}
.oneplatform .brand_wrap .tit_box .tit em{color:#222}
.oneplatform .brand_wrap .list_brand li .brand_box .txt_box .attention_box dd{color:#222}

/* content.css 금융스토어 */
.oneplatform .insurance_fit .fit_product .product_list .product_slide .insurance__type .logo_box .tag_wrap .tag{color:#222}
.oneplatform .insurance_fit .fit_product .product_list .select_type .insurance_type.on{color:#222}
.oneplatform .diagnosis_box .list__detail .line dd .state_txt{color:#222}

/* content.css 투데이 */
.oneplatform .together_activity .activity_status .list_activity .point span{color:#222}
.oneplatform .today_main .td_status .status a .collect_point{color:#222}
.oneplatform .more_link .txt_wrap strong{color:#222}
.oneplatform .more_link .txt_wrap strong:after{background-image:url(../images/common/ico_arr2.png);transform:rotate(-90deg);}

.oneplatform .gallery_btn_fix .btn_add{background-color:#36383c;border:1px solid #36383c;color:#fff}
.oneplatform .gallery_btn_fix .btn_sell{background-color:#36383c;border:1px solid #36383c;color:#fff}

/* content.css 소비 */
.oneplatform .list__bycase .in .num, .oneplatform .list__bycase .in .unit, .oneplatform .list__bycase .in .unit2{color:#222;font-weight: 700;}
.oneplatform .expend_fixgraph { bottom:0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-height: 667px) and (max-device-width: 375px) {
    .oneplatform [class*="sobi_main"] .myinfo { top:4.5vh; }
}
@media only screen and (max-device-width:360px) and (max-height:570px) {
    .oneplatform .updown_top.anim { height:63vh; }
    .oneplatform .updown_top .expend_fixgraph .graph + .graph { margin-top:1rem; }
}

/* content.css 톡톡 */
.oneplatform .essential_agree .txt .ess2{color:#222;font-weight: 700;}

/* etc.ss */
.oneplatform .found_support .wework .num_con strong .num{color:#222}

/* asset.css */
.oneplatform .category_list li a.selected::before { border-color:#26282c; }

/* point.css */
.oneplatform .inner.charge.type1 .card_wrap li .tit_main { display:block; padding-right:4rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 연결 */
.oneplatform .connect-site{position:relative; display:flex; flex-flow:column wrap; align-items:center; height:100vh; font-size:1.6rem; box-sizing:border-box;}
.oneplatform .loading-box{position:relative; margin-top:8rem;}
.oneplatform .loading-box__char{display:block; width:10rem; height:10rem; margin:0 auto; text-align:center;}
.oneplatform .loading-box__char img{max-width:100%;}
.oneplatform .loading-box__icon{display:block; width:4.8rem; height:4.8rem; margin:0.8rem auto 0;}
.oneplatform .loading-box__icon img{max-width:100%;}
.oneplatform .loading-box__word{margin-top:2.4rem; text-align:center; line-height:1.5;}
.oneplatform .loading-box__word p + p{margin-top:1.6rem;}
.oneplatform .loading-box__tit{font-size:1.8rem; color:#26282c; font-weight:700; line-height:1.3;}

.oneplatform .connect-site .btn-wrap, .oneplatform_popup_wrap .btn-wrap{display:flex; align-items:center; justify-content: space-between; width: 100%; padding:2.4rem 0;}
.oneplatform .connect-site .btn-wrap{position:relative; margin-top:6.4rem; padding:0 1.6rem;}
.oneplatform .connect-site .btn-wrap .btn, .oneplatform .oneplatform_popup_wrap .btn-wrap .btn{display:flex; width:100%; height:5.6rem; align-items:center; justify-content:center; font-size:1.8rem; color:#222; font-weight:700; background-color:#fc0; border-radius:0.8rem; cursor: pointer;}

/* 로딩 */
.oneplatform .loading-zone { position:relative; display:flex; flex-flow:column wrap; align-items:stretch; justify-content:stretch; height:100vh; box-sizing:border-box; }
.oneplatform .txtbox { position:relative; display:block; margin:9rem 2.4rem 0; }
.oneplatform .txtbox__head { margin-bottom:1.6rem; font-size:2.4rem; color:#26282c; font-weight:700; }
.oneplatform .txtbox__list > li { position:relative; padding-left:1rem; font-size:1.4rem; color:#8c949e; line-height:1.57; letter-spacing:-0.05rem; }
.oneplatform .txtbox__list > li + li { margin-top:1rem; }
.oneplatform .txtbox__list > li:before { position:absolute; left:0; top:0.7rem; width:3px; height:3px; border-radius:50%; background:#888; content:""; }

.oneplatform .ani-box1 { position:relative; display:block; width:auto; height:22rem; margin:6rem 2.4rem 0; text-align:center; }
.oneplatform .ani-box1 .ani-box__obj1 { position:absolute; display:block; left:0; right:0; bottom:0; overflow:hidden; z-index:10; }
.oneplatform .ani-box1 .ani-box__obj1 img { width:800%; max-width:800%; }
.oneplatform .ani-box1 .ani-box__obj1 img:nth-child(1) { animation:char1 1.2s steps(8) infinite alternate both; }
.oneplatform .ani-box1 .ani-box__obj2 { position:absolute; left:14rem; top:7rem; width:5rem; height:8rem; z-index:3; }
.oneplatform .ani-box1 .ani-box__obj2 img { position:absolute; width:30%; opacity:0; }
.oneplatform .ani-box1 .ani-box__obj2 img:nth-child(1) { left:0.4rem; top:3.2rem; animation:lights1 2s ease-in-out 0.2s infinite; }
.oneplatform .ani-box1 .ani-box__obj2 img:nth-child(2) { left:2.1rem; top:4.2rem; animation:lights1 2s ease-in-out 0.3s infinite; }
.oneplatform .ani-box1 .ani-box__obj2 img:nth-child(3) { left:2.6rem; top:6.5rem; animation:lights1 2s ease-in-out 0.5s infinite; }
/* animation:lights1 3s ease-in-out 0.4s infinite;  */
.oneplatform .ani-box1 .ani-box__obj3 { position:absolute; left:15rem; top:10rem; opacity:0; z-index:1; animation:shining2 1.6s ease-in-out 0.4s infinite; }
.oneplatform .ani-box1 .ani-box__obj4 { position:absolute; opacity:0; left:3rem; top:3rem; animation:particle2 1.6s 0.4s infinite; }
.oneplatform .ani-box1 .ani-box__obj5 { position:absolute; opacity:0; left:11rem; top:3rem; animation:particle2 1.6s 0.8s infinite; }
.oneplatform .ani-box1 .ani-box__obj6 { position:absolute; opacity:0; right:3rem; top:0rem; animation:particle2 1.6s 0.6s infinite; }

.oneplatform .ani-box2 { position:relative; display:block; width:auto; height:22rem; margin:10rem 2.4rem 0; text-align:center; }
.oneplatform .ani-box2 .ani-box__obj1 { position:absolute; display:block; left:0; right:0; bottom:0; overflow:hidden; z-index:10; }
.oneplatform .ani-box2 .ani-box__obj1 img { width:800%; max-width:800%; }
.oneplatform .ani-box2 .ani-box__obj1 img:nth-child(1) { animation:char2 1s steps(8) infinite alternate both; }
.oneplatform .ani-box2 .ani-box__obj2 { position:absolute; right:1rem; top:0; opacity:0; z-index:1; animation:shining1 1.6s ease-in-out 0.4s infinite; }
.oneplatform .ani-box2 .ani-box__obj3 { position:absolute; left:0; top:0; opacity:0; z-index:2; animation:shining2 1.6s ease-in-out 0.4s infinite; }

@keyframes char1 { 
      0% { transform:translateX(0); }
    100% { transform:translateX(-100%); }
}
@keyframes char2 { 
    0% { transform:translateX(0); }
  100% { transform:translateX(-100%); }
}
@keyframes particle1 { 
    0% { margin-top:0; opacity:0; animation-timing-function:ease-in; }
   20% { margin-top:-2rem; opacity:1; transform:skewX(10deg) }
   40% { margin-top:-4rem; opacity:1; animation-timing-function:ease-out; }
   41% { opacity:0; } 
  100% { opacity:0; }
}
@keyframes particle2 { 
      0% { margin-top:0; opacity:0; animation-timing-function:ease-in; }
     20% { margin-top:-2rem; opacity:1; transform:skewX(10deg) }
     40% { margin-top:-4rem; opacity:1; animation-timing-function:ease-out; transform:skewY(-10deg); }
     41% { opacity:0; } 
    100% { opacity:0; }
}
@keyframes shining1 { 
      0% { opacity:0; }
     20% { opacity:1; }
     40% { opacity:0.2; }
     60% { opacity:0.6; transform:rotate(-10deg); }
     80% { opacity:0; }
    100% { opacity:0; }
}
@keyframes shining2 { 
      0% { opacity:0; }
     20% { opacity:0; }
     40% { opacity:0.6; }
     60% { opacity:0.2; transform:rotate(5deg); }
     80% { opacity:1; }
    100% { opacity:0; }
}
@keyframes lights1 {
      0% { opacity:0; transform:scale(0) rotate(0); }
     20% { opacity:1; transform:scale(1) rotate(360deg); }
     40% { opacity:0; transform:scale(0) rotate(0deg); }
    100% { opacity:0; }
}

/* 금융상품 */
.oneplatform .store_prod_type2.store_prod .tab_con.finance_modify .btn_bnr_txt { display:none; }
.oneplatform .gallery-content .swiper-wrapper { border-bottom:0 !important; }
.oneplatform .btn-asset-bottom-area { margin-top:-1.4rem; margin-bottom:2rem; padding:0 24px; }
.oneplatform .btn-asset-bottom-area a { position:relative; display:block; padding:1.6rem; font-size:1.4rem; color:#26282c; font-weight:700; background:#eff2f7; border-radius:0.8rem; }
.oneplatform .btn-asset-bottom-area a:before { position:absolute; right:2.4rem; top:50%; width:2rem; height:2rem; background:url("../images/kbpay/arr-1-right-big.svg") no-repeat center center; transform:translateY(-50%); content:""; }

/* 소비 : 신규 */
.oneplatform .updown_wrap.asset-new .updown_top { margin-bottom:-3.4rem; padding-bottom:0; }
.oneplatform .updown_wrap.asset-new .updown_top .graph__bar_area { margin-bottom:3.4rem; }
.oneplatform .updown_wrap.on.asset-new [class*="sobi_main"] .myinfo { top:50%; transform:translate(-50%, -50%) scale(1); }
.oneplatform .updown_wrap.on.asset-new [class*="sobi_main2"] .myinfo { top:50%; transform:translate(-50%, -50%) scale(1); }
.oneplatform .updown_wrap.asset-new .sobi_main .godown { height:3rem; }
.oneplatform .updown_wrap.asset-new .sobi_main2 .godown { height:3rem; }
.oneplatform .updown_wrap.asset-new .updown_content { padding-top:0; }

/* 톡톡 : 신규 */
.oneplatform .updown_wrap.on.asset-new [class*="toktok_main"] .myinfo { display:flex; flex-direction:column; align-items:center; justify-content:center; top:initial; height:100%; padding-bottom:3.4rem; transform:none; }

/* 자동차 상세 */
.oneplatform .confirm__wrap.btmfix + .floating_btm_crash { margin-top:0; }

/* 메인 ***************************************************************************************************************************************************************/
.oneplatform .main-bg { background-image:linear-gradient(to bottom, white 0%, #f7f7fa 9.6rem, #f7f7fa 100%); }
.oneplatform .main-wrap { padding:1.6rem 0 3.6rem; }
.oneplatform .main-cont-box { display:block; margin:0 1.6rem; }
.oneplatform .main-cont-box + .main-cont-box { margin-top:2.4rem; }
.oneplatform .main-cont-box--mt { margin-top:1.6rem; }
.oneplatform .main-cont-box--mt2 { margin-top:3.2rem !important; }
.oneplatform .main-cont-box--full { margin-top:3.2rem !important; margin-left:0; margin-right:0; }

/* 개인화 배너 */
.oneplatform .main-asset-banner1 { display:block; overflow:hidden; }
.oneplatform .main-asset-banner1 img { width:100%; }

/* 맞춤추천 */
.oneplatform .swiper-cont-box { position:relative; margin-left:0; margin-right:0; padding:0.2rem 1.6rem 0.5rem; overflow:hidden; }
.oneplatform .swiper-cont-box--padding-left { padding-left:1.6rem; }
.oneplatform .swiper-cont-box--padding-right { padding-right:1.6rem; }
.oneplatform .main-asset-tit1 { margin-bottom:1.6rem; padding:0 1.6rem; font-size:2rem; color:#26282c; font-weight:700; }
.oneplatform .main-asset-thumb { display:block; width:15.4rem; height:16.2rem; padding:2.4rem 1.6rem 1.8rem; background-color:#fff; border-radius:1.6rem; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.16); }
.oneplatform .asset-thumb__tit { display:block; font-size:1.8rem; color:#26282c; font-weight:700; text-align:center; }
.oneplatform .asset-thumb__txt { display:block; margin-top:0.2rem; font-size:1.4rem; color:#26282c; font-weight:400; text-align:center; }
.oneplatform .asset-thumb__img { display:block; width:8.4rem; height:6.8rem; margin:1.2rem auto 0; overflow:hidden; }
.oneplatform .main-asset-thumb--bg1 { background-color:#ddebff; }
.oneplatform .main-asset-thumb--bg2 { background-color:#e0efeb; }
.oneplatform .main-asset-thumb--bg3 { background-color:#ebe7ff; }
.oneplatform .main-asset-thumb--bg4 { background-color:#fff4dd; }
.oneplatform .main-asset-thumb--bg5 { background-color:#ffe9e7; }

.oneplatform .main-asset-thumb-swiper { position:relative; width:100%; height:100%; padding-bottom:0.3rem; }
.oneplatform .main-asset-thumb-swiper a { display:block; width:100%; height:100%; }
.oneplatform .swiper-cont-box button { top:0; bottom:0; width:2rem; height:auto; margin:0; background-image:none; }
.oneplatform .swiper-cont-box button em { position:absolute; width:0.1rem; height:0.1rem; font-size:0.1rem; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.oneplatform .swiper-cont-box .swiper-button-prev { left:0; }
.oneplatform .swiper-cont-box .swiper-button-next { right:0; }

/* 매일 이자 쌓기 */
.oneplatform .main-asset-banner2 { display:block; overflow:hidden; }
.oneplatform .main-asset-banner2 img { width:100%; }

/* 자산현황 && 소비현황 */
.oneplatform .status-box { background-color:#fff; border-radius:1.6rem; box-shadow:0 1px 0.3rem rgba(0,0,0,0.16); }
.oneplatform .status-box__head { position:relative; padding:2.4rem 1.6rem 3.2rem; }
.oneplatform .status-box__cont { padding-bottom:2.4rem; }
.oneplatform .status-box__tit { font-size:1.8rem; color:#26282c; font-weight:700; }

.oneplatform .consum-box { background-color:#fff; border-radius:1.6rem; box-shadow:0 1px 0.3rem rgba(0,0,0,0.16); }
.oneplatform .consum-box > a { display:block; }
.oneplatform .consum-box__head { position:relative; display:block; padding:2.4rem 1.6rem 0; }
.oneplatform .consum-box__cont { display:block; padding-bottom:2.4rem; }
.oneplatform .consum-box__tit { font-size:1.8rem; color:#26282c; font-weight:700; }

.oneplatform .btn-asset-setup { display:inline-block; margin-left:0.8rem; font-size:1.4rem; color:#26282c; font-weight:400; border-bottom:1px solid #26282c; vertical-align:middle; }
.oneplatform .btn-asset-send { position:absolute; right:1.6rem; top:2.4rem; padding:0.6rem 1.6rem; font-size:1.4rem; color:#26282c; font-weight:700; background-color:#ffcc00; border-radius:0.4rem; }

.oneplatform .total-count { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; }
.oneplatform .total-count__date { display:flex; flex-direction:row; align-items:center; font-size:1.4rem; color:#26282c; font-weight:400; }
.oneplatform .btn-count-reload { display:inline-block; width:2.4rem; height:2.4rem; margin-left:0.6rem; background:#fff url("../images/kbpay/ico-1-reload.svg") no-repeat center center; border:1px solid #dde1e4; border-radius:0.6rem; }
.oneplatform .btn-count-reload em { position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.oneplatform .total-count__num { display:flex; flex-direction:row; align-items:center; margin-top:0.4rem; font-size:2.8rem; color:#26282c; font-weight:700; }
.oneplatform .total-count__num sub { display:inline-block; }
.oneplatform .total-count__num.txt_show_hide.on { position:relative; width:100%; height:3.9rem; }
.oneplatform .total-count__num.txt_show_hide.on .target { display:none; }
.oneplatform .total-count__num.txt_show_hide.on .dot { left:50%; top:50%; transform:translate(-50%, -50%); }

.oneplatform .asset-status-box { margin-top:3.2rem; }
.oneplatform .asset-status-box + .asset-status-box { margin-top:1.6rem; }
.oneplatform .asset-status-head { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; padding:1.2rem 1.6rem; }
.oneplatform .asset-status-head__tit { font-size:1.6rem; color:#26282c; }
.oneplatform .asset-status-head__tit .asset-status__count { display:inline-block; margin-left:0.4rem; padding:0 0.8rem; font-size:1.4rem; color:#26282c; background-color:#eff2f7; border-radius:0.8rem; }
.oneplatform .asset-status-head__result { display:flex; flex-flow:row nowrap; align-items:center; margin-right:-1rem; font-size:1.6rem; color:#26282c; font-weight:700; }
.oneplatform .asset-status-head__result .txt_show_hide.on .target { position:absolute; left:0; top:0; width:1px; height:1px; overflow:hidden; }
.oneplatform .asset-status-head__result .txt_show_hide.on .dot { position:relative; }
.oneplatform .asset-status-head__nodata { display:flex; flex-flow:row nowrap; align-items:center; font-size:1.4rem; color:#26282c; }

.oneplatform .btn-status2 { position:relative; padding:0.2rem 1.6rem; font-size:inherit; color:inherit; font-weight:inherit; border:1px solid #dde1e4; border-radius:0.4rem; }
.oneplatform .btn-status2__link { position:relative; display:inline-block; width:1.6rem; height:1.6rem; vertical-align:top; background:#fff url("../images/kbpay/arr-1-right-small.svg") no-repeat center center; }
.oneplatform .btn-status2__link > em { position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

.oneplatform .btn-status3 { position:relative; font-size:inherit; color:inherit; font-weight:inherit; }
.oneplatform .btn-status3__link { position:relative; display:inline-block; width:2.4rem; height:2.4rem; vertical-align:top; background:#fff url("../images/kbpay/arr-1-right.svg") no-repeat center center; }
.oneplatform .btn-status3__link > em { position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

.oneplatform .btn-status { position:relative; display:flex; flex-flow:row nowrap; align-items:center; font-size:inherit; color:inherit; font-weight:inherit; }
.oneplatform .btn-status__symbol { position:relative; display:inline-block; width:2.4rem; height:2.4rem; margin-left:0.4rem; vertical-align:bottom; background:url("../images/kbpay/arr-1-down.svg") no-repeat center center; transition:all linear .2s; }
.oneplatform .btn-status__symbol > em { position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.oneplatform .btn-status.on .btn-status__symbol { transform:rotate(180deg); }

.oneplatform .consum-status-box { margin-top:1.6rem; }
.oneplatform .consum-status-box + .consum-status-box { margin-top:1.6rem; }
.oneplatform .consum-status-detail { display:flex; flex-flow:row nowrap; align-items:stretch; justify-content:flex-end; padding:0 1.6rem; }
.oneplatform .consum-status-detail .count-minus { display:inline-block; margin-left:0.4rem; color:#ff0000; }
.oneplatform .main-btn-area { margin-top:2.4rem; padding:0 1.6rem; }
.oneplatform .btn-consum-month { position:relative; display:flex; flex-flow:row nowrap; align-items:center; width:100%; height:5.6rem; padding:0 1.6rem; font-size:1.6rem; color:#26282c; font-weight:700; background-color:#eff2f7; border-radius:0.8rem; }
.oneplatform .btn-consum-month:after { position:absolute; right:0.8rem; top:50%; width:2.4rem; height:2.4rem; background:url("../images/kbpay/arr-1-right-big.svg") no-repeat center center; transform:translateY(-50%); content:""; }

.oneplatform .asset-status-head__detail { display:none; margin:1.2rem 1.6rem 0; padding:0 0 1.6rem; border-bottom:1px solid #eff2f7; }
.oneplatform .asset-status-head__detail-cont + .asset-status-head__detail-cont { margin-top:1.6rem; }
.oneplatform .asset-status-head__detail-cont dt { position:relative; font-size:1.4rem; color:#26282c; }
.oneplatform .asset-status-head__detail-cont dd a { display:block; width:100%; height:100%; }
.oneplatform .asset-status-head__detail-cont .txt_show_hide .dot { display:none; }
.oneplatform .asset-status-head__detail-cont .txt_show_hide.on .target { display:none; }
.oneplatform .asset-status-head__detail-cont .txt_show_hide.on .dot { display:flex; right:0; }

.oneplatform .detail-num { display:inline-block; margin-left:0.4rem; }
.oneplatform .detail-count { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.oneplatform .detail-count.txt_show_hide.on { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.oneplatform .detail-cont-count.txt_show_hide.on { height:1.8rem; }
.oneplatform .detail-cont-count.txt_show_hide.on .dot { left:0; right:initial; top:50%; transform:translateY(-50%); }

.oneplatform .detail-cont { position:relative; display:flex; flex-flow:row nowrap; padding:1.4rem 0; }
.oneplatform .detail-cont__symbol { flex:none; width:4rem; height:4rem; border-radius:50%; overflow:hidden; }
.oneplatform .detail-cont__txt { margin-left:1.2rem; }
.oneplatform .detail-cont-tit { font-size:1.2rem; color:#26282c; }
.oneplatform .detail-cont-txt { font-size:1.2rem; color:#26282c; }
.oneplatform .detail-cont-count { margin-top:0.4rem; font-size:1.4rem; color:#26282c; font-weight:700; text-align:left; }
.oneplatform .detail-cont__etc { position:absolute; right:0; bottom:0; }
.oneplatform .detail-cont-etc { font-size:1.2rem; color:#8c949e; text-align:right; }
.oneplatform .detail-cont-etc--color1 { color:#4186cb; }
.oneplatform .detail-cont-etc--color2 { color:#ff0000; }

.oneplatform .btn-bank-link { display:block; width:100%; padding:1.4rem 0; font-size:1.4rem; color:#26282c; background-color:#dde1e4; border-radius:0.8rem; }
.oneplatform .btn-bank-link > em { display:inline-block; }
.oneplatform .btn-bank-link > em:before { display:inline-block; width:1.6rem; height:1.6rem; margin-right:0.4rem; vertical-align:top; background:url("../images/kbpay/ico-1-plus.svg") no-repeat center center; content:""; }

/* 비회원 메인 */
.oneplatform .member-asso { position:relative; height:100vh; margin:0 1.6rem; padding-top:8rem; box-sizing:border-box; }
.oneplatform .main-slogan { margin-left:0.8rem; margin-bottom:initial; }
.oneplatform .main-slogan__small { font-size:1.8rem; color:#26282c; line-height:1.5; }
.oneplatform .main-slogan__big { margin-top:.8rem; font-size:2.4rem; color:#26282c; font-weight:700; line-height:1.3; }
.oneplatform .main-slogan__big span { display:inline-block; }

.oneplatform .main-link { position:absolute; left:0; right:0; bottom:3.2rem; }
.oneplatform .main-link:before { position:absolute; right:0.9rem; top:-13.6rem; width:18.6rem; height:15.8rem; background:url("../images/kbpay/img-char-nonmember.svg") no-repeat right top; background-size:contain; content:""; z-index:10; }
.oneplatform .main-link2:before { background:url("../images/kbpay/img-char-nonmember2.svg") no-repeat right top; background-size:contain; }
.oneplatform .main-link__btn { position:relative; width:100%; padding:2rem 0 2rem 7.2rem; text-align:left; background-color:#fff; border:1px solid #c6cbd0; border-radius:1.2rem; box-shadow:none; }
.oneplatform .main-link__btn:before { position:absolute; left:2.4rem; top:50%; width:3.2rem; height:3.2rem; transform:translateY(-50%); content:""; }
.oneplatform .main-link__btn .main-link__tit { font-size:1.6rem; color:#26282c; font-weight:700; line-height:1.44; }

.oneplatform .main-link__btn--asset { padding-top:2rem; padding-bottom:2rem; background-color:#ffe05a; border:0; box-shadow:0 1px 3px 0 rgba(0,0,0,0.16); }
.oneplatform .main-link__btn--asset .main-link__txt { margin-top:.2rem; font-size:1.6rem; color:#26282c; line-height:1.5; }
.oneplatform .main-link__btn--asset:before { background:url("../images/kbpay/ico-1-budget.svg") no-repeat center center; }

.oneplatform .main-link__swiper { position:relative; margin-top:1.6rem; padding:0.4rem; overflow:hidden; }
.oneplatform .main-link__swiper > button { position:absolute; top:2.5rem; bottom:0; width:1rem; height:auto; margin:0; background-image:none; }
.oneplatform .main-link__swiper > button em { position:absolute; left:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.oneplatform .main-link__swiper .swiper-button-control { left:0; top:0; }
.oneplatform .main-link__swiper .swiper-button-prev { left:0; bottom:0; }
.oneplatform .main-link__swiper .swiper-button-next { right:0; bottom:0; }

.oneplatform .none-swiper { position:relative; }
.oneplatform .none-swiper__thumb { background:#fff; border-radius:1.6rem; box-shadow:0 1px 0.4rem rgba(0,0,0,0.16); }
.oneplatform .none-swiper__thumb > a { display:flex; flex-flow:row nowrap; align-items:center; width:100%; height:100%; padding:1.3rem 1.6rem; }
.oneplatform .none-swiper__img { display:inline-block; width:6.8rem; height:5.4rem; overflow:hidden; }
.oneplatform .none-swiper__txtgroup { display:inline-block; margin-left:0.8rem; }
.oneplatform .none-swiper__tit { font-size:1.6rem; color:#26282c; font-weight:700; }
.oneplatform .none-swiper__txt { font-size:1.4rem; color:#26282c; font-weight:400; }
.oneplatform .none-swiper-control { position:absolute; right:1.7rem; bottom:2.1rem; display:flex; flex-flow:row nowrap; align-items:center; z-index:100; }
.oneplatform .none-swiper-control__counter { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; margin-right:0.4rem; padding:0.4rem 0.8rem; font-size:1.2rem; color:#26282c; background:rgba(0,0,0,0.08); border-radius:1.2rem; }
.oneplatform .none-swiper-control__counter > em { display:inline-block; font-weight:bold; vertical-align:top; }
.oneplatform .none-swiper-control__btn { display:inline-block; width:1.6rem; height:1.6rem; }
.oneplatform .none-swiper-control__btn > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

.oneplatform .swiper-pause { background:url("../images/kbpay/ico-2-pause.svg") no-repeat center center; background-size:contain; }
.oneplatform .swiper-play { background:url("../images/kbpay/ico-2-play.svg") no-repeat center center; background-size:contain; }

/* 메인 팝업 */
/* .oneplatform .popup_dim { opacity:0.4; background:linear-gradient(to bottom, rgba(0,0,0,0), #000 71%); } */
.oneplatform .popup_dim, .oneplatform .popup_dim_double { animation:shadow_asset .3s ease .3s forwards; }
@keyframes shadow_asset{
    0% { opacity:0; }
    100% { opacity:0.4; }
}
.oneplatform .wrap_pop:after { background-color:rgba(0,0,0,0.4); }

.oneplatform .popup_wrap .popup_content.service_check .status__wrap p{margin:0; font-size:1.6rem;}
.oneplatform .popup_wrap .popup_content.service_check .status__wrap p + p{margin-top:2rem;}
.oneplatform .popup_wrap #pop_title{display:flex; align-items:center; justify-content:center; font-size:1.8rem; text-align:center;}
.oneplatform .popup_wrap .status__wrap .img-char-check{display:block; width:10rem; height:10rem; margin:2.4rem auto;}
.oneplatform .popup_wrap .img-char-check img{max-width:100%;}

.oneplatform .popup-asset-wrap[popup-style="bottom"] .popup_container { padding:2.2rem 1.6rem 3.2rem; border-radius:1.6rem 1.6rem 0 0; }
.oneplatform .popup-asset-wrap[popup-style="bottom"] .popup_container h2 { display:block; margin-bottom:2.2rem; font-size:1.8rem; color:#26282c; font-weight:700; text-align:center; }
.oneplatform .popup-asset-wrap[popup-style="bottom"] .popup_container .btn_exit i.exit { background-image:url("../images/kbpay/ico-1-close.svg"); background-size:60%; }
.oneplatform .popup-asset-wrap .popup_content .txt-underline { text-decoration:underline; }
.oneplatform .asset-info-box { font-size:1.2rem; color:#696e76; line-height:1.5; }
.oneplatform .asset-btn-box { display:flex; flex-flow:column nowrap; align-items:flex-start; margin-top:3.2rem; }
.oneplatform .asset-btn-box > button { padding:0.6rem 0.8rem; font-size:1.4rem; color:#26282c; background:#fff; border:1px solid #dde1e4; border-radius:0.4rem; }
.oneplatform .asset-btn-box > button + button { margin-top:0.8rem; }
.oneplatform .asset-list-type { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; padding:1.2rem 0; }
.oneplatform .asset-list-type__head { font-size:1.6rem; color:#26282c; font-weight:400; }
.oneplatform .asset-list-type__cont { font-size:1.6rem; color:#26282c; font-weight:400; }
.oneplatform .asset-list-type .btn-setup-link { position:relative; width:100%; }
.oneplatform .asset-list-type .btn-setup-link:after { position:absolute; right:0; top:50%; width:2.4rem; height:2.4rem; background:url("../images/kbpay/arr-1-right-big.svg") no-repeat right center; transform:translateY(-50%); content:""; }
.oneplatform .asset-list-type .btn__chk__wrap .chk_area { display:block; width:initial; height:initial; }
.oneplatform .asset-list-type .btn__chk__wrap .chk_area input[type="checkbox"] + label .chk_back { width:1rem; }

.oneplatform .asset-list-type .btn-tab-area { position:relative; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; width:11.6rem; height:3.2rem; background-color:#eff2f7; border-radius:1.6rem; }
.oneplatform .asset-list-type .btn-tab-area .btn-tab { position:relative; height:100%; padding:0.6rem 1.6rem; white-space:nowrap; border-radius:1.6rem; }
.oneplatform .asset-list-type .btn-tab-area .btn-tab:nth-of-type(2) { margin-left:-1rem; }
.oneplatform .aseet-list-type .btn-tab-area input[type="radio"] { position:absolute; left:0; top:0; width:0; height:0; line-height:0; text-indent:-9999rem; }
.oneplatform .asset-list-type .btn-tab-area input[type="radio"]:checked + .btn-tab { background-color:#ffcc00; }

.oneplatform .popup-asset-cert { border-radius:1.6rem; box-shadow:0 0.3rem 0.5rem -0.1rem rgba(0,0,0,0.2), 0 0.2rem 1.8rem 0 rgba(0,0,0,0.12), 0 0.6rem 1rem 0 rgba(0,0,0,0.2); }
.oneplatform .popup-asset-cert .popup_container__symbol { position:relative; box-shadow:0 0.3rem 0.5rem -0.1rem rgba(0,0,0,0.2), 0 0.2rem 1.8rem 0 rgba(0,0,0,0.12), 0 0.6rem 1rem 0 rgba(0,0,0,0.2); }
.oneplatform .popup-asset-cert .popup_container__symbol:after { position:absolute; right:1.6rem; bottom:6.2rem; display:block; width:10.1rem; height:9.8rem; background:url("../images/kbpay/img-popup-adult.png") no-repeat center center; background-size:contain; content:""; }
.oneplatform .popup-asset-cert .tit__box { margin-bottom:0.8rem; }
.oneplatform .popup-asset-cert .nodata__box p { text-align:left; }
.oneplatform .popup-asset-cert .box__fixing { margin-top:3.2rem; }
.oneplatform .popup-asset-cert .btn__line { padding:initial; }

/* 혜택 */
.oneplatform .benefits_box--md { margin:0; }
.oneplatform .benefits_main .benefits_box .point_box--pd { height:6.8rem; padding:0; }
.oneplatform .benefits_main .benefits_box .point_box--pd .point_check { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; width:100%; height:100%; padding:0 1.8rem 0 2.5rem; }
.oneplatform .benefits_main .benefits_box .point_box--pd .point_check .tits { font-size:1.6rem; color:#26282c; font-weight:700; }
.oneplatform .benefits_main .benefits_box .point_box--pd .point_check .counts { position:relative; padding-right:2.2rem; font-size:2rem; color:#26282c; font-weight:700; }
.oneplatform .benefits_main .benefits_box .point_box--pd .point_check .counts:after { position:absolute; right:0; top:50%; width:2rem; height:2rem; background:url('../images/kbpay/arr-1-right.svg') no-repeat center; background-size:contain; transform:translateY(-50%); content:""; }
.oneplatform .benefits_main .benefits_box .point_box--pd .point_check .counts > sub { font-size:inherit; vertical-align:baseline; }


/* 230131_2 자산탭 상단 배너 스와이프 처리 */
/* 230224 자산탭 상단 배너 수정 s */
.oneplatform .main-cont__swiper{overflow:hidden;margin:-1.6rem 0 0 0}
.oneplatform .main-cont__swiper + .main-cont-box{margin-top:2.9rem !important}
.oneplatform .main-banner__swiper{position:relative}
.oneplatform .main-banner__swiper .none-swiper__thumb{box-shadow:none;background:transparent;border-radius:0}
.oneplatform .main-banner__swiper .none-swiper__thumb > a{padding:0;-webkit-tap-highlight-color:transparent}
.oneplatform .main-banner__swiper .swiper-button-next, .oneplatform .main-banner__swiper .swiper-button-prev{display:none}
.oneplatform .main-banner__swiper .none-swiper-control{display:none;bottom:3.6111vw;left:50%;transform:translateX(-50%);right:inherit}
.oneplatform .main-banner__swiper.swiper-container-initialized .none-swiper-control{display:flex}
.oneplatform .main-banner__swiper .none-swiper-control .none-swiper-control__btn{width:6.6667vw;height:6.6667vw}
.oneplatform .main-banner__swiper .none-swiper-control .main-swiper-pause{background:url(../../../webAppDesign/app/images/kbpay/ico-pause.svg)no-repeat 50% 50%;background-size:6.6667vw}
.oneplatform .main-banner__swiper .none-swiper-control .main-swiper-play{background:url(../../../webAppDesign/app/images/kbpay/ico-play.svg)no-repeat 50% 50%;background-size:6.6667vw}
.oneplatform .main-banner__swiper .swiper-button-control{display:none}
.oneplatform .main-banner__swiper .none-swiper-control__counter{font-size:3.8889vw;line-height:5.5556vw;border-radius:3.8889vw;padding:1.1111vw 3.0556vw;margin-right:1.1111vw}
.oneplatform .total-count__date .btn-count-reload{background: #fff;position:relative}
.oneplatform .total-count__date .btn-count-reload:after{content:'';position:absolute;top:.3rem;left:.3rem;width:1.6rem;height:1.6rem;background:url(../../../webAppDesign/app/images/kbpay/ico-1-reload.svg) no-repeat 0 0;background-size:1.6rem}
.oneplatform .total-count__date .btn-count-reload.on:after{animation:spin-reload 20s linear infinite;}
@keyframes spin-reload{
    0% {transform:rotate(0)}
    100% {transform:rotate(-3600deg)}
}
.oneplatform .main-banner__swiper .none-swiper-control .swiper-pagination-bullets{font-size:0;width:auto;position:relative}
.oneplatform .main-banner__swiper .none-swiper-control .swiper-pagination-bullet{width:1.6667vw;height:1.6667vw;background-color:rgba(0,0,0,0.24);margin:0;margin-right:2.2222vw;opacity:1;transition:all .2s}
.oneplatform .main-banner__swiper .none-swiper-control .swiper-pagination-bullet-active{width:4.4444vw;border-radius:.8333vw;background:#222}
/* // 230224 자산탭 상단 배너 수정 e */
/* // 230131_2 자산탭 상단 배너 스와이프 처리 */
/* 230530 긍정 및 부정표현 아이콘 현행화 s */
.oneplatform .ico_anim_false{animation:none;display:block;margin:0 auto 2.4rem;width:8.1rem;height:8rem;background:url(../images/common/ico_get_false.svg)0 0 no-repeat;background-size:100%}
.oneplatform .popup_wrap[popup-style="bottom"] .ico_anim_false{animation:none;width:6rem;height:6rem}
.oneplatform .popup_wrap[popup-style="bottom"] .nodata__box .ico_anim_false{margin-bottom:2.4rem}
.oneplatform .ico_anim_false .face{display:none !important}
.oneplatform .ico_anim_false:before{display:none !important}
.oneplatform .ico_anim_false:after{content:"";opacity:0;position:absolute;top:2.9rem;right:1.4rem;width:.6rem;height:1rem;background:url(../images/common/ico_false_sweat.png) no-repeat 0 0/100% auto;animation:sweats .8s .6s ease forwards}
@keyframes sweats{from{transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}
.oneplatform .ico_anim_true{animation:none;display:block;margin:0 auto 2.4rem;width:8rem;height:8rem;background:url(../images/common/ico_get_true.svg)0 0 no-repeat;background-size:100%}
.oneplatform .ico_anim_true:before{display:none !important}
.oneplatform .ico_anim_true .icon_anim_firework{display:none !important}
.oneplatform .ico_anim_true .face{display:none !important}
.oneplatform .ico_anim_true2{animation:none;display:block;margin:0 auto 2.4rem;width:8rem;height:8rem;background:url(../images/common/ico_get_true.svg)0 0 no-repeat;background-size:100%}
.oneplatform .ico_anim_true2:before{display:none !important}
.oneplatform .ico_anim_true2 .icon_anim_firework{display:none !important}
.oneplatform .ico_anim_true2 .face{display:none !important}
.oneplatform .popup_wrap[popup-style="bottom"] .ico_anim_true{animation:none;width:6rem;height:6rem;transform:scale(1)}
.oneplatform .popup_wrap[popup-style="bottom"] .nodata__box .ico_anim_true{margin-bottom:2.4rem}
.oneplatform .popup_wrap[popup-style="bottom"] .ico_anim_true2{animation:none;width:6rem;height:6rem;transform:scale(1)}
.oneplatform .popup_wrap[popup-style="bottom"] .nodata__box .ico_anim_true2{margin-bottom:2.4rem}
/* 230530 긍정 및 부정표현 아이콘 현행화 e */

/* 230615 kb스타클럽 수정 s */
.kbstar__club .dot_list{padding:0 .8rem}
.kbstar__club .dot_list li{font-size:1.5rem;line-height:2.2rem;color:#717171}
.kbstar__club .dot_list li + li{margin-top:.8rem}
.popup_alert:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 33%, rgba(0,0,0,0) 100%);opacity:.4}
.popup_wrap[popup-style="center"] .popup_container.type__alert{padding:3.2rem 1.6rem 1.6rem;width:calc(100vw - 3.2rem);box-shadow:0 .3rem .5rem -1px rgba(0,0,0,0.2), 0 .2rem 1.8rem 0 rgba(0,0,0,.12), 0 .6rem 1rem 0 rgba(0,0,0,.2)}
.popup_wrap[popup-style="center"] .popup_container.type__alert .popup_content{text-align:center}
.popup_wrap[popup-style="center"] .popup_container.type__alert .popup_content p{font-size:1.6rem;line-height:2.4rem;color:#26282c}
.popup_wrap[popup-style="center"] .popup_container.type__alert .popup_content p strong{font-weight:bold}
.popup_wrap[popup-style="center"] .popup_container.type__alert .box__fixing{padding:4.8rem 0 0 0}
.dark .popup_wrap[popup-style="center"] .popup_container.type__alert .popup_content p{color:#c6cbd0}
/* 230615 kb스타클럽 수정 e */

/* 선물하기 서비스 종료 안내 팝업 24-07-22 */
.present-pop .tit {font-size: 1.8rem !important;}
.present-pop ul { margin: 3.8rem 0 4rem ; text-align: left;}
.present-pop__list li {position: relative; margin-bottom: .8rem; padding-left: 1.2rem; font-size: 1.6rem; color: #26282c; word-break:keep-all;}
.present-pop__list li::after {content: ""; display: block; width: 0.3rem; height: 0.3rem; background-color: #222; border-radius: 100%; position: absolute; left: 0; top: .8rem;}
.present-pop .btn_wrap button { padding:1.6rem 0; line-height: 2.4rem; font-size: 1.8rem;}
.dark .present-pop__list li { color: var(--gray090);}
.dark .present-pop__list li::after { background-color: var(--gray090); }

/* [25-05-28] 포인트리 교환 사용 페이지 개선 s */
.pointreeroll_list{display:flex;align-items:start;flex-wrap:wrap;margin-top:1.4rem}
.pointreeroll_list li{text-align:center;flex:1 0 calc(100%/3)}
.pointreeroll_list li:nth-child(n+4){margin-top:1.6rem}
.pointreeroll_list li .logo{width:5.6rem;height:5.6rem;border-radius:50%;overflow:hidden}
.pointreeroll_list li .banking{border-radius: 0;}
.pointreeroll_list li p{margin:1rem;font-size:1.4rem;line-height:2.2rem}
.pointreeroll_list li button{display:flex;align-items:center;justify-content:center;border:1px solid #dde1e4;border-radius:.4rem;height:2.8rem;width:6.6rem;margin:0 auto}

.exchange_list {align-items: flex-start;}
.exchange_list li {flex-grow:0;} 
.exchange_list li p {height: 44px;}
/* [25-05-28] 포인트리 교환 사용 페이지 개선 e */