.kbj-banner-branch{background:url(/images/pages/branch/bg-banner.png) var(--primary-200) no-repeat center bottom/100% auto;height:440px;width:100%;position:relative}.kbj-banner-branch .banner-content{position:absolute;bottom:40px;left:0;right:0;margin:auto;width:fit-content;max-width:100%}.kbj-banner-branch .banner-content h1{font-size:var(--text-4xl);font-weight:var(--font-bold);text-align:center}.kbj-banner-branch .banner-content .banner-img{margin:9px 0;max-width:100%}.kbj-banner-branch .banner-content .banner-form{background:#fff;width:414px;height:52px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:8px 8px 8px 14px;max-width:calc(100% - 24px)}.kbj-banner-branch .banner-content .banner-form .icon{position:absolute}.kbj-banner-branch .banner-content .banner-form .search-input{width:calc(100% - 166px)}.kbj-banner-branch .banner-content .banner-form .search-input .clear-search{right:0}.kbj-banner-branch .banner-content .banner-form input{height:100%;outline:none;width:90%;padding-left:24px;font-size:var(--text-sm);color:var(--gray-400)}.kbj-banner-branch .banner-content .banner-form button.get-current-location{background:var(--gray-500);width:158px;height:100%;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-medium);gap:8px}.kbj-branch-list-section{padding:64px 0 0}.kbj-branch-list-section .list-head{display:flex;align-items:center;justify-content:space-between}.kbj-branch-list-section .list-head .text-title{font-size:var(--text-2xl);font-weight:var(--font-bold)}.kbj-branch-list-section .list-head .layout-options{display:flex;gap:4px;background:var(--grayalpha-100);border-radius:12px}.kbj-branch-list-section .list-head .layout-options button{padding:8px}.kbj-branch-list-section .list-head .layout-options button svg{height:20px;width:20px}.kbj-branch-list-section .list-head .layout-options button.active{border-radius:12px;background:var(--tertiary-500);box-shadow:0 2px 12px 2px var(--grayalpha-100);color:#fff}.kbj-branch-list-section .box-grid{display:flex;gap:12px;padding:20px 0 64px}.kbj-branch-list-section .box-grid .branch-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}.kbj-branch-list-section .box-grid .btn-branch-readmore{margin:64px auto 0;width:133px;height:48px;display:flex;font-size:var(--text-md)}.kbj-branch-list-section .box-grid.with-map .scroll-container{height:628px;width:606px;max-width:100%;overflow-y:auto;padding-right:12px;flex-shrink:0;scroll-margin-top:100px;scroll-snap-type:y mandatory}.kbj-branch-list-section .box-grid.with-map .scroll-container .kbj-card-branch{scroll-snap-align:start}.kbj-branch-list-section .box-grid.with-map .branch-list{grid-template-columns:repeat(1,1fr)}.kbj-branch-list-section .box-grid.with-map .highlight .kbj-card-branch{border-color:var(--primary-200);background:var(--primary-100)}.kbj-branch-list-section .box-grid.with-map .btn-branch-readmore{display:none}@media(max-width:1280px){.kbj-branch-list-section .box-grid.with-map .scroll-container{width:50%}}@media(max-width:1024px){.kbj-branch-list-section{padding:20px 0 0}.kbj-branch-list-section .list-head{padding:16px 0}.kbj-branch-list-section .box-grid{flex-direction:column-reverse;gap:40px}.kbj-branch-list-section .box-grid.with-map .scroll-container{width:100%;height:auto;overflow:hidden;padding-bottom:20px}}@media(max-width:768px){.kbj-branch-list-section .list-head{position:sticky;top:0;left:0;background:var(--whitealpha-300);backdrop-filter:blur(8px);z-index:1;width:100vw;margin-left:-12px;padding-left:12px;padding-right:12px;transition:all .3s ease}.kbj-branch-list-section .list-head.scroll-up{top:56px}.kbj-branch-list-section .box-grid{padding-bottom:80px}.kbj-branch-list-section .box-grid .branch-list{grid-template-columns:repeat(1,1fr)}.kbj-branch-list-section .box-grid .btn-branch-readmore{margin:20px auto 0;display:flex!important}}.kbj-card-branch{width:100%;border-radius:24px;border:2px solid var(--gray-500);background:#fff;padding:20px;transition:all .5s linear}.kbj-card-branch .top{display:flex;align-items:center;justify-content:space-between;position:relative;gap:16px}.kbj-card-branch .top:before{content:"";display:block;height:100%;width:4px;background:var(--primary-500);position:absolute;left:-22px;top:0;border-radius:4px}.kbj-card-branch .top .branch-name{font-size:var(--text-md);font-weight:var(--font-bold)}.kbj-card-branch .top .branch-info{font-size:var(--text-xs);margin:4px 0 0}.kbj-card-branch .mobile-bottom{display:none}.kbj-card-branch .btn-direction{width:112px;height:40px;font-size:var(--text-sm);font-weight:var(--font-medium)}.kbj-card-branch .distance{font-size:var(--text-xs);color:var(--gray-400);margin:14px 0 0;font-weight:var(--font-medium);text-align:center;opacity:0;position:relative;top:10px;transition:opacity .3s ease-in-out,top .3s ease}.kbj-card-branch .distance.show{opacity:1;top:0}.kbj-card-branch .info-list{padding:16px 0 0}.kbj-card-branch .info-list ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kbj-card-branch .info-list li{display:flex;align-items:center;gap:8px;font-size:var(--text-2xs);color:var(--black);font-weight:var(--font-medium)}.kbj-card-branch .info-list li .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-100);flex-shrink:0}.kbj-card-branch .info-list li .icon svg{width:24px;height:24px;color:var(--primary-500)}.kbj-card-branch .info-list li:last-child{grid-column:span 2}@media(max-width:1024px){.kbj-card-branch{max-width:100%}}@media(max-width:768px){.kbj-card-branch .top .right{display:none}.kbj-card-branch .info-list ul{grid-template-columns:repeat(1,1fr)}.kbj-card-branch .info-list li:last-child{grid-column:span 1}.kbj-card-branch .mobile-bottom{display:flex;gap:12px;align-items:center;padding:16px 0 0;justify-content:flex-end}.kbj-card-branch .mobile-bottom .distance{margin:0}}: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)}.branch-google-map{width:calc(100% - 606px);border-radius:36px;overflow:hidden}@media(max-width:1280px){.branch-google-map{width:50%}}@media(max-width:1024px){.branch-google-map{width:100%}}@media(max-width:640px){.branch-google-map{width:100vw;border-radius:0;margin-left:-12px}}