.portfolio{--p-blue:#2454e6;--p-ink:#15171c;--p-muted:#5e6570;--p-line:#dfe2e8;--p-ease:cubic-bezier(.25,1,.5,1);color:var(--p-ink);font-family:"Pretendard Variable",Pretendard,var(--font-geist-sans),sans-serif;letter-spacing:-.012em;isolation:isolate;background:#fff;line-height:1.65}.portfolio ::selection{color:#132246;background:#d9e3ff}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p{margin:0}.portfolio a,.portfolio button{-webkit-tap-highlight-color:transparent}.portfolio :focus-visible{outline:2px solid var(--p-blue);outline-offset:5px}.portfolio section[id],.portfolio article[id],.portfolio div[id]{scroll-margin-top:110px}.p-wrap{width:min(100% - 112px,1280px);margin-inline:auto}.p-eyebrow{letter-spacing:.015em;color:var(--p-muted);font-size:13px;font-weight:500}.p-arrow{font-family:Arial,sans-serif;line-height:1;transition:transform .2s;display:inline-block}.portfolio a:hover .p-arrow{transform:translate(2px,-2px)}.p-nav{z-index:30;border-bottom:1px solid var(--p-line);background:#fff;position:sticky;top:0}.p-nav-inner{justify-content:space-between;align-items:center;gap:30px;width:min(100% - 112px,1280px);height:80px;margin:auto;display:flex}.p-brand{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-1.3px;white-space:nowrap;font-size:27px;font-weight:650}.p-brand>span{color:var(--p-blue)}.p-nav-right,.p-desktop-nav,.p-language{align-items:center;display:flex}.p-nav-right{gap:38px}.p-desktop-nav{gap:32px;font-size:14px;font-weight:500}.p-desktop-nav a{align-items:center;gap:10px;min-height:44px;display:flex}.p-desktop-nav a:hover{color:var(--p-blue)}.p-language{font-family:var(--font-geist-sans),sans-serif;letter-spacing:.025em;color:#6e7480;gap:8px;font-size:11px}.p-language a{place-items:center;min-height:44px;display:grid}.p-language a[aria-current]{color:var(--p-ink);font-weight:700}.p-language>span{color:#b0b5c0}.p-menu-button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:24px;display:none}.p-mobile-nav{display:none}.p-text-link{color:var(--p-blue);align-items:center;gap:18px;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.p-project-heading{grid-template-columns:1fr 1fr;align-items:end;gap:36px;margin-bottom:30px;display:grid}.p-project-heading h2{letter-spacing:-.026em;margin-top:11px;font-size:44px;font-weight:700;line-height:1.2}.p-feature-summary>p{white-space:pre-line;letter-spacing:-.02em;font-size:22px;line-height:1.55}.p-project-meta{color:var(--p-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;font-size:12px;display:flex}.p-project-meta a{color:var(--p-ink);align-items:center;gap:8px;min-height:32px;display:flex}.p-feature-visual{aspect-ratio:1.78;background:#ecf2fb;border-radius:15px;display:block;position:relative;overflow:hidden}.p-laptop{will-change:transform;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.p-laptop-base{width:100%;height:auto;display:block}.p-laptop-screen{background:#fff;border-radius:2px;width:62.48%;height:60.14%;position:absolute;top:15.05%;left:18.73%;overflow:hidden}.p-laptop-screen img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.p-visual-link{color:#252a34;background:#fff;border:1px solid #d4dce9;border-radius:5px;align-items:center;gap:12px;padding:10px 17px;font-size:13px;transition:background .2s;display:flex;position:absolute;bottom:25px;right:28px}.p-feature-visual:hover .p-visual-link{background:#f5f8ff}.p-feature-details{grid-template-columns:1.1fr 1fr;gap:110px;margin-top:34px;display:grid}.p-feature-details>p{color:var(--p-muted);max-width:570px;font-size:16px;line-height:1.9}.p-feature-details ul{margin:0;padding:0;list-style:none}.p-feature-details li{border-bottom:1px solid var(--p-line);align-items:baseline;gap:21px;padding:8px 0;font-size:14px;display:flex}.p-feature-details li:first-child{padding-top:0}.p-feature-details li:last-child{border:0}.p-feature-details li>span{font-family:var(--mono);color:var(--p-muted);font-size:10px}.p-projects{padding-top:120px}.p-section-heading{grid-template-columns:1fr 360px;align-items:end;gap:64px;margin-bottom:44px;display:grid}.p-section-heading h1,.p-section-heading h2{white-space:pre-line;letter-spacing:-.026em;margin-top:14px;font-size:clamp(30px,3.2vw,46px);font-weight:700;line-height:1.28}.p-section-heading>p{color:var(--p-muted);max-width:350px;font-size:16px;line-height:1.9}.p-product-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:66px 48px;display:grid}.p-product-grid .p-project:first-child{grid-column:1/8}.p-product-grid .p-project:nth-child(2){grid-column:8/13;padding-top:95px}.p-product-grid .p-project:nth-child(3){-moz-column-gap:48px;grid-column:1/13;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;display:grid}.p-product-grid .p-project:nth-child(3) .p-project-image{grid-row:1/4}.p-product-grid .p-project:nth-child(3) .p-project-caption{grid-column:2;margin-top:0}.p-product-grid .p-project:nth-child(3) .p-project-description{grid-column:2}.p-project-image{aspect-ratio:1.6;transition:border-color .18s var(--p-ease);background:#f2f3f5;border:1px solid #e6e8ec;border-radius:12px;display:block;position:relative;overflow:hidden}.p-project-image>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.p-project-image:hover{border-color:#b7c2d8}.p-open{background:#fff;border:1px solid #e0e2e6;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Arial,sans-serif;font-size:21px;transition:background .2s,color .2s;display:grid;position:absolute;bottom:16px;right:16px}.p-project-image:hover .p-open{background:var(--p-ink);color:#fff}.p-project-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;margin-top:20px;display:flex}.p-project-caption h3{letter-spacing:-.03em;font-size:26px;font-weight:650}.p-project-caption>span{color:var(--p-muted);font-size:13px}.p-project-description{color:var(--p-muted);max-width:570px;font-size:14px;line-height:1.8;margin-top:8px!important}.p-websites{padding-bottom:125px}.p-website-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:66px 48px;display:grid}.p-website-grid .p-project:first-child{grid-column:1/8}.p-website-grid .p-project:nth-child(2){grid-column:8/13}.p-website-grid .p-project:nth-child(3){grid-column:1/6;padding-top:32px}.p-website-grid .p-project:nth-child(4){grid-column:6/13}.p-website-grid .p-project:nth-child(2) .p-project-image,.p-website-grid .p-project:nth-child(3) .p-project-image{aspect-ratio:1.3}.p-website-grid .p-project:nth-child(2) .p-project-image img{-o-object-position:center;object-position:center}.p-website-grid .p-project:nth-child(3) .p-project-image img{-o-object-position:left top;object-position:left top}.p-feature{padding-top:112px}.p-capabilities{background:#f7f8fa;padding:96px 0 85px}.p-capabilities .p-section-heading{margin-bottom:46px}.p-service{border-top:1px solid #d9dde4;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,400px);align-items:start;gap:56px;padding:40px 0 44px;display:grid}.p-service-title{-moz-column-gap:20px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:20px;display:grid}.p-number{font-family:var(--mono);color:var(--p-muted);font-size:11px}.p-service h3{letter-spacing:-.024em;font-size:26px;font-weight:650;line-height:1.35}.p-service-body>p{color:#464e5b;text-wrap:pretty;max-width:560px;font-size:16px;line-height:1.85}.p-service-body .p-service-detail{color:#5f6570;margin-top:16px;font-size:13px}.p-service-contact{white-space:nowrap;min-height:44px;color:var(--p-blue);grid-column:2;justify-self:start;align-items:center;gap:9px;margin-top:8px;font-size:13px;font-weight:600;display:inline-flex}.p-service-contact:hover{text-underline-offset:4px;text-decoration:underline}.p-service-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;display:grid}.p-service-work a{color:var(--p-ink);gap:10px;display:grid}.p-thumb{aspect-ratio:16/10;transition:border-color .18s var(--p-ease),box-shadow .18s var(--p-ease);background:#fff;border:1px solid #e1e4ea;border-radius:10px;display:block;overflow:hidden}.p-thumb img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.p-thumb-label{justify-content:space-between;align-items:center;gap:8px;min-height:24px;font-size:13px;font-weight:600;display:flex}.p-service-work a:hover .p-thumb{border-color:#b7c2d8;box-shadow:0 1px 2px #1018280d,0 4px 12px #1018280f}.p-service-work a:hover .p-thumb-label{color:var(--p-blue)}.p-about{grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;padding-top:120px;padding-bottom:120px;display:grid}.p-about h1,.p-about h2{white-space:pre-line;letter-spacing:-.026em;margin-top:20px;font-size:34px;font-weight:700;line-height:1.45}.p-about-body{max-width:590px;color:var(--p-muted);font-size:16px;line-height:1.95;margin-top:28px!important}.p-about .p-text-link{margin-top:23px}.p-career-row{border-bottom:1px solid var(--p-line);justify-content:space-between;align-items:center;gap:28px;min-height:102px;display:flex}.p-career-row img{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:150px;height:38px}.p-career-row .p-logo-golfzon{width:120px;height:49px}.p-career-row .p-logo-smilegate{width:140px}.p-career-row>span{color:#555e6c;font-size:13px}.p-career-now{border-top:1px solid var(--p-line)}.p-career-now strong{letter-spacing:-.02em;font-size:19px;font-weight:700}.p-education{color:var(--p-muted);font-size:13px;margin-top:24px!important}.p-contact{color:#fff;background:#15171c;padding:82px 0 61px}.p-contact .p-eyebrow{color:#bbc2ce}.p-contact-top{grid-template-columns:1.1fr 1fr;align-items:end;gap:120px;display:grid}.p-contact h1,.p-contact h2{letter-spacing:-.026em;white-space:pre-line;margin-top:20px;font-size:48px;font-weight:650;line-height:1.3}.p-contact-top>div:last-child>p{color:#c3c8d1;max-width:380px;font-size:16px;line-height:1.95}.p-contact-button{border-bottom:1px solid #828894;align-items:center;gap:35px;min-height:48px;margin-top:23px;font-size:14px;display:inline-flex}.p-email{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.03em;border-top:1px solid #454a53;border-bottom:1px solid #454a53;justify-content:space-between;align-items:center;margin-top:66px;padding:27px 0;font-size:clamp(32px,6.45vw,92px);font-weight:450;line-height:1.25;display:flex}.p-email>.p-arrow{font-size:.85em;font-weight:400}.p-contact-note{letter-spacing:.015em;color:#bbc2ce;font-size:12px;margin-top:23px!important}.p-footer{min-height:110px;color:var(--p-muted);align-items:center;gap:29px;font-size:12px;display:flex}.p-footer .p-brand{color:var(--p-ink);margin-right:auto;font-size:23px}.p-footer a:not(.p-brand){align-items:center;gap:7px;min-height:44px;display:flex}[data-reveal]{transition:transform .5s var(--p-ease)}[data-reveal].p-pending{transform:translateY(18px)}@supports (animation-timeline:view()){@media (min-width:721px) and (prefers-reduced-motion:no-preference){.p-laptop{animation:linear both p-laptop-rise;animation-timeline:view();animation-range:entry cover 55%}@keyframes p-laptop-rise{0%{transform:translateY(calc(16px - 50%))scale(.97)}to{transform:translateY(-50%)scale(1)}}}}@media (max-width:1100px){.p-wrap,.p-nav-inner{width:calc(100% - 72px)}.p-section-heading{grid-template-columns:1fr 280px;gap:36px}.p-service{grid-template-columns:240px minmax(0,1fr);gap:24px 36px}.p-service h3{font-size:24px}.p-service-work{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;max-width:640px}.p-about{gap:45px}.p-about h2,.p-about h1{font-size:30px}.p-feature-details{gap:50px}.p-contact-top{gap:65px}.p-career-row{flex-wrap:wrap;gap:10px;min-height:110px;padding:24px 0}}@media (max-width:800px){.p-nav-right{gap:20px}.p-desktop-nav{gap:19px}.p-product-grid,.p-website-grid{gap:36px}.p-project-caption h3{font-size:24px}.p-service{grid-template-columns:200px minmax(0,1fr);gap:20px 28px}.p-service h3{font-size:22px}.p-service-title{-moz-column-gap:14px;column-gap:14px}.p-about{gap:36px}.p-about h2,.p-about h1{font-size:27px}.p-footer{flex-wrap:wrap;gap:18px}}@media (max-width:720px){.p-wrap,.p-nav-inner{width:calc(100% - 40px)}.p-nav-inner{height:66px}.p-brand{font-size:24px}.p-desktop-nav{display:none}.p-nav-right{gap:15px}.p-language{font-size:11px}.p-menu-button{color:var(--p-ink);place-items:center;padding:0;display:grid}.p-menu-button span{font-size:24px;line-height:1}.p-mobile-nav{border-top:1px solid var(--p-line);background:#fff;flex-direction:column;padding:8px 20px 22px;display:flex;box-shadow:0 15px 25px #19243a0a}.p-mobile-nav>a{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;min-height:53px;font-size:17px;display:flex}.p-eyebrow{font-size:12px}.p-feature{padding-top:68px}.p-project-heading{margin-bottom:24px;display:block}.p-project-heading h2{margin-top:8px;font-size:34px}.p-feature-summary{margin-top:20px}.p-feature-summary>p{white-space:normal;max-width:320px;font-size:18px}.p-project-meta{gap:10px;margin-top:12px;font-size:11px}.p-feature-visual{aspect-ratio:1.5;border-radius:10px;margin-inline:-8px}.p-laptop{width:100%;height:100%;top:0;left:0;transform:none}.p-laptop-base{display:none}.p-laptop-screen{border-radius:0;width:100%;height:100%;inset:0}.p-visual-link{gap:8px;padding:7px 11px;font-size:11px;bottom:15px;right:15px}.p-feature-details{margin-top:23px;display:block}.p-feature-details>p{font-size:14px;line-height:1.9}.p-feature-details ul{margin-top:24px}.p-feature-details li{padding:10px 0;font-size:13px}.p-projects{padding-top:76px}.p-section-heading{margin-bottom:30px;display:block}.p-section-heading h1,.p-section-heading h2{letter-spacing:-.024em;margin-top:10px;font-size:30px;line-height:1.36}.p-section-heading>p{max-width:360px;margin-top:18px;font-size:14px;line-height:1.85}.p-product-grid,.p-website-grid{display:block}.p-project{margin-bottom:38px}.p-product-grid .p-project:nth-child(2),.p-website-grid .p-project:nth-child(3){padding:0}.p-project:last-child{margin-bottom:0}.p-project-image,.p-website-grid .p-project:nth-child(2) .p-project-image,.p-website-grid .p-project:nth-child(3) .p-project-image{aspect-ratio:1.6;border-radius:7px}.p-project-caption{gap:4px 10px;margin-top:14px}.p-project-caption h3{font-size:23px}.p-project-caption>span{font-size:12px}.p-project-description{font-size:13px;margin-top:6px!important}.p-open{width:35px;height:35px;font-size:18px;bottom:11px;right:11px}.p-websites{padding-top:70px;padding-bottom:70px}.p-capabilities{padding:58px 0 40px}.p-capabilities .p-section-heading{margin-bottom:30px}.p-service{padding:28px 0 32px;display:block}.p-service-title{-moz-column-gap:14px;grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px}.p-service h3{font-size:23px}.p-service-contact{grid-column:3;align-self:center;margin-top:0}.p-service-body{margin-top:14px}.p-service-body>p{font-size:14px;line-height:1.8}.p-service-body .p-service-detail{font-size:12px}.p-service-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;max-width:none;margin-top:20px}.p-thumb-label{font-size:12px}.p-about{padding-top:68px;padding-bottom:67px;display:block}.p-about h2,.p-about h1{margin-top:15px;font-size:28px;line-height:1.45}.p-about-body{font-size:14px;line-height:1.9;margin-top:21px!important}.p-about .p-text-link{margin-top:16px}.p-career{margin-top:25px}.p-career-row{flex-wrap:nowrap;min-height:90px;padding:18px 0}.p-career-row img{width:126px;height:30px}.p-career-row .p-logo-golfzon{width:108px;height:42px}.p-career-row .p-logo-smilegate{width:124px}.p-career-row>span{font-size:12px}.p-career-now strong{font-size:17px}.p-education{font-size:12px;margin-top:19px!important}.p-contact{padding:55px 0 37px}.p-contact-top{display:block}.p-contact h2,.p-contact h1{margin-top:15px;font-size:37px;line-height:1.3}.p-contact-top>div:last-child{margin-top:28px}.p-contact-top>div:last-child>p{max-width:350px;font-size:14px}.p-contact-button{margin-top:16px;font-size:13px}.p-email{letter-spacing:-.03em;margin-top:35px;padding:24px 0;font-size:clamp(25px,7.6vw,49px)}.p-email .p-arrow{font-size:1em}.p-contact-note{letter-spacing:0;font-size:12px;margin-top:18px!important}.p-footer{grid-template-columns:repeat(3,max-content);justify-content:start;gap:2px 22px;min-height:120px;padding-block:25px;font-size:12px;display:grid}.p-footer .p-brand{grid-area:1/1/auto/-1;margin-bottom:6px;font-size:22px}.p-footer>a:not(.p-brand){grid-row:2;min-height:40px}.p-footer>p{grid-area:3/1/auto/-1}.portfolio section[id],.portfolio article[id],.portfolio div[id]{scroll-margin-top:88px}}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :before,.portfolio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-reveal].p-pending{opacity:1;transform:none}.p-laptop{will-change:auto}}@media (max-width:1280px) and (min-width:721px){.p-service{grid-template-columns:240px minmax(0,1fr);gap:24px 36px}.p-service-work{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;max-width:640px}}@media (max-width:800px) and (min-width:721px){.p-service{grid-template-columns:200px minmax(0,1fr);gap:20px 28px}}@media (max-width:720px){.p-product-grid .p-project:nth-child(3){display:block}}@media (max-width:940px) and (min-width:721px){.p-desktop-nav{display:none}.p-nav-right{gap:18px}.p-menu-button{color:var(--p-ink);place-items:center;padding:0;display:grid}.p-menu-button span{font-size:24px;line-height:1}.p-mobile-nav{border-top:1px solid var(--p-line);background:#fff;flex-direction:column;padding:8px 36px 22px;display:flex;box-shadow:0 15px 25px #19243a0a}.p-mobile-nav>a{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;min-height:53px;font-size:17px;display:flex}}.portfolio main a,.portfolio main button{scroll-margin-top:96px}@media (max-width:720px){.portfolio main a,.portfolio main button{scroll-margin-top:80px}}