@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#071827;--ink2:#0c2636;--cyan:#45d8e8;--coral:#ff7657;--mist:#dfe9ea;--paper:#f1f5f4;--line:rgba(255,255,255,.18);--max:1520px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;background:#fff}.skip:focus{top:16px}.progress{position:fixed;left:0;top:0;z-index:110;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--coral)}
#header{position:absolute;z-index:100;inset:0 0 auto;color:#fff}.header{height:92px;max-width:var(--max);margin:auto;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:800 18px Manrope;letter-spacing:.13em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:var(--ink);font-size:14px;letter-spacing:-.06em}.nav{height:100%;margin-left:auto;display:flex;align-items:center;gap:clamp(26px,3.4vw,58px)}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-item>a{font-size:14px;font-weight:600}.nav-item>a:after{content:'';position:absolute;left:0;right:0;bottom:25px;height:2px;background:var(--cyan);transform:scaleX(0);transition:.25s}.nav-item:hover>a:after,.nav-item:focus-within>a:after{transform:scaleX(1)}.submenu{position:absolute;top:74px;left:50%;width:160px;padding:8px;border-radius:15px;background:rgba(7,24,39,.94);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.22s}.submenu a{display:block;padding:11px 13px;border-radius:9px;color:#b9d1d8;font-size:13px}.submenu a:hover{background:var(--cyan);color:var(--ink)}.nav-item:hover .submenu,.nav-item:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.menu-btn{display:none;margin-left:auto;border:0;background:none;color:#fff;width:46px;height:46px;position:relative}.menu-btn span,.menu-btn:before,.menu-btn:after{content:'';position:absolute;right:4px;width:30px;height:2px;background:currentColor;transition:.3s}.menu-btn:before{top:13px}.menu-btn span{top:22px;width:20px}.menu-btn:after{top:31px}.menu-btn.open:before{top:22px;transform:rotate(45deg)}.menu-btn.open span{opacity:0}.menu-btn.open:after{top:22px;transform:rotate(-45deg)}
.hero{min-height:900px;background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(69,216,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(69,216,232,.07) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,#000,transparent 62%)}.hero-image{position:absolute;right:-3vw;top:0;width:58%;height:100%;background:url('assets/hero.webp') center/cover no-repeat;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 50%),linear-gradient(0deg,rgba(7,24,39,.5),transparent 55%)}.hero-inner{position:relative;z-index:2;max-width:var(--max);min-height:900px;margin:auto;padding:190px 4vw 90px;display:flex;flex-direction:column;justify-content:center}.hero-tag,.section-label,.sub-tag{font:700 12px Manrope;letter-spacing:.2em;color:var(--cyan)}.hero h1{max-width:830px;margin:30px 0 25px;font-size:clamp(58px,7.4vw,118px);line-height:.96;letter-spacing:-.075em;font-weight:600}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}.hero-copy{max-width:490px;color:#a9c0c9;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:18px;padding:16px 22px;border-radius:999px;background:var(--coral);font-weight:700;font-size:14px}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.hero-data{position:absolute;z-index:3;right:4vw;bottom:45px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(7,24,39,.82);backdrop-filter:blur(15px);border:1px solid var(--line)}.hero-data div{padding:20px 25px;border-right:1px solid var(--line)}.hero-data div:last-child{border:0}.hero-data b{display:block;font:700 22px Manrope}.hero-data small{font-size:12px;color:#86a3ad}
.services{padding:140px 4vw;max-width:var(--max);margin:auto}.services-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:end;margin-bottom:65px}.services h2,.gallery h2,.updates h2,.sub-hero h1{margin:22px 0 0;line-height:1.08;letter-spacing:-.065em}.sub-hero h1{font-size:clamp(43px,5.6vw,82px)}.services-head p{max-width:560px;color:#61767e;line-height:1.9}.service-list{border-top:1px solid #aabbbc}.service-card{display:grid;grid-template-columns:80px 1fr 1fr 60px;align-items:center;gap:28px;padding:32px 8px;border-bottom:1px solid #bdcacc;transition:.35s}.service-card:hover{padding-left:24px;background:#fff}.service-card em{font:700 13px Manrope;color:var(--coral);font-style:normal}.service-card h3{margin:0;font-size:clamp(24px,2.4vw,38px)}.service-card p{color:#6a7d84;line-height:1.7}.service-card i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #aabbbc;font-style:normal}.service-card:hover i{background:var(--ink);color:#fff}
.fleet-band{min-height:650px;background:var(--ink2);color:#fff;display:grid;grid-template-columns:1.15fr .85fr}.fleet-visual{min-height:650px;background:url('assets/lng.webp') center/cover no-repeat;position:relative}.fleet-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--ink2))}.fleet-copy{padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}.fleet-copy h2{line-height:1.08;letter-spacing:-.06em;margin:24px 0}.fleet-copy p{color:#a8bdc5;line-height:1.9}.fleet-stats{display:grid;grid-template-columns:repeat(2,1fr);margin:30px 0;border-top:1px solid var(--line)}.fleet-stats div{padding:20px 0;border-bottom:1px solid var(--line)}.fleet-stats b{font:700 30px Manrope}.fleet-stats small{display:block;color:#7f9ba5}
.gallery{padding:140px 4vw;background:#dce6e5}.gallery-inner{max-width:var(--max);margin:auto}.gallery-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.gallery-head a{font-weight:700;font-size:14px}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:260px 260px;gap:14px}.gallery-card{position:relative;overflow:hidden;border-radius:4px;background-position:center;background-size:cover;min-height:240px}.gallery-card:first-child{grid-row:1/3;background-image:url('assets/hero.webp')}.gallery-card:nth-child(2){background-image:url('assets/port.webp')}.gallery-card:nth-child(3){background-image:url('assets/lng.webp')}.gallery-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,39,.86),transparent 58%);transition:.4s}.gallery-card:hover:after{background:linear-gradient(0deg,rgba(7,24,39,.95),rgba(7,24,39,.12))}.gallery-card div{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff}.gallery-card small{font:700 11px Manrope;letter-spacing:.15em;color:var(--cyan)}.gallery-card h3{margin:8px 0 0;font-size:22px}
.updates{padding:140px 4vw;background:var(--paper)}.updates-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.updates h2{font-size:clamp(42px,4.6vw,68px)}.notice-list{border-top:2px solid var(--ink)}.notice-list a{display:grid;grid-template-columns:105px 1fr 32px;align-items:center;gap:20px;padding:27px 6px;border-bottom:1px solid #b8c6c8;transition:.25s}.notice-list a:hover{padding-left:18px;color:#087c91}.notice-list time{font:600 12px Manrope;color:#789097}.notice-list strong{font-size:16px}.notice-list i{font-style:normal}
footer{padding:65px 4vw;background:#04121d;color:#8099a3}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-inner div:last-child{text-align:right}footer p{font-size:13px;line-height:1.8}.top{position:fixed;right:24px;bottom:24px;z-index:50;width:52px;height:52px;border:0;border-radius:50%;background:var(--cyan);color:var(--ink);font-weight:800;cursor:pointer;opacity:0;transform:translateY(15px);transition:.25s}.top.show{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}.sub-hero{min-height:620px;padding:180px 4vw 80px;color:#fff;background:var(--ink);position:relative;display:flex;align-items:end;overflow:hidden}.sub-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,39,.96) 0 46%,rgba(7,24,39,.22)),var(--sub-image) center/cover no-repeat}.sub-hero>div{position:relative;max-width:var(--max);width:100%;margin:auto}.sub-hero p{max-width:600px;color:#b7cbd2;font-size:17px;line-height:1.8}.local-nav{display:flex;padding:0 4vw;background:var(--cyan);overflow-x:auto}.local-nav a{padding:18px 24px;border-right:1px solid rgba(7,24,39,.2);font-size:14px;font-weight:600;white-space:nowrap}.detail{max-width:var(--max);margin:auto;padding:110px 4vw;display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}.detail aside{font:700 12px Manrope;letter-spacing:.18em;color:#087c91}.detail h2{margin:0 0 25px;font-size:clamp(38px,4.8vw,68px);line-height:1.15;letter-spacing:-.055em}.detail p{color:#61767e;line-height:1.95;font-size:16px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.detail-card{padding:32px;background:#fff;min-height:190px}.detail-card b{display:block;margin-bottom:38px;font:700 12px Manrope;color:var(--coral)}.detail-card strong{font-size:20px}.detail-card p{font-size:14px}.dark-section{background:var(--ink2);color:#fff}.dark-section .detail{margin:auto}.dark-section .detail p{color:#9fb6bf}
@media(max-width:900px){.header{height:74px;padding:0 22px;background:rgba(7,24,39,.82);backdrop-filter:blur(15px)}.menu-btn{display:block}.nav{position:fixed;top:74px;left:0;right:0;width:auto;max-width:100%;height:calc(100dvh - 74px);display:block;padding:24px;background:var(--ink);overflow-y:auto;overflow-x:hidden;transform:none;clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;transition:clip-path .45s cubic-bezier(.76,0,.24,1),visibility 0s linear .45s}.nav.open{clip-path:inset(0);visibility:visible;pointer-events:auto;transition:clip-path .45s cubic-bezier(.76,0,.24,1)}.nav-item{height:auto;display:block;border-bottom:1px solid var(--line)}.nav-item>a{display:block;padding:20px 0;font-size:18px}.nav-item>a:after{display:none}.submenu{position:static;width:auto;padding:0 0 16px;background:none;box-shadow:none;opacity:1;visibility:visible;transform:none;display:grid;grid-template-columns:1fr 1fr}.submenu a{padding:9px;color:#88a7b2}.hero,.hero-inner{min-height:830px}.hero-image{left:0;right:0;width:100%;height:48%;top:auto;bottom:0;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.hero-image:after{background:linear-gradient(0deg,rgba(7,24,39,.2),var(--ink))}.hero-inner{padding:130px 22px 330px;justify-content:center}.hero h1{font-size:clamp(48px,14vw,78px)}.hero-data{display:none}.services,.gallery,.updates{padding:90px 22px}.services-head,.updates-inner{grid-template-columns:1fr;gap:25px}.service-card{grid-template-columns:50px 1fr 48px}.service-card p{display:none}.fleet-band{grid-template-columns:1fr}.fleet-visual{min-height:420px}.fleet-visual:after{background:linear-gradient(0deg,var(--ink2),transparent 55%)}.fleet-copy{padding:70px 22px}.gallery-head{display:block}.gallery-head a{display:inline-block;margin-top:25px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}.gallery-card:first-child{grid-row:auto;min-height:360px}.updates-inner{gap:50px}.footer-inner{grid-template-columns:1fr}.footer-inner div:last-child{text-align:left}.sub-hero{min-height:520px;padding:140px 22px 60px}.detail{grid-template-columns:1fr;padding:80px 22px;gap:25px}.detail-grid{grid-template-columns:1fr}.top{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
.section-image{margin:48px 0 0;position:relative;overflow:hidden;background:var(--ink);aspect-ratio:16/7}.section-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.section-image:hover img{transform:scale(1.025)}.section-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,39,.78),transparent 55%);pointer-events:none}.section-image figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;color:#fff;font-size:17px;font-weight:600}.section-image figcaption span{display:block;margin-bottom:7px;color:var(--cyan);font:700 11px Manrope;letter-spacing:.16em}.vision-image{aspect-ratio:16/8;border:1px solid rgba(255,255,255,.14)}
@media(max-width:900px){.section-image,.vision-image{margin-top:34px;aspect-ratio:4/3}.section-image figcaption{left:20px;right:20px;bottom:18px;font-size:15px}}
.services .services-head h2,.fleet-copy h2,.gallery h2,.updates h2{font-size:clamp(30px,3.92vw,57px)}.updates-media{align-self:start}.updates-media h2{margin:0 0 44px}.updates-image{margin:0;height:300px;overflow:hidden;background:var(--ink);position:relative}.updates-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,39,.35),transparent 52%);pointer-events:none}.updates-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.updates-image:hover img{transform:scale(1.025)}
@media(max-width:900px){.services .services-head h2,.fleet-copy h2,.gallery h2,.updates h2{font-size:clamp(30px,9.8vw,54px)}.updates-media h2{margin-bottom:34px}.updates-image{height:auto;aspect-ratio:16/9}}