@charset "utf-8";

:root { --ps-app-red:#d14f30; --ps-app-paper:#f7f5f2; --ps-app-text:#111; }
.ps-applications,.ps-applications * { box-sizing:border-box; }
.ps-applications { color:var(--ps-app-text); font-family:'Noto Sans KR',sans-serif; word-break:keep-all; }
.ps-applications h1,.ps-applications h2,.ps-applications h3,.ps-applications p,.ps-applications figure,.ps-applications ul { margin:0; padding:0; }
.ps-applications ul { list-style:none; }
.ps-applications img { display:block; max-width:100%; }
.ps-app-inner { position:relative; width:1200px; height:100%; margin:0 auto; }
.ps-app-reveal { opacity:0; transform:translateY(24px); transition:opacity 1s ease,transform 1s cubic-bezier(.22,.61,.36,1); }
.ps-app-reveal.is-visible { opacity:1; transform:none; }

/* hero */
.ps-app-hero { position:relative; height:560px; overflow:hidden; background:#050505; }
.ps-app-hero>img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; transform:scale(1.025); transform-origin:center; animation:ps-sub-hero-breathe 12s ease-in-out infinite; will-change:transform; }
.ps-app-hero>i { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.36) 62%,rgba(0,0,0,.16)); }
.ps-app-hero-copy { color:#fff; }
.ps-app-hero-copy>p { position:absolute; top:150px; left:0; color:#ff947a; font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; letter-spacing:.02em; }
.ps-app-hero-copy>b { position:absolute; top:187px; left:0; width:56px; height:3px; background:var(--ps-app-red); }
.ps-app-hero-copy h1 { position:absolute; top:214px; left:0; font-size:64px; line-height:82px; letter-spacing:-.04em; }
.ps-app-hero-copy strong { position:absolute; top:320px; left:0; color:#fff; font-size:20px; font-weight:400; line-height:32px; }

@keyframes ps-sub-hero-breathe {
    0%,100% { transform:scale(1.025); }
    50% { transform:scale(1.085); }
}

/* local navigation */
.ps-app-local { height:96px; border-bottom:1px solid #ded9d4; background:#fff; }
.ps-app-local>.ps-app-inner { display:flex; align-items:stretch; }
.ps-app-local-title { width:540px; display:flex; align-items:center; }
.ps-app-local-title strong { width:260px; font-size:18px; line-height:27px; }
.ps-app-local-title span { color:var(--ps-app-red); font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; }
.ps-app-local-links { display:flex; height:100%; gap:90px; }
.ps-app-local-links a { position:relative; min-width:120px; display:flex; align-items:center; color:#616161; font-size:18px; font-weight:500; line-height:27px; text-decoration:none; }
.ps-app-local-links a::after { position:absolute; right:0; bottom:4px; left:0; height:3px; background:var(--ps-app-red); transform:scaleX(0); transform-origin:center; transition:transform .35s ease; content:''; }
.ps-app-local-links a:hover,.ps-app-local-links a.is-active { color:var(--ps-app-red); font-weight:700; }
.ps-app-local-links a.is-active::after { transform:scaleX(.58); }

/* intro */
.ps-app-intro { height:460px; overflow:hidden; background:#fff; scroll-margin-top:107px; }
.ps-app-intro-layout>p { position:absolute; top:94px; left:0; color:var(--ps-app-red); font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; }
.ps-app-intro-layout h2 { position:absolute; top:140px; left:0; font-size:44px; line-height:56px; letter-spacing:-.04em; }
.ps-app-intro-layout>div { position:absolute; top:264px; left:0; color:#63615c; font-size:18px; line-height:30px; }
.ps-app-intro-layout>i { position:absolute; top:339px; left:0; width:520px; height:1px; background:#ded9d4; }
.ps-app-intro-layout>strong { position:absolute; top:352px; left:0; color:var(--ps-app-red); font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; }

/* industry cards */
.ps-app-gallery { height:1890px; overflow:hidden; background:var(--ps-app-paper); }
.ps-app-gallery-layout { position:relative; }
.ps-app-gallery-heading { position:absolute; top:82px; left:0; }
.ps-app-gallery-heading p { color:var(--ps-app-red); font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; }
.ps-app-gallery-heading h2 { margin-top:18px; font-size:40px; line-height:52px; letter-spacing:-.035em; }
.ps-app-gallery-grid { position:absolute; top:230px; left:0; width:1200px; display:grid; grid-template-columns:410px 320px 410px; grid-template-rows:520px 520px 440px; gap:30px; }
.ps-app-card { position:relative; height:520px; overflow:hidden; border-radius:8px; background:#1a1a1a; }
.ps-app-card.is-wide { grid-column:span 2; }
.ps-app-card.is-energy { grid-column:span 2; }
.ps-app-card.is-full { grid-column:1/-1; height:440px; }
.ps-app-card>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.22,.61,.36,1); }
.ps-app-card-overlay { position:absolute; inset:0; background:rgba(0,0,0,.48); transition:background .45s ease; }
.ps-app-card-copy { position:absolute; inset:0; padding:34px 36px 8px; color:#fff; }
.ps-app-card-copy>p { color:#ffa68f; font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; }
.ps-app-card-copy h3 { position:absolute; top:260px; left:36px; right:36px; font-size:30px; line-height:42px; }
.ps-app-card-copy>b { position:absolute; top:322px; left:36px; width:48px; height:3px; background:var(--ps-app-red); }
.ps-app-card-copy>span { position:absolute; top:344px; left:36px; right:36px; font-size:17px; line-height:28px; }
.ps-app-card-copy ul { position:absolute; top:426px; left:36px; right:36px; font-size:16px; font-weight:500; line-height:26px; }
.ps-app-card.is-full .ps-app-card-copy h3 { top:180px; }
.ps-app-card.is-full .ps-app-card-copy>b { top:242px; }
.ps-app-card.is-full .ps-app-card-copy>span { top:264px; }
.ps-app-card.is-full .ps-app-card-copy ul { top:346px; }
.ps-app-card:hover>img { transform:scale(1.045); }
.ps-app-card:hover .ps-app-card-overlay { background:rgba(0,0,0,.37); }

/* partnership */
.ps-app-clients { min-height:780px; padding:92px 0 110px; overflow:visible; background:#fff; scroll-margin-top:107px; }
.ps-app-clients-layout { position:relative; }
.ps-app-clients-heading { position:static; }
.ps-app-clients-heading p { color:var(--ps-app-red); font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:22px; }
.ps-app-clients-heading h2 { margin-top:18px; font-size:40px; line-height:52px; }
.ps-app-clients-heading span { display:block; margin-top:12px; color:#63615c; font-size:18px; line-height:30px; }
.ps-app-logo-wall { width:100%; height:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:46px; padding:24px; border:1px solid #ded9d4; border-radius:8px; background:#fff; }
.ps-app-logo-wall article { min-width:0; height:142px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; border:1px solid #e2e6ea; border-radius:6px; background:#fff; transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.ps-app-logo-wall article:hover { border-color:rgba(209,79,48,.55); box-shadow:0 12px 28px rgba(18,25,33,.1); transform:translateY(-4px); }
.ps-app-logo-wall img { width:150px; height:44px; object-fit:contain; }
.ps-app-logo-wall img.is-kg { width:54px; height:44px; }
.ps-app-logo-wall img.is-omc { width:170px; height:64px; }
.ps-app-logo-wall .ps-app-text-logo { min-height:44px; display:flex; align-items:center; color:#30363b; font-size:23px; font-weight:700; letter-spacing:.06em; text-align:center; }
.ps-app-logo-wall .ps-app-text-logo.is-long { font-size:18px; letter-spacing:.03em; }
.ps-app-logo-wall strong { color:#101b29; font-family:Arial,sans-serif; font-size:16px; line-height:20px; text-align:center; }

/* consultation */
.ps-app-contact { height:260px; overflow:hidden; background:#0e0e0e; }
.ps-app-contact-layout>div { position:absolute; top:56px; left:0; }
.ps-app-contact-layout p { color:var(--ps-app-red); font-family:Inter,sans-serif; font-size:16px; font-weight:600; line-height:23px; }
.ps-app-contact-layout h2 { margin-top:8px; color:#fff; font-size:34px; line-height:49px; }
.ps-app-contact-layout div>span { display:block; margin-top:1px; color:#bfbfbf; font-size:18px; line-height:26px; }
.ps-app-contact-layout>a { position:absolute; top:92px; right:0; width:260px; height:64px; display:flex; align-items:center; justify-content:center; gap:18px; border-radius:6px; background:var(--ps-app-red); color:#fff; font-size:18px; font-weight:500; text-decoration:none; transition:background .25s ease,transform .25s ease; }
.ps-app-contact-layout>a:hover { background:#b94127; transform:translateY(-3px); }

@media (max-width:1280px) {
    .ps-app-inner { width:calc(100% - 80px); }
    .ps-app-local-title { width:45%; }
    .ps-app-gallery,.ps-app-clients { height:auto; min-height:0; overflow:visible; padding:80px 0; }
    .ps-app-gallery-layout,.ps-app-clients-layout { height:auto; }
    .ps-app-gallery-heading,.ps-app-gallery-grid,.ps-app-clients-heading,.ps-app-logo-wall { position:static; width:100%; }
    .ps-app-gallery-grid { margin-top:48px; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; }
    .ps-app-card,.ps-app-card.is-full { grid-column:auto; height:500px; }
    .ps-app-card.is-wide,.ps-app-card.is-energy { grid-column:auto; }
    .ps-app-logo-wall { height:auto; margin-top:38px; grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:900px) {
    .ps-app-inner { width:calc(100% - 48px); }
    .ps-app-hero-copy h1 { font-size:48px; }
    .ps-app-local { height:110px; overflow-x:auto; overflow-y:hidden; }
    .ps-app-local>.ps-app-inner { width:max-content; min-width:100%; padding:0 24px; }
    .ps-app-local-title { width:420px; flex:none; }
    .ps-app-local-links { gap:56px; }
    .ps-app-intro { height:auto; padding:80px 0; overflow:visible; }
    .ps-app-intro-layout { height:auto; }
    .ps-app-intro-layout>p,.ps-app-intro-layout h2,.ps-app-intro-layout>div,.ps-app-intro-layout>i,.ps-app-intro-layout>strong { position:static; }
    .ps-app-intro-layout h2 { margin-top:20px; }
    .ps-app-intro-layout>div { margin-top:22px; }
    .ps-app-intro-layout>i { display:block; width:100%; margin:28px 0 14px; }
    .ps-app-gallery-grid { grid-template-columns:1fr; }
    .ps-app-card,.ps-app-card.is-full { height:520px; }
    .ps-app-logo-wall { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ps-app-contact { height:auto; padding:60px 0; }
    .ps-app-contact-layout { height:auto; display:grid; gap:34px; }
    .ps-app-contact-layout>div,.ps-app-contact-layout>a { position:static; }
}

@media (max-width:600px) {
    .ps-app-inner { width:calc(100% - 40px); }
    .ps-app-hero { height:420px; }
    .ps-app-hero>img { object-position:36% center; }
    .ps-app-hero-copy>p { top:82px; font-size:14px; }
    .ps-app-hero-copy>b { top:118px; width:48px; }
    .ps-app-hero-copy h1 { top:144px; font-size:34px; line-height:1.4; }
    .ps-app-hero-copy strong { top:230px; font-size:15px; line-height:1.7; }
    .ps-app-local { height:135px; overflow:hidden; }
    .ps-app-local>.ps-app-inner { display:block; padding:0 20px; }
    .ps-app-local-title { width:330px; height:68px; }
    .ps-app-local-title strong { width:90px; }
    .ps-app-local-links { width:330px; height:67px; gap:46px; }
    .ps-app-local-links a { min-width:76px; font-size:16px; }
    .ps-app-local-links a::after { bottom:0; }
    .ps-app-intro,.ps-app-gallery,.ps-app-clients { padding:56px 0 64px; }
    .ps-app-intro-layout h2 { font-size:32px; line-height:1.45; }
    .ps-app-intro-layout>div { font-size:16px; line-height:1.8; }
    .ps-app-intro-layout>div br { display:none; }
    .ps-app-intro-layout>strong { font-size:13px; line-height:1.7; }
    .ps-app-gallery-heading h2,.ps-app-clients-heading h2 { font-size:30px; line-height:1.45; }
    .ps-app-gallery-grid { gap:20px; margin-top:36px; }
    .ps-app-card,.ps-app-card.is-full { height:500px; }
    .ps-app-card-copy { padding:28px 24px 8px; }
    .ps-app-card-copy h3,.ps-app-card.is-full .ps-app-card-copy h3 { top:246px; left:24px; right:24px; font-size:28px; }
    .ps-app-card-copy>b,.ps-app-card.is-full .ps-app-card-copy>b { top:304px; left:24px; }
    .ps-app-card-copy>span,.ps-app-card.is-full .ps-app-card-copy>span { top:326px; left:24px; right:24px; font-size:15px; line-height:1.7; }
    .ps-app-card-copy ul,.ps-app-card.is-full .ps-app-card-copy ul { top:414px; left:24px; right:24px; font-size:14px; line-height:23px; }
    .ps-app-clients-heading span { font-size:16px; line-height:1.8; }
    .ps-app-logo-wall { grid-template-columns:1fr; padding:16px; gap:10px; }
    .ps-app-logo-wall article { height:130px; }
    .ps-app-contact-layout h2 { font-size:28px; line-height:1.45; }
    .ps-app-contact-layout div>span { margin-top:10px; font-size:16px; line-height:1.7; }
    .ps-app-contact-layout>a { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
    .ps-app-hero>img { animation:none; transform:scale(1.025); }
    .ps-app-reveal,.ps-app-card>img,.ps-app-contact-layout>a { transition:none; }
}