:root{--navy:#062b7e;--deep:#03266e;--blue:#078ce5;--text:#121d2f;--muted:#566477;--line:#dce5ef;--light:#f5f9fd;--red:#e31d2e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font-family:"Malgun Gothic","맑은 고딕","Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1360px,calc(100% - 176px));margin:0 auto}
.site-header{height:77px;background:#fff;border-bottom:1px solid #e9eef4;position:sticky;top:0;z-index:100}
.header-inner{height:100%;display:flex;align-items:center}.brand{width:360px;height:77px;display:flex;align-items:center}
.brand img{width:275px;height:72px;object-fit:contain;object-position:left center;display:block}
.nav{flex:1;display:flex;justify-content:center;align-items:center;gap:52px;font-size:15px;font-weight:800;white-space:nowrap}.nav a:hover{color:var(--blue)}
.menu-btn{width:77px;height:77px;border:0;background:var(--navy);color:#fff;font-size:31px;line-height:1;cursor:pointer}
.mobile-panel{display:none;position:fixed;right:0;top:77px;width:min(320px,86vw);background:#fff;z-index:99;box-shadow:-8px 12px 30px rgba(0,0,0,.16)}
.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:14px 20px;border-bottom:1px solid #edf1f5;color:var(--navy);font-weight:800}
.page-hero{height:190px;background:linear-gradient(105deg,#eef8ff,#d5eeff 48%,#b6e2ff);position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:0;top:0;width:48%;height:100%;background-image:url("assets/hero-boat.jpg");background-size:cover;background-position:center;opacity:.88}
.page-hero .container{height:100%;display:flex;align-items:center;position:relative;z-index:2}
.page-kicker{font-size:11px;color:var(--navy);font-weight:900;letter-spacing:.6px}.page-hero h1{margin:5px 0 7px;color:var(--navy);font-size:38px;letter-spacing:-2px}.page-hero p{margin:0;font-size:13px;color:#41536a;font-weight:600}
.breadcrumb{margin-top:12px;font-size:10px;color:#6c7887}.breadcrumb a{color:var(--navy);font-weight:800}
.section{padding:52px 0}.section.gray{background:var(--light)}.section-head{text-align:center;margin-bottom:30px}.kicker{font-size:10px;color:var(--navy);font-weight:900;letter-spacing:.4px}.section-head h2{font-size:29px;color:var(--navy);margin:4px 0 8px;letter-spacing:-1.2px}.section-head p{font-size:13px;color:var(--muted);margin:0}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.content-grid img{width:100%;height:280px;object-fit:cover;border-radius:7px}.content-grid .company-photo{object-position:center center}.copy h3{font-size:24px;color:var(--navy);margin:0 0 13px}.copy p{font-size:13px;line-height:1.9;color:#4a586b;margin:0 0 12px}
.checks{display:grid;gap:9px;margin-top:18px}.check{border:1px solid var(--line);padding:12px 15px;border-radius:5px;background:#fff;font-size:12px;font-weight:800;color:var(--navy)}
.business-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.business-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.business-card img{width:100%;height:79px;object-fit:cover;display:block;image-rendering:auto}.business-card .inner{padding:19px}.business-card h3{margin:0 0 6px;color:var(--navy);font-size:21px}.business-card .services{font-size:12px;color:var(--navy);font-weight:900}.business-card p{font-size:12px;line-height:1.75;color:#536173;margin:10px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--line);padding:24px;border-radius:7px;background:#fff}.feature .num{font-size:11px;color:var(--blue);font-weight:900}.feature h3{font-size:18px;color:var(--navy);margin:6px 0 8px}.feature p{font-size:12px;line-height:1.75;color:#566477;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.product img{width:100%;height:170px;object-fit:cover}.product-body{padding:16px}.product h3{margin:0;color:var(--navy);font-size:17px}.product p{font-size:11px;line-height:1.7;color:#59677a}.tag{display:inline-block;padding:4px 8px;border-radius:12px;background:#eef6ff;color:var(--navy);font-size:10px;font-weight:900}
.news-list{border-top:2px solid var(--navy)}.news-row{display:grid;grid-template-columns:110px 1fr 90px;gap:20px;padding:18px 10px;border-bottom:1px solid var(--line);align-items:center}.news-row .type{font-size:10px;color:var(--blue);font-weight:900}.news-row h3{margin:0;font-size:14px;color:var(--navy)}.news-row p{margin:5px 0 0;font-size:11px;color:#657285}.news-row time{font-size:10px;color:#7b8794;text-align:right}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.support-box{border:1px solid var(--line);border-radius:7px;padding:22px;background:#fff}.support-box h3{margin:0 0 12px;color:var(--navy);font-size:18px}.support-box p{font-size:12px;line-height:1.8;color:#566477;margin:0}.faq{border-top:1px solid var(--line)}.faq div{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.faq b{color:var(--navy)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:28px}.contact-card{border-radius:7px;background:var(--navy);color:#fff;padding:27px}.contact-card h3{margin:0 0 12px;font-size:21px}.contact-card .big{font-size:28px;font-weight:900;margin-bottom:12px}.contact-card p{font-size:12px;line-height:1.8;color:#e2ebff}.contact-card .closed{color:#ff9aa4}.form{border:1px solid var(--line);border-radius:7px;padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:900;color:var(--navy)}.field input,.field select,.field textarea{border:1px solid #cfd9e5;border-radius:4px;padding:10px 11px;outline:none}.field textarea{min-height:130px;resize:vertical}.submit{margin-top:15px;height:43px;width:100%;border:0;border-radius:4px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer}
.map-box{margin-top:25px;height:230px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(135deg,#f1f6fa,#e7eef5);display:flex;align-items:center;justify-content:center;text-align:center;color:#536173;font-size:13px}.map-box strong{display:block;color:var(--navy);font-size:17px;margin-bottom:5px}
footer{min-height:31px;background:#052565;color:#e2ebff;font-size:10px}.footer-inner{min-height:31px;display:flex;align-items:center;justify-content:center;gap:58px;padding:7px 0}
@media(max-width:1200px){.container{width:calc(100% - 70px)}.brand{width:270px}.brand img{width:250px}.nav{gap:24px;font-size:13px}.page-hero h1{font-size:34px}}
@media(max-width:800px){.site-header{height:68px}.brand{width:220px;height:68px}.brand img{width:205px;height:62px}.nav{display:none}.menu-btn{height:68px;width:58px}.mobile-panel{top:68px}.page-hero{height:210px}.page-hero:after{width:100%;opacity:.28}.page-hero .container{align-items:center}.page-hero h1{font-size:32px}.content-grid,.contact-grid,.support-grid{grid-template-columns:1fr}.business-detail,.product-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.news-row{grid-template-columns:80px 1fr}.news-row time{display:none}.footer-inner{flex-wrap:wrap;gap:10px}}
@media(max-width:520px){.container{width:calc(100% - 28px)}.brand{width:190px}.brand img{width:180px}.page-hero{height:200px}.page-hero h1{font-size:29px}.section{padding:38px 0}.business-detail,.product-grid,.form-grid{grid-template-columns:1fr}.content-grid img{height:210px}.business-card img{height:79px}.product img{height:145px}}