:root{--brand-blue:#173c91;--brand-blue-dark:#112e72;--brand-blue-light:#3b63b0;--brand-blue-tint:#f2f6fc;--ink:#15191e;--muted:#6b717a;--line:#dfe2e6;--paper:#fff;--warm:#f7f7f5;--container:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{object-fit:cover;width:100%;height:100%;display:block}figure,h1,h2,p{margin:0}::selection{color:var(--brand-blue-dark);background:#c8d7fb}:focus-visible{outline:2px solid var(--brand-blue-light);outline-offset:5px}.container{width:min(calc(100% - 112px), var(--container));margin-inline:auto}.panel{scroll-snap-align:start;align-items:center;min-height:100svh;padding-block:148px 76px;scroll-margin-top:0;display:flex;position:relative;overflow:clip}.panel.warm{background:var(--warm)}.panel.blue-tint{background:var(--brand-blue-tint)}.site-header{z-index:30;background:#fffffff5;border-bottom:1px solid #0000;transition:background .35s,border-color .35s;position:fixed;inset:0 0 auto}.menu-backdrop{display:none}.site-header.compact,.site-header.menu-open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-bottom-color:#e9ebef}.header-inner{width:min(calc(100% - 112px), var(--container));flex-direction:column;align-items:center;margin:auto;display:flex}.wordmark{height:70px;color:var(--brand-blue);justify-content:center;align-items:center;display:flex}.wordmark strong{letter-spacing:-.065em;font-size:28px;font-weight:650;transition:font-size .35s}.main-nav{justify-content:center;align-items:center;gap:clamp(20px,3.2vw,52px);width:100%;min-height:60px;transition:min-height .35s;display:flex}.main-nav a{white-space:nowrap;color:#333a43;padding:12px 0;font-size:14px;font-weight:500;transition:color .25s;display:block;position:relative}.main-nav a:after{content:"";background:var(--brand-blue);height:1px;transition:right .28s;position:absolute;bottom:5px;left:0;right:100%}.main-nav a:hover,.main-nav a.active{color:var(--brand-blue)}.main-nav a:hover:after,.main-nav a.active:after{right:0}.site-header.compact .wordmark{height:47px}.site-header.compact .wordmark strong{font-size:22px}.site-header.compact .main-nav{min-height:44px}.menu-toggle{display:none}.back-to-top{z-index:19;right:max(28px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));background:var(--brand-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:0;transition:background .25s,color .25s,transform .3s ease-out,box-shadow .25s;display:inline-flex;position:fixed;transform:translateY(0);box-shadow:0 7px 17px #0a2a6738,0 2px 5px #0a2a671f}.back-to-top.scrolling-down{transform:translateY(-10px)}.back-to-top.scrolling-up{transform:translateY(6px)}.back-to-top:hover{background:var(--brand-blue-dark);box-shadow:0 10px 24px #0a2a6745,0 3px 7px #0a2a6721}.back-to-top.on-contact{color:var(--brand-blue);background:#fff;box-shadow:0 12px 30px #0000005c,0 4px 10px #00000030}.back-to-top.on-contact:hover{background:#f2f6fc;box-shadow:0 14px 33px #0006,0 5px 12px #00000036}.section-label{color:#525e6d;letter-spacing:.15em;white-space:nowrap;align-items:center;gap:13px;font:600 12px/1.2 Arial,sans-serif;display:flex}.section-label>span:first-child{color:var(--brand-blue);letter-spacing:.06em;font-size:13px}.label-rule{background:#aab6cb;width:26px;height:1px}h1,h2{letter-spacing:-.065em;word-break:keep-all;font-weight:550}h2{font-size:clamp(35px,4vw,60px);line-height:1.3}p{word-break:keep-all}.text-link{min-width:104px;color:var(--brand-blue);border-bottom:1px solid;justify-content:space-between;align-items:center;gap:40px;padding:11px 0 13px;font-size:15px;font-weight:600;transition:gap .25s,color .25s;display:inline-flex}.text-link:hover{color:var(--brand-blue-light);gap:48px}.text-link span{font-size:17px;font-weight:400}.hero{padding-top:150px}.hero-layout{grid-template-columns:41% 59%;align-items:center;gap:0;display:grid}.hero-copy{z-index:1;padding-bottom:33px;animation:.85s 50ms both rise;position:relative}.hero-overline{color:#727b86;letter-spacing:.18em;align-items:center;gap:15px;height:1.2em;margin-bottom:clamp(35px,5vh,62px);font:600 11px/1.2 Arial,sans-serif;display:flex}.blue-line{background:var(--brand-blue);width:36px;height:2px}.hero h1{white-space:nowrap;font-size:clamp(46px,5.45vw,82px);line-height:1.22}.hero h1 em{color:var(--brand-blue);font-style:normal}.hero-copy p{color:#666e78;letter-spacing:-.02em;margin-top:35px;font-size:clamp(16px,1.23vw,18px);line-height:1.9}.hero-actions{align-items:center;gap:34px;margin-top:35px;display:flex}.hero-visual{height:min(58vh,625px);min-height:410px;margin-left:18px;animation:.9s .2s both rise;position:relative}.hero-visual img{object-position:center}.hero-visual:before{content:"";background:var(--brand-blue);width:55px;height:3px;position:absolute;top:-18px;left:-18px}.hero-visual figcaption{color:#727b83;letter-spacing:.13em;justify-content:space-between;padding-top:15px;font:600 11px Arial,sans-serif;display:flex}.scroll-cue{left:max(56px, calc((100vw - var(--container))/2));color:#6d7580;letter-spacing:.17em;align-items:center;gap:24px;font:600 11px Arial,sans-serif;display:flex;position:absolute;bottom:38px}.scroll-cue span{color:var(--brand-blue);font-size:21px;font-weight:400}.hero-rail{color:#a4aab3;letter-spacing:.18em;writing-mode:vertical-rl;font:600 10px Arial,sans-serif;position:absolute;bottom:130px;right:18px}.about-panel{background:var(--warm)}.about-layout{grid-template-columns:minmax(0,57fr) minmax(0,43fr);align-items:center;gap:50px;display:grid}.about-copy h2{margin-top:50px;font-size:clamp(43px,4.5vw,67px);line-height:1.35}.about-copy h2 span,.business-top h2 span,.service-copy h2 .accent{color:var(--brand-blue)}.about-detail{border-left:1px solid #cdd3db;padding-top:95px;padding-left:clamp(40px,5vw,86px)}.about-detail p{color:#515963;max-width:480px;font-size:clamp(16px,1.2vw,18px);line-height:2}.about-detail p+p{margin-top:25px}.process-list{color:var(--brand-blue);letter-spacing:.13em;border-top:1px solid #cbd0d8;gap:clamp(16px,2vw,32px);margin-top:60px;padding-top:23px;font:600 12px Arial,sans-serif;display:flex}.about-bottom{color:#737a83;letter-spacing:.02em;border-top:1px solid #d5d9de;justify-content:space-between;padding-top:17px;font-size:12px;display:flex;position:absolute;bottom:45px;left:0;right:0}.about-bottom span:first-child{letter-spacing:.17em;font:600 11px Arial,sans-serif}.service-layout{grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;gap:clamp(48px,6vw,96px);display:grid}.service-panel.reverse .service-copy{order:2}.service-panel.reverse .service-visual{order:1}.service-copy h2{margin-top:35px}.service-copy .intro{color:#636c76;max-width:480px;margin-top:27px;font-size:17px;line-height:1.9}.service-list{border-top:1px solid #cfd4da;max-width:485px;margin-top:42px}.service-list>div{border-bottom:1px solid #e0e3e7;grid-template-columns:54px 1fr;align-items:center;min-height:41px;display:grid}.service-list span{color:var(--brand-blue);font:500 11px Arial,sans-serif}.service-list strong{color:#2c333c;font-size:15px;font-weight:500}.service-visual{min-width:0;height:clamp(400px,57vh,620px)}.service-visual img{object-position:center}.service-visual figcaption{color:#818992;letter-spacing:.12em;justify-content:flex-end;margin-top:15px;font:600 11px Arial,sans-serif;display:flex}.promotion-panel{padding-top:158px}.promotion-top{justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px;display:flex}.promotion-top h2{margin-top:27px}.promotion-top p{color:#626b75;max-width:330px;margin-bottom:5px;font-size:16px;line-height:1.85}.gallery{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.gallery figure{min-width:0}.gallery-image{height:clamp(225px,31vh,360px);overflow:hidden}.gallery-image img{transition:transform .55s}.gallery figure:hover img{transform:scale(1.035)}.gallery figcaption{border-top:1px solid #d6d9dc;align-items:center;gap:17px;margin-top:16px;padding-top:18px;font-size:15px;font-weight:500;display:flex}.gallery figcaption span{color:var(--brand-blue);font:600 11px Arial,sans-serif}.business-layout{align-self:center}.business-top h2{margin-top:28px}.business-bottom{grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:end;gap:clamp(55px,7vw,110px);margin-top:42px;display:grid}.business-bottom figure{height:clamp(280px,40vh,440px)}.business-bottom figcaption{color:#7c848d;letter-spacing:.15em;padding-top:12px;font:600 10px Arial,sans-serif}.business-bottom>div{padding-bottom:30px}.business-bottom p{color:#626b75;max-width:350px;font-size:17px;line-height:1.9}.business-items{border-block:1px solid #d8dde2;max-width:360px;margin:30px 0;padding:22px 0;font-size:15px;line-height:2.1}.business-items .business-separator{color:#b5bfcc;margin-inline:8px}.contact-panel{background:var(--brand-blue-dark);color:#fff;align-items:stretch}.contact-inner{flex-direction:column;justify-content:center;display:flex}.contact-panel .section-label,.contact-panel .section-label>span:first-child{color:#b8c9e8}.contact-panel .label-rule{background:#8ea9d8}.contact-panel h2{margin-top:35px;font-size:clamp(40px,5vw,72px);line-height:1.3}.contact-grid{border-block:1px solid #ffffff54;grid-template-columns:1.25fr repeat(2,minmax(0,1fr));gap:46px 40px;margin-top:clamp(56px,8vh,110px);padding-block:30px 42px;display:grid}.contact-brand{align-items:flex-start;display:flex}.contact-brand strong{letter-spacing:-.06em;font-size:26px;font-weight:600}.contact-info{flex-direction:column;gap:14px;min-width:0;display:flex}.contact-info span{letter-spacing:.15em;color:#b5c7e7;font:600 11px Arial,sans-serif}.contact-info strong{overflow-wrap:anywhere;font-size:16px;font-weight:400}.address-english{color:#c8d5ed;letter-spacing:0;margin-top:8px;font-family:Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.55;display:block}.contact-actions{flex-wrap:wrap;gap:34px;margin-top:25px;display:flex}.contact-actions a,.contact-actions button{border:0;color:#d7e2f6;background:0 0;border-bottom:1px solid #a4b9dc;justify-content:space-between;align-items:center;gap:35px;padding:10px 0;font-size:15px;display:inline-flex}.contact-actions a:hover,.contact-actions button:not(:disabled):hover{color:#fff;border-bottom-color:#fff}.contact-actions button:not(:disabled){cursor:pointer}.contact-actions button:disabled{cursor:not-allowed;opacity:.65}.contact-actions a span,.contact-actions button span:last-child{font-size:17px}.contact-panel footer{color:#b5c7e7;letter-spacing:.07em;margin-top:auto;padding-top:40px;font:500 11px Arial,sans-serif}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.container,.header-inner{width:min(calc(100% - 72px), var(--container))}.main-nav{gap:clamp(13px,2vw,22px)}.main-nav a{font-size:13px}.hero h1{font-size:clamp(44px,5.7vw,65px)}.hero-visual{min-height:350px}.service-layout{gap:42px}.service-copy h2{font-size:clamp(32px,3.8vw,50px)}.scroll-cue{left:36px}}@media (max-width:760px){html{scroll-snap-type:none}.container,.header-inner{width:calc(100% - 40px)}.panel{min-height:auto;padding-block:104px 80px;display:block;overflow:hidden}.site-header{border-bottom:1px solid #e9ebef}.header-inner{flex-direction:row;justify-content:space-between;min-height:66px}.wordmark,.site-header.compact .wordmark{height:auto}.wordmark strong,.site-header.compact .wordmark strong{font-size:21px}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:flex}.menu-toggle span{background:var(--ink);width:23px;height:1.5px;transition:transform .25s}.menu-open .menu-toggle span:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.main-nav,.site-header.compact .main-nav{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-bottom:1px solid #e9ebef;flex-direction:column;align-items:stretch;gap:0;width:100%;min-height:0;max-height:calc(100dvh - 66px);padding:16px 20px 26px;transition:opacity .32s,transform .32s,visibility 0s linear .32s;display:flex;position:absolute;top:66px;left:0;right:0;overflow-y:auto;transform:translateY(-18px)}.site-header.menu-open .main-nav{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s,transform .32s,visibility;transform:translateY(0)}.menu-backdrop{z-index:25;opacity:0;visibility:hidden;pointer-events:none;touch-action:pan-y;background:#00000080;border:0;width:100%;transition:opacity .36s,visibility 0s linear .36s;display:block;position:fixed;inset:66px 0 0}.menu-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .36s,visibility}.main-nav a{border-bottom:1px solid #eef0f3;padding:14px 4px;font-size:16px}.main-nav a:after{display:none}.back-to-top{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:54px;height:54px}.back-to-top svg{width:23px;height:23px}.hero{min-height:100svh;padding-top:132px;padding-bottom:83px}.hero-layout{flex-direction:column;align-items:stretch;display:flex}.hero-copy{padding:0}.hero-overline{margin-bottom:28px;font-size:10px}.hero h1{font-size:clamp(42px,9.5vw,68px)}.hero-copy p{margin-top:24px;font-size:16px;line-height:1.75}.desktop-break{display:none}.hero-actions{gap:25px;margin-top:23px}.text-link{gap:20px;font-size:14px}.hero-visual{height:min(50vh,420px);min-height:260px;margin:42px 0 0}.hero-visual:before{width:37px;top:-12px;left:0}.scroll-cue,.hero-rail{display:none}.about-layout,.service-layout,.business-bottom{flex-direction:column;align-items:stretch;gap:34px;display:flex}h2,.about-copy h2,.service-copy h2{font-size:clamp(35px,7.1vw,48px)}.about-copy h2{margin-top:32px}.about-detail{border:0;padding:0}.about-detail p{font-size:16px;line-height:1.85}.about-detail p+p{margin-top:17px}.process-list{gap:25px;margin-top:36px}.about-bottom{margin-top:64px;position:static}.service-panel.reverse .service-copy,.service-panel.reverse .service-visual{order:initial}.service-copy h2{margin-top:26px}.service-copy .intro{margin-top:21px;font-size:16px}.service-list{margin-top:30px}.service-visual{height:min(64vw,440px);min-height:260px}.promotion-top{margin-bottom:30px;display:block}.promotion-top h2{margin-top:26px}.promotion-top p{max-width:520px;margin-top:22px}.gallery{grid-template-columns:1fr;gap:30px}.gallery figure{flex-direction:column;display:flex}.gallery figcaption{order:-1;margin:0 0 16px;padding-top:16px}.gallery-image{height:min(62vw,380px);min-height:230px}.business-top h2{margin-top:26px}.business-bottom{margin-top:30px}.business-bottom figure{height:min(62vw,420px);min-height:250px}.business-bottom>div{padding:0}.contact-panel{min-height:100svh}.contact-panel h2{font-size:clamp(36px,8vw,50px)}.contact-grid{grid-template-columns:1fr 1fr;gap:35px 18px;margin-top:55px}.contact-brand{grid-column:1/-1}.contact-panel footer{margin-top:80px}}@media (max-width:440px){.hero h1{font-size:clamp(38px,9.3vw,43px)}.hero-overline{letter-spacing:.12em}.contact-grid{grid-template-columns:1fr}.contact-brand{grid-column:auto}.contact-panel footer{flex-wrap:wrap;gap:24px}.process-list{gap:17px;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.main-nav,.menu-backdrop{transition-delay:0s!important}}
