.kbj-about-app{position:relative;height:732px;background:#fff;z-index:2;height:200vh}.kbj-about-app .app-container{width:1280px;margin:auto;max-width:100%;height:100vh;opacity:.1;transition:all .4s ease-in-out;display:flex;position:sticky;top:-70px}.kbj-about-app .about-app-flex{display:flex;align-items:center;justify-content:space-between;height:100%;z-index:1;position:relative;padding:0 40px 0 108px}.kbj-about-app .about-app-img{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:65px;height:100%;transform:translateX(-7px);margin:auto;background:url(/images/pages/easy-application/phone-shadow.png) #fff no-repeat left 60% center/auto 700px}.kbj-about-app .about-app-img img{height:600px;width:auto}.kbj-about-app .about-app-content .about-app-title{font-size:var(--text-4xl);font-weight:var(--font-bold)}.kbj-about-app .about-app-content .about-app-desc{font-size:var(--text-lg);font-weight:var(--font-medium);margin:4px 0 0}.kbj-about-app .about-app-list ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.kbj-about-app .about-app-list .about-app-list-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;gap:4px;width:305px;height:92px;background:hsla(0,0%,100%,.76);border:2px solid #feecc7;border-radius:32px 32px 32px 0;font-size:var(--text-sm)}.kbj-about-app .about-app-list .about-app-list-item .head{display:flex;align-items:center;gap:4px}.kbj-about-app .about-app-list .about-app-list-item .head svg{width:24px;height:24px}.kbj-about-app .about-app-list .about-app-list-item h4{font-weight:var(--font-bold)}.kbj-about-app .about-app-list .about-app-list-item p{letter-spacing:-.1px}.kbj-about-app.active .app-container{opacity:1}.kbj-about-app .swiper{width:100%}.kbj-about-app .swiper-pagination{position:absolute;right:0;width:20px;left:auto;flex-direction:column;height:fit-content;top:0;bottom:0;margin:auto}.kbj-about-app .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;transition:all .3s ease-in-out;opacity:1}.kbj-about-app .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:20px}@media(max-width:1280px){.kbj-about-app .about-app-flex{padding:0 2vw 0 6vw}}@media(max-width:1024px){.kbj-about-app{height:auto}.kbj-about-app .app-container{display:block;padding:80px 0 0}.kbj-about-app .about-app-flex{flex-direction:column;padding:40px 0 0;gap:28px}.kbj-about-app .about-app-img{position:static;transform:translateX(0);background-position:top;background-size:cover;width:100%;padding:48px 0 0}.kbj-about-app .about-app-img img{height:514px;transform:translateX(-7px)}.kbj-about-app .about-app-content{text-align:center}.kbj-about-app .about-app-content .about-app-title{font-size:var(--text-2xl)}.kbj-about-app .about-app-content .about-app-title br{display:none}.kbj-about-app .about-app-content .about-app-desc{font-size:var(--text-lg)}.kbj-about-app .swiper-pagination{right:0;left:0;bottom:0;top:auto;width:100%;flex-direction:row}.kbj-about-app .swiper-pagination .swiper-pagination-bullet{margin:0}.kbj-about-app .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;height:8px}}@media(max-width:768px){.kbj-about-app .app-container{height:fit-content}}: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)}@keyframes easySlideDown{0%{transform:translateY(0);opacity:1}90%{transform:translateY(30px);opacity:0;z-index:3}to{z-index:1;opacity:0}}@keyframes easySlideUp{0%{transform:translateY(30px);opacity:0}90%{transform:translateY(0);opacity:1;z-index:0}to{z-index:3;opacity:1}}.easy-application-scroll-box{padding:0}.easy-application-scroll-box:after{content:"";height:100vh;position:absolute;top:0;left:0;width:100%;background:url(/images/pages/easy-application/bg-hero.png) no-repeat top/cover}.easy-application-scroll-box .text-banner{margin:auto;width:fit-content;text-align:center;padding:100px 0 0;position:relative;z-index:1;mix-blend-mode:multiply}.easy-application-scroll-box .text-banner .title{margin:12px 0 24px;font-size:var(--text-4xl);font-weight:var(--font-bold)}.easy-application-scroll-box .text-banner .kbj-badge{margin:auto}.easy-application-scroll-box .btn-banner{display:flex;gap:8px;justify-content:center;z-index:1;position:relative;margin-bottom:50px}.easy-application-scroll-box .btn-banner a{box-shadow:0 2px 12px 2px rgba(34,34,41,.08);border-radius:78px;mix-blend-mode:normal;background:#fff}.easy-application-scroll-box .image-banner{position:sticky;top:100px;z-index:3;margin:auto;width:fit-content;height:300px;transition:opacity .2s ease-in-out,transform .3s ease-in-out}.easy-application-scroll-box .image-banner img{height:600px;width:auto}.easy-application-scroll-box .image-banner._hidden{opacity:0;transform:translateY(30px);pointer-events:none}.easy-application-scroll-box .text-container{margin:auto;width:fit-content;text-align:center;padding:100px 0 50px}.easy-application-scroll-box .text-container .title{margin:12px 0 24px;font-size:var(--text-4xl);font-weight:var(--font-bold)}.easy-application-scroll-box .text-container .kbj-badge{margin:auto}.easy-application-scroll-box .text-container .btn-container{display:flex;gap:8px;justify-content:center}.easy-application-scroll-box .text-container .btn-container a{box-shadow:0 2px 12px 2px rgba(34,34,41,.08);border-radius:78px}@media(min-width:1991px){.easy-application-scroll-box:after{height:800px}}@media(max-width:1024px){.easy-application-scroll-box{height:auto}.easy-application-scroll-box .image-banner img{height:514px}}@media(max-width:768px){.easy-application-scroll-box .btn-banner{flex-direction:column}.easy-application-scroll-box .btn-banner a{width:fit-content;margin:auto;width:212px;background:#fff;display:flex;justify-content:center}}@media(max-width:640px){.easy-application-scroll-box{background:url(/images/pages/easy-application/bg-hero-m.png) no-repeat center top -100px/100% auto}}