@charset "utf-8"; /* [S] Spoqa Han Sans Neo font ========================================================================== */ @font-face{ font-family:'Spoqa Han Sans Neo'; font-style:normal; font-weight:200; src:url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2'), url('../font/SpoqaHanSansNeo-Thin.woff') format('woff'); } @font-face{ font-family:'Spoqa Han Sans Neo'; font-style:normal; font-weight:300; src:url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2'), url('../font/SpoqaHanSansNeo-Light.woff') format('woff'); } @font-face{ font-family:'Spoqa Han Sans Neo'; font-style:normal; font-weight:400; src:url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2'), url('../font/SpoqaHanSansNeo-Regular.woff') format('woff'); } @font-face{ font-family:'Spoqa Han Sans Neo'; font-style:normal; font-weight:500; src:url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2'), url('../font/SpoqaHanSansNeo-Medium.woff') format('woff'); } @font-face{ font-family:'Spoqa Han Sans Neo'; font-style:normal; font-weight:700; src:url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2'), url('../font/SpoqaHanSansNeo-Bold.woff') format('woff'); } html *, body *{font-family:'Spoqa Han Sans Neo', 'sans-serif';font-weight:500;} /* [E] font ========================================================================== */ /* [S] point color =================================================================== */ /* point */ .pointColor{color:#962E01 !important;}/* cb2b11 */ /* point btn */ a.btnBl1{color:#fff;background-color:#962E01 ;} /* a.btnBl2{color:#962E01 ;} a.btnBl2:after{background-color:#962E01 ;} */ a.btnBl2{color:#424242;background-color:#ddd;} a.btnBl2:after{background-color:transparent;} a.btnBl4{background:#f2f2f2;} a.btnBl1.disable{color:#000;background-color:#f2f2f2 ;border:1px solid #f2f2f2;} /* switch btn */ .btn_switch{width:40px;height:20px;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .btn_switch input, .btn_switch input:hover, .btn_switch input:focus, .btn_switch input:active{visibility: hidden !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;background:none !important;} .btn_switch input{left:0;width:40px;height:20px;} .btn_switch .round{border-radius:25px;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;} .btn_switch .round:before{width:16px;height:16px;} .btn_switch input:checked + .round{background-color:#962E01;} .btn_switch input:focus + .round{box-shadow:none;} .btn_switch input:checked + .round:before{transform:translateX(19px);} @supports(-webkit-touch-callout:none){ .btn_switch, .btn_switch input, .btn_switch input:hover, .btn_switch input:focus, .btn_switch input:active, .btn_switch .round{-webkit-tap-highlight-color:transparent !important;} } /* popup point btn */ .layer_popup .layer_inner .layer_cont .btn_layer_wrap button, .layer_popup .layer_inner .layer_cont .btn_layer_wrap a{height:45px;background-color:#962E01 ;} /* bottomsheet poin btn */ .layer_bottomsheet .layer_inner .layer_footer button,.layer_bottomsheet .layer_inner .layer_footer a{background-color:#962E01 ;} .layer_bottomsheet .layer_inner .layer_footer button.disable,.layer_bottomsheet .layer_inner .layer_footer a.disable{background-color:#F2F2F2; color:#666;} /* xc1100 tab selected border */ .tabs_header.type2 ul li.on a:after{background-color:#962E01 ;} /* xc1600,1601 bank selected border */ .prd_list_certi .box_prd.on{border:2px solid #962E01 ;} .prd_list_certi .box_prd.on:before{background:url('../img/theme/apfin/ic_list_prd_on.png?1102') 0 0 no-repeat;background-size:100%;} /* xc1100 bank selected border */ .ins1LinkLst li .sel_btn.on{border:solid 2px #962E01 ;} /* bottom bar */ .dock_bar .btn.on{color:#962E01 ;border-color:#962E01 ;} /* 메인 */ .asGroup .asList .prdName{line-height:22px;} .highlighter{background:linear-gradient(to top, #ffe1e3 50%, rgba(255, 255, 255, 0) 50%);background:-webkit-linear-gradient(to top, #ffe1e3 50%, rgba(255, 255, 255, 0) 50%);}/* 형광펜 효과 */ .wrap_slider .slider_container .slick-dots li.slick-active button{background-color:#962E01 ;}/* 슬라이더 선택된 인디케이터 */ .wrap_assets .asset_link .assets:after{background-image:url('../img/ic/ic_arw1.png?1102');}/* 자산 항목별 링크 화살표 */ .asset_my_list .asset_li .link:after{background-image:url('../img/ic/ic_arw1.png?1102');} .wrap_assets .asGroup .listTit h3 > em:after{background-color:#962E01 ;} .assets.agChkItem .btnFolding:before{background-image:url('../img/theme/apfin/ic_arw_folding2.png?1102');}/* 메인 계좌 아코디언 */ /* 브릿지 */ .agChkItem label input[type=checkbox] + i{margin-top:1px;} .tabs_body.has_sel_all .certi_sel_all .agChkItem label span{margin-top:1px;} .agChkItem label input[type=checkbox]:checked + i {background-color:#962E01 !important;border-color:#962E01 !important;} .terms-nav .nav-item.slick-current:after {background:#962E01 } /* 계좌 */ .asGroup .asList .btnTransfer{color:#962E01 ;} .asGroup .asList .btnTransfer:after{background-color:#962E01 ;} .accDetailList .itemData{flex-wrap:wrap;} .accDetailList .itemData .edit{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .accDetailList > li > .edit{background-image:url('../img/theme/apfin/ic_pen.png?1102'); background-size:20px 20px; padding-right:25px;background-position:100% 0px;} .topTotal .itemData .detail{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .cardTotal .itemData .detail{width:auto;background-size:auto 11px;background-position: right 0 top 50%;background-image:url('../img/theme/apfin/ic_arw3.png?1102'); } .filterItem .radioTab label{padding-top:2px;} .filterItem .radioTab input:checked + label {border-color:#962E01 ;color:#962E01 ;} .filterItem .radioTab li:last-child input:checked + label {border-color:#962E01 ;} .asGroup .sortCtrl .on a{background:#962E01 ;border-color:#962E01 } .editList .sortCtrl .on a {background:#962E01 ;border-color:#962E01 } .editList .asList > div.hidden .ctrl .btnHide {background-image:url('../img/theme/apfin/bt_hide_on.png?1102');} .editList.asGroup .asList .ui-sortable-helper, .editList.asGroup .asList .selected {border-color:#962E01 } /* 마이페이지 */ .confirm_mail .tit {color:#962E01 } .wrap_trans_info .top_alert_box .box_link:before{background-color:#962E01 ;} .wrap_trans_info .info_tbl .point {color:#962E01 } .wrap_trans_info .tit_flex .btn.point {color:#962E01 ;background-image:url('../img/theme/apfin/ic_arw3.png?1102')} .box_inp_ck.on{border:2px solid #962E01 ;} .boxChkItem label input[type=checkbox]:checked + i{background-color:#962E01 ;} /* 캘린더 */ .tabs_header.type1 ul li.on a{color:#fff;background-color:#962E01 ;} .wrap_cal_tbl .cal_tbl td .date.today .num{background-color:#962E01 ;} .wrap_cal_tbl .cal_tbl td .date.selday .num{border:2px solid #962E01 ;} .layer_sel_opt .btn_sel_opt.on{border:1px solid #962E01 ;color:#962E01 ;} .category_set .ck_name.on{color:#fff;border-color:#962E01 ;background-color:#962E01 ;} .history_box .trans_info .cate_name:after{border-top:1px solid #962E01 ;border-right:1px solid #962E01 ;} .cal_exp_box .list .exp_ico .date{background-color:#962E01 ;} .bg_type_card{background-color:#feeded;} .holiday{color:#962E01 ;}/* 캘린더 휴일 색상 */ .wrap_cal_tbl .cal_tbl th:first-child .day, .wrap_cal_tbl .cal_tbl td:first-child .num{color:#962E01 ;}/* 캘린더 일요일 색상 */ .btn_cate_menu.on:last-child{background-color:#962E01 ;border-color:#962E01 ;}/* 월간 카테고리 메뉴 */ /* 캘린더 예산 */ .top_budget .exp_area .recm_amount {color:#962E01; } .top_budget .exp_area .pointer {background:#fff; } .cate_budget_list .exp_amount {color:#962E01 ;} .cate_budget_list .bar_on {background:#962E01 } .cate_budget_list .bar_on:before {background:#962E01 ;} .cate_budget_list .bar_on.excs:after {background-color:#962E01 } /* 보험 */ .accSetting .listTit.linktype .link {background-image:url('../img/theme/apfin/ic_arw3.png?1102');} /* 통신 */ .tel_graph .g_bar_box.latest1 .g_bar{background-color:#962E01 ;}/* 통신청구금액 그래프바 색상 */ .tel_graph .g_bar_box.average .g_bar{background-image:url('../img/theme/apfin/bg_tel_graph_average.png?1102');} /* 자산연결하기 */ .asset_link .assets .tx_link{color:#444 !important;} .asset_link .assets .tx_link:after{background-image:url('../img/theme/apfin/ic_arw.png?1102');} .wrap_assets > .asset_link .asBanner{background-color:#fff;} /* datepicker */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Spoqa Han Sans Neo', 'sans-serif';} .ui-datepicker{padding-bottom:20px;border-radius:10px 10px 0 0;} .ui-datepicker .ui-datepicker-header{margin-top:68px;padding:0;} .ui-datepicker .ui_datepicker_tit{top:-50px;font-size:16px;line-height:20px;text-align:center;} .ui-datepicker .ui-datepicker-title{line-height:1;background-color:#fff;} .ui-datepicker .ui-datepicker-title select{margin:0;line-height:1;height:26px;} .ui-datepicker .ui-datepicker-title select option{font-size:18px;font-weight:400;letter-spacing:-.5px;} .ui-datepicker .ui-datepicker-title select::-webkit-scrollbar{width:4px;} .ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-thumb {background:#ccc;border-radius:10px;} .ui-datepicker .ui-datepicker-prev{left:60px;width:20px;height:20px;margin-top:-10px;} .ui-datepicker .ui-datepicker-next{right:60px;width:20px;height:20px;margin-top:-10px;} .ui-datepicker .ui-datepicker-prevY{width:20px;height:20px;margin-top:-10px;} .ui-datepicker .ui-datepicker-nextY{width:20px;height:20px;margin-top:-10px;} .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prevY:before, .ui-datepicker .ui-datepicker-nextY:before{width:20px;height:20px;background-image:url('../img/theme/apfin/ic_arw_ctrl.png?1102');background-size:20px;background-position:center;} .ui-datepicker .ui-datepicker-next:before{transform:rotate(180deg);} .ui-datepicker .ui-datepicker-prevY:before, .ui-datepicker .ui-datepicker-nextY:before{background-image:url('../img/theme/apfin/ic_arw_ctrl2.png?1102');} .ui-datepicker .ui-datepicker-nextY:before{transform:rotate(180deg);} .ui-datepicker td span, .ui-datepicker td a{color:#666 !important;} .ui-datepicker td a.ui-state-active{background-color:#962E01 !important;border-color:#962E01 !important;} .ui-datepicker .ui-datepicker-buttonpane button{top:20px;right:20px;width:15px;height:15px;margin:0;background-image:url('../img/theme/apfin/bt_close_lg.png?1102');background-size:auto 15px;} .ui-datepicker table{margin-top:29px;} .ui-datepicker td span, .ui-datepicker td a{display:flex;justify-content:center;align-items:center;} /* 인증 */ .wrap_process_step .process_step .list.on .tx{background-color:#962E01 ;} .agTx.has_process_step.type2{padding-bottom:65px;} /* 이벤트 자산연동 X1201 */ .layer_popup.type_event .event_box.type_x1201{position:relative;width:100%;height:425px;margin:0 0 0 0;background:url('../img/theme/apfin/event_x1201_bg.png?1102') 50% 0 repeat-x;background-size:auto 425px;} .layer_popup.type_event .event_box.type_x1201:before{content:'';} .layer_popup.type_event .event_box.type_x1201 .btn_close_w{top:20px;right:20px;left:inherit;width:15px;height:15px;} .layer_popup.type_event .event_box.type_x1201 .btn_close_w:before {left:0;top:0;width:15px;height:15px;background:url('../img/bt/bt_close_lg_w.png?1102') 0 0 no-repeat;background-size:15px auto;} .layer_popup.type_event .event_box.type_x1201 .btn_ev_join{background-color:#000;} .layer_popup.type_event .event_box.type_x1201 .img_wrap{position:relative;height:312px;width:281px;height:312px;margin:50px auto 0;background:url('../img/theme/apfin/event_x1201_cont01.png?1102') 50% 0 no-repeat;background-size:281px auto;} .layer_popup.type_event .event_box.type_x1201 .btn_ev_join{color:#552fec;background-color:#fff;} /* 이벤트 renew XX1202 */ .layer_popup.type_event .event_box.type_XX1202{position:relative;width:100%;height:292px;margin:0 0 0 0;background-color:#E5EEFF;} .layer_popup.type_event .event_box.type_XX1202 .btn_close_w{top:20px;right:20px;left:inherit;width:15px;height:15px;z-index:4;} .layer_popup.type_event .event_box.type_XX1202 .btn_close_w:before {left:0;top:0;width:15px;height:15px;background:url('../img/bt/bt_close_lg.png?1102') 0 0 no-repeat;background-size:15px auto;opacity:.8;} .layer_popup.type_event .event_box.type_XX1202 .event_cont{height:100%;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx{height:100%;padding:58px 0 0 20px;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx > span{display:block;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx .tx_01{font-size:24px;line-height:30px;font-weight:700;color:#0D38B1;letter-spacing:-0.02em;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx .tx_02{margin-top:3px;font-size:24px;line-height:30px;font-weight:700;color:#357BFB;letter-spacing:-0.02em;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx .tx_03{margin-top:15px;font-size:17px;line-height:25px;font-weight:400;letter-spacing:-0.01em;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx .tx_03 .bold{font-weight:500;} .layer_popup.type_event .event_box.type_XX1202 .event_cont .cont_tx .tx_04{margin-top:10px;font-size:12px;line-height:18px;color:#666;font-weight:400;color:#666;} .layer_popup.type_event .event_box.type_XX1202 .btn_ev_join{color:#fff;background-color:#326AFA;z-index:3;} .layer_popup.type_event .event_box.type_XX1202 .link{display:block;width:100%;height:292px;text-align:center;} .layer_popup.type_event .event_box.type_XX1202 .link img{width:360px;height:292px;margin:0 auto;} /* 이벤트 */ .layer_popup.type_event .event_box.type_x1200 .btn_ev_join{background-color:#962E01 ;} /* etc */ .asGroup .asList + .listTit{margin-top:20px;} .content > .btn_wrap{padding:20px 0;} .fix_bottom .btn_wrap{padding:30px 20px;} .ag_wrap ~ .fix_bottom .btn_wrap{padding:20px;} .accHistory{padding-top:30px;} .accHistory .historyList{padding-bottom:0;} .upLoading.circleBar{transition:all .5s ease;} .content > .upLoading.circleBar:not([style*="opacity:0"],[style*="opacity:0"], .type_main):first-child{margin-bottom:6px;} .topCtrl + .upLoading.circleBar.type4{margin-top:100px;} .loader{width: 24px;height: 24px;background-image: url('../img/theme/apfin/loading.png?1102');background-repeat: no-repeat;background-size: 24px 24px;animation: spin .5s linear 0s infinite;} .upLoading.circleBar p{margin-left:10px;} .upLoading.circleBar.type4 .loader{width:44px;height:44px;background-image:url('../img/theme/apfin/loading.png?1102');background-size:44px;}/* loading */ .upLoading.circleBar.type4 .loader + .tx{margin-top:40px;} .asGroup .asList .amount:after{background-image:url('../img/theme/apfin/ic_arw_gray.png?1102')} /* loading */ .upLoading.circleBar.type4 p{margin-top:0px;font-size:15px;color:#666;} .terms_wrap .terms_tit h3:after{background:#962E01 ;} .insLinkList .state.soon{color:#962E01 ;} .insLink .insLinkList li .error{background-image:url('../img/theme/apfin/ic_err.png?1102');background-size:17px 17px;} .insLink .insLinkList li .error.type2{background-image:url('../img/theme/apfin/ic_err_gray.png?1102');} .label_txt.red .txt{color:#cb2b11;border-color:#d71820;} .label_txt.type_01 .txt{color:#00389D;border-color:#00389D;} .label_txt.type_02 .txt{font-size:11px;height:21px;line-height:1;color:#fff;background:#666;border-color:0;} .label_txt.type_dDay .txt{min-width:33px;padding:0 6px;font-size:11px;height:24px;line-height:1;background:#efefef;border:0;border-radius:6px;} .label_txt.type_dDay.red .txt{color:#F44336;background-color:rgba(245, 77, 77, 0.1);} .label_txt.type_dDay.blue .txt{color:#2196F3;background-color:#EBEFF7;} .asGroup .asList .prdName .flag{color:#cb2b11;border:1px solid #cb2b11;border-radius:6px;} .servTerm .agree_chk label input[type=radio]:checked + i {background-color:#962E01 ;border-color:#962E01 } .custom_radio input[type="radio"]:checked {border-color:#962E01 } .custom_radio input[type="radio"]:checked:before{background:#962E01 ;} .asGroup.payList .sortCtrl > li.on a:after{background-color:#962E01 ;} .form_rdo_cir .rdo_cir:checked + i{border-color:#962E01 ;} .form_rdo_cir .rdo_cir:checked + i:before{background-color:#962E01 ;} .wrap_faq .faq_menu_inner .item .menu.on{background-color:#962E01 ;} .wrap_faq .faq_menu_inner .item .menu.on:after{border-color:#962E01 ;} .ic_arr:after{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .listNone.no_ico, .insLink .listNone.no_ico, .accHistory .historyList .listNone.no_ico, .asGroup .asList .listNone.no_ico{display:flex;justify-content:center;align-items:center;padding-top:0;font-size:17px;line-height:25px;color:#666;} .listNone.no_ico:before{display:none;} .historyList .listNone.no_ico{height:calc(100vh - 560px);margin:64px 0 0 0;padding:0;font-size:15px;line-height:25px;} .topErrPop:not([style*="display: none"],[style*="display:none"]) ~ .accHistory .historyList .listNone.no_ico{height:calc(100vh - 560px);}/* 490px) */ .listNone:not(.no_ico){display:flex;justify-content:center;align-items:center;padding:0;vertical-align:middle;height:calc(100vh - 160px);} .listNone, .insLink .listNone, .accHistory .historyList .listNone, .asGroup .asList .listNone{padding:0;font-size:17px;color:#666;} .listNone:before{display:none;} /* [E] point color =================================================================== */ /* [S] bnk limit =================================================================== */ .limit_hide{display:block;} /* ico */ .btnBack{background-image:url('../img/theme/apfin/bt_back.png?1102');} .btnSet{background-image:url('../img/theme/apfin/bt_set.png?1102');} .btnRef{background-image:url('../img/bt/bt_refresh2.png?1102');background-size:26px auto;} .btnRef.ing{background-image:url('../img/bt/bt_refresh3.png?1102');} @keyframes spinBackwards{ 0% { transform:rotate(0deg); } 100% { transform:rotate(-360deg); } } /* 메인 */ .wrap_time_remind .tit_h2{font-size:19px;} .noti_box{margin-top:20px;margin-bottom:0;} .noti_box .box_bg{padding-top:15px;} .noti_box .box_bg:before{background-color:#962E01 ;opacity:.08;border-radius:12px;} .noti_box .tit{font-size:13px;color:#962E01 !important;} .noti_box .cont{height:13px;margin-top:-2px;} .noti_box .cont .slider .ellipsis{font-size:13px;line-height:17px;} /* 메인 슬라이드 배너 */ .wrap_slider.type_banner{padding-top:29px;} .asset_noti .tit_h2{font-size:21px;line-height:29px;letter-spacing:-1px;} .asset_noti .tit_h2 .num{font-size:21px;} .asset_noti .tit_h2 .tx_s{font-size:16px;} .asset_noti .tit_h2 .tx_cate{display:inline-block;margin-top:5px;} .asset_noti .asset{font-size:21px;letter-spacing:-.5px;line-height:25px;} .asset_noti .asset .num{font-size:24px;} .asset_noti .compare{margin-top:3px;} .asset_noti:before{right:0;} .wrap_slider .slider_container .slick-dots{margin-top:9px;} .wrap_slider.type_banner .slider_container .slick-dots li button{vertical-align:top;margin-top:7px;} /* 메인 계좌 리스트 */ .prdName .orgName{display:inline-block;}/* 계좌 기관명 노출 */ .wrap_assets .asList .wrap_slider .slider_container .slick-dots{display:none !important;} .wrap_assets .asList .wrap_slider .slick-track, .wrap_assets .asList .wrap_slider .slick-list{-webkit-transform:translate3d(0, 0, 0) !important;-moz-transform:translate3d(0, 0, 0) !important;-ms-transform:translate3d(0, 0, 0) !important;-o-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important;} .wrap_assets .asList .wrap_slider .slider_container .slider.slick-cloned{display:none;} .wrap_assets .asList .wrap_slider .slider_container .slider:nth-child(n+3):nth-child(-n+6){display:none;} .wrap_assets .asList .asList_link .btn_txt{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:40px;font-size:13px;color:#666;} .wrap_assets .asList .asList_link .btn_txt:before{content:'';position:absolute;left:20px;top:0;width:calc(100% - 40px);height:1px;background-color:#f2f2f2;} .wrap_assets .asList .asList_link + .list_cate{margin-top:0;} .wrap_assets .asList .asList_link:last-child{margin-bottom:-10px;} /* 캘린더 */ .tab_cntDp1:first-child .calendar_form .sel_form.type_cate{display:none;} /* 카테고리 링크 MA1000 */ .asBanner{padding-left:90px;} .asBanner:before{right:inherit;left:20px;width:52px;} .asBanner:after{content:'';position:absolute;right:20px;top:50%;width:6px;height:11px;margin-top:-6px;background:no-repeat;background-position:100% 50%;background-size:6px auto;background-image:url('../img/ic/ic_arw1.png?1102');} .asBanner .tx{width:calc(100% - 10px);} /* error */ .asGroup .asList .prdName .error{width:17px;height:17px;background-image:url('../img/theme/apfin/ic_err.png?1102');background-size:17px 17px;} .topErrPop .tx:before{margin-top:-10px;width:20px;height:20px;background-size:20px;background-image:url('../img/theme/apfin/ic_err.png?1102');} .tit2_wrap .tx:before{width:17px;height:17px;} .tit2_wrap .tx.err{color:#666;} .tit2_wrap .tx.err:before{vertical-align:middle;margin-top:-4px;background-image:url('../img/theme/apfin/ic_err.png?1102');background-size:17px 17px;} .asset_list .asset_item.err .name:before{vertical-align:middle;margin-top:-4px;width:17px;height:17px;background-image:url('../img/theme/apfin/ic_err.png?1102');background-size:17px 17px;} .ins1LinkLst li .err_msg{width:17px;height:17px;background-image:url('../img/theme/apfin/ic_err.png?1102');background-size:17px 17px;} .ins1LinkLst li.expire .err_msg{width:17px;height:17px;background-image:url('../img/theme/apfin/ic_expire.png?1102');background-size:17px 17px;} .tit2_wrap .tx.expire{color:#666;} .tit2_wrap .tx.expire:before{vertical-align:middle;margin-top:-4px;background-image:url('../img/theme/apfin/ic_expire.png?1102');background-size:17px 17px;} /* [E] bnk limit =================================================================== */ /* [S] 통합조회 =================================================================== */ /* 배너 */ .box_top_all_inq{overflow:auto;margin:0 -20px;padding:0 20px;background-color:#fef0ef;} .ban_main{position:relative;display:flex;align-items:flex-start;min-height:149px;margin-top:12px;padding:8px 0 0 0;} .ban_main:after{content:'';position:absolute;right:0px;bottom:0;width:135px;height:133px;background-image:url('../img/theme/apfin/bg_ban_inq_main.png?1102');background-size:135px 133px;background-repeat:no-repeat;} .ban_main .tx{font-size:20px;line-height:29px;} .ban_main .tx .lg{font-size:24px;} .box_top_all_inq .ban_main{margin:0 0 15px;padding-top:29px;} .box_top_all_inq .ban_main .tx{z-index:2;} .box_top_all_inq .btnRef{background-image:url('../img/theme/apfin/bt_refresh2.png?1102');} .box_top_all_inq .btnRef.ing{background-image:url('../img/theme/apfin/bt_refresh2.png?1102');} /* update */ .wrap_assets_update.all_inq{overflow:hidden;height:55px;margin:20px 0 -5px 0;background-color:#f7f7f7;border-radius:6px;} .wrap_assets_update.all_inq .cate{display:flex;align-items:center;height:55px;padding-left:100px;font-size:15px;font-weight:500;color:#000;background-color:transparent;border-radius:6px;} .wrap_assets_update.all_inq .cate:before{display:none;} .wrap_assets_update.all_inq .cate:after{content:'';position:absolute;left:60px;top:50%;margin-top:-11px;width:21px;height:21px;background-image:url('../img/ic/ic_hourglass.png?1102');background-repeat:no-repeat;background-size:21px 21px;animation:spinUpdate 2s ease-in-out infinite;} @keyframes spinUpdate{ 0% { transform:rotate(0deg); } 100% { transform:rotate(-180deg); } } /* 계좌리스트 */ .wrap_assets.all_inq .asList .list_cate{display:flex;justify-content:space-between;align-items:center;} .wrap_assets.all_inq .asList .list_cate .cate{display:none;padding-left:0;} .wrap_assets.all_inq .asList .list_cate .cate:before{display:none;} .wrap_assets.all_inq .asList .list_cate .assets{height:18px;line-height:18px;padding-right:20px;} .wrap_assets.all_inq .agChkItem .btnFolding{justify-content:flex-end;height:18px;} .wrap_assets.all_inq .asList .list_cate .assets_link{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:20px;} .wrap_assets.all_inq .asList .list_cate .assets_link:after{content:'';display:inline-block;position:absolute;right:2px;top:50%;margin-top:-5px;width:6px;height:11px;;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;} .wrap_assets.all_inq .asList .list_cate .assets_link .cate_tx{font-size:14px;color:#666;} .wrap_assets.all_inq .asGroup{padding-top:10px;} .wrap_assets.all_inq .asGroup:first-child{padding-top:5px;} .wrap_assets.all_inq .asGroup .listTit ~ .asList{margin-bottom:0;padding-bottom:0;} .wrap_assets.all_inq .asList .list_cate{min-height:45px;border-bottom:0;} .wrap_assets.all_inq .asList:not(.expanded) .list_cate{background-color:#fff;border-radius:6px;} .wrap_assets.all_inq .asGroup .asList .tx{width:100%;} .wrap_assets.all_inq .asGroup .asList .accItem{padding-top:20px;padding-bottom:20px;} .wrap_assets.all_inq .asGroup .asList .accDetail .info{font-size:17px;} .wrap_assets.all_inq .asGroup .asList .accDetail .info + .num{margin-left:3px;} .wrap_assets.all_inq .asGroup .asList .accAmount .multi{display:block;} .wrap_assets.all_inq .asGroup .asList .accAmount .multi + .multi{margin-top:3px;} .wrap_assets.all_inq .asGroup .asList .accAmount .unit_amo{font-size:17px;font-weight:400;margin-left:1px;} .wrap_assets.all_inq .asGroup .asList .crdType{position:relative;padding-bottom:5px;padding-left:10px;font-size:15px;color:#666;line-height:1;} .wrap_assets.all_inq .asGroup .asList .crdType:before{content:'';position:absolute;left:0;top:4px;width:2px;height:2px;background-color:#000;} .wrap_assets.all_inq .asGroup .listTit h3 > em:after{display:none;} .wrap_assets.all_inq .asList .list_cate .assets .num{font-size:17px;} .wrap_assets .asList .list_cate{padding:13px 20px;} .wrap_assets.all_inq .asList .list_cate .cate{display:inline-block;vertical-align:middle;} .line_dash2{position:relative;} .line_dash2:before{content:'';position:absolute;left:0px;top:0;width:100%;height:1px;background-image:url('../img/bg/bg_dash_line2.png?1102');background-repeat:repeat-x;background-size:6px 1px;} .wrap_assets.all_inq .accInfo.line_dash2{margin-top:25px;padding-top:25px;} .wrap_assets.all_inq .asset_link .has_ci{display:flex;align-items:center;} .wrap_assets.all_inq .asset_link .im{display:inline-block;position:relative;width:46px;height:15px;margin-right:5px;} .wrap_assets.all_inq .asset_link .im img{width:46px;height:15px;} /* 계좌리스트 텍스트 간격 */ .wrap_assets.all_inq .asGroup .asList .prdName{line-height:25px;font-size:17px;} .wrap_assets.all_inq .asGroup .asList .accDetail{margin-top:5px;line-height:18px;font-size:15px;} .wrap_assets.all_inq .asGroup .asList .accDetail .num{line-height:18px;font-size:15px;color:#666;} .wrap_assets.all_inq .asGroup .asList .accAmount{margin-top:17px;font-size:19px;color:#000;text-align:right;vertical-align:middle;} .wrap_assets.all_inq .asGroup .asList .accAmount .num{font-size:22px;color:#000;} /* 메인 이미지 배너 */ .wrap_assets.all_inq .asGroup .asList.type_main_ban{overflow:hidden;padding:0;border:0;} .wrap_assets.all_inq .asGroup .asList.type_main_ban > a{display:flex;min-height:120px;} .wrap_assets.all_inq .asGroup .asList.type_main_ban > a img{display:block;width:100%;height:auto;} /* 상세 */ .tBalance.report .btn_trans{display:flex;justify-content:flex-end;margin:5px 0 -20px 0;} .asGroup.myCard{padding-top:0;} .asGroup.myCard .asList{border:0;} .asGroup.myCard .asList .accItem{padding:0;} .asGroup.myCard .asList .accItem .prdName{font-size:21px;color:#000;} .asGroup.myCard .asList .accItem .accInfo{margin-top:12px;font-size:14px;color:#666;} .asGroup.myCard .asList .accItem .accInfo span ~ span{margin-left:5px;} .accDetailList .itemData .accInfo .btnBl3{margin-top:7px;} .asGroup.myCard + .listTit{margin-top:47px;} /* 마이페이지 추가 [이은숙#2022.04.26] */ .wrap_trans_info .top_alert_box .tx{font-size:13px; line-height:19px;} /* [S] 2022-05 알고하는 동의 */ .org_list_certi label.prdChkItem input[type=checkbox]:checked + i{background-image:url('../img/theme/apfin/ic_ck_prd_certi_on.png?1102');} .wrap_rdo_tab .agree_item label span{line-height:inherit;} .wrap_rdo_tab .agree_chk label input[type=radio]:checked + i {background-image:none;background-color:#fff;border:2px solid #962E01 } .wrap_rdo_tab .agree_item.optional label input[type=radio]:checked + i {background-image:none;background-color:#fff;border:2px solid #962E01 } .wrap_rdo_tab .agree_chk label input[type=radio]:checked + i + span{font-weight:700;color:#962E01 ;} .wrap_rdo_tab .agree_item.optional label input[type=radio]:checked + i + span {font-weight:700;color:#962E01 ;} /* [E] 2022-05 알고하는 동의 */ /* [S] 2022-08 */ .layer_bottomsheet .layer_inner .layer_footer button.btnBl4{background:#f2f2f2;color:#000;} /* [E] 2022-08 */ /* [S] notch */ .fix_bottom{bottom:calc(-57px - env(safe-area-inset-bottom) / 2);} .dock_bar{height:calc(57px + env(safe-area-inset-bottom) / 2) !important;} .btn_step .btnBl1.wide{ align-items:flex-start; padding-top:18px; padding-bottom:calc(20px + env(safe-area-inset-bottom) * 0.7) !important; line-height:19px; } a.btnBl1.wide i.more{margin-top:5px;} .layer_bottomsheet .layer_inner .layer_footer button, .layer_bottomsheet .layer_inner .layer_footer a{height:calc(45px + (env(safe-area-inset-bottom)) * 0.3) !important;padding-bottom:calc((env(safe-area-inset-bottom)) * 0.3) !important;} /* [E] notch */ /* [S] input 활성화 */ .inputEmail input[type="text"]:focus {border:solid #962E01; border-width:0 0 1px;} .set_list .inp_box:focus {border:solid #962E01; border-width:0 0 1px;} .editName input[type="text"]:focus {border:solid #962E01; border-width:0 0 1px;} .item input[type="password"]:focus {border:solid #962E01; border-width:0 0 1px;} .inp_line.on {border-bottom:1px solid #962E01;} .selPeriod.on {border-bottom:1px solid #962E01;} /* [E] input 활성화 */ /* [E] 통합조회 =================================================================== */ /* [S] 2023 ====================================================================== */ /* common */ .header{position:sticky;top:0;background-color:#fff;z-index:11;} .header .btnClose{width:55px;} .header .btnClose:before{width:16px;height:16px;margin:-8px 0 0 -8px;background-image:url('../img/theme/apfin/bt_close_lg.png?1102');background-size:auto 16px;} .content{padding-bottom:30px;} .container.has_fullsheet .content{padding-bottom:64px !important;} .content > .sub_header{position:sticky;top:55px;margin:0 -20px;padding:0 20px;background-color:#fff;z-index:11;overflow:hidden;} .content > .sub_header.not_header{top:0;} .dim:not([style*="opacity:0"],[style*="opacity:0"]) + .dim{display:none;} a.btnBl, a.btnLine{position:relative;display:flex;align-items:center;justify-content:center;height:45px;padding:2px 0 0 0;font-weight:400;font-size:15px;line-height:1;border-radius:6px;} a.btnBl.link{font-size:13px;background-color:#f2f2f2;} a.btnBl.link .ico_link{display:inline-block;width:6px;height:100%;margin-left:10px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;background-position:0 center;} a.btnBl.link .ico_expand{display:inline-block;width:16px;height:16px;margin-left:6px;background-image:url('../img/theme/apfin/ic_sel_down.png?1102');background-repeat:no-repeat;background-size:16px auto;background-position:0 center;} a.btnBl.btnEdit{color:#424242;background-color:#f7f7f7;} a.btnBl.btnEdit:before{content:'';position:relative;display:inline-block;margin-top:-3px;margin-right:5px;width:16px;height:16px;background-image:url('../img/theme/apfin/ic_pen2.png?1102');background-repeat:no-repeat;background-size:16px auto;} a.btnBl.btnEdit.gray{color:#866AE1;background-color:#EFECF7;} a.btnBl.btnPlus{color:#fff;background-color:#962E01;} a.btnBl.btnPlus:before{content:'+';position:relative;display:inline-block;margin-top:-2px;margin-right:4px;} a.btnLine{color:#424242;border:1px solid #ddd;} a.btnLine.btnPlus:before{content:'+';position:relative;display:inline-block;margin-top:-2px;margin-right:4px;} a.btnLine.btnEdit:before{content:'';position:relative;display:inline-block;margin-top:-3px;margin-right:5px;width:20px;height:20px;background-image:url('../img/theme/apfin/ic_pen.png?1102');background-repeat:no-repeat;background-size:20px auto;} .sBtn .tx{display:inline-flex;justify-content:center;align-items:center;padding:2px 15px 0;line-height:1;font-size:12px;height:28px;background:#f2f2f2;border-radius:6px;} .link_a{position:relative;display:block;width:100%;height:100%;} .link_a .ico_link{position:relative;} .link_a .ico_link:after{content:'';position:absolute;right:-15px;top:0;width:6px;height:100%;margin-left:10px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;background-position:0 center;} .tx.light{color:#777;} .upLoading.circleBar{margin:26px 0;} .tabs_wrap .upLoading.circleBar{margin:0 0;} .header ~ .container .content > .upLoading.circleBar:first-of-type{margin-top:26px;} .content.taxContent .upLoading.circleBar{margin-top:100px !important;} .ico_sel_down:before{content:'';background-size:11px auto;margin-top:1px;} .ico_sel_down:after{display:none;} .ico_gls{width:100px;height:100px;background-position:center;background-repeat:no-repeat;background-size:100px auto;} .ico_gls.alert{background-image:url('../img/theme/apfin/ic_gls_alert.png?1102');} .btn_more_ask .ico_ask{background-image: url('../img/ic/ic_ask_gray.png?1102');} .ico{position:relative;} .ico:before{background-repeat:no-repeat;} .ico.qmark{height:90px;} .ico.qmark:before{content:'';position:absolute;left:0;top:0;width:100%;height:90px;background-image:url('../img/theme/apfin/ic_main_qmark.png?1102');background-size:auto 90px;background-position:center;} .cateblck_desc + .ico.qmark{margin-top:30px;} .accHistory.common .historyList .time .tx{display:inline-block;margin-right:5px;margin-left:7px;} .ic_rate{position:relative;display:inline-block;width:9px;height:5px;} .ic_rate:before{content:'';position:absolute;left:0;top:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:5px solid #F44336;border-right:5px solid transparent;transform:rotate(-90deg);} .ic_rate.down:before{top:-1px;border-left:5px solid #2196F3;transform:rotate(90deg);} .tabs_sel_wrap{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:6px;background-color:#f2f2f2;border-radius:6px;} .tabs_sel_wrap .tabs_sel{display:flex;justify-content:center;align-items:center;width:50%;height:43px;color:#666;font-size:17px;border-radius:6px;} .tabs_sel_wrap .tabs_sel.on{color:#fff;background-color:#962E01;} .btnRefresh{display:inline-block;vertical-align:middle;width:24px;height:24px;background-image:url('../img/theme/apfin/bt_refresh2.png?1102');background-repeat:no-repeat;background-position:center;background-size:24px auto;overflow:hidden;} .guide_tx{margin-top:4px} .guide_tx .tx{font-size:14px;line-height:21px;color:#aaa;} .set_amount + .guide_tx{margin-top:10px} .tab_certi .tabs_header, .tabSetting .tabs_header{z-index:12;} .listNoneBox{padding:70px 0;} .listNoneBox:last-child{padding:70px 0 40px;} .fin_history ~ .listNoneBox:last-child{padding:30px 0;} .accHistory .rangeCtrl button{position:relative;} .accHistory .rangeCtrl .btnPrev, .accHistory .rangeCtrl .btnNext{width:16px;height:16px;margin:0 20px 0 0;padding:0 0 0 0;} .accHistory .rangeCtrl .btnNext{margin:0 0 0 20px;} .accHistory .rangeCtrl .btnPrev:before, .accHistory .rangeCtrl .btnNext:before{width:16px;height:16px;position:absolute;left:0;top:0;margin-top:0px;margin-left:0px;background-image:url('../img/theme/apfin/ic_arw_ctrl_l.png?1102');background-size:auto 16px;background-position:50% 50%;} .accHistory .rangeCtrl .btnNext:before{background-image:url('../img/theme/apfin/ic_arw_ctrl_r.png?1102');} .accHistory .rangeCtrl .btnPrev.disable:before{background-image:url('../img/theme/apfin/ic_arw_ctrl_l_disable.png?1102');} .accHistory .rangeCtrl .btnNext.disable:before{background-image:url('../img/theme/apfin/ic_arw_ctrl_r_disable.png?1102');} .accHistory .rangeCtrl .range{line-height:17px;} .visHidden{visibility:hidden;} .bl_disc{display:inline-block;position:relative;padding:0 0 0 13px;} .bl_disc:before{content:'';position:absolute;left:4px;top:10px;width:2px;height:2px;background-color:#666;} .bl_tip{display:inline-block;position:relative;padding:0 0 0 18px;font-size:15px;line-height:22px;font-weight:400;} .bl_tip:before{content:'※';position:absolute;left:0px;top:0px;font-size:15px;line-height:22px;} .bg_inspaction{margin-top:80px;background-image:url('../img/theme/apfin/bg_inspection.png?1102');background-size:auto 80px;background-position:center 0;} .layer_popup.type_event .event_box.type_x1200:before{background-image:url('../img/theme/apfin/event_x1200_cont01.png?1102');} .tit2_wrap.has_tit2_visual:before{background-image:url('../img/theme/apfin/bg_certi_tit2_visual_finance.png?1102');} .layer_popup.type2 .layer_inner{padding-top:14px;padding-bottom:80px;} .layer_popup.type2 .layer_inner .tx_01{display:block;margin-top:6px;} .layer_bottomsheet .layer_inner .layer_cont{padding-bottom:30px;} .layer_bottomsheet .layer_inner .layer_cont .bg_box{display:flex;justify-content:center;align-items:center;width:100%;min-height:56px;text-align:center;margin-top:-20px;padding:2px 16px 0;border-radius:10px;background-color:#f2f2f2;} .layer_bottomsheet .layer_inner .layer_cont .bg_box .tx{font-size:15px;color:#666;line-height:24px;font-weight:700;} .wrap_complete .ico_ckmark, .wrap_complete .ico_complete, .wrap_complete2 .ico_confirm{width:80px;height:80px;margin:80px auto;background-image:url('../img/theme/apfin/ic_complete_ok.png?1102');background-size:80px auto;background-repeat:no-repeat;} .wrap_complete .ico_fail, .wrap_complete .ico_complete.fail, .wrap_complete2 .ico_cancel{width:80px;height:80px;margin:80px auto;background-image:url('../img/theme/apfin/ic_complete_fail.png?1102');background-size:80px auto;background-repeat:no-repeat;} .confirm_txt + div[class*=ico_], .tit2_wrap + .wrap_complete{margin-top:80px;} .wrap_box_guide.type_naver .box_guide:nth-child(1):before{background-image:url('../img/theme/apfin/bg_certi_naver_01.png?1102');} .wrap_box_guide.type_naver .box_guide:nth-child(2):before{background-image:url('../img/theme/apfin/bg_certi_naver_02.png?1102');} .wrap_box_guide.type_naver .box_guide:nth-child(3):before{background-image:url('../img/theme/apfin/bg_certi_naver_03.png?1102');} .loading_bar{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.7);z-index:5000;pointer-events:none;} /* [S] 자산리포트 */ .tBalance.report{padding-top:30px;padding-bottom:0px;} .tBalance.report .tBaltit{display:flex;align-items:center;justify-content:flex-start;font-size:18px;line-height:25px;} .tBalance.report .tBaltit .flag{display:flex;align-items:center;justify-content:center;height:22px;margin:0 0 0 7px;padding:2px 10px 0;border-radius:6px;color:#fff;background-color:#e1e1e1;} .tBalance.report .tBaltit .flag.red{background:rgba(245, 77, 77, 0.1);} .tBalance.report .tBaltit .flag.red .tx{display:inline-block;font-size:11px;line-height:16px;color:#cb2b11;} .tBalance.report .btnRef{top:28px;} .tBalance.report .tBalAmount{margin-top:4px;height:31px;font-size:24px;line-height:31px;} .tBalance.report .tBalAmount .amount{font-size:30px;line-height:28px;} .tBalance.report .tBalAmount .amount + .unit{margin-left:1px;} .tBalance.report .tBalAmount .unit{font-size:28px;line-height:31px;vertical-align:middle;} .tBalance.report .btn_more_ask{margin-left:4px;} .tBalance.report .compare{display:inline-block;position:relative;margin-top:2px;font-size:14px;line-height:25px;font-weight:400;} .tBalance.report .compare:after{content:'';position:absolute;right:-24px;top:50%;margin-top:-12px;width:24px;height:24px;background-image:url('../img/theme/apfin/emj_laugh.png?1102');background-size:24px auto;animation-iteration-count:infinite;animation-duration:1.5s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:emj-rotate-ani-1;} .tBalance.report .compare.plus:after{background-image:url('../img/theme/apfin/emj_happy.png?1102');} .tBalance.report .compare.minus:after{background-image:url('../img/theme/apfin/emj_sad.png?1102');} .tBalance.report .compare.same:after{background-image:url('../img/theme/apfin/emj_wink.png?1102');} .tBalance.report .compare.clap:after{background-image:url('../img/theme/apfin/emj_clap.png?1102');} .tBalance.report .compare .rate{position:relative;margin:0 2px 0 6px;} .tBalance.report .compare .rate:before{display:none;content:'';position:absolute;left:0;top:0;margin-top:-1px;width:0;height:0;border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:9px solid #666;border-right:9px solid transparent;transform:rotate(-90deg)} .tBalance.report .compare .rate.minus:before{top:inherit;bottom:0;transform:rotate(90deg);} /* [S] assets-graph-bar */ .tBalance.report + .assets-graph-bar{margin-top:15px;} .assets-graph-bar{position:relative;padding:63px 20px 37px;background-color:#f2f2f2;border-radius:6px;} .assets-graph-bar .inner{position:relative;} .assets-graph-bar .graph{overflow:hidden;position:relative;width:100%;height:20px;border-radius:25px;background-color:#fff;border-radius:12px;} .assets-graph-bar .graph > p{position:absolute;left:0;top:0;display:flex;align-items:center;width:0;height:20px;border-radius:25px;transition:all 1s ease-in-out;} .assets-graph-bar .graph .acc{z-index:3;background:#cb2b11;justify-content:flex-start;transition-delay:.2s;} .assets-graph-bar .graph .sav{z-index:2;background:#E08070;justify-content:center;transition-delay:.8s;} .assets-graph-bar .graph .loan{z-index:1;background:#F5D5CF;justify-content:flex-end;transition-delay:1.4s;} /* assets-graph-bar typeC */ .tBalance.report + .assets-graph-bar.typeC{margin-top:20px;} .assets-graph-bar.typeC{padding:0;background:none;} .assets-graph-bar.typeC .graph{height:28px;border-radius:6px;} .assets-graph-bar.typeC .graph > p{height:28px;border-radius:0;} .assets-graph-bar.typeC .graph .acc{background:#4E63FF;border-right:2px solid #fff;} .assets-graph-bar.typeC .graph .sav{background:#39C878;border-right:2px solid #fff;} .assets-graph-bar.typeC .graph .loan{background:#F652B1;} /* 그래프 퍼센트 */ .assets-graph-bar .graph-rate{position:absolute;left:0;top:0;width:100%;height:20px;} .assets-graph-bar .graph-rate > p{position:relative;} .assets-graph-bar .graph-rate > p .ratio{z-index:4;opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;bottom:8px;width:36px;height:20px;font-size:12px;line-height:17px;color:#fff;background-color:#000;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-name:assets-graph-bar-ratio-txt;} @keyframes assets-graph-bar-ratio-txt {from{opacity:0;bottom:8px;}to{opacity:1;bottom:13px;}} .assets-graph-bar .graph-rate .acc .ratio{left:0;margin-left:0px;animation-delay:.6s;} .assets-graph-bar .graph-rate .sav .ratio{right:0;margin-right:-15px;animation-delay:1.6s;} .assets-graph-bar .graph-rate .loan .ratio{right:0;margin-right:0px;animation-delay:2.6s;} .assets-graph-bar .graph-rate > p .ratio:after{ content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;width:0;height:0; border-bottom:3px solid transparent; border-top:3px solid transparent; border-left:5px solid #000; border-right:5px solid transparent; transform:rotate(90deg);} /* 미연동시 */ .assets-graph-bar .no-sync-rate{visibility:hidden;} .assets-graph-bar.no-sync .no-sync-rate{visibility:visible;} .assets-graph-bar .no-sync-rate .ratio{left:0;} .assets-graph-bar.no-sync .acc, .assets-graph-bar.no-sync .sav, .assets-graph-bar.no-sync .loan{display:none;} .assets-graph-bar .graph-label{margin-top:10px;height:0;text-align:right;} .assets-graph-bar .graph-label .price{line-height:19px;} .assets-graph-bar .graph-label .txt{display:inline-block;} .assets-graph-bar .graph-label .num{display:inline-block;width:30px;} .assets-graph-bar .graph-label.inline{display:flex;justify-content:center;} .assets-graph-bar .graph-label.inline p + p{margin-left:30px;} .assets-graph-bar .graph-label.inline p .num{width:inherit;margin-left:5px;} .assets-graph-bar .graph-label .price{position:relative;} .assets-graph-bar .graph-label .price:before{content:'';position:absolute;left:-14px;top:50%;margin-top:-5px;width:10px;height:10px;} .assets-graph-bar .graph-label .acc .price{margin-left:14px;} .assets-graph-bar .graph-label .acc .price:before{background:#cb2b11;justify-content:flex-start;} .assets-graph-bar .graph-label .sav .price:before{background:#E08070;justify-content:center;} .assets-graph-bar .graph-label .loan .price:before{background:#F5D5CF;justify-content:flex-end;} /* [E] assets-graph-bar */ .assets-cate{margin-top:30px;} .assets-cate .cate-list + .cate-list{margin-top:20px;} .assets-cate .cate-list .link{position:relative;display:block;width:100%;height:100%;padding:24px 26px;border:1px solid #ddd;border-radius:6px;} .assets-cate .cate-list .link:before{content:'';position:absolute;left:-1px;top:0;width:8px;height:100%;border-radius:6px 0 0 6px;background:#cb2b11;} .assets-cate .cate-list.type-sav .link:before{background:#E08070;} .assets-cate .cate-list.type-loan .link:before{background:#F5D5CF;} .assets-cate .cate-list.type-etc .link:before{background:#ddd;} .assets-cate .cate-list .tit-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;} .assets-cate .cate-list .tit-wrap .tit{font-size:18px;line-height:27px;} .assets-cate .cate-list .tit-wrap .cont{padding-right:19px;} .assets-cate .cate-list .tit-wrap .cont:after{content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:6px;height:11px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;} .assets-cate .cate-list .tit-wrap .cont .price{font-size:17px;line-height:25px;} .assets-cate .cate-list .tit-wrap .cont .price .num{margin-right:1px;font-size:20px;line-height:25px;} .assets-cate .cate-list .tit-wrap .cont .tx{font-size:17px;line-height:25px;color:#666;} .assets-cate .cate-list .item-wrap{margin-top:10px;} .assets-cate .cate-list .item-wrap .item + .item{margin-top:2px;} .assets-cate .cate-list .item-wrap .item{font-size:14px;line-height:21px;text-align:right;color:#666;} .assets-cate .cate-list .item-wrap .item .num{font-size:15px;line-height:20px;margin-left:10px;color:#cb2b11;} /* [S] assets-cate-type1 */ .assets-cate-type1{margin-top:20px;padding:20px 20px 0;border:1px solid #ddd;border-radius:10px;} .assets-cate-type2 .assets-cate-tit{font-size:16px;line-height:25px;} .assets-cate-type1 .cate-list .link{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:20px 0;border:0;border-radius:0;} .assets-cate-type1 .cate-list + .cate-list{border-top:1px solid #ddd;} .assets-cate-type1 .cate-list .link:before{display:none;} .assets-cate-type1 .cate-list .im{width:52px;padding-right:12px;} .assets-cate-type1 .cate-list .im img{width:40px;height:40px;} .assets-cate-type1 .cate-list .cate-list-info{display:flex;flex-wrap:wrap;width:calc(100% - 52px);} .assets-cate-type1 .cate-list .cate-list-info .info-tit{display:flex;width:100%;align-items:center;justify-content:space-between;} .assets-cate-type1 .cate-list .cate-list-info .tit{font-size:14px;line-height:17px;color:#1d1d1d;} .assets-cate-type1 .cate-list .cate-list-info .price-wrap{position:relative;padding-right:14px;} .assets-cate-type1 .cate-list .cate-list-info .price-wrap:after{content:'';position:absolute;right:0;top:50%;margin-top:-5px;width:6px;height:10px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:auto 10px;opacity:.8;} .assets-cate-type1 .cate-list .cate-list-info .price-wrap .price{font-size:13px;line-height:19px;} .assets-cate-type1 .cate-list .cate-list-info .price-wrap .price .num{margin-right:2px;font-size:15px;line-height:20px;color:#1d1d1d;font-weight:700;} .assets-cate-type1 .cate-list .info-item{display:flex;width:100%;margin-top:3px;} .assets-cate-type1 .cate-list .info-item .item{font-size:11px;line-height:15px;font-weight:400;color:#666;} .assets-cate-type1 .cate-list .info-item .item + .item{margin-left:2px;} .assets-cate-type1 .cate-list .info-item .item .num{margin-left:3px;} /* [E] assets-cate-type1 */ /* [S] assets-cate-type2 */ .assets-cate-type2{margin-top:20px;} .assets-cate-type2 .assets-cate-tit{font-size:18px;line-height:25px;} .assets-cate-type2 .cate-list .link{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:15px;padding:16px 12px 16px 16px;border:1px solid #ddd;border-radius:12px;} .assets-cate-type2 .cate-list.type-acc .link, .assets-cate-type2 .cate-list.type-car .link{margin-top:20px;} .assets-cate-type2 .cate-list .link:before{content:'';position:absolute;right:12px;top:19px;width:16px;height:16px;background-image:url('../img/theme/apfin/ic_arw_ctrl_r.png?1102');background-size:16px 16px;background-repeat:no-repeat;} .assets-cate-type2 .cate-list .link + .link{margin-top:10px;} .assets-cate-type2 .cate-list .im{width:44px;padding-right:8px;} .assets-cate-type2 .cate-list .im img{width:36px;height:36px;} .assets-cate-type2 .cate-list .cate-list-info{display:flex;flex-wrap:wrap;width:calc(100% - 44px);} .assets-cate-type2 .cate-list .cate-list-info .info-tit{display:flex;width:100%;align-items:center;justify-content:space-between;} .assets-cate-type2 .cate-list .cate-list-info .tit{font-size:16px;line-height:20px;color:#1d1d1d;} .assets-cate-type2 .cate-list .cate-list-info .price-wrap{position:relative;padding-right:21px;} .assets-cate-type2 .cate-list .cate-list-info .price-wrap:after{display:none;content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:6px;height:11px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;} .assets-cate-type2 .cate-list .cate-list-info .price-wrap .price{display:flex;justify-content:center;font-size:17px;line-height:20px;} .assets-cate-type2 .cate-list .cate-list-info .price-wrap .price .num{margin-right:2px;font-size:17px;font-weight:500;line-height:20px;color:#1d1d1d;} .assets-cate-type2 .cate-list .info-item{display:flex;flex-wrap:wrap;width:100%;} .assets-cate-type2 .cate-list .info-item .item{margin-top:8px;margin-right:4px;font-size:10px;line-height:14px;font-weight:400;color:#424242;padding:3px 6px;background-color:#f2f2f2;border-radius:6px;} .assets-cate-type2 .cate-list .info-item .item .num{margin-left:2px;} /* [E] assets-cate-type2 */ /* [S] assets-cate-type3 */ .assets-cate-type3{margin-top:20px;} .assets-cate-type3 .assets-cate-tit{font-size:18px;line-height:25px;} .assets-cate-type3 .cate-list .link{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:16px;} .assets-cate-type3 .cate-list .link:before{display:none;} .assets-cate-type3 .cate-list + .cate-list{margin-top:10px;} .assets-cate-type3 .cate-list .im{width:52px;padding-right:12px;} .assets-cate-type3 .cate-list .im img{width:40px;height:40px;} .assets-cate-type3 .cate-list .cate-list-info{display:flex;flex-wrap:wrap;width:calc(100% - 52px);} .assets-cate-type3 .cate-list .cate-list-info .info-tit{display:flex;width:100%;align-items:center;justify-content:space-between;} .assets-cate-type3 .cate-list .cate-list-info .tit{font-size:16px;line-height:20px;color:#1d1d1d;} .assets-cate-type3 .cate-list .cate-list-info .price-wrap{position:relative;padding-right:0px;} .assets-cate-type3 .cate-list .cate-list-info .price-wrap:after{display:none;content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:6px;height:11px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;} .assets-cate-type3 .cate-list .cate-list-info .price-wrap .price{font-size:14px;line-height:21px;} .assets-cate-type3 .cate-list .cate-list-info .price-wrap .price .num{margin-right:2px;font-size:17px;line-height:20px;color:#1d1d1d;} .assets-cate-type3 .cate-list .info-item{display:flex;width:100%;margin-top:5px;} .assets-cate-type3 .cate-list .info-item .item{font-size:11px;line-height:15px;font-weight:400;color:#666;} .assets-cate-type3 .cate-list .info-item .item + .item{margin-left:2px;} .assets-cate-type3 .cate-list .info-item .item .num{margin-left:3px;} /* [E] assets-cate-type3 */ /* [S] assets-cate-type4 */ .assets-graph-bar.typeC + .assets-cate-type4{margin-top:40px;} .assets-cate-type4 .assets-cate-tit{font-size:18px;line-height:25px;} .assets-cate-type4 .cate-list .link{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:20px 0;} .assets-cate-type4 .cate-list .link:before{display:none;} .assets-cate-type4 .cate-list .link + .link{margin-top:10px;} .assets-cate-type4 .cate-list .im{width:52px;padding-right:12px;} .assets-cate-type4 .cate-list .im img{width:40px;height:40px;} .assets-cate-type4 .cate-list .cate-list-info{display:flex;flex-wrap:wrap;width:calc(100% - 52px);} .assets-cate-type4 .cate-list .cate-list-info .info-tit{display:flex;width:100%;align-items:center;justify-content:space-between;} .assets-cate-type4 .cate-list .cate-list-info .tit{font-size:16px;line-height:20px;color:#1d1d1d;} .assets-cate-type4 .cate-list .cate-list-info .price-wrap{position:relative;padding-right:19px;} .assets-cate-type4 .cate-list .cate-list-info .price-wrap:after{content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:6px;height:11px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;} .assets-cate-type4 .cate-list .cate-list-info .price-wrap .price{font-size:14px;line-height:21px;} .assets-cate-type4 .cate-list .cate-list-info .price-wrap .price .num{margin-right:2px;font-size:18px;line-height:23px;color:#1d1d1d;} .assets-cate-type4 .cate-list .info-item-wrap{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:1px;} .assets-cate-type4 .cate-list .info-item-wrap .info-rate{width:40px;font-size:14px;line-height:19px;} .assets-cate-type4 .cate-list.type-acc .info-item-wrap .info-rate{color:#4E63FF;} .assets-cate-type4 .cate-list.type-sav .info-item-wrap .info-rate{color:#39C878;} .assets-cate-type4 .cate-list.type-loan .info-item-wrap .info-rate{color:#F652B1;} .assets-cate-type4 .cate-list.type-etc .info-item-wrap .info-rate{color:#777777;} .assets-cate-type4 .cate-list .info-item{text-align:right;width:calc(100% - 40px);padding-right:20px;} .assets-cate-type4 .cate-list .info-item .item{display:inline-block;font-size:11px;line-height:15px;font-weight:400;color:#666;} .assets-cate-type4 .cate-list .info-item .item + .item{margin-left:2px;} .assets-cate-type4 .cate-list .info-item .item .num{margin-left:3px;} /* [E] assets-cate-type4 */ /* [S] typeD */ .as-report{margin:0 -20px;padding:0 20px;background-color:#F3F6FA;} /* [S] assets-cate-type5 */ .tBalance.report + .assets-cate-type5{margin-top:40px;} .assets-cate-type5{padding-bottom:20px;} .assets-cate-type5 .assets-cate-tit{font-size:18px;line-height:25px;} .assets-cate-type5 .cate-list{margin-top:15px;background-color:#fff;border-radius:10px;box-shadow:0px 9.01408px 18.0282px rgba(138, 149, 158, 0.2);} .assets-cate-type5 .cate-list:first-child{margin-top:10px;} .assets-cate-type5 .cate-list .link{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:20px;} .assets-cate-type5 .cate-list .link:before{display:none;} .assets-cate-type5 .cate-list .im{width:52px;padding-right:12px;} .assets-cate-type5 .cate-list .im img{width:40px;height:40px;} .assets-cate-type5 .cate-list .cate-list-info{display:flex;flex-wrap:wrap;width:100%;} .assets-cate-type5 .cate-list .cate-list-info .info-tit{display:flex;width:100%;align-items:flex-start;justify-content:space-between;height:22px;} .assets-cate-type5 .cate-list .cate-list-info .tit{font-size:15px;line-height:1;color:#000;} .assets-cate-type5 .cate-list .cate-list-info .info-rate{font-size:17px;line-height:22px;} .assets-cate-type5 .cate-list .info-item{width:100%;margin-top:8px;} .assets-cate-type5 .cate-list .info-item .item{display:inline-block;font-size:12px;line-height:15px;font-weight:400;color:#666;} .assets-cate-type5 .cate-list .info-item .item + .item{margin-left:2px;} .assets-cate-type5 .cate-list .info-item .item .num{margin-left:3px;} .assets-cate-type5 .cate-list .cate-list-info .price-wrap{position:relative;width:100%;text-align:right;margin-top:10px;padding-right:0px;} .assets-cate-type5 .cate-list .cate-list-info .price-wrap:after{display:none;content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:6px;height:11px;background-image:url('../img/theme/apfin/ic_arw_gray.png?1102');background-repeat:no-repeat;background-size:6px auto;} .assets-cate-type5 .cate-list .cate-list-info .price-wrap .price{font-size:16px;line-height:24px;} .assets-cate-type5 .cate-list .cate-list-info .price-wrap .price .num{margin-right:2px;font-size:19px;line-height:24px;color:#1d1d1d;} /* graph */ .assets-cate-type5 .info-tit + .cate-graph-bar{margin-top:3px;} .cate-graph-bar{position:relative;width:100%;padding:0;background-color:#f2f2f2;border-radius:6px;} .cate-graph-bar .inner{position:relative;} .cate-graph-bar .graph{overflow:hidden;position:relative;width:100%;height:20px;border-radius:25px;background-color:#fff;border-radius:12px;} .cate-graph-bar .graph > p{position:absolute;left:0;top:0;display:flex;justify-content:flex-start;align-items:center;width:0;height:20px;border-radius:25px;transition:all 1s ease-in-out;transition-delay:.2s;} .cate-list .cate-graph-bar .graph:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#06CA98;opacity:.2;border-radius:25px;opacity:.2;} .cate-list.type-acc .cate-graph-bar .graph:before, .cate-list.type-acc .cate-graph-bar .graph .percentage{background:#06CA98;} .cate-list.type-sav .cate-graph-bar .graph:before, .cate-list.type-sav .cate-graph-bar .graph .percentage{background:#F6BB22;} .cate-list.type-loan .cate-graph-bar .graph:before, .cate-list.type-loan .cate-graph-bar .graph .percentage{background:#5052FC;} .cate-list.type-etc .cate-graph-bar .graph:before, .cate-list.type-etc .cate-graph-bar .graph .percentage{background:#AAAAAA;} /* [E] assets-cate-type5 */ /* [E] typeD */ .assets-graph-bar + .assets-msg{margin-top:30px;} .assets-msg{overflow:hidden;padding:50px 0;animation-iteration-count:1;animation-duration:1.2s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:assets_msg_animation;} @keyframes assets_msg_animation{ from{opacity:0;transform:translateY(40px);} 50%{transform:translateY(-5px);} to{opacity:1;transform:translateY(0px);}} .assets-msg .ico + .msg{margin-top:10px;} .assets-msg .msg{opacity:0;text-align:center;font-size:16px;line-height:24px;font-weight:400;animation-iteration-count:1;animation-duration:1.5s;animation-fill-mode:forwards;transition-timing-function:ease;animation-name:assets_msg_txt_animation;animation-delay:.3s;} @keyframes assets_msg_txt_animation{ from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0px);}} .assets-msg.expand{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:0;padding:0;height:calc(100vh - 197px);} .btnEditWay.report ~ div .assets-msg.expand{height:calc(100vh - 220px);} .assets-msg.expand > p{width:100%;} .tChallenge + .assets-msg.expand{height:calc(100vh - 350px);} .assets-msg .ico{position:relative;width:100%;height:100px;} .assets-msg .ico:before{content:'';position:absolute;left:50%;top:0;width:100px;height:100px;margin:0 0 0 -50px;background-position:center;background-repeat:no-repeat;background-size:100px auto;animation-iteration-count:infinite;animation-duration:3s;animation-fill-mode:forwards;transition-timing-function:ease;animation-delay:1.5s;animation-name:emj_animaition;} .assets-msg .ico.assets-link:before{background-image:url('../img/theme/apfin/ic_gls_plus.png?1102');} .assets-msg .ico.assets-hide:before{background-image:url('../img/theme/apfin/ic_gls_lock.png?1102');} .assets-msg .ico.assets-alert:before{background-image:url('../img/theme/apfin/ic_gls_alert.png?1102');} .assets-msg .ico.assets-search:before{background-image:url('../img/theme/apfin/ic_gls_key.png?1102');} .assets-msg .ico.assets-pig:before{background-image:url('../img/theme/apfin/ic_gls_plus.png?1102');} .assets-msg .ico.assets-key:before{background-image:url('../img/theme/apfin/ic_gls_key.png?1102');} .assets-msg .ico.assets-pen:before{background-image:url('../img/theme/apfin/ic_gls_pen.png?1102');} .assets-msg .ico.each2{width:100px;height:100px;margin:0 auto;animation-name:none;} .assets-msg .ico.each2:before{content:'';display:inline-block;position:absolute;left:50%;margin-left:-42px;top:0;background-position:center;background-repeat:no-repeat;animation-iteration-count:infinite;animation-duration:8s;animation-fill-mode:forwards;transition-timing-function:ease;animation-name:emj_animation_each1;animation-delay:2.5s;} .assets-msg .ico.each2:after{content:'';display:inline-block;position:absolute;right:50%;margin-right:-45px;top:0;background-position:center;background-repeat:no-repeat;animation-iteration-count:infinite;animation-duration:8s;animation-fill-mode:forwards;transition-timing-function:ease;animation-name:emj_animation_each2;animation-delay:3.5s;} .assets-msg .ico.each2.assets-link-each:before{background-image:url('../img/theme/apfin/ic_gls_plus_2.png?1102');width:80px;height:75px;background-size:80px auto;margin-left:-42px;} .assets-msg .ico.each2.assets-link-each:after{background-image:url('../img/theme/apfin/ic_gls_plus_1.png?1102');width:66px;height:66px;background-size:66px auto;margin-top:20px;margin-right:-45px;} .assets-msg .ico.each2.assets-hide-each:before{background-image:url('../img/theme/apfin/ic_gls_lock_2.png?1102');width:60px;height:70px;background-size:60px auto;} .assets-msg .ico.each2.assets-hide-each:after{background-image:url('../img/theme/apfin/ic_gls_lock_1.png?1102');width:86px;height:100px;background-size:86px auto;margin-right:-50px;} @keyframes emj_animation_each1{from{transform:rotate3d(1, 1, 1 ,0deg);}40%{transform:rotate3d(1.5, 1.5, 1.5, -50deg);}80%{transform:rotate3d(1, 1, 1 ,0deg);}to{transform:rotate3d(1, 1, 1 ,0deg);}} @keyframes emj_animation_each2{from{transform:rotate3d(1, 1, 1 ,0deg);}40%{transform:rotate3d(1.5, 1.5, 1.5, 50deg);}80%{transform:rotate3d(1, 1, 1 ,0deg);}to{transform:rotate3d(1, 1, 1 ,0deg);}} /* 그래프 파이 */ .tBalance.report + .assets-graph-pie{margin-top:0px;} .assets-graph-pie{overflow:hidden;display:block;position:relative;height:320px;} .assets-graph-pie .highcharts-data-label-connector{display:none;} .assets-graph-pie .highcharts-data-label > span{overflow:inherit !important;} .assets-graph-pie .chart_label_box{position:relative;display:flex;align-items:center;justify-content:center;height:26px;margin:0px;padding:0 7px;font-size:15px;line-height:1;font-weight:400;color:#fff;background-color:black;border:1px solid #fff;border-radius:20px;} .assets-graph-pie .highcharts-data-label{transition:all .5s ease;} .assets-graph-pie .highcharts-point{opacity:1 !important;} .assets-graph-pie .highcharts-halo{display:none !important;} .assets-graph-pie .highcharts-pie-series .highcharts-point{stroke:#fff;stroke-width:2px;} .assets-graph-pie .chart_disable{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;} .assets-graph-pie #highcharts-screen-reader-region-before-0, .wrap_chart .highcharts-announcer-container, .wrap_chart .highcharts-data-label-connector{display:none;} .assets-graph-pie .graph-label{position:absolute;left:0;bottom:30px;display:flex;justify-content:center;width:100%;text-align:right;} .assets-graph-pie .graph-label .price{line-height:19px;} .assets-graph-pie .graph-label .txt{display:inline-block;font-size:14px;line-height:21px;font-weight:400;} .assets-graph-pie .graph-label .num{display:inline-block;width:30px;} .assets-graph-pie .graph-label p + p{margin-left:28px;} .assets-graph-pie .graph-label .price{position:relative;} .assets-graph-pie .graph-label .price:before{content:'';position:absolute;left:-14px;top:50%;margin-top:-7px;width:12px;height:12px;border-radius:25px;} .assets-graph-pie .graph-label .acc .price{margin-left:14px;} .assets-graph-pie .graph-label .acc .price:before{background:#9F83FB;justify-content:flex-start;}/* 쓸쑤있는 돈 */ .assets-graph-pie .graph-label .sav .price:before{background:#F3AAFF;justify-content:center;}/* 모으는 돈 */ .assets-graph-pie .graph-label .loan .price:before{background:#96D3FF;justify-content:flex-end;}/* 빌린돈 */ .assets-graph-pie .graph-label .car .price:before{background:#9BB1FF;justify-content:flex-end;}/* 자동차 */ .assets-graph-pie .graph-label .estate .price:before{background:#86EB06;justify-content:flex-end;}/* 부동산 */ .assets-graph-pie .graph-label.type2 .acc .price:before{background:#9F83FB;} .assets-graph-pie .graph-label.type2 .sav .price:before{background:#F3AAFF;} .assets-graph-pie .graph-label.type2 .loan .price:before{background:#96D3FF;} .assets-graph-pie .graph-label.type2 .car .price:before{background:#9BB1FF;} .assets-graph-pie .graph-label.type2 .estate .price:before{background:#86EB06;} /* [S] chart_pie_report1 */ .assets-graph-pie .chart_label_box{margin-top:-50px;height:auto;padding:8px 8px 5px;flex-direction:column;color:#000;background-color:#fff;border-radius:8px;border:1px solid #ddd;opacity:0;transform:translate3d(0, 10px, 0) scale(.8, .8);animation-iteration-count:1;animation-duration:.8s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:chart-label-box-ani-1;} @keyframes chart-label-box-ani-1{ from{transform:translate3d(0, 10px, 0) scale(.8);opacity:0;}30%{transform:translate3d(0, -5px, 0) scale(1.1);opacity:1;}60%{transform:translate3d(0, 0, 0) scale(1);opacity:1;}to{transform:translate3d(0, 0, 0) scale(1);opacity:1;}} .assets-graph-pie .chart_label_box.rate_acc{border-color:#9F83FB;} .assets-graph-pie .chart_label_box.rate_sav{border-color:#F3AAFF;} .assets-graph-pie .chart_label_box.rate_loan{border-color:#96D3FF;} .assets-graph-pie .chart_label_box.rate_car{border-color:#9BB1FF;} .assets-graph-pie .chart_label_box.rate_estate{border-color:#86EB06;} .assets-graph-pie .chart_label_box:before{content:'';position:absolute;left:50%;bottom:-15px;margin-left:-9px;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:9px solid #fff;border-right:9px solid transparent;transform:rotate(90deg);z-index:2;} .assets-graph-pie .chart_label_box:after{content:'';position:absolute;left:50%;bottom:-17px;margin-left:-9px;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:9px solid #9F83FB;border-right:9px solid transparent;transform:rotate(90deg);z-index:1;opacity:.2;} .assets-graph-pie .chart_label_box.rate_sav:after{border-color:#F3AAFF;} .assets-graph-pie .chart_label_box.rate_loan:after{border-color:#96D3FF;} .assets-graph-pie .chart_label_box b{display:block;} .assets-graph-pie .chart_label_box b:first-child{font-size:13px;line-height:15px;font-weight:400;} .assets-graph-pie .chart_label_box b:last-child{font-size:20px;line-height:20px;font-weight:500;margin-top:3px;} .assets-graph-pie .chart_label_box b:last-child .unit{font-size:13px;line-height:20px;} /* [E] chart_pie_report1 */ .wrap_assets_update.report{height:auto;} .wrap_assets_update.report:first-child{margin-top:0px;} .wrap_assets_update.report .cate{position:relative;display:block;line-height:25px;height:auto;padding:50px 0;font-size:16px;} .wrap_assets_update.report .cate.type_acc{animation-iteration-count:infinite;animation-duration:2.8s;animation-fill-mode:forwards;animation-timing-function:ease;animation-name:assets-update-animation;} .wrap_assets_update.report .cate.type_acc:before{content:'';left:inherit;top:inherit;display:block;position:relative;width:100%;height:80px;background-image:url('../img/theme/apfin/emj_laugh.png?1102');background-position:center;background-repeat:no-repeat;background-size:80px auto;animation-iteration-count:infinite;animation-duration:2.5s;animation-fill-mode:forwards;transition-timing-function:ease;animation-name:emj_animaition;} @keyframes assets-update-animation {from{opacity:0;bottom:-30px;}30%{opacity:1;bottom:0;}60%{opacity:1;bottom:0;}to{opacity:0;bottom:30px;}} .content .asGroup.report.editList{position:inherit;width:100%;margin-right:0;margin-left:0;} .content .asGroup.report.editList .sortCtrl{visibility:hidden;} .content .asGroup.report.editList .cateGroup + .cateGroup{margin-top:30px;} .content .asGroup.report.editList .cateGroup{overflow:hidden;width:100%;margin-left:0px;padding:0;border:1px solid #ddd;border-radius:10px;} .content .asGroup.report.editList .cateGroup .listTit{margin-bottom:0;padding:20px 20px 18px;} .content .asGroup.report.editList .cateGroup .listTit h3{line-height:27px;} .content .asGroup.report.editList .cateGroup .listTit h3 .num{margin-left:5px;font-size:18px;line-height:23px;color:#962E01;} .content .asGroup.report.editList .agChkItem .btnFolding{top:6px;display:flex;width:16px;height:16px;} .content .asGroup.report.editList .agChkItem .btnFolding:before{width:16px;height:16px;background-size: 16px auto;background-image: url('../img/theme/apfin/ic_acc_up.png?1102');transform:rotate(180deg);} .content .asGroup.report.editList .agChkItem .btnFolding.show:before{transform:rotate(0deg);} .content .asGroup.report.editList .cateGroup .listTit ~ .cateListBox{margin-top:5px;padding-bottom:20px;} .content .asGroup.report.editList .cateList + .cateList{margin-top:20px;} .content .asGroup.report.editList .cateList .cateTit{position:relative;margin:0 20px 5px;padding:12px 15px;background-color:#F2F2F2;border-radius:8px;} .content .asGroup.report.editList .cateList .cateTit:after{display:none;content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd;} .content .asGroup.report.editList .cateList .cateTit .tx{position:relative;font-size:15px;line-height:22px;} .content .asGroup.report.editList .cateList .cateTit .tx:before{display:none;content:'';position:absolute;left:-16px;top:50%;margin-top:-4px;width:6px;height:6px;background-color:#000;border-radius:25px;} .content .asGroup.report.editList .asList{padding:0px;} .content .asGroup.report.editList .asList .accItem{overflow:hidden;justify-content:space-between;align-items:center;height:68px;padding:14px 14px 14px;background-color:#fff !important;}/* 드래그시 보더 2px 여백차감 */ .content .asGroup.report.editList .asList .accItem .accCont{width:calc(100% - 71px);padding-left:6px;} .content .asGroup.report.editList .asList .accItem.realAssets .accCont{width:calc(100% - 30px);} .content .asGroup.report.editList .asList .accItem .agencyWrap{display:flex;justify-content:flex-start;align-items:center;height:28px;} .content .asGroup.report.editList .asList .accItem .agencyWrap .im{position:absolute;left:20px;top:50%;width:24px;min-width:24px;margin-top:-12px;margin-right:6px;} .content .asGroup.report.editList .asList .accItem .agencyWrap .im img{width:24px;height:24px;} .content .asGroup.report.editList .asList .accItem .agencyWrap .agencyName{margin-left:30px;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 33px);} .content .asGroup.report.editList .asList .accItem .agencyWrap .agencyName .name{margin-top:2px;font-size:15px;line-height:22px;letter-spacing:-.2px;} .content .asGroup.report.editList .asList .accName{display:flex;justify-content:flex-start;align-items:center;margin-top:0px;} .content .asGroup.report.editList .asList .accName .name{font-size:16px;line-height:24px;padding-left:30px;} .content .asGroup.report.editList .ctrl{width:71px;top:0;right:0;margin-top:4px;position:relative;justify-content:center;align-items:flex-end;flex-direction:column;} .content .asGroup.report.editList .accItem.realAssets .ctrl{width:30px;} .content .asGroup.report.editList .ctrl .sort-area{width:100%;display:flex;justify-content:flex-end;align-items:center;height:20px;} .content .asGroup.report.editList .btn_switch + .sortChg{margin-left:30px;} .content .asGroup.report.editList .sortChg + .btn_switch{margin-left:10px;} .content .asGroup.report.editList .accItem.realAssets .sortChg + .btn_switch{margin-left:0px;} .content .asGroup.report.editList .btn_switch{display:none;width:30px;height:15px;} .content .asGroup.report.editList .btn_switch .round{background-color:#aaa;box-shadow:none;} .content .asGroup.report.editList .btn_switch input{width:30px;height:15px;} .content .asGroup.report.editList .btn_switch input:checked + .round{background-color:#962E01;} .content .asGroup.report.editList .btn_switch .round:before{left:1px;bottom:1px;width:13px;height:13px;} .content .asGroup.report.editList .btn_switch input:checked + .round:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);} .content .asGroup.report.editList .ctrl .btnHandle{display:block;width:20px;height:20px;background-image:url('../img/theme/apfin/bt_drag.png?1102');background-size:20px auto;background-repeat:no-repeat;background-position:center;} .content .asGroup.report.editList .btn_sel_assets{display:none;} .content .asGroup.report.editList .btn_sel_assets .bt-tx{width:31px;font-size:10px;font-weight:400;color:#666;display:flex;justify-content:center;align-items:center;height:19px;padding:0;border:1px solid #aaa;border-radius:6px;background-color:#fff;} .banner.report{margin-top:20px;padding:0 0px;} .banner.report .ban_link{min-height:75px;padding:20px;background-color:#EFECF7;} .banner.report .ban_link:before{display:none;content:'';left:10px;top:50%;margin-top:-25px;width:50px;height:50px;background-image:url('../img/theme/apfin/ic_main_wallet.png?1102');background-repeat:no-repeat;background-size:50px auto;} .banner.report .ban_link .tit{display:flex;justify-content:flex-start;align-items:center;font-size:14px;line-height:21px;} .banner.report .ban_link .data{margin-top:5px;font-size:12px;line-height:18px;color:#666;} .banner.report .ban_link .data:after{display:none;} .asGroup.editList.report .banner.report .ban_link{min-height:64px;} .banner.report .bl_tip{font-size:14px;} .banner.report .btn_more_ask{margin-left:2px;margin-right:2px;} .banner.report .icoBtnHandle{position:relative;display:inline-block;width:20px;height:20px;margin-right:4px;line-height:21px;} .banner.report .icoBtnHandle:before{content:'';position:absolute;left:0;top:50%;margin:-10px 0 0 0;width:20px;height:20px;line-height:21px;background-image:url('../img/theme/apfin/bt_drag.png?1102');background-size: 20px auto;background-repeat: no-repeat;background-position: center;} /* disable */ .content .asGroup.report.editList .btn_switch.disable{pointer-events:all;} .content .asGroup.report.editList .btn_switch.disable .round{background-color:#eee !important;} .content .asGroup.report.editList .btn_switch.disable .round:before{background-color:#ccc;} /* 숨김 계좌 */ .content .asGroup.report.editList .asList .accItem.hidden .agencyWrap .im{opacity:.5;} .content .asGroup.report.editList .asList .accItem.hidden .accCont{color:#aaa;} .content .asGroup.report.editList .accItem.hidden .ctrl .sortChg{display:block;} .content .asGroup.report.editList .accItem.hidden .tx{text-decoration:none;} /* disable */ .content .asGroup.report.editList .accItem .ctrl .btnHandle.disable{background-image:url('../img/theme/apfin/bt_drag_l.png?1102');pointer-events:none;} .content .asGroup.report.editList .accItem .btn_sel_assets.disable{pointer-events:all;} .content .asGroup.report.editList .accItem .btn_sel_assets.disable .bt-tx{color:#ddd;border-color:#ddd;} /* 자산편집 순서, 분류 선택 */ .btnEditWay{display:flex;justify-content:flex-start;align-items:flex-start;margin:20px 0px 0;} .editList .btnEditWay{margin:0px 0px 0;} .btnEditWay .btn_sel{display:flex;justify-content:center;align-items:center;width:50%;height:40px;padding-top:1px;font-size:14px;color:#666;border:1px solid #ddd;} .btnEditWay .btn_sel:nth-child(odd){border-radius:6px 0 0 6px;} .btnEditWay .btn_sel:nth-child(even){border-radius:0 6px 6px 0;} .btnEditWay .btn_sel.on{color:#962E01;border-color:#962E01;z-index:2;} .btnEditWay .btn_sel + .btn_sel{margin-left:-1px;} .btnEditWay ~ .cateGroup{margin-top:20px;} .btnEditWay.type_class ~ .cateGroup .btn_switch{display:block !important;} .btnEditWay.type_class ~ .cateGroup .btn_sel_assets{display:block !important;} .btnEditWay.type_class ~ .cateGroup .btnHandle{display:none !important;} .btnEditWay.type_class ~ .cateGroup .btn_switch + .sortChg{margin-left:8px !important;} .btnEditWay.type_class ~ .cateGroup .accItem.hidden{pointer-events:all !important;} .main_cateblck .btnEditWay{margin-top:0;margin-bottom:20px;} .main_cateblck .btnEditWay .btn_sel{z-index:2;} .main_cateblck .btnEditWay .btn_sel.on{z-index:3;} /* 자산없음 */ .assets-graph-bar + .listNone.report{margin-top:30px;} .listNone.report{position:relative;padding:130px 20px;color:#000;font-size:16px;line-height:25px;} .listNone.report:before{position:absolute;left:50%;top:50px;width:80px;height:80px;margin-left:-40px;background-image:url('../img/theme/apfin/emj_suprise.png?1102');background-size:80px auto;animation-iteration-count:infinite;animation-duration:4s;animation-fill-mode:forwards;transition-timing-function:ease;animation-name:emj_animaition;} /* [E] 자산리포트 */ /* [S] 금융알리미 */ .calendar_form{position:relative;margin-top:20px;} .calendar_form .sel_form .sel_box{margin-top:0;} .calendar_form .sel_form .sel_box span{font-size:17px;line-height:25px;} .calendar_form .sel_form .sel_box:after{top:2px;background-image:url('../img/theme/apfin/ic_sel_down.png?1102');width:20px;height:20px;background-size:20px auto;} .btn_full_history{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;height:28px;padding:0 15px;background-color:#f2f2f2;border-radius:6px;} .btn_full_history span{font-size:12px;line-height:18px;} /* 월선택 */ .accHistory.customMonth{display:flex;justify-content:space-between;align-items:center;margin:0 -20px;padding:20px 20px 20px;background-color:#fff;z-index:2;} .accHistory.customMonth:before{display:none;} .accHistory.customMonth .topCtrl{display:block;margin-bottom:0;} .accHistory.customMonth .rangeCtrl .btnPrev, .accHistory.customMonth .rangeCtrl .btnNext{width:16px;height:16px;} .accHistory.customMonth .rangeCtrl .btnPrev{margin:0 8px 0 0;} .accHistory.customMonth .rangeCtrl .btnPrev:before, .accHistory.customMonth .rangeCtrl .btnNext:before{width:16px;height:16px;background-size:16px 16px;} .accHistory.customMonth .rangeCtrl .btnPrev.disable:before{background-image:url('../img/theme/apfin/ic_arw_ctrl_l_disable.png?1102');} .accHistory.customMonth .rangeCtrl .btnNext.disable:before{background-image:url('../img/theme/apfin/ic_arw_ctrl_r_disable.png?1102');} .accHistory.customMonth .rangeCtrl .btnNext{margin:0 0 0 8px;} .accHistory.customMonth .rangeCtrl .range{position:relative;display:block;line-height:25px;height:25px;font-size:17px;color:#000;} .accHistory.customMonth .rangeCtrl .range:before{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:#aaa;z-index:-1} .accHistory.customMonth + .total_price{margin-top:10px;} .total_price .price_list{position:relative;display:flex;justify-content:space-between;align-items:center;height:25px;} .total_price .price_list + .price_list{margin-top:8px;} .total_price .price_list .tit{position:relative;} .total_price .price_list .tit:before{display:none;content:'';position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;background-position:center;background-size:24px auto;background-repeat:no-repeat;} .total_price .price_list.plus .tit:before{background-image:url('../img/theme/apfin/ic_calendar_plus.png?1102');} .total_price .price_list.minus .tit:before{background-image:url('../img/theme/apfin/ic_calendar_minus.png?1102');} .total_price .price_list .tit .tx{font-size:17px;line-height:24px;} .total_price .price_list .price{font-size:20px;line-height:24px;} .total_price .price_list.plus .price{color:#CB2B11;} .total_price .price_list.minus .price{color:#000;} .fin_day + .total_price.type_box{margin-top:10px;} .total_price.type_box{padding:12px 20px;border:1px solid #ddd;border-radius:8px;} .total_price.type_box .price_list .price{font-size:17px;} .total_price + .topTotal{margin-top:30px;} .total_price + .fin_list{margin-top:30px;} .fin_label + .total_price{margin-top:20px;} .fin_tit .tx{font-size:18px;line-height:27px;} .fin_reminder .btn_switch_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;} .fin_reminder .btn_switch_wrap .inner{display:flex;justify-content:flex-end;align-items:center;} .fin_reminder .btn_switch_wrap .inner .tx{font-size:13px;line-height:1;} .fin_reminder .btn_switch_wrap .btn_switch{width:30px;height:15px;margin-left:12px;} .fin_reminder .btn_switch_wrap .btn_switch input{width:30px;height:15px;} .fin_reminder .btn_switch_wrap .btn_switch .round{background-color:#aaa;box-shadow:none;} .fin_reminder .btn_switch_wrap .btn_switch .round:before{width:13px;height:13px;left:1px;bottom:1px;} .fin_reminder .btn_switch_wrap .btn_switch input:checked + .round{background-color:#962E01;} .fin_reminder .btn_switch_wrap .btn_switch input:checked + .round:before{transform:translateX(15px);} /* 캘린더 */ .fin_reminder .wrap_cal_tbl{margin:40px -20px 0;overflow:hidden;} .fin_reminder .wrap_cal_tbl .cal_tbl thead th{padding-bottom:14px;} .fin_reminder .wrap_cal_tbl .cal_tbl thead th .day{display:inline-block;height:19px;} .fin_reminder .wrap_cal_tbl .cal_tbl th:first-child .day{color:#666;} .fin_reminder .wrap_cal_tbl .cal_tbl td .num{width:32px;height:32px;font-size:14px;color:#666;} .fin_reminder .wrap_cal_tbl .cal_tbl td .num span{letter-spacing:0px;} .fin_reminder .wrap_cal_tbl .cal_tbl td:first-child .num, .holiday{color:#f44336;} .fin_reminder .wrap_cal_tbl .cal_tbl td .date{position:relative;height:66px;} .fin_reminder .wrap_cal_tbl .cal_tbl td .date.today .num{color:#fff;} .fin_reminder .wrap_cal_tbl .cal_tbl td .date.today2 .num{color:#2196F3;} .fin_reminder .wrap_cal_tbl .cal_tbl td .date.disabled .num{color:#ddd;} .fin_reminder .wrap_cal_tbl .mark{position:absolute;left:0px;top:3px;} .fin_reminder .wrap_cal_tbl .mark .ico_mark{margin:0;} .fin_reminder .wrap_cal_tbl .mark .ico_mark.type_03:before{color:#f44336;background-color:#FFD028;} .fin_reminder .wrap_cal_tbl .today .mark .ico_mark.type_03:before{background-color:#fff;} .fin_reminder .wrap_cal_tbl .assets{position:relative;} .fin_reminder .wrap_cal_tbl .assets span{width:calc(100% + 10px);margin-left:-5px;display:flex;justify-content:center;align-items:center;line-height:12px;word-break:keep-all;} .fin_reminder .wrap_cal_tbl .assets .plus{color:#f44336;font-size:10px;font-weight:400;transform:scale(.8);} .fin_reminder .wrap_cal_tbl .assets .minus{color:#777;font-size:10px;font-weight:400;transform:scale(.8);} .fin_reminder .wrap_cal_tbl .cal_tbl td .date .reminder{display:none;text-align:center;} .fin_reminder .wrap_cal_tbl .cal_tbl td .date .reminder img{width:28px;height:28px;} .fin_reminder .wrap_cal_tbl.only_reminder .cal_tbl td .date .reminder{display:block;} .fin_reminder .wrap_cal_tbl.only_reminder .cal_tbl td .date .mark, .fin_reminder .wrap_cal_tbl.only_reminder .cal_tbl td .date .assets{display:none;} .fin_reminder + .hr_div{margin-top:8px;} .hr_div + .fin_history{padding-top:0;} .fin_history{position:relative;padding-top:20px;} .fin_history .fin_tit + .fin_list_wrap{margin-top:30px;} .fin_history .fin_day + .fin_list_wrap{margin-top:30px;} .fin_history .fin_tit + .fin_list_wrap.type_acc{margin-top:20px;} .fin_history .fin_list_wrap + .fin_list_wrap{margin-top:30px;} .fin_history .fin_list_wrap.type_acc .fin_day{padding-top:10px;} .fin_history .fin_list_wrap.type_acc + .fin_list_wrap.type_acc{margin-top:30px;} .fin_history .fin_list_wrap .listNone.no_ico{padding-bottom:20px;} .fin_history .fin_day .link{display:flex;justify-content:space-between;align-items:center;} .fin_history .fin_day .tx{font-size:17px;line-height:24px;} .fin_history .fin_day .more{position:relative;font-size:13px;line-height:19px;padding-right:21px;} .fin_history .fin_day .more:after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background-image:url('../img/theme/apfin/ic_arw_16.png?1102');background-repeat:no-repeat;background-position:center;background-size:auto 16px;} .fin_history .fin_label .label_txt .txt{height:25px;padding:0 10px; color:#666;font-size:13px;border-color:#aaa;font-weight:400;} .fin_history .fin_label + .fin_list{margin-top:20px;} .fin_history .acc .label_txt .txt{line-height:21px;height:19px;padding:1px 6px 0;font-size:11px;} .fin_tit + .total_price.type_box{margin-top:20px;} .total_price.type_box + .fin_list_wrap.type_acc{margin-top:0px;} .fin_history .fin_label.has_price{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-bottom:10px;border-bottom:1px solid #ddd;} .fin_history .fin_label.has_price .label_price{display:inline-flex;justify-content:flex-end;font-size:15px;line-height:1;} .fin_history .fin_label.has_price .label_price span:not(:first-child){margin-left:16px;} .fin_history .fin_label.has_price .label_price .plus{color:#CB2B11;} .fin_history .fin_label.has_price .label_price .minus{color:#000;} .fin_history + .assets-msg{margin:60px 0;} .fin_history .today + .fin_list_wrap{margin-top:20px;} .fin_history .fin_list_wrap .li_a{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;} .fin_history .fin_list_wrap .li_a + .li_a{margin-top:20px;} .fin_history .fin_list_wrap .li_a .im{display:flex;align-items:center;justify-content:flex-start;width:46px;height:38px;} .fin_history .fin_list_wrap .li_a .im img{margin-top:6px;margin-right:8px;width:32px;height:32px;} .fin_history .fin_list_wrap .li_a .acc{display:flex;align-items:flex-start;justify-content:space-between;width:calc(100% - 46px);} .fin_history .fin_list_wrap.type_acc .li_a .acc{align-items:center;} .fin_history .fin_list_wrap .li_a .acc .tx{width:calc(100% - 130px);} .fin_history .fin_list_wrap.type_acc .li_a .acc .tx{width:calc(100% - 130px);} .fin_history .fin_list_wrap .li_a .acc .tx .name{font-size:15px;line-height:22px;} .fin_history .fin_list_wrap .li_a .acc .tx .detail{display:flex;} .fin_history .fin_list_wrap .li_a .acc .tx .detail .ellipsis{margin-top:4px;font-size:13px;line-height:21px;color:#666;} .fin_history .fin_list_wrap.type_acc .li_a .acc .tx .detail .ellipsis{margin-top:2px;} .fin_history .fin_list_wrap .li_a .acc .tx .detail .ellipsis .time{display:inline-block;margin-right:4px;} .fin_history .fin_list_wrap .li_a .acc .data{position:relative;padding-right:18px;text-align:right;} .fin_history .fin_list_wrap .li_a .acc .data:after{content:'';position:absolute;right:0;top:4px;width:16px;height:16px;background-image:url('../img/theme/apfin/ic_arw_16.png?1102');background-repeat:no-repeat;background-position:center;background-size:16px auto;} .fin_history .fin_list_wrap.type_acc .li_a .acc .data{padding-right:0;} .fin_history .fin_list_wrap.type_acc .li_a .acc .data:after{display:none;} .fin_history .fin_list_wrap .li_a .acc .data .day{display:flex;align-items:center;justify-content:flex-end;font-size:15px;line-height:22px;} .fin_history .fin_list_wrap .li_a .acc .data .day .label_txt{margin-right:6px;} .fin_history .fin_list_wrap .li_a .acc .data .price{margin-top:4px;font-size:13px;line-height:16px;color:#666;word-break:break-all;} .fin_history .fin_list_wrap.type_acc .li_a .acc .data .price{margin-top:0px;font-size:15px;line-height:22px;} .fin_history .fin_list_wrap .li_a .acc .data .price.plus{color:#CB2B11;} .fin_history .fin_list_wrap .li_a .acc .data .price.minus{color:#000;} .fin_history .fin_list_wrap .li_a .acc .data .price.edit{color:#999;} .fin_history .fin_list_wrap .li_a .acc .data .price.cancel{text-decoration:line-through;} .fin_history .fin_list_wrap .btn_wrap{padding-top:20px;padding-bottom:0;} .fin_history .fin_list_wrap a.btnBl4{font-size:13px;background-color:#f2f2f2;} .fin_history .ico_sel_down{margin-left:9px;} .fin_history .ico_sel_down.right:before{margin-top:1px;background-size:10px auto;transform:rotate(-90deg);} .fin_history .today_price{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:8px;} .fin_history .fin_list_wrap + .today_price{margin-top:30px;} .fin_history .today_price .price_list{display:flex;align-items:center;justify-content:space-between;} .fin_history .today_price .price_list + .price_list{margin-top:15px;} .fin_history .today_price .price_list .tit{display:flex;justify-content:center;align-items:center;padding:0 8px;font-size:12px;height:26px;border-radius:16px;} .fin_history .today_price .price_list.plus .tit{background-color:#CB2B11;} .fin_history .today_price .price_list.minus .tit{background-color:#2196F3;} .fin_history .today_price .price_list .tit .tx{line-height:18px;color:#fff;font-weight:400;} .fin_history .today_price .price_list .tit .num{line-height:18px;margin-left:5px;color:#fff;font-weight:400;} .fin_history .today_price .price_list .price{font-size:19px;line-height:24px;} .fin_history .today_price .price_list.plus .price{color:#CB2B11;} .fin_history .today_price .price_list.minus .price{color:#2196F3;} .fin_history .today_price +.fin_list_wrap{margin-top:30px;} /* 카테고리 분류 */ .category_set{padding-top:20px;} .category_set .ck_box{margin-top:8px;} .category_set .ck_box:nth-child(odd){padding-right:4px;} .category_set .ck_box:nth-child(even){padding-left:4px;} .category_set .ck_name{justify-content:flex-start;height:48px;padding:10px 12px;font-size:15px;background:none;color:#000;border:1px solid #ddd;} .category_set .ck_name.on{color:#000;background:none;border-color:#Cb2b11;} .category_set .ck_name .im{width:28px;height:28px;margin-right:8px;} .category_set .ck_name .im img{width:100%;height:100%;} /* [E] 금융알리미 */ /* [S] 챌린지 */ .tBalance.challenge{padding:30px 0 0;} .tBalance.challenge .tBaltit{position:relative;max-width:100%;font-size:20px;line-height:30px;margin-bottom:0;} .tBalance.challenge .tBaltit .asset{display:inline-flex;justify-content:flex-start;align-items:center;font-size:21px;line-height:30px;} .tBalance.challenge .tBaltit .asset .num{font-size:25px;line-height:27px;} .tBalance.challenge .tBaltit .asset.sav_money .num{font-size:23px;line-height:30px;margin-right:1px;} .tBalance.challenge .tBaltit .asset.sav_money .emj:before{margin-top:-11px;} .tBalance.challenge .tBaltit .asset .num.noSync{color:#aaa;} .tBalance.challenge .tBaltit .asset + .more{top:-1px;} .hr_div + .tBalance.challenge{padding-top:0;} .tBalance.challenge .tBaltit .asset_wrap, .tBalance.challenge .tBaltit .asset_wrap .asset .num{font-size:17px;line-height:26px;} .main_cateblck .tBalance.challenge .tBaltit .asset_wrap .asset .num{margin-left:4px;} .tBalance.challenge .tBaltit .asset_wrap{display:block;margin-top:0px;} .tBalance.challenge .tBaltit .asset_wrap .asset{font-size:17px;line-height:26px;} /* 챌린지 수평 라인차트 */ .challenge_line_chart.horizon{position:relative;width:100%;height:auto;} .challenge_line_chart.horizon .inner{position:relative;width:100%;height:auto;} .challenge_line_chart.horizon .hbar_g_wrap{overflow:hidden;width:100%;height:36px;background-color:#eee;border-radius:25px;} .challenge_line_chart.horizon:not(.sm) .hbar_g_wrap{border-radius:8px;} .challenge_line_chart.horizon .hbar_g_wrap .hbar{position:relative;display:block;width:0%;height:100%;background:#6F3CFF;border-radius:25px;} .challenge_line_chart.horizon:not(.sm) .hbar_g_wrap .hbar{border-radius:8px 0 0 8px;} .challenge_line_chart.horizon .hbar_g_wrap.over .hbar{background:#CB2B11;} .challenge_line_chart.horizon .hbar_g_wrap .valTx{display:flex;justify-content:flex-end;align-items:center;height:36px;position:absolute;left:0;top:0;width:0%;text-align:right;font-size:16px;word-break:keep-all;color:#fff;padding-right:10px;} .challenge_line_chart.horizon .hbar_g_wrap .valTx.below{color:#000;padding-right:0;} .challenge_line_chart.horizon .hbar_g_wrap .valTx .tx{position:relative;display:block;} .challenge_line_chart.horizon .hbar_g_wrap.over + .legend.price .current, .challenge_line_chart.horizon .hbar_g_wrap.over + .legend.price .current .stit{color:#6F3CFF;} .challenge_line_chart.horizon:not(.budget_target) .hbar_g_wrap{background-color:#EEF4FF} .challenge_line_chart.horizon:not(.budget_target) .hbar_g_wrap .hbar{background:#6F3CFF;} .tit.per100 ~ .challenge_line_chart.horizon.sm.budget_target .popOver{display:none;} .challenge_line_chart.horizon .legend.price{display:flex;justify-content:space-between;align-items:center;margin-top:8px;} .challenge_line_chart.horizon .legend.price .current{font-size:16px;line-height:24px;} .challenge_line_chart.horizon .legend.price .total{font-size:14px;line-height:21px;color:#666;} .challenge_line_chart.horizon .legend.price.expans{display:block;margin-top:0;} .challenge_line_chart.horizon .legend.price.expans .item{display:flex;justify-content:space-between;align-items:center;} .challenge_line_chart.horizon .legend.price.expans .item + .item{margin-top:10px;} .challenge_line_chart.horizon .legend.price.expans .item .tit{position:relative;font-size:15px;line-height:22px;color:#666;} .challenge_line_chart.horizon .legend.price.expans .item .tit:before{content:'';display:inline-block;width:12px;height:12px;margin-right:10px;background-color:#EEF4FF;border-radius:20px;} .challenge_line_chart.horizon .legend.price.expans .item.current .tit:before{background-color:#962E01;} .challenge_line_chart.horizon .legend.price.expans .item .tx{font-size:17px;} .challenge_line_chart.horizon .legend.price.expans .item.total .tx{color:#000;} .challenge_line_chart.horizon .legend.price.expans ~ .inner{margin-top:30px;} .challenge_line_chart.horizon .hbar_g_wrap .limit_hLine{position:absolute;top:0;height:36px;display:flex;align-items:flex-end;min-width:24px;border-left:1px dashed #6F3CFF;} .challenge_line_chart.horizon .hbar_g_wrap .limit_hLine .tx{display:block;position:absolute;left:-18px;bottom:-25px;display:flex;justify-content:center;align-items:center;height:19px;padding:0 6px;font-size:11px;color:#6F3CFF;background-color:#fff;border:1px solid #6F3CFF;border-radius:20px;} .challenge_line_chart.horizon .legend.price.expans ~ .inner .hbar_g_wrap .limit_hLine.over100{left:100% !important;} .challenge_line_chart.horizon .legend.price.expans ~ .inner .hbar_g_wrap .limit_hLine{min-width:1px;background-color:#eee;} .challenge_line_chart.horizon .legend.price.expans ~ .inner .hbar_g_wrap .limit_hLine .bt_limit{width:35px;} .challenge_line_chart.horizon .hbar_g_wrap + .legend.price{margin:12px 0 0 0;} .challenge_line_chart.horizon .inner .legend.price{justify-content:center;} .challenge_line_chart.horizon .inner .legend.price .target{visibility:hidden;display:inline-flex;justify-content:center;align-items:center;height:0px;margin-top:20px;padding:0 12px;font-size:14px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;} .challenge_line_chart.horizon .inner .legend.price .target.show{visibility:visible;height:36px;} .challenge_line_chart.horizon .inner .legend.price span, .challenge_line_chart.horizon .inner .legend.price em{font-weight:400;} .challenge_line_chart.horizon .inner .legend.price .tx{margin-left:4px;} .challenge_line_chart.horizon .legend.price.expans ~ .inner .legend.price{min-height:20px;} /* sm 사이즈 */ .challenge_line_chart.horizon.sm .hbar_g_wrap{height:12px;} .challenge_line_chart.horizon.sm .hbar_g_wrap.over .hbar{background:#6F3CFF;} .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx{height:12px;font-size:12px;padding-right:8px;} .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx.below{padding-right:0;} .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx.hide{display:none;} .challenge_line_chart.horizon.sm .legend.price .current{font-size:14px;line-height:21px;} .challenge_line_chart.horizon.sm .hbar_g_wrap + .legend.price{margin:8px 0 0 0;} .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx.popOver{top:-36px;padding-right:0;height:auto;} .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx.popOver .tx{display:flex;justify-content:center;align-items:center;padding:0 6px;height:23px;font-size:12px;color:#000;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;opacity:0;animation-iteration-count:1;animation-duration:.6s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-delay:1s;animation-name:popOver-ani-1;} @keyframes popOver-ani-1{ from{transform:translateY(15px) scale(.2);opacity:0;} 60%{transform:translateY(0px) scale(1.1);opacity:1;} to{transform:translateY(0) scale(1);opacity:1;} } .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx.popOver .tx:before{content:'';position:absolute;left:50%;bottom:-12px;margin-left:-8px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:8px solid #f7f7f7;border-right:9px solid transparent;transform:rotate(90deg);z-index:2;} .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx.popOver .tx:after{content:'';position:absolute;left:50%;bottom:-13px;margin-left:-8px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:8px solid #ccc;border-right:9px solid transparent;transform:rotate(90deg);z-index:1;} /* sm 사이즈 + no_line */ .sav_li.no_line .challenge_line_chart.horizon.sm .hbar_g_wrap{height:18px;} .sav_li.no_line .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx{height:18px;} /* 챌린지 수직 라인차트 */ .challenge_line_chart.vertical{position:relative;width:100%;height:auto;} .challenge_line_chart.vertical .vbar_g_wrap{position:relative;width:100%;height:100%;} .challenge_line_chart.vertical .vbar_g_wrap .inner{display:flex;justify-content:space-between;width:calc(100%);max-width:320px;height:178px;margin:0 auto;padding:0 17px;} .challenge_line_chart.vertical .vbar_g_wrap .inner:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g{position:relative;width:28px;} .challenge_line_chart.vertical .vbar_g_wrap .vbar{position:absolute;left:0;bottom:0;width:100%;background-color:#f2f2f2;border-radius:8px 8px 0 0;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g.success .vbar{background-color:#FF6161;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g.fail .vbar{background-color:#aaa;} .challenge_line_chart.vertical .vbar_g_wrap .valTx{position:absolute;left:0;bottom:0;width:calc(100% + 20px);margin-left:-10px;text-align:center;display:inline-block;font-size:13px;color:#777;line-height:19px;} .challenge_line_chart.vertical:not(.xlg, .budget_limit) .vbar_g_wrap .vbar_g:last-child .vbar{background-color:#FF6161;} .challenge_line_chart.vertical:not(.xlg, .budget_limit) .vbar_g_wrap .vbar_g:last-child .valTx{color:#cb2b11;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g.latest .vbar{background-color:#6F3CFF;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g.latest .valTx{color:#6F3CFF;} .challenge_line_chart.vertical .vbar_g_wrap .limit_vLine{position:absolute;bottom:0;width:100%;border-top:1px dashed #5E82C2;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g .sign{display:none;justify-content:center;align-items:center;position:absolute;left:0;top:0px;width:26px;height:26px;font-size:10px;color:#cb2b11;background-color:#fff;border:2px solid #cb2b11;border-radius:25px;word-break:keep-all;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g .sign .tx{font-size:10px;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g.success .sign{display:flex;} .challenge_line_chart.vertical .vbar_g_wrap .vbar_g.fail .sign{display:none;} .challenge_line_chart.vertical .legend.date{display:flex;justify-content:space-between;max-width:320px;margin:0 auto;padding:8px 17px 0;} .challenge_line_chart.vertical .legend.date .tx{width:24px;text-align:center;font-size:14px;line-height:21px;} .challenge_line_chart.vertical:not(.xlg, .budget_limit) .legend.date .tx:last-child{color:#5A3BF7;} .challenge_line_chart.vertical .legend.date .tx.latest{color:#5A3BF7;} .challenge_line_chart.vertical .legend.unit{text-align:right;font-size:11px;line-height:16px;color:#666;} .challenge_line_chart.vertical .legend.vbudget{display:flex;justify-content:space-between;} .challenge_line_chart.vertical .legend.vbudget .limit{position:relative;padding-left:20px;min-height:54px;font-size:14px;line-height:21px;color:#666;} .challenge_line_chart.vertical .legend.vbudget .limit:before{content:'';position:absolute;left:0;top:9px;width:16px;border-top:1px dashed #5E82C2;} .challenge_line_chart.vertical .legend.vbudget .limit .num{margin-left:2px;} .challenge_line_chart.vertical .legend.vbudget .legend.mission{margin-top:0;line-height:21px;} /* 수직 lg 사이즈 */ .challenge_line_chart.vertical.lg .vbar_g_wrap .vbar_g{width:50px;} .challenge_line_chart.vertical.lg .vbar_g_wrap .inner{padding:0 50px;} .challenge_line_chart.vertical.lg .legend.date{padding-right:50px;padding-left:50px;} .challenge_line_chart.vertical.lg .legend.date .tx{width:50px;} .challenge_line_chart.vertical .vbar_g_wrap .no_vbar{display:flex;justify-content:center;align-items:center;position:absolute;left:0;bottom:-1px;width:100%;height:132px;font-size:13px;font-weight:400;color:#777;border:1px dashed #aaa;border-radius:8px 8px 0 0; z-index:-1;} /* 수직 lg 사이즈 */ .challenge_line_chart.vertical.xlg .vbar_g_wrap .vbar_g{width:60px;} .challenge_line_chart.vertical.xlg .vbar_g_wrap .inner{padding:0 80px;} .challenge_line_chart.vertical.xlg .legend.date{padding-right:80px;padding-left:80px;} .challenge_line_chart.vertical.xlg .legend.date .tx{width:60px;} .challenge_line_chart.vertical.xlg .legend.date .day{display:block;font-size:11px;color:#777;} .challenge_line_chart.vertical.xlg .vbar_g_wrap .limit_vLine{border-top-color:#ddd;} .challenge_line_chart.vertical.xlg .vbar_g_wrap .vbar_g.latest .valTx{padding-right:10px;} .challenge_line_chart.vertical.xlg .vbar_g_wrap .vbar_g .valTx:after{content:'';position:absolute;width:20px;display:inline-flex;justify-content:center;align-items:center;} .challenge_line_chart.vertical.xlg .vbar_g_wrap .vbar_g.down .valTx:after{margin:9px 0 0 5px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #2196F3;border-right:6px solid transparent;transform:rotate(90deg);} .challenge_line_chart.vertical.xlg .vbar_g_wrap .vbar_g.equal .valTx:after{margin:8px 0 0 5px;width:12px;height:2px;background-color:#aaa;} .challenge_line_chart.vertical.xlg .vbar_g_wrap .vbar_g.up .valTx:after{margin:2px 0 0 5px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #F44336;border-right:6px solid transparent;transform:rotate(-90deg);} /* C2500 월별 라인차트 절약 예산한도 */ .challenge_line_chart.vertical.budget_limit .vbar_g.success .vbar{background-color:#5E82C2;} .challenge_line_chart.vertical.budget_limit .vbar_g.fail .vbar{background-color:#ddd;} .challenge_line_chart.vertical.budget_limit .legend.date .tx:last-child{color:#000;} /* 돈모으기 */ .tBalance ~ .sav_money{margin-top:30px;} .sav_money{position:relative;} .sav_money .tit{display:flex;justify-content:flex-start;align-items:center;font-size:17px;line-height:25px;} .sav_money .label_txt.type_02{margin-left:8px;} .sav_money .tit ~ .challenge_line_chart{margin-top:16px;} .sav_money .tit ~ .sign_success{margin-top:-8px;} .sav_money .sign_success{overflow:hidden;width:150px;height:100%;display:none;justify-content:flex-end;position:absolute;right:-20px;top:-16px;animation-iteration-count:1;animation-duration:0s;animation-delay:2s;animation-name:stemp_ani_1;} .sign_success:before{content:'';margin:4px 20px 0 0;width:50px;height:50px;background-image:url('../img/theme/apfin/ic_sign_success.png?1102');background-size:50px auto;background-position:0;background-repeat:no-repeat;} .sav_money .sign_success.show{display:flex;} .sav_money .sign_success.show:before{display:block;opacity:0;animation-iteration-count:1;animation-duration:1s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-delay:1s;animation-name:stemp_ani_2;perspective:300px;} @keyframes stemp_ani_1{ from{z-index:2;} to{z-index:-1;} } @keyframes stemp_ani_2{ from{transform:scale(2) translateY(15px) rotateX(-60deg) rotateZ(-20deg);opacity:.5;z-index:2;} 1%{transform:scale(2.8) translateZ(50px) translateY(10px) rotateX(-60deg) rotateZ(-20deg);z-index:2;} 70%{transform:scale(.8);} 80%{transform:scale(1.2);} 90%{transform:scale(.9);} to{transform:scale(1) translateZ(0px) rotateX(0deg) rotateZ(0deg);opacity:1;z-index:-1;} } .tBalance ~ .challenge_line_chart{margin-top:30px;} .sav_money .tit.lg > .tx{font-size:21px;line-height:30px;} .sav_money .tit.lg{justify-content:space-between;} .sav_money .tit.lg.inline{justify-content:flex-start;} .sav_money .tit.lg.inline .sBtn{margin-left:12px;} .sav_money .tit.inline.per100 > .tx{color:#5A3BF7;} .sav_money .tit + .sav_li{margin-top:30px;} .sav_money ~ .btn_wrap .btnLine.btnPlus, .sav_money ~ .btn_wrap .btnLine.btnEdit, .tBalance.challenge ~ .btn_wrap .btnLine.btnEdit{margin-bottom:20px;} .sav_li{padding:20px;border:1px solid #ddd;border-radius:8px;} .sav_li .inner{position:relative;display:block;width:100%;height:100%;} .sav_li .inner:after{content:'';position:absolute;left:0;top:0;width:calc(100% + 40px);height:calc(100% + 40px);margin:-20px;z-index:-1;} .sav_li .inner .sign_success{margin-top:14px;} .sav_li .tit ~ .challenge_line_chart{margin-top:46px;} .sav_li .tit.per100 ~ .challenge_line_chart{margin-top:46px;} .sav_li ~ .sav_li{margin-top:10px;} .sav_li.no_line{padding:0;border:0;} .sav_li.no_line + .sav_li.no_line{margin-top:30px;} .sav_li .tit .li_a{display:flex;justify-content:flex-start;align-items:center;} .sav_li .tit .im{display:inline-block;width:28px;height:28px;margin-right:4px;} .sav_li .tit .im.target{display:flex;width:22px;height:22px;margin-right:8px;} .sav_li .tit .im img{width:100%;height:100%;} .sav_li:not(.no_line) .inner .tit{justify-content:space-between;align-items:flex-start;} .sav_li:not(.no_line) .inner .tit .im.target + .tx{width:calc(100% - 22px);padding-right:50px;} .sav_li:not(.no_line) .inner .label_txt.type_dDay{position:absolute;right:0;top:0;} .sav_li.no_line .tit .tx{position:relative;font-size:17px;line-height:25px;} .sav_li.no_line .tit .tx:after{content:'';margin-left:9px;display:inline-block;width:6px;height:11px;background:url('../img/ic/ic_arw_ctrl.png?1102') no-repeat 100% 50%;background-size:auto 11px;} .sav_li.no_line .tit ~ .challenge_line_chart{margin-top:20px;} .sav_li.no_line .cateTit{display:inline-flex;justify-content:flex-start;align-items:center;} .sav_li.no_line .cateTit .im{display:inline-block;position:relative;width:28px;height:28px;} .sav_li.no_line .cateTit .im img{width:100%;height:100%;} .sav_li.no_line .cateTit .tx{margin-left:4px;font-size:17px;line-height:25px;} .sav_li.no_line .cateTit .tx .per{display:block;font-size:13px;line-height:22px;color:#666;} .sav_li.no_line .cateTit + .challenge_line_chart{margin-top:20px;} .sav_li .catePrice{position:absolute;right:0;top:0;margin-top:3px;font-size:17px;line-height:22px;} .sav_money.category .sav_li .tit .tx:after{content:'';margin-left:9px;display:inline-block;width:6px;height:11px;background:url('../img/ic/ic_arw_ctrl.png?1102') no-repeat 100% 50%;background-size:auto 11px;} /* C1610 목표편집 순서변경 */ .editList.asGroup.order{margin-top:20px;padding:0 20px;} .editList.asGroup.order .sortCtrl{display:none;} .editList.asGroup.order .asList{margin:-10px 0 0 0;padding:10px 0 75px;height:calc(100vh - 170px);overflow-y:auto;} .editList.asGroup.order .asList .accItem{min-height:62px;margin-bottom:10px;padding:18px 20px;border:1px solid #ddd;border-radius:8px;} .editList.asGroup.order .asList .accItem:last-child{margin-bottom:0;} .editList.asGroup.order .asList .accItem .name{font-size:17px;line-height:1;} .editList.asGroup.order .asList .accItem:last-child .accItem{margin-bottom:0;} .editList.asGroup.order .ctrl{width:100%;height:100%;right:0px;top:0px;} .editList.asGroup.order .ctrl .btnHandle{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-image:url('../img/theme/apfin/bt_drag.png?1102');background-size:20px auto;background-repeat:no-repeat;background-position:center right 20px;} .editList.asGroup.order .accItem.ui-sortable-helper{border:2px solid #CB2B11 !important;} /* 돈아끼기 */ .tabs_sel_wrap + .accHistory.customMonth{padding-top:30px;} .accHistory.customMonth + .tBalance.challenge{padding-top:10px;} .tBalance ~ .calendar.saving{margin-top:20px;} .calendar.saving .budget{width:100%;min-height:45px;padding:10px 16px;border-radius:8px;background-color:#f2f2f2;} .calendar.saving .budget .tx{font-size:17px;line-height:25px;color:#666;} .calendar.saving .budget .price{margin-left:8px;font-size:17px;line-height:25px;} .legend.mission{margin-top:20px;text-align:right;} .legend.mission .tx{display:inline-flex;justify-content:flex-start;align-items:center;font-size:12px;line-height:18px;} .legend.mission .tx + .tx{margin-left:7px;} .legend.mission .tx:before{content:'';display:inline-block;width:14px;height:14px;margin-right:2px;background-color:#ddd;border-radius:20px;} .legend.mission .tx.success:before{background-color:#962E01;} .legend.mission .tx.today:before{width:10px;height:10px;background-color:#fff;border:2px solid #BCED09;} .calendar.saving .wrap_cal_tbl{margin:20px -5px 0;} .calendar.saving .wrap_cal_tbl .cal_tbl td .date{height:67px;} .calendar.saving .wrap_cal_tbl .cal_tbl th:first-child .day, .calendar.saving .wrap_cal_tbl .cal_tbl td:first-child .num, .calendar.saving .wrap_cal_tbl .cal_tbl td .num{color:#666;} .calendar.saving .wrap_cal_tbl .cal_tbl td .num{width:28px;height:28px;} .calendar.saving .wrap_cal_tbl .cal_tbl td .num span{font-size:14px;line-height:1;} .calendar.saving .wrap_cal_tbl .cal_tbl td .date.today .num{color:#BCED09;background-color:#fff;border:2px solid #BCED09;} .calendar.saving .wrap_cal_tbl .cal_tbl td .date.success .num{color:#fff;background-color:#962E01;} .calendar.saving .wrap_cal_tbl .cal_tbl td .date.fail .num{color:#fff;background-color:#ddd;} .calendar.saving + .hr_div{margin-top:0;} .tChaltit + .expendLi{margin-top:28px;} .tChallenge.md .tChaltit + .expendLi{margin-top:22px;} .expendLi .item{display:flex;justify-content:space-between;align-items:center;} .expendLi .item + .item{margin-top:10px;} .expendLi .item .tit{font-size:17px;line-height:25px;color:#666;} .expendLi .item .price{font-size:17px;line-height:25px;color:#000;} /* C2100 카테고리별 예산 설정 */ .challenge_cont + .budgetCateGroup{margin-top:40px;} .budgetList_link{display:flex;justify-content:space-between;align-items:center;width:100%;} .budgetList_link.agChkItem .btnFolding{top:50%;margin-top:-16px;} .budgetList_link.agChkItem .btnFolding:before {background-image:url('../img/theme/apfin/ic_arw_folding_gray.png?1102');} .budgetList_link h3{font-size:21px;line-height:31px;} .budgetList_link .total{position:absolute;right:24px;top:50%;margin-top:-17px;text-align:right;font-size:18px;line-height:27px;} .budgetList_link .total .price{margin-left:4px;} .budgetListGroup{margin-top:30px;} .budgetListGroup .listTit .budgetList_link{height:59px;} .bugetSetup{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:25px;} .bugetSetup .agChkItem label{display:flex;justify-content:flex-start;align-items:center;} .bugetSetup .agChkItem label input[type=checkbox]{width:24px;height:24px;} .bugetSetup .agChkItem label input[type=checkbox] + i{width:24px;height:24px;margin-right:8px;border:none;border-radius:50%;background-image:url('../img/theme/apfin/ic_chk_off_lg.png?1102');background-size:24px auto;background-repeat:no-repeat;} .bugetSetup .agChkItem label input[type=checkbox]:checked + i{border:none;background-image:url('../img/ic/ic_chk2.png?1102');background-position: 50% 50%;background-size: 13px auto;} .bugetSetup .agChkItem label .tx{width:calc(100% - 32px);font-size:14px;color:#000;line-height:21px;} .listTit + .budgetListBox{margin-top:30px;} .bugetSetup + .budgetListGroup{margin-top:36px;} .budgetListGroup .tit{font-size:18px;line-height:27px;} .budgetListGroup .cateList ~ .cateList{margin-top:40px;} .budgetListGroup .cateList > li{overflow:hidden;margin-top:20px;} .budgetListGroup .cateList > li ~ li{margin-top:20px;} .budgetListGroup .cateList > li:after{content:'';clear:both;} .budgetListGroup.detail .cateList > li{min-height:45px;} .budgetListGroup .cateList .cateTit{display:flex;justify-content:flex-start;align-items:center;width:115px;float:left;} .budgetListGroup.detail .cateList .cateTit{width:auto;} .budgetListGroup .cateList .cateTit .im{display:inline-block;width:28px;height:28px;margin-right:8px;} .budgetListGroup.detail .cateList .cateTit .im{width:32px;height:32px;} .budgetListGroup .cateList .cateTit .im img{width:100%;height:100%;} .budgetListGroup .cateList .cateTit .tx{font-size:15px;line-height:22px;} .budgetListGroup.detail .cateList .cateTit .tx{font-size:17px;line-height:25px;} .budgetListGroup.detail .cateList .cateTit .tx .ratio{color:#666;} .budgetListGroup .cateList .input_amount{float:right;width:calc(100% - 125px);display:flex;position:relative;align-items:center;justify-content:flex-end;border-bottom:1px solid #C4C4C4;margin:0 0 0 10px;box-sizing:border-box;} .budgetListGroup .cateList .input_amount input{border:0;width:100%;height:34px;flex:auto;color:#666;font-size:17px;text-align:right;padding:0 2px;} .budgetListGroup .cateList .input_amount.edit input{color:#000;} .budgetListGroup .cateList .input_amount .unit{font-size:17px;line-height:22px;} .budgetListGroup .cateList .guide_tx{float:left;width:100%;text-align:right;} .budgetListGroup .budgetList + .budgetList{margin-top:40px;} .btnRefreshTx{position:absolute;right:0;top:0;display:inline-flex;justify-content:flex-end;align-items:center;} .btnRefreshTx .tx{margin-left:2px;font-size:14px;line-height:24px;color:#666;} .btnRefreshTx .btnRefresh.ing{animation:spinBackwardsTx 1.5s linear infinite;} @keyframes spinBackwardsTx{ 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } .tBalance + .budgetListGroup{margin-top:30px;} .budgetList .budgetListTit h3{font-size:18px;line-height:27px;} .budgetList .budgetListTit + .cateListArea{margin-top:30px;} .budgetList .catePrice {font-size:17px;} .budgetListGroup.detail .catePrice {text-align:right;margin-top:3px;} .budgetBalance{display:flex;align-items:center;justify-content:space-between;width:100%;} .budgetBalance .tx{font-size:16px;line-height:24px;} .budgetBalance .price{font-size:17px;line-height:22px;} .bugetSetup + .budgetBalance{margin-top:35px;} .budgetBalance + .budgetListGroup, .budgetBalance + .budgetList{margin-top:25px;} .budgetBalance .price.minus{color:#5A3BF7;} /* C2530 */ .sav_money .legend.price .stit{display:inline-block;margin-right:4px;font-size:14px;line-height:21px;color:#000;} .sav_money .legend.price .total .stit{color:#666;} .sav_money.total .legend.price .stit{display:block;margin-top:-3px;font-size:13px;line-height:19px;color:#666;} .sav_money.total .legend.price .total .stit{text-align:right;} .tBaltit + .tDay{margin-top:4px;} .tDay{font-size:14px;color:#666;} .tDay .sign{margin:4px 4px 0;} .asGroup.report_cate + .btn_wrap{margin-top:0;} .hr_div + .asGroup.report_cate{padding-top:0;} .report_cate .exp_date {font-size:12px;line-height:12px;color:#666;padding-left:5px;} .savTotal{display:flex;justify-content:space-between;align-items:center;} .savTotal .itemTit{font-size:18px;line-height:27px;} .savTotal .itemData{font-size:21px;line-height:31px;color:#CB2B11;} /* 카테고리별 상세내역 수평 차트 */ .challenge_chart_cate{margin-top:30px;} .challenge_chart_cate .cate_bar_wrap{overflow:hidden;display:flex;justify-content:flex-start;align-items:center;width:100%;height:28px;border-radius:8px;background-color:#efefef;} .challenge_chart_cate .cate_bar_wrap .cate_bar{height:28px;} .challenge_chart_cate + .sav_li{margin-top:30px;} /* [E] 챌린지 */ /* [S] 메인 소비 */ .tBalance.main{padding:20px 0 0 0;} .tBalance.main .tBaltit{display:flex;justify-content:flex-start;align-items:center;max-width:100%;margin:0;} .tBalance.main .tBaltit .im{display:block;width:28px;height:28px;margin-right:8px;} .tBalance.main .tBaltit .im img{width:100%;height:100%;} .tBalance.main .tBaltit .tx{font-size:21px;} .tBalance.main .tBalAmount{justify-content:flex-end;align-items:flex-start;gap:0 2px;font-size:21px;line-height:31px;} .tBalance.main .tBalAmount .unit{margin-right:2px;} .tBalance.main .amount{display:inline-block;font-size:25px;line-height:28px;} .tBalance.main .tBaltit ~ .tBalAmount{margin-top:10px;} .tBalance.main + .accHistory{margin-top:30px;padding-top:40px;} .tBalance.main .tBalAmount ~ .tBalDetail{text-align:right;margin-top:4px;line-height:21px;} .tBalance.common .tBaltit{display:flex;align-items:center;line-height:31px;} .tBalance.common .tBaltit .im.md{width:28px;height:28px;margin-right:8px;} .tBalance.common .tBaltit .im.md img{width:28px;height:28px;} .tBalance.common .tBalAmount .tx.md{font-size:16px;color:#666;} .tBalance.common .tBalAmount .unit + .amount{margin-left:5px;} .tBalance.common .tBalAmount .tx.md + .unit{margin-left:8px;} .tBalance.common .tBalAmount .tx.md + .amount{margin-left:5px;} .tBalance.common .tBalAmount .amount + .tx.md{margin-left:2px;} .banner.main_card{margin-top:30px;} .tBalance.common + .banner.main_card{margin-top:0px;} .ban_link{position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:20px 20px 20px 102px;background-color:#F6F6FF;border-radius:8px;} .ban_link .tit{font-size:15px;line-height:18px;} .ban_link .data{position:relative;display:inline-block;margin-top:2px;font-size:21px;line-height:31px;} .ban_link .data:after{content:'';position:absolute;right:-18px;top:50%;display:inline-block;width:6px;height:11px;margin:-6px 0 0 0;background:url('../img/theme/apfin/ic_arw_gray.png?1102') no-repeat 0 0;background-size:auto 11px;} .ban_link:before{content:'';position:absolute;left:16px;top:16px;width:74px;height:60px;background-image:url('../img/theme/apfin/im_ban_main_card.png?1102');background-size:74px auto;} .accHistory.main .time{line-height:19px;} .accHistory.main .time em ~ em{margin-left:8px;} .accHistory.main .historyList li > .link{align-items:center;} .accHistory.main .historyList .amount{font-size:17px;line-height:22px;} .accHistory.main .historyList li .left{flex:auto;width:55%;} .accHistory.main .historyList li .right{flex:auto;width:45%;} .accHistory.main .historyList .category{margin-bottom:1px;line-height:22px;} .accSetting.type_calendar .accDetailList .dataSubTxt{font-size:14px;line-height:21px;} .accHistory.common .historyList.noCtrl{margin-top:15px;} .asGroup.report_cate .asList.type_card{padding:0;} .asGroup.report_cate .asList.type_card .accItem.ableTrf{padding-top:30px;padding-bottom:30px;} .asGroup.report_cate .asList .accItem .im.card{width:42px;height:44px;} .asGroup.report_cate .asList .accItem .im.card img{height:100%;} .tBalance.common + .hr_div, .tBalance.useable + .hr_div, .tBalance.bound + .hr_div, .tBalance.borrow + .hr_div, .tBalance.etc + .hr_div{margin-top:0;} .tBalance.common ~ .hr_div ~ .assets-msg.expand{height:calc(100vh - 335px);} .asGroup .asList .contentBox .amount.no_ico:after{display:none;} .accHistory.common .historyList .link .left{width:60%;} /* [E] 메인 소비 */ /* [S] 레이어 팝업 */ .layer_popup .layer_inner .btn_close{top:14px;right:14px;width:15px;height:15px;} .layer_popup .layer_inner .btn_close:before{width:15px;height:15px;background-image:url('../img/theme/apfin/bt_close_lg.png?1102');background-size:auto 15px;} .layer_popup.short .layer_inner .btn_close:before{opacity:1;} .layer_popup .layer_inner .layer_cont .msg_box .msg_alert + .msg_txt{margin-top:10px;} .layer_popup .layer_inner .layer_cont .msg_box .msg_txt{font-size:15px;line-height:22px;color:#777;} .layer_popup.short .layer_inner .tit{font-size:18px;line-height:27px;} .layer_popup.short .layer_inner .msg_box{line-height:21px;} .layer_popup .msg_box .msg_tip{margin-bottom:10px;} /* [E] 레이어 팝업 */ /* [S] 레이어 바텀시트 */ .layer_bottomsheet .layer_inner{padding-top:20px;} .layer_bottomsheet .layer_inner .layer_tit{min-height:41px;} .layer_bottomsheet .layer_inner .layer_tit .tit, .layer_bottomsheet .layer_inner .layer_tit .tit span{font-size:16px;line-height:21px;} .layer_bottomsheet .layer_inner .btn_close{width:16px;height:16px;right:20px;} .layer_bottomsheet .layer_inner .btn_close:before{width:16px;height:16px;background-size:auto 16px;background-image:url('../img/theme/apfin/bt_close_lg.png?1102');} /* 자산리포트 */ .layer_bottomsheet .layer_sel_opt{margin:16px 0 0;} .layer_bottomsheet .layer_sel_opt .btn_sel_opt{justify-content:center;} .layer_bottomsheet .layer_sel_opt .btn_sel_opt.on{border:none;color:#666;} .layer_bottomsheet .layer_sel_opt .btn_sel_opt.on span{position:relative;font-weight:700;color:#000;} .layer_bottomsheet .layer_sel_opt .btn_sel_opt.on span:before{content:'';position:absolute;left:-28px;top:50%;margin-top:-10px;width:20px;height:20px;background-image:url('../img/theme/apfin/ic_ck_prd_certi_on.png?1102');background-position:center;background-size:20px auto;} .layer_bottomsheet .layer_sel_opt.type_date .btn_sel_opt span{display:block;width:100px;margin-left:-3px;text-align:left;} .layer_bottomsheet .msg_box .msg_tit{margin-top:20px;font-size:17px;line-height:25px;} .layer_bottomsheet .msg_box .msg_tit .tx.lg{font-size:17px;line-height:25px;font-weight:700;} .layer_bottomsheet .msg_box .msg_cont{margin-top:20px;font-size:15px;line-height:22px;color:#666;} .layer_bottomsheet .msg_box .msg_cont .item{display:block;} .layer_bottomsheet .msg_box .msg_cont .item ~ .item{margin-top:10px;} .layer_bottomsheet .msg_box .msg_cont .item.bl_disc + .bl_tip{margin-top:10px;} .layer_bottomsheet .msg_box .msg_cont .item.bl_tip + .bl_tip{margin-top:4px;} /* 금융알리미 */ .layer_bottomsheet .accSetting.type_calendar .tAccount{padding:20px 0 0;} .layer_bottomsheet .accSetting.type_calendar .tAccount + .accDetailList{margin-top:40px;} .layer_bottomsheet .accSetting.type_calendar .tAccTit{line-height:31px;} .layer_bottomsheet .accSetting.type_calendar .tAccTit + .tAmount{margin-top:5px;} .layer_bottomsheet .accSetting.type_calendar .tAmount{font-size:21px;line-height:31px;} .layer_bottomsheet .accSetting.type_calendar .tAmount .num{font-size:21px;line-height:31px;} .layer_bottomsheet .accSetting.type_calendar .tAmount + .tAccDetail{margin-top:5px;} .layer_bottomsheet .accSetting.type_calendar .tAccDetail{line-height:21px;margin-top:5px;} .layer_bottomsheet .accSetting.type_calendar .tAccDetail .num{line-height:21px;} .layer_bottomsheet .accSetting.type_calendar .accDetailList li + li{margin-top:20px;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .itemTit{width:40%;line-height:25px;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .itemData{width:60%;display:block;line-height:25px;word-break:break-all;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .itemData .num{vertical-align:center;font-size:17px;font-weight:500;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .tx.sm{font-size:12px;line-height:25px;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .itemEtc{display:flex;justify-content:center;width:100%;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .itemEtc .balance{width:100%;text-align:right;font-size:14px;color:#666;line-height:24px;} .layer_bottomsheet .accSetting.type_calendar .accDetailList > li > .edit.type2{background-image:url('../img/theme/apfin/ic_arw_16.png?1102');background-size:16px auto;padding-right:16px;background-position:calc(100% + 3px) center;} .layer_bottomsheet .accSetting .hr_div{height:1px;margin-right:0;margin-left:0;background-color:#ddd;} .accSetting.type_calendar .tAccount .tAmount.plus{color:#D71820;} .accSetting.type_calendar .tAccount .tAmount.minus{color:#000;} .accSetting.type_calendar .tAccount .tAmount.edit{color:#999;} .accSetting.type_calendar .tAccount .tAmount.cancel{text-decoration:line-through;} /* [E] 레이어 바텀시트 */ /* [S] etc */ .emj{position:relative;display:inline-block;width:30px;height:30px;margin-top:-7px;} .emj:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:100%;height:100%;margin-top:-7px;background-size:30px auto;background-position:center center;background-repeat:no-repeat;animation-iteration-count:infinite;animation-duration:1.2s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:emj-rotate-ani-1;} .emj.happy:before{background-image:url('../img/theme/apfin/emj_happy.png?1102');} .emj.sad:before{background-image:url('../img/theme/apfin/emj_sad.png?1102');} .emj.wink:before{background-image:url('../img/theme/apfin/emj_wink.png?1102');} .emj.thumb:before{background-image:url('../img/theme/apfin/emj_thumb.png?1102');} .emj.eye:before{background-image:url('../img/theme/apfin/emj_eye.png?1102');} .emj.arm:before{background-image:url('../img/theme/apfin/emj_arm.png?1102');} .emj.fire:before{background-image:url('../img/theme/apfin/emj_fire.png?1102');} .emj.clap:before{background-image:url('../img/theme/apfin/emj_clap.png?1102');} .emj.research:before{background-image:url('../img/theme/apfin/emj_research.png?1102');} .emj.cry:before{background-image:url('../img/theme/apfin/emj_sad.png?1102');} @keyframes emj-rotate-ani-1{ from{transform:rotate(0deg);} 20%{transform:rotate(-15deg);} 50%{transform:rotate(15deg);} 80%{transform:rotate(-15deg);} to{transform:rotate(0deg);} } .emj.lg{width:38px;height:38px;} .emj.lg:before{background-position:38px auto;} .emj.sm{width:24px;height:24px;} .emj.sm:before{background-position:24px auto;} .sav_money ~ .asGroup.report_cate .top_memo ~ .asList{margin-top:10px;padding:10px;border:1px solid #ddd;} .sav_money ~ .asGroup.report_cate .top_memo ~ .asList + .asList{margin-top:20px;} .topErrPop:not([style*="display: none"],[style*="display:none"]) + .main_sel_wrap{margin-top:10px;} /* [E] etc */ /* [S] 쓸 수 있는 돈, 묶어둔 돈, 빌린 돈, 기타 */ /* 공통 */ .btnCopy {display: inline-block; width: 20px; height: 20px; background-image: url('../img/theme/apfin/ic_copy_contents.png?1102'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px auto; overflow: hidden;} .btnManageNew {position: absolute;right: 25px;top: 15px;display: flex;justify-content: center;align-items: center;line-height: 31px;text-align: center;cursor: pointer;display:inline-block;background-image: url('../img/theme/apfin/bt_set_new.png?1102');width: 16px;height: 16px;background-size: contain;background-repeat: no-repeat;} .btnManageNewBold {position: absolute; top: 28px; right: 0; vertical-align: middle;display: inline-block;width: 20px;height: 20px;margin-top: -4px;margin-left: 5px; background-image: url('../img/theme/apfin/bt_set_new_bold.png?1102');background-size: 20px 20px;} .tBalance .btnManageNewBold{position:static;float:right;margin-top:4px;} .tBalance .btnManageNewBold:after{content:'';clear:both;overflow:hidden;} .btnManage {display: inline-block; margin-left: 8px;} .btnManage .txt {vertical-align: middle; height: 20px; width: 35px; padding: 2.5px 8px; font-size: 10px; color: #333; border: 1px solid; border-radius: 20px; word-break: keep-all;} .label_txt .txt { display: flex; justify-content: center; align-items: center; height: 19px; line-height: 21px; padding: 0 8px; font-size: 10px; color: #333; border: 1px solid; border-radius: 20px; word-break: keep-all;} .profit.plus:before {content: '';display: inline-block;width: 9px;height: 5px;margin: 0 5px 1px 0;background-image: url('../img/ic/bull_investment.png?1102');background-repeat: no-repeat;background-size: auto 10px;} .profit.minus:before {content: '';display: inline-block;width: 9px;height: 5px;margin: 0 5px 1px 0;background-image: url('../img/ic/bull_investment.png?1102');background-repeat: no-repeat;background-size: auto 10px;background-position: 0 100%;} .btn_more_ask .ico_ask.type_gray {background-image: url('../img/theme/ic_ask_gray.png?1102');} .ico.wallet, .ico.bound, .ico.borrow, .ico.etc{margin-right: 12px;} .ico.wallet img{width: 60px; height: 60px;} .ico.bound img{width: 60px; height: 60px;} .ico.borrow img{width: 60px; height: 60px;} .ico.etc img{width: 60px; height: 60px;} .layer_bottomsheet .layer_inner .btnRef {position: absolute;right: 45px;top: -5px;} .accSetting .editName input {height: 52px;margin-top: 20px;} /* 메인 */ .asGroup.report_cate .asList {margin-top: 0px;padding: 0;border: 0;border-radius: 8px;} .asGroup.report_cate .asList .accItem.ableTrf {margin:0 10px;padding: 10px 0px;} .asGroup.report_cate .asList .prdName {width: 100%;color: #666;} .asGroup.report_cate .asList .im {width: 42px; height: 30px; margin-right:0; justify-content: space-between;} .asGroup.report_cate:not(.spend) .asList .accItem{min-height:70px;} .asGroup.report_cate:not(.spend) .asList .im{position:absolute;bottom:20px;} .asGroup.report_cate:not(.spend) .asList .im.card{bottom:12px;} .asGroup.report_cate:not(.spend) .asList .contentGroup{width:100%;padding-left:42px;} .sav_money ~ .asGroup.report_cate .top_memo ~ .asList .contentGroup{width:100%;} .sav_money ~ .asGroup.report_cate .top_memo ~ .asList .wholeBtn{width:calc(100% + 40px);height:calc(100% + 20px);margin:-10px 0 0 -20px;} .asGroup.report_cate .asList img {width: 28px; height: 28px;} .asGroup.report_cate .asList .btnGroup .btnManage {color: #111;border: 1px solid #aaa; position: absolute; right: 25px; top: 30px; margin-top: -15px; width: 35px;display: flex; justify-content: center;align-items: center; height: 20px; border-radius: 10px; line-height: 31px; text-align: center; font-size: 10px; cursor: pointer;} .asGroup.report_cate .asList .amount {width:100%;margin-top: 0px; font-size: 20px;line-height: 25px;} .asGroup.report_cate .asList .amount:after {display: none;} .asGroup.report_cate .asList .accItem.ableTrf .contentBox {position: relative; margin-top: 3px; display: flex; justify-content: flex-start; align-items: center;} .asGroup.report_cate .asList .accItem.ableTrf .contentBox .amount .preTx{font-size:17px;} .asGroup.report_cate .asList .flag .tx {text-align: center;margin: auto; width: 100%; color: #cb2b11;} .asGroup.report_cate .asList .flag.red {border-color: #cb2b11;} .asGroup.report_cate .asList .flag {display: flex; align-items: center; justify-content: center; margin: 0 0 0 7px; padding: 0px 5px; border-radius: 6px; color: #666; border: 1px solid #666;} .asGroup.report_cate .asList .contentBox .amount.emit_arrow:after {display: none;} .asGroup.report_cate .asList .amount .total {margin-right: 5px;} .tBalance.useable {display: flex;} .tBalance.useable .tBaltit {font-size: 21px; line-height: 31px; display: inline-block;} .tBalance.useable .tBaltit em.num {font-size: 22px;} .tBalance.bound {display: flex;} .tBalance.bound .tBaltit {font-size: 21px; line-height: 31px; display: inline-block;} .tBalance.bound .tBaltit em.num {font-size: 22px;} .tBalance.borrow {display: flex;} .tBalance.borrow .tBaltit {font-size: 21px; line-height: 31px; display: inline-block;} .tBalance.borrow .tBaltit em.num {font-size: 22px;} .tBalance.etc {display: flex;} .tBalance.etc .tBaltit {font-size: 21px; line-height: 31px; display: inline-block;} .tBalance.etc .tBaltit em.num {font-size: 22px;} .asGroup .asList .intPercent {color: #F44336; position: relative ; margin-bottom: 4px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .intPercent:after {background-color: #d71820; color:#F44336; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .asGroup .asList .calcPercent.plus {color: #F44336; position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .calcPercent.plus:after {background-color: #d71820; color:#F44336;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .asGroup .asList .calcPercent.minus {color: #2196f3; position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .calcPercent.minus:after {background-color: #EBEFF7; color:#2196f3; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: 1;border-radius: 6px;z-index:-1;} .asGroup .asList .billCount {color: #7B61FF;position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .billCount:after {background-color: #7B61FF; color:#7B61FF; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .15;border-radius: 6px;} .asGroup .asList .payment {color: #2196F3;position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .payment:after {background: rgba(33, 150, 243, 0.15); color:#2196F3; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;border-radius: 6px;} .asGroup .asList .state.ok {color: #0DB26E;position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .state.ok:after {background-color: #0DB26E; color:#0DB26E; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .asGroup .asList .state.expire, .asGroup .asList .state.cancel, .asGroup .asList .state.extinct {color: #f44336 ;position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .state.expire:after, .asGroup .asList .state.cancel:after, .asGroup .asList .state.extinct:after {background-color: #f44336 ; color:#f44336 ; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .asGroup .asList .prdName .error {width: 14px; height: 14px;background-size: 14px 14px;} .asGroup .asList .tx {width: 100%;} .asGroup .asList .tx.with_btn {width: calc(100% - 50px);} .asGroup .asList .contentBox .amount:after {display:none;content: '';width: 6px;height: 11px;margin-left: 10px;background: url('../img/ic/ic_arw1.png?1102') no-repeat 50% 50%;background-size: 100% auto;} .asGroup .asList .state.paySelf{color: #3A63C3;position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .state.paySelf:after{background-color: #3A63C3;background-color: #3A63C3; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .asGroup .asList .state.payOther{color: #D57EF7;position: relative ; margin-bottom: 8px; display: inline-block; padding: 0 6px ;vertical-align: auto; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .asGroup .asList .state.payOther:after{background-color: #D57EF7; color:#D57EF7; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .asGroup .asList .state + .state{margin-left:6px;} .ico.wallet {animation-iteration-count:infinite;animation-duration:3s;animation-fill-mode:forwards;transition-timing-function:ease;animation-delay:1.5s;animation-name:emj_animaition;} .ico.bound {animation-iteration-count:infinite;animation-duration:3s;animation-fill-mode:forwards;transition-timing-function:ease;animation-delay:1.5s;animation-name:emj_animaition;} .ico.borrow {animation-iteration-count:infinite;animation-duration:3s;animation-fill-mode:forwards;transition-timing-function:ease;animation-delay:1.5s;animation-name:emj_animaition;} .ico.etc {animation-iteration-count:infinite;animation-duration:3s;animation-fill-mode:forwards;transition-timing-function:ease;animation-delay:1.5s;animation-name:emj_animaition;} .contentGroup {width: calc(100% - 42px);} .im.card + .contentGroup {width: calc(100% - 42px);} .itemBox {display: flex; align-items: center;margin-left: auto; } .itemBox .btn{position: absolute;right: 0px;bottom:20px; } .avoidLink {position: relative; display: flex;align-items: center;} .avoidLink .wholeBtn {position: absolute;top: 0;right: 0;bottom: 0; left: 0;background-color: rgba(0,0,0,0);} .itemBox .innerBtn {position:relative; display: inline-block;padding: 1px 5px 0;min-width: 50px;line-height: 28px;text-align: center; height: 28px;border-radius: 6px;background-color: rgba(242, 242, 242, 1);vertical-align: top;z-index: 10;color: #111;} .avoidLink .btn_more_ask {z-index: 10;} /* 입출금 ~ 보험 */ .update {position:relative; font-size: 12px; color: #666;} .sell_point {color:#2196f3;} .buy_point {color:#F44336;} .amount.cancel {text-decoration: line-through;} .accHistory.common .historyList .amount.plus {color: #cb2b11;} /* .tBalance .update {left: 0; position:relative; font-size: 12px; color: #666;} */ .tBalance.common img {width: 24px;height: 24px;} .tBalance.common .tBaltit {font-size: 21px; width: 90%;} .tBalance.common .tBaltit + .tBalDetail {justify-content: flex-start;align-items: center; display: flex; gap: 5px;} .tBalance.common .tBalgroup {display: flex;align-items: center;gap: 5px;} .tBalance.common .tBalgroup + .tBalgroup{margin-top: 5px;} .tBalance.common .tBalgroup .tBalDetail .num {margin-left: 5px;font-size:15px;} .tBalance.common .tBalgroup .tBalDetail ~ .pointColor, .accSetting.common .tAccount .tAccDetail ~ .pointColor{color: #F44336 !important;} .tBalance.common .tBalAmount {line-height:1;justify-content: flex-end;align-items:flex-end; margin-top: 12px; font-size: 25px;} .tBalance.common .tBalAmount .amount{font-size: 25px;} .tBalance.common .tBaltit ~ .tel_prd {margin-top: 30px;} .tBalance.common .tBalAmount + .tBalDetail {margin-top: 12px;text-align: end;} .tBalance.common .invest { position: absolute; right: 0; margin:10px 0 0; font-size: 14px;} .tBalance.common .tBalsubtit {font-size: 17px; margin-top: 10px;} .accHistory.common .historyList .amount {color: #000; font-size: 17px;} .accHistory.common .historyList .amount.plus {color: #D71820;} .accHistory.common .historyList .withdrawal .amount {color: #111;} .accHistory.common .historyList .revised .amount {color: #999;} .accHistory.common .historyList .reserved .amount {color: #666;} .accHistory.common .historyList .cancel .amount, .accHistory .historyList .cancel .balance {color: #5831D7;} .accHistory.common .historyList .time {font-weight: 500;overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;} .accHistory.common .historyList .time .tx{font-size: 14px;} .accHistory.common .historyList .balance {font-size: 14px;} .accHistory.common .investList .amount {font-size: 17px;} .accHistory.common .investList .plus .profit, .accHistory.common .investList .plus .profit .num, .accHistory.common .investList .plus .rate {font-size: 14px;} .accHistory.common .investList .minus .profit, .accHistory.common .investList .minus .profit .num, .accHistory.common .investList .minus .rate {font-size: 14px;} .accHistory.nocommon::before {display: none;} .topTotal .itemData .detail.nodetail {background-image: none; padding-right: 16px;} .topTotal .itemData .num {font-size: 17px;} .accSetting {padding: 0px;} .accSetting.common .tAccount{padding: 20px 0 30px;} .accSetting.common .tAccount.common .tAmount .num {font-size: 25px;} .accSetting.common .tAccount + .listTit {margin-top: 0;} .accSetting.common .tAccount .tAccDetail {display: flex; justify-content: flex-start;align-items: center; margin-top: 0px;} .accSetting.common .tAccount .tAccDetail .num {margin-left: 5px;font-size:15px;} .accSetting.common .tAccount .btnRef {position: absolute;right: 0;top: 20px;} .accSetting.common .accHistory {padding-top: 40px;} .accSetting.common .accDetailList .itemData {font-size: 17px;} .accSetting.common .accDetailList .itemData .num {margin-left:0;font-weight: 500; font-size: 17px;} .accSetting.common .accDetailList > li > .edit {padding-right: 30px;} .accSetting.common .accDetailList > li > .edit.type2 {background-image: url('../img/theme/apfin/ic_arw_16.png?1102');background-size: 16px 16px;padding-right: 20px;background-position: calc(100%) 3px;} .accSetting.common.narrow_mgt .accDetailList li + li {margin-top: 13px;} .accSetting.common.narrow_mgt .accDetailList.both_side li:first-child {margin-bottom: 25px;} .accDetailList .itemData .plus, .accDetailList .itemData .minus, .accDetailList .itemData .zero {font-size: 17px;} .layer_bottomsheet .accSetting.common .tAccount.common{padding: 20px 0 0px;} .accSetting.common img {width: 24px;height: 24px;} .accSetting.common .tAccTit {height: 100%; line-height: 31px; margin-bottom: 5px; width:90%} .accSetting.common .tAccgroup {display: flex; align-items: center;gap: 5px;} .accSetting.common .tAccgroup + .tAccgroup{margin-top:4px;} .accSetting.common .listTit {margin-bottom: 25px; line-height: 18px; font-size: 17px;} .accSetting.common .listTit {color: #666;} .instItem.common {margin-top: 30px;} .tAccount.common .tAccTit {display: flex; justify-content: flex-start; align-items: center; line-height: 31px;} .tAccount.common .tAmount {display: flex; align-items: center; justify-content: flex-end; margin-top: 12px; font-size: 25px;} .tAccount.common .tValue {display: flex;align-items: center;justify-content: flex-start;margin-bottom: 5px; font-size: 21px;} .tAccount.common .tValue.plus {color: #D71820;} .tAccount.common .tValue.revised {color: #666;} .tAccount.common .tValue.cancel {text-decoration: line-through;} .tAccount.common .tValue .num {font-size: 21px;} .tAccount.common .btnRef {top: 18px;} .tAccount.common .update {font-size: 12px;color: #666;position: absolute;left: 0;top: 0;} .tAccount.common .profit.plus {color:#F44336; font-size: 13px;} .tAccount.common .profit.minus {color:#2196f3; font-size: 13px;} .invest.profit{line-height:18px;} .invest.profit + .tAccDetail{margin-top:5px !important;line-height:21px;} .tAccount .state {color: #111; border-radius: 6px; padding: 2px 5px 2px 5px;} .tAccount .state.ok {background-color:rgba(13, 178, 110, 0.1) !important; color: #009e96 !important;} .tAccount .state.cancel{background-color:rgba(245, 77, 77, 0.1) !important;color:#eb6100 !important;} .tAccount .state.expire{background-color:rgba(245, 77, 77, 0.1) !important;color:#eb6100 !important;} .tAccount .state.extinct{background-color:rgba(245, 77, 77, 0.1) !important;color:#eb6100 !important;} .tAccount .state.payOther{background-color:rgba(213, 126, 247, 0.1) !important;color:#D57EF7 !important;} .tAccount .state.paySelf{background-color:rgba(58, 99, 195, 0.1) !important;color:#3A63C3 !important;} .label_txt.orange .txt {background-color: rgba(245, 77, 77, 0.1) !important; border: none; width: 50px;} .label_txt.green .txt {background-color:rgba(13, 178, 110, 0.1) !important; border: none; width: 50px;} .tel_prd .prd .info_tx {font-weight: 500;} .tel_prd .prd .info_tx.blk {color: #000;} .tel_prd .prd .name em {font-size: 15px;} .investList .profit {display: inline-block;} .investList .rate {display: inline-block;} .instItem {border-radius: 12px;border-color:#EEEEF1;} .instItem .instTotal {display:flex;justify-content:flex-start;align-items:center;height:50px;padding-top:2px;padding-bottom:0;background-color:#F7F7F7;border-color:#EEEEF1;border-radius:12px 12px 0 0;} .instItem .instTotal .itemTit{width:55%;margin-bottom:-4px;} .instItem .instTotal .itemData{width:45%;text-align:right; color: #000; font-size: 18px;} .instItem .instTotal .itemData .num{ color: #000; font-size: 18px;} .accSetting.common .instItem .instTotal{border-radius:12px 12px 0 0;} .wrap_ratio.common .graph .acc {background: linear-gradient( to right, #FF6161, #FF6161); height: 12px;} .wrap_ratio.common .inner {position: relative;width: 100%;padding: 14px 0px 15px;background-color: #fff;border-radius: 0 0 6px 6px;} .wrap_ratio.common .graph {overflow: hidden;display: flex;justify-content: flex-start;width: 100%;height: 12px;margin-top: 0px;border-radius: 6px;background-color: #e9e9e9;} .wrap_ratio.common.type2 .graph .acc {background: linear-gradient( to right, #FF708B, #FF708B); height: 20px;} .wrap_ratio.common.type2 .inner {position: relative;width: 100%;padding: 14px 0px 15px;background-color: #fff;border-radius: 0 0 6px 6px;} .wrap_ratio.common.type2 .graph {overflow: hidden;display: flex;justify-content: flex-start;width: 100%;height: 20px;margin-top: 0px;border-radius: 6px;background-color: #e9e9e9;} .emb_amount{content: '';width: 12px; height: 12px; display:inline-block; background-color: #F2F2F2;border-radius: 100%;margin-left: 5px;} .emb_status{content: '';width: 12px; height: 12px; display:inline-block; background-color: #962E01;border-radius: 100%;margin-left: 5px;} .cate_budget_list.common {margin: 0 0 0;} .cate_budget_list.common .exp_bar {padding-bottom: 60px; width: 100%; height: 12px; margin-top: 0px; border-radius: 8px;} .cate_budget_list.common .exp_bar{overflow:inherit;} .cate_budget_list.common .exp_bar .bar{height: 13px; overflow: hidden; background: #F2F2F2;} .cate_budget_list.common .bar_on {background: linear-gradient( to right, #962E01, #962E01); border-radius: 0px; transition: all .8s ease-in-out;} .cate_budget_list.common .bar_on:after{display: none} .cate_budget_list.common .bar_on:before{display: none;} .cate_budget_list.common .exp_amount.tooltip {position: absolute;margin-top: 50px; display:inline-block;font-size: 14px; width: auto; color: #000; white-space: nowrap; transition: all .8s;transition-delay: .5s; animation: fadeinamount 1s; padding: 3px 6px 3px 6px; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 8px; margin-left: -52px; text-align: center;} .cate_budget_list.common .exp_amount.tooltip .tx {font-weight: 400;} .cate_budget_list.common .bar_on{border-radius:0 25px 25px 0;} .cate_budget_list.common .tooltip.bottom:after{display:none;} .cate_budget_list.common .tooltip_tail{rotate:180deg;display:block;position:absolute;left:0;margin-left:-5px;bottom:29px;} .cate_budget_list.common .tooltip_tail:before{content:'';display:block;width:10px;height:10px;background: url('../img/ic/ic_tooltip.png?1102') no-repeat;background-size:10px auto;animation: fadeinamount 1.2s;} @keyframes fadeinamount {0%{opacity: 0;}40%{opacity: 0;}100%{opacity: 1;}} /* [E] 쓸 수 있는 돈, 묶어둔 돈, 빌린 돈, 기타 */ /* [S]챌린지 메인 */ .challenge_cate {padding-top: 30px;} .challenge_cate.asGroup .asList .contentBox .amount:after{background: hidden;display: none;} .challenge_cate.asGroup .asList.inquiry {border: none; margin-top: 0px; padding: 20px 0px 0px 0;} .challenge_cate.asGroup .asList.inquiry:first-child {padding-top: 0;} .challenge_cate .asList.inquiry .acc_array {position: relative;padding: 0px 5px;display: flex;align-items: center;gap: 5px;justify-content: center;} .challenge_cate .asList.inquiry img {width: 32px;height: 32px;} .challenge_cate .asList {margin-top: 10px;} .challenge_cate .asList .accItem {padding: 10px 20px;} .challenge_cate .asList .accItem .contentBox {position: relative;margin-top: 10px;display: flex;justify-content: flex-start;align-items: center;} .challenge_cate .asList .prdName {width: 100%;} .challenge_cate .asList .im {width: 30px; height: 30px; margin-right: 2px; justify-content: space-between;} .challenge_cate .asList.disable .im {opacity: .5; filter: grayscale(100%);} .challenge_cate .asList img {width: 28px; height: 28px;} .challenge_cate .asList .btnGroup .btnManage {color: #111;border: 1px solid #aaa; position: absolute; right: 25px; top: 30px; margin-top: -15px; width: 35px;display: flex; justify-content: center;align-items: center; height: 20px; border-radius: 10px; line-height: 31px; text-align: center; font-size: 10px; cursor: pointer;} .challenge_cate .asList .amount {margin-top: 0px; font-size: 20px;} .challenge_cate .asList .amount:after {display: none;} .challenge_cate .asList .accItem.ableTrf .contentBox {position: relative; margin-top: 10px; display: flex; justify-content: flex-start; align-items: center;} .challenge_cate .asList .flag .tx {text-align: center;margin: auto; width: 100%; color: #cb2b11;} .challenge_cate .asList .flag.red {border-color: #cb2b11;} .challenge_cate .asList .flag {display: flex; align-items: center; justify-content: center; margin: 0 0 0 7px; padding: 0px 5px; border-radius: 6px; color: #666; border: 1px solid #666;} .challenge_cate .asList .contentBox .amount.emit_arrow:after {display: none;} .challenge_cate .asList .amount .total {margin-right: 5px;} .challenge_cate .acc_select{position: relative;display: flex;align-items: center;gap: 5px;justify-content: center;} .challenge_cate .asList.on {border: 1px solid #962E01;} /* .challenge_cate .asList .acc_select .btn_chk {background: url('../img/theme/apfin/ic_chk_off.png?1102') no-repeat;padding: 0 12px; width:24px; height:24px; display: block;background-size: 24px auto;} .challenge_cate .asList.on .acc_select .btn_chk {background: url('../img/theme/apfin/ic_chk_on.png?1102') no-repeat;padding: 0 12px;width: 24px; height: 24px; display: block; background-size: 24px 24px;} */ .challenge_cate .asList.disable .acc_select .btn_chk {background: url('../img/theme/apfin/ic_chk_disable.png?1102') no-repeat;padding: 0 12px;width: 24px; height: 24px; display: none; background-size: 24px 24px;} .challenge_cate .asList.disable .intPercent {color: #AAAAAA; position: relative ; margin-bottom: 4px; display: inline-block; padding: 0 6px ; height: 22px;border-radius: 6px;line-height: 22px;text-align: center;font-size: 11px;cursor: pointer;background-color: transparent;} .challenge_cate .asList.disable .intPercent:after {background-color: #000000; color:#000000; content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;opacity: .08;border-radius: 6px;} .challenge_cate .accItem.acc_select {width: 100%;} .challenge_cate .contentGroup {text-align: left;} .challenge_cate .asList.disable .exp_date {font-size: 12px;line-height: 12px;color: #AAA;padding-left: 5px;} .challenge_cate .asList.disable .tx {color: #AAA;} .challenge_cate .asList.disable .contentBox{color: #AAA;} .challenge_cate .exp_date {display:inline-block;margin-top:2px;font-size: 13px;line-height: 21px;color: #666;padding-left: 5px;} .challenge_cate .accItem.acc_select{gap:0;} .challenge_cate .accItem.acc_select .contentGroup{color:#000;} .challenge_cate .accItem.acc_select .contentGroup .tx .prdName{color:#666;} .challenge_cate .accItem.acc_select .contentGroup .tx .prdName .orgName{margin-right:0;} /* 돈 모으기 */ .filterTit {font-size: 15px;line-height: 20px;margin-bottom: 12px;} .schTxt {width: 100%;height: 30px;border: solid #aaa;border-width: 0 0 1px;font-size: 14px;padding: 0 10px;margin-top: -5px;} .filterItem + .filterItem {margin-top: 36px;} .filterItem .typeTxt {width: 100%;height: 40px;line-height: 40px; border: solid #ddd;border-width: 0 0 1px;font-size: 14px;padding: 0px 0px 0px 10px;margin-top: -5px;color: #000;} .assetDetailList {margin-top: 22px;} .assetDetailList li {display: flex; justify-content: space-between; flex-wrap: wrap;align-items: flex-start;} .assetDetailList li + li {margin-top: 11px;} .assetDetailList .itemTit {width: 50%;color: #666;font-size: 15px;line-height: 22px;} .assetDetailList .itemData {width: 50%;display: flex;align-items: center;justify-content: flex-end;font-size: 17px;line-height: 20px;text-align: right;} .purposeList_link {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 41px;border-bottom: 1px solid #ddd;padding-left: 10px;} .purposeList_link h3 {font-size: 14px;line-height: 21px;color: #666;} .purposeList_link.agChkItem .btnFolding {justify-content:flex-end;top: 50%;width:100%;margin-top: -13px;padding-right:4px;} .purposeList_link.agChkItem .btnFolding:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;} .purposeList .cateListArea .cateList {margin-top: 8px;text-align: left;font-size: 17px;line-height: 40px;} .purposeList .typeTxt{cursor: pointer;} .top_navi_box{display: flex; flex-direction:column;gap: 12px;margin-top:30px;} .top_navi_box .challenge_cate {width: 100%;height: 100px;padding:0 24px;background-color: #F6F4FE;border: 1px solid #F6F4FE;border-radius: 10px;position: relative;} .top_navi_box .challenge_cate_group{margin-top: 0px; } .top_navi_box .challenge_cate_group .cate_tit{font-size:18px;line-height:27px;margin-top: 23px;} .top_navi_box .challenge_cate_group .cate_description{font-size:16px;line-height:24px;color: #777;} .top_navi_box .challenge_cate_group .ico.save{position:absolute;width:80px;height:80px;right: 24px;top: 10px;} .top_navi_box .challenge_cate_group .ico.save:before {content:'';position:absolute;background: url('../img/theme/apfin/ic_challenge_save.png?1102') no-repeat; width:80px;height:80px; background-size: 80px auto;background-position: 0;} .top_navi_box .challenge_cate_group .ico.eco{position:absolute;width:70px;height:70px;right: 15px;top: 15px;} .top_navi_box .challenge_cate_group .ico.eco:before {content:'';position:absolute;background: url('../img/theme/apfin/ic_challenge_eco.png?1102') no-repeat; width:70px;height:70px;background-size: 70px auto;background-position: 0;} .navi_box{display: flex; gap: 12px; flex-direction: column;margin-top: 27px;} .navi_box .challenge_cate {display: flex;justify-content: flex-start;align-items: center; width: 100%;height: 100px; padding: 15px 17px;background-color: #F6F4FE;border: 1px solid #F4F6FA;border-radius: 16px;position: relative;} .navi_box .challenge_cate.on {background-color:#e7e5f1;} .navi_box .challenge_cate_group .cate_tit{font-weight: 500;} .navi_box .challenge_cate_group .cate_description{color: #777;} .navi_box .challenge_cate_group.type_gift:before {content:'';position:absolute;background: url('../img/theme/apfin/ic_chng_gift.png?1102') no-repeat; width:80px;height:80px;right: 15px;top: 10px; background-size: 80px auto;background-position: center;} .navi_box .challenge_cate_group.type_travel:before {content:'';position:absolute;background: url('../img/theme/apfin/ic_chng_travel.png?1102') no-repeat; width:80px;height:80px;right: 15px;top: 10px; background-size: 80px auto;background-position: center;} .navi_box .challenge_cate_group.type_fortune:before {content:'';position:absolute;background: url('../img/theme/apfin/ic_chng_fortune_lg.png?1102') no-repeat; width:80px;height:80px;right: 15px;top: 10px; background-size: 80px auto;background-position: center;} .challenge-msg{overflow:hidden;padding:100px 0 60px 0;animation-iteration-count:1;animation-duration:1.2s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:assets_msg_animation;} .challenge-msg .ico{position:relative;width:100%;height:100px;} .challenge-msg .ico.challenge-plan:before{background-image: url('../img/theme/apfin/ic_gls_plan.png?1102');margin: 0 0 0 -55px;} .challenge-msg .ico.challenge-ready:before{background-image: url('../img/theme/apfin/ic_gls_ready.png?1102');margin: 0 0 0 -55px;} .challenge-msg .ico:before {content: '';position: absolute;left: 50%;top: 0;width: 100px;height: 100px;margin: 0 0 0 -50px;background-position: center;background-repeat: no-repeat;background-size: 100px auto;animation-iteration-count: infinite;animation-duration: 3s;animation-fill-mode: forwards;transition-timing-function: ease;animation-delay: 1.5s;animation-name: emj_animaition;} .challenge-msg.expand {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 0;padding: 0;height: calc(100vh - 197px);} .challenge-msg .ico + .msg {margin-top: 10px;} .challenge-msg .msg {opacity: 0;text-align: center;font-size: 16px;line-height: 24px;font-weight: 400;animation-iteration-count: 1;animation-duration: 1.5s;animation-fill-mode: forwards;transition-timing-function: ease;animation-name: assets_msg_txt_animation;animation-delay: .8s;} .challenge_cont {margin-top: 30px;} .tChallenge {position: relative;} .tChallenge .tChaltit {padding: 17px 0 0 0;max-width: 280px;word-break: break-all;font-size: 21px;line-height: 31px;} .tChallenge .tChaltit .btnRefreshTx{margin-top:18px;} .tChallenge .tChaltx {padding: 8px 0 0 0 ; word-break: break-all;font-size: 14px;color: #666; line-height: 21px;} .tChallenge.md .tChaltit {font-size:17px;line-height:25px;} .tChallenge.md .item .tit{font-size:15px;line-height:22px;} .tChallenge.md .item .price{font-size:17px;line-height:25px;} .top_memo {text-align: left; font-size: 13px; color: #666;} .ErrPop:before {content: '';display: inline-block;padding-left: 5px;vertical-align: middle;width: 14px;height: 14px;background: url('../img/ic/ic_err2.png?1102') no-repeat 50% 50%;background-image: url('../img/theme/apfin/ic_err.png?1102');background-size: 14px auto;} .challenge_cont + .tBalance.challenge{padding-top:40px;} .challenge_cont .filterItem + .set_amount{margin-top:0;height:50px;line-height:50px;} .challenge_cont .filterItem + .set_amount .total_amount{height:50px;} .challenge_cont .filterItem + .set_amount .total_amount input{line-height:1;font-size:18px;} .challenge_cont .filterItem + .set_amount .total_amount .unit{line-height:52px;} .set_amount {width: 100%;margin-top: 30px; height: 40px;line-height: 40px;} .set_amount .total_amount {width: 100%;height: 40px; display: flex; border-bottom: 1px solid #DDD;} .set_amount .total_amount.on {width: 100%;height: 40px;line-height: 40px; display: flex; border-bottom: 1px solid #962E01;} .set_amount .total_amount input::placeholder {border: 0;text-align: right;background: transparent;width: 100%;font-size: 14px;} .set_amount .total_amount input {line-height: 40px;text-align: right; font-size: 22px; color: #111;padding:0px 5px 0px 10px ;border: 0px; background:transparent;width: 100%;} .set_amount .total_amount .unit {font-size: 16px; width: auto; color: #000;} .set_amount .total_amount.has_edit .unit {font-size: 21px;} .set_amount .total_amount.has_edit .input_amount{color:#666;} .set_amount .total_amount.has_edit .input_amount.edit{color:#000;} /* [E]챌린지 메인 */ /* [S]소비 메인 */ .collabo_logo {position: relative;} .collabo_logo::before {content:'';position:absolute;background: url('../img/theme/apfin/ic_collabo.png?1102') no-repeat; width:218px;height:20px; background-size: 218px auto;top: -10px;} .sub_header .sub_header_inn { height: 55px;line-height: 55px; display: flex; justify-content: space-between;} .sub_header .sub_header_inn .left .tx {font-size: 17px;} .sub_header .sub_header_inn .right .btn_list_group {gap: 10px;height: 55px; display: flex;justify-content: flex-end;align-items: center; position: relative;} .btn_list_group .icon_calendar::before {content:'';background: url('../img/theme/apfin/ic_calendar.png?1102') no-repeat; width:26px;height:26px; background-size: 26px auto;display: block;} .btn_list_group .icon_profile::before {content:'';background: url('../img/theme/apfin/ic_my.png?1102') no-repeat; width:26px;height:26px; background-size: 26px auto;display: block} .btn_list_group .icon_cancel::before {content:'';background: url('../img/theme/apfin/ic_close.png?1102') no-repeat; width:26px;height:26px; background-size: 26px auto;display: block;} .main_sel_wrap {display: flex;justify-content: flex-start;align-items: center;gap:0 6px;width: 100%;height: 40px; margin-top: 0px;} .main_sel {width:60px;height:40px;font-size: 17px;line-height: 25px;position: relative;padding: 8px 0;text-align:center;} .main_sel .tx, .main_sel .item {color: #666;} .main_sel.on .tx, .main_sel.on .item {color: #000;} .main_sel.on::after {content: '';display: block;position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;background: #962E01;} .main_cateblck {position:relative;overflow:hidden;margin-top: 16px;width: 100%;border: none;padding: 20px 20px; border-radius: 12px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);border:1px solid #ddd;border-radius:12px;} .main_cateblck > a{position:relative;} .main_cateblck > a:after{content:'';display:block;position:absolute;left:0;top:0;width:calc(100% + 42px);height:calc(100% + 42px);margin:-20px 0 0 -20px;} .main_cateblck .tBalance.challenge {padding: 0 0 0;} .main_cateblck .tBalance.challenge.with_ico {display: flex; gap: 12px;margin-top:-5px;} .main_cateblck .tBalance.challenge img {width: 40px; height: 40px;} .main_cateblck .tBalance.challenge.with_ico.ico_assets{align-items: center;;} .main_cateblck .tBalance.challenge.with_ico.ico_assets img{width: 40px;height: 40px;} .main_cateblck .tBalance.challenge .tx_sm {font-size: 18px;} .main_cateblck .tBalance.challenge .tx {font-size: 14px; color: #666;margin-top: 8px;} .main_cateblck .wholeBtn {position: absolute;top: 0;right: 0;bottom: 0; left: 0;background-color:transparent;} .main_cateblck .btn_more_ask{margin-left:5px;z-index:2;} .main_cateblck.fill {min-height:297px;} .main_cateblck.fill .cateblck_desc + .ico_gls{margin-top:57px;} .main_cateblck.fill .graphic_explr{width: 100%; height: 150px;} .main_cateblck.fill .graphic_explr::after{content:'';padding-top: 60px; background: url('../img/theme/apfin/ic_explr.png?1102') no-repeat; width:100%;height:100px; background-size: 124px 100px;display: block;background-position: 50% 50%;} .tBalance.challenge .tBaltit .date {display:inline-block;margin-top:1px;line-height:30px;vertical-align:top;margin-left:5px;font-size: 14px;color: #666;} .main_sel_wrap + .upLoading.circleBar{margin:16px 0;} .main_sel_wrap + .main_cateblck, .upLoading + .main_cateblck, .topErrPop + .main_cateblck, .noti_box + .main_cateblck{margin-top:20px;} .main_cateblck .challenge_line_chart.vertical .legend.unit {padding-top: 20px;margin-bottom: 28px;font-size:14px;} .main_cateblck .challenge_line_chart.vertical .legend.date {display: flex;justify-content: space-between;padding: 8px 0px 0;max-width:280px;} .main_cateblck .challenge_line_chart.vertical .legend.date .tx {width:30px;font-size:12px;line-height:18px;color:#666;} .main_cateblck .challenge_line_chart.vertical .legend.date .tx:last-child {color: #6F3CFF;word-break:keep-all;text-indent:-5px;} .main_cateblck .challenge_line_chart.vertical .vbar_g_wrap .inner {max-width:280px;height: 100px;padding:0;border-bottom: none;} .main_cateblck .challenge_line_chart.vertical .vbar_g_wrap .inner:after{background-color:#f2f2f2;} .main_cateblck .challenge_line_chart.vertical .vbar_g_wrap .vbar_g{width:30px;} .main_cateblck .challenge_line_chart.vertical .vbar_g_wrap .limit_vLine {border-top: 1px dashed #DDDDDD;} .main_cateblck .cateblck_desc .more{content: '';position: relative;right: 0px;top: 0px;width: 16px;height: 16px;margin-left:4px;background-image: url('../img/theme/apfin/ic_arw_ctrl_r.png?1102');background-repeat: no-repeat;background-position: center;background-size: 16px auto;display: inline-block;background-repeat:no-repeat;} .main_cateblck .cateblck_desc .more.type2{content: '';margin-left: 15px; position: relative;right: -2px;top: 2px;width: 16px;height: 16px;background-image: url('../img/theme/apfin/ic_arw_ctrl_r.png?1102');background-repeat: no-repeat;background-position: center;background-size: 16px auto;display: inline-block;background-repeat:no-repeat;} .main_cateblck .challenge_line_chart.vertical .legend.unit_size {display: flex;justify-content: flex-end;} .unit_size .unit {font-size: 14px; color: #666;} .main_cateblck .btn_wrap {padding-bottom: 0px;} .main_cateblck .btn_wrap .btnBl4{font-size: 13px;} .main_cateblck .btn_wrap .btnBl4::after{ content: '';position: relative;right: -9px;top: 0px; width: 16px;height: 16px;background-image: url('../img/theme/apfin/ic_arw_16.png?1102');background-repeat: no-repeat;background-position: center;background-size: 16px auto;display: block;} .main_blck .assets-msg.expand {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 0;padding: 0;height: calc(100vh - 369px);} .main_blck .assets-msg .ico.assets-connect:before {background-image: url('../img/theme/apfin/ic_gls_graph.png?1102');} .description_box {width: 100%;min-height:44px; background-color: #F7F7F7;text-align: left; margin-top: 20px;border-radius: 8px; padding: 12px 12px;} .description_box .amount {position:relative;text-align:center;font-size: 13px; line-height: 19px;letter-spacing:-.1px;} .description_box .amount.grey {color:#666666 ;} .description_box .amount .emj.wink {margin-top:-9px;width:24px;height:24px;} .description_box .amount .emj.wink:before{margin-top:-5px;background-size:24px auto;} .description_box .amount .emj.research {margin-top:-9px;width:24px;height:24px;} .description_box .amount .emj.research:before{margin-top:-5px;background-size:24px auto;} .description_box .emj.cry {margin-top:-5px;width:24px;height:24px;background-size:24px 24px;vertical-align: text-bottom;} .description_box .emj.cry:before{top:3px;background-size:24px auto;margin:0;} .description_box .emj.sad {margin-top:-5px;width:24px;height:24px;background-size:24px 24px;vertical-align: text-bottom;} .description_box .emj.sad:before{top:3px;background-size:24px auto;margin:0;} .main_cateblck_group .emj.cry{margin-top:-3px;vertical-align: inherit;} .description_box .emj.smile {top: 3px;margin-top:-5px; width:24px;height:24px;background-size:24px 24px;vertical-align: text-bottom; animation-iteration-count:infinite;animation-duration:1.5s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:emj-rotate-ani-1;background-image:url('../img/theme/apfin/emj_happy_sm.png?1102');} .description_box .tx {color: #777;} .descr.emj.cry {content:'';top: 3px; width:18px;height:18px;background-size:18px auto;animation-iteration-count:infinite;animation-duration:1.5s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:emj-rotate-ani-1;background-image:url('../img/theme/apfin/emj_sad.png?1102');} .description_box .amount .num.plus{color:#F44336;} .description_box .amount .num.minus{color:#2196F3;} .cateblck_desc .challenge_chart_cate {margin-top: 10px;} .cateblck_desc .tBalance.challenge .emj {top: 3px;} .cateblck_desc .emj.cry {vertical-align:text-bottom; content:'';top: 3px; width:24px;height:24px;background-size:24px auto;animation-iteration-count:infinite;animation-duration:1.5s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:emj-rotate-ani-1;background-image:url('../img/theme/apfin/emj_sad.png?1102');} .cateblck_desc .emj.smile {vertical-align:text-bottom; content:'';top: 3px; width:24px;height:24px;background-size:24px auto;animation-iteration-count:infinite;animation-duration:1.5s;animation-fill-mode:forwards;transition-timing-function:ease-in-out;animation-name:emj-rotate-ani-1;background-image:url('../img/theme/apfin/emj_happy_sm.png?1102');} .top_total {display: flex; justify-content: center; align-items: center;margin:20px auto 0;} .top_total > a{position:relative;display:block;width:100%;height:100%;z-index:2;} .top_total > a:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:calc(100% + 40px);height:calc(100% + 40px);margin-top:-20px;margin-left:-20px;} .top_total .top_total_category{min-width: 100px; margin:0 auto;position: relative} .top_total .im{position:relative;width: 100px;height:100px;margin:0 auto;display: flex;justify-content: center;align-items:center;background-color:#9BE1FF;border-radius:50%;} .top_total .im img.category{ width: 90px;height: 90px;display: block;} .top_total .im img.first_place{ width: 40px;height: auto; display: block;position: absolute;bottom:0;right:0;margin-left:-52px;} .top_total .txt {position:relative;margin-top:12px;text-align: center; font-size: 17px;} .top_total .txt .price{text-align: center; font-size: 13px;} .top_total .txt .price.plus{color: #F44336;} .top_total .txt .price.minus{color: #2196F3;} .top_total .txt .price .ic_rate + .num{margin-left:5px;} .catePrice .price .ic_rate + .num{margin-left:2px;} .tBalDetail.lastMonth .price .ic_rate{margin-right:2px;} .cateblck_desc .sav_li.no_line {margin-top: 32px;} .cateblck_desc .sav_li.no_line > a{position:relative;display:block;} .cateblck_desc .sav_li.no_line > a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;} .cateblck_desc .sav_li.no_line:not(.two_string) > a .inner{min-height:45px;} .cateblck_desc .sav_li.no_line + .sav_li.no_line {margin-top: 20px;} .cateblck_desc .sav_li.no_line.two_string + .sav_li.no_line.two_string {margin-top: 15px;} .cateblck_desc .sav_li.no_line .catePrice::after {content: '';position: absolute;right: 0px;top:4px;width: 16px;height: 16px;background-image: url('../img/theme/apfin/ic_arw_16.png?1102');background-repeat: no-repeat;background-position: center;background-size: 16px auto;display: block;} .cateblck_desc .sav_li.no_line .inner { display: flex; align-items: center;justify-content: space-between;} .cateblck_desc .sav_li.no_line .inner .cateTit {width: 50%; gap: 8px;} .cateblck_desc .sav_li.no_line .inner .cateTit .im{width:32px;height:32px;} .cateblck_desc .sav_li.no_line .inner .cateTit .im img {height: auto; width: 32px;} .cateblck_desc .sav_li.no_line .inner .catePrice {position:relative;width: 50%;text-align: right;padding-right:18px;} .cateblck_desc .sav_li.no_line.two_string .inner { display: flex; align-items: center;justify-content: space-between;min-height:32px;} .cateblck_desc .sav_li.no_line.two_string .cateTit {align-items: center; display: flex;gap: 8px;} .cateblck_desc .sav_li.no_line.two_string .cateTit .im img {height: auto; width: 32px;} .cateblck_desc .sav_li.no_line.two_string .catePrice {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex-direction:column;position: relative;} .cateblck_desc .sav_li.no_line.two_string .catePrice::after {content: '';position: absolute;right: 0px;top:50%;margin-top:-7px;width: 12px;height: 12px;background-image: url('../img/theme/apfin/ic_arw_12.png?1102');background-repeat: no-repeat;background-position: center;background-size: 12px auto;display: block;} .cateblck_desc .sav_li.no_line.two_string .catePrice > p{width:100%;} .cateblck_desc .sav_li.no_line.two_string .catePrice .price {font-size: 13px; color: #666666;} .cateblck_desc .sav_li.no_line.two_string .catePrice .price.plus {color: #F44336;} .cateblck_desc .sav_li.no_line.two_string .catePrice .price.minus {color: #2196F3;} .top_total_category .amount{display:inline-block;position:relative;} .top_total_category .amount:after{content: '';position: absolute;right: -16px;top:50%;margin-top:-5px;width: 12px;height: 12px;background-image: url('../img/theme/apfin/ic_arw_12.png?1102');background-repeat: no-repeat;background-position: center;background-size: 12px auto;display: block;} .motion_cont {position: relative; width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;margin: 0 auto;} .motion_cont:before{content:'';position:absolute;left:0;top:20px;width:100%;height:160px;background-image:url('../img/theme/apfin/ic_main_motion_cont.png?1102');background-repeat:no-repeat;background-size:auto 160px;background-position:center;} /* .motion_cont .ico {animation-iteration-count: 1;animation-duration: 3s;animation-fill-mode: forwards;transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);position: absolute;left: 33%;top: -95px;z-index: 2;opacity: 0;} .motion_cont .ico span.img{font-size: 11px;} .motion_cont .ico.type_01 .after_ani {animation-delay: 4s;} .motion_cont .ico.type_01 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_01 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_movie.png?1102'); width: 74px; height: 64px; background-size: 74px 64px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_02 .after_ani {animation-delay: 3s;} .motion_cont .ico.type_02 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_02 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_cart.png?1102'); width: 62px; height: 67px; background-size: 62px 67px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_03 .after_ani {animation-delay: 6s;} .motion_cont .ico.type_03 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_03 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_edu.png?1102'); width: 49px; height: 41px; background-size: 49px 41px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_04 .after_ani {animation-delay: 4s;} .motion_cont .ico.type_04 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_04 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_money.png?1102'); width: 68px; height: 60px; background-size: 68px 60px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_05 .after_ani {animation-delay: 3s;} .motion_cont .ico.type_05 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_05 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_health.png?1102'); width: 44px; height: 47px; background-size: 44px 47px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_06 .after_ani {animation-delay: 8s;} .motion_cont .ico.type_06 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_06 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_tour.png?1102'); width: 71px; height: 60px; background-size: 71px 60px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_07 .after_ani {animation-delay: 6s;} .motion_cont .ico.type_07 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_07 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_main_consume_wifi.png?1102'); width: 67px; height: 58px; background-size: 67px 58px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico.type_08 .after_ani {animation-delay: 4s;} .motion_cont .ico.type_08 .img{color: #fff;display: inline-block;} .motion_cont .ico.type_08 .img:before{content:"";display: block; background-image: url('../img/theme/apfin/ic_main_consume_shopping_2.png?1102');width: 72px; height: 77px; background-size: 72px 77px; position: absolute;left: 50% ;top: 50%; transform: translate(-50%, -50%); z-index: -1;background-position:center;} .motion_cont .ico .after_ani{animation-name: motion_visual_trans_after_ani;animation-iteration-count: infinite;animation-duration: 3.5s;animation-fill-mode: forwards;animation-direction: alternate;transition-timing-function: ease-in-out;transform: scale(.8);} */ @keyframes motion_visual_trans_after_ani { from {transform:scale(.8);} 20%{transform:scale(.8);} to{transform:scale(1.0);}} /* 소비메인 애니메이션 시작위치 설정1 */ /* ico 01 */ .motion_cont.set_pos_1 .ico.type_01{margin-top:175px;margin-left:-40px;} .motion_cont.set_pos_1 .ico.type_01{animation-delay:.9s;animation-name:motion_visual_trans_set1_ico_01;} @keyframes motion_visual_trans_set1_ico_01 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:175px;margin-left:-40px;opacity:1;transform:scale(1);}} /* ico 02 */ .motion_cont.set_pos_1 .ico.type_02{margin-top:140px;margin-left:40px;} .motion_cont.set_pos_1 .ico.type_02{animation-delay:1.1s;animation-name:motion_visual_trans_set1_ico_02;} @keyframes motion_visual_trans_set1_ico_02 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:140px;margin-left:40px;opacity:1;transform:scale(1);}} /* ico 03 */ .motion_cont.set_pos_1 .ico.type_03{margin-top:170px;margin-left:110px;} .motion_cont.set_pos_1 .ico.type_03{animation-delay:1.3s;animation-name:motion_visual_trans_set1_ico_03;} @keyframes motion_visual_trans_set1_ico_03 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:170px;margin-left:110px;opacity:1;transform:scale(1);}} /* ico 04 */ .motion_cont.set_pos_1 .ico.type_04{margin-top:225px;margin-left:120px;} .motion_cont.set_pos_1 .ico.type_04{animation-delay:1.5s;animation-name:motion_visual_trans_set1_ico_04;} @keyframes motion_visual_trans_set1_ico_04 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:225px;margin-left:120px;opacity:1;transform:scale(1);}} /* ico 05 */ .motion_cont.set_pos_1 .ico.type_05{margin-top:275px;margin-left:100px;} .motion_cont.set_pos_1 .ico.type_05{animation-delay:1.7s;animation-name:motion_visual_trans_set1_ico_05;} @keyframes motion_visual_trans_set1_ico_05 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:275px;margin-left:100px;opacity:1;transform:scale(1);}} /* ico 06 */ .motion_cont.set_pos_1 .ico.type_06{margin-top:305px;margin-left:25px;} .motion_cont.set_pos_1 .ico.type_06{animation-delay:1.9s;animation-name:motion_visual_trans_set1_ico_06;} @keyframes motion_visual_trans_set1_ico_06 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:305px;margin-left:25px; opacity:1;transform:scale(1);}} /* ico 07 */ .motion_cont.set_pos_1 .ico.type_07{margin-top:265px;margin-left:-50px;} .motion_cont.set_pos_1 .ico.type_07{animation-delay:2.1s;animation-name:motion_visual_trans_set1_ico_07;} @keyframes motion_visual_trans_set1_ico_07 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:265px;margin-left:-50px;opacity:1;transform:scale(1);}} /* ico 08 */ .motion_cont.set_pos_1 .ico.type_08{margin-top:225px;margin-left:30px;} .motion_cont.set_pos_1 .ico.type_08{animation-delay:2.3s;animation-name:motion_visual_trans_set1_ico_08;} @keyframes motion_visual_trans_set1_ico_08 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:225px;margin-left:30px;opacity:1;transform:scale(1);}} .motion_sect {position: relative; width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;margin: 0 auto;} .motion_sect:before{content:'';position:absolute;left:0;top:45px;width:100%;height:120px;background-image:url('../img/theme/apfin/ic_main_motion_sect.png?1102');background-repeat:no-repeat;background-size:auto 120px;background-position:center;} /* .motion_sect .ico {animation-iteration-count: 1; animation-duration: 3s;animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);position: absolute;left: 50%;top: -95px;z-index: 2;opacity: 0;} .motion_sect .ico span.img{font-size: 11px;} .motion_sect .ico.type_01 .motion_sect .ico.type_01 .img{color: #fff;display: inline-block;} .motion_sect .ico.type_01 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_motion_sect_house.png?1102'); width: 94px; height: 94px; background-size: 94px 94px; position: absolute; transform: translate(-50%, -50%);z-index: -1; background-position:center;} .motion_sect .ico.type_02 .after_ani_2 {animation-delay: 3s;} .motion_sect .ico.type_02 .img{color: #fff;display: inline-block;} .motion_sect .ico.type_02 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_motion_sect_chart.png?1102'); width: 45px; height: 49px; background-size: 45px 49px; position: absolute; transform: translate(-50%, -50%);z-index: -1; background-position:center;} .motion_sect .ico.type_03 .after_ani_2 {animation-delay: 5s;} .motion_sect .ico.type_03 .img{color: #fff;display: inline-block;} .motion_sect .ico.type_03 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_motiion_sect_money.png?1102'); width: 32px; height: 32px; background-size: 32px 32px; position: absolute; transform: translate(-50%, -50%);z-index: -1; background-position:center;} .motion_sect .ico.type_04 .after_ani_2 {animation-delay: 3s;} .motion_sect .ico.type_04 .img{color: #fff;display: inline-block;} .motion_sect .ico.type_04 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_motion_sect_money2.png?1102'); width: 26px; height: 26px; background-size: 26px 26px; position: absolute; transform: translate(-50%, -50%);z-index: -1; background-position:center;} .motion_sect .ico.type_05 .img{color: #fff;display: inline-block;} .motion_sect .ico.type_05 .img:before{content:""; display: block; background-image: url('../img/theme/apfin/ic_motion_sect_calc.png?1102'); width: 42px; height: 42px; background-size: 42px 42px; position: absolute; transform: translate(-50%, -50%);z-index: -1; background-position:center;} .motion_sect .ico .after_ani_2{animation-name: motion_visual_trans_after_ani_2;animation-iteration-count: infinite;animation-duration: 5s;animation-fill-mode: forwards;animation-direction: alternate; transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);transform: scale(1);} */ @keyframes motion_visual_trans_after_ani_2 { from{transform:rotate(0deg);} 25%{transform:rotate(15deg);} 50%{transform:rotate(-15deg);} 75%{transform:rotate(10deg);} to{transform:rotate(-10deg);} } /* 소비메인 애니메이션2 시작위치 설정1 */ /* ico 01 */ .motion_sect.set_pos_2 .ico.type_01{margin-top:185px;margin-left:0px;} .motion_sect.set_pos_2 .ico.type_01{animation-delay:1.5s;animation-name:motion_visual_trans_set2_ico_01;} @keyframes motion_visual_trans_set2_ico_01 { from{opacity:0;} to{margin-top:185px;margin-left:0px;opacity:1;}} /* ico 02 */ .motion_sect.set_pos_2 .ico.type_02{margin-top:185px;margin-left:50px;} .motion_sect.set_pos_2 .ico.type_02{animation-delay:1.7s;animation-name:motion_visual_trans_set2_ico_02;} @keyframes motion_visual_trans_set2_ico_02 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 50%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:185px;margin-left:50px;opacity:1;transform:scale(1);}} /* ico 03 */ .motion_sect.set_pos_2 .ico.type_03{margin-top:125px;margin-left:45px;} .motion_sect.set_pos_2 .ico.type_03{animation-delay:1.9s;animation-name:motion_visual_trans_set2_ico_03;} @keyframes motion_visual_trans_set2_ico_03 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 50%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:125px;margin-left:45px;opacity:1;transform:scale(1);}} /* ico 04 */ .motion_sect.set_pos_2 .ico.type_04{margin-top:145px;margin-left:-55px;} .motion_sect.set_pos_2 .ico.type_04{animation-delay:2.1s;animation-name:motion_visual_trans_set2_ico_04;} @keyframes motion_visual_trans_set2_ico_04 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 50%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:145px;margin-left:-55px;opacity:1;transform:scale(1);}} /* ico 05 */ .motion_sect.set_pos_2 .ico.type_05{margin-top:195px;margin-left:-45px;} .motion_sect.set_pos_2 .ico.type_05{animation-delay:2.3s;animation-name:motion_visual_trans_set2_ico_05;} @keyframes motion_visual_trans_set2_ico_05 { from{opacity:0;transform:scale(.5);} 10%{opacity:.5;transform:scale(.5);} 30%{opacity:1;transform:scale(.5);} 50%{opacity:1;transform:scale(.5);} 85%{opacity:1;} to{margin-top:195px;margin-left:-45px;opacity:1;transform:scale(1);}} .linkpage_box { width: 100%; height: auto;font-size: 15px; line-height: 25px; background-color: #F7F7FF;text-align: center; margin-top: 30px;border-radius: 12px; padding: 20px 0;} .linkpage_box .box_tx {position:relative;} .linkpage_box.type_02 { width: 100%; height: auto;font-size: 15px; line-height: 22px; background-color: #F7F7FF;text-align: left; margin-top: 30px;border-radius: 12px; padding: 13px 15px;} .linkpage_box.type_02 .box_tx {position:relative;} .linkpage_box.type_02 .box_tx .emj.eye {background-size: 24px auto; width: 24px; height: 24px; top: 5px;} .linkpage_box.type_02 .box_tx::before {content: none;} .linkpage_box.type_02 .box_tx::after {content: '';position: absolute;right: -3px;top: 19px;width: 16px;height: 16px;background-image: url('../img/theme/apfin/ic_arw_16.png?1102');background-repeat: no-repeat;background-position: center;background-size: 16px auto;} .linkpage_box .box_tx::before {content:'';background: url('../img/theme/apfin/ic_chart.png?1102') no-repeat; width:30px;height:30px; background-size: 30px 30px;display: block; position: absolute;left: 10px;top: -3px;} .linkpage_box .box_tx::after {content: '';position: absolute;right: 10px;top: 4px;width: 16px;height: 16px;background-image: url('../img/theme/apfin/ic_arw_16.png?1102');background-repeat: no-repeat;background-position: center;background-size: 16px auto;} .main_spend_list {margin-top: 46px;} .main_spend_list .tit.lg > .tx {font-size: 20px; line-height: 30px;} .main_spend_list .tit.lg {font-size: 17px; display: flex; align-items: center; line-height: 25px;} .main_spend_list .tit.lg.inline {justify-content: space-between;} .asGroup.report_cate.spend .asList {padding:10px 0;} .asGroup.report_cate.spend .asList .tx {color: #666;} .asGroup.report_cate.spend .asList .contentBox .amount:after {display: none;} .asGroup.report_cate.spend .asList {margin-top:5px;border-radius: 12px; background-color: #fff; border: 1px solid #DDD; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);} .asGroup.report_cate.spend .asList .accItem.ableTrf {padding: 10px 10px;} .asGroup.report_cate.spend .asList .accItem .contentBox {position: relative;margin-top: 3px;display: flex;justify-content: flex-start;align-items: center;} .asGroup.report_cate.spend .asList .accItem .contentBox .amount, .asGroup.report_cate.spend .asList .accItem .contentBox .amount em{font-size:16px;line-height:24px;} .asGroup.report_cate.spend .budgetList_link .total .price{font-size: 17px;line-height: 25px;} .asGroup.report_cate.spend .budgetList_link.agChkItem .btnFolding{position:relative;width:auto;height:31px;top:0;margin-top:0px;} .asGroup.report_cate.spend .budgetList_link.agChkItem .btnFolding:before{position:absolute;top:50%;right:0px;width:16px;height:16px;margin-top:-8px;background-image:url('../img/theme/apfin/ic_acc_up.png?1102');background-size:16px auto;transform:rotate(180deg);} .asGroup.report_cate.spend .budgetList_link.agChkItem .btnFolding.show:before{margin-top:-10px;transform:rotate(0deg);} .asGroup.report_cate.spend .budgetList_link.agChkItem .btnFolding .total{position:relative;margin-top:0px;top:0;} .asGroup.report_cate.spend .budgetList_link.agChkItem .btnFolding .total .price{margin-left:0;} .asGroup.report_cate.spend .budgetList_link:first-child{border-bottom: 0px;height: auto; margin-top: 15px;} .asGroup.report_cate.spend .budgetList_link{border-bottom: 0px;height: auto; margin-top: 30px;} .asGroup.report_cate.spend .budgetList_link.agChkItem h3 {font-size: 17px;line-height:25px;} .asGroup.report_cate.spend .budgetList_link.agChkItem h3 a{display:block;width:auto;} .asGroup.report_cate.spend .budgetList_link.agChkItem h3 .num{position:relative;display:inline-block;margin-left: 4px;padding-right:24px;font-size: 17px;line-height: 25px;color: #962E01;} .asGroup.report_cate.spend .budgetList_link.agChkItem h3 a .num:after{content:'';position:absolute;right:0;top:50%;margin-top:-10px;display:block;width:20px;height:20px;margin-left:4px;background-image:url('../img/theme/apfin/ic_arw_bg_gray.png?1102');background-size:auto 12px;background-repeat:no-repeat;background-position:0 center;} @supports(-webkit-touch-callout:none){ .asGroup.report_cate.spend .budgetList_link.agChkItem h3 a .num:after{margin-top:-12px;} } .link.agChkItem .btnFolding:before {background-image: url('../img/theme/apfin/ic_arw_folding2.png?1102');} .asGroup.report_cate.spend .btn_wrap {padding-bottom: 0px;} .ico_sel_down.right:before {margin-top: 1px;background-size: 10px auto;transform: rotate(-90deg);} .accHistory.main .section {height: 1px ; background-color: #DDD; border: none;margin: 10px 0 30px 0;} .accHistory.main .main_category {display: flex; justify-content: space-between;align-items: center;height:45px;border-bottom:1px solid #ddd;} .accHistory.main .main_category ~ .main_category{margin-top:30px;} .accHistory.main .main_category .left {display: flex; align-items: center;gap: 8px;} .accHistory.main .main_category .left .im img {width: 32px; height: 32px; display: inline-block;} .accHistory.main .main_category .left .main_category {font-size: 17px;} .accHistory.main .category_detail .im {display: flex;align-items: center; justify-content: flex-start; width: 40px; height: 40px;} .accHistory.main .category_detail .im img{width: 28px; height: 28px; margin-top: 6px;margin-right: 8px;} .accHistory.main .category_detail .left {display: flex; gap: 8px; align-items: center; width: calc(100% - 130px);} .accHistory.main .category_detail .left .category .detail{font-size: 13px; color: #666;line-height: 21px;} .accHistory.main .category_detail .right .amount {margin-top: 4px;font-size: 15px;line-height: 21px;color:#666;word-break: break-all;} .accHistory.main .category_detail .right .amount .num {font-size: 15px;} .accHistory.main .category_detail .right .amount .tx.sm{vertical-align:top;display:inline-block;font-size:11px;} .accHistory.main .category_detail .right .day {font-size: 15px; display: flex; justify-content: flex-end;align-items: center;line-height: 22px;color: #666;} .accHistory.main .category_detail .right .day .status {margin-right: 6px;display: inline-block;} .accHistory.main .category_detail .right .day .status .txt {display:flex;justify-content:center;align-items:center;font-size: 11px; height: 19px;padding: 2px 6px 0; color: #666; border-color: #666; border: 1px solid; border-radius: 20px;} .accHistory.main .category_detail .right.scheduled .day{color:#000;} .accHistory.main .category_detail .right.scheduled .day .status .txt {color: #5A3BF7;border-color: #5A3BF7;} .accHistory.main .category_detail .right.scheduled .amount{color:#000;} .accHistory.main .category_detail .right.confirm .day{color:#000;} .accHistory.main .category_detail .right.confirm .day .status .txt {color: #cb2b11;border-color: #cb2b11;} .accHistory.main .category_detail .right.confirm .amount{color:#000;} .main_cateblck .ico_gls{margin:20px auto 0;} .main_cateblck .ico_gls ~ .btn_wrap{padding-top:20px;z-index:2;} .main_cateblck .ico_gls ~ .btn_wrap .btnBl{z-index:2;} .main_cateblck.card_h_fix{height:297px;background-color:transparent;} .main_cateblck.card_h_fix > a{display:block;width:100%;height:100%;} .main_cateblck.card_h_fix > a.wholeBtn{display:block;width:calc(100% + 2px);height:calc(100% + 2px);} .main_cateblck.card_h_fix > a.wholeBtn:after{display:none;} .accHistory.customMonth + .tBalance.common{margin-top:-10px;padding-top:0px;padding-bottom:20px;} .tBalance.common .tBalAmount + .tBalDetail.lastMonth{margin-top:4px;} .tBalance.common .tBalDetail.lastMonth .price{margin-left:5px;} .tBalance.common .tBalDetail.lastMonth .price.plus{color:#F44336;} .tBalance.common .tBalDetail.lastMonth .price.minus{color:#2196F3;} .tBalance.common .tBalDetail.lastMonth .price.edit{color:#999;} .tBalance.common .tBalDetail.lastMonth .price.cancel{text-decoration:line-through;} /* 비교 배너 */ .listBanBox{margin-top:30px;} .listBanBox .listNoneBox{padding:0;} .listBanBox .listNoneBox .listNone.no_ico{margin-top:30px;padding:10px 0 11px;} .listBanBox .desc{font-size:15px;color:#666;line-height:26px;} .listBanBox .desc.type2{font-size:17px;color:#666;line-height:30px;} .listBanBox .rankingBox{position:relative;margin-top:30px;} .listBanBox .rankingBox .tx.md{color:#777;line-height:22px;} .listBanBox .rankingBox .tx.lg{font-size:25px;line-height:34px;} .listBanBox .rankingBox .rankingColor{color:#5A3BF7;} .listBanBox .rankingBox.none{text-align:left;} .listBanBox .rankingBox.none .tx.md{font-size:13px;} .listBanBox .rankingBox.none .tx.lg{font-size:22px;line-height:32px;} .listBanBox .rankingBox.none .rankingColor{display:inline-flex;gap:4px;justify-content:flex-end;align-items:center;color:#000 !important;} .listBanBox .rankingBox.none:after{content:'';position:absolute;right:0;top:7px;display:block;width:36px;height:36px;background-image:url('../img/theme/apfin/v2/main_tcompare_bg_qmark.png?1102');background-size:36px auto;background-repeat:no-repeat;} .listBanBox .rankingBox .icoQMark{width:24px;height:30px;background-image:url('../img/theme/apfin/ic_q_mark.png?1102');background-size:24px auto;background-repeat:no-repeat;} .listBanBox .rankingBox .ico{position:absolute;right:0px;bottom:0px;width:100px;height:100px;background-image:url('../img/theme/apfin/v2/main_tcompare_bg_up.png?1102');background-size:36px auto;background-position:bottom right;background-repeat:no-repeat;} .listBanBox .rankingBox.down .ico{background-image:url('../img/theme/apfin/v2/main_tcompare_bg_down.png?1102');} .listBanBox .rankingBox.consum .ico{position:absolute;right:0px;bottom:0px;width:100px;height:100px;background-image:url('../img/theme/apfin/v2/main_consum_tcompare_bg_up.png?1102');background-size:36px auto;background-position:bottom right;background-repeat:no-repeat;} .listBanBox .rankingBox.down.consum .ico{background-image:url('../img/theme/apfin/v2/main_consum_tcompare_bg_down.png?1102');} .listBanBox .rankingBox.down .rankingColor{color:#F05E89 !important;} /* [E]소비 메인 */ /* [S] 메인 자산 */ .banner.main_assets{margin-top:10px;} .banner.main_assets .ban_link{min-height:36px;padding:13px 20px 10px;border-radius:8px;background:#EBEFF7;z-index:2;} .banner.main_assets .ban_link:before{display:none;} .banner.main_assets .ban_link .tit{display:inline-block;font-size:13px;line-height:21px;word-break:keep-all;} .banner.main_assets .ban_link .tit:after{content:'';clear:both;overflow:hidden;} .banner.main_assets .ban_link .tit .label_txt{float:left;margin-top:1px;margin-right:8px;} .banner.main_assets .ban_link .tit .label_txt .txt{padding:1px 6px 0;font-size:12px;line-height:12px;color:#fff;background-color:#00B8FF;border:0;} .banner.main_target{margin-top:16px;} .banner.main_target .ban_link{min-height:46px;padding:20px 20px;border-radius:12px;background-color:#EFECFF;} .banner.main_target .ban_link:before{top:50%;right:20px;left:inherit;margin-top:-25px;width:56px;height:50px;background-image:url('../img/theme/apfin/ic_main_target.png?1102');background-size:56px auto;background-repeat:no-repeat;} .banner.main_target .ban_link .tit{font-size:17px;line-height:25px;word-break:keep-all;} .banner.main_target .ban_link .tit .tx.md{font-size:14px;line-height:21px;color:#666;} .banner.main_loan{margin-top:30px;} .banner.main_loan .ban_link{display:block;padding:18px 20px 16px 20px;background-color:#EBEFF7;} .banner.main_loan .ban_link:before, .banner.main_loan .ban_link .data:after{display:none;} .banner.main_loan .ban_link .item{display:flex;justify-content:space-between;align-items:center;} .banner.main_loan .ban_link .item .tx{font-size:15px;line-height:22px;} .banner.main_loan .ban_link .item .tx.sm{font-size:13px;line-height:19px;color:#000;} .banner.main_loan .ban_link .item .name{font-size:18px;line-height:27px;color:#962E01;} .banner.main_loan .ban_link .item ~ .item{margin-top:4px;} .ul_st{margin-top:20px;} .ul_st .li.side{display:flex;justify-content:space-between;align-items:center;} .ul_st .li ~ .li{margin-top:14px;} .ul_st .li .item{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 5px;font-size:17px;line-height:25px;} .ul_st .li .item:nth-child(odd){width:100%;} .ul_st.calendar .li .item{font-size:15px;line-height:22px;} .ul_st.calendar .li .item:nth-child(odd){width:55%;} .ul_st.calendar .li .item:nth-child(even){justify-content:flex-end;width:45%;font-size:16px;line-height:25px;} .ul_st .li .item .day{display:inline-block;font-size:15px;line-height:22px;color:#666;margin-right:8px;} .ul_st .li .item .ico_color:before{content:'';display:inline-block;width:14px;height:14px;background-color:#EEF4FF;border-radius:20px;} .ul_st .li:nth-child(1) .item .ico_color:before{background-color:#419EF2;} .ul_st .li:nth-child(2) .item .ico_color:before{background-color:#FA7BA2;} .ul_st .li:nth-child(3) .item .ico_color:before{background-color:#41C5C9;} .ul_st .li .item.plus{color:#5831D7;} .ul_st .li .item.minus{color:#000;} .ul_st .li .item.edit{color:#999;} .ul_st .li .item.cancel{text-decoration:line-through;} .ul_st.challenge .item{position:relative;display:inline-block;} .ul_st.challenge .item:nth-child(odd){line-height:22px;font-size:15px;color:#000;} .ul_st.challenge .item.detail{line-height:21px;font-size:13px;} .ul_st.challenge .item ~ .item.detail{margin-top:-4px;margin-bottom:0px;} .ul_st.challenge .item .emj.sm{width:24px;height:19px;margin-top:0px;} .ul_st.challenge .item .emj.sm:before{top:50%;margin-top:-6px;background-size:24px auto;} .ico_main_target{position:relative;width:40px;height:40px;margin-right:5px;} .ico_main_target:before{content:'';display:inline-block;width:100%;height:100%;background-image:url('../img/theme/apfin/ic_chng_wallet.png?1102');background-repeat:no-repeat;background-position:0 0;background-size:40px auto;} .ico_main_target.bag:before{background-image:url('../img/theme/apfin/ic_chng_fortune.png?1102');} .cateblck_desc ~ .ico_main_target{margin-top:15px;} .ico_main_target ~ .ul_st.challenge{margin-top:18px;} .cateblck_desc .tBalance.challenge ~ .listNone.no_ico{margin-top:40px;padding-bottom:24px;} .cateblck_desc .listNone.no_ico .emj{margin-right:10px;} .cateblck_desc .listNone.no_ico .emj.lg:before{background-size:38px auto;} .ic_alert.lg{width:24px;height:24px;margin:-2px 8px 0 0;background-image:url('../img/theme/apfin/ic_alert_lg.png?1102');background-size:24px auto;background-repeat:no-repeat;} .cateblck_desc .tBalance.challenge .tBaltit.sm{font-size:21px;line-height:27px;} .main_cateblck_group{height:216px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:0 0;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);border:1px solid #eee;border-radius:12px;} .main_cateblck_group .main_cateblck{height:216px;margin-top:0;border:none;border-radius:0px;background-color:transparent;} .main_cateblck_group .main_cateblck:nth-child(odd){background-color:none;box-shadow:none;} .main_cateblck_group .main_cateblck:nth-child(even){background-color:none;box-shadow:none;} .main_cateblck_group .main_cateblck:nth-child(even):before{content:'';position:absolute;left:0;top:20px;width:0;height:calc(100% - 40px);border-left:1px dashed #ddd;} .legend.price.hide{visibility:hidden;} .main_cateblck_group .cateblck_desc + .challenge_line_chart{margin-top:8px;} .main_cateblck_group .ul_st{margin-top:32px;} .main_cateblck_group .main_cateblck .challenge_line_chart.horizon.sm .hbar_g_wrap{background-color:#f2f2f2;} .main_cateblck_group .main_cateblck .challenge_line_chart.horizon.sm .hbar_g_wrap, .main_cateblck_group .main_cateblck .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx{height:16px;} .main_cateblck_group .main_cateblck .challenge_line_chart.horizon.sm .hbar_g_wrap .valTx{font-size:10px;} .main_cateblck_group .main_cateblck:first-child .challenge_line_chart.horizon.sm .hbar_g_wrap .hbar{background-color:#5831D7;} .main_cateblck_group .main_cateblck:last-child .challenge_line_chart.horizon.sm .hbar_g_wrap .hbar{background-color:#1AD492;} .main_cateblck_group .challenge_line_chart.horizon .hbar_g_wrap .valTx{top:inherit;bottom:-22px;justify-content: flex-start;} .main_cateblck_group .challenge_line_chart.horizon .hbar_g_wrap .valTx .tx{font-size:15px;line-height:22px;} .main_cateblck_group .main_cateblck:nth-child(odd) .challenge_line_chart.horizon .hbar_g_wrap .valTx .tx{color:#5831D7;} .main_cateblck_group .main_cateblck:nth-child(even) .challenge_line_chart.horizon .hbar_g_wrap .valTx .tx{color:#1AD492;} .main_cateblck.no_sync{text-align:left;background-color:transparent !important;} .main_cateblck.no_sync .challenge_line_chart.horizon .hbar_g_wrap{overflow:inherit;background-image:url('../img/theme/apfin/bg_main_ban_sav_bar.png?1102');background-repeat:repeat-x;background-size:16px auto;background-position:-2px 0;} .main_cateblck.no_sync .challenge_line_chart.horizon .hbar_g_wrap .noSyncTx{display:none;margin-top:2px;font-size:15px;line-height:22px;color:#666;} .main_cateblck.no_sync .hbar_g_wrap .hbar{width:0 !important;} .main_cateblck_group .description_box{display:flex;justify-content:flex-start;align-items:center;height:60px;margin-top:34px;padding:2px 8px 0;border-radius:8px;} .main_cateblck_group .description_box .ul_st{margin-top:0;} .main_cateblck_group .ic{width:24px;height:24px;background-image:url('../img/theme/apfin/ic_main_ban_sav_1.png?1102');background-repeat:no-repeat;background-size:24px auto;} .main_cateblck_group .ic.sav2{background-image:url('../img/theme/apfin/ic_main_ban_sav_2.png?1102');} .main_cateblck_group .ic + .cateblck_desc{margin-top:8px;} .description_box .listNone{font-size:14px;padding:20px 0;} .description_box .link_txt{position:absolute;right:16px;top:2px;font-size:14px;color:#666;} .cateblck_desc.maxValCk .tBalance.challenge .more{top:1px;} .cateblck_desc.maxValCk .tBalance.challenge .tx.md{margin-top:0;display:block;font-size: 17px;line-height:26px;color:#000;} .cateblck_desc.maxValCk .tBaltit{letter-spacing:0;} .cateblck_desc.maxValCk .tBaltit .cate{color:#962E01;} .assets-graph-pie.type_main{display:flex;justify-content:space-between;height:178px;margin:0px -20px 0;} .assets-graph-pie.type_main .highcharts-figure{overflow:hidden;width:100%;max-width:320px;margin:0 auto;} .assets-graph-pie.type_main .highcharts-pie-series .highcharts-point{stroke-width:0;} .assets-graph-pie.type_main .highcharts-legend .listWrap{height:19px;} .assets-graph-pie.type_main .highcharts-legend .listWrap .nameWrap{font-size:11px;line-height:19px;} .assets-graph-pie.type_main .highcharts-legend .listWrap .numWrap{font-size:11px;line-height:19px;} .main_cateblck.noSync{min-height:240px;} .main_cateblck.noTarget{min-height:240px;} .main_cateblck.noTarget .tBalance.challenge .tBaltit{font-size:20px;} .main_cateblck .ico{width:100%;background-repeat:no-repeat;background-position:center;} .main_cateblck.noSync .ico.main_no_sync{height:90px;margin:38px auto 0;background-size:auto 90px;background-image:url('../img/theme/apfin/ic_main_no_sync.png?1102');} .main_cateblck.noTarget .ico.main_no_target{height:90px;margin:34px auto 0;background-size:auto 90px;background-image:url('../img/theme/apfin/ic_main_no_target.png?1102');} .main_cateblck.noTarget .ico.main_new_target{height:100px;margin:38px auto 0;background-size:auto 100px;background-image:url('../img/theme/apfin/ic_main_new_target.png?1102');} .main_cateblck.noTarget + .main_cateblck_group .main_cateblck{margin-top:0;} .assets-graph-pie.type_main .chart_label_box{margin-top:0px;padding:0;background-color:transparent;border:0;} .assets-graph-pie.type_main .chart_label_box .cate{padding:4px 6px;display:block;font-size:11px;line-height:15px;color:#444;background-color:#fff;border:1px solid #aaa;border-radius:12px;word-break:break-all;word-wrap:break-word;letter-spacing:-.3px;z-index:3;} .assets-graph-pie.type_main .chart_label_box.line2{margin-top:-20px;} .assets-graph-pie.type_main .chart_label_box.line2 .cate{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:8px;} .assets-graph-pie.type_main .chart_label_box.line2 .cate:before{content:'';position:absolute;left:50%;bottom:-14px;margin-left:-8px;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:8px solid #fff;border-right:8px solid transparent;transform:rotate(90deg);z-index:2;} .assets-graph-pie.type_main .chart_label_box.line2 .cate:after{content:'';position:absolute;left:50%;bottom:-16px;margin-left:-8px;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:8px solid #aaa;border-right:8px solid transparent;transform:rotate(90deg);z-index:1;} .assets-graph-pie.type_main .chart_label_box.line2.cate_acc .cate{border-color:#6F3CFF;}/*입출금*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_acc .cate:after{border-left-color:#6F3CFF;} .assets-graph-pie.type_main .chart_label_box.line2.cate_pay .cate{border-color:#96D3FF;}/*페이/포인트*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_pay .cate:after{border-left-color:#96D3FF;} .assets-graph-pie.type_main .chart_label_box.line2.cate_dep .cate{border-color:#1AD492;}/*예적금*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_dep .cate:after{border-left-color:#1AD492;} .assets-graph-pie.type_main .chart_label_box.line2.cate_irp .cate{border-color:#FFD028;}/*예수금/투자*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_irp .cate:after{border-left-color:#FFD028;} .assets-graph-pie.type_main .chart_label_box.line2.cate_dc .cate{border-color:#F3AAFF;}/*퇴직연금*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_dc .cate:after{border-left-color:#F3AAFF;} .assets-graph-pie.type_main .chart_label_box.line2.cate_loan .cate{border-color:#C3B0FE;}/*대출/카드청구*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_loan .cate:after{border-left-color:#C3B0FE;} .assets-graph-pie.type_main .chart_label_box.line2.cate_sav .cate{border-color:#9F83FB;}/*저축/연금보험*/ .assets-graph-pie.type_main .chart_label_box.line2.cate_sav .cate:after{border-left-color:#9F83FB;} .budgetList_link.agChkItem + .asList .tx.with_btn{width: calc(100% - 64px);} .budgetList_link.agChkItem + .asList .itemBox .btn{right:20px;} /* [E] 메인 자산 */ /* [S] 메인 자산 수직 라인차트 */ .challenge_line_chart.vertical.xlg.main + .description_box{margin-top:10px;} .cateblck_desc + .challenge_line_chart.vertical.xlg.main{margin-top:40px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar{background-color:#ddd;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g.latest .vbar{background-color:#6F3CFF;} .challenge_line_chart.vertical.xlg.main .legend.unit{min-height:80px;background-color:#eee;} .challenge_line_chart.vertical.xlg.main .legend.date{padding:0 60px;} .challenge_line_chart.vertical.xlg.main .legend.date .tx{width:48px;margin-top:5px;font-size:12px;color:#666;line-height:18px;} .challenge_line_chart.vertical.xlg.main .legend.date .tx.latest{color:#6F3CFF;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .inner{max-width:280px;height:80px;margin:0 auto;padding:0 60px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .inner:after{display:block;background-color:#f2f2f2;z-index:-4;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g{width:48px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar{width:48px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .valTx{width:calc(100% + 180px);margin-left:-90px;padding-right:0;z-index:2;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .valTx:after{display:none;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vLineBar2 .valTx{padding-right:0;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g.latest .valTx{color:#fff;} .main_cateblck .challenge_line_chart.vertical.xlg.main .legend.date .tx:last-child{text-indent:0;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vLineBar1 .valTx{margin-bottom:2px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g .valTx .tooltip{margin-bottom:10px;position:relative;display:inline-block;width:auto;height:20px;padding:1px 8px 0px;font-size:11px;line-height:18px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:10px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g .valTx .tooltip:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #f7f7f7;border-right:6px solid transparent;transform:rotate(90deg);z-index:2;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g .valTx .tooltip:after{content:'';position:absolute;left:50%;bottom:-10px;margin-left:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #ddd;border-right:6px solid transparent;transform:rotate(90deg);z-index:-2;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vbar_g .valTx .percent{position:relative;display:block;width:44px;margin:0 auto 0;padding-top:30px;font-size:12px;line-height:19px;z-index:2;} .challenge_line_chart.vertical.xlg.main.lowVal .vbar_g_wrap .vLineBar1 .valTx{margin-bottom:5px !important;} .challenge_line_chart.vertical.xlg.main.equal0 .vbar_g_wrap .lastMonthLine{display:none;} .challenge_line_chart.vertical.xlg.main.equal0 .vbar_g_wrap .tooltip{margin-bottom:10px !important;} .challenge_line_chart.vertical.xlg.main.equal .valTx .percent{display:none !important;} .challenge_line_chart.vertical.xlg.main.equal .valTx .percent:before{content:'= ';} .challenge_line_chart.vertical.xlg.main.equal .valTx .percentTx:before{content:'= ';} /* .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.equal .valTx .percentTx:before{content:'= ';} */ .challenge_line_chart.vertical.xlg.main.equal.not_sign .valTx .percent:before{content:'';} .challenge_line_chart.vertical.xlg.main.down .legend.date .tx.latest{color:#6F3CFF;} .challenge_line_chart.vertical.xlg.main.down .valTx .percent{padding-top:5px !important;color:#6F3CFF;} .challenge_line_chart.vertical.xlg.main.down .valTx .percent:before{content:'-';} .challenge_line_chart.vertical.xlg.main.down .valTx .percentTx:before{content:'-';} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.down .valTx .percentTx:before{content:'-';} .challenge_line_chart.vertical.xlg.main.down.not_sign .valTx .percent:before{content:'';} .challenge_line_chart.vertical.xlg.main.down .vbar_g_wrap .vbar_g.latest .vbar{background-color:#6F3CFF;} .challenge_line_chart.vertical.xlg.main.up .valTx .percent:before{content:'+';} .challenge_line_chart.vertical.xlg.main.up .valTx .percentTx:before{content:'+';} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.up .valTx .percentTx:before{content:'+';} .challenge_line_chart.vertical.xlg.main.up.not_sign .valTx .percent:before{content:'';} .challenge_line_chart.vertical.xlg.main.perUp .vLineBar2 .valTx .percent{margin-top:0px;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .lastMonthLine{position:absolute;left:0;width:100%;height:1px;background-image:url('../img/theme/apfin/bg_main_chart_dahed_line.png?1102');background-size:8px 1px;background-repeat:repeat-x;z-index:-1;} /* 신규가입시(첫달), 정기적전송미동의시 */ .challenge_line_chart.vertical.xlg.main.new .vbar_g{height:80px;} .challenge_line_chart.vertical.xlg.main.new .vLineBar2 .valTx{height:100%;} .challenge_line_chart.vertical.xlg.main.new .vLineBar2 .vbar{height:100%;} .challenge_line_chart.vertical.xlg.main.new .vbar_g_wrap .lastMonthLine{bottom:100%;} .challenge_line_chart.vertical.xlg.main.new ~ .description_box{font-size:13px;line-height:19px;} .challenge_line_chart.vertical.xlg.main.new ~ .description_box:not(.not_agree){display:flex;justify-content:flex-start;align-items:center;padding-top:2px;padding-bottom:0px;} @supports(-webkit-touch-callout:none){ .challenge_line_chart.vertical.xlg.main.new ~ .description_box:not(.not_agree){padding-top:3px;} } .description_box.not_agree{position:relative;background-color:#EFECF7;padding:0;z-index:2;} .description_box.not_agree .a_link{display:block;width:100%;height:100%;padding:11px 22px;line-height:19px;font-size:12px;} .description_box.not_agree .a_link .more{position:relative;width:12px;height:12px;margin-bottom:-1px;background-image:url('../img/theme/apfin/ic_arw_12.png?1102');background-repeat:no-repeat;background-position:center;background-size:12px auto;display:inline-block;background-repeat:no-repeat;} /* [E] 메인 자산 수직 라인차트 */ /* [S] 실물자산 추가 ////////////////////////////////////////////// */ .selAssetsWrap .assetsReal{display:none;} .selAssetsWrap .assetsReal .valTx .tooltip{font-size:11px !important;color:#666;border-color:#666 !important;} .selAssetsWrap .assetsReal .valTx .tooltip:after{border-left-color:#666 !important;} .selAssetsWrap .assetsReal .vLineBar2 .valTx{margin-bottom:2px;} .selAssetsWrap .assetsReal .vLineBar2 .valTx .percent{display:inline-block !important;width:auto !important;height:20px;line-height:18px !important;padding:1px 8px 0 !important;font-size:11px !important;color:#666;background-color:#f7f7f7;border:1px solid #ddd;border-radius:10px;letter-spacing:0 !important;z-index:auto !important;} .selAssetsWrap .assetsReal .vLineBar2 .valTx .percent:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #f7f7f7;border-right:6px solid transparent;transform:rotate(90deg);z-index:2;overflow:hidden;} .selAssetsWrap .assetsReal .vLineBar2 .valTx .percent:after{content:'';position:absolute;left:50%;bottom:-10px;margin-left:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #ddd;border-right:6px solid transparent;transform:rotate(90deg);z-index:-2;overflow:hidden;} .selAssetsWrap .assetsReal .legend.date .item{position:relative;display:block;width:48px;height:23px;} .selAssetsWrap .assetsReal .legend.date .item .tx{position:absolute;left:0;bottom:0;width:100px !important;margin-left:-25px;text-align:center !important;color:#000 !important;} .selAssetsWrap .assetsReal .challenge_line_chart.down .vLineBar2 .valTx .percent{padding-top:0 !important;} .selAssetsWrap .assetsReal .challenge_line_chart.equal .vLineBar2 .valTx .percent{display:inline-block !important;} /* 부동산만연결 */ .selAssetsWrap .assetsReal.onlyEstate .vLineBar2 .valTx .percent{color:#5A3BF7 !important;border:1px solid #5A3BF7 !important;} .selAssetsWrap .assetsReal.onlyEstate .vLineBar2 .valTx .percent:after{border-left-color:#5A3BF7 !important;} /* 자동차만연결 */ .selAssetsWrap .assetsReal.onlyCar .vLineBar2 .valTx .percent{color:#1AD492 !important;border:1px solid #1AD492 !important;} .selAssetsWrap .assetsReal.onlyCar .vLineBar2 .valTx .percent:after{border-left-color:#1AD492 !important;} .selAssetsWrap .assetsReal.onlyCar .vLineBar2 .vbar{background-color:#1AD492 !important;} /* 둘다 연결 */ .selAssetsWrap .assetsReal.allSync .challenge_line_chart.vertical.xlg.main.equal .valTx .percent{display:inline-block !important;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .valTx .tooltip{display:none !important;} .selAssetsWrap .assetsReal.allSync .valTx .percent{position:relative;display:inline-block !important;width:auto !important;height:20px;line-height:18px !important;padding:1px 5px 0 !important;font-size:11px !important;color:#666;background-color:#f7f7f7;border:1px solid #ddd;border-radius:10px;font-weight:300 !important;z-index:auto !important;} .selAssetsWrap .assetsReal.allSync .valTx .percent:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #f7f7f7;border-right:6px solid transparent;transform:rotate(90deg);z-index:2;overflow:hidden;} .selAssetsWrap .assetsReal.allSync .valTx .percent:after{content:'';position:absolute;left:50%;bottom:-10px;margin-left:-6px;width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #ddd;border-right:6px solid transparent;transform:rotate(90deg);z-index:-2;overflow:hidden;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart.down .valTx .percent{padding-top:0 !important;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart.equal .valTx .percent{display:inline-block !important;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .vbar_g_wrap_all{display:flex;justify-content:center;width:100%;padding:0 20px;border-bottom:1px solid #f2f2f2;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .vbar_g_wrap{width:50%;max-width:110px;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .vbar_g_wrap .inner{overflow:hidden;position:relative;display:block;width:48px;height:80px;padding:0;border-radius:8px 8px 0 0;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .vbar_g_wrap .inner:after{display:none;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .vbar_g_wrap .inner .vbar_g{display:block;position:absolute;left:50%;bottom:0;margin-left:-24px;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .legend.date{justify-content:center;width:100%;max-width:260px;height:22px;padding:0;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .legend.date .item{width:50%;max-width:110px;margin-top:5px;text-align:center;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart .legend.date .item .tx{position:relative;margin:0 auto !important;width:auto !important;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart.vertical .vbar_g_wrap .valTx{bottom:16px;} .selAssetsWrap .assetsReal.allSync .challenge_line_chart.vertical .vbar_g_wrap .valTx .percent{min-width:33px;} .selAssetsWrap .assetsReal.allSync .vbar_g_wrap .vbar_g .vbar{border-radius:0;} /* .selAssetsWrap .assetsReal.allSync .vbar_g_wrap .lastMonthLine{border-top:1px dashed #fff;z-index:100 !important;word-spacing:10px;} */ .selAssetsWrap .assetsReal.allSync .vbar_g_wrap .lastMonthLine{position:relative;background:none !important;z-index:3 !important;} .selAssetsWrap .assetsReal.allSync .vbar_g_wrap .lastMonthLine:before{content:'';position:absolute;background-image: linear-gradient(to right, white 40%, rgba(255,255,255,0) 0%);background-position:2px bottom;background-size: 8px 1px;background-repeat: repeat-x;padding-top: 2px;width:100%;} /* 자산 변동 없음 */ .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.equal .valTx .percent{color:#666 !important;border-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.equal .valTx .percent:after{border-left-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.equal .lastMonthLine{display:none;} /* 미연동 */ .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noSync .valTx .percent{color:#666 !important;border-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noSync .valTx .percent:after{border-left-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noSync .valTx .percent .percentTx:before{content:'' !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noSync:nth-child(odd) .vbar{background-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noSync:nth-child(even) .vbar{background-color:#6F3CFF !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noSync .lastMonthLine{display:none !important;} /* 자산없음 */ .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noAssets .vbar{height:0px !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noAssets .valTx{bottom:1px !important;height:25px !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noAssets .valTx .percent{color:#666 !important;border-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noAssets .valTx .percent:after{border-left-color:#ddd !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noAssets .valTx .percent .percentTx:before{content:'' !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap_all .vbar_g_wrap.noAssets .lastMonthLine{display:none !important;} /* 부동산 */ .selAssetsWrap .assetsReal .vbar_g_wrap.type_estate .valTx .percent{color:#5A3BF7 !important;border:1px solid #5A3BF7 !important;} .selAssetsWrap .assetsReal .vbar_g_wrap.type_estate .valTx .percent:after{border-left-color:#5A3BF7 !important;} /* 자동차 */ .selAssetsWrap .assetsReal .vbar_g_wrap.type_car .valTx .percent{color:#1AD492 !important;border:1px solid #1AD492 !important;} .selAssetsWrap .assetsReal .vbar_g_wrap.type_car .valTx .percent:after{border-left-color:#1AD492 !important;} .selAssetsWrap .assetsReal .vbar_g_wrap.type_car .vLineBar2 .vbar{background-color:#1AD492 !important;} /* ★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* .assetsReal:not(.allSync){border:2px solid red;} .wholeBtn{z-index:-1000;border:1px dotted pink;} */ /* ★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* M1002 금융자산 미연동 */ .challenge_line_chart.vertical.xlg.main .vbar_g_wrap .vLineBar2 .tooltip.noSync{display:none !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap.noSync .vLineBar2 .percent{display:none !important;} .challenge_line_chart.vertical.xlg.main .vbar_g_wrap.noSync .vLineBar2 .tooltip.noSync{display:block !important;width:36px;margin:0 auto;color:#666;} /* layer */ .assetsLink{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:70px;padding:20px;background-color:#F7F7F7;border-radius:8px;} .assetsLink:after{content:'';position:absolute;right:20px;top:50%;margin-top:-6px;width:12px;height:12px;background-image:url('../img/theme/apfin/ic_arw_bg_gray.png?1102');background-size:12px;background-repeat:no-repeat;background-position:center center;} .assetsLink + .assetsLink{margin-top:12px;} .assetsLink .im{width:30px;height:30px;} .assetsLink .im img{width:100%;height:100%;} .assetsLink .name{font-size:17px;color:#666;line-height:25px;} .btn_wrap + .main_cateblck.listBanBox{margin-top:0;} /* [E] 실물자산 추가 ////////////////////////////////////////////// */ /* [S] mydata2.0 2023-06 ============================================================================================== */ .tBalance .addInfo{font-size:14px;line-height:21px;color:#666;} .tBalance .addInfo.point{color:#f44336;} .tAccount .tAddInfo{font-size:14px;line-height:19px;} .tAccount .tAddInfo .tx{display:block;color:#666;} .tAccount .tAddInfo .tx.point{color:#962E01;} .tAccount .tAddInfo .tx + .tx{margin-top:5px;} .layer_bottomsheet .tAccount.common .tValue{line-height:31px;} /* 자산편집 */ .content .asGroup.report.editList .asList .accItem .agencyWrap .agencyName .name{line-height:24px;font-size:16px;color:#666;} .content .asGroup.report.editList .asList .accItem .agencyWrap .agencyName .name .sm{font-size:15px;} .btnEditWay ~ .banner.report:nth-child(odd){display:none;} .btnEditWay ~ .banner.report:nth-child(even){display:block;} .btnEditWay.type_class ~ .banner.report:nth-child(odd){display:block;} .btnEditWay.type_class ~ .banner.report:nth-child(even){display:none;} .btnEditWay ~ .cateGroupTit{margin-top:30px;} .cateGroupTit{padding:0 0px;font-size:18px;line-height:27px;} .cateGroupTit + .cateGroup{margin-top:10px;} .accItem.realAssets{height:90px !important;} .accItem.realAssets .agencyWrap{height:52px !important;} /* 계좌 */ .topErrPop + div .update{margin-top:10px;} .accHistory .historyList .cancel .balance{color:#666;} .content > .accSetting.common .accDetailList .itemData{display:inline-block;} /* etc */ .asGroup.report_cate.spend .asList .accItem.ableTrf .contentGroup .prdName .btn_more_ask .ico_ask{margin-top:-2px;} .msg_alert .tx.md{line-height:10px;} .asGroup .cardPayDayList + .listTit{margin-top:20px;} /* [S] set /////////////////////////////////////////////////// */ /* color */ .pointColor2 {color:#F05E89 !important;} .pointColor_g {color:#aaa !important;} .pointLine {box-shadow:rgba(93, 207, 210, 0.25) 0px -10px 0px inset;} .pointLine2 {box-shadow:rgba(195, 176, 254, .25) 0px -10px 0 inset;} .pointLine3 {box-shadow:rgba(159, 131, 251, .25) 0 -10px 0 inset ;} .pointLine4 {box-shadow:rgba(159, 131, 251, .25) 0 -10px 0 inset ;} .pointLine5 {box-shadow:rgba(159, 131, 251, .25) 0 -10px 0 inset ;} /* btn */ a.btnBl1.btnPlus:before {content:'';width:16px;height:16px;margin-right:6px;background-image:url('../img/theme/apfin/v2/bt_plus.png?1102');background-size:16px auto;background-repeat:no-repeat;} a.btnBl1.btnRef {width:auto;background:#c2c2c2;background-image:none;} a.btnBl1.btnRef:after {content:'';width:16px;height:16px;margin-left:10px;background-image:url('../img/theme/apfin/v2/bt_ref.png?1102');background-size:16px auto;background-repeat:no-repeat;} a.btnBl1.btnRef2 {width:auto;background:#EFECF7;background-image:none;color: #5831D7;} a.btnBl1.btnRef2:after {content:'';width:16px;height:16px;margin-left:10px;background-image:url('../img/theme/apfin/v2/bt_ref2.png?1102');background-size:16px auto;background-repeat:no-repeat;} a.btnBl2.btntType2 {background-color:#962E01;color:#fff;} a.btnBl2.btnEdit:before {content:'';width:16px;height:16px;margin-right:6px;background-image:url('../img/theme/apfin/bt_set_new_bold.png?1102');background-size:16px auto;background-repeat:no-repeat;} .btnAdd {display:flex;} .btnAdd .bank_link {display:flex;margin-left:auto;align-items:center;font-size:15px;color:#5831D7;font-weight:400;} .btnAdd .bank_link:after {display:block;width:16px;height:16px;content:'';background-image:url('../img/theme/apfin/v2/ic_arw_blue.png?1102');background-repeat:no-repeat;background-size:auto 16px;background-position:center;filter: invert(55%) sepia(20%) saturate(1206%) hue-rotate(178deg) brightness(94%) contrast(91%);} .btn_delete {position:relative;width:14px;height:14px;} .btn_delete::before {position:absolute;top:0;left:0;content:'';width:16px;height:16px;background-image:url('../img/theme/apfin/v2/ic_del2.png?1102');background-size:16px auto;background-repeat:no-repeat;} .btn_wrap.type_arw a.btnBl2{font-size:14px;} .btn_wrap.type_arw a.btnBl2 .ic_arrw {width:14px;height:14px;margin-right:0;margin-top:-1.5px;} .btn_more_ask .ico_ask.type_white{margin-left:-3px;width:13px;height:14px;background-image:url('../img/theme/apfin/v2/ic_ask_white.png?1102');background-size:13px auto;} .btnEditWay.report ~ div .assets-graph-pie ~ .btn_wrap{padding-bottom:0px;} /* [S] Flag, tag */ .flagArea .flag{padding: 4px 6px 2px;border-radius: 20px;font-weight: 700;font-size: 10px;margin:0;line-height: 1;vertical-align: top;} .flagArea .flag + .sq_flag{margin-left: 2px;} .flagArea .flag.self{background: #985DD3;color: #fff;border: 1px solid #985DD3;} .flagArea .flag.apt{color: #985CD3;border: 1px solid #985CD3;} .flagArea .flag.monthly{background: #69B556;;color: #fff;border: 1px solid #69B556;} .flagArea .flag.lease{background: #4E8FF0;;color: #fff;border: 1px solid #4E8FF0;} .flagArea .flag.officetels{color: #69B556;border: 1px solid #69B556;} .flagArea .flag.villa{color: #4E8FF0;border: 1px solid #4E8FF0;} .flagArea .flag.complex{color: #4E8FF0;border: 1px solid #4E8FF0;} .sq_flag {display:inline-block;margin:0 -2px 8px 0;padding:3px 8px;font-size:10px;font-weight:700;line-height:15px;color:#fff;border-radius:1px;} .sq_flag.sq_dblue {background-color:#5831D7;} .sq_flag.sq_blue {background-color:#5831D7;} .sq_flag.sq_lblue {background-color:#74ACE8;} .sq_flag.sq_dgreen {background-color:#2B9F90;} .sq_flag.sq_green {background-color:#48B479;} .sq_flag.sq_lgreen {background-color:#87CA97;} .lflag {display:inline-block;padding:0 8px;border-radius:20px;font-size:12px;line-height:22px;} .lflag.orange {background-color:#FF974C;color:#fff;} .lflag.gray {background-color:#aaa;color:#fff;} .tag {display:inline-block;margin:0 2.5px;padding:5px 10px;border:1px solid #eee;border-radius:6px;font-size:13px;} .tag.blue {border:1px solid #74ACE8;color:#5831D7;} /* [E] Flag, tag */ /* ico */ .filterItem .radioTab label{line-height:38px;border-right-color:#ddd;border-radius:6px;} .filterItem .radioTab li + li{margin-left:4px;} .filterItem .radioTab input:checked + label{font-weight:500;} .filterItem .dateItem input{padding:10px 12px;font-size:16px;} .filterItem .ui-datepicker-trigger{width:24px;height:24px;background: url('../img/theme/apfin/ic_calendar2.png?1102') no-repeat 50% 50%;background-size:24px;} /* hr */ .hr_div.thin_div {height:1px;background-color:#e5e5e5;} .hr_div.type2 {margin:10px -20px 30px;} .hr_div.type3 {margin:15px -20px 30px;} .hr_div.type4 {margin:30px -20px 0;} .hr_div2 {height:10px;margin:20px 0;background-color:#f5f6f7;border:0;} .hr_div3 {margin:30px -20px;background-color:#f5f6f7;padding: 0 20px;height: 10px;border: 0;} /* [S] invest */ .tBalance .invest .num.invest_up:before, .asGroup .asList .profit .num.invest_up:before, .accDetailList .itemData .plus:before, .investList .profit .num.invest_up:before, .state_contents .invest .num.invest_up:before {content:'';display:inline-block;align-items:flex-start;vertical-align:inherit;width:8px;height:10px;margin:0 1px 0 0;background-image:url('../img/theme/apfin/v2/ic_invest_up.svg?0808');background-repeat:no-repeat;background-size:8px 7px;} .tBalance .invest .num.invest_down:before, .asGroup .asList .profit .num.invest_down:before, .accDetailList .itemData .minus:before, .investList .profit .num.invest_down:before, .state_contents .invest .num.invest_down:before {content:'';display:inline-block;align-items:flex-start;vertical-align:inherit;width:8px;height:9px;margin:0 1px 0 0;background-image:url('../img/theme/apfin/v2/ic_invest_down.svg?0808');background-repeat:no-repeat;background-size:8px 7px;} .accDetailList .itemData em:before{display:none !important;} /* [E] invest */ .smallTit {font-size:16px;font-weight:500;margin-bottom:10px;} .layer_cont i{font-style:normal;} .taxContent .tBalance .flag{display:inline-block;margin:-3px 0 0 5px;padding:0 8px;font-size:10px;line-height:17px;color:#fff;border:none;border-radius:15px;} .msgResult{color:#aaa;} .msgResult p{font-weight:400;} .taxGroup .filterItem .radioTab li + li{margin-left:4px;} .filterItem .radioTab .radioMid label {height:44px;padding:10px 25px;line-height:24px;font-size:16px;border-radius:6px;border: 1px solid #ddd;} .filterItem .radioTab .radioLg label {height:50px;padding:10px 25px;line-height:31px;font-size:15px;border-radius:6px;} .layer_inner .filterItem .radioTab .radioMid label {font-size:14px;} .dotList{border-top:1px solid #eee;padding: 20px 0;} /* .dotList li{display: flex;justify-content: space-between;} */ .dotList li + li{margin-top: 10px;} .dotList li span{display: flex;align-items: center;line-height: inherit;font-size: 13px;font-weight: 500;} .dotList .infoTit{font-size: 14px;font-weight: 400;} .dotList .infoTit span{margin-right: 5px;} .dotList .infoNum{font-size: 13px;font-weight: 500;} .dotList .infoNum:after{display: block;width: 16px;height: 16px;content: '';background-image: url('../img/theme/apfin/v2/ic_arw_black.png?1102');background-repeat: no-repeat;background-size: 16px auto;} .dotList .infoNum .num{font-size: 15px;font-weight: 700;} /* 아웃링크 배너 */ .banner.outLink {width:100%;border-radius:10px;overflow:hidden;} .banner.outLink a {position:relative;display:block;width:100%;height:100%;padding:20px;} .banner.outLink .link_type1 {background-color:#f2f0ff;} .banner.outLink .link_type1:after {position:absolute;top:40px;right:20px;width:60px;height:55px;content:'';background-image:url('../img/theme/apfin/v2/plan_bg.png?1102');background-repeat:no-repeat;background-size:60px auto;} .banner.outLink a.link_type1 .banner_tit .titPoint {color:#766ACA;font-weight:700;} .banner.outLink a .logo {position:absolute;top:15px;right:20px;width:60px;height:16px;content:'';background-image:url('../img/theme/apfin/v2/logo/logo_link_shbank.png?1102');background-repeat:no-repeat;background-size:60px auto;} .banner.outLink a .banner_tit {margin:0;font-size:18px;font-weight:700;line-height:24px;letter-spacing:-0.04em;} .banner.outLink a .noti {display:inline-block;margin-top:10px;font-size:12px;font-weight:400;color: rgba(0, 0, 0, 0.4);letter-spacing:-0.04em;} /* 인링크 배너 */ .btn_wrap.type_arw + .banner.inLink {margin-top:20px;} .banner.inLink {width:100%;height:120px;border-radius:10px;overflow:hidden;} .banner.inLink a {position:relative;display:block;width:100%;height:100%;padding:20px;background-color:#F5F8FC;} .banner.inLink a:after {position:absolute;top:20px;right:20px;width:84px;height:84px;content:'';background-repeat:no-repeat;background-size:84px auto;} .banner.inLink a .banner_tit {font-size:14px;font-weight:400;line-height:24px;letter-spacing:-0.04em;} .banner.inLink a .banner_tit .titPoint {font-size:18px;font-weight:700;} .banner.inLink a .tx {display:inline-block;font-size:14px;margin-top:6px;} .banner.inLink a .tx:after {display:inline-block;width:16px;height:16px;content:'';background-repeat: no-repeat;background-size: 16px auto;vertical-align: middle; margin-top: -2px;} .banner.inLink .link_type1:after {background-image:url('../img/theme/apfin/v2/im_banner_car.png?1102');} .banner.inLink .link_type2:after {background-image:url('../img/theme/apfin/v2/im_banner_home.png?1102');} .banner.inLink a.link_type1 .banner_tit .titPoint, .banner.inLink a.link_type1 .tx {color:#5831D7;} .banner.inLink a.link_type2 .banner_tit .titPoint {color:#5DCFD2;} .banner.inLink a.link_type2 .tx {color:#52AFB1;} .banner.inLink a.link_type1 .tx:after {background-image:url('../img/theme/apfin/v2/ic_arw3.png?1102');} .banner.inLink a.link_type2 .tx:after {background-image:url('../img/theme/apfin/v2/ic_arw4.png?1102');} .banner.inLink .link_type5{background-color: #FCF3F0;} .banner.inLink .link_type5:after {background-image:url('../img/theme/apfin/v2/im_banner_home2.png?1102');} .banner.inLink a.link_type5 .banner_tit .titPoint {color:#FC603B;} .banner.inLink a.link_type5 .tx {color:#FC603B;} .banner.inLink a.link_type5 .tx:after {background-image:url('../img/theme/apfin/v2/ic_arw6.png?1102');} .inLink.type2 {height:100px;margin-top:30px;} .inLink.type2 + .wrap_slider.type_skin {margin:15px -20px 0;} .banner.inLink .link_type3:after {top:23px;width:60px;height:54px;background-size:60px auto;background-image:url('../img/theme/apfin/v2/im_banner_tax.png?1102');} .banner.inLink .link_type4:after {top:17px;width:62px;height:60px;background-size:62px auto;background-image:url('../img/theme/apfin/v2/tax_bg.png?1102');} .banner.inLink .link_type3 .banner_tit, .banner.inLink .link_type4 .banner_tit {font-size:14px;padding-top:5px;} .banner.inLink .link_type3 .banner_tit .titPoint, .banner.inLink .link_type4 .banner_tit .titPoint {font-size:17px;color:#5831D7;} .type_goal + .banner.inLink{margin-top:20px} .msg_box .msg_notice {margin-top:20px;word-break:keep-all;} .msg_notice {font-size:15px;} .msg_notice em {font-weight:400;} .msg_notice + .notice_list {margin-top:15px;} .notice_list {margin-top:20px;/*width:calc(100% - 20px)*/} .notice_list .list {position:relative;padding-left:15px;color:#666;font-size:14px;line-height:21px;} /*min-width:320px;*/ .notice_list.type2 .list {color:#222;font-weight:500;} .notice_list.type2 .list span {font-weight:500;font-size:15px;line-height:22px;} .notice_list .list + .list {margin-top:5px;} .notice_list .list span {font-weight:400;letter-spacing:-0.4px;word-break:keep-all;} .notice_list .list.red {color:#F05E89;} /* .notice_list .list:before {position:absolute;top:3px;left:-1px;display:inline-block;content:'';width:14px;height:14px;background-image:url('../img/theme/apfin/v2/ic_err_gray.png?1102');background-repeat:no-repeat;background-size:14px auto;} *//*dot 스타일*/ .notice_list .list:before {position:absolute;top:-2px;left:3px;display:inline-block;content:'⋅';font-size:20px;background-repeat:no-repeat;background-size:14px auto;} /*dot 스타일*/ .notice_list .list.red:before {position:absolute;top:3px;left:-1px;display:inline-block;content:'';width:14px;height:17px;background-image:url('../img/theme/apfin/v2/ic_err_pink.png?1102');background-repeat:no-repeat;background-size:14px auto;} /*dot 스타일*/ /* .layer_bottomsheet .layer_inner .layer_tit.type2 .tit {box-shadow:inset 0 -10px 0 #D4E8FF;} */ .layer_fullsheet{display:none;overflow:hidden;position:fixed;left:0;right:0;bottom:0;z-index:4000;width:100%;height:100%;transition:all .2s ease-in-out;} .layer_fullsheet .layer_inner {position:absolute;bottom:0;left:0;right:0;z-index:10;width:100%;height:100%;box-sizing:border-box;background-color:#fff;overflow-y:scroll;} /*overflow:hidden;*/ .layer_fullsheet .layer_inner .layer_tit {height:50px;padding:14px 0 10px 0;text-align:center;font-size:16px;color:#222;font-weight:500;} .layer_fullsheet .layer_inner .layer_tit .btn_close:before {position:absolute;top:9px;right:13px;content:'';width:32px;height:32px;background:url('../img/theme/apfin/v2/bt_close.svg?0808') 0 0 no-repeat;background-size:32px auto;} .layer_fullsheet .layer_inner .layer_cont {padding:20px;} .layer_fullsheet .layer_inner .layer_cont .accSetting {padding:0;} .layer_fullsheet .layer_inner .layer_cont.content {padding:0 20px 20px;} .layer_fullsheet .layer_inner .upLoading.circleBar {margin-top:50px;} .confirm_info .filterTit {position:relative;display:inline-block;margin-bottom:10px;font-size:14px;font-weight:700;} .confirm_info .filterTit.confirm_dot:after {position:absolute;top:1px;right:-8px;content:'';width:4px;height:4px;background-color:#5831D7;border-radius:25px;} .confirm_info .filterItem + .filterItem {margin-top:35px;} .confirm_info .filterItem .confirm_num_inp {width:100%;height:52px;font-size:16px;font-weight:400;line-height:23px;color:#222;border:1px solid #ddd;border-radius: 10px; padding: 15px 20px;} .confirm_info .filterItem .inp_err_msg {margin-top:8px;font-size:13px;line-height:19px;color:#F05E89;} .layer_fullsheet input[type="text"] {padding-left:0;height:40px;} .layer_fullsheet .layer_inner.fixed{padding-top: 177px;} .layer_fullsheet .layer_inner.fixed .layer_tit{position: fixed;left:0px;top:0;width: calc(100% - 0px);background-color: #fff;z-index: 1;} .layer_fullsheet .layer_inner.fixed .fixed_area{position: fixed;left:0px;top:50px;padding:20px 20px 0; width: calc(100% - 0px);background-color: #fff;z-index: 1;box-shadow: 0px 2px 2px 4px rgb(0 0 0 / 0%);} .layer_fullsheet .layer_inner.fixed .tabs_header.type2 ul.invest_tab {position: fixed;left:20px;top:145px;width: calc(100% - 0px);background-color: #fff;z-index: 1;} /* 카드선택 팝업 */ .cdChkLst {margin-top:15px;} .cdChkItem {position:relative;} .cdChkItem.all {margin-bottom:30px;} .cdChkItem.all label span {font-weight:700;} .cdChkItem label span {font-size:15px;font-weight:700;line-height:24px;} .cdChkItem label .cdChkTxt {display:inline-block;width:100%;font-size:13px;font-weight:400;color:#999;} .cdChkItem label input[type=checkbox],.cdChkItem label input[type=radio] {position:absolute;top:14px;right:7px;width:20px;height:20px;border:none;box-shadow:none;-webkit-appearance:none;outline:none;cursor:pointer;z-index:2;opacity:0;} .cdChkItem.all label input[type=checkbox],.cdChkItem.all label input[type=radio] {top:3px;right:7px;} .cdChkItem label input[type=checkbox] + i,.cdChkItem label input[type=radio] + i {position:absolute;top:14px;right:7px;width:20px;height:20px;border:none;background-image:url('../img/theme/apfin/v2/ic_circle_chk.png?1102');background-size:20px auto;background-repeat:no-repeat;background-position:center;} .cdChkItem.all label input[type=checkbox] + i,.cdChkItem.all label input[type=radio] + i {top:3px;right:7px;} .cdChkItem label input[type=checkbox]:checked + i,.cdChkItem label input[type=radio]:checked + i {border:none;background-image:url('../img/theme/apfin/v2/ic_circle_chk_on.png?1102');} .cdChkSubList .cdChkItem + .cdChkItem {margin-top:25px;} /* top */ .topInfoPop {padding:12px 20px;background:#F2F2F2;width:calc(100% + 40px);margin-left:-20px;} .topInfoPop .tx {display:block; position:relative;padding:0 20px 0 26px;text-align:left;font-size:14px;font-weight:400;color:#666;line-height:20px;} .topInfoPop .tx:before {content:'';display:inline-block;position:absolute;left:0;top:2px;width:16px;height:16px;background:url('../img/theme/apfin/v2/ic_exc.png?1102') no-repeat 50% 50%;background-size:16px auto;} .topInfoPop .tx:after {content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-9px;width:16px;height:16px;background:url('../img/theme/apfin/v2/ic_gray_arr.png?1102') no-repeat 50% 50%;background-size:100% auto;} /* form */ .layer_inner .agChkItem.all label span{text-align:left;font-size:18px;line-height:27px;} .layer_inner .agChkItem.all label input[type=checkbox]{width:24px;height:24px;} .layer_inner .agChkItem.all label input[type=checkbox] + i{width:24px;height:24px;background-image:url('../img/theme/apfin/ic_chk_off.png?1102');background-size:24px;background-repeat:no-repeat;background-position:0 0;border:0;} .layer_inner .agChkItem.all label input[type=checkbox]:checked + i{background-image:url('../img/theme/apfin/ic_chk_on.png?1102');background-color:transparent;} .layer_inner .agChkSubList .agChkItem label{display:flex;} .layer_inner .agChkSubList .agChkItem label span{font-size:17px;line-height:25px;padding-left:5px;} .layer_inner .agChkSubList .agChkItem label input[type=checkbox] + i{border:none;background-image:url('../img/ic/ic_ck_prd_certi.png?1102');background-size:16px;background-repeat:no-repeat;background-position:center;} .layer_inner .agChkSubList .agChkItem label input[type=checkbox]:checked + i{background-color:transparent;background-image:url('../img/ic/ic_chk1.png?1102');background-size:13px;background-repeat:no-repeat;background-position:center;} .layer_inner .agChkSubList .agChkItem + .agChkItem{margin-top:20px;} .layer_fullsheet .filterItem .radioTab label{border-right-color:#ddd;} .layer_fullsheet .filterItem .radioTab li + li{margin-left:4px;} /* [E] set /////////////////////////////////////////////////// */ /* [S] 세금계산기 /////////////////////////////////////////////////// */ .scheBox {width:100%;padding:20px;margin-top:30px;border-radius:16px;background-color:#7483E1;box-shadow: 0px 3px 8px -1px rgba(116, 131, 225, 0.4);} .scheBox .link_detail {position:relative;display:flex;padding:0 20px 0 30px;color:#fff;align-items:center;line-height:24px;} .scheBox .link_detail:before {position:absolute;top:1px;left:0;content:'';width:22px;height:22px;background-image:url('../img/theme/apfin/v2/ic_cal_white.png?1102');background-size:22px auto;background-repeat:no-repeat;} .scheBox .link_detail:after {position:absolute;top:4px;right:0;content:'';width:16px;height:16px;background-image:url('../img/theme/apfin/v2/ic_arw_white2.png?1102');background-size:16px auto;background-repeat:no-repeat;} .scheBox .link_detail h3 {font-size:16px;font-weight:700;} .scheBox .link_detail .scheAmount {font-size:14px;margin-left:auto;} .scheBox .notice_list {margin-top:10px;padding-left:10px;} .scheBox .notice_list .list {position:relative;display:flex;padding-left:10px;color:#fff;font-weight:400;align-items:center;} .scheBox .notice_list .list .name {max-width:65%;} .scheBox .notice_list .list + .list {margin-top:3px;} .scheBox .notice_list .list .date {margin-right:5px;} .scheBox .notice_list .list .date em {font-weight:500;} .scheBox .notice_list .list:before {background-image:none;width:3px;height:3px;background-color:#fff;border-radius:50%;top:9px;} .scheBox .notice_list .list .flag {display:inline-block;margin:0 0 0 5px;font-weight:700;font-size:10px;} .boxArea{padding:20px;border: 1px solid #e5e5e5; border-radius: 16px;box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.08);box-sizing: border-box;} .boxArea + .boxArea{margin-top:10px;} .boxArea.lineType{border:1px solid #962E01;} .boxArea.bgBlue{display: block; background-color:#4B8DC5;border:none;} .boxArea.bgOrange{display: block; background-color:#FF974C;border: 1px solid #E5E5E5;} .scheBox + .boxArea {margin-top:20px;} .boxArea .homeBox {display:flex;flex-wrap:wrap;} .boxArea .homeBox .tit {font-size:16px;font-weight:700;margin-bottom:10px;letter-spacing:-0.83px;} .boxArea .homeBox .homeInfo {position:relative;display:flex;width:100%;min-height:70px;justify-content:space-between;flex-wrap:wrap;} .boxArea .homeBox .homeInfo.type_home01:after {content:'';width:80px;height:50px;background-image:url('../img/theme/apfin/v2/img_money.png?1102');background-size:80px auto;background-repeat:no-repeat;} .boxArea .homeBox .homeInfo.type_home02:after {content:'';width:76px;height:76px;background-image:url('../img/theme/apfin/v2/im_type_set.png?1102');background-size:76px auto;background-repeat:no-repeat;} .boxArea .homeBox .homeInfo.type_home03:after {content:'';width:76px;height:76px;background-image:url('../img/theme/apfin/v2/im_type_goal2.png?1102');background-size:76px auto;background-repeat:no-repeat;} .boxArea .homeBox .sub_tit {font-size:18px;font-weight:400;line-height:26px;} .boxArea .homeBox .sub_tit span {font-weight:400;} .boxArea .homeBox + .btnListMore .tx {display:block;color:#999;font-size:14px;margin:0;padding:20px 0 0;} .boxArea .homeBox + .btnListMore .tx:after {display:inline-block;width:16px;height:16px;background-size:16px auto;vertical-align:middle;content:'';background-image:url('../img/theme/apfin/v2/ic_arw_gray.png?1102');margin-top:-1px;} .boxArea .homeBox + .btnListMore.btnCenter a {text-align:center;} .boxArea .tBalance {padding-top:0;} .boxArea .tBalance .tBaltit {font-weight:700;margin-bottom:0;} .boxArea .tBalance .tBaltit .btn_more_ask {margin-left:2px;} .boxArea .tBalance .tBalAmount {font-size:24px;} .boxArea .tBalance .tBalAmount a {display:flex;position:relative;line-height:36px;} .boxArea .tBalance .tBalAmount .txt {display:none;} .boxArea .tBalance .tBalAmount a:after {position:absolute;top:6px;right:-25px;content:'';width:22px;height:22px;margin-left:10px;background-image:url('../img/theme/apfin/v2/ic_arw_black2.png?1102');background-size:22px auto;background-repeat:no-repeat;} .boxArea .tBalance .tBalUpdate {margin-bottom:0;} .boxArea .tBalance .tBalAmount.on .txt {animation: fade-in 1s;display:block;font-size:22px;color:#999;line-height:36px;} .boxArea .tBalance .tBalAmount.on a {display:none;} .wrap_slider.type_mainCard {width:initial;margin:20px -20px 0;} .wrap_slider.type_mainCard .slider_container .slider {height:230px;margin:0 20px;} .boxArea .homeBox .homeInfo.img_01:after {content:'';width:70px;height:70px;background-image:url('../img/theme/apfin/v2/img_graph.svg?0808');background-size:70px auto;background-repeat:no-repeat;} .boxArea .homeBox .homeInfo.img_02:after {content:'';width:95px;height:50px;background-image:url('../img/theme/apfin/v2/img_car.png?1102');background-size:95px 50px;background-repeat:no-repeat;} .boxArea .homeBox .homeInfo.img_03:after {content:'';width:70px;height:60px;background-image:url('../img/theme/apfin/v2/img_home.png?1102');background-size:70px auto;background-repeat:no-repeat;} .boxArea .btn_wrap {padding:20px 0 0;} .info_box {padding:20px;border-radius:10px;width:100%;height:auto;background-color:#f5f6f7;} .info_box.type_notice {border:1px solid #F2F2F2;background-color:#F7F7F7;} .info_box .tit {position:relative;font-size:14px;color:#666;padding-left:20px;} .info_box.type_notice .tit:before {position:absolute;content:'';left:0;top:2px;display:inline-block;width:16px;height:16px;background:url('../img/theme/apfin/v2/ic_exc.png?1102') no-repeat 50% 50%;background-size:16px auto;} .info_box .tx {margin-top:8px;font-size:14px;color:#666;font-weight:400;line-height:21px;} .info_box .tx:only-child {margin-top:0;} .info_box.type_txt{display: none;} .info_box.type_txt .tit {padding-left:0;} .info_box.type_txt ul li {font-size:14px;font-weight:400;color:#666;line-height:21px;} .info_box.type_txt ul li + li {margin-top:10px;} .info_box.type_txt + .filterAmount{margin-top: 30px;} .taxGroup {padding-bottom:0px;} .layer_fullsheet .taxGroup{padding-bottom:35px;} .taxGroup .cont_tit_wrap {margin:30px 0;} .taxGroup .cont_tit_wrap .txt_year {font-size: 22px;font-weight: 500;color: #5831D7;line-height: 21px;} .taxGroup .cont_tit_wrap .cont_tit {font-size:22px;} .taxGroup .cont_tit_wrap .tx {margin-top:20px;font-size:14px;color:#666;font-weight:400;line-height:21px;} .taxGroup .filterItem .filterTit {display:flex;align-items:center;justify-content:space-between;} .taxGroup .filterItem .filterTit .tit {font-size:14px;font-weight:700;} .taxGroup .filterGroup{margin:35px 0;} .taxGroup .filterGroup .filterItem .filterTit .tit {color: #666;} .taxGroup .filterItem .boxChkItem {position: relative;} .taxGroup .filterItem .boxChkItem input[type=checkbox]{position:absolute;left:0;top:0;width:20px;height:20px;box-shadow:none;-webkit-appearance:none;outline:none;cursor:pointer;opacity:0;} .taxGroup .filterItem .boxChkItem input[type=checkbox] + i {display:inline-block;margin:-3px 0 0;vertical-align: middle;width:20px;height:20px;background-image:url('../img/theme/apfin/ic_chk_off.png?1102');background-size:20px;background-repeat:no-repeat;} .taxGroup .filterItem .boxChkItem input[type="checkbox"]:checked + i {background-image:url('../img/theme/apfin/ic_chk_on.png?1102');} .taxGroup .filterItem .boxChkItem input[type=checkbox] {right:0;-webkit-tap-highlight-color:transparent !important;outline:none !important;} .taxGroup .filterItem .boxChkItem i {top:17px;right:0;width:18px;height:18px;background-size:18px auto;} .taxGroup .filterItem .boxChkItem i + .tit{margin-left:5px;} .taxGroup .filterItem .inputPrice{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;} .taxGroup .filterItem .inputPrice .schTxt{width:calc(100% - 15px);border:none;text-align:right;margin-top:0;padding-right: 15px;height:50px;background-color: transparent;color:#222;font-weight:400;} .taxGroup .filterItem .inputPrice .price{display:inline-block;line-height:1;font-size:16px;font-weight:400;color:#222;margin-top:-1px;} .taxGroup .filterItem .set_detail{position: relative;} .taxGroup .filterItem .set_detail .inp_box {position:relative;display:flex;flex-wrap:wrap;} .taxGroup .filterItem .set_detail .inp_box .set_inp {width:100%;height:50px;padding:0 45px 0 0px;font-size:16px;font-weight:400;background-color: transparent;line-height:23px;color:#222;border:0;border-bottom:1px solid #ddd;} .taxGroup .filterItem .set_detail .btn_val_reset {position:relative;} .taxGroup .filterItem .set_detail .btn_val_reset:after {width:16px;height:16px;content:'';position:absolute;top:18px;right:20px;background-image:url('../img/theme/apfin/v2/bt_del_value2.png?1102');background-repeat:no-repeat;background-size:16px auto;} .taxGroup .filterItem .set_detail .inp_txt {position:absolute;bottom:13px;right:0px;display:inline-block;} .taxGroup .filterItem .set_detail .inp_txt .price {font-size:16px;font-weight:400;color:#666;} .taxGroup .filterItem .inputPrice.typeBtn{border-bottom:none;} .taxGroup .filterItem .inputPrice.typeBtn .inputArea{display: flex;width: calc(100% - 82px);justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;} .taxGroup .filterItem .inputPrice.typeBtn button{display: inline-block;padding:0 12px;font-size: 13px;font-weight: 500;color: #5831D7;height: 34px;background: #EBF3FF;border-radius: 6px;} .taxGroup .filterItem .inputPrice.typeBtn button:disabled{color:#fff;background: #DDD;cursor: default;} .taxGroup .filterItem .inp_err_msg {margin-top:5px;font-size:13px;color:#F05E89;line-height:19px;} .taxGroup .filterItem + .filterItem {margin-top:35px;} .taxGroup .filterItem + .filterAmount.box{margin:10px 0 0;} .taxGroup .filterItem .radioTab {margin-top:10px;} .taxGroup .filterItem .radioTab label {font-size:14px;border: 1px solid #e5e5e5;} .taxGroup .filterItem .radioTab + .inputPrice {margin-top:15px;} .taxGroup .filterItem .inputPrice.type_per .schTxt {text-align:left;} .taxGroup .filterItem + .info_box.type_txt {margin-top:15px;} .taxGroup .filterItem .rdoTxt{height: 44px;padding: 10px 25px;line-height: 24px;font-size: 14px;border-radius: 6px;border: 1px solid #962E01;background-color: #fff;color:#5831D7;; text-align: center;margin-top: 10px;} .info_box.type_txt + .filterItem {margin-top:35px;} .sel_form.type_border {position:relative;background-color:#fff;border:1px solid #ddd;border-radius:10px;} .sel_form.type_border .sel_box {display:flex;align-items:center;padding:15px 20px;color: #aaa;} .sel_form.type_border .sel_box span {font-size:14px;font-weight:400;} .sel_form.type_border .sel_box span.sel_txt {color:#aaa;} .sel_form.type_border .sel_box:after {width:16px;height:16px;margin-left:auto;content:'';background:url('../img/theme/apfin/v2/ic_sel_down.svg?0808') no-repeat;background-size:16px auto;background-position-y:center;} .sel_form.type_border .sel_box.not_arr:after{display:none;} .sel_form.type_border .sel_box.disabled:after{display: none;} .sel_form.type_border.on {border-color:#962E01;} .sel_form.type_border.on .sel_box {color: #222;} .sel_form.type_border.on .sel_box .sel_txt{color: #222;} .taxGroup .filterItem .sel_form.type_border {margin-top:10px;} .taxGroup .selPeriod .dateItem {width:100%;border-bottom:1px solid #ddd;} .taxGroup .selPeriod .dateItem input {padding:0 0 10px 0;font-size:0;font-weight:400;color:transparent;height:31px} .taxGroup .selPeriod .dateItem input:valid{border:0;} .taxGroup .selPeriod .dateItem.datepicker2 input {width: 100%;padding-right: 32px;position: relative;z-index: 1;background-color: transparent;} .taxGroup .selPeriod .dateItem.datepicker3{position: relative;border-bottom:1px solid #ddd;} .taxGroup .selPeriod .dateItem.datepicker3 .real {width: 100%;padding-right: 32px;position: relative;z-index: 1;background-color: transparent;} .taxGroup .selPeriod .dateItem.datepicker3 input{border:0;} .taxGroup .selPeriod .ui-datepicker-trigger{top:6px !important;right:5px !important;} .taxGroup .selPeriod.datepickerArea{position: relative;} .taxGroup .selPeriod.datepickerArea .ui-datepicker-trigger{position:absolute;right:0;top:0;} .taxGroup .selPeriod.datepickerArea .virual {display: block;width: calc(100% - 32px);height: 31px;position: absolute;left:0;top:0;z-index: 10;background-color: #fff;border:none;font-size: 16px;font-weight: 400;color: #222;} .taxGroup .filterItem .dateNum {width:100%;margin-top:10px;text-align:right;font-size:18px;color:#000;} .taxGroup .filterItem .dateNum em {font-weight:500;} .taxGroup .filterGroup h3.filterTit{margin:0 0 20px;} .taxGroup .filterGroup h3.filterTit .tit {font-size:14px;color:#000;font-weight:700;} .taxGroup .filterGroup .txt {font-size:14px;color:#000;font-weight:400;margin:0 0 15px;} .taxGroup .filterGroup .filterItem + .filterItem{margin-top: 30px;} .taxGroup .filterGroup .btn_wrap{padding: 10px 0 0;} .taxGroup .filterGroup .tax_info{margin:10px 0 0;padding:20px;border: 1px solid #DDD;border-radius: 10px;} .taxGroup .filterGroup .tax_info li{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .taxGroup .filterGroup .tax_info li .tit{font-size: 14px;font-weight: 400;line-height: 24px;color: #999;} .taxGroup .filterGroup .tax_info li .infoNum{font-size: 16px;font-weight: 400;line-height: 24px;margin-left: auto;} .taxGroup .filterGroup .tax_info li .infoNum .num{font-size: 16px;font-weight: 400;} .taxGroup .filterGroup .tax_info li + li{margin:6px 0 0;} .taxGroup .filterItem .sel_form.type_border {margin-top:10px;} .taxGroup .filterItem.type_hold .dateNum {font-size:18px;font-weight:500;} .taxGroup .filterItem .holdPer {display:flex;flex-wrap:wrap;} .taxGroup .filterItem .holdPer > div {flex:1;} .taxGroup .filterItem .holdPer .holdBox {display:flex;align-items:center;} .taxGroup .filterItem .holdPer .holdBox:first-child {margin-right:30px;} .taxGroup .filterItem .holdPer .holdBox span {display:inline-block;min-width:44px;font-size:16px;font-weight:400;} .taxGroup .filterItem .holdPer .inputPrice.type_per {width:60%;margin-left:auto;} .taxGroup .filterItem .holdPer .inputPrice.type_per .schTxt {text-align:right;font-size:16px;color:#222;font-weight:400;} .taxGroup .filterItem .holdPer .inputPrice.type_per .price {text-align:right;min-width:initial;color:#aaa;} .taxGroup .filterItem .holdPer .inputPrice.type_per .schTxt:valid + .price {color:#222;} .taxGroup .filterItem .holdPer .inputPrice.type_per input::placeholder {text-align:right;padding-right: 0;} .taxGroup .filterItem .holdPer .inputPrice.type_per input:focus::placeholder {color: transparent !important;} .expensive_info{display: none;} .taxfree_info{display: none;} .taxGroup .filterGroup.taxfree_info{margin:35px 0 0;} .taxGroup .filterGroup.taxfree_info .btn_wrap{margin:15px 0;padding:0;} .taxGroup .filterGroup.taxfree_info2{margin:0;} .taxfree_info2{display: none;} .taxfree_info2 .info_box{display: block;} .btnGroup.taxBtn > p {flex:auto;} .btnGroup.taxBtn > p:first-child {width:50%;} .layer_cont.layer_tax .info_box {margin-top:20px;} .layer_cont.layer_tax .notice_list .list:before {content:'·';top:-2px;left:3px;font-size:14px;background-image:none;background:none;border-radius:25px;} .layer_cont .taxGroup .cont_tit_wrap {margin:10px 0 20px;} .layer_cont .taxGroup .txt_box {display:flex;justify-content:space-between;} .layer_cont .taxGroup .txt_box .tx {margin-top:10px;color:#666;font-size:14px;font-weight:400;} .layer_cont .taxGroup .boxAera {padding:20px;border:1px solid #ccc;border-radius:10px;} .layer_cont .taxGroup .boxAera + .boxAera {margin-top:20px;} .layer_cont .taxGroup .boxAera .tit_box .tit {font-size:16px;font-weight:700;} .layer_cont .taxGroup .boxAera .tit_box .smallTit {font-weight:400;} .layer_cont .taxGroup .boxAera .tit_box .tax_info{margin-top: 10px;} .layer_cont .taxGroup .boxAera .tit_box .tax_info li{display: flex;justify-content: space-between;font-size: 14px;line-height: 21px;} .layer_cont .taxGroup .boxAera .tit_box .tax_info li .infoTit{font-weight: 400;} .layer_cont .taxGroup .boxAera .tit_box .tax_info li .infoNum{font-weight: 400;} .layer_cont .taxGroup .foldList .foldArea.fold {display:none;} .layer_cont .taxGroup .foldList .foldArea.show {display:block;} .layer_cont .taxGroup .foldList .foldTop {position:relative;display:flex;margin-top:30px;justify-content:space-between;align-items:center;flex-wrap:wrap;line-height:24px;} .layer_cont .taxGroup .foldList .foldTop .fold_tit {font-size:16px;font-weight:400;} .layer_cont .taxGroup .foldList .foldTop .price {display:flex;padding-right:18px;font-size:18px;line-height:1;} .layer_cont .taxGroup .foldList .foldTop .price.notslide {padding-right:0;} .layer_cont .taxGroup .foldList .foldTop .num {font-size:22px;font-weight:700;margin-top: -3px;} .layer_cont .taxGroup .foldList .foldTop .btn_more .btn_arrow{display:flex;position:absolute;right:-3px;top:3px;width:16px;height:16px;align-items:center;font-size: 0px;} .layer_cont .taxGroup .foldList .foldTop .btn_more .btn_arrow:after {display:inline-block;width:16px;height:16px;content:'';background-image:url('../img/theme/apfin/v2/ic_scroll_arr.svg?0808');background-size:16px auto;background-position: center;} .layer_cont .taxGroup .foldList .foldTop .btn_more.fold .btn_arrow:after {transform:rotate(90deg);} .layer_cont .taxGroup .foldList .foldTop .btn_more.show .btn_arrow:after {transform:rotate(-90deg);} .layer_cont .taxGroup .foldList .dotList {margin:30px -20px -5px;padding:25px 20px 0;} .layer_cont .taxGroup .foldList .dotList li {display:flex;position:relative;flex-wrap:wrap;} .layer_cont .taxGroup .foldList .dotList li + li{margin-top: 5px;} .layer_cont .taxGroup .foldList .dotList li span {align-items:baseline;margin-left:auto} .layer_cont .taxGroup .foldList .dotList li .fl_box {display:flex;align-items:baseline;font-size:14px;color:#999;margin: 5px 0;} .layer_cont .taxGroup .foldList .dotList li .fl_box .bullet {margin-right:3px;font-size:16px;} .layer_cont .taxGroup .foldList .dotList li.multiItem span.tx_bold, .layer_cont .taxGroup .foldList .dotList li.multiItem em.tx_bold {font-weight:700;} .layer_cont .taxGroup .foldList .dotList li.multiItem em {margin:0 3px;} .layer_cont .taxGroup .foldList .dotList li.multiItem .infoNum + .infoNum {margin-top:10px;width: 100%;justify-content: flex-end;} .layer_cont .taxGroup .foldList .dotList li.multiItem + li {margin-top:30px;} .layer_cont .taxGroup .foldList .dotList li .num.invest_down{margin: 0;} .layer_cont .taxGroup .foldList .dotList li .num.invest_down:before {content:'';display:inline-block;width:8px;height:8px;margin:0 1px 0 0;background-image:url('../img/theme/apfin/v2/ic_invest_down2.svg?0808');background-repeat:no-repeat;background-size:8px 7px;} .layer_cont .taxGroup .foldList .dotList .infoNum {font-weight:400;font-size:15px;margin-top: 7px;} .layer_cont .taxGroup .foldList .dotList .infoNum .num {font-weight:400;font-size:16px;margin-right:2px;} .layer_cont .taxGroup .foldList .dotList .infoNum:after {content:none;} .layer_cont .taxGroup .foldList .dotList li + .info_box {margin:15px 0 20px;} .layer_cont .taxGroup .foldList .dotList .hr_div.thin_div {background-color:#eee;margin:30px -20px;} .layer_cont .taxGroup .foldList .dotList .smallTit {display:inline-block;margin-bottom:20px;font-weight:400;font-size:14px;} /* 증여세 */ .slideRdo {margin: 0 -2px;} .slideRdo + .slideRdo {margin: 35px 0 0;} .slideRdo .slideTit {display:flex;align-items:center;justify-content:space-between;position: relative;border-bottom: 1px solid #999;padding:0 0 20px;margin:0 2px 15px;} .slideRdo .slideTit .tit {font-size:14px;font-weight:400;} .slideRdo .slideTit .btnFolding {position:absolute;top:-3px;right:0;display:flex;align-items:center;justify-content:center;width:23px;height:23px;margin:0;} .slideRdo .slideTit .btnFolding:before {content:'';display:inline-block;width:11px;height:6px;background-image:url('../img/ic/ic_arw_folding.png?1102');background-repeat:no-repeat;background-position:50% 100%;background-size:11px auto;} .slideRdo .slideTit .btnFolding.show:before {background-position:50% 0%;} .slideRdo .slideTit .btnFolding:after{display: none;} .tax_term{padding:0 0 10px;margin:-20px 0 0;} .tax_term h5.tit_h5 {margin:30px 0 10px;font-size: 16px;line-height: 24px;font-weight: 700;color: #222;} .tax_term ul.list-unstyled {font-size: 14px;font-weight: 500;line-height: 24px;letter-spacing: -0.02em;color: #666} .load_term.tax_term .list-unstyled > li + li{margin:10px 0 0;} .load_term.tax_term .cont1{font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: -0.02em;color: #666} .load_term.tax_term .cont3{font-size: 14px;font-weight: 500;line-height: 24px;letter-spacing: -0.02em;color: #666} .load_term.tax_term ul.list-unstyled + .cont3{margin:10px 0 0;} .load_term.tax_term dl{font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: -0.02em;color: #666;margin:10px 0 0;} .load_term.tax_term dl dt{font-weight: 400;} .load_term.tax_term dl dd ul.list-unstyled {font-weight: 400;} .load_term.tax_term dl dd ul.list-unstyled li {font-weight: 400;} .load_term.tax_term dl dd ul.list-unstyled li + li{margin:0px 0 0;} .load_term.tax_term .servTerm ul li{font-size: 14px;} .slideTax{border: 1px solid #CCC;border-radius: 10px;} .slideTax + .slideTax{margin:30px 0 0;} .slideTax .slideTit{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding:14px 20px;position: relative;margin:0;} .slideTax .slideTit:after{display: none;} .slideTax .slideTit i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 0 0 4px;} .slideTax .slideTit i:before {content:'';display:inline-block;width:11px;height:6px;background:url('../img/ic/ic_arw_folding.png?1102') no-repeat 50% 100% / 11px auto;} .slideTax .slideTit.show i:before {background-position:50% 0%;} .slideTax .slideTit .tit{display: block; font-size: 14px;font-weight: 400;line-height: 24px;padding:10px 0;} .slideTax .slideTit .amount{display: flex;justify-content: flex-end;align-items: center;margin:0 0 0 auto;padding:10px 0;font-size: 18px;font-weight: 700;line-height: 1;} .slideTax .slideTit .amount .num{font-size: 22px;font-weight: 700;margin-top: -2px;} .slideTax div.slideTit i{display: none;} .slideTax .taxDetail_list {border-top: 1px solid #CCC;padding:30px 20px} .slideTax .taxDetail_list li {display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px;font-weight:400;line-height:24px;} .slideTax .taxDetail_list li.state_tit span {font-size:16px;font-weight:700;} .slideTax .taxDetail_list li + li {margin-top:15px;} .slideTax .taxDetail_list li .itemTit {color:#999;font-weight:400} .slideTax .taxDetail_list li .itemTit.tBold {font-weight:700} .slideTax .taxDetail_list li .itemData {margin-left:auto;font-size:16px;text-align:right;font-weight:400;} .layer_fullsheet .layer_cont.fix_btn {padding: 20px 20px 70px;} .taxGroup .step_tit{margin:40px 0 30px;font-size: 16px;font-weight: 700;line-height: 24px;color: #5831D7;border-bottom:1px solid #5831D7;padding:0 0 10px} .taxGroup .step_tit em{font-family: normal;font-weight: 700;margin-right: 10px;} .filterItem .radioTab .radioLg label.longTxt{padding: 6px 5px;line-height: 18px;} .taxGroup .filterAmount{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .taxGroup .filterAmount .tit{font-size:16px;font-weight:400;} .taxGroup .filterAmount .infoNum {font-weight:500;font-size:18px;margin-left:auto;} .taxGroup .filterAmount .infoNum .num {font-weight:700;font-size:22px;margin-right:2px;} .taxGroup .filterAmount + .filterItem {margin-top: 35px;} .taxGroup .filterBg{background: #F5F6F7;padding: 30px 20px;margin:40px -20px 0;} .taxGroup .filterBg .btn_wrap{padding: 0;margin:0 0 10px} .taxGroup .filterBg .filterAmount + .filterAmount{margin:30px 0 0} .taxGroup .filterBg .filterAmount.box{display: block; padding: 20px;background: #FFFFFF;border: 1px solid #5831D7;border-radius: 10px;} .taxGroup .filterBg .filterAmount.box .tit{font-weight:400;} .taxGroup .filterBg .filterAmount.box .infoNum{display: block;text-align: right;margin-top: 20px;} .taxGroup .filterBg .filterTit{font-size: 16px;font-weight: 700;line-height: 24px;color: #222;} .taxGroup .filterBg .filterItem .filterTit .tit{font-size: 16px;font-weight: 400;} .taxGroup .filterBg .inputPrice.on{border-bottom: 1px solid #222;} .taxGroup .filterItem .radioTab + .info_box.type_txt{margin-top: 15px;} .taxGroup.fix_not_btn{padding: 0;margin:0 0 -30px} .taxGroup .step_tit + .info_box.type_notice {margin:0 0 30px;} .filterItem .radioTab.wideTab{flex-wrap: wrap;} .filterItem .radioTab.wideTab li{flex: initial;width: 100%;} .filterItem .radioTab.wideTab li + li{margin-top: 10px;} .taxGroup .notice_list{margin-top: 10px;} .inheritance p{font-size: 14px;font-weight: 400;line-height: 21px;color: #666;} .inheritance p:last-child{border-top:1px solid #666;margin:6px 0 0;padding:6px 0 0;} .taxGroup .btn_wrap.mrgType{margin:30px 0 15px;padding:0;background: transparent;} .taxGroup .cont_txt{font-size: 18px;font-weight: 500;line-height: 26px;color: #222;margin:0 0 30px;} .taxGroup .cont_txt .num{font-weight: 500;} .taxGroup .btn_wrap.mrgType + .filterAmount.box{margin-top: 30px;} .cont_tit_wrap.taxListTit{min-height:80px;margin: 30px 0;background:url('../img/theme/apfin/v2/img_tax.png?1102') no-repeat center right / 85px auto;} .cont_tit_wrap.taxListTit .cont_tit{font-size: 16px;font-weight: 700;line-height: 26px;color: #222;} .cont_tit_wrap.taxListTit .tx{font-size: 18px;font-weight: 400;line-height: 22px;color: #000;margin-top: 10px;} .taxList li{background: #F7F7F7;border-radius: 16px;position: relative;} .taxList li + li{margin-top: 10px;} .taxList li a{display: block;padding: 20px;} .taxList li .tit{display: inline-block;font-size: 18px;font-weight: 500;line-height: 24px;color: #222;margin-bottom: 15px;} .taxList li .tit:after {display:inline-block;position: absolute;right: 20px;top: 24px; width:16px;height:16px;content:'';background:url('../img/theme/apfin/v2/ic_arw_black.png?1102') no-repeat center / 16px auto;} .taxList li .txt{display: block;font-size: 15px;font-weight: 400;line-height: 24px;color: #000;padding-right: 20px;} .pedigree{padding-bottom: 80px;} .pedigree .cont_tit_wrap{margin:0 0 30px} .pedigree .cont_tit_wrap .cont_tit{font-size: 16px;line-height: 24px;} .pedigree .btListGroup{display: flex;gap: 4px;margin:30px 0 0;} .pedigree .btListGroup .btList{display: flex;flex-direction: column;gap: 10px;width: 100%;} .pedigree .btListGroup .btList label{display: flex;text-align: center;min-width:initial;max-width:initial;width: 100%;margin:0;} .pedigree .btListGroup .btList label.result{border: 1px solid #999999;} .pedigree .btListGroup .btList label.result i{display: contents;color: #5831D7;} .pedigree .btListGroup .btList input[type="radio"]:focus + label{border: 1px solid #962E01;color: #5831D7;} .layer_fullsheet .taxGroup .boxAera .tit_box .tit.pointColor, .layer_fullsheet .taxGroup .boxAera .tit_box .smallTit.pointColor{color:#3D1DA8 !important;} .taxGroup .btn_wrap .btnBl2{color:#866AE1;background-color:#EFECF7;} .taxGroup .filterBg .btn_wrap .btnBl2{color:#5831D7;background-color:#DCD8E7;} /* [E] 세금계산기 /////////////////////////////////////////////////// */ /* [S] 목표 /////////////////////////////////////////////////// */ .myGoal .wrap_slider.type_skin {margin:0 -20px 0;} .slide-container.type_goal {position:relative;}/*overflow:hidden;*/ .slide-container.type_goal .swiper_control {position:absolute;right:0;left:0;bottom:30px;z-index:1;display:flex;width:100%;text-align:center;justify-content:center;} .slide-container.type_goal .swiper-pagination-fraction {width:auto;margin:0 10px;color:#aaa;font-size:14px;} .slide-container.type_goal .swiper-pagination-current, .slide-container.type_goal .swiper-pagination-total, .slide-container.type_banner .swiper-pagination-current, .slide-container.type_banner .swiper-pagination-total {font-size:14px;font-weight:500;color:#aaa;font-family:'Lato', 'Noto Sans CJK KR', sans-serif !important;} .slide-container.type_goal .swiper-pagination-current {color:#5831D7;font-weight:700;} .slide-container.type_goal .swiper-button-next, .slide-container.type_goal .swiper-button-prev {position:initial;width:16px;height:16px;margin-top:5px;font-size:16px;} .slide-container.type_goal .swiper-button-prev:after, .slide-container.type_goal .swiper-button-next:after, .slide-container.type_goal .swiper-button-next:after, .slide-container.type_goal .swiper-button-prev:after {width:16px;height:16px;font-size:11px;color:#222;font-weight:700;line-height: 16px;} .slide-container.type_goal .swiper-button-next.swiper-button-disabled, .slide-container.type_goal .swiper-button-prev.swiper-button-disabled {color:#aaa;} .slide-container.type_goal .accDetailList .itemData .num {font-size:14px;} .slide-container.type_goal .accDetailList.type_layer .itemData .num {font-weight:500;} .slide-container.type_goal .accDetailList li + li {margin-top:20px;} .slide-container.type_goal .accDetailList li + li.mgt50 {margin-top:40px !important;} .gaolState {position:relative;min-height:277px;padding:20px 20px 70px;box-shadow:none;} .gaolState h4 {display:flex;align-items:center;font-weight: 700;font-size: 18px;margin-bottom: 5px;} .gaolState > a h4:after {display:inline-block;width:16px;height:16px;margin-left:5px;content:'';background-image:url('../img/theme/apfin/v2/ic_arw_black2.png?1102');background-size:16px auto;background-repeat:no-repeat;} .gaolState h4.ellipsis {position:relative;display:inline-block;max-width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .gaolState > a h4.ellipsis:after {position:absolute;top:5px;right:-3px;display:inline-block;width:16px;height:16px;content:'';background-image:url('../img/theme/apfin/v2/ic_arw_black2.png?1102');background-size:16px auto;background-repeat:no-repeat;} .myGoal .gaolState .ic_group .ic_btnGroup {margin-left:auto;} .gaolState h4 em{font-weight: 700;font-size: 18px;} .gaolState > a{display: block;position: relative;} .gaolState .date{display:block;font-weight: 400;font-size: 14px;color: #999;} .gaolState .gaolGraph {margin-top:20px;} .gaolState .gaolGraph .gaolAmount {position:relative;font-size: 14px;font-weight: 400;margin-bottom:30px;} .gaolState .gaolGraph .gaolAmount:before {position:absolute;bottom:-25px;right:5px;content:'';width:76px;height:76px;background-image:url('../img/theme/apfin/v2/im_type_set2.png?1102');background-repeat:no-repeat;background-size:76px auto;} .gaolState.complete .gaolGraph .gaolAmount:before {bottom:-30px;width:122px;height:85px;background-image:url('../img/theme/apfin/v2/im_type_gaol.png?1102');background-size:122px auto;} .gaolState.overdue .gaolGraph .gaolAmount:before {bottom:-25px;right:7px;width:82px;height:80px;background-image:url('../img/theme/apfin/v2/im_type_fail.png?1102');background-size:90px auto;} .gaolState .gaolGraph .gaolAmount span {display:block;font-size:15px;font-weight:500;} .gaolState .gaolGraph .gaolAmount em{font-size: 17px;font-weight: 700;margin:0 4px 0 0;} .gaolState .gaolGraph .exp_bar {margin-top:10px;} .gaolState .gaolGraph .exp_bar .bar {position:relative;display:block;height:10px;background-color:#eee;border-radius:20px;} .gaolState .gaolGraph .exp_amount {position:absolute;left:10px;top:5px;font-size:12px;font-weight:500;color:#999;} .gaolState .gaolGraph .bar_total {position:relative;width:100%;height:100%;margin-left:auto;text-align:right;border-radius:20px;overflow:hidden;} .gaolState .gaolGraph .bar_total .bar_on {width:100%;max-width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0;border-radius:20px;background-color:#962E01;} .gaolState .gaolGraph .bar_total .bar_on.full {background: linear-gradient( 90deg, #5831D7, #5DCFD2 );} .gaolState .gaolGraph .bar_total .bar_on_num {display:inline-block;min-width:45px;width:auto;height:100%;position:absolute;top:0;right:0;border-radius:20px;padding:6px 10px 5px 0;font-size:11px;background-color:#5831D7;color:#fff;} .gaolState .gaolGraph .exp_bar .exp_num {display:flex;justify-content:space-between;} .gaolState .gaolGraph .exp_bar .exp_num .fluct_amount{text-align: left;min-width: 30px;} .gaolState .gaolGraph .exp_bar .fluct_amount {margin-top:5px;text-align:right;font-size:13px;font-weight:500;color:#5831D7;} .gaolState .gaolGraph .exp_bar .fluct_amount em {font-weight:400;} .gaolState .gaolGraph .exp_bar .fluct_amount.right {color:#999;} .gaolState.linking .gaolGraph, .gaolState.beforeStart .gaolGraph {margin-top:40px;} .gaolState.linking .gaolAmount, .gaolState.beforeStart .gaolAmount {margin-bottom:10px;} .gaolState.linking .gaolAmount:before, .gaolState.beforeStart .gaolAmount:before {bottom:-35px;} .gaolState.linking .gaolGraph .exp_bar .fluct_amount.right, .gaolState.beforeStart .gaolGraph .exp_bar .fluct_amount.right {color:#5831D7;} .gaolState.linking .gaolGraph .exp_bar .fluct_amount.right:after {content:'';display:inline-block;margin-top:-3px;width:14px;height:14px;background:url('../img/theme/apfin/v2/ic_arw_blue2.png?1102') no-repeat center;background-size:100% auto;vertical-align: middle;} .gaolState.complete .gaolGraph .gaolAmount{color:#5831D7;} .gaolState.complete .gaolGraph .exp_bar .fluct_amount.right {display: none;} .gaolState.overdue .gaolGraph .gaolAmount span{color:#F05E89;} .gaolState.overdue .gaolGraph .exp_bar .bar_total .bar_on {background-color:#F05E89;} .gaolState.overdue .gaolGraph .exp_bar .fluct_amount.left {color:#F05E89;} .smallTit .sub_title {font-size:13px;line-height:18px;font-weight:400;color:#999;} .marketBox .flag {display:inline-block;vertical-align:middle;margin:-3px 0 0 5px;padding:0 8px;font-size:10px;line-height:17px;color:#fff;border:none;border-radius:15px;font-weight:400;} .marketBox .flag.self {background-color:#838FBB;border:1px solid #838FBB;color:#fff;margin-left:0;} .marketBox .flag.lease {background-color:#C3A875;border:1px solid #C3A875;color:#fff;margin-left:0;} .marketBox .flag.monthly {background-color:#aaa;border:1px solid #aaa;color:#fff;margin-left:0;} .marketBox .smallTit + .market_list{margin-top:15px;} .marketBox .market_list + .market_list {border-top:1px solid #eee;margin-top:20px;padding-top:20px;} .marketBox .market_list li {display:flex;justify-content:space-between;align-items:center;} .marketBox .market_list li + li {margin-top:10px;} .marketBox .market_list li .itemTit {color:#999;font-size:14px;font-weight:400;} .marketBox .market_list li:first-child .itemTit{color:#222;font-size:16px;font-weight:400;} .marketBox .market_list li .itemData, .marketBox .market_list li .itemData em {color:#666;font-size:16px;font-weight:500;} .marketBox .market_list li:first-child .itemData, .marketBox .market_list:last-child li .itemData{color:#222;} .marketBox .market_list li:first-child .itemData em {color:#222;} .marketBox .market_list li .itemData em {margin-right:3px;} .marketBox .market_list li .itemData .tx_bold {font-weight:500;color:#222;} .marketBox .market_list .list_tit {font-size:16px;font-weight:400;margin-bottom:15px;color:#222;} .marketBox .market_list .list_tit .itemData em {font-weight:500;margin-right:3px;} .marketBox .msgResult{width: 100%;min-height:84px;border-radius:10px;padding:20px;font-size: 16px;color: #aaa;font-weight: 400;margin:15px 0 0;background: #FAFAFA;} .layer_fullsheet .wrap_set_box {margin-top:30px;} .layer_fullsheet .wrap_set_box .chart_legend {font-size:12px;color:#999;font-weight:400;} .layer_fullsheet .wrap_set_box .wrap_chart .highcharts-figure {height:auto;} .layer_fullsheet .wrap_set_box .highcharts-yaxis .highcharts-axis-line {stroke-width:1px;stroke:#e6e6e6;border-style:solid;} /* [E] 목표 /////////////////////////////////////////////////// */ /* [S] 한도조회 /////////////////////////////////////////////////// */ .consume_unlinked{margin-left: -20px;margin-right: -20px;} .consume_unlinked .sub_banner .sub_tit {padding:40px 0 30px;font-size:18px;font-weight:500;text-align:center;line-height:26px;letter-spacing: -0.06em;} .consume_unlinked .sub_banner .sub_tit span {display: block; font-size:24px;font-weight:500;margin-top: 5px;color: #3D73C8 !important;} .consume_unlinked .sub_banner img {width:100%;height:auto;} .consume_unlinked .sub_banner .b_img{margin:0 70px 0 66px;position: relative;} .consume_unlinked .sub_banner .b_img div{display: flex;justify-content: center;align-items: center;width:32vw;height:32vw;position: absolute;margin:auto;text-align: center;border-radius: 100%; font-size: 12px;font-weight: 500;line-height: 17px;box-shadow: 0px 5px 7px rgba(32, 95, 149, 0.13);background-color: #fff;} .consume_unlinked .sub_banner .b_img .flag_txt1{right:-60px;top:24px;border: 1.5px solid #962E01;} .consume_unlinked .sub_banner .b_img .flag_txt2{left:-55px;bottom:60px;border: 1.5px solid #5DCFD2;} .consume_unlinked .sub_banner .b_img .flag_txt2 .pointColor{color:#3DBDC1 !important} .consume_unlinked .btn_wrap.btn_consume {padding: 0;margin:0 20px;background-color: transparent;} .taxContent {padding:0 20px 30px;} .taxContent .tBalance {position:relative;padding:30px 0 0;} .taxContent .tBalance .flag {margin:0 0 10px 0;background-color:#F482A4;} .taxContent .tBalance .periodTxt {font-size:20px;font-weight:500;color:#222;margin-bottom:30px;line-height: 24px;letter-spacing: -0.02em;} .taxContent .tBalance .periodTxt .sel_box {display: inline-block;height:24px;padding:0 20px 0 0;border-bottom:none;position: relative;} .taxContent .tBalance .periodTxt .sel_box:after {content: '';position: absolute;width:16px;height:16px;top:5px;right:3px;background:url('../img/theme/apfin/v2/ic_sel_down.svg?0808') right center no-repeat;background-size:16px auto;} .taxContent .tBalance .periodTxt .sel_box span {font-size:20px;font-weight:500;} .taxContent .tBalance .periodTxt .sel_box + .btn_more_ask{margin-left: -5px;} .taxContent .tBalance .periodTxt i{display: inline-block;width: 10px;height: 1px;background-color: #222;margin: -6px 7px 0 0;vertical-align: middle;} .taxContent .tBalance .tBaltit{font-size:16px;margin-bottom:10px;} .taxContent .tBalance .tBaltxt {margin-top:10px;color:#222;font-size:14px;} .taxContent .tBalance .tBaltxt .tx {color:#666;font-weight:400;} .taxContent .tBalance.taxMain{min-height: 84px;margin-bottom: 50px;} .taxContent .tBalance.taxMain:after {position:absolute;top:17px;right:0;content:'';width:80px;height:80px;background-image:url('../img/theme/apfin/v2/tax_bg2.png?1102');background-repeat:no-repeat;background-size:80px auto;} .taxContent .smallTit {font-size:18px;} .taxContent .smallTit .tx {font-size:13px;font-weight:400;color:#999;} .taxBox .boxArea {box-shadow:none;background:rgba(239, 236, 247, 0.5);border:none;} .taxBox .boxArea .taxInfo {display:flex;align-items:center;} .taxBox .boxArea .taxInfo .infoTit {font-size:18px;font-weight:700;} .taxBox .boxArea .taxInfo .btnAdd {display:flex;width:100%;align-items:center;justify-content:space-between;} .taxBox .boxArea .taxInfo .btnAdd:after {display:inline-block;width: 16px;height: 16px;content: '';background-image: url(../img/theme/apfin/v2/ic_arw_black2.png);background-repeat: no-repeat;background-size: 16px auto;} .taxBox .boxArea.beforeStart{background:rgba(247, 247, 247, 1);} .taxBox .boxArea.beforeStart .taxInfo .btnAdd {align-items:center;justify-content: initial;} .taxBox .boxArea.beforeStart .taxInfo .btnAdd:after {background-image: url('../img/theme/apfin/v2/ic_arw_blue.png?1102');} .taxBox .boxArea.beforeStart .taxInfo .btnAdd .link {display:inline-block;margin-left:auto;font-size:15px;font-weight:400;color:#5831D7;} .taxBox .boxArea.linkErr .infoTit:after {display:inline-block;width:16px;height:16px;margin-left:5px;content:'';background:url('../img/theme/apfin/v2/ic_err.png?1102') no-repeat 50% 50%;background-size:16px auto;} .taxBox .boxArea .taxGraph {margin-top:15px;} .taxBox .boxArea .taxGraph .taxAmount {font-size:15px;font-weight:400;margin-bottom:30px;color: #666;letter-spacing: -0.02em;} .taxBox .boxArea .taxGraph .taxAmount:only-child {margin-bottom:0;} .taxBox .boxArea .taxGraph .exp_bar .bar {position:relative;display:block;height:10px;background-color:#eee;border-radius:20px;} .taxBox .boxArea .taxGraph .exp_amount {position:absolute;left:10px;top:5px;font-size:12px;font-weight:500;color:#999;} .taxBox .boxArea .taxGraph .bar_total {position:relative;width:100%;height:100%;margin-left:auto;text-align:right;border-radius:20px;overflow:hidden;} .taxBox .boxArea .taxGraph .bar_total .bar_on {width:100%;max-width:100%;height:100%;display:inline-block;position:absolute;top:0;right:0;border-radius:20px;background-color:#962E01;} .taxBox .boxArea .taxGraph .bar_total .bar_on_num {display:inline-block;min-width:45px;width:auto;height:100%;position:absolute;top:0;right:0;border-radius:20px;padding:6px 10px 5px 0;font-size:11px;background-color:#5831D7;color:#fff;} .taxBox .boxArea .taxGraph .exp_bar .exp_num {display:flex;justify-content:space-between;} .taxBox .boxArea .taxGraph .exp_bar .fluct_amount {margin-top:5px;text-align:right;font-size:13px;font-weight:700;color:#666;} .taxBox .boxArea .taxGraph .exp_bar .fluct_amount.right {font-weight:500;} .taxBox .boxArea .searchYear{margin-top: 15px;font-size:15px;font-weight:400;color: #666;} .taxBox .boxArea .searchYear strong{font-size:16px;font-weight:700;color: #222;} .searchYear .sel_box {display: inline-block;height:24px;padding:0 20px 0 0;border-bottom:none;position: relative;} .searchYear .sel_box:after {content: '';position: absolute;width:16px;height:16px;top:5px;right:3px;background:url('../img/theme/apfin/v2/ic_sel_down.svg?0808') right center no-repeat;background-size:16px auto;} .searchYear .sel_box span {font-size:16px;} .searchYear .sel_box.ml5{margin-left: 5px;} .taxContent .asset_contents ul.cboth {padding:0 20px;} .taxContent .asset_contents ul.cboth li {width:33.333%;margin:0;} .taxContent .asset_contents ul.cboth li:first-child {margin-left:0;} .taxContent .asset_contents ul.cboth li:last-child {margin-right:0;} .taxContent .org_wrap .tBalance .tBaltit {font-size:16px;} .taxContent .org_wrap .tBalance .tBaltxt {color:#222;} .taxContent .org_wrap .tBalance .tBaltxt .tx {font-size:14px;color:#666;font-weight:400;} .taxContent .m_tit {margin:30px 0 10px;font-size:16px;font-weight:700;} .taxContent .btn_wrap {padding:20px 0 30px 0;} .taxContent .fix_bottom .btn_wrap {padding: 0 20px 20px;} .taxContent .gaolState {padding:0;min-height:initial;} .taxContent .gaolState .gaolGraph {margin:30px 0 45px;} .taxContent .gaolState .exp_bar {position:relative;} .taxContent .gaolState .exp_bar .bar {height:26px;} .taxContent .gaolState.goalMulti .bar_total {display:flex;justify-content:flex-end;} .taxContent .gaolState.goalMulti .bar_total .bar_on {position:initial;border-radius:0;} .taxContent .gaolState.goalMulti .gaolGraph .fluct_msg {position:absolute;top:-10px;right:0;width:auto;padding:8px 15px;border:1px solid #badbff;background-color:#fff;border-radius:4px;color:#5831D7;font-size:16px;font-weight:500;} .taxContent .gaolState.goalMulti .gaolGraph .fluct_msg:before {position:absolute;bottom:-9px;right:20px;content:'';transform:scaleY(-1);width:10px;height:10px;background-image:url('../img/theme/apfin/v2/ic_tooltip4.png?1102');background-size:10px auto;background-repeat:no-repeat;} .taxContent .gaolState.goalMulti .gaolGraph.overdue .fluct_msg {border:1px solid #FACAD8;color:#F05E89;} .taxContent .gaolState.goalMulti .gaolGraph.overdue .fluct_msg:before {background-image:url('../img/theme/apfin/v2/ic_tooltip5.png?1102');} .taxContent .gaolState.goalMulti .gaolGraph.overdue .exp_bar {padding-top:68px;} .taxContent .goalDetail {margin-top:30px;padding:15px 0 0;border-top:1px solid #eee;} .taxContent .goalDetail.box {border-radius:10px;background-color:#fafafa;border-top:none;padding:10px 20px;} .taxContent .goalDetail li {display:flex;justify-content:space-between;flex-wrap:wrap;} .taxContent .goalDetail li + li {margin-top:10px;} .taxContent .goalDetail li .left {font-size:14px;color:#999;font-weight:400;} .taxContent .goalDetail li .left:before {display:inline-block;width:12px;height:12px;content:'';border-radius:50%;margin-right:5px;} .taxContent .goalDetail li .left.dot_gaol:before {background-color:#ccc;} .taxContent .goalDetail li .left.dot_gaol2:before {background-color:#962E01;} .taxContent .goalDetail li .left.dot_etc:before {background-color:#5DCFD2;} .taxContent .goalDetail li .left.dot_gray:before {background-color:#eee;} .taxContent .goalDetail li .right {font-size:16px;font-weight:400;} .taxContent .taxBox .goalDetail {border-top:none;margin-top:15px;padding:0;} .taxContent .myStatus{margin-top: 40px;} .taxContent .myStatus .myStatus_info {display: flex;justify-content: space-between;margin-bottom:20px;} .taxContent .myStatus .myStatus_info .smallTit {font-size:16px;margin-bottom: 0;} .taxContent .myStatus .myStatus_info .date {font-size: 15px;font-weight: 400;color: #999999;} .taxContent .myStatus .myDetail li {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .taxContent .myStatus .myDetail li .left {font-size:14px;font-weight:500;color:#999;} .taxContent .myStatus .myDetail li .right {font-size:16px;font-weight:400;} .taxContent .myStatus .myDetail > li + li {margin-top:30px;} .taxContent .myStatus .myDetail li.li_noti .left {color:#F05E89;display:flex;align-items:center;} .taxContent .myStatus .myDetail li.li_noti .left:before {display:inline-block;width:16px;height:16px;content:'';margin-right:7px;background-image:url('../img/theme/apfin/v2/ic_err_line.png?1102');background-repeat: no-repeat;background-size:16px auto;} .detail_depth2 {width:100%;padding:20px;margin:15px 0 5px;border-radius:10px;background-color:#fafafa;} .detail_depth2 li {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .detail_depth2 li .itemBox {position:relative;display:flex;width:100%;padding:0 0 0 27px;align-items:center;justify-content:space-between;} .detail_depth2 li .itemBox .im {position:absolute;top:0;left:0;} .detail_depth2 li .itemBox .im img {width:20px;height:20px;} .detail_depth2 li .itemBox .itemTit {font-size:14px;font-weight:400;color:#666;} .detail_depth2 li .itemBox .itemData {font-size:14px;font-weight:400;} .taxContent .myStatus .myDetail .detail_depth2 li .itemBox .itemData {min-width: 110px;text-align: right;font-weight:400;} .detail_depth2.msgResult p{font-size: 13px;} .li_noti .detail_depth2 li .itemBox .itemData {color:#aaa;} .detail_depth2 li .itemBox.linkErr .itemTit:before {display:inline-block;width:20px;height:20px;margin:0 5px 0 0;content:'';background:url('../img/theme/apfin/ic_err.png?1102') no-repeat 50% 50%;background-size:20px auto;vertical-align:text-top;} .detail_depth2 li + li {margin-top:10px;} .taxContent .org_wrap .asset_tab_header ul.cboth {padding:0;} .taxContent .org_wrap .tab_cntDp1 .tBalance .btnRef {top:3px;right:1px;} .taxContent .org_wrap .tab_cntDp1 .flag.txt {background-color:#F482A4;padding:2px 8px;margin:0 0 10px 0;} .bottomNotice {padding:25px 20px;margin:30px -20px 30px;background-color:#f8f8f8;} .taxContent .bottomNotice .smallTit {font-size:15px;} .taxContent .bottomNotice .dotList {border-top:none;padding:0;} .taxContent .bottomNotice .dotList li {flex-wrap:wrap;position:relative;padding-left:10px;font-size:13px;color:#999;font-weight:400;letter-spacing:-0.02px;} .taxContent .bottomNotice .dotList li:before {position:absolute;top:7px;left:0;content:'';width:3px;height:3px;border-radius:25px;background-color:#aaa;} .taxContent .bottomNotice .dotList.depth2 {margin:5px 0;} /* [E] 한도조회 /////////////////////////////////////////////////// */ /* [S] 자동차 /////////////////////////////////////////////////// */ /* 자동차 배너 스와이프 */ .ic_group {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;} .ic_group .ic_btnGroup button + button {margin-left:10px;} .ic_group .ic_btnGroup .btn_plus:after {display:inline-block;width:16px;height:16px;content:'';background-size:16px auto;background-image:url('../img/theme/apfin/v2/bt_plus2.png?1102');} .ic_group .ic_btnGroup .btn_minus:after {display:inline-block;width:16px;height:16px;content:'';background-size:16px auto;background-image:url('../img/theme/apfin/v2/bt_minus.png?1102');} .ic_group .ic_btnGroup .btn_edit:after {display:inline-block;width:16px;height:16px;content:'';background-size:16px 16px;background-image:url('../img/theme/apfin/v2/bt_edit.svg?0808');} .ic_group .ic_btnGroup .btn_delete{width:16px;height:16px;} .ic_group .ic_btnGroup .btn_delete:before{top:-4px} .asList.asList_state {width:100%;height:auto;padding:0;border:1px solid #eee;border-radius:16px;overflow:hidden;} .fDetail_list {margin-top:30px;} .fDetail_list li {display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px;font-weight:400;line-height:24px;} .fDetail_list li.state_tit span {font-size:16px;font-weight:500;} .fDetail_list li + li {margin-top:15px;} .fDetail_list li .itemTit {color:#999;font-weight:400} .fDetail_list li .itemData {max-width:160px;margin-left:auto;font-size:16px;word-break:keep-all;text-align:right;font-weight:400;} .fDetail_list li.multiItem .itemData {width:100%;max-width:50%;margin-left:auto;text-align:right;word-break:break-all;} .fDetail_list + .asGroup {margin-top:20px;} .org_wrap .tabs_tBanner {position:relative;width:100%;height:140px;} .org_wrap .tabs_tBanner:before {width:100%;height:100%;content:'';background-image:url('../img/theme/apfin/v2/img_car.svg?0808');background-repeat:no-repeat;background-position:right 0;position:absolute;bottom:-25%;right:0px;z-index:-1;} .org_wrap .tabs_tBanner .tBanner_tit {font-size:22px;font-weight:700;line-height:30px;} .org_wrap .tabs_tBanner .tBanner_tit span {font-weight:700;} .state_group ~ .asGroup .listTit{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;} .state_group ~ .asGroup .listTit h3{font-size:16px;} .asGroup .sub_banner {width:100%;height:auto;margin-top:15px;padding:20px 20px 0;text-align:center;background-color:#fcfcfc;border:1px solid #eee;border-radius:16px;} .asGroup .sub_banner img {width:210px;height:auto;} .asGroup .sub_banner .sub_tit {margin-bottom:30px;font-size:18px;text-align:left;line-height:26px;letter-spacing:-0.03em;} .asGroup .asBanner .sub_tit {font-size:18px;} .asGroup .asBanner .sub_tx {display:inline-block;margin-top:15px;font-size:14px;color:#222;font-weight:400;} .asGroup .im.banner {width:100%;} .asGroup .im.banner img {width:100%;} .asGroup .listTit + .im.banner {margin-top:10px;} .top_info_list {margin-top:15px;} .top_info_list .top_info_item {display:flex;align-items:center;justify-content:space-between;line-height:24px;} .top_info_item .top_info_title {font-size:14px;color:#666;font-weight:400;} .top_info_item:first-child .top_info_title {color:#222;} .top_info_item .invest {width:auto;margin:0;color:#222;font-size:14px;font-weight:400;} .top_info_item .invest.zero {color:#2196f3;} .state_contents .state_name {position:relative;} .state_contents .state_name .btn_delete {position:absolute;top:0;right:0;width:16px;height:16px;} .state_contents .state_name span {display:block;font-size:14px;font-weight:400;margin-bottom:5px;color:#666;letter-spacing:-0.3px;} .state_contents .state_name span em{font-weight:400;} .state_contents .state_name span em.num_year:before, .wrap_slider .accItem em.num_year:before {display:inline-block;content:'';width:2px;height:2px;margin:0 5px 0 2px;background-color:#ccc;border-radius:25px;vertical-align:middle;} .state_contents a.link_dashed {position:relative;display:inline-block;min-width:155px;padding-right:10px;text-align:center;font-size:14px;font-weight:300;color:#aaa;letter-spacing: -0.02em;} .state_contents .state_imBox {width:195px;height:auto;margin:50px auto 35px;} .state_contents .state_imBox img {width:100%;height:auto;} .state_contents ul {margin-top:10px;padding-top:15px;} .state_contents ul li {display:flex;margin-bottom:10px;justify-content:space-between;line-height:24px;} .state_contents ul li.state_tit {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;} .state_contents ul li.state_tit span {font-size:16px;color:#222;} .state_contents ul li span {color:#999;font-size:14px;font-weight:400;} .state_contents ul li p {color:#aaa;} .state_contents ul li p.state_price {color:#666;font-weight:400;font-size:14px;} .state_contents ul li:last-child {margin-bottom:0;} .state_contents ul .tx_bold {font-size:15px;font-weight:400;color:#222;letter-spacing:-0.04em;} .state_contents ul .tx_bold em.num {font-size:17px;font-weight: 500;} .state_contents ul .tx_bold .btn_more_ask {margin-left:3px;} .state_contents ul .link_dashed {padding-right:0;text-align:end;} .state_contents ul .btn_edit {padding-right:19px;} .state_contents ul .btn_edit:after {position:absolute;top:3px;right:0;display:inline-block;width:13px;height:14px;content:'';background-image:url('../img/theme/apfin/v2/bt_edit.svg?0808');background-repeat:no-repeat;background-size:13px auto;} /* .state_contents ul .link_txt.btn_edit{font-weight:300;} */ .state_contents ul .link_txt.btn_edit:after {top:5px;} .state_contents ul .link_txt {position:relative;font-size:16px;color:#222;font-weight:400;} .state_contents ul .link_txt em {color:#222;font-weight:400;} .state_contents .invest.minus {color:#2196F3;} .state_contents .invest.plus {color:#F44336;} .state_contents .invest, .state_contents .invest.plus, .state_contents .invest.minus {background:#fff;font-size:14px;font-weight:400;} .state_contents .invest .num {font-size:14px;font-weight:400;} .state_contents .btn_txt_wrap {width:100%;margin:32px 0 20px;padding-top:0;} .state_contents .btn_txt_wrap .btn_set {padding:15px 27px;margin-left:0;font-size:14px;line-height:24px;} .btn_more_ask .ico_ask.type_notice {background-image:url('../img/theme/apfin/v2/ic_err2.svg?0808');width:16px;height:16px;background-size:16px auto;} .state_group {margin-top:30px;} .state_group .asList.asList_state {border:0;border-radius:0;} .state_group .group_tit {max-width:260px;font-size:22px;font-weight:700;line-height:30px;color:#222;} .state_group .group_tit em {font-weight:700;} .state_group .asList.asList_state .state_contents {padding:10px 0 0;} .state_group .state_contents .invest_tx {color:#222;} .state_group .asList.asList_state .state_contents .state_name span, .state_group .asList.asList_state .state_contents .state_name span em {font-weight:400;} .state_group .state_imBox {width:auto;height:auto;} .state_group .asList.asList_state .state_contents .state_name .btn_delete{top:-34px;} .layer_bottomsheet .layer_tit .agChkItem.all {padding-bottom:20px;border-bottom:1px solid #eee;} .layer_bottomsheet .layer_cont .agChkSubList {margin-top:15px;} .layer_inner .state_box {padding:20px 0 5px;} .layer_inner .state_box .list {display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:21px;} .layer_inner .state_box .list + .list {margin-top:10px;} .layer_inner .state_box .list .list_tit {color:#666;font-weight:400;} .layer_inner .state_box .list .list_detail {color:#222;font-weight:400;font-size:16px;} .layer_inner .layer_cont .cont_tit_wrap {margin-top:10px;} .layer_cont .cont_tit_wrap .cont_tit {font-size:21px;line-height:32px;letter-spacing:-0.02em;font-weight:500;} .layer_cont .cont_tit_wrap .tx {margin-top:20px;font-size:14px;color:#666;font-weight:400;line-height:24px;} .layer_cont .confirm_info {margin-top:50px;} .layer_cont .confirm_info.car_register {padding-bottom: 85px;} .layer_cont .cont_tit_wrap + .confirm_info.car_register {margin-top:30px;padding-bottom: 85px;} .layer_cont .confirm_info .confirm_num {position:relative;} .layer_cont .confirm_info .confirm_num .inp_line {position:relative;display:flex;flex-wrap:wrap;} .layer_cont .confirm_info .confirm_num .inp_line .confirm_name {position:relative;display:block;font-size:16px;font-weight:500;} .layer_cont .confirm_info .confirm_num .inp_line .confirm_dot:after {position:absolute;top:1px;right:-8px;content:'';width:4px;height:4px;background-color:#5831D7;border-radius:25px;} .layer_cont .confirm_info .confirm_num .inp_line .confirm_num_inp {width:100%;height:50px;padding:0;font-size:17px;font-weight:500;line-height:22px;color:#222;border:0;border-bottom:1px solid #ddd;} .layer_cont .confirm_info .confirm_num .inp_line .confirm_num_inp:focus, .layer_cont .confirm_info .confirm_num .inp_line .confirm_num_inp:valid {border-bottom:1px solid #222;} .confirm_num .inp_err_msg {margin-top:8px;font-size:13px;line-height:19px;color:#F05E89;} .confirm_num + .confirm_num {margin-top:30px;} .confirm_num .inp_txt {position:absolute;bottom:10px;right:0;display:inline-block;} .confirm_num .inp_txt .price {font-size:16px;font-weight:400;color:#222;} .layer_fullsheet .layer_inner .fix_bottom {background-color:#fff;} .layer_fullsheet .layer_cont .btn_val_reset {position:relative;} .layer_fullsheet .layer_cont .btn_val_reset:after {width:16px;height:16px;content:'';position:absolute;top:20px;right:25px;background-image:url('../img/theme/apfin/v2/bt_del_value2.png?1102');background-repeat:no-repeat;background-size:16px auto;} .layer_cont .type_km .btn_val_reset:after {right:35px;} .state_contents.sub_stContents .state_imBox {width:260px;height:auto;margin:70px auto 55px;} .state_contents.sub_stContents .state_imBox.nodata {width:100%;margin:50px auto 30px;} .state_contents.sub_stContents ul {padding-top:0px;margin-top:0px;} .state_contents.sub_stContents ul .tx_bold em.num {font-size:22px;font-weight:700;} .state_contents.sub_stContents ul li:first-child {margin-bottom:20px;} .state_contents.sub_stContents ul li {margin-bottom:18px;} .state_contents.sub_stContents ul li:last-child {margin-bottom:0;} .state_contents.sub_stContents .state_tit .invest {display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:500;} .state_contents.sub_stContents .invest {display:flex;align-items:baseline;font-size:16px;line-height:24px;font-weight:400;} .state_contents.sub_stContents .invest .num {margin-right:2px;font-size:16px;line-height:inherit;} .state_contents.sub_stContents a.link_dashed {font-size:14px;} .state_contents.sub_stContents ul a.link_dashed {font-size:16px;} .state_contents.sub_stContents .btn_txt_wrap {margin:45px 0 20px;} .fluct_box {margin-top:-5px;} .fluct_box .fluct_tit {font-size:16px;font-weight:500;} .fluct_box .fluct_tit .sub_title {font-size:12px;font-weight:400;color:#999;} .fluct_box .fluct_tit .sub_title em {font-weight:400;} .fluct_list {margin-top:20px;} .fluct_list li {margin-bottom:15px;} .fluct_list li .fluct_list_tit .tit {font-size:15px;font-weight:500;color:#666;} .fluct_list li .exp_bar {margin-top:10px;} .fluct_list .exp_bar .bar {position:relative;display:block;height:26px;background-color:#eee;border-radius:20px;} .fluct_list .exp_amount {position:absolute;left:10px;top:5px;font-size:13px;font-weight:400;color:#999;} .fluct_list .exp_amount .num{font-weight:400;} .fluct_list .bar_total {position:relative;width:100%;height:100%;margin-left:auto;text-align:right;border-radius:20px;} .fluct_list .bar_total .bar_on {width:100%;max-width:100%;height:100%;display:inline-block;position:absolute;top:0;right:0;border-radius:20px;background-color:#962E01;} .fluct_list .bar_total .bar_on_num {display:inline-block;min-width:45px;width:auto;height:100%;position:absolute;top:0;right:0;border-radius:20px;padding:5px 10px 5px 0;font-weight:400;font-size:13px;background-color:#962E01;color:#fff;} .fluct_list li .exp_bar .fluct_amount {margin-top:5px;text-align:right;font-size:13px;font-weight:500;color:#962E01;} .fluct_box.type2 .exp_bar .fluct_amount {font-size:16px;font-weight:400;color:#222;} .fluct_box.type2 .exp_bar .fluct_amount em {margin-right:2px;} .fluct_list li .exp_bar .fluct_amount .num {font-weight:500;} .fluct_detail {margin-top:23px;text-align:center;padding-left:25px;} .fluct_detail .fluct_rate {position:relative;font-size:14px;color:#999;} .fluct_detail .fluct_rate ~ .fluct_rate {margin-left:50px;} .fluct_detail .fluct_rate:before {position:absolute;top:2px;left:-18px;content:'';width:12px;height:12px;background-color:#eee;border-radius:25px;} .fluct_detail .fluct_rate.blue {color:#222;} .fluct_detail .fluct_rate.blue:before {background-color:#962E01;} .fluct_box.type2 +.asGroup {border-top:1px solid #eee;margin-top:30px;padding-top:30px;} .asLink_box{margin-top:15px;} .asLink_box .asBanner{margin-top:0;} .asLink_box .asBanner:after{display:none;} .asGroup.type_link .asBanner {background-color:#fff;} .asGroup.type_link .asBanner:before {content:none;} .asGroup.type_link .asBanner img {width:24px;height:24px;} .asGroup.type_link a {display:inline-block;width:100%;} .asGroup.type_link .top_img {display:flex;align-items:center;margin-bottom:6px;} .asGroup.type_link .top_img .im {min-width:24px;width:24px;margin-right:6px;} .asGroup.type_link .top_img .prdName {font-size:14px;color:#222;} .asGroup.type_link .amount {max-width:250px;font-size:18px;font-weight:500;color:#000;line-height:26px;} .asGroup.type_link .amount:after {content:none;} .asGroup.type_link .amount + .fDetail_list {margin-top:20px;padding-bottom:0;} .asGroup.type_link .fDetail_list {border:0;margin-top:0;padding-top:0px;padding-bottom:20px;} .asGroup.type_link .fDetail_list li + li {margin-top:10px;} .asLink_box {display:inline-block;width:100%;} .asLink_box .im img {width:100%;height:auto;} .asLink_box + .asLink_box {margin-top:20px;} .editList3 .asList {padding:0;margin-top:15px;} .editList3 .asList .accItem {position:relative;min-height:87px;padding:18px 20px 18px 50px;} .editList3 .asList .prdName {font-size:16px;font-weight:700;color:#000;line-height:24px;} .editList3 .asList .prdName span, .editList3 .asList .prdName em {font-weight:700;} .editList3 .asList .amount, .editList3 .asList .amount em {font-size:14px;font-weight:400;color:#666;} .editList3 .asList .amount:after {content:none;} .editList3 .asList .accItem.itemSelect {content:'';background-color:#f5f6f7;} .editList3 .ctrl {display:flex;height:26px;align-items:center;position:absolute;top:30px;right:20px;} .editList3 .accItem .ctrl .btnHide {display:inline-block;} .editList3 .ctrl .btnHandle {display:inline-block;} .editList3 .ctrl a + a {margin-left:15px;} .layer_fullsheet .inp_line.on{border:0;} .asBanner {display:inline-block;min-height:80px;height:auto;padding:20px;margin-top:15px;background-color:#fcfcfc;border:1px solid #eee;border-radius:16px;} .asBanner .tx {max-width:180px;font-size:14px;} .asBanner:before {left:inherit;right:16px;top:19%;width:100px;height:55px;background-size:100px auto;} .asBanner.type_set, .asBanner.type_insure {height:140px;} .asBanner.type_insure:after {display:none;} .asBanner.type_set:before {top:25%;right:20px;width:70px;height:100px;background-size:70px auto;background-image:url('../img/theme/apfin/v2/im_type_set.png?1102');} .asBanner.type_insure:before {top:35%;right:20px;width:70px;height:70px;background-size:70px auto;background-image:url('../img/theme/apfin/v2/im_type_insure.png?1102');} .asBanner + .im {width:100%;margin-top:20px;} .asBanner + .im img {width:100%;} /* terms */ .terms-slider .servTerm .load_term{padding-top:0;} .terms-slider .load_term .t_table th div, .terms-slider .load_term .t_table td div{font-weight:400;} .terms-slider .load_term .t_table td div + div{margin-top:8px;} /* [E] 자동차 /////////////////////////////////////////////////// */ /* [S] 부동산 /////////////////////////////////////////////////// */ .org_wrap .tabs_tBanner.type_estate:before {background-image:url('../img/theme/apfin/v2/im_tBanner_estate.png?1102');background-size:cover;} .state_top .estate_info {font-size:12px;font-weight:400;color:#999;} .state_contents .state_list {margin-top:0;padding-top:10px;border-top:0;} .state_contents .state_list li .invest {width:auto;font-size:14px;font-weight:400;} .state_contents .state_list + .state_list {border-top:1px solid #eee;} .state_contents .state_list .line_dp1 {display:inline-block;width:100%;} .state_contents .state_list .line_dp2 {padding-left:30px;border-left:1px solid #e5e5e5;border-top:0;} .state_contents .state_list .line_dp2 li {position:relative;display:flex;justify-content:space-between;} .state_contents .state_list .line_dp2 li:before {position:absolute;top:11px;left:-30px;width:25px;height:1px;content:'';background-color:#e5e5e5;} .state_contents .state_list + .banner.inLink{margin-top: 30px;} .type_houseWant{padding: 15px 20px;margin-top: 20px;} .type_houseWant.asBanner:before{right: 16px;top: 50%;margin-top: -25px;width:80px;height:50px;background:url('../img/theme/apfin/v2/img_housewant.png?1102') no-repeat center / 80px auto;} .type_houseWant .tx{padding-top: 0;} .type_houseWant .tx .tit{display: block; font-size: 18px;font-weight: 500;margin-bottom: 5px;} .type_houseWant .btnAdd{margin-top: 5px;} .type_houseWant .btnAdd .bank_link{margin-left: initial;font-size: 12px;} .type_houseWant .btnAdd .bank_link:after{background-size: 10px auto;} .hr_div.type4 + .asGroup.houseGroup{padding-top:0;} .houseGroup .asList.type_info .state_contents{padding: 15px 20px 20px;} .houseGroup .listTit{margin-top:30px;} .houseGroup .listTit h3, .houseGroup .listTit em{font-size:16px;} .houseGroup .type_goal{position: relative;} .houseGroup .ic_group{justify-content: right;} .houseGroup .gaolState h4{padding-right:22px;position: relative;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .houseGroup .gaolState > a h4:after{position: absolute;right:0;top:50%;margin: -8px 0 0 0;} .asGroup.houseGroup + .btn_wrap{margin-top:0;} .flagArea{margin-bottom: 8px;height:18px;white-space:nowrap;} .flagArea .sq_flag{padding: 2px 6px 2px;border-radius: 20px;font-weight: 400;font-size: 10px;margin:0;line-height: 1;vertical-align: top;} .flagArea .sq_flag + .sq_flag{margin-left: 2px;} .flagArea .sq_flag.self{background: #838FBB;color: #fff;border: 1px solid #838FBB;} .flagArea .sq_flag.apt{color: #838FBB;border: 1px solid #838FBB;} .flagArea .sq_flag.monthly{background: #aaa;;color: #fff;border: 1px solid #aaa;} .flagArea .sq_flag.lease{background: #C3A875;;color: #fff;border: 1px solid #C3A875;} .flagArea .sq_flag.officetels{color: #aaa;border: 1px solid #aaa;} .flagArea .sq_flag.villa{color: #C3A875;border: 1px solid #C3A875;} .flagArea .sq_flag.complex{color: #4E8FF0;border: 1px solid #4E8FF0;} .houseGroup .name{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 5px;font-weight: 700;} .houseGroup .info{font-size: 14px;font-weight: 400;color: #666;} .houseGroup .asList.type_info + .asList.type_info{margin-top: 10px;} .houseGroup .asList.type_info .state_top a{padding-right: 20px;} .houseGroup .asList.type_info .state_top a:after{top: 50%;margin-top: -8px;} .houseGroup .state_contents ul .tx_bold {font-size: 16px;font-weight: 500;} .houseGroup .state_contents ul li.marketPrice{margin-bottom: 15px;} .houseGroup .state_contents ul li.summary{margin-bottom: 15px;} .houseGroup .state_contents ul li.summary span{font-size: 14px;font-weight: 400;color: #666;;} .houseGroup .state_contents .state_list{padding-top: 0px;} .houseGroup .state_contents .state_list .line_dp2{margin: 0 0 0 8px;padding: 0 0 0 20px;position: relative;border-left: none;} .houseGroup .state_contents .state_list .line_dp2:before{content: '';display: block;position: absolute;left: -1px;top: 0; width: 1px;height:calc(100% - 13px);background-color: #e5e5e5;} .houseGroup .state_contents .state_list .line_dp2 li{margin-bottom: 0px;} .houseGroup .state_contents .state_list .line_dp2 li:before{width: 15px;left: -21px;top: 12px;} .houseGroup .state_contents ul.line_dp2 li span{font-size: 13px;color: #222;line-height: 26px;} .houseGroup .state_contents .state_list ul.line_dp2 li .invest{color: #222;} .houseGroup .state_contents .state_list ul.line_dp2 li .invest .num{font-weight: 500;} .houseGroup .btn_more_ask .ico_ask.type_white2{width: 13px;height: 13px;background-size: 13px;} .houseGroup .state_contents ul li.state_tit{border-bottom: none;padding:15px 0 0;border-top: 1px solid #eee; margin-top: 20px;} .houseGroup .state_contents ul li.state_tit span{font-size: 14px;font-weight: 700;color: #5831D7;} .houseGroup .state_contents ul li.state_tit .tx_bold{color: #5831D7;} .houseGroup .state_contents ul li.state_tit .tx_bold em.num{font-size: 15px;} .houseGroup .btn_wrap.type_arw{padding: 15px 0 0;} .houseGroup .btn_wrap.type_arw a.btnBl2{color:#533D6A;background: #EFECF7;} .houseGroup .btn_wrap.type_arw a.btnBl2:after{background-color: transparent;} .houseGroup .btn_wrap.type_arw a.btnBl2 .ic_arrw{width:12px;height:12px;} .houseGroup .state_contents ul li .gaolGraph{padding: 15px 0px 0px;margin-top: 10px;border-top:1px solid #eee;width: 100%;} .houseGroup .state_contents ul li .gaolGraph .gaolAmount{display: flex;justify-content: space-between;line-height: 24px;font-size: 16px;font-weight: 500;color: #000;} .houseGroup .state_contents ul li .gaolGraph .gaolAmount span{font-size:16px;font-weight: 500;color: #000;} .houseGroup .state_contents ul li .gaolGraph .gaolAmount em{font-size: 17px;font-weight: 500;} .houseGroup .state_contents ul li .gaolGraph .exp_bar {margin-top: 15px; } .houseGroup .state_contents ul li .gaolGraph .exp_bar .bar { position: relative; display: block; height: 10px; background-color: rgb(238, 238, 238); border-radius: 20px; } .houseGroup .state_contents ul li .gaolGraph .exp_amount { position: absolute; left: 10px; top: 5px; font-size: 12px; font-weight: 500; color: rgb(153, 153, 153); } .houseGroup .state_contents ul li .gaolGraph .bar_total { position: relative; width: 100%; height: 100%; margin-left: auto; text-align: right; border-radius: 20px; overflow: hidden; } .houseGroup .state_contents ul li .gaolGraph .bar_total .bar_on { width: 100%; max-width: 100%; height: 100%; display: inline-block; position: absolute; top: 0px; left: 0px; border-radius: 20px; background-color:#962E01; } .houseGroup .state_contents ul li .gaolGraph .bar_total .bar_on_num { display: inline-block; min-width: 45px; width: auto; height: 100%; position: absolute; top: 0px; right: 0px; border-radius: 20px; padding: 6px 10px 5px 0px; font-size: 11px; background-color: rgb(94, 142, 217); color: rgb(255, 255, 255); } .houseGroup .state_contents ul li .gaolGraph .exp_bar .exp_num { display: flex; justify-content: space-between;} .houseGroup .state_contents ul li .gaolGraph .exp_bar .fluct_amount { margin-top: 5px;font-size: 13px; font-weight: 500; color:#5C38D4;} .houseGroup .state_contents ul li .gaolGraph .exp_bar .fluct_amount em { font-weight: 500;} .houseGroup .state_contents ul li .gaolGraph .exp_bar .fluct_amount.right { color: rgb(153, 153, 153); text-align: right;} .houseGroup .btnGroup .btnBl2{color:#3D1DA8;background-color:#EFECF7;} .houseGroup .btnGroup .btnBl2:after{background:transparent;} .houseGroup + .btn_wrap .btnBl2.btnEdit{color:#424242;background-color:#ddd;} .houseGroup + .btn_wrap .btnBl2.btnEdit:after{background:transparent;} /* 등록 */ .houseGroup.register{padding-bottom: 30px;} .houseGroup .cont_tit_wrap {margin:30px 0;} .houseGroup .cont_tit_wrap .cont_tit {font-size:22px;line-height:32px;letter-spacing:-0.02em;font-weight:700;} .houseGroup .cont_tit_wrap .tx {margin-top:20px;font-size:14px;color:#666;font-weight:400;line-height:24px;} .houseGroup .filterItem + .filterItem {margin-top:35px;} .houseGroup .filterItem .filterTit {font-size:15px;font-weight:500;line-height: 21px;margin-bottom: 10px;} .houseGroup .filterItem .filterTit.confirm_dot:after {content:'';display: inline-block;width:4px;height:4px;background-color:#962E01;border-radius:4px;vertical-align: top;margin: 4px 0 0 4px;} .houseGroup .filterItem .filterTitSub {font-size:14px;font-weight:400;line-height: 21px;color: #666666;margin: 10px 0;} .houseGroup .filterItem .inp_err_msg {margin-top:5px;font-size:13px;line-height:19px;color:#F05E89;} .houseGroup .filterItem .schTxt {display: block;height:38px;font-size:14px;font-weight:400;color:#222;margin-top: -10px;padding:0;} .houseGroup .filterItem .schTxt:disabled{border-color:#000;background-color:transparent;} .houseGroup .filterItem .schTxt::placeholder {font-size:14px;color:#aaa;font-weight:400;} .houseGroup .filterItem.on .schTxt, .houseGroup .schArea.on .schTxt{border-color:#222;} .houseGroup .filterItem .schArea{position: relative;} .houseGroup .filterItem .schArea .schTxt{padding-right: 50px;} .houseGroup .filterItem .schArea .btnSearch {display:inline-block;position: absolute;right:0px;top:50%;margin-top: -12px; width:24px;height:24px;background-image:url('../img/theme/apfin/v2/bt_search.png?1102');background-size:24px auto;} .houseGroup .filterItem .schArea .schTxt:disabled{background-color: #fff;} .houseGroup .filterItem .schArea .schTxt:disabled + .btnSearch{display: none;} .houseGroup .filterItem .schArea .schTxt.disable{border-color:#ddd;} .houseGroup .filterItem .inputPrice{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;margin-top: -10px;} .houseGroup .filterItem .inputPrice .schTxt{width: calc(100% - 15px);border: none;text-align: right;margin-top: 0;padding-right: 15px;} .houseGroup .filterItem .inputPrice.on {border-bottom: 1px solid #222;} .houseGroup .filterItem .inputPrice .price{display: inline-block;line-height: 1;font-size: 16px;font-weight: 400;color: #222;margin-top: -1px;} .houseGroup .filterItem .set_detail{position: relative;} .houseGroup .filterItem .set_detail .inp_box {position:relative;display:flex;flex-wrap:wrap;} .houseGroup .filterItem .set_detail .inp_box.inp_price{margin-top:-10px;} .houseGroup .filterItem .set_detail .inp_box .set_inp {width:100%;height:50px;padding:0 45px 0 0px;text-align: right;font-size:16px;font-weight:400;background-color: transparent;line-height:23px;color:#222;border:0;border-bottom:1px solid #ddd;} .houseGroup .filterItem .set_detail .btn_val_reset {position:relative;} .houseGroup .filterItem .set_detail .btn_val_reset:after {width:16px;height:16px;content:'';position:absolute;top:18px;right:20px;background-image:url('../img/theme/apfin/v2/bt_del_value2.png?1102');background-repeat:no-repeat;background-size:16px auto;} .houseGroup .filterItem .set_detail .inp_txt {position:absolute;bottom:13px;right:0px;display:inline-block;} .houseGroup .filterItem .set_detail .inp_txt .price {font-size:16px;font-weight:400;color:#000;} .houseGroup .filterItem .radioTab {display:flex;gap:10px;} .houseGroup .filterItem .radioTab li {flex:1;text-align:center;margin:0;} .houseGroup .filterItem .radioTab label {display:inline-block;width:100%;border:1px solid #ddd;border-right-color:transparent;text-align:center;line-height:28px;font-size:14px;color:#666;background-color:#fff;} .houseGroup .filterItem .radioTab li:last-child label {border-right-color:#ddd;} .houseGroup .filterItem .radioTab input:checked + label {font-weight:700} .houseGroup .filterItem .radioTab input:disabled + label {border: 1px solid #E5E5E5;color:#666;font-weight:400} .houseGroup .filterItem .radioTab input:checked:disabled + label {border: 1px solid #962E01;color:#962E01;font-weight:500} .houseGroup .filterItem .radioTab label {border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-weight:400;line-height:24px;} .houseGroup .filterItem .radioTab li + li {margin-left:0px;} .houseGroup .filterItem .radioTab input:checked.disable + label{border-color:#999;color:#999;} .filterItem .radioTab + .selPeriod{margin-top:10px;} .filterItem .selPeriod {display:flex;align-items:center;margin-top:0;border-bottom:none;} .filterItem .dateItem{position:relative;} .filterItem .dateItem input {width:100%;border-bottom:1px solid #ddd;padding:8px 0 11px 0px;font-size:16px;font-weight:400;} .filterItem .dateItem input:valid {border-bottom:1px solid #222;} .filterItem .ui-datepicker-trigger {position:absolute;right:3px;top:11px;width:17px;height:19px;background:url('../img/theme/apfin/v2/ic_calendar.svg?0808') no-repeat 50% 50%;background-size:17px auto;} .filterItem .selPeriod .unit {position:relative;margin:0 15px;color:#fff;text-indent:-1000px;} .houseGroup .filterItem .unit {margin:0 15px;} .filterItem .selPeriod .unit:before {position:absolute;top:50%;left:0;display:inline-block;width:10px;height:1px;background-color:#222;content:'';} .houseGroup .set_list .filterItem .unit {visibility: hidden;} .houseGroup .set_list .filterItem .unit:before {visibility: visible;} .houseGroup .filterItem .consume_info_list .consume_info_item{margin-top:15px;} .houseGroup .filterItem .consume_info_list .consume_info_item .tit{font-size: 14px;font-weight: 400;color: #666;line-height: 24px;} .houseGroup .filterItem .consume_info_list .consume_info_item .tit .im{width: 24px;height: 24px;margin-right: 5px;} .houseGroup .filterItem .consume_info_list .consume_info_item .amount{font-size: 15px;font-weight: 400;color: #222222;line-height: 1;} .houseGroup .filterItem .consume_info_list .consume_info_item .amount em{font-size: 17px;font-weight: 400;margin-top: -3px;} .houseGroup .filterItem .sel_form.type_border{margin:15px 0} .houseGroup .filterItem .sel_form.type_border .sel_box{color: #aaa;} .houseGroup .filterItem .sel_form.type_border .sel_box.disable{color:#222;} .houseGroup .filterItem .sel_form.type_border .sel_box.disable:after{display: none;} .houseGroup .filterItem .sel_form.type_border.on{border-color:#ddd;} .houseGroup .filterItem .sel_form.type_border.on .sel_box{color: #222;} .houseGroup .filterItem .sel_form.type_border.on .sel_box.disable{color: #222;} .houseGroup .filterItem .schTxt.on{border-color:#000;} .houseGroup .filterItem .set_detail .inp_box .set_inp.on{border-color:#000;} /* 대출계좌선택 팝업 */ .cdChkSubList.bankChk .cdChkItem + .cdChkItem {margin-top:20px;} .cdChkSubList.bankChk .cdChkItem label{padding-left:40px;} .cdChkSubList.bankChk .cdChkItem label span.chkName {color: #666666;font-size:14px;font-weight:400;line-height:21px;} .cdChkSubList.bankChk .cdChkItem label .cdChkTxt{padding-left: 40px;font-size:15px;font-weight:500;line-height:23px;color: #222;} .cdChkSubList.bankChk .cdChkItem label .cdChkTxt em{font-size:17px;font-weight:700;line-height:23px;color: #222;} .cdChkSubList.bankChk .cdChkItem label input[type=checkbox],.cdChkSubList.bankChk .cdChkItem label input[type=radio]{width:24px;height:24px;right:5px;} .cdChkSubList.bankChk .cdChkItem label input[type=checkbox] + i,.cdChkSubList.bankChk .cdChkItem label input[type=radio] + i{width:24px;height:24px;right:5px;background-image: url('../img/theme/apfin/ic_chk_off.png?1102');background-size:24px;border:0;} .cdChkSubList.bankChk .cdChkItem label input[type=checkbox]:checked + i,.cdChkSubList.bankChk .cdChkItem label input[type=radio]:checked + i{ background-image: url('../img/theme/apfin/ic_chk_on.png?1102');background-color: transparent;border:0;} .cdChkSubList.bankChk .cdChkItem label .im{width: 32px;height: 32px;position:absolute;top:50%;left:0px;margin-top: -16px;} /* 최근검색 팝업 */ .layer_cont .schArea{position: relative;} .layer_cont .schArea .schTxt{padding-right: 50px;border:none; border-bottom: 1px solid #ddd;font-size: 14px;width: 100%;font-weight: 400;color: #222;} .layer_cont .schArea .schTxt:focus{border-bottom: 1px solid #222;} .layer_cont .schArea .btnSearch {display:inline-block;position: absolute;right:0px;top:50%;margin-top: -14px; width:24px;height:24px;background-image:url('../img/theme/apfin/v2/bt_search.png?1102');background-size:24px auto;} .layer_cont .schArea .schTxt:disabled{background-color: #fff;} .layer_cont .schArea .schTxt:disabled + .btnSearch{display: none;} .layer_cont .schArea > .btn_val_reset {position:absolute;top:0;right:0;} .layer_cont .schArea > .btn_val_reset:after {width:16px;height:16px;content:'';position:absolute;top:8px;right:33px;background-image:url('../img/theme/apfin/v2/bt_del_value2.png?1102');background-repeat:no-repeat;background-size:16px auto;} .layer_cont i{font-style: normal;} .layer_cont i.search{display:inline-block;margin:0 10px 0 0;padding:0; width:24px;height:24px;background-image:url('../img/theme/apfin/v2/bt_search2.png?1102');background-size:24px auto;vertical-align: middle;} .layer_cont i.sq_flag{padding: 2px 6px 2px;border-radius: 20px;font-weight: 500;font-size: 10px;margin:0;line-height: 1;vertical-align: middle;} .layer_cont i.sq_flag.self{background: #985DD3;color: #fff;border: 1px solid #985DD3;} .layer_cont i.sq_flag.apt{color: #838FBB;border: 1px solid #838FBB;} .layer_cont i.sq_flag.monthly{background: #69B556;;color: #fff;border: 1px solid #69B556;} .layer_cont i.sq_flag.lease{background: #4E8FF0;;color: #fff;border: 1px solid #4E8FF0;} .layer_cont i.sq_flag.officetels{color: #aaa;border: 1px solid #aaa;} .layer_cont i.sq_flag.villa{color: #4E8FF0;border: 1px solid #4E8FF0;} .layer_cont i.sq_flag.complex{color: #C3A875;border: 1px solid #C3A875;} .layer_cont i.sq_flag.txt{font-size: 14px;font-weight: 400;color: #222;padding:0;} .layer_cont .mykeyword li + li{margin-top: 20px;} .layer_cont .mykeyword li{position: relative;padding-right:30px;} .layer_cont .mykeyword li a{display: block;height: 24px;padding-right:50px; font-weight: 400;font-size: 14px;line-height: 24px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .layer_cont .mykeyword li a .flagArea{display:inline-block;width: 50px; text-align: left;line-height: 1; vertical-align: middle;margin-top: 3px;} .layer_cont .mykeyword li a em{font-weight: 400;font-size: 14px;line-height: 21px;position: absolute;right:0;top:0;} .layer_cont .mykeyword li .btn_close{display: inline-block;position: absolute;right:0;top:3px; width:16px;height:16px;background:url('../img/theme/apfin/v2/bt_close.svg?0808') no-repeat 0 0 / 16px auto;} .layer_cont .mykeyword2{margin-bottom: 15px;} .layer_cont .mykeyword2 li + li{margin-top: 15px;} .layer_cont .mykeyword2 li a{display: flex;font-weight: 400;font-size: 14px;} .layer_cont .mykeyword2 li a .flagArea{display:inline-block;width: 60px; text-align: left;} .layer_cont .mykeyword2 li a .word{width: calc(70% - 60px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;} .layer_cont .mykeyword2 li a .district{display:inline-block; width: 30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 10px;font-weight: 400;} .layer_cont .mykeyword2 li a .district.subway{text-align: right;} .layer_cont .mykeyword2.div2 li a .word{width: calc(100% - 60px);} .layer_fullsheet .layer_cont i.search{background-image: url('../img/theme/apfin/v2/bt_search.png?1102');} .navHistory{margin-bottom: 15px;} .navHistory a{font-size: 13px;font-weight: 400;line-height: 19px;color: #ccc;} .navHistory a:after{content: '';display: inline-block;vertical-align: middle;margin: -3px 4px 0 2px; width: 16px;height: 16px;background:url(../img/theme/apfin/v2/ic_arw_gray.png) no-repeat 0 0 / 16px auto;} .navHistory a:last-child:after{display: none;} .navHistory a.select{color: #222;} .navHistory a.select.done{font-weight: 500;} .btList{display: flex;flex-wrap: wrap;width: 100%;align-items: center;justify-content: flex-start;} .btList label{display: inline-flex;align-items: center;justify-content: center;min-width: calc((100% / 3 - 4px) );max-width: calc((100% / 3 - 4px));margin: 2px;height:48px; font-size: 13px;font-weight: 400;color: #666;border: 1px solid #E5E5E5;border-radius: 6px;cursor: pointer;} .btList input[type="checkbox"],.btList input[type="radio"] {-webkit-appearance: none;border: none;overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);clip-path: polygon(0 0, 0 0, 0 0);width: 1px;height: 1px;margin: -1px;position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;} .estate.asGroup {padding: 30px 0 0;border-bottom: 1px solid #ddd;} .estate.asGroup + .estate.asGroup{padding:30px 0 0;} .estate.asGroup .btnFolding {display:flex;align-items:center;justify-content:center;color:#666;margin-top:0px;font-size:14px;padding: 12px 0;} .estate.asGroup .btnFolding:after {display:inline-block;width:16px;height:16px;margin-left:5px;content: '';background-image: url(../img/theme/apfin/v2/ic_gray_arr.png);background-size: 16px auto;transform:rotate(90deg);} .estate.asGroup .btnFolding:before {content:'더보기';font-weight: 400;} .estate.asGroup .msgResult{padding:40px 0 70px;margin:0;} .asList.type_detail .state_top {padding:30px 0 32px;} .asList.type_detail .state_top .name{font-size:21px;color:#222;font-weight:500;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .asList.type_detail .state_top .info{font-size:14px;color:#666;font-weight:400;margin-top: 10px;} .asList.type_detail .state_top + .state_contents .state_list{padding-top:0;} .asList.type_detail .state_contents {padding:0;} .asList.type_detail .state_contents .marketPrice{border-bottom: 1px solid #eee;padding:0 0 20px;margin: 0 0 20px;} .asList.type_detail .state_contents .state_list li .invest{font-size: 16px;text-align: right;} .asList.type_detail .state_contents .state_list li .invest.plus .num{font-weight:500;} .asList.type_detail .state_contents .state_list li .invest.loan{color: #2196F3;} .asList.type_detail .state_contents ul .tx_bold{font-size: 16px;} .asList.type_detail .state_contents ul .tx_bold em.num{font-size: 22px;} .asList.type_detail .state_contents .invest .num {font-size: 16px;font-weight:500;} .asList.type_detail .state_contents .state_list li.slideArea{flex-wrap: wrap;} .asList.type_detail .type_goal{position: relative;overflow: hidden;margin: 20px 0 10px;width: 100%;} .asList.type_detail .type_goal .swiper-slide{background: #FAFAFA;padding: 20px 20px 50px;border-radius: 10px;} .asList.type_detail .type_goal .swiper-slide .tAccount .tAccTit{display: block;font-size: 14px;font-weight: 500;color: #222;position: relative;padding:0 20px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .asList.type_detail .type_goal .swiper-slide .tAccount .tAccTit:after {content:'';display:inline-block;position: absolute;right: 0;top: 3px; width:16px;height:16px;background-image:url('../img/theme/apfin/v2/ic_arw_black.png?1102');background-size:16px auto;background-repeat:no-repeat;} .asList.type_detail .type_goal .swiper-slide .tAccount .im{display: inline-block;} .asList.type_detail .type_goal .swiper-slide .accDetailList{margin:15px 0 0;padding:0;} .asList.type_detail .type_goal .swiper-slide .tAccount .im img{width: 20px;height: 20px;vertical-align: text-bottom;} .asList.type_detail .type_goal .swiper-slide .accDetailList .itemTit{font-size: 14px;font-weight: 400;color: #999;} .asList.type_detail .type_goal .swiper-slide .accDetailList .itemData{font-size: 14px;font-weight: 400;color: #222;} .asList.type_detail .type_goal .swiper-slide .accDetailList li + li{margin-top: -3px;} .asList.type_detail .type_goal .swiper_control{bottom: 15px;} .asList.type_detail .gaolGraph{width: 100%;} .asList.type_detail .gaolGraph .gaolAmount{display: flex;justify-content: space-between;line-height: 24px;font-size: 14px;font-weight: 700;color: #5831D7;} .asList.type_detail .gaolGraph .gaolAmount span{color: #5831D7;} .asList.type_detail .gaolGraph .gaolAmount em{font-size: 15px;font-weight: 700;} .asList.type_detail .gaolGraph .exp_bar {margin-top: 15px; } .asList.type_detail .gaolGraph .exp_bar .bar { position: relative; display: block; height: 10px; background-color: rgb(238, 238, 238); border-radius: 20px; } .asList.type_detail .gaolGraph .exp_amount { position: absolute; left: 10px; top: 5px; font-size: 12px; font-weight: 500; color: rgb(153, 153, 153); } .asList.type_detail .gaolGraph .bar_total { position: relative; width: 100%; height: 100%; margin-left: auto; text-align: right; border-radius: 20px; overflow: hidden; } .asList.type_detail .gaolGraph .bar_total .bar_on { width: 100%; max-width: 100%; height: 100%; display: inline-block; position: absolute; top: 0px; left: 0px; border-radius: 20px; background-color: rgb(116, 172, 232); } .asList.type_detail .gaolGraph .bar_total .bar_on_num { display: inline-block; min-width: 45px; width: auto; height: 100%; position: absolute; top: 0px; right: 0px; border-radius: 20px; padding: 6px 10px 5px 0px; font-size: 11px; background-color: rgb(94, 142, 217); color: rgb(255, 255, 255); } .asList.type_detail .gaolGraph .exp_bar .exp_num { display: flex; justify-content: space-between; } .asList.type_detail .gaolGraph .exp_bar .fluct_amount { margin-top: 5px;font-size: 13px; font-weight: 500; color: rgb(94, 142, 217); } .asList.type_detail .gaolGraph .exp_bar .fluct_amount em { font-weight: 700; } .asList.type_detail .gaolGraph .exp_bar .fluct_amount.right { color: rgb(153, 153, 153); text-align: right; } .wrap_chart_area {margin: 30px -20px 0;} .wrap_chart_area .chart_legend {padding-left:6px;font-size:11px;line-height:15px;color:#999;font-weight:400;} .wrap_chart_area .wrap_chart{max-width: 340px;} .wrap_chart_area .chart_legend + .highcharts-figure{margin-top:8px;} .wrap_chart_area .wrap_chart .highcharts-figure {height:auto;} .wrap_chart_area .highcharts-yaxis .highcharts-axis-line {stroke-width:1px;stroke:#e6e6e6;border-style:solid;} .wrap_chart.type_line .highcharts-point {display:none;} .wrap_chart.type_line .highcharts-point:last-child {display:block;} .wrap_chart.type_line .highcharts-xaxis-grid:first-child {stroke-dasharray:none !important;} .highcharts-legend-item text{fill:#999 !important;font-size:12px !important;font-weight:400;} .assets-graph-pie.type_main .highcharts-legend-item text{fill:#000 !important;font-size:11px !important;font-weight:400;} .fDetail_list.estate li .itemData{max-width: 220px;} .fDetail_list.estate li .msgResult{width: 100%;border-radius:10px;padding:30px 20px;font-size: 16px;color: #aaa;font-weight: 400;margin:0;background: #F5F6F7;} .org_wrap.swiper-slide {width:100%;height:100%;padding:0 20px;} .asGroup .asList.type_info {min-height:87px;margin-top:15px;padding:0;border:1px solid #eee;border-radius:16px;background-color:#fff;overflow:hidden;border-radius:10px;} .asList.type_info .state_top {width:100%;padding:20px;background:#F2F2F2;border-bottom:1px solid #eee;font-size:18px;color:#000;font-weight:500;} .asList.type_info .state_top a {position:relative;display:block;width:99%;height:100%;font-weight:500;} .asList.type_info .state_top a:after {position:absolute;top:4px;right:-5px;width:16px;height:16px;content:'';background-image:url('../img/theme/apfin/v2/ic_arw_black2.png?1102');background-size:16px auto;background-repeat:no-repeat;} .asList.type_info .state_top a em {font-weight:500;} .asList.type_info .state_contents {padding:15px 20px;} .consume_info_list .consume_info_item + .consume_info_item{margin-top: 10px;line-height: 24px;} .consume_info_list .consume_info_item {display:flex;justify-content: space-between;align-items: center;} .consume_info_list .consume_info_item .tit{position:relative;font-size: 14px;font-weight: 500;max-width:59%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .consume_info_list .consume_info_item .tit.overdue {padding-right:40px;} .consume_info_list .consume_info_item .tit .flag.txt{position:absolute;top:6px;right:1px;background-color: #bbb;vertical-align: middle;height: 17px;line-height: 19px;} /* Tab */ .layer_fullsheet .tab_certi .tabs_header.type2 ul:after {background-color:#eee;} .layer_fullsheet .tab_certi .tabs_header.type2 ul li a > span, .tabSetting .tabs_header.type2 ul li a > span {font-size:14px;font-weight:400;} .layer_fullsheet .tabs_header.type2 ul li.on a > span {color:#1A0070;font-weight:500;} .layer_fullsheet .accHistory .tabs_header.type2 ul li.on a > span {color:#222;font-weight:500;} .layer_fullsheet .tabs_header.type2 ul li.on a:after {margin:0;height:2px;background-color:#962E01;} .layer_fullsheet .wrap_certi_way .tabs_header.type2 ul li.on a > span, .layer_fullsheet .asset_list .tabs_header.type2 ul li.on a > span {color:#222;font-weight:500;} .layer_fullsheet .tabs_body.has_sel_all .certi_sel_all .agChkItem label {justify-content:space-between;} .layer_fullsheet .tabs_header.has_sel_all .certi_sel_all .agChkItem {text-align:right;} .layer_fullsheet .certi_sel_all .agChkItem label {align-items:initial;} .layer_fullsheet .tabs_header.type2 ul {height:52px;border-bottom:1px solid #eee;} .layer_fullsheet .tabs_header.type2 ul li a {height:100%;font-size:14px;} .layer_fullsheet .tabs_header.type2 ul li.on a {margin-top:-1px;} .layer_fullsheet .tabs_header.type2 ul li a span {font-weight:400;} .layer_fullsheet .tabs_header.has_sel_all {margin-bottom:20px;padding-bottom:0;} .layer_fullsheet .layer_popup.type_full_page .tabs_header.has_sel_all {margin-bottom:0;padding-bottom:13px;} .layer_fullsheet .tab_certi .has_sel_all.tabs_header.type2 ul li {margin:0 8px;} .layer_fullsheet .tab_certi .has_sel_all.tabs_header.type2 ul li:first-child {margin-left:20px;} .layer_fullsheet .tab_certi .has_sel_all.tabs_header.type2 ul li:last-child {margin-right:25px;} .layer_fullsheet .tabs_body_wrap .ins1Link_wrap .stit {font-size:16px;font-weight:700;margin:0;} .layer_fullsheet .tab_certi .tabs_header.type2 ul, .tabSetting .tabs_header.type2 ul {height:72px;} .layer_fullsheet .tab_certi .tabs_header.type2 ul li a, .tabSetting .tabs_header.type2 ul li a {padding-top:30px;height:71px;} .layer_fullsheet .tab_certi .tabs_header:before, .layer_fullsheet .tab_certi .tabs_header:after {top:15px;} .layer_fullsheet .tabs_header.type2 ul.invest_tab {margin:0 -20px 0;} /* [E] 부동산 /////////////////////////////////////////////////// */ /* [S] 금융자산, 소비자산 비교 /////////////////////////////////////////////////// */ .tBalance.tCompare{padding: 30px 0;} .tBalance.tCompare.up{background:url('../img/theme/apfin/v2/tcompare_bg.png?1102') no-repeat right 30px / 96px auto;} .tBalance.tCompare.down{background:url('../img/theme/apfin/v2/tcompare_bg2.png?1102') no-repeat right 30px / 96px auto;} .tBalance.tCompare .tBaltit{margin:15px 0 5px 0;} .tBalance.tCompare .tBalAmount {font-size:28px;font-weight:700;line-height:22px;margin:0 0 15px 0;} .tBalance.tCompare .tBalAmount span {margin:0 0 0 5px;} .tBalance.tConsume{padding: 30px 0;} .tBalance.tConsume.up{background:url('../img/theme/apfin/v2/tcompare_bg3.png?1102') no-repeat right 30px / 90px auto;} .tBalance.tConsume.down{background:url('../img/theme/apfin/v2/tcompare_bg4.png?1102') no-repeat right 30px / 90px auto;} .tBalance.tConsume .tBaltit{margin:15px 0 5px 0;} .tBalance.tConsume .tBalAmount {font-size:28px;font-weight:700;line-height:22px;margin:0 0 15px 0;} .tBalance.tConsume .tBalAmount span {margin:0 0 0 5px;} .compArea{background: rgba(239, 236, 247, 0.5);padding:20px 20px 40px;margin:0 -20px;} .compArea .asGroup{padding-top:0;} .compArea .asGroup .listTit{justify-content: flex-end;} .compArea .asGroup .listTit .btnAdd .bank_link{font-size: 13px;font-weight: 500;color: #666;} .compArea .asGroup .listTit .btnAdd .bank_link:after {background-image:url('../img/theme/apfin/v2/ic_arw_ctrl.svg?0808');filter: none;background-position: center;transform: rotate(180deg);} .compArea .sub_tit{font-size: 20px;font-weight: 500;color: #222;margin-bottom: 20px;} .compArea .asGroup.compare_chart .asList{margin-top: 0;box-shadow:none;border-radius: 10px;padding: 20px 20px 30px;background-color:#fff;border: 1px solid #D6E2F1;} .compArea .asGroup.compare_chart .consumeAsList .consume_tit{font-size: 17px;font-weight: 500;margin-bottom: 10px;} .compArea .asGroup.compare_chart .horizontal{padding-bottom: 0;} .compArea .asGroup.compare_chart .horizontal + .consume_tit{margin-top:20px} .compArea .asGroup.compare_chart .horizontal .wrapBar .gBarBox .gBarPrice{display: inline-block;width: 0;height: 24px;text-align: right;line-height: 24px;left: 0px;} .compArea .asGroup.compare_chart .horizontal .wrapBar .gBarBox .gBarPrice span{color:#fff;font-size: 12px;font-weight: 400;white-space: nowrap;margin-right:10px;} .compArea .asGroup.compare_chart .horizontal .wrapBar .gBarBox .gBarPrice span em{font-weight: 400;} .compArea .asGroup.compare_chart .wrapBar .gBarBox .otherAsset{margin-top: 2px;height: 24px;} .compArea .asGroup.compare_chart .wrapBar .gBarBox .gBar{height:24px;border-radius: 0 6px 6px 0;} .compArea .asGroup.compare_chart .wrapBar .gBarBox .otherAsset .gBar{background-color: rgba(188, 237, 9, 1);} .compArea .asGroup.compare_chart .horizontal .wrapBar .gBarBox .myAsset, .compare_chart .horizontal .wrapBar .gBarBox .otherAsset{height: 24px;} .compArea .compare_chart .wrapBar_detail {position: relative; background-color: #fff;border: 1px solid #D6E2F1;padding: 17px;border-radius: 10px;margin-top: -1px;min-height: 54px;text-align: center;} .compArea .compare_chart .wrapBar_detail:before{content: '';width: calc(100% - 20px);height:1px; position: absolute;left:10px;top:-1px; background:#fff url('../img/theme/apfin/v2/bg_line.png?1102') repeat-x left / auto 1px;} .compArea .compare_chart .wrapBar_detail .bar_rate {position:relative;font-size:14px;} .compArea .compare_chart .wrapBar_detail .bar_rate ~ .bar_rate {margin-left:50px;} .compArea .compare_chart .wrapBar_detail .bar_rate:before {position:absolute;top:5px;left:-18px;content:'';width:10px;height:10px;border-radius:25px;} .compArea .compare_chart .wrapBar_detail .bar_rate.blue {color:#222;} .compArea .compare_chart .wrapBar_detail .bar_rate.blue:before {background-color:rgba(111, 60, 255, 1);} .compArea .compare_chart .wrapBar_detail .bar_rate.gray {color:#222;} .compArea .compare_chart .wrapBar_detail .bar_rate.gray:before {background-color:rgba(188, 237, 9, 1);} .compArea .compBox{border-radius: 10px;padding: 20px 20px 25px;border: 1px solid #D6E2F1;background: #fff;} .compArea .compBox .boxTit{text-align: center;font-size: 18px;font-weight: 500;line-height: 27px;margin-bottom: 20px;} .compArea .compBox .boxTit .pointLine2{color: #F05E89;box-shadow: none;} .compArea .compBox .comArea{gap: 0;} .compArea .compBox .boxArea{border-radius: 0;padding: 0;text-align: center;} .compArea .compBox .boxArea:first-child{position: relative;} .compArea .compBox .boxArea:first-child:before{content: ''; width:66px;height:1px; position: absolute;right:-33px;bottom:36px; background:#fff url('../img/theme/apfin/v2/bg_line.png?1102') repeat-x right / auto 1px;transform: rotate(90deg);} .compArea .compBox .boxArea .area_tit{display: inline-block;font-size: 12px;font-weight: 400;line-height: 18px;border-radius: 15px;background: #F482A4;padding: 3px 14px;color:#fff;} .compArea .compBox .boxArea:last-child .area_tit{background: #B7BFD4;} .compArea .compBox .boxArea .comAmount{font-size: 26px;font-weight: 500;} .compArea .compBox .boxArea .comAmount em{font-size: 26px;font-weight: 500;} .compArea + .compare_chart{padding-top:0;} .compArea + .compare_chart .groupTit{margin-top:30px;} .top_noticeBox {margin:20px 0 15px 0;} .top_noticeBox .tNotice {width:100%;padding:12px 20px;background-color:#F2F8FF;border:1px solid #eaf3fd;border-radius:10px;} .tNotice .tNotice_tit {font-size:13px;color:#222;} .tNotice .tNotice_tit span {font-weight:500;} .tNotice .tNotice_tit em {display:inline-block;margin-top:-2px;} .tNotice .tNotice_more {display:flex;align-items:center;font-size:13px;font-weight:400;margin-top:20px;} .tNotice .tNotice_more:after {display:inline-block;width:12px;height:12px;content:'';background-image:url('../img/theme/apfin/v2/ic_sel_down.svg?0808');background-size:12px auto;transform:rotate(-90deg);} .tNotice + .tagGroup {margin-top:15px;} .tBalance.tCompare + .compBox {margin-top:30px;} .compBox + .compBox {margin-top:20px;} .compBox .boxTit h3 {margin-bottom:15px;font-size:16px;color:#000;} .compBox .comArea {display:flex;gap:5px;} .compBox .boxArea {width:50%;padding:20px;border-radius:10px;box-shadow:none;border:none;} .compBox .boxArea + .boxArea {margin-top:0;} .compBox .boxArea .area_tit {margin-bottom:5px;font-size:14px;font-weight:400;color:#000;} .compBox .boxArea.bg_lgray .area_tit {color:#999;} .compBox .boxArea .comAmount {font-size:16px;font-weight:400;color:#000;} .compBox .boxArea .comAmount em {margin-right:2px;font-size:17px;font-weight:700;} .bg_blue {background-color:#F5F8FC;} .compBox + .boxArea {margin-top:20px;} .boxArea .link_detail {display: block;position:relative;font-size:16px;} .boxArea .link_detail:after {position:absolute;top:5px;right:0;width:16px;height:16px;content:'';background-image:url('../img/theme/apfin/v2/ic_arw_black.png?1102');background-repeat:no-repeat;background-size:16px auto;} /* [S] 비교 그래프 */ .asGroup.compare_chart .asList{padding:20px;margin-top:10px;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0px 3px 8px -1px rgba(0, 0, 0, 0.08);} .asGroup.compare_chart .chart_info{font-size:18px;margin-top:0;margin-bottom: 40px;} .asGroup + .asGroup.no_agree{padding-top:0} .compare_chart.no_agree {position:relative;} .compare_chart .agrBox {display: none;} .compare_chart.no_agree .agrBox {display: block; position:absolute;top:30px;right:0;left:0;display:inline-block;width:100%;height:193px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2;border-radius:16px;} .compare_chart.no_agree .agrBox .agr_txt {position:absolute;top:48%;left:50%;width:220px;padding:7px;transform:translate(-50%,-50%);background: rgba(255, 255, 255, 0.9);text-align:center;} .compare_chart.no_agree .agrBox .agr_txt .agree_tit {width:100%;margin-bottom:20px;font-size:17px;font-weight:500;line-height:24px;} .compare_chart.no_agree .agrBox .agr_txt .link_detail {position:relative;font-size:15px;font-weight:700;color:#5831D7;} .compare_chart.no_agree .agrBox .agr_txt .link_detail:after {position:absolute;top:3px;right:-18px;content:'';width:16px;height:16px;background-image:url('../img/theme/apfin/v2/ic_arw_blue.png?1102');background-repeat:no-repeat;background-size:16px auto;} .compare_chart .wrapBarGraph {padding-bottom:40px;} .compare_chart .groupTit{font-size: 18px;font-weight: 500;margin:40px 0 10px;} .compare_chart .groupTit + .asList{margin-top: 0;} .compare_chart .wrapBar{display:flex;width:100%;min-height:135px;margin-top:20px;justify-content:space-between;} .compare_chart .wrapBar .gBarBox{position:relative;flex:1;gap:0px;text-align:center;justify-content:center;height:100%;min-height:110px;display:flex;align-items:flex-end;letter-spacing:-.7px;} .compare_chart .wrapBar .gBarBox .myAsset, .compare_chart .wrapBar .gBarBox .otherAsset {display:flex;justify-content:center;min-width: 40px;position:relative;} .compare_chart .wrapBar .gBarBox .myAsset .gBar {background-color:#6F3CFF;} .compare_chart .wrapBar.grap0 .gBarBox .myAsset .gBar {background-color:#866AE1;} .compare_chart .wrapBar .gBarBox .myAsset .gBarPrice span {color:#5831D7;font-weight:400;} .compare_chart .wrapBar .gBarBox .myAsset .gBarPrice span em {font-weight:400;} .compare_chart .wrapBar .gBarBox .gBar{display:block;width:60%;min-width:24px;background-color:#e5e5e5;border:1px solid transparent;border-radius:6px 6px 0 0;z-index:2;transition:ease-in-out;} .compare_chart .wrapBar .gBarBox .gBarPrice{position:absolute;left:2px;bottom:0px;width:100%;text-align:center;font-size:11px;color:#999;z-index:1;transition:ease-in-out;} .compare_chart .wrapBar .gBarBox .gBarPrice span, .wrapBar .gBarBox .gBarPrice em{display: inline-block;margin-right:2px;font-size:11px;font-weight:400;line-height:1;} .compare_chart .wrapBar .gBarBox{opacity:0;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-name:graph_bar_consume_1;} .compare_chart .wrapBar .gBarBox.bar1{animation-delay:0s;} .compare_chart .wrapBar .gBarBox.bar2{animation-delay:.2s;} .compare_chart .wrapBar .gBarBox.bar3{animation-delay:.4s;} .compare_chart .wrapBar .gBarBox.bar4{animation-delay:.6s;} .compare_chart .wrapBar .gBarBox.bar5{animation-delay:.8s;} .compare_chart .wrapBar .gBarBox.bar6{animation-delay:1s;} .compare_chart .wrapBar .gBarBox.bar7{animation-delay:1.2s;} @keyframes graph_bar_consume_1 { from {} 20%{opacity:0;} to{opacity:1;margin-top:0px;} } .compare_chart .wrapBar .gBarBox .gTx{position:absolute;bottom:-23px;display:block;color:#666;letter-spacing:-0.02em;} .compare_chart .wrapBar .gBarBox .gTx.txtLong{bottom:-43px;} .compare_chart .wrapBar .gBarBox .gTx .gtitle{display:block;font-size:13px;color:#666;font-weight: 400;} .compare_chart .wrapBarGraph .wrapBar_detail {position:relative;} .compare_chart .wrapBarGraph .wrapBar_detail {margin-top:45px;text-align:center;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate {position:relative;font-size:14px;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate ~ .bar_rate {margin-left:50px;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate:before {position:absolute;top:3px;left:-18px;content:'';width:12px;height:12px;border-radius:25px;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate.blue {position:absolute;left:30%;color:#222;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate.blue:before {background-color:#866AE1;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate.gray {position:absolute;left:42%;color:#999;font-weight:400;} .compare_chart .wrapBarGraph .wrapBar_detail .bar_rate.gray:before {background-color:#e5e5e5;} /* [E] 비교 그래프 */ .comList {border-top:1px solid #eee;padding-top:30px;} .comList + .comList {border-top:none;} .comList li {display:flex;justify-content:space-between;} .comList li.msList .left {font-size:16px;} .comList li.msList .right {font-size:15px;} .comList li.msList em {font-size:17px;font-weight:700;} .comList li.osList {margin-top:3px;} .comList li.osList .left {color:#999;font-size:14px;font-weight:400;font-family:'Lato', 'Noto Sans CJK KR', sans-serif;} .comList li.osList .right, .comList li.osList em {font-size:14px;font-weight:400;color:#666;} .comList .comList_tit {display:inline-block;font-size:14px;font-weight:700;margin-bottom:10px;} .comList .comList_box {width:100%;display:flex;justify-content:space-between;} /* [E] 소비 그래프1 */ .compare_chart .horizontal .wrapBar{margin-top:0;min-height: 45px;} .compare_chart .horizontal .wrapBar .gBarBox{display: inline-block;height: initial;min-height: inherit;} .compare_chart .horizontal .wrapBar .gBarBox .gBarPrice{display: none;} .compare_chart .horizontal .wrapBar .gBarBox .gBar{display: inline-block;width: 0%;min-width: initial;height: 20px;border-radius: 4px;} .compare_chart .horizontal .wrapBar .gBarBox .myAsset, .compare_chart .horizontal .wrapBar .gBarBox .otherAsset{display: block;text-align: left;min-width: initial;height: 20px;} .compare_chart .horizontal .wrapBar .gBarBox .otherAsset{margin-top:4px} .compare_chart .horizontal .wrapBar .gBarBox .gTx{display:none;} .compare_chart .consumeAsList.fold,.compare_chart .consumeAsList.show{position: relative;padding:20px 20px 0;} .compare_chart .consumeAsList.fold .dotList{display: none;} .compare_chart .consumeAsList .btn_more{display: flex;position: absolute;right:20px;top:20px;width: 24px;height: 24px;align-items: center;} .compare_chart .consumeAsList.fold .btn_more:after, .compare_chart .consumeAsList.show .btn_more:after{display: inline-block;width: 20px;height:20px;content: '';background-image: url('../img/theme/apfin/v2/ic_scroll_arr.svg?0808');background-size: 20px auto;background-position: center;} .compare_chart .consumeAsList.fold .btn_more:after{transform: rotate(90deg);margin-left:0px;} .compare_chart .consumeAsList.show .btn_more:after{transform: rotate(-90deg);margin-left:0px;} .compare_chart .consumeAsList .consume_tit{font-weight: 500;font-size: 16px;line-height: 24px;margin-bottom: 20px;} .compare_chart .consumeAsList .comList{border-top:none;padding-top: 10px;} .compare_chart .consumeAsList .msgResult{margin: 25px 0 45px;} .compare_chart .wrapBarGraph.horizontal{padding-bottom: 20px;} .compare_chart .wrapBarGraph.horizontal .comList li.msList .left{font-size: 13px;font-weight: 500;} .compare_chart .wrapBarGraph.horizontal .comList li.msList .right{font-size: 13px;font-weight: 500;} .compare_chart .wrapBarGraph.horizontal .comList li.msList em{font-size: 13px;font-weight: 500;} .compare_chart .wrapBarGraph.horizontal .comList li.osList{margin-top: 10px;} .compare_chart .wrapBarGraph.horizontal .comList li.osList .left{color:#999;font-size: 13px;} .compare_chart .wrapBarGraph.horizontal .comList li.osList .right, .compare_chart .wrapBarGraph.horizontal .comList li.osList em{font-size: 13px;font-weight: 400;color:#999;} .dotList{border-top:1px solid #eee;padding: 20px 0;} .dotList li{display: flex;justify-content: space-between;} .dotList li + li{margin-top: 10px;} .dotList li span{display: flex;align-items: center;line-height: inherit;font-size: 13px;font-weight: 500;} .dotList .infoTit{font-size: 14px;font-weight: 400;} .dotList .infoTit span{margin-right: 5px;} .dotList .infoNum{font-size: 13px;font-weight: 500;} .dotList .infoNum:after{display: block;width: 16px;height: 16px;content: '';background-image: url('../img/theme/apfin/v2/ic_arw_black.png?1102');background-repeat: no-repeat;background-size: 16px auto;} .dotList .infoNum .num{font-size: 15px;font-weight: 700;} /* [E] 자산_소비비교 */ /* 카테고리 이미지 */ .ico_cate{display: inline-block;width: 24px;height:24px;vertical-align: middle;background-size:100% auto;} .ico_cate.shopping {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_mshopping.png?1102');}/* 온라인쇼핑 */ .ico_cate.food {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_eat.png?1102');}/* 식비 */ .ico_cate.beauty {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_beuty.png?1102');}/* 뷰티 */ .ico_cate.pleasure {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_wine.png?1102');}/* 술/유흥 */ .ico_cate.finance {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_financial.png?1102');}/* 금융 */ .ico_cate.health {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_hospital.png?1102');}/* 의료/건강 */ .ico_cate.dwelling {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_internet.png?1102');}/* 주거/통신 */ .ico_cate.cafe {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_cafe.png?1102');}/* 카페/디저트 */ .ico_cate.life {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_life.png?1102');}/* 생활 */ .ico_cate.culture {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_movie.png?1102');}/* 문화/여가 */ .ico_cate.travel {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_tour.png?1102');}/* 여행/숙박 */ .ico_cate.learning {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_edu.png?1102');}/* 교육/학습 */ .ico_cate.fashion {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_shopping.png?1102');}/* 패션/쇼핑 */ .ico_cate.child {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_baby.png?1102');}/* 자녀/육아 */ .ico_cate.pets {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_pet.png?1102');}/* 애완동물 */ .ico_cate.traffic {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_subway.png?1102');}/* 교통 */ .ico_cate.car {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_car.png?1102');}/* 자동차 */ .ico_cate.gift {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_gift.png?1102');}/* 경조/선물 */ .ico_cate.etc {background-image:url('../img/theme/apfin/cate/ic_deposit_cate_etc.png?1102');}/* ETC */ .ico_cate.all {background-image:url('../img/theme/apfin/v2/8400.png?1102');}/* all */ /* [E] 금융자산, 소비자산 비교 /////////////////////////////////////////////////// */ /* [E] mydata2.0 2023-06 ============================================================================================== */ /* XXC1400 2023-08-23 */ .org_list_certi.bg_box.type_card .box_prd .prd_list + .prd_list{margin-top:0;border-top:0;} /* [S] 2023-09-05 자산재연동하기 */ .ins1LinkLst li .sel_btn.reLink:after{content: '연결필요';position: absolute;right: -1px;top: -1px;padding: 0 4px;width: auto;height: 18px;line-height: 18px;font-size: 10px;color: #962E01;background-color: #EFECF7;border: 1px solid #EFECF7;border-radius: 0 6px;} .ins1LinkLst li .sel_btn.on.reLink:after{color: #fff;background-color: #962E01;border-color:#962E01;} .layer_bottomsheet .layer_inner .layer_footer .btnBl5{background-color:#aaa;} .layer_bottomsheet .layer_inner .layer_footer .btnBl5 span{color:#fff;} .layer_bottomsheet .layer_inner .layer_cont .tit2{margin-top:20px;font-size:18px;line-height:27px;} .layer_bottomsheet .layer_inner .layer_cont .tit2 .tx{font-size:18px;line-height:27px;} .layer_bottomsheet .layer_inner .layer_cont .tit2 .num.limit{font-size:18px;line-height:23px;} .layer_bottomsheet .layer_inner .layer_cont .tx.info{margin-top:30px;font-size:14px;line-height:21px;color:#666;} .layer_bottomsheet .layer_inner .layer_cont .tx.info .point{color:#962E01;} .layer_bottomsheet .layer_inner .layer_cont .box.info{margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:6px;} .layer_bottomsheet .layer_inner .layer_cont .box.info .tit{font-size:14px;line-height:21px;} .layer_bottomsheet .layer_inner .layer_cont .box.info .tx{margin-top:10px;line-height:19px;} .item_box{margin-top:20px;padding:10px;background-color:#f7f7f7;border-radius:4px;} .item_box .item{display:block;font-size:13px;line-height:19px;color:#666;} .item_box .item + .item{margin-top:10px;} .item_box .item.bl_disc{position:relative;padding:0 0 0 13px;} .item_box .item.bl_disc:before{content:'';position:absolute;left:4px;top:8px;width:3px;height:3px;background-color:#666;border-radius:5px;} .tx.tip{margin-top:5px;padding-left:22px;font-size:14px;line-height:21px;color:#999;} /* [E] 2023-09-05 자산재연동하기 */ /* [S]2023-10 v2.0 */ .tAccTit .tState{display:inline-block;vertical-align:text-bottom;font-size:19px;color:#666;} .category .tState{color:#666;} /* 개별운용상품수익 */ .listTit ~ .listNone.box{margin-top:-10px;} .listNone.box{min-height:284px;padding:45px 20px;font-size:17px;line-height:25px;border:1px solid #eee;border-radius:10px;} /* [E]2023-10 v2.0 */ /* [S] fintech limit =================================================================== */ /* 상단메뉴 */ .nav{display:block;} .nav .menu .menu_inn{border-top:0;background-color:#fff;} .nav .menu .menu_inn .item.on:after{height:3px;background-color:#962E01;} .nav .menu .menu_inn .item .link{height:50px;} .nav .menu .menu_inn .item .link .tx{padding-left:0;font-size:15px;color:#aaa;font-weight:500;} .nav .menu .menu_inn .item .link .tx:before{display:none;} .nav .menu .menu_inn .item.on .link .tx{font-weight:600;color:#962E01;} .nav .menu .menu_inn .item.home.on .link .tx:before{background-image:url('../img/theme/apfin/ic_nav_home_on.png?1102');} .nav .menu .menu_inn .item.calendar.on .link .tx:before{background-image:url('../img/theme/apfin/ic_nav_calendar_on.png?1102');} .nav .menu .menu_inn .item.setup.on .link .tx:before{background-image:url('../img/theme/apfin/ic_nav_my_on.png?1102');} /* .header .header_inn .left .btnBack{display:none;} .header.setup .header_inn .left .btnBack{display:block;} */ .header .header_inn .right a{display:none;} .header .header_inn .right a.btnClose{display:block;} /* 메인 */ .top_noti{display:block;} .noti_box .box_bg{background:transparent;z-index:2;} .noti_box .box_bg:before{background-color:#FFDBD0;opacity:1;z-index:-1;} .wrap_time_remind .tit_h2.none_head{display:none;} .wrap_slider.type_banner + .wrap_assets .asGroup.type_chart{padding-top:5px;} .topMyInfo{margin-top:40px;} .banner.type_main + .wrap_assets .asGroup.type_chart{padding-top:5px;} .wrap_assets .asGroup.type_chart .listTit + .asList{border-color:#e9e9e9;border-radius:16px;} .wrap_chart .chart_label_box b:first-child{margin:0 3px 0 4px;font-size:14px;} .asBanner{border:1px solid #e6e5e5;border-radius:15px;background-color:#f7f7f7;} .wrap.bg_lgray .content .btn_wrap{background-color:#f8f8f8;} .editList.asGroup .accItem .ctrl .editLink{margin-left:10px;} .editList.asGroup .accItem .ctrl .editLink .btnEdit{display:flex;align-items:center;justify-content:center;width:54px;height:30px;padding-top:1px;font-size:13px;border:1px solid #e6e5e5;border-radius:6px;} .editList.asGroup .accItem .ctrl .editLink .btnEdit.disabled{color:#aaa;background-color:#f7f7f7;pointer-events:none;cursor:default;} .layer_cont .editList.asGroup .asList .accItem{padding-right:164px;} /* 메인 슬라이드 배너 */ .banner.type_main .asset_noti{padding-right:95px;} .asset_noti .tit_h2{font-size:21px;line-height:29px;letter-spacing:-1px;} .asset_noti .tit_h2 .num{font-size:21px;} .asset_noti .tit_h2 .tx_s{font-size:16px;} .asset_noti .tit_h2 .tx_cate{display:inline-block;margin-top:5px;} .asset_noti .asset{font-size:21px;letter-spacing:-.5px;line-height:25px;} .asset_noti .asset .num{font-size:24px;} .asset_noti .compare{margin-top:3px;} .asset_noti:before{bottom:inherit;top:5px;right:0;} /* 메인 계좌 리스트 */ .wrap_assets .asGroup .listTit + .asList{overflow:hidden;border-color:#EEEEE1;background-color:#fff;} .wrap_assets .asList{padding:10px 0 15px;border-radius:10px;} .wrap_assets .asList .asList_link{display:none;} .wrap_assets .asList .list_cate{position:relative;height:46px;margin:0 20px;padding-top:14px;padding-right:0;padding-left:0;background:transparent;border-color:#e9e9e9;} .wrap_assets .asList .list_cate:first-child{margin-top:-5px;} .wrap_assets .asList .list_cate ~ .list_cate{margin-top:25px;} .wrap_assets .asList .list_cate .cate{padding-left:0;font-size:16px;} .wrap_assets .asList .list_cate .cate:before{display:none;} .wrap_assets .asGroup .asList .accItem{padding:14px 20px;} .wrap_assets .asGroup .listTit h3 > em{font-size:18px;} .wrap_assets .asList .cardTotal.type_main{height:90px;margin:10px 20px 10px;background-color:#f5f6f9;} .wrap_assets .asList .cardTotal.type_main .link{position:relative;padding:22px 20px;} .wrap_assets .asList .cardTotal.type_main .link:before{content:'';position:absolute;right:18px;top:50%;margin:-27px 0 0 0;width:54px;height:54px;background-image:url('../img/theme/apfin/bg_total_card.png?1102');background-repeat:no-repeat;background-position:0 0;background-size:54px auto;} .wrap_assets .asList .cardTotal.type_main .itemTit{font-size:15px;font-weight:400;} .wrap_assets .asList .cardTotal.type_main .itemData .detail{font-size:18px;} .wrap_assets .asList .cardTotal.type_main .itemData .detail .num{font-size:21px;} .wrap_assets .asList .cardTotal.type_main + .list_cate{border-top:0;} .wrap_assets .asList .list_cate .amount_app{position:absolute;right:20px;top:11px;} .wrap_assets .asList .list_cate .num{margin-left:5px;color:#962E01 !important;} .wrap_assets .asList .wrap_ratio.type_insu{margin-top:10px;margin-right:20px;margin-left:20px;} .wrap_assets .asList .wrap_ratio.type_insu + .list_cate{margin-top:10px;border-top:0;} .wrap_assets .wrap_ratio.type_insu .inner{background-color:#f5f6f9;border-radius:6px;height:65px;} .wrap_assets .wrap_ratio .graph .acc{background:linear-gradient( to right, #ff203f, #ff821d );} .wrap_assets .wrap_ratio .graph .dept{background:linear-gradient( to right, #09c4da 0%, #3570f8 50%,#6028ff );} .wrap_assets .wrap_ratio .graph{margin-top:5px;} .wrap_assets .wrap_ratio .inner .tit_h4{font-size:14px;} .wrap_assets .wrap_ratio .inner .asset .tit{font-size:14px;} .wrap_assets .wrap_ratio .inner .asset .tit .num{font-size:15px;} .wrap_assets .wrap_ratio .inner .asset .acc{color:#ff203f;} .wrap_assets .wrap_ratio .inner .asset .debt{color:#4821bd;} .wrap_assets .wrap_ratio .inner .asset .price .num{font-weight:500;} .assets.agChkItem.hide{display:none;} .prdName .orgNo{display:inline-block;} /* 계좌 리스트 */ .asGroup .asList .amount:after{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .accItem .payId:after{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .asGroup .asList .prdName{font-size:14px;} .asGroup .asList .prdName .error{width:12px;height:12px;margin-top:-3px;margin-right:3px;background-image:url('../img/theme/apfin/ic_err.png?1102');background-size:12px auto;} .topErrPop{background-color:#9CA3AF;} .topErrPop .tx{color:#fff !important;font-weight:400;} .topErrPop .tx:before{background-image:url('../img/theme/apfin/ic_err2.png?1102');} .asGroup .asList .amount{font-size:18px;line-height:26px;margin-top:3px;} .asGroup .asList .amount em{font-size:21px;} .accItem .label_txt.red{margin-left:2px;} /* 캘린더 */ .tabs_header.type1 ul li a{font-size:16px;} .tab_cntDp1:first-child .calendar_form ~ .cate_menu{display:none;} .calendar_form .sel_form .sel_box span{font-size:16px;} .calendar_form .sel_form .sel_box{margin-top:13px;height:28px;} /* .calendar_form .sel_form .sel_box:after{width:12px;height:7px;background-size:12px 7px;} */ .calendar_form .sel_form.type_cate .sel_box{border-color:#000;} .calendar_form .sel_form.type_cate .sel_box span{color:#000;} .tab_cntDp1:first-child .wrap_cal_tbl{margin-top:32px;} .wrap_cal_tbl .cal_tbl td .date.today .num .holiday{color:inherit;} .top_budget .exp_area .area_tit .amount{color:#3e62fd;} .top_budget .exp_area .exp_bar .bar_on{background-color:#962E01;} .top_budget .exp_area .exp_bar .bar_on.full {background-color:#3e62fd;} .cate_budget_list .bar_on.excs{background-color:#000;} .top_budget.edit .exp_area{background-color:#e7eef7;} .top_budget.edit .exp_area .area_tit .amount{color:#962E01;} /* etc */ .btn_more_ask{margin-left:5px;} .topErrPop .tx{color:#666;} .time_remind .time{font-size:12px;color:#666;} .asGroup.payList .prepaid_card{display:none;}/* pay 선불카드 */ /* 하단 메뉴바 비활성 */ .top_budget.edit .total_amount input{color:#000;} .cate_budget_list .input_amount input{color:#000;} /* 마이페이지 추가 [이은숙#220504] */ .tit2_wrap .tx.err{color:#666;} .tit2_wrap .tx.err:before{background-image:url('../img/theme/apfin/ic_err.png?1102');} .asset_list .asset_item.err .name:before{background-image:url('../img/theme/apfin/ic_err.png?1102');} /* [S] 2022-05 알고하는 동의 */ .org_list_certi label.prdChkItem input[type=checkbox]:checked + i{background-image:url('../img/theme/apfin/ic_ck_prd_certi_on.png?1102');} .wrap_rdo_tab .agree_item label span{line-height:inherit;} .wrap_rdo_tab .agree_chk label input[type=radio]:checked + i {background-image:none;background-color:#fff;border:2px solid #962E01} .wrap_rdo_tab .agree_item.optional label input[type=radio]:checked + i {background-image:none;background-color:#fff;border:2px solid #962E01} .wrap_rdo_tab .agree_chk label input[type=radio]:checked + i + span{color:#962E01;} .wrap_rdo_tab .agree_item.optional label input[type=radio]:checked + i + span {font-weight:700;color:#962E01;} /* 자산연동하기 */ .tab_certi .tabs_header.type2 ul li, .tabSetting .tabs_header.type2 ul li{min-width:52px;} /* [E] 2022-05 알고하는 동의 */ /* [S] 2022-08 */ .layer_bottomsheet .layer_inner .layer_footer button.btnBl4{background:#f2f2f2;color:#000;} /* [E] 2022-08 */ /* [E] fintech limit =================================================================== */ /* [S] apfin limit ==================================================================== */ /* 공통 */ .btnCopy {display: inline-block; width: 18px; height: 18px; background-image: url('../img/theme/apfin/ic_copy_contents.png?1102'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px auto; overflow: hidden;} .btnManageNew {position: absolute;right: 25px;top: 15px;display: flex;justify-content: center;align-items: center;line-height: 31px;text-align: center;cursor: pointer;display:inline-block;background-image: url('../img/theme/apfin/bt_set_new.png?1102');width: 16px;height: 16px;background-size: contain;background-repeat: no-repeat;} .btnManageNewBold {position: absolute; top: 28px; right: 0; vertical-align: middle;display: inline-block;width: 20px;height: 20px;margin-top: -4px;margin-left: 5px; background-image: url('../img/theme/apfin/bt_set_new_bold.png?1102');background-size: 20px 20px;} .tBalance .btnManageNewBold{position:static;float:right;margin-top:4px;} .tBalance .btnManageNewBold:after{content:'';clear:both;overflow:hidden;} .btnManage {display: inline-block; margin-left: 8px;} .btnManage .txt {vertical-align: middle; height: 20px; width: 35px; padding: 2.5px 8px; font-size: 10px; color: #333; border: 1px solid; border-radius: 20px; word-break: keep-all;} .label_txt .txt { display: flex; justify-content: center; align-items: center; height: 19px; line-height: 21px; padding: 0 8px; font-size: 10px; color: #333; border: 1px solid; border-radius: 20px; word-break: keep-all;} .profit.plus:before {content: '';display: inline-block;width: 9px;height: 5px;margin: 0 5px 1px 0;background-image: url('../img/ic/bull_investment.png?1102');background-repeat: no-repeat;background-size: auto 10px;} .profit.minus:before {content: '';display: inline-block;width: 9px;height: 5px;margin: 0 5px 1px 0;background-image: url('../img/ic/bull_investment.png?1102');background-repeat: no-repeat;background-size: auto 10px;background-position: 0 100%;} .btn_more_ask .ico_ask.type_gray {background-image: url('../img/theme/apfin/ic_ask_gray.png?1102');} .ico.wallet, .ico.bound, .ico.borrow, .ico.etc{margin-right: 12px;} .ico.wallet img{width: 60px; height: 60px;} .ico.bound img{width: 60px; height: 60px;} .ico.borrow img{width: 60px; height: 60px;} .ico.etc img{width: 60px; height: 60px;} .layer_bottomsheet .layer_inner .btnRef {position: absolute;right: 45px;top: -5px;} .accSetting .editName input {height: 52px;margin-top: 20px;} /* 메인 */ .bg_lgray{background-color:#F5F7F9 !important;} .wrap_assets_update{margin-top:35px;} .wrap_assets_update .cate:before{top:30px;height:115px;background-position:center center;background-size:115px auto;} .wrap_assets_update .cate.type_acc:before{background-image:url('../img/theme/apfin/im_update_acc.png?1102');} .wrap_assets_update .cate.type_card:before{background-image:url('../img/theme/apfin/im_update_card.png?1102');} .wrap_assets_update .cate.type_stock:before{background-image:url('../img/theme/apfin/.png?1102');} .wrap_assets_update .cate.type_loan:before{background-image:url('../img/theme/apfin/im_update_loan.png?1102');} .wrap_assets_update .cate.type_insu:before{background-image:url('../img/theme/apfin/im_update_insu.png?1102');} .wrap_assets_update .cate.type_pay:before{background-image:url('../img/theme/apfin/im_update_pay.png?1102');} .wrap_assets_update .cate.type_telecom:before{background-image:url('../img/theme/apfin/im_update_telecom.png?1102');} .assets.agChkItem .btnFolding.red:before{background-image:url('../img/ic/ic_arw_folding.png?1102');} .asBanner:before{right:15px;width:60px;background-size:60px auto;} .asBanner.type_acc:before{background-image:url('../img/theme/apfin/im_update_acc.png?1102');} .asBanner.type_card:before{background-image:url('../img/theme/apfin/im_update_card.png?1102');} .asBanner.type_stock:before{background-image:url('../img/theme/apfin/im_ban_link_stock.png?1102');} .asBanner.type_loan:before{background-image:url('../img/theme/apfin/im_update_loan.png?1102');} .asBanner.type_insu:before{background-image:url('../img/theme/apfin/im_update_insu.png?1102');} .asBanner.type_pay:before{background-image:url('../img/theme/apfin/im_update_pay.png?1102');} .asBanner.type_com:before{background-image:url('../img/theme/apfin/im_update_telecom.png?1102');} .asset_noti.ico_01:before{background-image:url('../img/theme/apfin/im_slider_asset_01.png?1102');} .asset_noti.ico_02:before{background-image:url('../img/theme/apfin/im_slider_asset_02.png?1102');} .asset_noti.ico_03:before{background-image:url('../img/theme/apfin/im_slider_asset_03.png?1102');} .asset_noti.ico_04:before{background-image:url('../img/theme/apfin/im_slider_asset_04.png?1102');} .asset_noti.ico_05:before{background-image:url('../img/theme/apfin/im_slider_asset_05.png?1102');} .asset_noti.ico_06:before{background-image:url('../img/theme/apfin/im_slider_asset_06.png?1102');} .wrap_slider .slider_container .slick-dots li.slick-active button{background-color:#962E01;}/* 슬라이더 선택된 인디케이터 */ .wrap_assets .asset_link .assets:after{background-image:url('../img/ic/ic_arw1.png?1102');}/* 자산 항목별 링크 화살표 */ .asset_my_list .asset_li .link:after{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .wrap_assets .asGroup .listTit h3 > em:after{background-color:#962E01;} .bg_no_sync{width: 160px;height: 160px;margin: 0 auto;background-image: url('../img/theme/apfin/ic_main_motion_cont.png?1102');background-size: 160px auto;} .btn_asset{color:#9CA3AF !important;background-color:#E5E7EB;border-radius:6px;} .btn_asset.asset:before {background-image: url('../img/theme/apfin/btn_asset_01.png?1102');} .btn_asset.agency:before {background-image: url('../img/theme/apfin/btn_asset_02.png?1102');} .btn_asset.sync:before {background-image: url('../img/theme/apfin/btn_asset_03.png?1102');} .asBanner:after{display:none;} .main_link_ban{margin-top:30px;min-height:90px;padding:20px;background-color:#fff;border:1px solid #E5E7EB;border-radius:12px;} .main_link_ban .link{position:relative;display:block;width:100%;height:100%;} .main_link_ban .link:before{content:'';position:absolute;right:0px;top:50%;width:36px;height:36px;margin-top:-16px;background-image:url('../img/theme/apfin/ic_vs.png?1102');background-size:36px auto;background-repeat:no-repeat;} .main_link_ban .link .tit{font-size:16px;line-height:24px;} .main_link_ban .link .tit .more{content: '';position: relative;right: 0px;top: -1px;width: 6px;height: 11px;margin-left:8px;background-image: url('../img/theme/apfin/ic_arw3.png?1102');background-repeat: no-repeat;background-position: center;background-size: 6px auto;display: inline-block;background-repeat:no-repeat;} .main_link_ban .link .desc{margin-top:4px;color:#6B7280;font-size:15px;line-height:22px;} .layer_bottomsheet .layer_inner .layer_footer .btn_cancel{color:#6B7280;background-color:#F3F4F6;} .compareLoan .stit.md{font-size:19px;line-height:28px;color:#17181A;} .compareLoan .stit:nth-child(1){margin-top:20px;} .compareLoan .description_box{margin-top:20px;padding:20px;background-color:#F3F4F6;} .compareLoan .description_box .tit{font-size:15px;line-height:24px;} .compareLoan .description_box .tx{margin-top:10px;font-size:14px;line-height:22px;} .compareLoan .asGroup .asList .deposit{color:#962E01;} .compareLoan .asGroup .asList .deposit .num{font-size:12px;} .compareLoan .wrap_assets .asGroup:nth-child(1){padding-top:30px;} .compareLoan .wrap_assets .asList .list_cate{height:auto;min-height:54px;} .compareLoan .wrap_assets .asList .list_cate .cate{position:inherit;line-height:23px;} .compareLoan .wrap_assets .asList .list_cate .cate label{padding-right:40px;} .wrap_assets.check .agChkItem label input{position:absolute;top:0;right:0;} .wrap_assets.check .agChkItem label input[type=checkbox] + i{border-color:#9CA3AF;} .wrap_assets.check .agChkItem label input[type=checkbox] + i{position:absolute;top:0;right:0;margin:0;} .wrap_assets.check .asGroup .asList .accItem .ckList{display:flex;align-items:center;} .wrap_assets.check .ckList.agChkItem label input[type=checkbox] + i{top:50%;margin-top:-10px;} .wrap_assets.check .asGroup .asList .amount:after{display:none;} .wrap_assets.check .asGroup .asList .wrap_slider .accItem .tx {width: calc(100% - 70px);} .main_cateblck{border-color:#E5E7EB;box-shadow:none;} .main_cateblck_wrap.loanHide .assets-msg .ico.assets-hide:before{background-image: url('../img/theme/apfin/ic_gls_loan.png?1102');} @media screen and (min-height:600px){ .main_cateblck_wrap.assetHide{height:calc(100vh - 215px);} .main_cateblck_wrap.loanHide{height:auto;} } /* 카드 */ .layer_bottomsheet.full_page .layer_inner{position:relative;height:100% !important;max-height:100% !important;top:0;border-radius:0;transition:none;} .layer_bottomsheet.full_page .layer_inner .layer_tit{min-height:35px;} .layer_bottomsheet.full_page .layer_inner .layer_tit span{font-size:17px;} .layer_bottomsheet.full_page .layer_inner .layer_cont{padding-top:40px;height:calc(100% - 100px) !important;max-height:100% !important;} .layer_bottomsheet.full_page .layer_footer{height:65px !important;min-height:65px;padding:0 20px;} .layer_bottomsheet.full_page .layer_footer .btnBl6{border-radius:6px;background-color:#962E01;} .layer_bottomsheet.full_page .dim{display:none;background-color:transparent;} .accDetailList .itemData .num{font-weight:500;} .asGroup .asList .amount:after{display: inline-block;width: 6px;height: 11px;margin-left: 10px;background:url('../img/theme/apfin/ic_arw.png?1102') no-repeat 50% 50%;background-size: 100% auto;} .asGroup .listNone:not(.no_ico), .tabs_wrap .listNone:not(.no_ico){height:190px;} .topTotal .itemData .detail{background-image:url('../img/theme/apfin/ic_arw3.png?1102');} .accDetailList > li > .edit{background-image:url('../img/theme/apfin/ic_arw3.png?1102');display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;width: 100%;padding-right: 15px;background-repeat: no-repeat;background-position: 100% 5px;background-size: 6px auto;} /* .toastMsg{bottom:70px;} @keyframes toastAnimation { 0% {bottom:-70px;} 100% {bottom:70px;} } @keyframes toastAnimationBackward { 0% {bottom:70px;} 100% {bottom:-70px;} } */ .ui-datepicker-today .ui-state-default{color:#962E01 !important;} .asGroup .asList.loan{background-color:rgba(111, 157, 255, 0.15);} .asGroup + .btn_wrap{margin-top:0;} .accHistory .historyList li.hasReceipt{position:relative;background-color:#EEEEF1;} .accHistory .historyList li.hasReceipt:before{content:'';position:absolute;left:-20px;top:0;width:calc(100% + 40px);height:100%;background-color:#EEEEF1;z-index:-1;} .accHistory .historyList .category{margin-bottom:0;} .accHistory .historyList .time{line-height:19px;} .accHistory .historyList .balance{font-size:14px;} .accHistory .historyList .receipt{display: block;font-size: 14px;line-height:21px;} .accHistory .historyList .point{color:#3467FF;} .tBalance .tBalAmount{line-height:28px;} /* etc */ .tabs_wrap.tab_calendar .tab_cntDp1:nth-child(2) .upLoading.circleBar:last-child{margin-bottom:30px;} .btn_wrap + .btn_wrap.type_asset{padding-top:0;} .wrap_assets .asList .wrap_slider .accItem .tx{width:calc(100% - 48px);} .asGroup.editList + .btn_wrap{margin-top:10px;} .asGroup.editList .tx .deposit{color:#962E01;} .layer_bottomsheet .editList.asGroup .accItem.hidden .category{text-decoration:line-through;} .layer_bottomsheet .editList.asGroup .accItem.hidden .ctrl .editLink .btnEdit{color:#aaa !important;} .depth_list.custom{margin-left:0;padding-left:0;} .depth_list.custom li{text-indent:0;padding-left:10px;} .depth_list.custom li .bullet{display:inline-block;text-indent:-10px;} .depth_list.custom li strong{align-items:flex-start;} .depth_list.notBul{margin-left:-7px;padding-left:0px;} .depth_list.notBul li{font-size:13px;color:#666;font-weight:400;} @media (prefers-color-scheme: dark) { body { background-color: #fff !important; } } /* [E] apfin ==================================================================== */ /* 2023.12.19 XX1100 전체선택 접근성 수정 */ .tabs_wrap.type_scroll .ins1Link_wrap .org_wrap .assetAllChk {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;} .has_fix_btn .tabs_wrap.type_scroll .org_wrap .assetAllChk p.stit {min-height: auto; margin-bottom: 0; font-size: 16px; line-height: 24px; font-weight: 500; color: #1A1A1A;} .tabs_body.has_sel_all .certi_sel_all.assetAllChk .agChkItem label {align-items: center;} /* 2023.05.10 목록편집 눈아이콘 활성,비활성 교체 */ .editList.asGroup .ctrl .btnHide{background-image:url('../img/theme/apfin/bt_hide_on.png?1102');} .editList .asList .accItem.hidden .ctrl .btnHide{background-image:url('../img/bt/bt_hide.png?1102');} /* [S] 2024-06 ============================================================================================== */ /* 전송 동의 */ .transfer_wrap .tit{font-size:21px;line-height:31px;} .transfer_wrap .tit_desc{font-size:14px;line-height:21px;font-weight:400;color:#666;} .transfer_wrap .btn_wrap{margin-top:30px;} .transfer_wrap .description{height:23px;margin-top:10px;text-align:center;font-size:12px;line-height:19px;font-weight:400;color:#666;} .transfer_wrap .rdoBoxWrap li ~ li{margin-top:20px;} .flag.agree{display:inline-block;margin-top:20px;padding:2px 8px 0;font-size:12px;font-weight:300;line-height:19px;color:#fff;background-color:#2B88FF;border-radius:40px;} .slider_transfer_box{overflow:hidden;position:relative;margin-top:10px;width:calc(100% + 20px);margin-left:-10px;} .slider_transfer_box .inner{position:relative;} .slider_transfer_box .slider_container{position:relative;overflow: hidden;} .slider_transfer_box .slider_container .slick-list {position:relative;display:block;height:100%;margin:0;padding:0;} .slider_transfer_box .slider_container .slick-track {position: relative;top: 0;left: 0;display: block;} .slider_transfer_box .slider_container .slick-slide{margin:0 10px;position:relative;height:auto;padding:20px;float:left;background-color:#f9f9f9;border-radius:10px;border:1px solid #f2f2f2;} .slider_transfer_box .slider_container .slick-dots{position: relative;width: 100%;text-align: center;overflow: hidden;margin-top: 15px;} .slider_transfer_box .slider_container .slick-dots li{display:inline-block;margin:0 3px;height:14px;vertical-align:top;} .slider_transfer_box .slider_container .slick-dots li button{width:8px;height:8px;background-color:#d9d9d9;border-radius:20px;} .slider_transfer_box .slider_container .slick-dots li.slick-active button{width:20px;background-color:#666;} .slider_transfer_box .info_wrap{height:auto;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;} .slider_transfer_box .info_wrap .left{width:50%;display:flex;align-items:center;justify-content:flex-start;gap:0 8px;} .slider_transfer_box .info_wrap .left .im img{width:32px;height:32px;} .slider_transfer_box .info_wrap .left .im .ico{display:inline-block;width:32px;height:32px;background-size:contain;background-repeat:no-repeat;} .slider_transfer_box .info_wrap .left .im .ico:before{display:none;} .slider_transfer_box .info_wrap .left .im .ico.financial{background-image:url('../img/theme/apfin/cate/ic_trans_cate_financial.png');} .slider_transfer_box .info_wrap .left .im .ico.qmark{background-image:url('../img/theme/apfin/cate/ic_trans_cate_qmark.png');} .slider_transfer_box .info_wrap .left .im .ico.mshopping{background-image:url('../img/theme/apfin/cate/ic_trans_cate_mshopping.png');} .slider_transfer_box .info_wrap .left .cate{font-size:15px;line-height:22px;color:#0D77FF;} .slider_transfer_box .info_wrap .left .time{font-size:14px;line-height:19px;color:#666;} .slider_transfer_box .info_wrap .right{width:50%;text-align:right;} .slider_transfer_box .info_wrap .right .amount{font-size:17px;line-height:22px;} .slider_transfer_box .info_wrap .right .way{font-size:14px;line-height:19px;color:#666;} .slider_transfer_box .graph{margin-bottom:20px;display:flex;justify-content:flex-start;align-items:center;width:100%;height:28px;border-radius:8px;overflow:hidden;background-color:#999;} .slider_transfer_box .graph span{display:block;height:100%;} .slider_transfer_box .graph span:nth-child(1){background-color:#0D77FF;width:50%;} .slider_transfer_box .graph span:nth-child(2){background-color:#FBCF32;width:15%;} .slider_transfer_box .graph.gray span:nth-child(1){background-color:#666 !important;width:75% !important;} .slider_transfer_box .graph ~ .info_wrap .left .cate{color:#000;} .slider_transfer_box .graph ~ .info_wrap .right{position:relative;padding-right:16px;} .slider_transfer_box .graph ~ .info_wrap .right:after{content: '';position:absolute;right:2px;top:50%;width: 6px;height: 11px;margin-top:-6px;background: url('../img/ic/ic_arw1.png?0405') no-repeat 50% 50%;background-size: 100% auto;display: inline-block;} .wrap_rdo_tab .sel_box span{color:#666;} .rdoBoxWrap{margin-top:20px;} .rdoBoxWrap label{display:flex;justify-content:space-between;align-items:center;height:46px;} .rdoBoxWrap input[type=radio]{display:none;} .rdoBoxWrap input[type=radio] ~ .item{font-size:16px;line-height:27px;color:#666;} .rdoBoxWrap input[type=radio]:checked ~ .item{color:#000;} .rdoBoxWrap input[type=radio] ~ i{text-align:right;width:20px;height:20px;} .rdoBoxWrap input[type=radio] ~ i:before{content:'';display:flex;justify-content:center;align-items:center;width:20px;height:20px;background-image:url('../img/ic/ic_ck_prd_certi.png');background-size:17px auto;background-repeat:no-repeat;background-position:center;} .rdoBoxWrap input[type=radio]:checked ~ i:before{background-image:url('../img/theme/apfin/ic_ck_prd_certi_on.png');filter: invert(11%) sepia(99%) saturate(7250%) hue-rotate(45deg) brightness(96%) contrast(105%);} /* [S] 자산연결하기 xx1100 ui변경 -------------------------------------- */ /* 전체선택 */ /* .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn.disable{background-color:#f9f9f9;} */ .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn.disable:before{display:none;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn.disable .name{color:#666;} .ins1Link_wrap.type_row .agChkItem label input[type=checkbox] ~ .sel_all{position:relative;margin-top:0;padding:2px 23px 0 8px;font-size:12px;line-height:18px;border:1px solid #666;border-radius:25px;height:22px;} .ins1Link_wrap.type_row .agChkItem label input[type=checkbox] ~ .sel_all:before{content:'전체 선택';} .ins1Link_wrap.type_row .agChkItem label input[type=checkbox] ~ .sel_all:after{content:'';position:absolute;right:4px;top:50%;width:14px;height:14px;margin-top:-4px;background-image:url('../img/ic/ic_chk_org_all.png');background-size:auto 10px;background-repeat:no-repeat;} .ins1Link_wrap.type_row .agChkItem label input[type=checkbox]{width:100%;height:100%;} /* 전체선택 활성화 */ .ins1Link_wrap.type_row .agChkItem label input[type=checkbox]:checked ~ span{border-color:#962E01;color:#962E01;} .ins1Link_wrap.type_row .agChkItem label input[type=checkbox]:checked ~ .sel_all:before{content:'전체 해제';} .ins1Link_wrap.type_row .agChkItem label input[type=checkbox]:checked ~ span:after{filter: invert(13%) sepia(100%) saturate(7303%) hue-rotate(43deg) brightness(95%) contrast(99%);} /* 기관 리스트 */ .ins1Link_wrap.type_row .ins1LinkLst{margin:0;} .ins1Link_wrap.type_row .ins1LinkLst li{padding-right:0;padding-left:0;} .ins1Link_wrap.type_row .ins1LinkLst li ~ li{padding-top:8px;} .ins1Link_wrap.type_row .ins1LinkLst li{width:100%;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn{display:flex;justify-content:flex-start;padding:0;flex-direction:row;align-items:center;height:60px;border:none;border-radius:8px;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn:after{content:'';position:absolute;right:0px;top:50%;margin-top:-10px;width:18px;height:18px;padding:0;border:1px solid #898989;border-radius:4px;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn.disable:after{border-color:#ddd;background-color:#f2f2f2;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .ico{margin:0 0 0 0px;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .nameWrap{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;padding-top:2px;padding-left:10px;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .name{display:inline-block;height:auto;text-align:left;padding:0;font-size:15px;line-height:22px;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .name .sub{font-size:13px;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .state{display:inline-block;text-align:left;font-size:11px;line-height:15px;color:#999;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .state.link{color:#999;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .state.inspect{color:#EF8F00;} .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn .state.relink{color:#F44336;} /* 기관 리스트 활성화 */ /* .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn.on{border:1px solid #962E01;} */ .ins1Link_wrap.type_row .ins1LinkLst li .sel_btn.on:after{background-color:#962E01;background-image:url('../img/ic/ic_chk2.png');background-size:auto 10px;background-repeat:no-repeat;background-position:center;border-color:#962E01;} /* [E] 자산연결하기 xx1100 ui변경 -------------------------------------- */ /* [E] 2024-06 ============================================================================================== */ /* [S] XX1100 자산연결 검색기능 추가 2024-11-01 */ .layer_popup.type_full_page .wrap_tag .tag{color:#962E01;} .layer_popup.type_full_page .wrap_tag .tag:before, .layer_popup.type_full_page .wrap_tag .tag .btnDelTag:before, .layer_popup.type_full_page .wrap_tag .tag .btnDelTag:after{background-color:#962E01;} .layer_popup.type_full_page > .full_page .layer_tit .btn_back:before{background-image: url('../img/theme/apfin/bt_back.png');background-size:auto 26px;background-position:20px center;} /* [E] XX1100 자산연결 검색기능 추가 2024-11-01 */ /* [S] 해상도 대응 ================================================================= */ /* 320px 이하 */ @media screen and (max-width:320px){ /* 자산리포트 */ .highcharts-figure{margin:0 -20px;} .assets-cate-type2 .cate-list .cate-list-info .tit, .assets-cate-type2 .cate-list .cate-list-info .price-wrap .price, .assets-cate-type2 .cate-list .cate-list-info .price-wrap .price .num{font-size:14px;} .banner.report .ban_link .tit, .banner.report .ban_link .data{font-size:12px;} .asGroup .asList .tx.with_btn{width:calc(100% - 50px);} /* 상품리스트 */ .asGroup.report_cate .asList .accItem.ableTrf{padding-right:0 !important;padding-left:0 !important;} /* 자산알리미 */ .fin_history .fin_list_wrap .li_a .acc .tx .name, .fin_history .fin_list_wrap .li_a .acc .data .day{font-size:13px;} .fin_history .fin_list_wrap .li_a .acc .tx .detail .ellipsis, .fin_history .fin_list_wrap .li_a .acc .data .price{font-size:13px;margin-top:0;} .fin_history .fin_list_wrap.type_acc .li_a .acc .data .price{font-size:14px;} .fin_history .fin_label.has_price .label_price{font-size:13px;} .fin_history .fin_label .label_txt .txt{height:19px;padding:0 5px;font-size:11px;} /* 챌린지 */ .challenge_line_chart.vertical.xlg .vbar_g_wrap .inner{padding:0 60px;} .challenge_line_chart.vertical.xlg .legend.date{padding-right:60px;padding-left:60px;} /* 돈모으기/돈아끼기 */ .tBalance.challenge .tBaltit{font-size:19px;} .challenge_cate .asList.inquiry .acc_array{padding-right:0 !important;padding-left:0 !important;} .asGroup.report_cate .asList .accItem.ableTrf.avoidLink{padding-right:20px !important;} .budgetList_link h3{font-size:19px;line-height:28px;} /* 메인 */ .cateblck_desc .tBalance.challenge .tBaltit, .cateblck_desc .tBalance.challenge .tBaltit .asset .num{font-size:20px;} .cateblck_desc .tBalance.challenge .tBaltit.sm{font-size:15px;} .description_box{padding-right:15px;padding-left:15px;} .description_box .amount{margin-top:-3px;font-size:11px;} .ul_st{margin-top:10px;} .ul_st .li .item{font-size:14px;} .ul_st .li .item .day{font-size:12px;margin-right:4px;} .ul_st .li ~ .li{margin-top:5px;} .main_cateblck_group .main_cateblck{padding:15px;} .main_cateblck_group .cateblck_desc + .challenge_line_chart{margin-top:10px;} .ul_st.challenge .item:nth-child(odd){font-size:14px;} .ul_st.challenge .item.detail{font-size:12px;} .assets-graph-pie.type_main .highcharts-figure{width:calc(100% + 30px);padding-left:15px;} .assets-graph-pie.type_main .highcharts-legend{padding-top:10px;} .assets-graph-pie.type_main .highcharts-legend-item .listWrap{font-size:11px;} .asGroup.report_cate.spend .budgetList_link.agChkItem h3, .asGroup.report_cate.spend .budgetList_link .total .price, .asGroup.report_cate.spend .budgetList_link.agChkItem h3 .num{font-size:16px;} .asGroup.report_cate .budgetList_link ~ .asList .accItem{padding-left:20px !important;} .banner.main_loan .ban_link .item .tx{font-size:13px;} .banner.main_loan .ban_link .item .name{font-size:16px;} .main_cateblck.noSync .tBalance.challenge .tBaltit, .main_cateblck.noTarget .tBalance.challenge .tBaltit{font-size:17px;line-height:24px;} /* 상세정보조회 */ .topTotal .itemTit, .topTotal .itemData, .topTotal .itemData .num{font-size:13px;} .accSetting.common .accDetailList .itemData, .accSetting.common .accDetailList .itemData .num{font-size:15px;} .accDetailList .itemData .plus, .accDetailList .itemData .minus, .accDetailList .itemData .zero{font-size:15px;} .instItem .instTotal .itemData .num{font-size:15px;} /* 거래내역조회 */ .accHistory .historyList .category, .accHistory.common .historyList .amount, .accHistory .historyList .amount .num{font-size:14px;} /* 레이어 */ .layer_popup.short .layer_position{padding:20px;} .layer_popup .layer_inner .layer_cont .msg_box .msg_alert, .layer_popup .layer_inner .layer_cont .msg_box .msg_txt{font-size:14px;} .category_set .ck_name{font-size:12px;} .layer_bottomsheet .accSetting.type_calendar .accDetailList .itemData .num{font-size:15px;} .layer_bottomsheet .msg_box .msg_cont{font-size:14px;} /* etc */ .topErrPop .tx{font-size:12px;} .toastMsg .tx{font-size:12px;} } /* [E] 해상도 대응 ================================================================= */ /* [E] 2023 ====================================================================== */