.IntroducePage{--introduce-title-line-1-fill:0;--introduce-title-line-2-fill:0;--introduce-title-line-3-fill:0;background-color:#000;width:100%;min-height:420dvh;font-family:SUIT Variable;position:relative}.IntroducePageSticky{background-color:#000;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.IntroducePageBackgroundVideo{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.IntroducePageContent{z-index:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.IntroduceHeroText{flex-direction:column;align-items:center;width:min(100%,1500px);display:flex}.IntroduceHeroEyebrow{color:#36a199;font-size:var(--introduce-hero-eyebrow-size);font-weight:900;line-height:var(--introduce-hero-eyebrow-line-height);letter-spacing:calc(var(--introduce-hero-eyebrow-size) * -.03);margin:0}.IntroduceHeroTitleGroup{margin-top:var(--introduce-hero-title-gap);width:100%;position:relative}.IntroduceHeroTitle{font-size:var(--introduce-hero-title-size);font-weight:800;line-height:var(--introduce-hero-title-line-height);letter-spacing:calc(var(--introduce-hero-title-size) * -.05);text-align:center;flex-direction:column;margin:0;display:flex}.IntroduceHeroTitleLine{color:#0000;background-image:linear-gradient(90deg, #fff 0%, #fff calc(var(--introduce-title-line-fill) * 100%), #aaa calc(var(--introduce-title-line-fill) * 100%), #aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.IntroduceHeroTitleLine--1{--introduce-title-line-fill:var(--introduce-title-line-1-fill)}.IntroduceHeroTitleLine--2{--introduce-title-line-fill:var(--introduce-title-line-2-fill)}.IntroduceHeroTitleLine--3{--introduce-title-line-fill:var(--introduce-title-line-3-fill)}.IntroduceHeroTitleLine--mobile{display:none}.IntroduceHeroBottomText{top:calc(100% + var(--introduce-hero-bottom-text-gap));color:#fff;text-align:center;width:100%;font-size:var(--introduce-hero-bottom-text-size);margin:0;font-weight:600;line-height:normal;position:absolute;left:0}@media (max-width:899px){.IntroducePage{min-height:420svh}.IntroducePageSticky{height:100svh}.IntroducePage{--introduce-hero-eyebrow-size:clamp(14px, calc(12.895px + .345vw), 16px);--introduce-hero-eyebrow-line-height:clamp(30px, calc(28.343px + .518vw), 33px);--introduce-hero-title-size:clamp(28px, calc(25.789px + .691vw), 32px);--introduce-hero-title-line-height:clamp(44px, calc(40.684px + 1.036vw), 50px);--introduce-hero-title-gap:0}.IntroduceHeroTitleLine--desktop,.IntroduceHeroBottomText{display:none}.IntroduceHeroTitleLine--mobile{display:block}}@media (min-width:900px){.IntroducePage{--introduce-hero-eyebrow-size:clamp(12px, calc(6.706px + .588vw), 18px);--introduce-hero-eyebrow-line-height:clamp(24px, calc(16.059px + .882vw), 33px);--introduce-hero-title-size:clamp(34px, calc(11.059px + 2.549vw), 60px);--introduce-hero-title-line-height:clamp(50px, calc(19.118px + 3.431vw), 85px);--introduce-hero-title-gap:clamp(14px, calc(6.941px + .784vw), 22px);--introduce-hero-bottom-text-size:clamp(16px, calc(8.941px + .784vw), 24px);--introduce-hero-bottom-text-gap:clamp(80px, 13vh, 252px)}}@media (min-width:1920px){.IntroducePage{--introduce-hero-title-gap:clamp(22px, calc(-2px + 1.25vw), 30px);--introduce-hero-bottom-text-gap:clamp(80px, 13vh, 336px)}}
.IntroduceServicePage{--introduce-service-eyebrow-size:clamp(18px, .78vw, 24px);--introduce-service-eyebrow-line-height:clamp(33px, 1.42vw, 43px);--introduce-service-title-gap:35px;--introduce-service-title-size:48px;--introduce-service-title-line-height:65px;--introduce-service-card-top-gap:81px;--introduce-service-card-width:420px;--introduce-service-card-height-ratio:1.38095;--introduce-service-card-height:calc(var(--introduce-service-card-width) * var(--introduce-service-card-height-ratio));--introduce-service-card-radius:15px;--introduce-service-card-title-top:58px;--introduce-service-card-title-left:40px;--introduce-service-card-title-size:28px;--introduce-service-card-title-line-height:55px;--introduce-service-card-description-gap:15px;--introduce-service-card-description-left:40px;--introduce-service-card-description-size:16px;--introduce-service-card-description-line-height:30px;--introduce-service-card-icon-size:236px;--introduce-service-card-icon-right:20px;--introduce-service-card-icon-bottom:20px;--introduce-service-content-height:calc(var(--introduce-service-eyebrow-line-height) + var(--introduce-service-title-gap) + var(--introduce-service-title-line-height) * 2 + var(--introduce-service-card-top-gap) + var(--introduce-service-card-height));--introduce-service-header-safe-area:100px;--introduce-service-bottom-safe-area:clamp(12px, 3dvh, 32px);--introduce-service-content-scale:1;--introduce-service-content-width:100vw;--introduce-service-available-height:calc(100dvh - var(--introduce-service-header-safe-area) - var(--introduce-service-bottom-safe-area));background-color:#000;width:100%;height:100dvh;font-family:SUIT Variable;position:relative}.IntroduceServiceSticky{background-image:url(/assets/background/introduce/service-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.IntroduceServiceContent{top:calc(var(--introduce-service-header-safe-area) + var(--introduce-service-available-height) / 2);width:var(--introduce-service-content-width);height:var(--introduce-service-content-height);transform:translate(-50%, -50%) scale(var(--introduce-service-content-scale));transform-origin:50%;position:absolute;left:50%}.IntroduceServiceViewportInset{width:0;height:calc(var(--introduce-service-header-safe-area) + var(--introduce-service-bottom-safe-area));visibility:hidden;pointer-events:none;position:absolute}.IntroduceServiceEyebrow{z-index:1;color:#36a199;text-align:center;font-size:var(--introduce-service-eyebrow-size);font-weight:900;line-height:var(--introduce-service-eyebrow-line-height);letter-spacing:calc(var(--introduce-service-eyebrow-size) * -.03);margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.IntroduceServiceTitle{top:calc(var(--introduce-service-eyebrow-line-height) + var(--introduce-service-title-gap));z-index:1;color:#aaa;text-align:center;width:100%;font-size:var(--introduce-service-title-size);font-weight:800;line-height:var(--introduce-service-title-line-height);letter-spacing:calc(var(--introduce-service-title-size) * -.05);flex-direction:column;align-items:center;margin:0;display:flex;position:absolute;left:0}.IntroduceServiceTitleLine{color:#fff;display:block}.IntroduceServiceCards{top:calc(var(--introduce-service-eyebrow-line-height) + var(--introduce-service-title-gap) + var(--introduce-service-title-line-height) * 2 + var(--introduce-service-card-top-gap));z-index:1;width:100%;position:absolute;left:0;overflow:hidden}.IntroduceServiceSwiper{width:100%;overflow:visible}.IntroduceServiceSwiper .IntroduceServiceSlide{width:var(--introduce-service-card-width);flex-shrink:0}.IntroduceServiceCard{width:var(--introduce-service-card-width);height:var(--introduce-service-card-height);border-radius:var(--introduce-service-card-radius);background:#222;position:relative;overflow:hidden}.IntroduceServiceCardTitle{top:var(--introduce-service-card-title-top);left:var(--introduce-service-card-title-left);z-index:1;color:#fff;font-size:var(--introduce-service-card-title-size);font-weight:800;line-height:var(--introduce-service-card-title-line-height);letter-spacing:calc(var(--introduce-service-card-title-size) * -.03);white-space:nowrap;margin:0;position:absolute}.IntroduceServiceCardDescription{top:calc(var(--introduce-service-card-title-top) + var(--introduce-service-card-title-line-height) + var(--introduce-service-card-description-gap));left:var(--introduce-service-card-description-left);z-index:1;color:#ddd;font-size:var(--introduce-service-card-description-size);font-weight:400;line-height:var(--introduce-service-card-description-line-height);letter-spacing:calc(var(--introduce-service-card-description-size) * -.03);white-space:nowrap;margin:0;position:absolute}.IntroduceServiceCardIcon{right:var(--introduce-service-card-icon-right);bottom:var(--introduce-service-card-icon-bottom);width:min(var(--introduce-service-card-icon-size), 42%);height:min(var(--introduce-service-card-icon-size), 42%);object-fit:contain;pointer-events:none;display:block;position:absolute}@media (min-width:900px) and (max-width:1199px){.IntroduceServicePage{--introduce-service-eyebrow-size:clamp(12px, 1.3vw, 16px);--introduce-service-eyebrow-line-height:clamp(24px, 2.6vw, 30px);--introduce-service-title-gap:clamp(24px, 3vw, 32px);--introduce-service-title-size:clamp(30px, 3.8vw, 42px);--introduce-service-title-line-height:clamp(44px, 5.1vw, 58px);--introduce-service-card-top-gap:clamp(56px, 6.4vw, 72px);--introduce-service-card-width:clamp(240px, 21.875vw, 262px);--introduce-service-card-radius:clamp(9px, .781vw, 10px);--introduce-service-card-title-top:clamp(34px, 3.021vw, 36px);--introduce-service-card-title-left:clamp(23px, 2.083vw, 25px);--introduce-service-card-title-size:clamp(16px, 1.458vw, 18px);--introduce-service-card-title-line-height:clamp(32px, 2.865vw, 34px);--introduce-service-card-description-gap:clamp(8px, .781vw, 9px);--introduce-service-card-description-left:clamp(23px, 2.083vw, 25px);--introduce-service-card-description-size:clamp(10px, .833vw, 11px);--introduce-service-card-description-line-height:clamp(18px, 1.563vw, 19px);--introduce-service-card-icon-size:clamp(135px, 12.292vw, 147px);--introduce-service-card-icon-right:clamp(11px, 1.042vw, 12px);--introduce-service-card-icon-bottom:clamp(11px, 1.042vw, 12px);--introduce-service-header-safe-area:80px}}@media (min-width:1200px) and (max-width:1439px){.IntroduceServicePage{--introduce-service-eyebrow-size:clamp(16px, 1.2vw, 18px);--introduce-service-eyebrow-line-height:clamp(30px, 2.4vw, 33px);--introduce-service-title-gap:clamp(32px, 2.6vw, 35px);--introduce-service-title-size:clamp(42px, 3.4vw, 46px);--introduce-service-title-line-height:clamp(58px, 4.6vw, 63px);--introduce-service-card-top-gap:clamp(72px, 5.4vw, 81px);--introduce-service-card-width:clamp(263px, 21.875vw, 315px);--introduce-service-card-radius:clamp(10px, .781vw, 12px);--introduce-service-card-title-top:clamp(36px, 3.021vw, 44px);--introduce-service-card-title-left:clamp(25px, 2.083vw, 30px);--introduce-service-card-title-size:clamp(18px, 1.458vw, 21px);--introduce-service-card-title-line-height:clamp(34px, 2.865vw, 41px);--introduce-service-card-description-gap:clamp(9px, .781vw, 12px);--introduce-service-card-description-left:clamp(25px, 2.083vw, 30px);--introduce-service-card-description-size:clamp(11px, .833vw, 12px);--introduce-service-card-description-line-height:clamp(19px, 1.563vw, 23px);--introduce-service-card-icon-size:clamp(148px, 12.292vw, 177px);--introduce-service-card-icon-right:clamp(12px, 1.042vw, 15px);--introduce-service-card-icon-bottom:clamp(12px, 1.042vw, 15px);--introduce-service-header-safe-area:90px}}@media (min-width:1440px) and (max-width:1919px){.IntroduceServicePage{--introduce-service-eyebrow-size:clamp(18px, 1.25vw, 18px);--introduce-service-eyebrow-line-height:clamp(33px, 2.292vw, 33px);--introduce-service-title-gap:35px;--introduce-service-title-size:clamp(46px, 3.333vw, 48px);--introduce-service-title-line-height:clamp(63px, 4.514vw, 65px);--introduce-service-card-top-gap:81px;--introduce-service-card-width:clamp(315px, 21.875vw, 420px);--introduce-service-card-radius:clamp(12px, .781vw, 15px);--introduce-service-card-title-top:clamp(44px, 3.021vw, 58px);--introduce-service-card-title-left:clamp(30px, 2.083vw, 40px);--introduce-service-card-title-size:clamp(21px, 1.458vw, 28px);--introduce-service-card-title-line-height:clamp(41px, 2.865vw, 55px);--introduce-service-card-description-gap:clamp(12px, .781vw, 15px);--introduce-service-card-description-left:clamp(30px, 2.083vw, 40px);--introduce-service-card-description-size:clamp(12px, .833vw, 16px);--introduce-service-card-description-line-height:clamp(23px, 1.563vw, 30px);--introduce-service-card-icon-size:clamp(177px, 12.292vw, 236px);--introduce-service-card-icon-right:clamp(15px, 1.042vw, 20px);--introduce-service-card-icon-bottom:clamp(15px, 1.042vw, 20px)}}@media (min-width:1920px) and (max-width:2559px){.IntroduceServicePage{--introduce-service-title-gap:clamp(35px, 1.75vw, 44px);--introduce-service-card-top-gap:clamp(81px, 4.219vw, 108px);--introduce-service-card-width:clamp(420px, 21.875vw, 560px);--introduce-service-card-radius:clamp(15px, .781vw, 20px);--introduce-service-card-title-top:clamp(58px, 3.021vw, 77px);--introduce-service-card-title-left:clamp(40px, 2.083vw, 53px);--introduce-service-card-title-size:clamp(28px, 1.458vw, 37px);--introduce-service-card-title-line-height:clamp(55px, 2.865vw, 73px);--introduce-service-card-description-gap:clamp(15px, .781vw, 20px);--introduce-service-card-description-left:clamp(40px, 2.083vw, 53px);--introduce-service-card-description-size:clamp(16px, .833vw, 21px);--introduce-service-card-description-line-height:clamp(30px, 1.563vw, 40px);--introduce-service-card-icon-size:clamp(236px, 12.292vw, 315px);--introduce-service-card-icon-right:clamp(20px, 1.042vw, 27px);--introduce-service-card-icon-bottom:clamp(20px, 1.042vw, 27px)}}@media (min-width:2560px) and (max-width:3839px){.IntroduceServicePage{--introduce-service-title-gap:clamp(44px, 1.55vw, 64px);--introduce-service-card-top-gap:clamp(108px, 4.219vw, 162px);--introduce-service-card-width:clamp(560px, 21.875vw, 840px);--introduce-service-card-radius:clamp(20px, .781vw, 30px);--introduce-service-card-title-top:clamp(77px, 3.021vw, 116px);--introduce-service-card-title-left:clamp(53px, 2.083vw, 80px);--introduce-service-card-title-size:clamp(37px, 1.458vw, 56px);--introduce-service-card-title-line-height:clamp(73px, 2.865vw, 110px);--introduce-service-card-description-gap:clamp(20px, .781vw, 30px);--introduce-service-card-description-left:clamp(53px, 2.083vw, 80px);--introduce-service-card-description-size:clamp(21px, .833vw, 32px);--introduce-service-card-description-line-height:clamp(40px, 1.563vw, 60px);--introduce-service-card-icon-size:clamp(315px, 12.292vw, 472px);--introduce-service-card-icon-right:clamp(27px, 1.042vw, 40px);--introduce-service-card-icon-bottom:clamp(27px, 1.042vw, 40px)}}@media (min-width:3840px){.IntroduceServicePage{--introduce-service-eyebrow-size:clamp(26px, .625vw, 32px);--introduce-service-eyebrow-line-height:clamp(46px, 1.042vw, 56px);--introduce-service-title-gap:64px;--introduce-service-title-size:clamp(72px, 1.563vw, 90px);--introduce-service-title-line-height:clamp(96px, 2.083vw, 118px);--introduce-service-card-top-gap:162px;--introduce-service-card-width:840px;--introduce-service-card-radius:30px;--introduce-service-card-title-top:116px;--introduce-service-card-title-left:80px;--introduce-service-card-title-size:56px;--introduce-service-card-title-line-height:110px;--introduce-service-card-description-gap:30px;--introduce-service-card-description-left:80px;--introduce-service-card-description-size:32px;--introduce-service-card-description-line-height:60px;--introduce-service-card-icon-size:472px;--introduce-service-card-icon-right:40px;--introduce-service-card-icon-bottom:40px}}@media (max-width:899px){.IntroduceServicePage{--introduce-service-eyebrow-size:clamp(14px, 4.267vw, 18px);--introduce-service-eyebrow-line-height:clamp(30px, 8.8vw, 36px);--introduce-service-title-gap:clamp(8px, 2.667vw, 14px);--introduce-service-title-size:clamp(22px, 6.933vw, 34px);--introduce-service-title-line-height:clamp(31px, 9.6vw, 44px);--introduce-service-card-top-gap:clamp(42px, 13.067vw, 64px);--introduce-service-card-width:clamp(238px, 74.667vw, 360px);--introduce-service-card-radius:clamp(9px, 2.667vw, 13px);--introduce-service-card-title-top:clamp(33px, 10.311vw, 50px);--introduce-service-card-title-left:clamp(23px, 7.111vw, 34px);--introduce-service-card-title-size:clamp(16px, 4.978vw, 24px);--introduce-service-card-title-line-height:clamp(31px, 9.778vw, 47px);--introduce-service-card-description-gap:clamp(8px, 2.667vw, 13px);--introduce-service-card-description-left:clamp(23px, 7.111vw, 34px);--introduce-service-card-description-size:clamp(10px, 3.022vw, 14px);--introduce-service-card-description-line-height:clamp(17px, 5.333vw, 25px);--introduce-service-card-icon-size:clamp(133px, 41.956vw, 197px);--introduce-service-card-icon-right:clamp(11px, 3.556vw, 17px);--introduce-service-card-icon-bottom:clamp(11px, 3.556vw, 17px);--introduce-service-header-safe-area:clamp(64px, 18vw, 84px);--introduce-service-bottom-safe-area:clamp(8px, 2svh, 20px);--introduce-service-available-height:calc(100svh - var(--introduce-service-header-safe-area) - var(--introduce-service-bottom-safe-area));height:100svh}.IntroduceServicePageSticky{height:100svh}}@media (min-width:1920px) and (max-height:1400px){.IntroduceServicePage{--introduce-service-card-width:clamp(420px, 18.75vw, 480px);--introduce-service-card-radius:clamp(15px, .703vw, 18px);--introduce-service-card-title-top:clamp(58px, 2.578vw, 66px);--introduce-service-card-title-left:clamp(40px, 1.797vw, 46px);--introduce-service-card-title-size:clamp(28px, 1.25vw, 32px);--introduce-service-card-title-line-height:clamp(55px, 2.461vw, 63px);--introduce-service-card-description-gap:clamp(15px, .664vw, 17px);--introduce-service-card-description-left:clamp(40px, 1.797vw, 46px);--introduce-service-card-description-size:clamp(16px, .703vw, 18px);--introduce-service-card-description-line-height:clamp(30px, 1.328vw, 34px);--introduce-service-card-icon-size:clamp(236px, 10.547vw, 270px);--introduce-service-card-icon-right:clamp(20px, .898vw, 23px);--introduce-service-card-icon-bottom:clamp(20px, .898vw, 23px);--introduce-service-card-top-gap:clamp(76px, 3.75vw, 96px);--introduce-service-header-safe-area:110px;--introduce-service-bottom-safe-area:clamp(12px, 2dvh, 24px)}}
.IntroduceHistoryPage{--introduce-history-content-left:max(96px, 18.698vw);--introduce-history-eyebrow-line-height:33px;--introduce-history-eyebrow-size:18px;--introduce-history-title-gap:5px;--introduce-history-title-size:48px;--introduce-history-title-line-height:65px;--introduce-history-description-gap:10px;--introduce-history-description-size:21px;--introduce-history-description-line-height:55px;--introduce-history-period-button-gap:max(30px, 4.537vh);--introduce-history-period-button-width:max(112px, 8.333vw);--introduce-history-period-button-height:max(35px, 2.604vw);--introduce-history-period-button-space:max(15px, 1.042vw);--introduce-history-period-button-text-width:max(78px, 5.781vw);--introduce-history-period-button-text-height:max(18px, 1.406vw);--introduce-history-period-button-text-size:max(14px, 1.042vw);--introduce-history-content-height:calc(var(--introduce-history-eyebrow-line-height) + var(--introduce-history-title-gap) + var(--introduce-history-title-line-height) + var(--introduce-history-description-gap) + var(--introduce-history-description-line-height) + var(--introduce-history-period-button-gap) + var(--introduce-history-period-button-height));--introduce-history-axis-x:calc(100% - max(300px, 45.781vw) + .5px);--introduce-history-dot-size:max(10px, .781vw);--introduce-history-year-gap:max(28px, 3.646vw);--introduce-history-year-width:max(62px, 4.583vw);--introduce-history-year-size:max(24px, 1.823vw);--introduce-history-year-line-height:max(52px, 4.427vw);--introduce-history-project-size:max(15px, 1.094vw);--introduce-history-project-line-height:max(36px, 2.865vw);--introduce-history-timeline-item-gap:max(54px, 7.685vh);background-image:url(/assets/background/introduce/service-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;position:relative;overflow:hidden}.IntroduceHistoryContent{top:calc((100% - var(--introduce-history-content-height)) / 2);left:var(--introduce-history-content-left);flex-direction:column;width:max-content;display:flex;position:absolute}.IntroduceHistoryEyebrow{color:#36a199;font-family:SUIT Variable;font-size:var(--introduce-history-eyebrow-size);font-style:normal;font-weight:900;line-height:var(--introduce-history-eyebrow-line-height);letter-spacing:calc(var(--introduce-history-eyebrow-size) * -.03);margin:0}.IntroduceHistoryTitle{margin:var(--introduce-history-title-gap) 0 0;color:#fff;font-family:SUIT Variable;font-size:var(--introduce-history-title-size);font-style:normal;font-weight:800;line-height:var(--introduce-history-title-line-height);letter-spacing:calc(var(--introduce-history-title-size) * -.05)}.IntroduceHistoryDescription{margin:var(--introduce-history-description-gap) 0 0;color:#999;font-family:SUIT Variable;font-size:var(--introduce-history-description-size);font-style:normal;font-weight:400;line-height:var(--introduce-history-description-line-height);letter-spacing:calc(var(--introduce-history-description-size) * -.03)}.IntroduceHistoryPeriodButtons{margin-top:var(--introduce-history-period-button-gap);gap:var(--introduce-history-period-button-space);display:flex}.IntroduceHistoryPeriodButton{width:var(--introduce-history-period-button-width);height:var(--introduce-history-period-button-height);border-radius:calc(var(--introduce-history-period-button-height) / 2);aspect-ratio:16/5;cursor:pointer;background:#333;border:0;justify-content:center;align-items:center;padding:0;display:flex}.IntroduceHistoryPeriodButton--active{background:linear-gradient(90deg,#36a199 0%,#36e4bb 100%)}.IntroduceHistoryPeriodButtonText{width:var(--introduce-history-period-button-text-width);height:var(--introduce-history-period-button-text-height);color:#ccc;font-family:SUIT Variable;font-size:var(--introduce-history-period-button-text-size);font-style:normal;font-weight:800;line-height:var(--introduce-history-title-line-height);letter-spacing:calc(var(--introduce-history-period-button-text-size) * -.05);flex-direction:column;justify-content:center;align-items:center;display:flex}.IntroduceHistoryPeriodButtonText--active{color:#fff;font-weight:900}.IntroduceHistoryTimeline{top:50%;left:var(--introduce-history-axis-x);width:0;height:calc(var(--introduce-history-year-line-height) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap));position:absolute;transform:translateY(-50%)}.IntroduceHistoryTimeline--previous{height:calc(var(--introduce-history-year-line-height) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap))}.IntroduceHistoryDivider{top:calc(var(--introduce-history-year-line-height) / 2);width:1px;height:calc(var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap));background:#aaa;position:absolute;left:0;transform:translate(-50%)}.IntroduceHistoryDivider--previous{height:calc(var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap))}.IntroduceHistoryTimelineItem{top:0;left:calc(var(--introduce-history-dot-size) / -2);height:var(--introduce-history-year-line-height);white-space:nowrap;align-items:center;display:flex;position:absolute}.IntroduceHistoryTimelineItem--second,.IntroduceHistoryTimelineItem--previous-second{top:calc(var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap))}.IntroduceHistoryTimelineItem--third,.IntroduceHistoryTimelineItem--previous-third{top:calc(var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap))}.IntroduceHistoryTimelineItem--fourth{top:calc(var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap) + var(--introduce-history-dot-size) + var(--introduce-history-timeline-item-gap))}.IntroduceHistoryGlowDot{width:var(--introduce-history-dot-size);height:var(--introduce-history-dot-size);filter:drop-shadow(0 0 max(15px,.781vw) #4fdbcf);background:#4fdbcf;border-radius:50%;flex:none}.IntroduceHistoryGlowDot--inactive{filter:none;background:#ddd}.IntroduceHistoryYear{margin-left:var(--introduce-history-year-gap);width:var(--introduce-history-year-width);color:#fff;font-family:SUIT Variable;font-size:var(--introduce-history-year-size);font-style:normal;font-weight:900;line-height:var(--introduce-history-year-line-height);letter-spacing:calc(var(--introduce-history-year-size) * -.05)}.IntroduceHistoryYear--inactive{color:#999;font-weight:800}.IntroduceHistoryProjectName{margin-left:var(--introduce-history-year-gap);color:#ccc;font-family:SUIT Variable;font-size:var(--introduce-history-project-size);font-style:normal;font-weight:600;line-height:var(--introduce-history-project-line-height);letter-spacing:calc(var(--introduce-history-project-size) * -.03)}@media (min-width:900px) and (max-width:1199px){.IntroduceHistoryPage{--introduce-history-eyebrow-size:clamp(12px, 1.3vw, 16px);--introduce-history-eyebrow-line-height:clamp(24px, 2.6vw, 30px);--introduce-history-title-size:clamp(30px, 3.8vw, 42px);--introduce-history-title-line-height:clamp(44px, 5.1vw, 58px);--introduce-history-description-size:clamp(14px, 1.556vw, 17px);--introduce-history-description-line-height:clamp(25px, 2.778vw, 30px)}}@media (min-width:1200px) and (max-width:1439px){.IntroduceHistoryPage{--introduce-history-eyebrow-size:clamp(16px, 1.2vw, 18px);--introduce-history-eyebrow-line-height:clamp(30px, 2.4vw, 33px);--introduce-history-title-size:clamp(42px, 3.4vw, 46px);--introduce-history-title-line-height:clamp(58px, 4.6vw, 63px);--introduce-history-description-size:clamp(17px, 1.417vw, 21px);--introduce-history-description-line-height:clamp(30px, 2.5vw, 36px)}}@media (min-width:1440px) and (max-width:1919px){.IntroduceHistoryPage{--introduce-history-eyebrow-size:clamp(18px, 1.25vw, 18px);--introduce-history-eyebrow-line-height:clamp(33px, 2.292vw, 33px);--introduce-history-title-size:clamp(46px, 3.333vw, 48px);--introduce-history-title-line-height:clamp(63px, 4.514vw, 65px);--introduce-history-description-size:21px;--introduce-history-description-line-height:55px}}@media (min-width:1920px) and (max-width:2559px){.IntroduceHistoryPage{--introduce-history-eyebrow-size:clamp(18px, .78vw, 20px);--introduce-history-eyebrow-line-height:clamp(33px, 1.45vw, 36px);--introduce-history-title-size:clamp(48px, 2vw, 52px);--introduce-history-title-line-height:clamp(65px, 2.65vw, 70px);--introduce-history-description-size:clamp(21px, .82vw, 23px);--introduce-history-description-line-height:clamp(55px, 2.1vw, 58px);--introduce-history-period-button-gap:clamp(87px, 4.2vh, 96px);--introduce-history-period-button-width:clamp(160px, 7.2vw, 176px);--introduce-history-period-button-height:clamp(50px, 2.25vw, 56px);--introduce-history-period-button-space:clamp(20px, .95vw, 24px);--introduce-history-period-button-text-width:clamp(111px, 5vw, 124px);--introduce-history-period-button-text-height:clamp(27px, 1.2vw, 30px);--introduce-history-period-button-text-size:clamp(20px, .9vw, 22px)}}@media (min-width:2560px) and (max-width:3839px){.IntroduceHistoryPage{--introduce-history-eyebrow-size:clamp(20px, .52vw, 22px);--introduce-history-eyebrow-line-height:clamp(36px, .86vw, 40px);--introduce-history-title-size:clamp(52px, 1.15vw, 60px);--introduce-history-title-line-height:clamp(70px, 1.55vw, 82px);--introduce-history-description-size:clamp(23px, .52vw, 26px);--introduce-history-description-line-height:clamp(58px, 1.2vw, 64px);--introduce-history-period-button-gap:clamp(96px, 3.6vh, 112px);--introduce-history-period-button-width:clamp(176px, 5.8vw, 210px);--introduce-history-period-button-height:clamp(56px, 1.55vw, 62px);--introduce-history-period-button-space:clamp(24px, .72vw, 28px);--introduce-history-period-button-text-width:clamp(124px, 4vw, 146px);--introduce-history-period-button-text-height:clamp(30px, .82vw, 34px);--introduce-history-period-button-text-size:clamp(22px, .52vw, 24px)}}@media (min-width:3840px){.IntroduceHistoryPage{--introduce-history-eyebrow-size:clamp(22px, .48vw, 26px);--introduce-history-eyebrow-line-height:clamp(40px, .82vw, 46px);--introduce-history-title-size:clamp(60px, 1.1vw, 72px);--introduce-history-title-line-height:clamp(82px, 1.52vw, 96px);--introduce-history-description-size:clamp(26px, .5vw, 29px);--introduce-history-description-line-height:clamp(64px, 1.16vw, 72px);--introduce-history-period-button-gap:clamp(112px, 3.2vh, 128px);--introduce-history-period-button-width:clamp(210px, 5vw, 240px);--introduce-history-period-button-height:clamp(62px, 1.35vw, 68px);--introduce-history-period-button-space:clamp(28px, .64vw, 32px);--introduce-history-period-button-text-width:clamp(146px, 3.5vw, 164px);--introduce-history-period-button-text-height:clamp(34px, .72vw, 38px);--introduce-history-period-button-text-size:clamp(24px, .48vw, 26px)}}@media (max-width:899px){.IntroduceHistoryPage{--introduce-history-dot-size:clamp(7.462px, 2.332vw, 8.745px);--introduce-history-dot-gap:clamp(40.96px, 12.8vw, 48px);--introduce-history-timeline-column-gap:clamp(15.36px, 4.8vw, 18px);--introduce-history-year-width:clamp(41.291px, 12.903vw, 48.388px);--introduce-history-year-height:clamp(42.286px, 13.215vw, 49.554px);--introduce-history-year-size:clamp(15.36px, 4.8vw, 18px);--introduce-history-year-line-height:clamp(15.36px, 4.8vw, 18px);--introduce-history-project-width:clamp(138.24px, 43.2vw, 162px);--introduce-history-project-height:clamp(27.307px, 8.533vw, 32px);--introduce-history-project-size:clamp(11.947px, 3.733vw, 14px);--introduce-history-project-line-height:clamp(124.587px, 38.933vw, 146px);--introduce-history-timeline-width:calc(var(--introduce-history-dot-size) + var(--introduce-history-timeline-column-gap) + var(--introduce-history-year-width) + var(--introduce-history-timeline-column-gap) + var(--introduce-history-project-width));box-sizing:border-box;background-image:url(/assets/background/introduce/service-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(32px,8.533vw,40px) 0;display:flex;position:relative;overflow:hidden}.IntroduceHistoryContent{flex-direction:column;flex:none;align-items:center;width:100%;display:flex;position:relative;top:auto;left:auto}.IntroduceHistoryEyebrow{color:#36a199;text-align:center;letter-spacing:clamp(-.48px,-.128vw,-.41px);width:100%;margin:0;font-family:SUIT Variable;font-size:clamp(10px,3.2vw,14px);font-style:normal;font-weight:900;line-height:clamp(24px,8vw,33px)}.IntroduceHistoryTitle{color:#fff;text-align:center;letter-spacing:clamp(-1.3px,-.347vw,-1.109px);width:100%;margin:clamp(8.533px,2.667vw,10px) 0 0;font-family:SUIT Variable;font-size:clamp(22px,6.933vw,32px);font-style:normal;font-weight:800;line-height:clamp(30px,9.067vw,40px)}.IntroduceHistoryDescription{color:#999;text-align:center;letter-spacing:clamp(-.42px,-.112vw,-.358px);width:100%;margin:clamp(1.707px,.533vw,2px) 0 0;font-family:SUIT Variable;font-size:clamp(12px,3.733vw,16px);font-style:normal;font-weight:400;line-height:clamp(20px,5.867vw,24px)}.IntroduceHistoryPeriodButtons{justify-content:center;align-items:center;gap:clamp(11.947px,3.733vw,14px);width:100%;margin-top:clamp(23.893px,7.467vw,28px);display:flex}.IntroduceHistoryPeriodButton{aspect-ratio:55/17;cursor:pointer;background:#333;border:0;border-radius:clamp(14.507px,4.533vw,17px);justify-content:center;align-items:center;width:clamp(93.867px,29.333vw,110px);height:clamp(29.013px,9.067vw,34px);padding:0;display:flex}.IntroduceHistoryPeriodButton--active{background:linear-gradient(90deg,#36a199 0%,#36e4bb 100%)}.IntroduceHistoryPeriodButtonText{color:#ccc;letter-spacing:clamp(-.65px,-.173vw,-.555px);flex-direction:column;justify-content:center;width:clamp(65.707px,20.533vw,77px);height:clamp(16.213px,5.067vw,19px);font-family:SUIT Variable;font-size:clamp(11.093px,3.467vw,13px);font-style:normal;font-weight:800;line-height:clamp(72.533px,22.667vw,85px);display:flex}.IntroduceHistoryPeriodButtonText--active{color:#fff;font-weight:900}.IntroduceHistoryTimeline,.IntroduceHistoryTimeline--previous{width:var(--introduce-history-timeline-width);height:calc(var(--introduce-history-year-height) + (var(--introduce-history-dot-size) + var(--introduce-history-dot-gap)) * 3);flex:none;margin-top:clamp(29.867px,9.333vw,35px);margin-left:auto;margin-right:auto;position:relative;top:auto;left:auto;transform:none}.IntroduceHistoryTimeline--previous{height:calc(var(--introduce-history-year-height) + (var(--introduce-history-dot-size) + var(--introduce-history-dot-gap)) * 2)}.IntroduceHistoryDivider{top:calc(var(--introduce-history-year-height) / 2);left:calc(var(--introduce-history-dot-size) / 2);width:1px;height:calc((var(--introduce-history-dot-size) + var(--introduce-history-dot-gap)) * 3);background:#aaa;position:absolute;transform:translate(-50%)}.IntroduceHistoryDivider--previous{height:calc((var(--introduce-history-dot-size) + var(--introduce-history-dot-gap)) * 2)}.IntroduceHistoryTimelineItem{width:var(--introduce-history-timeline-width);height:var(--introduce-history-year-height);white-space:nowrap;align-items:center;display:flex;position:absolute;top:0;left:0}.IntroduceHistoryTimelineItem--second,.IntroduceHistoryTimelineItem--previous-second{top:calc(var(--introduce-history-dot-size) + var(--introduce-history-dot-gap))}.IntroduceHistoryTimelineItem--third,.IntroduceHistoryTimelineItem--previous-third{top:calc((var(--introduce-history-dot-size) + var(--introduce-history-dot-gap)) * 2)}.IntroduceHistoryTimelineItem--fourth{top:calc((var(--introduce-history-dot-size) + var(--introduce-history-dot-gap)) * 3)}.IntroduceHistoryGlowDot{z-index:1;width:var(--introduce-history-dot-size);height:var(--introduce-history-dot-size);aspect-ratio:1;filter:drop-shadow(0 0 clamp(12.8px,4vw,15px) #4fdbcf);background:#4fdbcf;border-radius:50%;flex:none;position:relative}.IntroduceHistoryGlowDot--inactive{filter:none;background:#ddd}.IntroduceHistoryYear{flex:0 0 var(--introduce-history-year-width);width:var(--introduce-history-year-width);height:var(--introduce-history-year-height);margin-left:var(--introduce-history-timeline-column-gap);color:#fff;font-family:SUIT Variable;font-size:var(--introduce-history-year-size);font-style:normal;font-weight:900;line-height:var(--introduce-history-year-line-height);letter-spacing:clamp(-.9px,-.24vw,-.768px);flex-direction:column;justify-content:center;display:flex}.IntroduceHistoryYear--inactive{color:#999;font-weight:800}.IntroduceHistoryProjectName{flex:0 0 var(--introduce-history-project-width);width:var(--introduce-history-project-width);height:var(--introduce-history-project-height);margin-left:var(--introduce-history-timeline-column-gap);color:#ccc;letter-spacing:clamp(-.42px,-.112vw,-.358px);white-space:nowrap;flex-direction:column;justify-content:center;font-family:SUIT Variable;font-size:clamp(11px,3.2vw,14px);font-style:normal;font-weight:600;line-height:normal;display:flex}}
.IntroduceContactPage{--introduce-contact-title-size:55px;--introduce-contact-title-line-height:85px;--introduce-contact-button-gap:62px;--introduce-contact-button-width:200px;--introduce-contact-button-height:50px;--introduce-contact-button-size:20px;color:#fff;background-color:#000;background-image:url(/assets/background/introduce/contact-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:724px;font-family:SUIT Variable;display:flex;position:relative;overflow:hidden}.IntroduceContactContent{flex-direction:column;align-items:center;display:flex}.IntroduceContactTitle{color:#fff;text-align:center;font-size:var(--introduce-contact-title-size);font-style:normal;font-weight:800;line-height:var(--introduce-contact-title-line-height);letter-spacing:calc(var(--introduce-contact-title-size) * -.05);margin:0}.IntroduceContactButtonWrap{margin-top:var(--introduce-contact-button-gap)}.IntroduceContactButton{width:var(--introduce-contact-button-width);height:var(--introduce-contact-button-height);color:#fff;text-align:center;font-family:SUIT Variable;font-size:var(--introduce-contact-button-size);letter-spacing:calc(var(--introduce-contact-button-size) * -.05);cursor:pointer;background:linear-gradient(94deg,#36a199 29.55%,#36e4bb 99.45%);border:0;border-radius:2.5px;justify-content:center;align-items:center;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;display:flex;position:relative;overflow:hidden}.SMN_effect-90 a{border:1px solid #ffffff1a;transition:all .2s ease-in;overflow:hidden;box-shadow:0 0 #0000}.SMN_effect-90 a:hover{color:#fff;background:linear-gradient(94deg,#36a199 29.55%,#36e4bb 99.45%);transition:all .2s ease-out;box-shadow:0 0 30px #36e4bb80}.SMN_effect-90 a:hover:before{animation:.5s linear shine-90}.SMN_effect-90 a:active{transition:box-shadow .2s ease-in;box-shadow:0 0 #0000}.SMN_effect-90 a: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}@keyframes shine-90{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}@media (min-width:900px) and (max-width:1919px){.IntroduceContactPage{--introduce-contact-height:clamp(500px, 37.708vw, 724px);--introduce-contact-title-size:clamp(36px, 2.865vw, 55px);--introduce-contact-title-line-height:clamp(56px, 4.427vw, 85px);--introduce-contact-button-gap:clamp(40px, 3.229vw, 62px);--introduce-contact-button-width:clamp(150px, 10.417vw, 200px);--introduce-contact-button-height:clamp(38px, 2.604vw, 50px);--introduce-contact-button-radius:2.5px;--introduce-contact-button-size:clamp(15px, 1.042vw, 20px)}}@media (max-width:899px){.IntroduceContactPage{--introduce-contact-height:min(420px, 112vw);--introduce-contact-title-size:min(26px, 6.933vw);--introduce-contact-title-line-height:min(45px, 12vw);--introduce-contact-button-gap:min(38px, 10.133vw);--introduce-contact-button-width:min(165px, 44vw);--introduce-contact-button-height:min(39.683px, 10.582vw);--introduce-contact-button-radius:2.5px;--introduce-contact-button-size:min(16px, 4.267vw);height:var(--introduce-contact-height);background-image:url(/assets/background/introduce/contact-mobile-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.IntroduceContactTitle{font-size:var(--introduce-contact-title-size);line-height:var(--introduce-contact-title-line-height);letter-spacing:calc(var(--introduce-contact-title-size) * -.05)}.IntroduceContactButtonWrap{margin-top:var(--introduce-contact-button-gap)}.IntroduceContactButton{width:var(--introduce-contact-button-width);height:var(--introduce-contact-button-height);border-radius:var(--introduce-contact-button-radius);font-size:var(--introduce-contact-button-size);line-height:var(--introduce-contact-button-size);letter-spacing:calc(var(--introduce-contact-button-size) * -.05)}}
.IntroducePhilosophyPage{--introduce-philosophy-title-line-count:4;--introduce-philosophy-description-line-count:3;--introduce-philosophy-title-line-1-fill:0;--introduce-philosophy-title-line-2-fill:0;--introduce-philosophy-title-line-3-fill:0;--introduce-philosophy-title-line-4-fill:0;--introduce-philosophy-title-line-5-fill:0;--introduce-philosophy-content-height:calc(var(--introduce-philosophy-title-line-height) * var(--introduce-philosophy-title-line-count) + var(--introduce-philosophy-description-gap) + var(--introduce-philosophy-description-line-height) * var(--introduce-philosophy-description-line-count));--introduce-philosophy-bg-position:center center;background-color:#000;width:100%;min-height:360dvh;font-family:SUIT Variable;position:relative}.IntroducePhilosophyPageSticky{background-color:#000;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.IntroducePhilosophyBackgroundPoster,.IntroducePhilosophyBackgroundVideo{object-fit:contain;object-position:var(--introduce-philosophy-bg-position);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.IntroducePhilosophyBackgroundPoster{z-index:0}.IntroducePhilosophyBackgroundVideo{z-index:1}.IntroducePhilosophyBackgroundVideo--ended{opacity:0}.IntroducePhilosophyTitle{top:var(--introduce-philosophy-title-top);left:var(--introduce-philosophy-title-left);z-index:2;font-size:var(--introduce-philosophy-title-size);font-weight:800;line-height:var(--introduce-philosophy-title-line-height);letter-spacing:calc(var(--introduce-philosophy-title-size) * -.05);flex-direction:column;margin:0;display:flex;position:absolute}.IntroducePhilosophyTitleLine{color:#0000;background-image:linear-gradient(90deg, #fff 0%, #fff calc(var(--introduce-philosophy-title-line-fill) * 100%), #aaa calc(var(--introduce-philosophy-title-line-fill) * 100%), #aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.IntroducePhilosophyTitleLine--1{--introduce-philosophy-title-line-fill:var(--introduce-philosophy-title-line-1-fill)}.IntroducePhilosophyTitleLine--2{--introduce-philosophy-title-line-fill:var(--introduce-philosophy-title-line-2-fill)}.IntroducePhilosophyTitleLine--3{--introduce-philosophy-title-line-fill:var(--introduce-philosophy-title-line-3-fill)}.IntroducePhilosophyTitleLine--4{--introduce-philosophy-title-line-fill:var(--introduce-philosophy-title-line-4-fill)}.IntroducePhilosophyTitleLine--5{--introduce-philosophy-title-line-fill:var(--introduce-philosophy-title-line-5-fill)}.IntroducePhilosophyTitleLine--mobile{display:none}.IntroducePhilosophyDescription{top:var(--introduce-philosophy-description-top);right:var(--introduce-philosophy-description-right);z-index:2;color:#ccc;text-align:right;font-size:var(--introduce-philosophy-description-size);font-weight:500;line-height:var(--introduce-philosophy-description-line-height);letter-spacing:calc(var(--introduce-philosophy-description-size) * -.05);margin:0;position:absolute}.IntroducePhilosophyDescriptionMobile{display:none}@media (min-width:900px){.IntroducePhilosophyPage{--introduce-philosophy-title-left:clamp(96px, calc(-6.353px + 11.373vw), 212px);--introduce-philosophy-title-size:clamp(34px, calc(14.588px + 2.157vw), 56px);--introduce-philosophy-title-line-height:clamp(56px, calc(36.588px + 2.157vw), 78px);--introduce-philosophy-description-right:clamp(96px, calc(-4.588px + 11.176vw), 210px);--introduce-philosophy-description-size:clamp(14px, calc(7.824px + .686vw), 21px);--introduce-philosophy-description-line-height:clamp(26px, calc(15.412px + 1.176vw), 38px);--introduce-philosophy-description-gap:clamp(56px, 9.167vh, 99px);--introduce-philosophy-title-top:max(40px, calc((100dvh - var(--introduce-philosophy-content-height)) / 2));--introduce-philosophy-description-top:calc(var(--introduce-philosophy-title-top) + var(--introduce-philosophy-title-line-height) * var(--introduce-philosophy-title-line-count) + var(--introduce-philosophy-description-gap))}}@media (max-width:1439px){.IntroducePhilosophyPage{--introduce-philosophy-bg-position:62% center}}@media (max-width:1199px){.IntroducePhilosophyPage{--introduce-philosophy-bg-position:68% center}}@media (min-width:1920px){.IntroducePhilosophyPage{--introduce-philosophy-title-left:clamp(212px, 13vw, 680px);--introduce-philosophy-title-size:clamp(56px, 2.55vw, 98px);--introduce-philosophy-title-line-height:clamp(78px, 3.65vw, 136px);--introduce-philosophy-description-right:clamp(212px, 13vw, 680px);--introduce-philosophy-description-size:clamp(19px, .95vw, 36px);--introduce-philosophy-description-line-height:clamp(34px, 1.7vw, 64px);--introduce-philosophy-description-gap:clamp(108px, 8.8vh, 192px)}}@media (max-width:899px){.IntroducePhilosophyPage{--introduce-philosophy-title-line-count:5;--introduce-philosophy-description-line-count:4;--introduce-philosophy-title-left:clamp(20px, calc(8.946px + 3.454vw), 40px);--introduce-philosophy-title-size:clamp(22px, calc(15.368px + 2.073vw), 34px);--introduce-philosophy-title-line-height:clamp(31px, calc(23.815px + 2.245vw), 44px);--introduce-philosophy-description-right:clamp(20px, calc(8.946px + 3.454vw), 40px);--introduce-philosophy-description-size:clamp(12px, calc(8.684px + 1.036vw), 18px);--introduce-philosophy-description-line-height:clamp(24px, calc(18.473px + 1.727vw), 34px);--introduce-philosophy-description-gap:clamp(220px, calc(164.75px + 17.271vw), 320px);--introduce-philosophy-title-top:max(32px, calc((100svh - var(--introduce-philosophy-content-height)) / 2));--introduce-philosophy-description-top:calc(var(--introduce-philosophy-title-top) + var(--introduce-philosophy-title-line-height) * var(--introduce-philosophy-title-line-count) + var(--introduce-philosophy-description-gap));--introduce-philosophy-bg-position:67% center;min-height:360svh}.IntroducePhilosophyPageSticky{height:100svh}.IntroducePhilosophyTitle{max-width:calc(100vw - var(--introduce-philosophy-title-left) * 2)}.IntroducePhilosophyTitleLine--desktop{display:none}.IntroducePhilosophyTitleLine--mobile{display:block}.IntroducePhilosophyDescriptionDesktop{display:none}.IntroducePhilosophyDescriptionMobile{display:inline}}
.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:18px;--introduce-organization-eyebrow-line-height:33px;--introduce-organization-title-gap:5px;--introduce-organization-title-size:48px;--introduce-organization-title-line-height:65px;--introduce-organization-description-gap:10px;--introduce-organization-description-size:21px;--introduce-organization-description-line-height:55px;--introduce-organization-image-gap:50px;--introduce-organization-image-width:1310px;color:#fff;background-color:#000;width:100%;min-width:900px;min-height:100vh;font-family:SUIT Variable;position:relative}.IntroduceOrganizationSticky{background-image:url(/assets/background/introduce/service-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.IntroduceOrganizationContent{flex-direction:column;align-items:center;width:100%;display:flex}.IntroduceOrganizationEyebrow{color:#36a199;text-align:center;font-size:var(--introduce-organization-eyebrow-size);font-weight:900;line-height:var(--introduce-organization-eyebrow-line-height);letter-spacing:calc(var(--introduce-organization-eyebrow-size) * -.03);margin:0}.IntroduceOrganizationTitle{margin:var(--introduce-organization-title-gap) 0 0;color:#fff;text-align:center;font-size:var(--introduce-organization-title-size);font-weight:800;line-height:var(--introduce-organization-title-line-height);letter-spacing:calc(var(--introduce-organization-title-size) * -.05)}.IntroduceOrganizationDescription{margin:var(--introduce-organization-description-gap) 0 0;color:#999;text-align:center;font-size:var(--introduce-organization-description-size);font-weight:400;line-height:var(--introduce-organization-description-line-height);letter-spacing:calc(var(--introduce-organization-description-size) * -.03)}.IntroduceOrganizationImage{margin-top:var(--introduce-organization-image-gap);width:var(--introduce-organization-image-width);aspect-ratio:1310/549;object-fit:contain;height:auto;margin-top:var(--introduce-organization-image-gap);width:var(--introduce-organization-image-width);height:var(--introduce-organization-image-height);object-fit:contain;display:block}@media (min-width:900px) and (max-width:1199px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(12px, 1.3vw, 16px);--introduce-organization-eyebrow-line-height:clamp(24px, 2.6vw, 30px);--introduce-organization-title-gap:clamp(3px, calc(1.235px + .196vw), 5px);--introduce-organization-title-size:clamp(30px, 3.8vw, 42px);--introduce-organization-title-line-height:clamp(44px, 5.1vw, 58px);--introduce-organization-description-gap:clamp(6px, calc(2.471px + .392vw), 10px);--introduce-organization-description-size:clamp(14px, 1.556vw, 17px);--introduce-organization-description-line-height:clamp(25px, 2.778vw, 30px);--introduce-organization-image-gap:clamp(28px, calc(8.588px + 2.157vw), 50px);--introduce-organization-image-width:clamp(819px, calc(385.765px + 48.137vw), 1310px)}}@media (min-width:1200px) and (max-width:1439px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(16px, 1.2vw, 18px);--introduce-organization-eyebrow-line-height:clamp(30px, 2.4vw, 33px);--introduce-organization-title-gap:clamp(4px, .333vw, 5px);--introduce-organization-title-size:clamp(42px, 3.4vw, 46px);--introduce-organization-title-line-height:clamp(58px, 4.6vw, 63px);--introduce-organization-description-gap:clamp(8px, .667vw, 10px);--introduce-organization-description-size:clamp(17px, 1.417vw, 21px);--introduce-organization-description-line-height:clamp(30px, 2.5vw, 36px)}}@media (min-width:1440px) and (max-width:1919px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(18px, 1.25vw, 18px);--introduce-organization-eyebrow-line-height:clamp(33px, 2.292vw, 33px);--introduce-organization-title-gap:5px;--introduce-organization-title-size:clamp(46px, 3.333vw, 48px);--introduce-organization-title-line-height:clamp(63px, 4.514vw, 65px);--introduce-organization-description-gap:10px;--introduce-organization-description-size:21px;--introduce-organization-description-line-height:55px}}@media (min-width:1920px) and (max-width:2559px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(18px, .78vw, 20px);--introduce-organization-eyebrow-line-height:clamp(33px, 1.7vw, 38px);--introduce-organization-title-gap:clamp(5px, calc(-1px + .313vw), 7px);--introduce-organization-title-size:clamp(48px, 2vw, 52px);--introduce-organization-title-line-height:clamp(65px, 2.65vw, 70px);--introduce-organization-description-gap:clamp(10px, calc(4px + .313vw), 12px);--introduce-organization-description-size:clamp(21px, .82vw, 23px);--introduce-organization-description-line-height:clamp(55px, 2.1vw, 58px);--introduce-organization-image-gap:clamp(50px, calc(-4px + 2.813vw), 68px);--introduce-organization-image-width:clamp(1310px, 62vw, 1500px)}}@media (min-width:2560px) and (max-width:3839px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(20px, .52vw, 22px);--introduce-organization-eyebrow-line-height:clamp(36px, .86vw, 40px);--introduce-organization-title-gap:clamp(7px, calc(1px + .234vw), 10px);--introduce-organization-title-size:clamp(52px, 1.15vw, 60px);--introduce-organization-title-line-height:clamp(70px, 1.55vw, 82px);--introduce-organization-description-gap:clamp(12px, calc(4px + .313vw), 16px);--introduce-organization-description-size:clamp(23px, .52vw, 26px);--introduce-organization-description-line-height:clamp(58px, 1.2vw, 64px);--introduce-organization-image-gap:clamp(68px, 2.4vw, 92px);--introduce-organization-image-width:clamp(1500px, 58vw, 2100px)}}@media (min-width:3840px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(22px, .48vw, 26px);--introduce-organization-eyebrow-line-height:clamp(40px, .82vw, 46px);--introduce-organization-title-gap:clamp(10px, .26042vw, 13px);--introduce-organization-title-size:clamp(60px, 1.1vw, 72px);--introduce-organization-title-line-height:clamp(82px, 1.52vw, 96px);--introduce-organization-description-gap:clamp(16px, .41667vw, 20px);--introduce-organization-description-size:clamp(26px, .5vw, 29px);--introduce-organization-description-line-height:clamp(64px, 1.16vw, 72px);--introduce-organization-image-gap:clamp(92px, 2.4vw, 124px);--introduce-organization-image-width:clamp(2100px, 54vw, 2800px)}}.IntroduceOrganizationDescriptionMobile,.IntroduceOrganizationImage--mobile{display:none}@media (max-width:899px){.IntroduceOrganizationPage{--introduce-organization-eyebrow-size:clamp(14px, 4.267vw, 18px);--introduce-organization-eyebrow-line-height:clamp(29px, 8.8vw, 38px);--introduce-organization-title-gap:clamp(6px, 1.867vw, 10px);--introduce-organization-title-size:clamp(22px, 6.933vw, 42px);--introduce-organization-title-line-height:clamp(22px, 6.933vw, 42px);--introduce-organization-description-gap:clamp(8px, 2.667vw, 14px);--introduce-organization-description-size:clamp(12px, 3.733vw, 18px);--introduce-organization-description-line-height:clamp(18px, 5.333vw, 26px);--introduce-organization-image-gap:clamp(34px, 10.667vw, 72px);--introduce-organization-image-width:clamp(277px, 86.667vw, 640px);width:100%;min-width:0;min-height:100svh}.IntroduceOrganizationEyebrow{color:#36a199;text-align:center;font-family:SUIT Variable;font-size:var(--introduce-organization-eyebrow-size);font-style:normal;font-weight:900;line-height:var(--introduce-organization-eyebrow-line-height);letter-spacing:calc(var(--introduce-organization-eyebrow-size) * -.03)}.IntroduceOrganizationTitle{margin-top:var(--introduce-organization-title-gap);color:#fff;text-align:center;font-family:SUIT Variable;font-size:var(--introduce-organization-title-size);font-style:normal;font-weight:800;line-height:var(--introduce-organization-title-line-height);letter-spacing:calc(var(--introduce-organization-title-size) * -.05)}.IntroduceOrganizationDescription{margin-top:var(--introduce-organization-description-gap);color:#999;text-align:center;font-family:SUIT Variable;font-size:var(--introduce-organization-description-size);font-style:normal;font-weight:400;line-height:var(--introduce-organization-description-line-height);letter-spacing:calc(var(--introduce-organization-description-size) * -.03)}.IntroduceOrganizationDescriptionDesktop{display:none}.IntroduceOrganizationDescriptionMobile{display:inline}.IntroduceOrganizationImage--desktop{display:none}.IntroduceOrganizationImage--mobile{margin-top:var(--introduce-organization-image-gap);width:var(--introduce-organization-image-width);aspect-ratio:325/346;object-fit:contain;height:auto;display:block}}