.card-mapping::before{content:"";position:fixed;top:0;left:0;z-index:-1;background:#f6f7f8;float:left;width:100vw;height:100vh}.bank-page:before{content:"";position:fixed;top:0;left:0;z-index:-1;background:#fff;float:left;width:100vw;height:100vh}.card-mapping .search-row:before,.bank-popup .card-top-img,.bank-popup .card-type-list li.active a:before,.bank-page .condition-logo,.bank-page .card-type .txt,.bank-page .card-type a:before{display:flex;align-items:center;justify-content:center}.bank-page .item-grid ul li a .ico,.bank-page .item-grid ul li a{display:flex;flex-flow:column;justify-content:center;align-items:center}.bank-page .card-type a{display:flex;flex-wrap:nowrap;justify-content:space-between}.bank-page .item-grid ul li a .ico:before{font-family:"zalopayInte" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-mapping .search-row .delete-btn:before,.card-mapping .search-row .delete-btn:after,.card-mapping .search-row:before,.card-mapping .link-card-frm .frm-block .bank-frm-txt .tooltip-btn::before,.bank-popup .card-type-list li.active a:before,.bank-page .bank-mapping-list .card-item::after,.bank-page .bank-link .col-left a::after,.bank-page .card-type a:before{font-family:"zpi" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bank-page .row-cvv .frm-txt.cvv input[type=password],.bank-page .row-cvv-2 .frm-txt.cvv input[type=password]{font-family:"pass" !important;font-style:normal !important;font-weight:normal !important;speak:none !important;font-variant:normal !important;text-transform:none !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;letter-spacing:-6px !important;font-size:14px !important}.card-mapping .search-result li .name,.card-mapping .bank-support-grid li .name,.card-mapping .link-card-frm .frm-block .bank-frm-txt label,.card-mapping .link-card-frm .frm-block .bank-frm-txt input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bank-page .note-footer{line-height:14px;margin-top:15px;padding:0 21px;color:rgba(20,43,67,0.6);font-size:12px}.bank-page .note-footer .inside{position:relative;padding:0 0 0 65px;text-align:left}@media (max-width: 350px){.bank-page .note-footer .inside{padding:0 0 0 60px;font-size:11px}}@media (max-width: 310px){.bank-page .note-footer .inside{line-height:12px;padding:0 0 0 54px;font-size:9px}}.bank-page .note-footer .inside:before{position:absolute;top:0;left:0;content:"";background-image:url(../images/PCI_DSS.png);background-repeat:no-repeat;background-size:50px 29px;float:left;width:50px;height:29px}.card-mapping .bank-card .card-logo,.bank-page .bank-mapping-list .card-logo{height:44px;width:44px;border-radius:16px;background-color:#fff;display:flex;justify-content:center;align-items:center;background-position:center;background-repeat:no-repeat;background-size:90% auto;position:absolute;left:20px;top:16px;display:flex;justify-content:center;align-items:center}.card-mapping .bank-card .card-logo img,.bank-page .bank-mapping-list .card-logo img{max-width:33px;width:100%;height:auto}.rccs__card--front::after,.card-mapping .bank-card::after{content:"";display:block;position:absolute;bottom:0;left:0;height:61px;width:100%;background-size:100% 57px;border-radius:8px;background-image:url(../images/bank/pattern-card.png);background-position:bottom left;background-repeat:no-repeat;z-index:-1;opacity:0.3}.bank-page{padding:16px}.bank-page.no-bg:before{display:none}.bank-page.card-mapping{padding:0}.bank-page.card-mapping:before{background-color:#f6f7f8}.bank-page .item-grid{background:#fff;padding:20px;border-bottom:1px solid #e3e6e7}.bank-page .item-grid ul{max-width:360px;margin:auto}.bank-page .item-grid ul li{float:left;width:50%}.bank-page .item-grid ul li a .ico{background-image:linear-gradient(240deg, #f8f8f8, #e7eef1);width:60px;height:60px;margin-bottom:8px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}@media (max-width: 350px){.bank-page .item-grid ul li a .ico{width:50px;height:50px}}.bank-page .item-grid ul li a .ico:before{color:#006dff;font-size:30px}@media (max-width: 350px){.bank-page .item-grid ul li a .ico:before{font-size:24px}}.bank-page .item-grid ul li a .ico.bank:before{content:"\e047"}.bank-page .item-grid ul li a .ico.card:before{content:"\e051"}.bank-page .item-grid ul li a .txt{line-height:14px;color:#142b43;font-size:12px;text-align:center}@media (max-width: 350px){.bank-page .item-grid ul li a .txt{font-size:11px}}.bank-page .transfer-list .title{font-size:13px}@media (max-width: 350px){.bank-page .transfer-list .title{font-size:12px}}.bank-page .transfer-list .title:before{display:none}.bank-page .transfer-list .t-list ul li .detail .detail-inside .send-btn{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.bank-page .card-type{position:relative;background:#fff;margin-bottom:12px;border-radius:4px}.bank-page .card-type a{height:48px;padding:0 38px 0 12px}.bank-page .card-type a:before{position:absolute;top:calc(50% - 9px);right:12px;content:"\e009";color:#8995a1;font-size:8px;float:left;width:18px;height:18px}.bank-page .card-type .txt{color:#142b43}.bank-page .card-type .txt.right{font-weight:700}.bank-page .frm-block-s1 .frm-txt{background:#fff;margin-bottom:16px}.bank-page .frm-block-s1.v2 .frm-txt{height:52px;margin-bottom:12px}.bank-page .frm-block-s1.v2 .frm-txt label{padding:8px 12px}.bank-page .frm-block-s1.v2 .frm-txt input{height:36px;padding:9px 12px}.bank-page .frm-block-s1.v2 .frm-txt input:focus~label,.bank-page .frm-block-s1.v2 .frm-txt input:valid~label,.bank-page .frm-block-s1.v2 .frm-txt.focus label{top:0}.bank-page .frm-block-s1.v2 .frm-txt select{height:50px;line-height:50px;padding-left:12px;padding-right:27px}.bank-page .frm-block-s1.v2 .frm-txt.select .arrow{right:14px;width:11px;height:11px}.bank-page .frm-block-s1.v2 .frm-txt.select .arrow:before{font-size:11px}.bank-page .frm-block-s1.v2 .frm-txt.active input{padding-right:32px}.bank-page .frm-block-s1.v2 .frm-txt.info.active input{padding-right:70px}.bank-page .frm-block-s1.v2 .frm-txt.card-num{height:76px;border:0}.bank-page .frm-block-s1.v2 .frm-txt.card-num .frm-logo{top:auto;right:14px;bottom:21px}.bank-page .frm-block-s1.v2 .frm-txt.card-num .frm-logo img{height:20px}.bank-page .frm-block-s1.v2 .frm-txt.card-num label{top:auto;left:12px;bottom:13px;width:calc(100% - 24px);height:38px;line-height:38px;padding:0;font-size:20px}.bank-page .frm-block-s1.v2 .frm-txt.card-num input{left:12px;bottom:12px;width:calc(100% - 24px);height:39px;line-height:24px;padding:7px 22px 7px 0;font-size:20px;border-bottom:1px solid #d0d4d9}@media (max-width: 350px){.bank-page .frm-block-s1.v2 .frm-txt.card-num input{font-size:18px}}.bank-page .frm-block-s1.v2 .frm-txt.card-num input:focus~label,.bank-page .frm-block-s1.v2 .frm-txt.card-num input:valid~label,.bank-page .frm-block-s1.v2 .frm-txt.card-num.focus label{top:12px;bottom:auto;height:12px;line-height:12px;font-size:11px}.bank-page .frm-block-s1.v2 .frm-txt.card-num.active .delete-btn{top:calc(50% - 8px);right:42px}.bank-page .frm-block-s1.v2 .frm-txt.card-num.active input{padding-right:60px}.bank-page .frm-block-s1.v2 .frm-txt.card-num.visa .frm-logo{bottom:17px}.bank-page .frm-block-s1.v2 .frm-txt.card-num.visa .frm-logo img{height:28px}.bank-page .frm-block-s1.v2 .frm-txt.card-num.visa.active .delete-btn{right:45px}.bank-page .frm-block-s1.v2 .frm-txt.card-num.visa.active input{padding-right:62px}.bank-page .row-cvv,.bank-page .row-2col{height:48px;margin-bottom:16px;border:1px solid #e7eaec;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}.bank-page .row-cvv .frm-txt,.bank-page .row-2col .frm-txt{float:left;height:46px;margin-bottom:0;border:0}.bank-page .row-2col .frm-txt:first-child{width:30%}.bank-page .row-2col .frm-txt:last-child{width:70%;padding-left:2px}.bank-page .row-2col .frm-txt:last-child input:focus,.bank-page .row-2col .frm-txt:last-child input:valid{bottom:7px}.bank-page .row-2col .frm-txt:last-child input:focus~label,.bank-page .row-2col .frm-txt:last-child input:valid~label{display:none}.bank-page .row-2col .frm-txt.frm-error:last-child input{bottom:0}.bank-page .row-2col .frm-txt.frm-error:last-child .error{display:block}.bank-page .row-2c .frm-txt{float:left}.bank-page .row-2c .frm-txt:first-child{width:105px}.bank-page .row-2c .frm-txt:last-child{width:calc(100% - 117px);margin-left:12px}.bank-page .row-cvv .frm-txt.cvv input[type=password]::-webkit-credentials-auto-fill-button,.bank-page .row-cvv-2 .frm-txt.cvv input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.bank-page .row-cvv .frm-txt:first-child{width:calc(100% - 100px);border-right:1px solid #e3e6e7}.bank-page .row-cvv .frm-txt:last-child{width:100px}.bank-page .row-cvv-2 .frm-txt{float:left}.bank-page .row-cvv-2 .frm-txt:last-child{width:142px}.bank-page .row-cvv-2 .frm-txt:first-child{width:calc(100% - 154px);margin-right:12px}.bank-page .check-frm-v1{display:block;margin-top:32px;margin-bottom:24px}.bank-page .check-frm-v1.m1{margin-top:12px}.bank-page .btn-row{margin-bottom:16px}.bank-page .condition-block{display:block}.bank-page .condition-title{line-height:20px;margin-bottom:7px;font-weight:700}.bank-page .condition-list li{position:relative;padding-left:12px;margin-bottom:5px}.bank-page .condition-list li:before{position:absolute;top:7px;left:0;content:"";background:#142b43;float:left;width:4px;height:4px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}@media (max-width: 350px){.bank-page .condition-list li:before{top:6px}}.bank-page .condition-list li strong{font-weight:700}.bank-page .condition-list.small li{line-height:14px;padding-left:12px;margin-bottom:6px;color:#8995a1;font-size:12px}@media (max-width: 350px){.bank-page .condition-list.small li{font-size:11px}}.bank-page .condition-list.small li:before{top:5px;background:#8995a1;width:4px;height:4px}.bank-page .condition-list.small.black li{color:#142b43}.bank-page .condition-note strong{font-weight:700}.bank-page .condition-note.top{max-width:300px;margin:0 auto 24px;color:#8995a1;text-align:center}.bank-page .condition-note.grey-small{line-height:14px;color:#8995a1;font-size:12px}@media (max-width: 350px){.bank-page .condition-note.grey-small{font-size:11px}}.bank-page .condition-note p{margin-bottom:5px}.bank-page .condition-logo{margin-top:8px;margin-bottom:16px}.bank-page .condition-logo img{display:block;width:120px}.bank-page .bank-link{display:flex;align-items:center;justify-content:space-between;background-color:#f2f7ff;border-radius:4px;padding:14px 16px 17px}.bank-page .bank-link .col-left p{color:#8995a1;line-height:1.29;margin-bottom:10px}.bank-page .bank-link .col-left a{font-weight:700;position:relative;display:inline-flex;padding-right:20px;line-height:16px}.bank-page .bank-link .col-left a::after{position:absolute;top:50%;margin-top:-5px;content:'\e009';display:block;font-size:11px;right:0}.bank-page .bank-link .col-right{margin-left:28px}.bank-page .bank-link .col-right img{width:58px}.bank-page .bank-image{margin-top:48px;display:flex;justify-content:center;align-items:center}.bank-page .bank-image img{width:100px;height:auto}.bank-page .bank-noti{text-align:center;margin-top:16px}.bank-page .note-footer{position:fixed;left:0;bottom:0;background:#fff;float:left;width:100%;margin:0;padding:16px 16px 20px;color:rgba(137,149,161,0.6)}.bank-page .register-guide-title{line-height:20px;margin-bottom:8px;font-weight:700}.bank-page .register-guide-txt{margin-bottom:24px;color:#8995a1}.bank-page .register-guide-list li{position:relative;margin-bottom:24px;padding-left:64px}.bank-page .register-guide-list li .img{position:absolute;top:0;left:0}.bank-page .register-guide-list li .img img{height:48px}.bank-page .register-guide-list li .txt{display:flex;align-items:center;min-height:48px}.bank-page .register-guide-list li .txt .title,.bank-page .register-guide-list li .txt .note{font-size:13px}@media (max-width: 350px){.bank-page .register-guide-list li .txt .title,.bank-page .register-guide-list li .txt .note{font-size:12px}}.bank-page .register-guide-list li .txt .title{font-weight:700}.bank-page .register-guide-list li .txt .note{line-height:15px;margin-top:4px;color:#8995a1}.bank-page .register-guide-list li .txt .note.s2{line-height:14px;font-size:12px}@media (max-width: 350px){.bank-page .register-guide-list li .txt .note.s2{font-size:11px}}.bank-page .register-guide-list li:last-child{margin-bottom:0}.bank-page.fit-bt{padding-bottom:76px}.bank-page.fit-bt .btn-row{position:fixed;left:0;bottom:0;background:#fff;float:left;width:100%;margin:0;padding:16px}.bank-page .bank-mapping-title{font-weight:700;margin-top:16px}.bank-page .bank-mapping-note{font-size:11px;line-height:1.09;color:#8995a1;margin-top:4px}.bank-page .bank-mapping-list li{overflow:hidden;border-top-right-radius:8px;border-top-left-radius:8px;margin-top:16px}.bank-page .bank-mapping-list .card-item{border-top-right-radius:8px;border-top-left-radius:8px;padding:16px 34px 28px 20px;height:86px;display:flex;align-items:center;position:relative;color:#fff;overflow:hidden;cursor:pointer;background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .bank-mapping-list .card-item::after{position:absolute;top:50%;right:12px;margin-top:-10px;font-size:8px;content:'\e009';color:currentcolor}.bank-page .bank-mapping-list .card-item::before{content:'';display:block;position:absolute;left:0;right:0;margin:auto;bottom:-0.5px;background:url(../images/bank/path.svg) no-repeat;width:78px;height:17px}.bank-page .bank-mapping-list .card-info{margin-left:auto;font-weight:700;line-height:1.4;text-align:right;padding-left:50px;letter-spacing:-0.2px}.bank-page .bank-mapping-list .card-info__name{position:absolute;left:72px;text-align:left;top:50%;transform:translateY(-50%);margin-top:-6px;padding-right:100px}.bank-popup .title{line-height:20px;padding:0 12px;font-size:16px;font-weight:700;text-align:center}.bank-popup .card-type-list{padding-bottom:24px}.bank-popup .card-type-list li{position:relative;border-bottom:1px solid #f3f4f5}.bank-popup .card-type-list li a{display:flex;align-items:center;height:52px;padding:0 40px 0 16px;color:#142b43}.bank-popup .card-type-list li.active a:before{position:absolute;top:calc(50% - 9px);right:16px;content:"\e068";color:#006dff;font-size:16px;float:left;width:18px;height:18px}.bank-popup .card-type-list li:last-child{border-bottom:0}.bank-popup .card-top-img{margin-bottom:16px}.bank-popup .card-top-img img{width:200px}.bank-popup .card-note{margin:16px 24px 9px;text-align:center}.bank-popup .btn-row{padding:16px}.card-mapping .flex-wrapper{min-height:inherit;display:flex;flex-direction:column;padding:16px 16px 40px}.card-mapping .link-card-frm .frm-block{padding:0;border-top:0;border-bottom:0;margin-top:16px}.card-mapping .link-card-frm .frm-block .frm-group{background-color:#fff;border-radius:4px;padding:12px}.card-mapping .link-card-frm .frm-block .bank-frm-txt{height:52px;border-color:#d0d4d9}@media screen and (max-width: 320px){.card-mapping .link-card-frm .frm-block .bank-frm-txt{height:44px}}.card-mapping .link-card-frm .frm-block .bank-frm-txt .delete-btn:before,.card-mapping .link-card-frm .frm-block .bank-frm-txt .delete-btn:after{font-size:18px;top:calc(50% - 9px);left:calc(50% - 9px)}.card-mapping .link-card-frm .frm-block .bank-frm-txt input{padding:0;text-transform:inherit}.card-mapping .link-card-frm .frm-block .bank-frm-txt label,.card-mapping .link-card-frm .frm-block .bank-frm-txt input{height:initial;font-weight:400;font-size:20px;line-height:24px;bottom:7px;padding:0 25px 0 0}.card-mapping .link-card-frm .frm-block .bank-frm-txt label.error,.card-mapping .link-card-frm .frm-block .bank-frm-txt input.error{color:#fd4c22;margin:0}@media screen and (max-width: 360px){.card-mapping .link-card-frm .frm-block .bank-frm-txt label,.card-mapping .link-card-frm .frm-block .bank-frm-txt input{font-size:18px}}@media screen and (max-width: 320px){.card-mapping .link-card-frm .frm-block .bank-frm-txt label,.card-mapping .link-card-frm .frm-block .bank-frm-txt input{font-size:16px}}.card-mapping .link-card-frm .frm-block .bank-frm-txt input:focus~label,.card-mapping .link-card-frm .frm-block .bank-frm-txt input:valid~label{top:0;font-size:11px;line-height:14px;color:#006dff}@media (max-width: 350px){.card-mapping .link-card-frm .frm-block .bank-frm-txt input:focus~label,.card-mapping .link-card-frm .frm-block .bank-frm-txt input:valid~label{font-size:11px}}.card-mapping .link-card-frm .frm-block .bank-frm-txt.active input{padding:0 60px 0 0}.card-mapping .link-card-frm .frm-block .bank-frm-txt.focus input~label{font-size:11px;line-height:14px;color:#006dff;top:0}@media (max-width: 350px){.card-mapping .link-card-frm .frm-block .bank-frm-txt.focus input~label{font-size:11px}}.card-mapping .link-card-frm .frm-block .bank-frm-txt.error{border-color:#fd4c22}.card-mapping .link-card-frm .frm-block .bank-frm-txt.error input~label{color:#fd4c22}.card-mapping .link-card-frm .frm-block .bank-frm-txt .delete-btn{bottom:4px}.card-mapping .link-card-frm .frm-block .bank-frm-txt .tooltip-btn{position:absolute;bottom:4px;right:-3px;width:30px;height:30px;z-index:9}.card-mapping .link-card-frm .frm-block .bank-frm-txt .tooltip-btn::before{position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);font-size:18px;content:'\e049';color:#8995a1}.card-mapping .link-card-frm .frm-block .bank-frm-txt.id-card label{font-size:18px}@media screen and (max-width: 320px){.card-mapping .link-card-frm .frm-block .bank-frm-txt.id-card label{font-size:15px}}.card-mapping .link-card-frm .frm-block .bank-frm-txt.has--info .delete-btn{right:30px}.card-mapping .link-card-frm .frm-block .error-message{color:#fd4c22;margin-top:8px;padding:0 12px}.card-mapping .link-card-frm .frm-block .btn-row{margin-top:16px;margin-bottom:16px}.card-mapping .link-card-frm .frm-block .btn-row.btn-group{text-align:center;margin-bottom:24px}.card-mapping .link-card-frm .frm-block .btn-row .btn-back{display:inline-block;margin-top:20px}.card-mapping .bank-support-list{text-align:center;margin-top:auto}.card-mapping .bank-support-list p{font-size:13px;margin-bottom:8px}.card-mapping .bank-support-list ul{display:flex;flex-wrap:wrap;justify-content:center;max-width:420px;width:86%;margin:0 auto}.card-mapping .bank-support-list ul li{flex:0 1 25%;display:flex;justify-content:center;align-items:center;padding-right:3px;padding-top:3px}.card-mapping .bank-support-list ul li:nth-child(4n){padding-right:0}.card-mapping .bank-support-list ul li img{width:100%;height:auto}.card-mapping .bank-support-anchor{margin-top:20px;display:inline-block}.card-mapping .container{background-color:#fff;padding:0 16px}.card-mapping .container:first-child{padding-top:12px}.card-mapping .btn-unlink{text-align:center;background-color:#fff;padding:24px 16px;margin-top:8px}.card-mapping .note{font-size:12px;color:#8995a1;padding:8px 16px 20px}.card-mapping .bank-card{max-width:343px;width:100%;height:200px;border-radius:8px;margin:0 auto;position:relative;z-index:1;overflow:hidden;background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%);padding:20px}.card-mapping .bank-card::after{height:70px;width:100%;background-size:100% 70px}@media screen and (max-width: 320px){.card-mapping .bank-card::after{height:57px;background-size:100% 57px}}@media screen and (max-width: 320px){.card-mapping .bank-card{height:160px}}.card-mapping .bank-card .card-logo{top:20px;left:20px}.card-mapping .bank-card .card-number,.card-mapping .bank-card .card-name,.card-mapping .bank-card .card-date,.card-mapping .bank-card .card-brand{color:#fff;font-weight:700;z-index:1;position:relative}.card-mapping .bank-card .card-number{font-size:20px;line-height:1;margin-top:34px;position:absolute;left:20px;bottom:35px}@media screen and (max-width: 320px){.card-mapping .bank-card .card-number{margin-top:14px;font-size:16px;bottom:25px}}.card-mapping .bank-card .card-brand{left:76px;font-size:16px;position:absolute;top:33px}@media screen and (max-width: 320px){.card-mapping .bank-card .card-brand{font-size:14px}}.card-mapping .bank-card .card-name,.card-mapping .bank-card .card-date{font-size:16px;margin-top:11px}@media screen and (max-width: 320px){.card-mapping .bank-card .card-name,.card-mapping .bank-card .card-date{font-size:12px;margin-top:4px}}.card-mapping .row-title{padding-bottom:8px;padding-top:24px;font-weight:700}.card-mapping .row-item{display:flex;height:44px;align-items:center}.card-mapping .row-item dt{color:#8995a1}.card-mapping .row-item dd{margin-left:auto}.card-mapping .bank-support-grid{display:flex;flex-wrap:wrap;width:100%;margin:8px auto}.card-mapping .bank-support-grid li{width:calc((100% - 16px) / 3);height:87px;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;border-radius:4px;padding:9px 3px 8px}.card-mapping .bank-support-grid li:nth-child(n+4){margin-top:8px}.card-mapping .bank-support-grid li:not(:nth-child(3n+3)){margin-right:8px}.card-mapping .bank-support-grid li .logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.card-mapping .bank-support-grid li .logo img{max-width:30px;max-height:30px;display:block}.card-mapping .bank-support-grid li .name{margin-top:7px;max-width:100%;font-size:13px}.card-mapping .search-row{position:relative}.card-mapping .search-row:before{position:absolute;right:10px;top:calc(50% - 9px);content:'\e113';color:#8995a1;font-size:15px;width:18px;height:18px}.card-mapping .search-row input{width:100%;height:34px;padding:9px 35px 9px 12px;font-size:12px;border:1px solid #e7eaec;border-radius:4px;background-color:#fdfdfd}.card-mapping .search-row .delete-btn{display:none;position:absolute;top:calc(50% - 17px);right:0;z-index:9;float:left;width:34px;height:34px}.card-mapping .search-row .delete-btn:before,.card-mapping .search-row .delete-btn:after{position:absolute;top:calc( 50% - 8px);left:calc(50% - 8px);font-size:16px}.card-mapping .search-row .delete-btn:before{z-index:2;content:"\e005";color:#8995a1}.card-mapping .search-row .delete-btn:after{z-index:1;content:"\e004";color:#e7eaec}.card-mapping .search-row.active:before{display:none}.card-mapping .search-row.active .delete-btn{display:block}.card-mapping .search-result{background-color:#fff;margin-top:8px;border-radius:4px}.card-mapping .search-result li{position:relative;display:flex;align-items:center;height:54px;padding-left:60px;padding-right:16px}.card-mapping .search-result li:last-child::after{display:none}.card-mapping .search-result li::after{position:absolute;bottom:0;content:'';display:block;height:1px;width:calc(100% - 60px);left:60px;background-color:#e7eaec}.card-mapping .search-result li .logo{position:absolute;left:12px;top:50%;margin-top:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.card-mapping .search-result li .logo img{max-width:30px;max-height:30px}.card-mapping .search-result li .name{max-width:100%}.card-mapping .search-result li .name span{color:#006dff}.rccs{margin:0 auto;perspective:1000px;width:250px}.rccs__card{height:145.0031900702px;margin:0 auto;position:relative;transform-style:preserve-3d;transition:all 0.4s linear;width:250px}.rccs__card--front,.rccs__card--back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%);border-radius:8px;color:#fff;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-style:preserve-3d;width:100%;box-shadow:0 0 20px rgba(0,0,0,0.2)}.rccs__card--front{z-index:20}.rccs__card--back{transform:rotateY(180deg)}.rccs__card--back .rccs__issuer{background-position:bottom center;bottom:5%;left:50%;opacity:0.6;right:auto;top:auto;transform:translateX(-50%);visibility:hidden}.rccs__card__background{height:200%;left:-170%;position:absolute;top:-60%;transform:rotate(25deg);transition:all 0.5s ease-out;width:150%;left:-170%}.rccs__card--flipped{transform:rotateY(180deg)}.rccs__card--flipped .rccs__card--front{z-index:10}.rccs__card--flipped .rccs__card--back{z-index:20}.rccs__number{clear:both;font-size:16px;left:7%;position:absolute;top:49%;font-weight:700}.rccs__number.rccs__number--large{font-size:13.6px}.rccs__name{bottom:11%;font-size:12px;left:7%;line-height:1;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:60%;font-weight:700}.rccs__expiry{bottom:26%;font-size:0;line-height:1;position:absolute;left:7%}.rccs__expiry>*{vertical-align:middle}.rccs__expiry__valid{font-size:12px;margin-bottom:5px}.rccs__expiry__value{font-size:12px;font-weight:700}.rccs__number,.rccs__name,.rccs__expiry,.rccs__cvc{opacity:0.3;transition:opacity 0.3s}.rccs__issuer{background-position:center;background-repeat:no-repeat;background-size:80% auto;position:absolute;left:7%;top:10%;height:44px;width:44px;border-radius:16px;background-color:#fff;display:flex;justify-content:center;align-items:center}.rccs__stripe{background-color:#2a1d16;height:22%;left:0;position:absolute;top:9%;width:100%}.rccs__signature{background:repeating-linear-gradient(0.1deg, #fff 20%, #fff 40%, #fea 40%, #fea 44%, #fff 44%);height:18%;left:5%;position:absolute;top:35%;width:75%}.rccs__cvc{color:#222;font-size:14px;left:67%;line-height:1;position:absolute;top:42%}.rccs__cvc__front{font-size:11.9px;opacity:0;position:absolute;right:7%;top:38%;visibility:hidden}.rccs--filled{opacity:0.8 !important}.rccs--focused{font-weight:700;opacity:1 !important}.bank-page .card__VTB.bank-card,.bank-page .card__VTB .card-item,.bank-page .card__VTB .rccs__card--front,.bank-page .card__VTB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__VTB .card-logo,.bank-page .card__VTB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VTB.png")}.bank-page .card__VCB.bank-card,.bank-page .card__VCB .card-item,.bank-page .card__VCB .rccs__card--front,.bank-page .card__VCB .rccs__card--back{background:linear-gradient(to right, #2fc533 0%, #199e47 100%)}.bank-page .card__VCB .card-logo,.bank-page .card__VCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VCB.png")}.bank-page .card__BIDV.bank-card,.bank-page .card__BIDV .card-item,.bank-page .card__BIDV .rccs__card--front,.bank-page .card__BIDV .rccs__card--back{background:linear-gradient(to right, #20368c 0%, #11246f 100%)}.bank-page .card__BIDV .card-logo,.bank-page .card__BIDV .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/BIDV.png")}.bank-page .card__SCB.bank-card,.bank-page .card__SCB .card-item,.bank-page .card__SCB .rccs__card--front,.bank-page .card__SCB .rccs__card--back{background:linear-gradient(to right, #0484d5 0%, #0b6198 100%)}.bank-page .card__SCB .card-logo,.bank-page .card__SCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/SCB.png")}.bank-page .card__EIB.bank-card,.bank-page .card__EIB .card-item,.bank-page .card__EIB .rccs__card--front,.bank-page .card__EIB .rccs__card--back{background:linear-gradient(to right, #00a2e2 0%, #006c97 100%)}.bank-page .card__EIB .card-logo,.bank-page .card__EIB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/EIB.png")}.bank-page .card__SGCB.bank-card,.bank-page .card__SGCB .card-item,.bank-page .card__SGCB .rccs__card--front,.bank-page .card__SGCB .rccs__card--back{background:linear-gradient(to right, #47cf27 0%, #269144 100%)}.bank-page .card__SGCB .card-logo,.bank-page .card__SGCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/SGCB.png")}.bank-page .card__MB.bank-card,.bank-page .card__MB .card-item,.bank-page .card__MB .rccs__card--front,.bank-page .card__MB .rccs__card--back{background:linear-gradient(to right, #0960d8 0%, #094dac 100%)}.bank-page .card__MB .card-logo,.bank-page .card__MB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/MB.png")}.bank-page .card__VCCB.bank-card,.bank-page .card__VCCB .card-item,.bank-page .card__VCCB .rccs__card--front,.bank-page .card__VCCB .rccs__card--back{background:linear-gradient(to right, #00a1e4 0%, #0579a9 100%)}.bank-page .card__VCCB .card-logo,.bank-page .card__VCCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VCCB.png")}.bank-page .card__VARB.bank-card,.bank-page .card__VARB .card-item,.bank-page .card__VARB .rccs__card--front,.bank-page .card__VARB .rccs__card--back{background:linear-gradient(to right, #a31033 0%, #9b1031 100%)}.bank-page .card__VARB .card-logo,.bank-page .card__VARB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VARB.png")}.bank-page .card__HDB.bank-card,.bank-page .card__HDB .card-item,.bank-page .card__HDB .rccs__card--front,.bank-page .card__HDB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__HDB .card-logo,.bank-page .card__HDB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/HDB.png")}.bank-page .card__MSB.bank-card,.bank-page .card__MSB .card-item,.bank-page .card__MSB .rccs__card--front,.bank-page .card__MSB .rccs__card--back{background:linear-gradient(to right, #ba3030 0%, #a61919 100%)}.bank-page .card__MSB .card-logo,.bank-page .card__MSB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/MSB.png")}.bank-page .card__NAB.bank-card,.bank-page .card__NAB .card-item,.bank-page .card__NAB .rccs__card--front,.bank-page .card__NAB .rccs__card--back{background:linear-gradient(to right, #0782d3 0%, #0071bb 100%)}.bank-page .card__NAB .card-logo,.bank-page .card__NAB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/NAB.png")}.bank-page .card__VPB.bank-card,.bank-page .card__VPB .card-item,.bank-page .card__VPB .rccs__card--front,.bank-page .card__VPB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__VPB .card-logo,.bank-page .card__VPB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VPB.png")}.bank-page .card__VISA.bank-card,.bank-page .card__VISA .card-item,.bank-page .card__VISA .rccs__card--front,.bank-page .card__VISA .rccs__card--back{background:linear-gradient(to right, #fad050 0%, #e4ab2c 100%)}.bank-page .card__VISA .card-logo,.bank-page .card__VISA .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VISA.png")}.bank-page .card__MASTER.bank-card,.bank-page .card__MASTER .card-item,.bank-page .card__MASTER .rccs__card--front,.bank-page .card__MASTER .rccs__card--back{background:linear-gradient(to right, #555177 0%, #403b62 100%)}.bank-page .card__MASTER .card-logo,.bank-page .card__MASTER .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/MASTER.png")}.bank-page .card__JCB.bank-card,.bank-page .card__JCB .card-item,.bank-page .card__JCB .rccs__card--front,.bank-page .card__JCB .rccs__card--back{background:linear-gradient(to right, #0051af 0%, #033b7b 100%)}.bank-page .card__JCB .card-logo,.bank-page .card__JCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/JCB.png")}.bank-page .card__PBVN.bank-card,.bank-page .card__PBVN .card-item,.bank-page .card__PBVN .rccs__card--front,.bank-page .card__PBVN .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__PBVN .card-logo,.bank-page .card__PBVN .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/PBVN.png")}.bank-page .card__VRB.bank-card,.bank-page .card__VRB .card-item,.bank-page .card__VRB .rccs__card--front,.bank-page .card__VRB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__VRB .card-logo,.bank-page .card__VRB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VRB.png")}.bank-page .card__PGB.bank-card,.bank-page .card__PGB .card-item,.bank-page .card__PGB .rccs__card--front,.bank-page .card__PGB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__PGB .card-logo,.bank-page .card__PGB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/PGB.png")}.bank-page .card__KLB.bank-card,.bank-page .card__KLB .card-item,.bank-page .card__KLB .rccs__card--front,.bank-page .card__KLB .rccs__card--back{background:linear-gradient(to right, #0d6b7a 0%, #06545c 100%)}.bank-page .card__KLB .card-logo,.bank-page .card__KLB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/KLB.png")}.bank-page .card__GPB.bank-card,.bank-page .card__GPB .card-item,.bank-page .card__GPB .rccs__card--front,.bank-page .card__GPB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__GPB .card-logo,.bank-page .card__GPB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/GPB.png")}.bank-page .card__VAB.bank-card,.bank-page .card__VAB .card-item,.bank-page .card__VAB .rccs__card--front,.bank-page .card__VAB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__VAB .card-logo,.bank-page .card__VAB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VAB.png")}.bank-page .card__NASB.bank-card,.bank-page .card__NASB .card-item,.bank-page .card__NASB .rccs__card--front,.bank-page .card__NASB .rccs__card--back{background:linear-gradient(to right, #000 0%, #000 100%)}.bank-page .card__NASB .card-logo,.bank-page .card__NASB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/NASB.png")}.bank-page .card__BVB.bank-card,.bank-page .card__BVB .card-item,.bank-page .card__BVB .rccs__card--front,.bank-page .card__BVB .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__BVB .card-logo,.bank-page .card__BVB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/BVB.png")}.bank-page .card__NVB.bank-card,.bank-page .card__NVB .card-item,.bank-page .card__NVB .rccs__card--front,.bank-page .card__NVB .rccs__card--back{background:linear-gradient(to right, #0960d8 0%, #094dac 100%)}.bank-page .card__NVB .card-logo,.bank-page .card__NVB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/NVB.png")}.bank-page .card__OCB.bank-card,.bank-page .card__OCB .card-item,.bank-page .card__OCB .rccs__card--front,.bank-page .card__OCB .rccs__card--back{background:linear-gradient(to right, #04ab4f 0%, #028e41 100%)}.bank-page .card__OCB .card-logo,.bank-page .card__OCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/OCB.png")}.bank-page .card__OJB.bank-card,.bank-page .card__OJB .card-item,.bank-page .card__OJB .rccs__card--front,.bank-page .card__OJB .rccs__card--back{background:linear-gradient(to right, #3a3cb0 0%, #303190 100%)}.bank-page .card__OJB .card-logo,.bank-page .card__OJB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/OJB.png")}.bank-page .card__SGB.bank-card,.bank-page .card__SGB .card-item,.bank-page .card__SGB .rccs__card--front,.bank-page .card__SGB .rccs__card--back{background:linear-gradient(to right, #4ca3fc 0%, #3c94ed 100%)}.bank-page .card__SGB .card-logo,.bank-page .card__SGB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/SGB.png")}.bank-page .card__PVCB.bank-card,.bank-page .card__PVCB .card-item,.bank-page .card__PVCB .rccs__card--front,.bank-page .card__PVCB .rccs__card--back{background:linear-gradient(to right, #f5a936 0%, #f29e2f 100%)}.bank-page .card__PVCB .card-logo,.bank-page .card__PVCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/PVCB.png")}.bank-page .card__LPB.bank-card,.bank-page .card__LPB .card-item,.bank-page .card__LPB .rccs__card--front,.bank-page .card__LPB .rccs__card--back{background:linear-gradient(to right, #0782d3 0%, #0071bb 100%)}.bank-page .card__LPB .card-logo,.bank-page .card__LPB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/LPB.png")}.bank-page .card__SEAB.bank-card,.bank-page .card__SEAB .card-item,.bank-page .card__SEAB .rccs__card--front,.bank-page .card__SEAB .rccs__card--back{background:linear-gradient(to right, #a31033 0%, #9b1031 100%)}.bank-page .card__SEAB .card-logo,.bank-page .card__SEAB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/SEAB.png")}.bank-page .card__ABB.bank-card,.bank-page .card__ABB .card-item,.bank-page .card__ABB .rccs__card--front,.bank-page .card__ABB .rccs__card--back{background:linear-gradient(to right, #07c6cb 0%, #00aaae 100%)}.bank-page .card__ABB .card-logo,.bank-page .card__ABB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/ABB.png")}.bank-page .card__SHB.bank-card,.bank-page .card__SHB .card-item,.bank-page .card__SHB .rccs__card--front,.bank-page .card__SHB .rccs__card--back{background:linear-gradient(to right, #fabf50 0%, #e4a02c 100%)}.bank-page .card__SHB .card-logo,.bank-page .card__SHB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/SHB.png")}.bank-page .card__VIB.bank-card,.bank-page .card__VIB .card-item,.bank-page .card__VIB .rccs__card--front,.bank-page .card__VIB .rccs__card--back{background:linear-gradient(to right, #0484d5 0%, #0b6198 100%)}.bank-page .card__VIB .card-logo,.bank-page .card__VIB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VIB.png")}.bank-page .card__ACB.bank-card,.bank-page .card__ACB .card-item,.bank-page .card__ACB .rccs__card--front,.bank-page .card__ACB .rccs__card--back{background:linear-gradient(to right, #0782d3 0%, #0071bb 100%)}.bank-page .card__ACB .card-logo,.bank-page .card__ACB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/ACB.png")}.bank-page .card__TCB.bank-card,.bank-page .card__TCB .card-item,.bank-page .card__TCB .rccs__card--front,.bank-page .card__TCB .rccs__card--back{background:linear-gradient(to right, #549dcb 0%, #3672a9 100%)}.bank-page .card__TCB .card-logo,.bank-page .card__TCB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/TCB.png")}.bank-page .card__TPB.bank-card,.bank-page .card__TPB .card-item,.bank-page .card__TPB .rccs__card--front,.bank-page .card__TPB .rccs__card--back{background:linear-gradient(to right, #8f41d7 0%, #7b36bb 100%)}.bank-page .card__TPB .card-logo,.bank-page .card__TPB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/TPB.png")}.bank-page .card__VB.bank-card,.bank-page .card__VB .card-item,.bank-page .card__VB .rccs__card--front,.bank-page .card__VB .rccs__card--back{background:linear-gradient(to right, #0484d5 0%, #0b6198 100%)}.bank-page .card__VB .card-logo,.bank-page .card__VB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/VB.png")}.bank-page .card__CIMB.bank-card,.bank-page .card__CIMB .card-item,.bank-page .card__CIMB .rccs__card--front,.bank-page .card__CIMB .rccs__card--back{background:linear-gradient(to right, #ba3030 0%, #a61919 100%)}.bank-page .card__CIMB .card-logo,.bank-page .card__CIMB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/CIMB.png")}.bank-page .card__HSBC.bank-card,.bank-page .card__HSBC .card-item,.bank-page .card__HSBC .rccs__card--front,.bank-page .card__HSBC .rccs__card--back{background:linear-gradient(to right, #c6c6c6 0%, #a8a8a8 100%)}.bank-page .card__HSBC .card-logo,.bank-page .card__HSBC .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/HSBC.png")}.bank-page .card__SHBVN.bank-card,.bank-page .card__SHBVN .card-item,.bank-page .card__SHBVN .rccs__card--front,.bank-page .card__SHBVN .rccs__card--back{background:linear-gradient(to right, #0782d3 0%, #0071bb 100%)}.bank-page .card__SHBVN .card-logo,.bank-page .card__SHBVN .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/SHBVN.png")}.bank-page .card__WOO.bank-card,.bank-page .card__WOO .card-item,.bank-page .card__WOO .rccs__card--front,.bank-page .card__WOO .rccs__card--back{background:linear-gradient(to right, #0782d3 0%, #0071bb 100%)}.bank-page .card__WOO .card-logo,.bank-page .card__WOO .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/WOO.png")}.bank-page .card__IVB.bank-card,.bank-page .card__IVB .card-item,.bank-page .card__IVB .rccs__card--front,.bank-page .card__IVB .rccs__card--back{background:linear-gradient(to right, #eea63f 0%, #e49729 100%)}.bank-page .card__IVB .card-logo,.bank-page .card__IVB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/IVB.png")}.bank-page .card__UOB.bank-card,.bank-page .card__UOB .card-item,.bank-page .card__UOB .rccs__card--front,.bank-page .card__UOB .rccs__card--back{background:linear-gradient(to right, #0a50a5 0%, #00377b 100%)}.bank-page .card__UOB .card-logo,.bank-page .card__UOB .rccs__issuer{background-image:url("../images/bank-mapping/logos/shortcut/UOB.png")}
/*# sourceMappingURL=bank.css.map */