.pc-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.pc-only{display:none}.mobile-only{display:block}}picture{background-color:#fff}.ab-pt-prc{border:0;background-color:#fff!important}.wrapper.portfolio p{line-height:1.7;margin:0}.wrapper.portfolio{position:relative;max-width:100%;padding:0}.wrapper.portfolio.kv{min-height:calc(100vh - 80px)}.kvbg{position:absolute;z-index:1;top:0;left:0;width:100%;height:calc(100vh - 80px);background-repeat:no-repeat;background-position:center center;background-size:cover}.kvbg.mob{height:calc(100vh - 66px)}.kv-tit h2.sub-tit{font-size:28px;line-height:40px}.kv-tit h1.tit{font-size:80px;line-height:116px;word-spacing:-2px}.wrapper.portfolio .fn-grp{position:absolute;z-index:1;right:40px;bottom:112px;display:flex}.fn-grp .share{width:50px;height:50px;border-radius:50%;background:#333}.fn-grp .share.navy{background:#002a72}.fn-grp .share+.share{margin-left:14px}.fn-grp .share img{width:24px;height:24px;margin:auto}.wrapper.portfolio.web-desc{padding-bottom:150px}.wrapper.portfolio.web-desc.btn-visible{padding-bottom:0}.wrapper.portfolio.web-desc .pic{width:100%;margin-top:40px}.wrapper.portfolio.web-desc .pic img{display:block}.wrapper.portfolio .inner{position:relative;z-index:2;max-width:1600px;margin:auto;padding:150px 20px}.wrapper.portfolio.kv .inner{padding-top:200px}.wrapper.portfolio.info .inner{padding-top:40px}.wrapper.portfolio.tech .inner,.wrapper.portfolio.svc .inner,.ab-pt-prc .inner{padding-top:0!important}.wrapper.portfolio.list .inner{padding-top:60px}.wrapper.portfolio.web-desc .inner:first-child{padding-bottom:0}.wrapper.portfolio.web-desc .inner:last-child{padding-top:40px}.profile{font-size:22px;line-height:32px;display:flex;color:#000}.profile .pro-item+.pro-item{margin-left:120px}.profile+.sm-section{margin-top:100px}.srch{display:none;width:100%}.srch .ipt{position:relative;box-sizing:border-box;width:400x;max-width:400px;height:60px;border:1px solid #000}.srch .ipt:before{position:absolute;top:50%;right:16px;width:32px;height:32px;content:"";transform:translateY(-50%);background-image:url(../img/search.png);background-repeat:no-repeat;background-position:center;background-size:100%}.srch .ipt input{font-size:18px;width:100%;height:100%;margin:0;padding:16px 48px 17px 20px;letter-spacing:-.45px;border:none;outline:none}.srch .ipt input::placeholder{font-size:18px;letter-spacing:-.45px;color:#999}.pf-grp{display:flex;max-width:100%;flex-wrap:wrap;justify-content:flex-start}.pf-grp .pf-item{display:none;position:relative;width:25%;min-width:25%;margin-bottom:80px;opacity:0;top:40px}.pf-grp .pf-item.active{display:block;transition:all ease 1.5s;opacity:1;top:0}.pf-grp .pf-item .pf-img{position:relative;width:100%;text-align:center;background:#d1f5ff;overflow:hidden}.pf-grp .pf-item .pf-img img{display:block;width:100%;transform:scale(1);transition:all ease .6s}.pf-grp .pf-item .pf-img:hover img{transform:scale(1.08);transition:all ease .6s}.pf-grp .pf-item p.pf-company{font-size:24px;line-height:31px;margin-top:20px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-grp .pf-item p.pf-industry{font-size:15px;line-height:22px;margin-top:10px;word-break:break-all;color:#999}.pf-grp .pf-item p.pf-industry+a.btnx{display:inline-block;margin-top:30px;padding:9px 20px;border-radius:4px;position:relative;z-index:0;opacity:1}.pf-grp .pf-item p.pf-industry+a.btnx:before{position:absolute;top:0;left:0;width:0;height:100%;content:"";background:#000;z-index:-1}.pf-grp .pf-item p.pf-industry+a.btnx:hover{transition:all ease .3s;transition-delay:.1s;color:#fff}.pf-grp .pf-item p.pf-industry+a.btnx:hover:before{transition:all ease .3s;transition-delay:.1s;color:#fff;width:100%}.bottom_fn{width:100%;padding-top:40px;text-align:center}.sm-section+.sm-section{margin-top:150px}.sm-sec-tit{font-size:22px;color:#777}.sm-section .sm-sec-body{width:100%;margin-top:40px;color:#000}.sm-section.techstack .sm-sec-body,.wrapper.portfolio.list .sm-section .sm-sec-body{display:block}.sm-section.services .sm-sec-body{max-width:100%}.sm-section.credits .sm-sec-body{margin-top:100px}.sm-section.feedback .sm-sec-body{margin-top:60px}.wrapper.portfolio .sm-section.process .sm-sec-body p{margin:0;line-height:1.7;font-size:15px;color:#000}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section{width:100%;display:flex;flex-wrap:wrap;margin-top:20px}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.basic{flex-direction:column}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.basic .prc-grp+.prc-grp{margin-top:80px}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.half .prc-grp{width:calc(50% - 35px)}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.half .prc-grp+.prc-grp{margin-left:70px}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.tri .prc-grp{width:calc(33.3333% - 27px)}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.tri .prc-grp+.prc-grp{margin-left:40px}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section .prc-grp{width:100%}.wrapper.portfolio .sm-section.services .sm-sec-body .grp-section .svc-grp p.svc-tit,.wrapper.portfolio .sm-section.process .sm-sec-body p.prc-tit{font-size:18px;line-height:1.4;color:#000;text-transform:capitalize}.wrapper.portfolio .sm-section.services .sm-sec-body .grp-section .svc-grp .svc-cont,.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section .prc-grp p.prc-cont{margin-top:20px}.one-feedback .score{display:flex}.one-feedback .score .sc-one{width:23px;height:23px;margin-right:7.5px;background-repeat:no-repeat;background-position:center;background-size:100%}.one-feedback .review{max-width:700px;margin-top:30px}.one-feedback .review p.txt-revw{width:100%}.one-feedback .reviewer{margin-top:40px}.one-feedback .reviewer-name{font-size:28px;line-height:40px}.one-feedback .reviewer-position{font-size:16px;line-height:24px;margin-top:10px}.sm-section .sm-sec-body .c-grp{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:20px}.sm-section .sm-sec-body .c-grp .card{position:relative;width:80px;min-width:80px;margin:0 0 25px}.sm-section .sm-sec-body .c-grp.spec .card,.sm-section.techstack .sm-sec-body .c-grp.spec .card{margin-bottom:0}.sm-section .sm-sec-body .grp-section{display:table;width:100%}.sm-section.techstack .sm-sec-body .grp-section{display:block;width:100%}.sm-section .sm-sec-body .grp-section+.grp-section{margin-top:40px}.sm-section .sm-sec-body .grp-section p.grp-tit{font-size:15px;color:#000}.sm-section .sm-sec-body .grp-section p.grp-tit+.c-grp{margin-top:30px}.sm-section .sm-sec-body .grp-section .c-grp .card .card-img{position:relative;overflow:hidden;width:100%;height:80px;text-align:center}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img{width:80px;height:80px;background-position:center;background-repeat:no-repeat;background-size:100%;margin:auto}.ns400{font-weight:400}.ns500{font-weight:500}.ns700{font-weight:700}.c-grp.spec .slick-slide{margin:0 15px}.c-grp.spec .slick-list{margin:0 -15px}.c-grp.spec .slick-prev{top:50%;left:-50px;margin-top:0}.c-grp.spec .slick-next{top:50%;right:-50px;margin-top:0}.c-grp.spec .slick-prev:before,.c-grp.spec .slick-next:before{color:#000}@media (max-width: 1024px){.sm-section .sm-sec-body .c-grp.spec .card{width:100%}.sm-section .sm-sec-body .grp-section .c-grp.spec{grid-template-columns:repeat(5,minmax(0,1fr))}}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.base{background:#999}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.bootsnap{background-image:url(bootsnap.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.css{background-image:url(css.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.elasticsearch{background-image:url(elasticsearch.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.graphQl{background-image:url(graphQl.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.html{background-image:url(html.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.javascript{background-image:url(javascript.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.json-ld{background-image:url(json-ld.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.jquery{background-image:url(jquery3.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.liquid{background-image:url(liquid.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.nginx{background-image:url(nginx4.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.rails{background-image:url(rails.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.react{background-image:url(react.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.ruby{background-image:url(ruby.png)}.sm-section .sm-sec-body .grp-section .c-grp.spec .card .card-img.gsap{background-image:url(gsap.png)}.sm-section .sm-sec-body .grp-section .c-grp .card .card-img img{display:block;width:100%}.sm-section.credits .sm-sec-body .grp-section .c-grp .card .card-img{background:transparent}.sm-section .sm-sec-body .grp-section .c-grp .card .card-name{font-size:14px;line-height:20px;margin-top:20px;margin-bottom:0;text-align:center;word-break:break-all;color:#000}.sm-section.credits .sm-sec-body .grp-section .c-grp .card .card-name{margin-top:10px}.sm-section.services .sm-sec-body .grp-section{margin-top:20px}.sm-section.services .sm-sec-body .grp-section .svc-grp{width:100%;display:table}.sm-section.services .sm-sec-body .grp-section .svc-grp+.svc-grp{margin-top:50px}.sm-section.services .sm-sec-body .grp-section .svc-grp .svc-cont{width:100%;display:table}.sm-section .sm-sec-body .grp-section .tag{font-size:14px;line-height:20px;text-transform:capitalize;float:left;box-sizing:border-box;margin-right:10px;margin-bottom:10px;padding:9px 20px;color:#000;border:.5px solid #777;border-radius:4px}.sm-section .procbx-wrap{width:100%;margin-top:80px}.sm-section .proc-bx{position:relative;display:flex;box-sizing:border-box;width:100%;height:300px;margin-top:20px;border:.5px solid #777;border-radius:27px;background:#f8f8f8}ul.linear{display:flex;margin:auto;padding:0 22px;justify-content:center}ul.linear li.step{position:relative;display:flex;flex-direction:column;width:124px;min-width:45px;height:150px;list-style:none}ul.linear li.step .circle:before{position:absolute;top:18px;left:-42px;width:42px;height:4px;content:"";background:#002a72}ul.linear li.step .circle:after{position:absolute;top:18px;right:-42px;width:42px;height:4px;content:"";background:#002a72}ul.linear li.step:first-child .circle:before{left:-64px;width:64px}ul.linear li.step:last-child .circle:after{right:-64px;width:64px}ul.linear li.step .circle{position:relative;top:50%;width:40px;height:40px;margin:-20px auto auto}ul.linear li.step .circle .ring{position:relative;width:100%;height:100%;box-shadow:none}ul.linear li.step .circle .ring:before{position:absolute;z-index:1;top:50%;left:50%;display:block;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;content:"";border:1px solid #0275f5;border-radius:50%;background:#fff}ul.linear li.step .circle .ring:after{position:absolute;z-index:2;top:50%;left:50%;box-sizing:border-box;width:30px;height:30px;margin-top:-15px;margin-left:-15px;content:"";border-radius:50%;background:#0275f5}.wrapper.portfolio .sm-section.process .sm-sec-body ul.linear li.step p{position:absolute;width:100%;margin:0;padding:0;text-align:center;font-size:15px;line-height:20px}ul.linear li.step:nth-child(odd) p{top:0}ul.linear li.step:nth-child(2n) p{bottom:0}.proc-bx .linear-bx{position:relative;top:50%;width:calc(100% - 60px);margin:auto;transform:translateY(-50%)}.proc-bx .linear-bx:before{position:absolute;top:50%;left:50%;width:100%;height:4px;content:"";transform:translate(-50%,-50%);background:#002a72}.linear-bx ul.linear1{position:relative;display:flex;width:100%;margin:auto;padding:0;justify-content:space-around}.linear-bx ul.linear1 li.step{position:relative;list-style:none}.linear-bx ul.linear1 li.step .circle{box-sizing:border-box;width:40px;height:40px;border:1px solid #0275f5;border-radius:50%;background:#fff}.linear-bx ul.linear1 li.step .circle:after{position:absolute;top:50%;left:50%;box-sizing:border-box;width:30px;height:30px;content:"";transform:translate(-50%,-50%);border-radius:50%;background:#0275f5}.btnx{font-size:14px;line-height:20px;position:relative;overflow:hidden;box-sizing:border-box;padding:10px 16px;white-space:nowrap;text-overflow:ellipsis;color:#fff;border:none;border-radius:8px;background:#333}.btnx.more{display:none;font-size:15px;padding:14px 59px;color:#333;border:1px solid #333;border-radius:5px;background:transparent}.btnx.more.active{display:inline-block}a.btnx.back-ico{padding-right:40px}a.btnx.back-ico .goto_s{position:absolute;top:10px;right:16px;display:block;width:20px;height:20px}.ab-main-top{height:880px;background-repeat:no-repeat!important;background-position:center!important;background-color:#fff!important;background-size:cover!important}.ab-main-top .pc-frame{width:800px;height:645px;margin:auto;position:relative;bottom:-300px;background-repeat:no-repeat;background-size:cover;transform:translate(-45px);z-index:1}.ab-main-top .mo-frame{width:260px;height:365px;margin:0 auto;position:relative;right:-380px;bottom:65px;background-repeat:no-repeat;background-size:cover;z-index:1}.ab-main-top .pc-frame .pc-frame-inner{content:"";display:block;width:750px;height:470px;border-radius:10px;position:relative;top:27px;left:27px;overflow-x:hidden;overflow-y:visible}.ab-main-top .mo-frame .mo-frame-inner{content:"";display:block;width:172px;height:348px;position:relative;top:7px;left:16px;border-radius:18px;overflow-x:hidden;overflow-y:visible}.ab-main-top .pc-frame .pc-frame-inner .ab-main-page{width:750px}.ab-main-top .mo-frame .mo-frame-inner .ab-main-page{display:block!important}.ab-main-top .pc-frame-inner::-webkit-scrollbar,.ab-main-top .mo-frame-inner::-webkit-scrollbar{width:3px}.ab-main-top .pc-frame-inner::-webkit-scrollbar-track,.ab-main-top .mo-frame-inner::-webkit-scrollbar-track{background:transparent}.ab-main-top .pc-frame-inner::-webkit-scrollbar-thumb,.ab-main-top .mo-frame-inner::-webkit-scrollbar-thumb{background:gray;border-radius:10px}.ab-main-top .pc-frame-inner::-webkit-scrollbar-thumb:hover,.ab-main-top .mo-frame-inner::-webkit-scrollbar-thumb:hover{background:#00000059}.ab-main-full-wrap{background-color:#fff}.ab-main-full-tit{font-size:40px;font-weight:700;text-align:center;padding:200px 0 100px}.ab-main-full-page{height:2440px;background-position:center!important;background-repeat:no-repeat!important}.ab-main-full-page .ab-main-page{width:840px;height:auto;top:100px;left:50%;transform:translate(-50%);box-shadow:10px 10px 25px #0000002e}.ab-sub-full-wrap{background-color:#fff;padding-top:250px}.ab-sub-full-page{width:85%;background-repeat:no-repeat!important;background-size:cover!important;border-radius:0 50px 50px 0}.ab-sub-full-page .ab-sub-full-inner{display:flex;height:100%;padding-left:80px;justify-content:end;align-items:center}.ab-sub-full-page .ab-sub-page{width:45%;height:auto;position:initial;padding:50px 0}.fade-up{opacity:0;transform:translateY(30px);transition:all .7s ease}.fade-up.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.5s}.ab-side-slide-section{padding:150px 0 100px;background-color:#fff;overflow:hidden}.ab-side-slide-section .row{display:flex;gap:60px;margin-bottom:60px}.ab-side-slide-section .top-row{justify-content:left;margin-left:50px}.ab-side-slide-section .bottom-row{justify-content:right;margin-right:50px}.ab-side-slide-section .img-box{width:40%;position:relative}.ab-side-slide-section .slide-in{width:100%;opacity:1;transition:transform 1.3s cubic-bezier(.28,.72,.35,1);box-shadow:18px 28px 45px #00000026;border-radius:20px}.ab-side-slide-section .from-left{transform:translate(-300px)}.ab-side-slide-section .from-right{transform:translate(300px)}.ab-side-slide-section .slide-in.show{transform:translate(0)}.ab-color-palette-section{text-align:center;padding:100px 0;background-color:#fff}.ab-color-palette-section .color-title{font-size:40px;font-weight:700;margin-bottom:100px}.ab-color-palette-section .color-row{width:1000px;margin:auto;display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.ab-color-palette-section .color-item{text-align:center}.ab-color-palette-section .color-circle{width:120px;height:120px;border-radius:50%;margin:0 auto 15px;box-shadow:5px 5px 15px #0000001f}.ab-color-palette-section .color-name{font-size:16px;font-weight:600}.ab-color-palette-section .color-hex{font-size:14px;opacity:.8;margin-bottom:5px}.ab-color-palette-section .palette-item{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.25,.7,.3,1)}.ab-color-palette-section .palette-item.show{opacity:1;transform:translateY(0)}.ab-icon-grid-section{text-align:center;padding:100px 0;background-color:#fff}.ab-icon-grid-section .icon-title{font-size:40px;font-weight:700;margin-bottom:100px}.ab-icon-grid-section .icon-grid{width:1000px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:100px 0;justify-items:center}.ab-icon-grid-section .icon-item img.icon-img{width:60px;height:auto;opacity:.8}.ab-icon-grid-section .icon-anim{opacity:0;transform:translateY(25px);transition:all .7s cubic-bezier(.25,.7,.3,1)}.ab-icon-grid-section .icon-anim.show{opacity:1;transform:translateY(0)}.ab-typography-section{text-align:center;padding:100px 0 200px;background-color:#fff}.ab-typography-section .typography-title{font-size:40px;font-weight:700;margin-bottom:100px}.ab-typography-section .typography-image-wrap img.typography-image{max-width:800px;width:100%;margin:0 auto;display:block;padding:0 20px}.ab-mo-layout-flow .mlf-title{text-align:center;font-size:40px;font-weight:700;margin:150px 0 100px;width:100%}.ab-mo-layout-flow .mobile-layout-flow-section{width:85%;background-repeat:no-repeat!important;background-size:cover!important;border-radius:0 50px 50px 0;transform:scaleX(-1)}.ab-mo-layout-flow .mobile-images-wrapper{width:100%;height:100%;display:flex;justify-content:left;align-items:flex-start;gap:5%;transform:scaleX(-1);padding:80px 0}.ab-mo-layout-flow .mobile-item{min-width:25%}.ab-mo-layout-flow .mobile-item img{width:100%;border-radius:25px;box-shadow:0 20px 40px #0000002e;transition:transform .3s ease}.ab-mo-layout-flow .mobile-item:nth-child(1){padding-top:300px}.ab-mo-layout-flow .mobile-item:nth-child(2){padding-top:150px}.ab-mo-layout-flow .mobile-item:nth-child(2) img{box-shadow:none}.pt-footer{overflow:hidden;height:900px}.pt-footer .scroll-grid-inner{width:1260px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.pt-footer .scroll-col{display:flex;flex-direction:column;gap:50px;will-change:transform}.pt-footer .scroll-item{max-width:350px;margin-left:auto;margin-right:auto}.pt-footer .scroll-img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 20px 60px #0000002e}.pt-footer-btn{background-color:#fff;width:100%;height:150px;display:flex;justify-content:center;align-items:center}.pt-footer-btn a{padding:14px 36px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none}.pt-footer-btn a:hover{opacity:.8}.pc{display:block}.mob{display:none}@media (max-width: 1440px){.wrapper.portfolio .inner{max-width:1440px;padding:150px 50px}.wrapper.portfolio.kv .inner{padding:200px 50px 150px}.wrapper.portfolio.info .inner{padding:40px 50px 150px}.pt-footer{height:800px}.pt-footer .scroll-grid-inner{width:1040px}.pt-footer .scroll-item{max-width:300px}}@media (max-width: 1200px){.pf-grp .pf-item{width:33.3%;min-width:33.3%}}@media (max-width: 1024px){.pc{display:none}.mob,.kvbg.pc{display:block}.kvbg.mob{display:none}.wrapper.portfolio.kv{min-height:calc(100vh - 66px)}.kvbg{position:absolute;z-index:1;top:0;left:0;width:100%;height:calc(100vh - 66px);background-repeat:no-repeat;background-position:center center;background-size:cover}.ab-main-full-page .ab-main-page{width:700px}.ab-main-full-page{height:2050px}.ab-sub-full-page .ab-sub-page{width:50%}.ab-side-slide-section .top-row{margin-left:20px}.ab-side-slide-section .bottom-row{margin-right:20px}.ab-side-slide-section .row{gap:30px}.ab-side-slide-section .img-box{width:45%}.ab-color-palette-section .color-row{width:100%;padding:0 20px;gap:40px}.ab-color-palette-section .color-name{font-size:13px}.ab-icon-grid-section .icon-grid{width:100%;padding:0 20px;gap:50px 0}.ab-icon-grid-section .icon-item img.icon-img{width:45px}.pt-footer{height:650px}.pt-footer .scroll-grid-inner{width:850px}.pt-footer .scroll-item{max-width:250px}}@media (max-width: 880px){.sm-section .proc-bx{height:150px}ul.linear{width:100%;max-width:330px;padding:0 15px}ul.linear li.step{width:16.66%;height:110px}.wrapper.portfolio .sm-section.process .sm-sec-body ul.linear li.step p{font-size:12px;line-height:1.25}ul.linear li.step .circle:before{top:8px;left:-15px;width:15px;height:2px}ul.linear li.step .circle:after{top:8px;right:-15px;width:15px;height:2px}ul.linear li.step:first-child .circle:before{left:-24px;width:24px}ul.linear li.step:last-child .circle:after{right:-24px;width:24px}ul.linear li.step .circle{position:relative;top:50%;width:20px;height:20px;margin:-10px auto auto}ul.linear li.step .circle .ring:before{width:20px;height:20px;margin-top:-10px;margin-left:-10px}ul.linear li.step .circle .ring:after{width:14px;height:14px;margin-top:-7px;margin-left:-7px}}@media (max-width: 768px){.ab-main-full-tit{font-size:22px;padding:150px 0 50px}.ab-color-palette-section .color-title,.ab-icon-grid-section .icon-title,.ab-typography-section .typography-title,.ab-mo-layout-flow .mlf-title{font-size:22px;margin-bottom:50px}.ab-typography-section,.ab-color-palette-section,.ab-icon-grid-section{padding:50px 0 100px}.ab-sub-page-1{display:none!important}.ab-sub-full-page{height:100%;border-radius:0 20px 20px 0}.ab-sub-full-page .ab-sub-page{width:100%}.ab-sub-full-page .ab-sub-full-inner{padding-left:30px}.ab-sub-full-wrap{padding-top:150px}.ab-sub-mobile{padding:80px 0;display:flex;flex-direction:column;gap:120px;align-items:end}.ab-sub-mobile-item img{width:100%;max-width:320px;height:auto;display:block}.ab-sub-mobile .ab-sub-full-page{border-radius:20px 0 0 20px;padding-left:30px;height:100%}.mo-ab-side-slide-section .top-row .img-box img{border-radius:0 20px 20px 0}.mo-ab-side-slide-section .bottom-row .img-box img{border-radius:20px 0 0 20px}.ab-side-slide-section .img-box{width:95%}.ab-side-slide-section .bottom-row{margin-right:0}.ab-side-slide-section .top-row{margin-left:0}.ab-color-palette-section .color-circle{width:100px;height:100px}.ab-mo-layout-flow .mobile-images-wrapper{padding:60px 0}.ab-mo-layout-flow .mobile-layout-flow-section{border-radius:0 20px 20px 0}.ab-mo-layout-flow .mobile-item img{border-radius:15px}.ab-mo-layout-flow .mobile-item:nth-child(1){padding-top:200px}.ab-mo-layout-flow .mobile-item:nth-child(2){padding-top:100px}.pt-footer{height:600px}.pt-footer .scroll-item{max-width:220px;min-width:120px}.pt-footer .scroll-grid-inner{width:100%;gap:20px}.pt-footer .scroll-col{gap:20px}.pt-footer .scroll-img{border-radius:10px}}@media (max-width: 750px){.sm-section.techstack .sm-sec-body .c-grp.spec .card{margin-bottom:10px}.kvbg.mob{display:block}.kv-tit h2.sub-tit{font-size:20px;line-height:25px;letter-spacing:-1px}.kv-tit h1.tit{margin-top:50px;font-size:36px;line-height:44px;letter-spacing:-1.8px}.pf-grp .pf-item{width:100%;min-width:100%}.wrapper.portfolio.web-desc{padding-bottom:75px}.wrapper.portfolio.web-desc .pic{margin-top:25px}.wrapper.portfolio .inner{padding:75px 20px}.wrapper.portfolio.kv .inner{padding:75px 20px 0}.wrapper.portfolio.info .inner{padding:40px 20px 75px}.wrapper.portfolio.web-desc .inner:last-child{padding-top:25px}.profile{font-size:15px;line-height:22px;display:flex;flex-direction:column}.profile .pro-item+.pro-item{margin-top:10px;margin-left:0}.profile+.sm-section{margin-top:75px}.sm-section+.sm-section{margin-top:74px}.sm-section .procbx-wrap{margin-top:40px}.sm-section .proc-bx{width:100%;margin:20px auto 0;padding:0 15px;border-radius:14px}.sm-sec-tit{font-size:15px}.sm-section .sm-sec-body{margin-top:25px}.sm-section.services .sm-sec-body{max-width:100%}.sm-section.credits .sm-sec-body{margin-top:50px}.wrapper.info .sm-section.process .sm-sec-body p,.wrapper.portfolio .sm-section.process .sm-sec-body p{font-size:14px}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section{margin-top:0;flex-direction:column}.wrapper.portfolio .sm-section.services .sm-sec-body .grp-section{margin-top:0}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section .prc-grp+.prc-grp{margin-top:40px}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.half .prc-grp{width:100%}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.half .prc-grp+.prc-grp{margin-left:0}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.tri .prc-grp{width:100%}.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section.tri .prc-grp+.prc-grp{margin-left:0}.wrapper.portfolio .sm-section.services .sm-sec-body .grp-section .svc-grp p.svc-tit,.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section .prc-grp p.prc-tit{font-size:14px}.sm-section .sm-sec-body .grp-section p.grp-tit{font-size:13px}.wrapper.portfolio .sm-section.services .sm-sec-body .grp-section .svc-grp .svc-cont,.wrapper.portfolio .sm-section.process .sm-sec-body .mic-section .prc-grp p.prc-cont{margin-top:20px}.sm-section .sm-sec-body .grp-section p.grp-tit+.c-grp{margin-top:15px}.sm-section .sm-sec-body .c-grp{max-width:100%}.sm-section .sm-sec-body .c-grp .card:nth-child(4n+1){margin-left:0}.sm-section .sm-sec-body .grp-section .c-grp .card .card-img{height:initial}.sm-section .sm-sec-body .grp-section .c-grp .card p.card-name{font-size:13px;line-height:20px;margin-top:9px;margin-bottom:0;word-break:break-all}.one-feedback .score .sc-one{width:16px;height:16px;margin-right:5px}.one-feedback .reviewer-name{font-size:20px;line-height:24px}.one-feedback .reviewer-position{font-size:16px;line-height:20px;margin-top:10px}.pf-grp .pf-item{width:50%;min-width:50%}ul.linear{padding:0 22px}.ab-main-full-page .ab-main-page{width:480px}.ab-main-full-page{height:1500px}}@media (min-width: 640px) and (max-width: 880px){.sm-section .proc-bx{zoom:1.2}}@media (max-width: 520px){.sm-section .sm-sec-body .grp-section .c-grp.spec{grid-template-columns:repeat(3,minmax(0,1fr))}ul.linear li.step:first-child .circle:before,ul.linear li.step:last-child .circle:after{display:none}.ab-main-full-page .ab-main-page{width:285px}.ab-mo-layout-flow .mobile-item img{border-radius:7px}.ab-main-full-page{height:1000px}.ab-icon-grid-section .icon-item img.icon-img{width:35px}.ab-mo-layout-flow .mobile-images-wrapper{padding:30px 0}.ab-mo-layout-flow .mobile-item:nth-child(1){padding-top:120px}.ab-mo-layout-flow .mobile-item:nth-child(2){padding-top:60px}.pt-footer{height:550px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pt.css.map */