@import'https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap';@import'https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap';html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:"Pretendard",sans-serif;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:keep-all}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:block}a{text-decoration:none;color:inherit}picture{display:block}body{color:#333;font-family:"Outfit","Pretendard",sans-serif}body h1{font-size:72px}body h2{font-size:64px}body h3{font-size:36px}body h4{font-size:32px}body h5{font-size:24px}body h6{font-size:20px}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:700}.container-lg{max-width:1200px;margin:0 auto;padding-inline:28px;width:100%}.container-base{max-width:1000px;padding-inline:28px;margin:0 auto;width:100%}.hero-section{margin-top:74px}.batch-pay,.batch-scale{opacity:0}#page-preloader{position:fixed;inset:0;background-color:#fff;z-index:10000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .5s ease,visibility .5s ease;transition:opacity .5s ease,visibility .5s ease}#page-preloader.loaded{opacity:0;visibility:hidden}@media(max-width: 1024px){body h1{font-size:57.6px}body h2{font-size:51.2px}body h3{font-size:28.8px}body h4{font-size:25.6px}body h5{font-size:22px}body h6{font-size:20px}}@media(max-width: 640px){body h1{font-size:41.6px}body h2{font-size:41.6px}body h3{font-size:24px}body h4{font-size:22px}body h5{font-size:20px}body h6{font-size:18px}}.history-item .year,.history-item li{-webkit-transition:all .5s ease;transition:all .5s ease}.history-item .bullet{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease;transition:all .5s ease}.history-item .dot{position:absolute;width:20px;height:20px;background-color:#fff;border:2px solid rgba(51,51,51,.2);border-radius:50%;-webkit-transition:all .5s ease;transition:all .5s ease}.history-item .year,.history-item .number{font-family:"Outfit",sans-serif;font-weight:800}.history-item.active .year{color:#333 !important;opacity:1 !important}.history-item.active .dot{width:20px;height:20px;background-color:#fff;border:7px solid #ff7023;-webkit-box-shadow:0 4px 12px rgba(255,112,35,.3);box-shadow:0 4px 12px rgba(255,112,35,.3);outline:8px solid rgba(255,112,35,.1)}.history-item.active li{color:#333 !important}.accordion-content-wrapper{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows .4s cubic-bezier(0.4, 0, 0.2, 1);transition:grid-template-rows .4s cubic-bezier(0.4, 0, 0.2, 1);transition:grid-template-rows .4s cubic-bezier(0.4, 0, 0.2, 1), -ms-grid-rows .4s cubic-bezier(0.4, 0, 0.2, 1)}.accordion-item.active .accordion-content-wrapper{grid-template-rows:1fr}.accordion-item.active .arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion-content{overflow:hidden}@-webkit-keyframes nfcCard{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}37%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes nfcCard{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}37%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate-nfc-card{-webkit-animation:nfcCard 2.5s ease-in-out infinite;animation:nfcCard 2.5s ease-in-out infinite}@-webkit-keyframes insertCard{0%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}70%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes insertCard{0%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}70%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.animate-insert-card{-webkit-animation:insertCard 2s ease-in-out infinite;animation:insertCard 2s ease-in-out infinite}@-webkit-keyframes urlStep1{0%{opacity:0}5%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@keyframes urlStep1{0%{opacity:0}5%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@-webkit-keyframes urlStep2{0%{opacity:0}15%{opacity:0}20%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@keyframes urlStep2{0%{opacity:0}15%{opacity:0}20%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@-webkit-keyframes urlStep3{0%{opacity:0}30%{opacity:0}35%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@keyframes urlStep3{0%{opacity:0}30%{opacity:0}35%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@-webkit-keyframes urlStep4{0%{opacity:0}45%{opacity:0}50%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}@keyframes urlStep4{0%{opacity:0}45%{opacity:0}50%{opacity:1}85%{opacity:1}95%{opacity:0}100%{opacity:0}}.animate-url-sequence img.absolute{opacity:0}.animate-url-sequence img.absolute:nth-child(2){-webkit-animation:urlStep1 4s linear infinite;animation:urlStep1 4s linear infinite}.animate-url-sequence img.absolute:nth-child(3){-webkit-animation:urlStep2 4s linear infinite;animation:urlStep2 4s linear infinite}.animate-url-sequence img.absolute:nth-child(4){-webkit-animation:urlStep3 4s linear infinite;animation:urlStep3 4s linear infinite}.animate-url-sequence img.absolute:nth-child(5){-webkit-animation:urlStep4 4s linear infinite;animation:urlStep4 4s linear infinite}@-webkit-keyframes qrCycle{0%{opacity:0;-webkit-transform:translate(-50%, 5px);transform:translate(-50%, 5px)}5%{opacity:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}20%{opacity:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}25%{opacity:0;-webkit-transform:translate(-50%, -5px);transform:translate(-50%, -5px)}100%{opacity:0}}@keyframes qrCycle{0%{opacity:0;-webkit-transform:translate(-50%, 5px);transform:translate(-50%, 5px)}5%{opacity:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}20%{opacity:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}25%{opacity:0;-webkit-transform:translate(-50%, -5px);transform:translate(-50%, -5px)}100%{opacity:0}}.animate-qr-cycle img.absolute{opacity:0;-webkit-animation:qrCycle 6s linear infinite;animation:qrCycle 6s linear infinite}.animate-qr-cycle img.absolute:nth-of-type(2){-webkit-animation-delay:0s;animation-delay:0s}.animate-qr-cycle img.absolute:nth-of-type(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}.animate-qr-cycle img.absolute:nth-of-type(4){-webkit-animation-delay:3s;animation-delay:3s}.animate-qr-cycle img.absolute:nth-of-type(5){-webkit-animation-delay:4.5s;animation-delay:4.5s}@-webkit-keyframes signalTravel{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}@keyframes signalTravel{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}@-webkit-keyframes certActive{0%,15%,85%,100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-filter:brightness(1.2) drop-shadow(0 0 15px rgba(0, 80, 200, 0.3));filter:brightness(1.2) drop-shadow(0 0 15px rgba(0, 80, 200, 0.3))}}@keyframes certActive{0%,15%,85%,100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-filter:brightness(1.2) drop-shadow(0 0 15px rgba(0, 80, 200, 0.3));filter:brightness(1.2) drop-shadow(0 0 15px rgba(0, 80, 200, 0.3))}}.animate-line-flow{position:relative;overflow:hidden;border-radius:4px}.animate-line-flow::after{content:"";position:absolute;top:5%;left:-100%;width:100%;height:90%;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 80, 200, 0.1)), to(transparent));background:linear-gradient(90deg, transparent, rgba(0, 80, 200, 0.1), transparent);-webkit-animation:signalTravel 2s infinite linear;animation:signalTravel 2s infinite linear}.animate-line-flow:nth-of-type(2)::after{-webkit-animation-delay:.5s;animation-delay:.5s}.animate-line-flow:nth-of-type(4)::after{-webkit-animation-delay:1.5s;animation-delay:1.5s}.animate-cert-item{-webkit-transition:all .3s ease;transition:all .3s ease}.animate-cert-item:nth-of-type(1){-webkit-animation:certActive 4s infinite 0s;animation:certActive 4s infinite 0s}.animate-cert-item:nth-of-type(3){-webkit-animation:certActive 4s infinite 1s;animation:certActive 4s infinite 1s}.animate-cert-item:nth-of-type(5){-webkit-animation:certActive 4s infinite 2s;animation:certActive 4s infinite 2s}.cert-scan-wrapper{position:relative}.cert-scan-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(0,80,200,.3);z-index:10;-webkit-animation:scanMove 3s infinite linear;animation:scanMove 3s infinite linear;display:none}@-webkit-keyframes scanMove{0%{top:0;opacity:0}50%{opacity:1}100%{top:100%;opacity:0}}@keyframes scanMove{0%{top:0;opacity:0}50%{opacity:1}100%{top:100%;opacity:0}}.usage-card{position:relative;overflow:visible;border-radius:28px;background:#fff;padding:64px 24px 110px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08);text-align:center}.usage-card--avatar-left{padding-left:24px;padding-right:24px}.usage-card--avatar-right{padding-left:24px;padding-right:24px}.usage-card__content{position:relative;z-index:1}.usage-card__badge{position:absolute;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:56px;height:56px;border-radius:999px}.usage-card__badge--left-top{top:0;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%, -33%);transform:translate(-50%, -33%)}.usage-card__badge--right-top{top:0;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%, -33%);transform:translate(-50%, -33%)}.usage-card__badge--right-bottom{top:0;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%, -33%);transform:translate(-50%, -33%)}.usage-card__avatar{position:absolute;z-index:2;bottom:16px;width:84px;pointer-events:none}.usage-card__avatar--left{left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.usage-card__avatar--right{left:50%;right:auto;-webkit-transform:translate(-50%);transform:translate(-50%)}@media(min-width: 640px){.usage-card{padding:80px 36px 120px}.usage-card--avatar-left{padding-left:36px;padding-right:36px}.usage-card--avatar-right{padding-left:36px;padding-right:36px}.usage-card__badge{width:64px;height:64px}.usage-card__badge--left-top{top:0;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%, -33%);transform:translate(-50%, -33%)}.usage-card__badge--right-top{top:0;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%, -33%);transform:translate(-50%, -33%)}.usage-card__badge--right-bottom{top:0;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%, -33%);transform:translate(-50%, -33%)}.usage-card__avatar{bottom:20px;width:96px}.usage-card__avatar--left{left:50%;right:auto;-webkit-transform:translate(-50%, 30%);transform:translate(-50%, 30%)}.usage-card__avatar--right{left:50%;right:auto;-webkit-transform:translate(-50%, 30%);transform:translate(-50%, 30%)}}@media(min-width: 1024px){.usage-card{border-radius:32px;padding:40px 80px}.usage-card--avatar-left{padding-left:96px}.usage-card--avatar-right{padding-right:96px}.usage-card__badge{width:72px;height:72px}.usage-card__badge--left-top{top:-24px;left:-24px;right:auto;bottom:auto;-webkit-transform:none;transform:none}.usage-card__badge--right-top{top:-24px;left:auto;right:-24px;bottom:auto;-webkit-transform:none;transform:none}.usage-card__badge--right-bottom{top:auto;left:auto;right:-28px;bottom:-16px;-webkit-transform:none;transform:none}.usage-card__avatar{top:50%;bottom:auto;width:114px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.usage-card__avatar--left{left:0;right:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.usage-card__avatar--right{left:auto;right:0;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}}