@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#071d35;--blue:#087bc1;--cyan:#16b8d4;--mint:#31d4b0;--ink:#172c3f;--pale:#f3f8fb}html{scroll-behavior:smooth}body,input,textarea,select{font-family:'Noto Sans KR',sans-serif;color:var(--ink)}#header{min-height:100vh;padding:0;background:radial-gradient(circle at 78% 45%,rgba(22,184,212,.2),transparent 24%),linear-gradient(115deg,rgba(7,29,53,.96),rgba(5,75,108,.9)),url('../../images/banner.jpg') center/cover;color:#fff}#header>.container{min-height:100vh;padding-top:2.3em}#logo{text-align:left;font-size:2em;letter-spacing:.05em}#logo a{color:#fff;border:0}#logo sub{color:var(--cyan);font-size:.55em}#header>div>p{text-align:left;color:#9bc5d7;letter-spacing:.08em}#nav{top:2.8em}#nav>ul>li>a{color:#d7e9f1}#nav>ul>li>a:before{color:var(--cyan)}.hero-copy{max-width:780px;padding:16vh 0 5em;text-align:left}.eyebrow{color:var(--cyan);font-size:.78em;font-weight:800;letter-spacing:.25em}.hero-copy h2{margin:.45em 0;font-size:3.3em;line-height:1.28;letter-spacing:-.05em;color:white}.hero-copy h2 strong{color:#53e0c6}.hero-copy p{font-size:1.2em;line-height:1.9;color:#c5dce6}.button{background:linear-gradient(100deg,var(--blue),var(--cyan));border:0!important;color:#fff!important;box-shadow:none!important}.company-section{padding:7em 0}.company-section.alt{background:var(--pale)}.section-title{text-align:center;max-width:760px;margin:0 auto 4em}.section-title span{color:var(--blue);font-weight:800;letter-spacing:.22em}.section-title h2{margin:.35em 0;font-size:2.25em;letter-spacing:-.04em}.section-title p{color:#607487}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:6em;align-items:center}.lead{font-size:1.45em;line-height:1.75}.value-list{display:grid;gap:1em}.value-list>div{position:relative;padding:1.4em 1.4em 1.4em 5em;background:var(--pale);border-left:3px solid var(--cyan)}.value-list strong{position:absolute;left:1.4em;top:1.35em;color:var(--blue)}.value-list h3,.value-list p{margin:0}.value-list p{margin-top:.3em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25em}.service-grid article{position:relative;min-height:280px;padding:2.3em;background:#fff;border:1px solid #dce9ef;transition:.25s}.service-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(13,65,94,.12);border-color:var(--cyan)}.service-grid .icon{display:block;margin-bottom:1.2em;font-size:2em;color:var(--blue)}.service-grid article>span{position:absolute;right:1.4em;top:1.1em;font-size:2.2em;font-weight:900;color:#e4f0f5}.service-grid h3{font-size:1.15em}.service-grid p{font-size:.95em;line-height:1.8}#banner{background:linear-gradient(90deg,rgba(6,26,48,.92),rgba(8,123,193,.78)),url('../../images/banner.jpg') center/cover fixed}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25em}.partner-grid article{padding:2em;border-top:4px solid var(--blue);background:var(--pale)}.partner-grid b{display:inline-grid;width:50px;height:50px;border-radius:50%;place-items:center;background:var(--navy);color:#fff}.partner-grid h3{margin:1em 0 .5em;font-size:1.1em;text-transform:none}.partner-grid small{color:var(--blue)}.standards{display:flex;flex-wrap:wrap;justify-content:center;gap:.7em;margin-top:2.5em}.standards span{padding:.6em 1.1em;border:1px solid #c6dae4;border-radius:2em;font-size:.8em;font-weight:700;color:#4a6879}#contact{padding:6em 0;background:var(--navy);color:#fff}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:3em}.contact-box h2{margin:.4em 0;color:#fff;font-size:2.25em;line-height:1.4}.contact-box p{color:#aac3d0}#footer{padding:0;background:#041323}#copyright{padding:2.5em 0}#copyright .links li{color:#7e9aaa}@media screen and (max-width:980px){#nav{display:none}.hero-copy h2{font-size:2.7em}.about-grid{grid-template-columns:1fr;gap:3em}.service-grid{grid-template-columns:repeat(2,1fr)}.partner-grid{grid-template-columns:1fr}.contact-box{display:block}.contact-box .button{margin-top:2em}}@media screen and (max-width:736px){#header>.container{padding-top:2em}.hero-copy{padding-top:16vh}.hero-copy h2{font-size:2em}.hero-copy p{font-size:1em}.company-section{padding:4.5em 0}.section-title{margin-bottom:2.5em}.section-title h2{font-size:1.7em}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.contact-box h2{font-size:1.7em}}