.kbj-list-selector{display:flex;flex-direction:column;gap:4px;align-items:stretch}.kbj-list-selector .item{border-bottom:1px solid var(--grayalpha-200);opacity:.16;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:20px 0;transition:.35s cubic-bezier(0,0,0,1);cursor:pointer}.kbj-list-selector .item .number{background:var(--gray-300);padding:4px 16px;font-size:var(--text-xs);font-weight:500;text-align:center;border-radius:99px;color:var(--base-white);transition:.35s cubic-bezier(0,0,0,1)}.kbj-list-selector .item .label{color:var(--gray-200);font-size:var(--text-sm);font-weight:500}.kbj-list-selector .item.active{opacity:1}.kbj-list-selector .item.active .number{background:var(--tertiary-600)}:root{--background:#fff;--primary-100:#fff9e7;--primary-200:#fff0c5;--primary-300:#ffe498;--primary-400:#fed768;--primary-500:#fec00f;--primary-600:#e5ad0e;--primary-700:#cb9a0c;--secondary-100:#feefe9;--secondary-200:#fcd7ca;--secondary-300:#f9b8a0;--secondary-400:#f69774;--secondary-500:#f15a22;--secondary-600:#cd4d1d;--secondary-700:#ab4018;--tertiary-100:#fff7e8;--tertiary-200:#feecc7;--tertiary-300:#fedd9b;--tertiary-400:#fdcd6d;--tertiary-500:#fcaf17;--tertiary-600:#f6910a;--tertiary-700:#b54908;--quaternary-100:#e4e2dd;--quaternary-200:#cac7be;--quaternary-300:#aca598;--quaternary-400:#948b7b;--quaternary-500:#857b6d;--quaternary-600:#776c61;--quaternary-700:#5c524c;--base-white:#fff;--base-black:#000;--neutral-black:#222229;--grayalpha-100:rgba(34,34,41,.08);--grayalpha-200:rgba(34,34,41,.12);--grayalpha-300:rgba(34,34,41,.16);--grayalpha-400:rgba(34,34,41,.28);--grayalpha-500:rgba(34,34,41,.4);--grayalpha-600:rgba(34,34,41,.52);--gray-default:#222229;--gray-600:#fdfdfd;--gray-500:#f5f5f5;--gray-400:#949495;--gray-300:#454547;--gray-200:#211f23;--gray-100:#171719;--grayalpha-700:rgba(34,34,41,.64);--grayalpha-800:rgba(34,34,41,.76);--grayalpha-900:rgba(34,34,41,.88);--grayalpha-1000:rgba(34,34,41,.96);--whitealpha-100:hsla(0,0%,100%,.08);--whitealpha-200:hsla(0,0%,100%,.12);--whitealpha-300:hsla(0,0%,100%,.16);--whitealpha-400:hsla(0,0%,100%,.28);--whitealpha-500:hsla(0,0%,100%,.4);--whitealpha-600:hsla(0,0%,100%,.52);--whitealpha-700:hsla(0,0%,100%,.64);--whitealpha-800:hsla(0,0%,100%,.76);--whitealpha-900:hsla(0,0%,100%,.88);--whitealpha-1000:hsla(0,0%,100%,.96);--yellowalpha-100:rgba(254,192,15,.08);--yellowalpha-200:rgba(254,192,15,.12);--yellowalpha-300:rgba(254,192,15,.16);--yellowalpha-400:rgba(254,192,15,.28);--yellowalpha-500:rgba(254,192,15,.4);--yellowalpha-600:rgba(254,192,15,.52);--yellowalpha-700:rgba(254,192,15,.64);--yellowalpha-800:rgba(254,192,15,.76);--yellowalpha-900:rgba(254,192,15,.88);--yellowalpha-1000:rgba(254,192,15,.96);--orangealpha-300:rgba(241,90,34,.16);--error-100:#ffe8e8;--warning-100:#fff8e8;--success-100:#eaf8ee;--success-200:#abe2b8;--success-300:#88d69b;--success-400:#54c570;--success-500:#31b953;--warning-200:#ffe19f;--warning-300:#ffd477;--warning-400:#ffb514;--warning-500:#e8a512;--error-200:#ffa1a2;--error-300:#ff7a7c;--error-400:#ff1a1d;--error-500:#cc1517;--font-db_heavent_rounded:"DBHeaventRounded";--font-regular:400;--font-medium:500;--font-bold:700;--font-black:900;--text-3xs:16px;--text-2xs:20px;--text-xs:22px;--text-sm:24px;--text-md:26px;--text-lg:28px;--text-xl:32px;--text-2xl:36px;--text-3xl:44px;--text-4xl:48px;--text-5xl:56px;--text-6xl:68px}@media(max-width:768px){:root{--text-xl:30px;--text-2xl:32px;--text-3xl:36px;--text-4xl:38px;--text-5xl:40px;--text-6xl:44px}}h1,h2,h3,h4,h5,h6,strong{font-weight:var(--font-bold)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-bold{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.text-3xs{font-size:var(--text-3xs)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.kbj-payment-title{padding:80px 0 0;background:url(/images/pages/payment/channel-bg.png) no-repeat center top -100px/1440px auto}.kbj-payment-title .container{max-width:1064px}.kbj-payment-title .title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-100);text-align:center}.kbj-payment-title .desc{font-size:var(--text-lg);color:var(--gray-300);text-align:center;font-weight:500;margin-top:4px}.kbj-payment-mobilebanking{padding:40px 0 0}.kbj-payment-mobilebanking .headline .title{font-size:var(--text-2xl);font-weight:700;color:var(--gray-100);text-align:left}.kbj-payment-mobilebanking .headline .badge{background-color:#f6910a;color:#fff;display:flex;gap:8px;align-items:center;padding:6px 16px;font-weight:500;border-radius:99px;font-size:var(--text-sm)}.kbj-payment-mobilebanking .banner{background:var(--tertiary-200);border-radius:48px;padding:44px 40px;position:relative;overflow:hidden}@media(max-width:768px){.kbj-payment-mobilebanking .banner{padding:32px 32px 260px}}.kbj-payment-mobilebanking .banner>*{position:relative;z-index:1}.kbj-payment-mobilebanking .banner .title{color:var(--gray-200);font-size:var(--text-3xl);text-align:left;margin-bottom:4px}.kbj-payment-mobilebanking .banner .desc{font-size:var(--text-lg);color:var(--gray-300);text-align:left;margin-bottom:28px}@media(max-width:768px){.kbj-payment-mobilebanking .banner .desc{margin-bottom:16px}}.kbj-payment-mobilebanking .banner .desc span{color:var(--success-500)}.kbj-payment-mobilebanking .banner .banks{display:flex;gap:12px;flex-wrap:wrap}.kbj-payment-mobilebanking .banner .banks img{width:52px;height:52px;object-fit:contain}.kbj-payment-mobilebanking .banner .bg{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none}.kbj-payment-mobilebanking .banner .bg *{transition:2s cubic-bezier(0,0,0,1)}.kbj-payment-mobilebanking .banner .bg .el1{position:absolute;z-index:1;width:443px;height:auto;top:-7px;right:10px}@media(max-width:768px){.kbj-payment-mobilebanking .banner .bg .el1{bottom:-91px;top:auto;width:303px;right:0;left:0;margin-left:auto;margin-right:auto}}.kbj-payment-mobilebanking .banner .bg .el2{position:absolute;z-index:2;top:176px;right:295px;width:158px;height:auto}@media(max-width:768px){.kbj-payment-mobilebanking .banner .bg .el2{right:191px;top:auto;bottom:20px}}.kbj-payment-mobilebanking .banner .bg .el3{position:absolute;z-index:2;top:63px;right:52px;width:93.5px;height:auto}@media(max-width:768px){.kbj-payment-mobilebanking .banner .bg .el3{top:auto;right:14px;bottom:142px}}.kbj-payment-mobilebanking .banner .bg .el4{position:absolute;z-index:2;top:87px;right:354px;width:38px;rotate:-150deg}@media(max-width:768px){.kbj-payment-mobilebanking .banner .bg .el4{left:44px;right:auto;bottom:123px;top:auto}}.kbj-payment-mobilebanking .banner .bg .el5{position:absolute;z-index:2;top:180px;right:93px;rotate:155deg}@media(max-width:768px){.kbj-payment-mobilebanking .banner .bg .el5{right:20px;bottom:96px;top:auto;left:auto}}.kbj-payment-mobilebanking .banner .bg .el6{position:absolute;width:602px;height:371px;right:-70px;bottom:-254px;background:var(--tertiary-400);transform:rotate(-11.85deg);border-radius:50%;z-index:0}@media(max-width:768px){.kbj-payment-mobilebanking .banner .bg .el6{right:-100px}}.kbj-payment-mobilebanking:not(.active) .banner .bg .el1{translate:0 5%;rotate:11.63deg;scale:.8}.kbj-payment-mobilebanking:not(.active) .banner .bg .el2{scale:.35}.kbj-payment-mobilebanking:not(.active) .banner .bg .el3{scale:.41}.kbj-payment-mobilebanking:not(.active) .banner .bg .el4{scale:.28;rotate:-175deg}.kbj-payment-mobilebanking:not(.active) .banner .bg .el5{scale:.44;rotate:138deg}.kbj-payment-merchant .headline .title{text-align:left;font-size:var(--text-2xl);font-weight:700;color:var(--gray-100)}.kbj-payment-merchant .merchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media(max-width:1024px){.kbj-payment-merchant .merchant-grid{grid-template-columns:repeat(1,minmax(0,1fr));max-width:360px;margin:auto}}.kbj-payment-merchant .merchant-grid .merchant-item{background:var(--tertiary-200);border-radius:48px;padding:32px 32px 40px;display:flex;flex-direction:column;align-items:center;gap:4px}.kbj-payment-merchant .merchant-grid .merchant-item .icon{margin-bottom:8px}.kbj-payment-merchant .merchant-grid .merchant-item .icon img{width:48px;height:48px;object-fit:contain}.kbj-payment-merchant .merchant-grid .merchant-item .title{font-size:var(--text-lg);font-weight:700;color:var(--gray-100)}.kbj-payment-merchant .merchant-grid .merchant-item .desc{font-size:var(--text-sm);color:var(--gray-300);font-weight:500}.kbj-payment-kashjoyeasy{padding:80px 0}.kbj-payment-kashjoyeasy .headline{text-align:center;margin-bottom:40px}.kbj-payment-kashjoyeasy .headline .title{font-size:var(--text-4xl);color:var(--gray-100)}.kbj-payment-kashjoyeasy .headline .desc{margin-top:4px;font-size:var(--text-lg);color:var(--gray-300)}.kbj-payment-kashjoyeasy .method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:846px;margin:auto auto 40px;min-height:524px}@media(max-width:640px){.kbj-payment-kashjoyeasy .method-grid{grid-template-columns:repeat(1,minmax(0,1fr));min-height:auto}}.kbj-payment-kashjoyeasy .method-grid .method-item{position:relative;background:var(--tertiary-200);border-radius:48px;padding:32px 32px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;overflow:hidden;transition:.35s ease-out;cursor:pointer;min-height:520px}.kbj-payment-kashjoyeasy .method-grid .method-item .icon{background:var(--base-white);border-radius:99px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.kbj-payment-kashjoyeasy .method-grid .method-item .title{font-size:var(--text-lg);font-weight:700;color:var(--gray-100)}.kbj-payment-kashjoyeasy .method-grid .method-item .desc{font-size:var(--text-sm);color:var(--gray-300);font-weight:500}.kbj-payment-kashjoyeasy .method-grid .method-item .cta{margin-top:auto;margin-left:auto;margin-right:auto;flex:0 0 auto;width:100%;max-width:300px}.kbj-payment-kashjoyeasy .method-grid .method-item>*{position:relative;z-index:1}.kbj-payment-kashjoyeasy .method-grid .method-item .bg{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important}.kbj-payment-kashjoyeasy .method-grid .method-item .bg .el1{position:absolute;width:auto;height:400px;inset:auto 0 -68px;margin-left:auto;margin-right:auto;z-index:1;transition:.35s ease-out}.kbj-payment-kashjoyeasy .method-grid .method-item .bg .el2{position:absolute;inset:auto 0;margin-left:auto;margin-right:auto;z-index:0;transition:.35s ease-out}.kbj-payment-kashjoyeasy .method-grid .method-item.method-barcode{background:var(--gray-500)}.kbj-payment-kashjoyeasy .method-grid .method-item:hover{background:var(--tertiary-300)}.kbj-payment-kashjoyeasy .method-grid .method-item:hover .bg .el1{rotate:6deg}.kbj-payment-kashjoyeasy .method-grid .method-item:hover .bg .el2{rotate:-6deg}.kbj-payment-kashjoyeasy .method-grid .method-item:hover.method-barcode{background:#dfdfdf}.kbj-payment-kashjoyeasy .remark{text-align:center;font-weight:500;font-size:var(--text-sm);color:var(--base-black)}@media(max-width:768px){.kbj-payment-popup{padding:20px 12px}}.kbj-payment-popup .headline{text-align:center;margin-bottom:50px}@media(max-width:768px){.kbj-payment-popup .headline{margin-bottom:16px}}.kbj-payment-popup .headline .title{font-size:var(--text-2xl);color:var(--gray-100);font-weight:700}.kbj-payment-popup .popup-body{background:var(--base-white);border-radius:32px;max-width:845px;margin:auto;overflow:hidden;display:flex;gap:0}@media(max-width:768px){.kbj-payment-popup .popup-body{background:none;border-radius:0;flex-direction:column;overflow:initial}}.kbj-payment-popup .popup-body .popup-body-swiper{border-radius:32px;overflow:hidden;max-width:305px}@media(max-width:768px){.kbj-payment-popup .popup-body .popup-body-swiper{max-width:319px}.kbj-payment-popup .popup-body .popup-body-swiper img{width:100%;max-height:300px;object-fit:cover;object-position:top center;border-radius:32px}}.kbj-payment-popup .popup-body .popup-body-swiper .swiper-pagination{bottom:16px!important}@media(max-width:768px){.kbj-payment-popup .popup-body .popup-body-swiper .swiper-pagination{bottom:0!important}}.kbj-payment-popup .popup-body .popup-body-inner{flex:1 0 auto;padding:32px 24px 32px 60px}@media(max-width:768px){.kbj-payment-popup .popup-body .popup-body-inner{padding:0}}.kbj-payment-popup .tabs{display:flex;gap:8px;align-items:stretch;margin-bottom:24px}@media(max-width:768px){.kbj-payment-popup .tabs{margin-bottom:16px}}.kbj-payment-popup .tabs .tab,.kbj-payment-popup .tabs .tab.ant-btn{flex:1 1 0;padding:8px 12px;border-radius:12px;height:auto;color:var(--gray-200);font-weight:500;font-size:var(--text-2xs);display:flex;gap:12px;align-items:center;justify-content:flex-start;text-align:left;box-shadow:0 0 0 1px var(--grayalpha-100);transition:.35s cubic-bezier(0,0,0,1)}.kbj-payment-popup .tabs .tab .icon,.kbj-payment-popup .tabs .tab.ant-btn .icon{background:var(--grayalpha-100);border-radius:8px;color:var(--quaternary-600);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:.35s cubic-bezier(0,0,0,1)}.kbj-payment-popup .tabs .tab.active,.kbj-payment-popup .tabs .tab.ant-btn.active{box-shadow:0 0 0 1px var(--primary-500)}.kbj-payment-popup .tabs .tab.active .icon,.kbj-payment-popup .tabs .tab.ant-btn.active .icon{color:var(--base-white);background:var(--primary-500)}