@keyframes side_left_ani{0%{opacity:0;transform:translate(50vw)}to{opacity:1;transform:translate(0)}}@keyframes side_right_ani{0%{opacity:0;transform:translate(-50vw)}to{opacity:1;transform:translate(0)}}@keyframes line_ani{0%{opacity:0;width:0}to{width:var(--line-full-width);opacity:1}}@keyframes title_ani_start{0%{opacity:0;font-size:0}to{font-size:var(--logo-title-intro-size);opacity:1}}@keyframes des_ani{0%{opacity:0;font-size:0}to{font-size:var(--logo-desc-size);opacity:1}}@keyframes logo_ani{0%{opacity:0}to{opacity:.8}}@keyframes circle_ani{0%{opacity:0;width:0;height:0}to{width:var(--logo-ellipse-size);height:var(--logo-ellipse-size);opacity:1}}@keyframes secret_left_exit_ani{0%{opacity:1;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate3d(var(--secret-left-exit-x), 0, 0) scale(.96)}to{opacity:0;transform:translate3d(var(--secret-left-exit-x), 0, 0) scale(.12)}}@keyframes secret_right_exit_ani{0%{opacity:1;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate3d(var(--secret-right-exit-x), 0, 0) scale(.96)}to{opacity:0;transform:translate3d(var(--secret-right-exit-x), 0, 0) scale(.12)}}@keyframes logo_exit_back_ani{0%{opacity:.8;transform:translate(0,0)scale(1)}50%{opacity:.8;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate(0,0)scale(.12)}}.LogoMainSize{height:300vh}.LogoMain{--line-full-width:clamp(326.4px, 17vw, 652.8px);--logo-title-intro-size:clamp(128px, 6.6667vw, 256px);--logo-title-active-size:clamp(220.8px, 11.5vw, 441.6px);--logo-desc-size:clamp(18px, .9375vw, 36px);--logo-side-font-size:clamp(19.2px, 1vw, 38.4px);--logo-logo-size:clamp(460.8px, 24vw, 921.6px);--logo-logo-margin:clamp(76.8px, 4vw, 153.6px);--logo-side-spacing:clamp(57.6px, 3vw, 115.2px);--logo-chi-height:clamp(163.2px, 8.5vw, 326.4px);--logo-padding-inline:clamp(38.4px, 2vw, 76.8px);--logo-gap:clamp(17.28px, .9vw, 34.56px);--logo-background-size:100% 100%;--logo-ease-soft:cubic-bezier(.22, 1, .36, 1);--logo-ease-exit:cubic-bezier(.16, 1, .3, 1);--secret-left-exit-x:0px;--secret-right-exit-x:0px;--logo-fade-duration:.65s;--logo-title-duration:.9s;--logo-desc-duration:.8s;box-sizing:border-box;width:100%;height:100vh;padding-inline:var(--logo-padding-inline);color:#fff;background:url(/assets/background/home/logo-bg.webp) center / var(--logo-background-size) no-repeat;justify-content:space-between;align-items:center;gap:var(--logo-gap);perspective:1000px;transform-style:preserve-3d;font-family:SUIT Variable;display:flex;position:sticky;top:0;overflow:hidden}@media (min-width:900px){.LogoIntroPending .SecretCodeLeft,.LogoIntroPending .SecretCodeRight,.LogoIntroPending .LineLeft,.LogoIntroPending .LineRight,.LogoIntroPending .TitleSolution,.LogoIntroPending .DescSolution,.LogoIntroPending .Logo3D{visibility:hidden;animation:none}}.SecretCodeLeft,.SecretCodeRight{z-index:2;margin:0 var(--logo-side-spacing);font-size:var(--logo-side-font-size);letter-spacing:clamp(-1.2px,-.08vw,-.4px);backface-visibility:hidden;will-change:transform, opacity;font-weight:800;position:relative}.SecretCodeLeft{animation:.5s forwards side_left_ani}.SecretCodeRight{animation:.5s forwards side_right_ani}.LineLeft,.LineRight{width:var(--line-full-width);opacity:0;background-color:#fff;flex-shrink:0;height:1px;animation:1s 1s forwards line_ani}.LineLeft{transform-origin:0}.LineRight{transform-origin:100%}.DivPar{z-index:1;flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.DivChi{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.DivChiUp{text-align:center;font-weight:700;position:relative}.DivChiDown{height:var(--logo-chi-height);margin:0 var(--logo-side-spacing);letter-spacing:clamp(-7.68px,-.45vw,-4px);font-weight:800;position:relative}.TitleText,.DescText{opacity:0;white-space:nowrap;backface-visibility:hidden;will-change:font-size, transform, opacity;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.TitleSolution{animation:1s 2s forwards title_ani_start}.DescSolution{animation:.5s 3s forwards des_ani}.TitleScrollReady .TitleSolution,.TitleScrollReady .DescSolution{animation:none}.TitleScrollReady .LineLeft,.TitleScrollReady .LineRight{opacity:1;transition:opacity var(--logo-fade-duration) ease, transform .75s ease;animation:none;transform:scaleX(1)}.TitleScrollReady:is(.LogoStep1,.LogoStep2,.LogoStep3) .LineLeft,.TitleScrollReady:is(.LogoStep1,.LogoStep2,.LogoStep3) .LineRight{opacity:0;transform:scaleX(0)}.TitleScrollReady .TitleText{visibility:hidden;opacity:0;transition:opacity var(--logo-fade-duration) ease, font-size var(--logo-title-duration) var(--logo-ease-soft), visibility 0s linear var(--logo-fade-duration);font-size:0;animation:none;transform:translate(-50%,-50%)scale(1)}.TitleScrollReady .DescText{visibility:hidden;opacity:0;font-size:var(--logo-desc-size);transition:opacity var(--logo-fade-duration) ease, transform var(--logo-desc-duration) var(--logo-ease-soft), visibility 0s linear var(--logo-fade-duration);animation:none;transform:translate3d(-50%,-50%,-220px)scale(.82)}.TitleScrollReady.LogoStep0 .TitleSolution,.TitleScrollReady.LogoStep1 .TitleTechnology,.TitleScrollReady.LogoStep2 .TitleSecretCode{visibility:visible;opacity:1;font-size:var(--logo-title-intro-size);transition:opacity var(--logo-fade-duration) ease, font-size var(--logo-title-duration) var(--logo-ease-soft), visibility 0s;transform:translate(-50%,-50%)scale(1)}.TitleScrollReady.LogoStep1 .TitleSolution,.TitleScrollReady.LogoStep2 .TitleSolution,.TitleScrollReady.LogoStep2 .TitleTechnology,.TitleScrollReady.LogoStep3 .TitleSolution,.TitleScrollReady.LogoStep3 .TitleTechnology,.TitleScrollReady.LogoStep3 .TitleSecretCode{visibility:hidden;opacity:0;font-size:var(--logo-title-active-size);transition:opacity var(--logo-fade-duration) ease, font-size var(--logo-title-duration) var(--logo-ease-soft), visibility 0s linear var(--logo-fade-duration);transform:translate(-50%,-50%)scale(1)}.TitleScrollReady.LogoStep0 .DescSolution,.TitleScrollReady.LogoStep1 .DescTechnology,.TitleScrollReady.LogoStep2 .DescSecretCode{visibility:visible;opacity:1;transition:opacity var(--logo-fade-duration) ease, transform var(--logo-desc-duration) var(--logo-ease-soft), visibility 0s;transform:translate(-50%,-50%)scale(1)}.TitleScrollReady .SecretCodeLeft,.TitleScrollReady .SecretCodeRight{opacity:1;transition:opacity .7s ease, transform var(--logo-title-duration) var(--logo-ease-soft);animation:none;transform:translate(0,0)scale(1)}.TitleScrollReady .SecretCodeLeft{transform-origin:100%}.TitleScrollReady .SecretCodeRight{transform-origin:0}.TitleScrollReady:is(.LogoStep3,.LogoPageExiting) .SecretCodeLeft{animation:secret_left_exit_ani 1.3s var(--logo-ease-exit) .55s both}.TitleScrollReady:is(.LogoStep3,.LogoPageExiting) .SecretCodeRight{animation:secret_right_exit_ani 1.3s var(--logo-ease-exit) .55s both}.Logo3D{width:var(--logo-logo-size);height:var(--logo-logo-size);margin:var(--logo-logo-margin);opacity:0;backface-visibility:hidden;will-change:transform, opacity;animation:1s 3.5s forwards logo_ani;transform:translateZ(0)}.LogoEllipse{display:none}.TitleScrollReady .Logo3D{opacity:.8;transition:opacity .9s ease, transform var(--logo-title-duration) var(--logo-ease-soft);animation:none;transform:scale(1)}.TitleScrollReady:is(.LogoStep3,.LogoPageExiting) .Logo3D{opacity:0;animation:logo_exit_back_ani 1.3s var(--logo-ease-exit) .55s both;transition:opacity .18s .55s}@media (min-width:900px) and (max-width:1919px){.LogoMain{--line-full-width:clamp(135px, calc(-33.8824px + 18.7647vw), 326.4px);--logo-title-intro-size:clamp(84px, calc(45.1765px + 4.3137vw), 128px);--logo-title-active-size:clamp(120px, calc(31.0588px + 9.8824vw), 220.8px);--logo-desc-size:clamp(15px, calc(12.3529px + .2941vw), 18px);--logo-side-font-size:clamp(16px, calc(13.1765px + .3137vw), 19.2px);--logo-logo-size:clamp(280px, calc(120.471px + 17.7255vw), 460.8px);--logo-logo-margin:clamp(28.8px, calc(-13.5529px + 4.7059vw), 76.8px);--logo-side-spacing:clamp(19.8px, calc(-13.5529px + 3.7059vw), 57.6px);--logo-chi-height:clamp(72px, calc(-8.4706px + 8.9412vw), 163.2px);--logo-padding-inline:clamp(13.5px, calc(-8.4706px + 2.4412vw), 38.4px);--logo-gap:clamp(8.1px, .9vw, 17.28px)}}@media (max-width:899px){.LogoMainSize{background-color:#000;height:300svh;overflow:visible}.LogoMain{--logo-title-intro-size:clamp(64px, 12vw, 108px);--logo-title-active-size:clamp(82px, 14vw, 126px);--logo-desc-size:clamp(14px, 3.733vw, 18px);--logo-logo-size:clamp(220px, 89.6vw, 336px);--logo-ellipse-back-size:clamp(238px, 79.45vw, 358px);--logo-ellipse-front-size:clamp(149px, 49.624vw, 223px);--logo-logo-margin:0;--logo-padding-inline:20px;--logo-gap:12px;--logo-background-size:cover;touch-action:pan-y;justify-content:center;min-width:0;height:100lvh;min-height:100lvh;overflow-x:hidden}.SecretCodeLeft,.SecretCodeRight,.LineLeft,.LineRight{display:none}.LogoMain *,.LogoMain :before,.LogoMain :after{box-sizing:border-box;max-width:100%}.DivPar{flex:none;width:100%;max-width:none;position:absolute;inset:0}.LogoEllipse{object-fit:contain;opacity:0;pointer-events:none;will-change:width, height, opacity;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.LogoEllipseBack{--logo-ellipse-size:var(--logo-ellipse-back-size);z-index:0;width:var(--logo-ellipse-back-size);height:var(--logo-ellipse-back-size);animation:1s 1s forwards circle_ani}.LogoEllipseFront{--logo-ellipse-size:var(--logo-ellipse-front-size);z-index:1;width:var(--logo-ellipse-front-size);height:var(--logo-ellipse-front-size);animation:1s .5s forwards circle_ani}.Logo3D{z-index:2;animation:1s 3s forwards logo_ani;position:relative}.TitleSolution{animation:.5s 2s forwards title_ani_start}.DescSolution{animation:.5s 2.5s forwards des_ani}.TitleScrollReady .LogoEllipse{opacity:.8;transition:opacity .9s;animation:none}.TitleScrollReady:is(.LogoStep3,.LogoPageExiting) .LogoEllipse{opacity:0;animation:logo_exit_back_ani 1.3s var(--logo-ease-exit) .55s both;transition:opacity .18s .55s}.DivChi{z-index:3;width:100%;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%)}.TitleText,.DescText{max-width:none}.DivChiUp{height:calc(var(--logo-desc-size) * 1.35);margin-bottom:calc(var(--logo-title-intro-size) * .08)}.DivChiDown{height:var(--logo-title-intro-size);margin:0}.TitleText{text-align:center;letter-spacing:calc(var(--logo-title-intro-size) * -.06);text-shadow:0 0 20px #00000040}.DescText{text-align:center}}@media (max-width:767px){.LogoMain{--logo-title-intro-size:clamp(58px, 21.333vw, 86px);--logo-title-active-size:74px;--logo-desc-size:clamp(14px, 3.733vw, 17px);--logo-gap:10px}}@media (max-width:599px){.LogoMain{--logo-title-intro-size:clamp(48px, 21.333vw, 80px);--logo-title-active-size:62px;--logo-desc-size:clamp(13px, 3.733vw, 14px);--logo-padding-inline:14px;--logo-gap:8px}}@media (max-width:479px){.LogoMain{--logo-title-intro-size:clamp(40px, 21.333vw, 80px);--logo-title-active-size:52px;--logo-desc-size:clamp(12px, 3.733vw, 14px);--logo-logo-size:clamp(190px, 89.6vw, 336px);--logo-padding-inline:12px;--logo-gap:6px}}@media (max-width:400px){.LogoMain{--logo-title-intro-size:clamp(36px, 18.5vw, 64px);--logo-title-active-size:46px}}@media (max-width:389px){.LogoMain{--logo-title-intro-size:clamp(34px, 18.5vw, 60px);--logo-title-active-size:42px;--logo-desc-size:clamp(11px, 3.733vw, 14px);--logo-logo-size:clamp(160px, 89.6vw, 336px);--logo-padding-inline:10px;--logo-gap:4px}}@media (max-width:329px){.LogoMain{--logo-title-intro-size:clamp(28px, 17.5vw, 54px);--logo-title-active-size:36px;--logo-desc-size:clamp(10px, 3.733vw, 12px);--logo-logo-size:clamp(140px, 89.6vw, 336px);--logo-padding-inline:8px;--logo-gap:3px}}
.ServicePage{height:calc(100dvh + 800px);position:relative}.ServiceSticky{--service-stage-height:1080px;--service-stage-offset-y:calc((100dvh - var(--service-stage-height)) / 2);--service-wide-offset-x:0px;--service-hero-width:920px;--service-title-size:96px;--service-description-size:20px;--service-description-line-height:33px;--service-card-width:320px;--service-card-height:210px;--service-card-glass-extra:10px;--service-card-glass-width:calc(var(--service-card-width) + var(--service-card-glass-extra));--service-card-padding-block:30px;--service-card-padding-inline:31px;--service-card-title-size:18px;--service-card-title-line-height:33px;--service-card-description-top:40px;--service-card-description-size:14px;--service-card-description-line-height:24px;--service-card-intro-top:240px;--service-card-intro-left:344px;--service-card-web-top:576px;--service-card-web-left:467px;--service-card-app-top:366px;--service-card-app-right:322px;color:#fff;background-image:url(/assets/background/home/service-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100vh;font-family:SUIT Variable;position:sticky;top:0;overflow:hidden}.ServiceHero{z-index:1;width:min(var(--service-hero-width), 95%);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ServiceTitle{color:#31b9b2;text-align:center;font-size:var(--service-title-size);letter-spacing:calc(var(--service-title-size) * -.06);white-space:nowrap;opacity:0;will-change:opacity, transform;margin:0;font-weight:800;line-height:normal;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(34px)}.ServiceTitleActive{opacity:1;transform:translate(0,0)}.ServiceTitleMobileBreak{display:none}.ServiceDescription{color:#eee;font-size:var(--service-description-size);font-weight:400;line-height:var(--service-description-line-height);letter-spacing:calc(var(--service-description-size) * -.03);opacity:0;will-change:opacity, transform;transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);transform:translateY(54px)}.ServiceDescriptionActive{opacity:1;transform:translate(0,0)}.ServiceDescriptionMobile{display:none}.ServiceCard{z-index:2;box-sizing:border-box;cursor:pointer;opacity:0;pointer-events:none;transform:translate3d(var(--service-card-start-x), var(--service-card-start-y), 0) scale(.9);will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.22,1.18,.36,1);position:absolute}.ServiceCardActive{opacity:1;pointer-events:auto;transform:translate(0,0)scale(1)}.ServiceCardActive.ServiceCardWeb{transition-delay:.1s}.ServiceCardActive.ServiceCardApp{transition-delay:.2s}.ServiceCardShape{fill:#fff3;transition:fill .25s}.ServiceCard:hover .ServiceCardShape{fill:#fff}.ServiceCard:hover .ServiceCardContent h3{color:#36a199}.ServiceCard:hover .ServiceCardContent p{color:#333}.ServiceCardGlass{width:var(--service-card-glass-width);height:var(--service-card-height);position:absolute;inset:0;overflow:visible}.ServiceCardBlur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%}.ServiceCardContent{z-index:1;box-sizing:border-box;width:var(--service-card-width);height:var(--service-card-height);padding:var(--service-card-padding-block) var(--service-card-padding-inline);position:relative}.ServiceCardContent h3{color:#fff;font-size:var(--service-card-title-size);font-weight:900;line-height:var(--service-card-title-line-height);letter-spacing:calc(var(--service-card-title-size) * -.03);margin:0}.ServiceCardContent p{margin:var(--service-card-description-top) 0 0;color:#999;font-size:var(--service-card-description-size);font-weight:600;line-height:var(--service-card-description-line-height);letter-spacing:calc(var(--service-card-description-size) * -.03)}.ServiceCardIntro{top:calc(var(--service-card-intro-top) + var(--service-stage-offset-y));left:calc(var(--service-wide-offset-x) + var(--service-card-intro-left));--service-card-start-x:calc(50vw - var(--service-wide-offset-x) - var(--service-card-intro-left) - var(--service-card-glass-width) / 2);--service-card-start-y:calc(50dvh - var(--service-stage-offset-y) - var(--service-card-intro-top) - var(--service-card-height) / 2)}.ServiceCardWeb{top:calc(var(--service-card-web-top) + var(--service-stage-offset-y));left:calc(var(--service-wide-offset-x) + var(--service-card-web-left));--service-card-start-x:calc(50vw - var(--service-wide-offset-x) - var(--service-card-web-left) - var(--service-card-glass-width) / 2);--service-card-start-y:calc(50dvh - var(--service-stage-offset-y) - var(--service-card-web-top) - var(--service-card-height) / 2)}.ServiceCardApp{top:calc(var(--service-card-app-top) + var(--service-stage-offset-y));right:calc(var(--service-wide-offset-x) + var(--service-card-app-right));--service-card-start-x:calc(-50vw + var(--service-wide-offset-x) + var(--service-card-app-right) + var(--service-card-glass-width) / 2);--service-card-start-y:calc(50dvh - var(--service-stage-offset-y) - var(--service-card-app-top) - var(--service-card-height) / 2)}@media (min-width:900px) and (max-width:1919px){.ServiceSticky{--service-stage-height:clamp(760px, calc(477.647px + 31.3725vw), 1080px);--service-hero-width:clamp(680px, calc(468.235px + 23.5294vw), 920px);--service-title-size:clamp(56px, calc(20.706px + 3.9216vw), 96px);--service-description-size:clamp(15px, calc(10.588px + .4902vw), 20px);--service-description-line-height:clamp(25px, calc(17.941px + .7843vw), 33px);--service-card-width:clamp(216px, calc(124.235px + 10.1961vw), 320px);--service-card-height:clamp(142px, calc(82px + 6.6667vw), 210px);--service-card-glass-extra:clamp(6px, calc(2.471px + .3922vw), 10px);--service-card-padding-block:clamp(19px, calc(9.294px + 1.0784vw), 30px);--service-card-padding-inline:clamp(20px, calc(10.294px + 1.0784vw), 31px);--service-card-title-size:clamp(14px, calc(10.471px + .3922vw), 18px);--service-card-title-line-height:clamp(23px, calc(14.176px + .9804vw), 33px);--service-card-description-top:clamp(21px, calc(4.235px + 1.8627vw), 40px);--service-card-description-size:clamp(11px, calc(8.353px + .2941vw), 14px);--service-card-description-line-height:clamp(19px, calc(14.588px + .4902vw), 24px);--service-card-intro-top:clamp(190px, calc(145.882px + 4.902vw), 240px);--service-card-intro-left:clamp(72px, calc(-168px + 26.6667vw), 344px);--service-card-web-top:clamp(444px, calc(327.529px + 12.9412vw), 576px);--service-card-web-left:clamp(128px, calc(-171.118px + 33.2353vw), 467px);--service-card-app-top:clamp(286px, calc(215.412px + 7.8431vw), 366px);--service-card-app-right:clamp(63px, calc(-165.529px + 25.3922vw), 322px)}}@media (min-width:1920px){.ServiceSticky{--service-wide-offset-x:max(0px, calc((100vw - 2560px) / 2));--service-stage-height:clamp(1080px, 56.25vw, 1440px);--service-hero-width:clamp(920px, 47.9167vw, 1227px);--service-card-width:clamp(320px, 16.6667vw, 427px);--service-card-height:clamp(210px, 10.9375vw, 280px);--service-card-glass-extra:clamp(10px, .5208vw, 13px);--service-card-padding-block:clamp(30px, 1.5625vw, 40px);--service-card-padding-inline:clamp(31px, 1.6146vw, 41px);--service-card-title-size:clamp(18px, .9375vw, 24px);--service-card-title-line-height:clamp(33px, 1.7188vw, 44px);--service-card-description-top:clamp(40px, 2.0833vw, 53px);--service-card-description-size:clamp(14px, .7292vw, 19px);--service-card-description-line-height:clamp(24px, 1.25vw, 32px);--service-card-intro-top:clamp(240px, 12.5vw, 320px);--service-card-intro-left:clamp(344px, 17.9167vw, 459px);--service-card-web-top:clamp(576px, 30vw, 768px);--service-card-web-left:clamp(467px, 24.3229vw, 623px);--service-card-app-top:clamp(366px, 19.0625vw, 488px);--service-card-app-right:clamp(322px, 16.7708vw, 429px)}}@media (max-width:899px){.ServicePage{height:auto}.ServiceSticky{--service-stage-offset-y:0px;--service-hero-width:calc(100vw - 40px);--service-title-top:clamp(70px, 22.133vw, 120px);--service-title-size:clamp(42px, 14.667vw, 68px);--service-title-line-height:clamp(40px, 13.867vw, 64px);--service-title-description-gap:clamp(22px, 8vw, 36px);--service-description-size:clamp(13px, 4vw, 18px);--service-description-line-height:clamp(23px, 6.933vw, 31px);--service-card-hero-gap:clamp(28px, 10.133vw, 48px);--service-card-gap:clamp(22px, 8vw, 42px);--service-card-top:calc(var(--service-title-top) + var(--service-title-line-height) * 2 + var(--service-title-description-gap) + var(--service-description-line-height) * 3 + var(--service-card-hero-gap));--service-card-width:clamp(250px, 85.333vw, 360px);--service-card-height:clamp(132px, 44vw, 190px);--service-card-padding-block:clamp(20px, 6.4vw, 30px);--service-card-padding-inline:clamp(22px, 6.667vw, 34px);--service-card-title-size:clamp(15px, 4.8vw, 22px);--service-card-title-line-height:clamp(27px, 8.8vw, 40px);--service-card-description-top:clamp(16px, 5.333vw, 28px);--service-card-description-size:clamp(10px, 3.2vw, 14px);--service-card-description-line-height:clamp(17px, 5.333vw, 24px);--service-mobile-stage-height:max(100svh, calc(var(--service-card-top) + var(--service-card-height) * 3 + var(--service-card-gap) * 2 + 48px));height:var(--service-mobile-stage-height);background-image:url(/assets/background/home/service-mobile-bg.webp);position:relative}.ServiceHero{top:var(--service-title-top);width:var(--service-hero-width);transform:translate(-50%)}.ServiceTitle{opacity:1;line-height:var(--service-title-line-height);transition:none;transform:none}.ServiceTitleDesktopSpace{display:none}.ServiceTitleMobileBreak{display:block}.ServiceDescription{margin-top:var(--service-title-description-gap);opacity:1;transition:none;transform:none}.ServiceDescriptionDesktop{display:none}.ServiceDescriptionMobile{display:inline}.ServiceCard{left:calc((100% - var(--service-card-width)) / 2);width:var(--service-card-width);height:var(--service-card-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;pointer-events:auto;background:#fff3;border-radius:10px;transition:none;right:auto;overflow:hidden;transform:none;box-shadow:10px 10px 8px #00000029,inset -2px -2px 5px #ffffff38}.ServiceCard:hover{background:#fff}.ServiceCardGlass{display:none}.ServiceCardContent{text-align:left;width:100%;overflow:hidden}.ServiceCardIntro{top:var(--service-card-top)}.ServiceCardWeb{top:calc(var(--service-card-top) + var(--service-card-height) + var(--service-card-gap))}.ServiceCardApp{top:calc(var(--service-card-top) + (var(--service-card-height) + var(--service-card-gap)) * 2)}}@media (max-width:767px){.ServiceSticky{--service-card-padding-block:clamp(21px, 6.2vw, 28px);--service-card-padding-inline:clamp(22px, 6.4vw, 29px)}}@media (max-width:599px){.ServiceSticky{--service-card-padding-block:clamp(20px, 6.4vw, 26px);--service-card-padding-inline:clamp(21px, 6.667vw, 27px)}}@media (max-width:479px){.ServiceSticky{--service-hero-width:calc(100vw - 36px);--service-card-padding-block:clamp(19px, 6.4vw, 24px);--service-card-padding-inline:clamp(20px, 6.667vw, 25px)}}@media (max-width:400px){.ServiceSticky{--service-title-top:clamp(66px, 22.133vw, 83px);--service-title-size:clamp(40px, 14.667vw, 55px);--service-title-line-height:clamp(38px, 13.867vw, 52px);--service-title-description-gap:clamp(22px, 8vw, 30px);--service-description-size:clamp(12px, 4vw, 15px);--service-description-line-height:clamp(21px, 6.933vw, 26px)}}@media (max-width:389px){.ServiceSticky{--service-card-hero-gap:clamp(28px, 10.133vw, 38px);--service-card-gap:clamp(22px, 8vw, 30px);--service-card-width:clamp(260px, 85.333vw, 320px);--service-card-height:clamp(134px, 44vw, 165px);--service-card-padding-block:clamp(20px, 6.4vw, 24px);--service-card-padding-inline:clamp(22px, 6.667vw, 25px);--service-card-title-size:clamp(15px, 4.8vw, 18px);--service-card-title-line-height:clamp(27px, 8.8vw, 33px);--service-card-description-top:clamp(16px, 5.333vw, 20px);--service-card-description-size:clamp(10px, 3.2vw, 12px);--service-card-description-line-height:clamp(17px, 5.333vw, 20px)}}@media (max-width:329px){.ServiceSticky{--service-hero-width:calc(100vw - 32px);--service-title-top:clamp(58px, 22.133vw, 72px);--service-title-size:clamp(34px, 14.667vw, 42px);--service-title-line-height:clamp(32px, 13.867vw, 40px);--service-title-description-gap:clamp(18px, 7vw, 22px);--service-description-size:clamp(10px, 3.8vw, 12px);--service-description-line-height:clamp(18px, 6.4vw, 21px);--service-card-hero-gap:clamp(22px, 8vw, 28px);--service-card-gap:clamp(18px, 7vw, 22px);--service-card-width:clamp(220px, 85vw, 260px);--service-card-height:clamp(114px, 44vw, 134px);--service-card-padding-block:clamp(18px, 6vw, 20px);--service-card-padding-inline:clamp(18px, 6.2vw, 22px);--service-card-title-size:clamp(13px, 4.4vw, 15px);--service-card-title-line-height:clamp(22px, 8vw, 27px);--service-card-description-top:clamp(14px, 5vw, 16px);--service-card-description-size:clamp(9px, 3vw, 10px);--service-card-description-line-height:clamp(15px, 5vw, 17px)}}
.PortfolioPage{color:#fff;width:100%;height:calc(100dvh + 500px);margin-top:-1px;font-family:SUIT Variable;position:relative;overflow-x:clip}.PortfolioDiv{--portfolio-wide-offset-x:0px;--portfolio-copy-left:210px;--portfolio-eyebrow-size:18px;--portfolio-eyebrow-line-height:33px;--portfolio-eyebrow-gap:16px;--portfolio-title-size:38px;--portfolio-title-line-height:55px;--portfolio-button-width:120px;--portfolio-button-height:34px;--portfolio-button-top:40px;--portfolio-button-size:15px;--portfolio-controls-top:121px;--portfolio-control-size:50px;--portfolio-control-gap:20px;--portfolio-scrollbar-width:394px;--portfolio-scrollbar-top:74px;--portfolio-cards-right:80px;--portfolio-cards-width:1120px;--portfolio-cards-height:620px;--portfolio-swiper-padding-y:30px;--portfolio-card-target-width:380px;--portfolio-card-fit-space:48px;--portfolio-card-width:min(var(--portfolio-card-target-width), calc((var(--portfolio-cards-width) - var(--portfolio-card-fit-space)) / 3));--portfolio-card-height:calc(var(--portfolio-card-width) * 1.4742);--portfolio-card-radius:25px;--portfolio-copy-height:calc(var(--portfolio-eyebrow-line-height) + var(--portfolio-eyebrow-gap) + var(--portfolio-title-line-height) * 2 + var(--portfolio-button-top) + var(--portfolio-button-height) + var(--portfolio-controls-top) + var(--portfolio-control-size) + var(--portfolio-scrollbar-top) + 14px);background-image:url(/assets/background/home/portfolio-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100dvh;position:sticky;top:0}.PortfolioCopy{top:calc((100dvh - var(--portfolio-copy-height)) / 2);left:calc(var(--portfolio-wide-offset-x) + var(--portfolio-copy-left));position:absolute}.PortfolioEyebrow{margin:0 0 var(--portfolio-eyebrow-gap);color:#36a199;font-size:var(--portfolio-eyebrow-size);font-weight:900;line-height:var(--portfolio-eyebrow-line-height);letter-spacing:calc(var(--portfolio-eyebrow-size) * -.03)}.PortfolioCopy h2{color:#eee;font-size:var(--portfolio-title-size);font-weight:800;line-height:var(--portfolio-title-line-height);letter-spacing:calc(var(--portfolio-title-size) * -.03);margin:0}.PortfolioMoreButton{width:var(--portfolio-button-width);height:var(--portfolio-button-height);margin-top:var(--portfolio-button-top);color:#fff;cursor:pointer;font-size:var(--portfolio-button-size);letter-spacing:calc(var(--portfolio-button-size) * -.05);background:linear-gradient(95deg,#36a199 48.3%,#4fdbcf 99.64%);border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;font-weight:700;line-height:normal;text-decoration:none;transition:box-shadow .2s ease-in;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 #0000}.PortfolioMoreButton:before{content:"";opacity:0;background:#fff;width:0;height:86%;display:block;position:absolute;top:7%;left:0;transform:skew(-20deg);box-shadow:0 0 15px 3px #fff}.PortfolioMoreButton:hover{transition-timing-function:ease-out;box-shadow:0 0 30px #4fdbcf80}.PortfolioMoreButton:hover:before{animation:.5s linear PortfolioShine}.PortfolioMoreButton:active{box-shadow:0 0 #0000}@keyframes PortfolioShine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.PortfolioControls{gap:var(--portfolio-control-gap);margin-top:var(--portfolio-controls-top);display:flex}.PortfolioControls button{width:var(--portfolio-control-size);height:var(--portfolio-control-size);cursor:pointer;background:#ffffff26;border:1px solid #ffffffc7;border-radius:50%;position:relative}.PortfolioControls button span{border-top:3px solid #fff;border-left:3px solid #fff;width:14px;height:14px;position:absolute;top:50%;left:50%}.PortfolioControls button:first-child span{transform:translate(-34%,-50%)rotate(-45deg)}.PortfolioControls button:last-child span{transform:translate(-66%,-50%)rotate(135deg)}.PortfolioScrollbar{width:var(--portfolio-scrollbar-width);height:14px;margin-top:var(--portfolio-scrollbar-top);cursor:pointer;border-radius:999px;position:relative}.PortfolioScrollbar:before{content:"";background:#999999d9;border-radius:999px;width:100%;height:1px;position:absolute;top:50%;left:0}.PortfolioScrollbarThumb{cursor:grab;background:#fff;border-radius:999px;height:1px;transition:transform .8s cubic-bezier(.25,1,.5,1);display:block;position:absolute;top:7px;left:0}.PortfolioScrollbarThumb:active{cursor:grabbing}.PortfolioCards{top:calc((100dvh - var(--portfolio-cards-height)) / 2);right:calc(var(--portfolio-wide-offset-x) + var(--portfolio-cards-right));z-index:1;width:var(--portfolio-cards-width);min-height:var(--portfolio-cards-height);position:absolute;overflow:hidden}.PortfolioSwiper{width:100%;height:var(--portfolio-cards-height);padding:var(--portfolio-swiper-padding-y) 0;perspective:1200px;overflow:hidden}.PortfolioSwiper .swiper-wrapper{transition-timing-function:cubic-bezier(.25,1,.5,1)}.PortfolioSlide{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex}.PortfolioSlide.swiper-slide-prev,.PortfolioSlide.swiper-slide-active,.PortfolioSlide.swiper-slide-next{opacity:1;pointer-events:auto}.PortfolioSlide.swiper-slide-prev .PortfolioCard{transform-origin:0;transform:perspective(1200px)rotateY(20deg)translate(44px)scale(.96)}.PortfolioSlide.swiper-slide-next .PortfolioCard{transform-origin:100%;transform:perspective(1200px)rotateY(-20deg)translate(-44px)scale(.96)}.PortfolioSlide.swiper-slide-active .PortfolioCard{transform-origin:50%;transform:perspective(1200px)rotateY(0)translate(0)scale(1)}.PortfolioCard{width:var(--portfolio-card-width);height:var(--portfolio-card-height);border-radius:var(--portfolio-card-radius);transform-origin:50%;will-change:transform;transition:transform .8s cubic-bezier(.25,1,.5,1);overflow:hidden;transform:perspective(1200px)rotateY(0)translate(0)scale(1.06)}.PortfolioImageFrame{width:100%;height:100%}.PortfolioImageFrame img{object-fit:cover;width:100%;height:100%}.PortfolioNoImageCard{position:absolute;top:30px;left:50%;transform:translate(-50%)}.PortfolioNoImageCard img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:1201px){.PortfolioDiv{--portfolio-wide-offset-x:max(0px, calc((100vw - 2560px) / 2));--portfolio-copy-left:clamp(132px, 10.938vw, 280px);--portfolio-eyebrow-size:clamp(12px, .938vw, 24px);--portfolio-eyebrow-line-height:clamp(24px, 1.719vw, 44px);--portfolio-eyebrow-gap:clamp(10px, .833vw, 21px);--portfolio-title-size:clamp(24px, 1.979vw, 51px);--portfolio-title-line-height:clamp(42px, 2.865vw, 73px);--portfolio-button-width:clamp(96px, 6.25vw, 160px);--portfolio-button-height:clamp(28px, 1.771vw, 45px);--portfolio-button-top:clamp(28px, 2.083vw, 53px);--portfolio-button-size:clamp(13px, .781vw, 20px);--portfolio-controls-top:clamp(70px, 6.302vw, 161px);--portfolio-control-size:clamp(40px, 2.604vw, 67px);--portfolio-control-gap:clamp(14px, 1.042vw, 27px);--portfolio-scrollbar-width:clamp(240px, 20.521vw, 525px);--portfolio-scrollbar-top:clamp(46px, 3.854vw, 99px);--portfolio-cards-right:clamp(24px, 4.167vw, 107px);--portfolio-cards-width:clamp(700px, 58.333vw, 1493px);--portfolio-cards-height:clamp(450px, 32.292vw, 827px);--portfolio-swiper-padding-y:clamp(20px, 1.563vw, 40px);--portfolio-card-target-width:clamp(230px, 19.792vw, 507px);--portfolio-card-fit-space:clamp(30px, 2.5vw, 64px);--portfolio-card-radius:clamp(16px, 1.302vw, 33px)}}@media (max-width:1200px){.PortfolioPage{height:auto}.PortfolioDiv{--portfolio-mobile-padding-inline:clamp(20px, 6.4vw, 72px);--portfolio-copy-left:var(--portfolio-mobile-padding-inline);--portfolio-eyebrow-size:clamp(10px, 1.5vw, 18px);--portfolio-eyebrow-line-height:clamp(24px, 2.75vw, 33px);--portfolio-eyebrow-gap:clamp(10px, 1.333vw, 16px);--portfolio-title-size:clamp(20px, 3.167vw, 38px);--portfolio-title-line-height:clamp(25px, 4.583vw, 55px);--portfolio-button-width:clamp(96px, 10vw, 120px);--portfolio-button-height:clamp(28px, 2.833vw, 34px);--portfolio-button-top:clamp(28px, 3.333vw, 40px);--portfolio-button-size:clamp(13px, 1.25vw, 15px);--portfolio-mobile-copy-height:calc(var(--portfolio-eyebrow-line-height) + var(--portfolio-eyebrow-gap) + var(--portfolio-title-line-height) * 2 + var(--portfolio-button-top) + var(--portfolio-button-height));--portfolio-cards-gap:clamp(32px, 6vw, 72px);--portfolio-cards-height:clamp(410px, 51.667vw, 620px);--portfolio-swiper-padding-y:clamp(24px, 2.5vw, 30px);--portfolio-card-target-width:clamp(190px, 31.667vw, 380px);--portfolio-card-width:var(--portfolio-card-target-width);--portfolio-card-radius:clamp(16px, 2.083vw, 25px);--portfolio-mobile-content-height:calc(var(--portfolio-mobile-copy-height) + var(--portfolio-cards-gap) + var(--portfolio-cards-height));--portfolio-mobile-content-top:max(32px, calc((100svh - var(--portfolio-mobile-content-height)) / 2));--portfolio-cards-top:calc(var(--portfolio-mobile-content-top) + var(--portfolio-mobile-copy-height) + var(--portfolio-cards-gap));--portfolio-mobile-stage-height:max(100svh, calc(var(--portfolio-mobile-content-height) + 64px));height:var(--portfolio-mobile-stage-height);display:block;position:relative;top:auto;overflow:hidden}.PortfolioCopy{top:var(--portfolio-mobile-content-top);left:var(--portfolio-copy-left);width:calc(100vw - var(--portfolio-mobile-padding-inline) * 2);text-align:center}.PortfolioControls,.PortfolioScrollbar{display:none}.PortfolioCards{top:var(--portfolio-cards-top);width:100vw;min-height:var(--portfolio-cards-height);left:0;right:0}.PortfolioSlide{width:var(--portfolio-card-width)}.PortfolioNoImageCard{top:calc((var(--portfolio-cards-height) - min(500px, var(--portfolio-cards-height))) / 2);width:min(340px,100vw - 40px);height:min(500px, var(--portfolio-cards-height))}}@media (max-width:767px){.PortfolioDiv{--portfolio-mobile-padding-inline:clamp(18px, 6.4vw, 32px);--portfolio-eyebrow-size:clamp(10px, 3.2vw, 18px);--portfolio-eyebrow-line-height:clamp(24px, 8.8vw, 40px);--portfolio-eyebrow-gap:clamp(10px, 3.733vw, 18px);--portfolio-title-size:clamp(20px, 6.4vw, 42px);--portfolio-title-line-height:clamp(25px, 8vw, 58px);--portfolio-button-width:clamp(96px, 32vw, 140px);--portfolio-button-height:clamp(28px, 9.067vw, 42px);--portfolio-button-top:clamp(28px, 8.533vw, 44px);--portfolio-button-size:clamp(13px, 4vw, 17px);--portfolio-cards-gap:clamp(32px, 10.667vw, 78px);--portfolio-cards-height:clamp(390px, 112vw, 560px);--portfolio-swiper-padding-y:clamp(24px, 7.467vw, 36px);--portfolio-card-target-width:clamp(190px, 61.867vw, 260px);--portfolio-card-radius:clamp(16px, 5.333vw, 24px)}}@media (max-width:599px){.PortfolioDiv{--portfolio-cards-height:clamp(370px, 112vw, 520px)}}@media (max-width:479px){.PortfolioDiv{--portfolio-mobile-padding-inline:clamp(18px, 5.867vw, 24px);--portfolio-button-top:clamp(24px, 8.533vw, 34px);--portfolio-cards-height:clamp(350px, 112vw, 470px);--portfolio-card-target-width:clamp(180px, 61.867vw, 240px)}}@media (max-width:389px){.PortfolioDiv{--portfolio-cards-height:clamp(320px, 108vw, 420px);--portfolio-card-target-width:clamp(170px, 61.867vw, 220px)}}@media (max-width:329px){.PortfolioDiv{--portfolio-mobile-padding-inline:16px;--portfolio-eyebrow-gap:clamp(8px, 3vw, 10px);--portfolio-button-top:clamp(20px, 7vw, 24px);--portfolio-cards-height:clamp(280px, 104vw, 340px);--portfolio-card-target-width:clamp(150px, 58vw, 190px)}}
.IntroductionPage{background:url(/assets/background/home/introduction-bg.webp) 50%/100% 100% no-repeat;width:100%;height:100vh;position:relative;overflow:hidden}.InDiv{--intro-content-left:0px;--intro-content-top:clamp(184px, calc(69.294px + 12.7451vw), 314px);--intro-content-gap:clamp(45px, calc(-1.765px + 5.1961vw), 98px);--intro-text-gap:clamp(22px, calc(13.176px + .9804vw), 32px);--intro-title-size:clamp(46.8px, calc(10.447px + 4.0392vw), 88px);--intro-title-line-height:clamp(56px, calc(17.176px + 4.3137vw), 100px);--intro-body-size:clamp(15px, calc(12.353px + .2941vw), 18px);--intro-body-line-height:clamp(27px, calc(21.706px + .5882vw), 33px);--intro-button-width:clamp(108px, calc(97.412px + 1.1765vw), 120px);--intro-button-height:clamp(32px, calc(30.235px + .1961vw), 34px);--intro-button-size:clamp(14px, calc(13.118px + .098vw), 15px);--intro-button-letter-spacing:calc(var(--intro-button-size) * -.05);--intro-circle-size:clamp(216px, calc(39.529px + 19.6078vw), 416px);--intro-circle-top:clamp(230px, calc(193.824px + 4.0196vw), 271px);--intro-circle-left:43.2%;--intro-circle-gap:14.1333%;--intro-circle-left-1:calc(var(--intro-circle-left) + var(--intro-circle-gap));--intro-circle-left-2:calc(var(--intro-circle-left) + var(--intro-circle-gap) * 2);--intro-bottom-top:clamp(450px, calc(269.118px + 20.098vw), 655px);--intro-bottom-right:0px;--intro-bottom-left:auto;--intro-bottom-size:clamp(21px, calc(13.059px + .8824vw), 30px);--intro-bottom-line-height:clamp(29px, calc(21.059px + .8824vw), 38px);--intro-bottom-letter-spacing:calc(var(--intro-bottom-size) * -.024);--intro-bottom-align:right;--intro-bottom-weight:700;--intro-stage-height:clamp(760px, calc(477.647px + 31.3725vw), 1080px);--intro-stage-offset-y:calc((100dvh - var(--intro-stage-height)) / 2);width:min(78.125vw,2000px);height:100dvh;margin:0 auto;font-family:SUIT Variable;position:sticky;top:0}.IntroductionDiv{top:calc(var(--intro-content-top) + var(--intro-stage-offset-y));left:var(--intro-content-left);gap:var(--intro-content-gap);flex-direction:column;display:flex;position:absolute}.IntroductionText{gap:var(--intro-text-gap);flex-direction:column;display:flex}.IntroductionEn{color:#fff;font-size:var(--intro-title-size);font-weight:800;line-height:var(--intro-title-line-height);letter-spacing:calc(var(--intro-title-size) * -.06)}.IntroductionEn br.mobile-br{display:none}.IntroductionKr{color:#eee;font-size:var(--intro-body-size);font-weight:400;line-height:var(--intro-body-line-height);letter-spacing:calc(var(--intro-body-size) * -.03)}.IntroductionAbout{width:var(--intro-button-width);height:var(--intro-button-height);color:#fff;font-size:var(--intro-button-size);letter-spacing:var(--intro-button-letter-spacing);box-shadow:none;background:linear-gradient(95deg,#36a199 46.68%,#4fdbcf 96.7%);border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.IntroductionAbout:before{content:"";opacity:0;background:#fff;width:0;height:86%;position:absolute;top:7%;left:0;transform:skew(-20deg);box-shadow:0 0 15px 3px #fff}.IntroductionAbout:hover{box-shadow:0 0 30px #4fdbcf80}.IntroductionAbout:hover:before{animation:.5s linear IntroductionShine}.IntroductionAbout:active{box-shadow:none}@keyframes IntroductionShine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.IntroductionBottomText{top:calc(var(--intro-bottom-top) + var(--intro-stage-offset-y));right:var(--intro-bottom-right);left:var(--intro-bottom-left);z-index:2;color:#eee;text-align:var(--intro-bottom-align);font-size:var(--intro-bottom-size);font-weight:var(--intro-bottom-weight);line-height:var(--intro-bottom-line-height);letter-spacing:var(--intro-bottom-letter-spacing);margin:0;position:absolute}.IntroductionBottomTextMobile{display:none}.InImg,.InImg1,.InImg2{top:calc(var(--intro-circle-top) + var(--intro-stage-offset-y));z-index:1;position:absolute}.InImg{left:var(--intro-circle-left)}.InImg1{left:var(--intro-circle-left-1)}.InImg2{left:var(--intro-circle-left-2)}.InImg img,.InImg1 img,.InImg2 img{width:var(--intro-circle-size);height:var(--intro-circle-size);opacity:.85}@media (min-width:1920px){.InDiv{--intro-content-top:clamp(314px, 16.3542vw, 419px);--intro-content-gap:clamp(98px, 5.1042vw, 131px);--intro-text-gap:clamp(32px, 1.6667vw, 43px);--intro-title-size:clamp(88px, calc(49px + 2.0313vw), 101px);--intro-title-line-height:clamp(100px, calc(58px + 2.1875vw), 114px);--intro-body-size:clamp(18px, calc(9px + .4688vw), 21px);--intro-body-line-height:clamp(33px, calc(16.5px + .8594vw), 38px);--intro-button-width:clamp(120px, calc(72px + 2.5vw), 136px);--intro-button-height:clamp(34px, calc(16px + .9375vw), 40px);--intro-button-size:clamp(15px, calc(9px + .3125vw), 17px);--intro-circle-size:clamp(416px, 21.6667vw, 555px);--intro-circle-top:clamp(271px, 14.1146vw, 361px);--intro-bottom-top:clamp(655px, calc(220px + 22.6563vw), 800px);--intro-bottom-size:clamp(30px, calc(12px + .9375vw), 36px);--intro-bottom-line-height:clamp(38px, calc(14px + 1.25vw), 46px);--intro-stage-height:clamp(1080px, 56.25vw, 1440px)}}@media (min-width:900px) and (max-height:760px){.InDiv{--intro-stage-offset-y:max(calc((100dvh - var(--intro-stage-height)) / 2), calc(80px - var(--intro-content-top)))}}@media (max-width:899px){.IntroductionPage{background:url(/assets/background/home/introduction-mobile-bg.webp) 50%/100% 100% no-repeat;height:auto}.InDiv{--intro-stage-offset-y:0px;--intro-content-left:clamp(20px, 6.667vw, 48px);--intro-content-gap:0px;--intro-title-size:clamp(34px, calc(24px + 4.267vw), 62px);--intro-title-line-height:clamp(38px, calc(28px + 4.8vw), 66px);--intro-circle-size:clamp(140px, 43.733vw, 220px);--intro-mobile-gap:clamp(16px, 6.4vw, 24px);--intro-circle-top:calc(var(--intro-content-top) + var(--intro-title-line-height) * 3 + var(--intro-mobile-gap));--intro-circle-left:clamp(18px, 5.867vw, 40px);--intro-circle-left-1:clamp(90px, 28.267vw, 180px);--intro-circle-left-2:clamp(160px, 49.6vw, 320px);--intro-button-width:clamp(100px, calc(101px + 5.1vw), 160px);--intro-button-height:clamp(30px, calc(28px + 1.6vw), 46px);--intro-button-size:clamp(13px, calc(12px + .8vw), 20px);--intro-button-letter-spacing:calc(var(--intro-button-size) * -.05);--intro-button-top:calc(var(--intro-circle-top) + var(--intro-circle-size) + var(--intro-mobile-gap));--intro-bottom-size:clamp(16px, 4.267vw, 22px);--intro-bottom-line-height:clamp(30px, 8vw, 40px);--intro-bottom-letter-spacing:-.48px;--intro-bottom-left:clamp(24px, 7.733vw, 64px);--intro-bottom-right:auto;--intro-bottom-gap:clamp(25px, 6.667vw, 40px);--intro-bottom-align:left;--intro-bottom-weight:600;--intro-content-height:calc(var(--intro-title-line-height) * 3 + var(--intro-mobile-gap) + var(--intro-circle-size) + var(--intro-mobile-gap) + var(--intro-button-height) + var(--intro-bottom-gap) + var(--intro-bottom-line-height) * 2);--intro-mobile-stage-height:max(100svh, calc(var(--intro-content-height) + 48px));--intro-content-top:calc((var(--intro-mobile-stage-height) - var(--intro-content-height)) / 2);--intro-bottom-top:calc(var(--intro-button-top) + var(--intro-button-height) + var(--intro-bottom-gap));width:100%;max-width:none;height:var(--intro-mobile-stage-height)}.IntroductionKr{display:none}.IntroductionEn br.mobile-br{display:block}.IntroductionAbout{top:calc(var(--intro-button-top) - var(--intro-content-top));position:absolute;left:0}.IntroductionBottomTextDesktop{display:none}.IntroductionBottomTextMobile{display:inline}}
.PartnersPage{--partners-height:770px;--partners-content-top:250px;--partners-content-width:980px;--partners-content-padding-x:48px;--partners-eyebrow-size:18px;--partners-eyebrow-line-height:33px;--partners-title-gap:25px;--partners-title-size:45px;--partners-title-line-height:60px;--partners-logo-gap-x:70px;--partners-logo-gap-y:32px;--partners-logo-top:60px;--partners-logo-mobis-width:136px;--partners-logo-mobis-height:52px;--partners-logo-hyundai-width:151px;--partners-logo-hyundai-height:19px;--partners-logo-autoever-width:123px;--partners-logo-autoever-height:36px;--partners-logo-ulsan-width:153px;--partners-logo-ulsan-height:34px;--partners-background-position:center;--partners-background-size:cover;z-index:0;width:100%;height:var(--partners-height);color:#fff;background-image:url(/assets/background/home/partners-bg.webp);background-position:var(--partners-background-position);background-repeat:no-repeat;background-size:var(--partners-background-size);justify-content:center;font-family:SUIT Variable;display:flex;position:relative}.PartnersPageDiv{width:min(2000px,100%);height:100%;position:relative;overflow:hidden}.PartnersContent{top:var(--partners-content-top);box-sizing:border-box;width:min(var(--partners-content-width), calc(100% - var(--partners-content-padding-x) * 2));text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.PartnersEyebrow{color:#36a199;font-size:var(--partners-eyebrow-size);font-weight:900;line-height:var(--partners-eyebrow-line-height);letter-spacing:calc(var(--partners-eyebrow-size) * -.03);margin:0}.PartnersTitle{margin:var(--partners-title-gap) 0 0;color:#eee;font-size:var(--partners-title-size);font-weight:800;line-height:var(--partners-title-line-height);letter-spacing:calc(var(--partners-title-size) * -.03)}.PartnersLogoViewport{width:100%;margin-top:var(--partners-logo-top);overflow:hidden}.PartnersLogoList{justify-content:center;align-items:center;gap:var(--partners-logo-gap-y) var(--partners-logo-gap-x);display:flex}.PartnersLogoImage{object-fit:contain;flex:none;display:block}.PartnersLogoImage--duplicate{display:none}.PartnersLogoImage--mobis{width:var(--partners-logo-mobis-width);height:var(--partners-logo-mobis-height)}.PartnersLogoImage--hyundai{width:var(--partners-logo-hyundai-width);height:var(--partners-logo-hyundai-height)}.PartnersLogoImage--autoever{width:var(--partners-logo-autoever-width);height:var(--partners-logo-autoever-height)}.PartnersLogoImage--ulsan{width:var(--partners-logo-ulsan-width);height:var(--partners-logo-ulsan-height)}@media (min-width:900px) and (max-width:1919px){.PartnersPage{--partners-height:clamp(560px, 40.104vw, 770px);--partners-content-top:clamp(150px, 13.021vw, 250px);--partners-content-width:clamp(720px, 51.042vw, 980px);--partners-eyebrow-size:clamp(14px, .938vw, 18px);--partners-eyebrow-line-height:clamp(26px, 1.719vw, 33px);--partners-title-gap:clamp(18px, 1.302vw, 25px);--partners-title-size:clamp(30px, 2.344vw, 45px);--partners-title-line-height:clamp(42px, 3.125vw, 60px);--partners-logo-top:clamp(42px, 3.125vw, 60px);--partners-logo-gap-x:clamp(36px, 3.646vw, 70px);--partners-logo-gap-y:clamp(24px, 1.667vw, 32px);--partners-logo-mobis-width:clamp(96px, 7.083vw, 136px);--partners-logo-mobis-height:clamp(37px, 2.708vw, 52px);--partners-logo-hyundai-width:clamp(106px, 7.865vw, 151px);--partners-logo-hyundai-height:clamp(13px, .99vw, 19px);--partners-logo-autoever-width:clamp(88px, 6.406vw, 123px);--partners-logo-autoever-height:clamp(26px, 1.875vw, 36px);--partners-logo-ulsan-width:clamp(108px, 7.969vw, 153px);--partners-logo-ulsan-height:clamp(24px, 1.771vw, 34px)}}@media (min-width:1920px){.PartnersPage{--partners-height:clamp(770px, 40.104vw, 1027px);--partners-content-top:clamp(250px, 13.021vw, 333px);--partners-content-width:clamp(980px, 51.042vw, 1307px);--partners-content-padding-x:clamp(48px, 2.5vw, 64px);--partners-title-size:clamp(45px, calc(30px + .78125vw), 50px);--partners-logo-top:clamp(60px, 3.125vw, 80px);--partners-logo-gap-x:clamp(70px, 3.516vw, 90px);--partners-logo-gap-y:clamp(32px, 1.667vw, 43px);--partners-logo-mobis-width:clamp(136px, 6.95313vw, 178px);--partners-logo-mobis-height:clamp(52px, 2.65625vw, 68px);--partners-logo-hyundai-width:clamp(151px, 7.70833vw, 197px);--partners-logo-hyundai-height:clamp(19px, .963542vw, 25px);--partners-logo-autoever-width:clamp(123px, 6.27604vw, 161px);--partners-logo-autoever-height:clamp(36px, 1.84896vw, 47px);--partners-logo-ulsan-width:clamp(153px, 7.8125vw, 200px);--partners-logo-ulsan-height:clamp(34px, 1.74479vw, 45px)}}@media (max-width:899px){.PartnersPage{--partners-height:clamp(330px, 96vw, 480px);--partners-content-width:calc(100vw - 40px);--partners-content-padding-x:20px;--partners-eyebrow-size:clamp(10px, 3.2vw, 18px);--partners-eyebrow-line-height:clamp(24px, 8.8vw, 40px);--partners-title-gap:0px;--partners-title-size:clamp(20px, 6.4vw, 34px);--partners-title-line-height:clamp(26px, 8vw, 42px);--partners-logo-top:50px;--partners-background-position:center bottom;--partners-background-size:auto 100%}.PartnersContent{top:50%;transform:translate(-50%,-50%)}.PartnersLogoViewport{width:100vw}.PartnersLogoList{justify-content:flex-start;width:max-content;animation:14s linear infinite partners-logo-marquee}.PartnersLogoImage--duplicate{display:block}}@keyframes partners-logo-marquee{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--partners-logo-gap-x) / 2)))}}