*{box-sizing:border-box} :root{--navy:#102b46;--blue:#1769aa;--cyan:#5bb6d8;--ink:#182b3a;--muted:#637482;--line:#dce5eb;--soft:#f3f7fa;--white:#fff} html{scroll-behavior:smooth;scroll-padding-top:90px} body{margin:0;font-family:"Noto Sans KR",sans-serif;color:var(--ink);line-height:1.7;background:#fff} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .container{width:min(1160px,calc(100% - 48px));margin:0 auto}.site-header{height:84px;background:#fff;border-bottom:1px solid rgba(17,47,73,.08);position:sticky;top:0;z-index:20}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:1.3px;font-weight:800;color:var(--navy);line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:1.45px;color:#7c8d9a;font-weight:600;margin-top:5px}.brand-mark{width:37px;height:37px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;transform:skew(-7deg)}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#34495a}.main-nav>a{height:84px;display:flex;align-items:center;position:relative}.main-nav>a.active:not(.nav-contact):after{content:"";height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0}.main-nav .nav-contact{height:auto;background:var(--navy);color:#fff;padding:12px 17px;gap:15px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--navy)}.hero{position:relative;min-height:610px;background:#16334a url("https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=2000&q=90") center/cover no-repeat;color:#fff;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,41,.92) 0%,rgba(10,37,59,.76) 52%,rgba(10,37,59,.25) 100%)}.hero-content{position:relative;padding:86px 0 110px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--blue);margin:0 0 18px}.eyebrow.light{color:#83d0ee}.hero h1,.page-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.3;letter-spacing:-2px;margin:0 0 22px;font-weight:700}.hero h1 span{color:#80d4f1}.hero-copy{font-size:15px;line-height:2;color:#d5e0e8;font-weight:300}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 19px;font-size:12px;font-weight:700;transition:.2s}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:#0d4e82}.btn-ghost{border:1px solid rgba(255,255,255,.55);color:white}.btn-light{background:white;color:var(--navy)}.btn-light:hover{background:#dff4fc}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.2)}.hero-bottom-inner{display:flex;justify-content:space-between;padding:17px 0;color:#d0dce5;font-size:9px;letter-spacing:1.7px}.section-pad{padding:100px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro h2,.section-heading h2,.two-col h2,.contact-layout h2{font-size:clamp(27px,3vw,38px);line-height:1.45;letter-spacing:-1.4px;margin:0;font-weight:700}.text-blue{color:var(--blue)}.intro-text p,.long-copy p{color:var(--muted);font-size:14px;line-height:2.05;margin:0 0 20px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;font-weight:800;color:var(--blue);border-bottom:1px solid #9ebfd5;padding:7px 0}.soft-bg{background:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:10px}.section-desc{color:var(--muted);font-size:13px;margin:10px 0 0}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{position:relative;background:white;border:1px solid #e4ebf0;padding:26px 23px 28px;min-height:250px;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #12324b12;border-color:#bdd6e7}.card-number{font-size:11px;color:#8a9aa7;letter-spacing:1px}.service-icon{font-size:27px;color:var(--blue);margin:24px 0 13px}.service-card h3{font-size:16px;margin:0 0 10px}.service-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.card-arrow{position:absolute;right:22px;top:24px;color:var(--blue)}.feature-section{display:grid;grid-template-columns:1fr 1fr;min-height:400px;background:var(--navy);color:white}.feature-image{background:url("https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1200&q=85") center/cover;min-height:360px}.feature-copy{padding:75px clamp(32px,6vw,95px);align-self:center}.feature-copy h2{font-size:clamp(30px,3.5vw,43px);line-height:1.35;letter-spacing:-1.5px;margin:0 0 18px}.feature-copy>p:not(.eyebrow){font-size:13px;color:#c4d4df;line-height:2;margin:0 0 25px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:white;border:1px solid var(--line);min-width:0}.project-card img{width:100%;height:220px;object-fit:cover;background:#dce6ec}.project-card>div{padding:22px}.project-card small{font-size:9px;letter-spacing:1.1px;color:var(--blue);font-weight:800}.project-card h3{font-size:17px;margin:9px 0}.project-card p{font-size:12px;color:var(--muted);margin:5px 0}.cta-band{background:linear-gradient(115deg,#12324e,#1769a7);color:#fff;padding:58px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner .eyebrow{margin-bottom:8px}.cta-inner h2{font-size:clamp(22px,3vw,31px);letter-spacing:-1px;margin:0 0 8px}.cta-inner p:not(.eyebrow){font-size:12px;color:#d4e2eb;margin:0}.site-footer{background:#0b1d2c;color:#fff;padding:38px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #ffffff20}.brand-footer{color:#fff}.brand-footer small{color:#93a6b5}.footer-links{display:flex;gap:23px;color:#c6d1d9;font-size:11px}.footer-bottom{padding-top:22px;color:#9eafbc;font-size:10px;line-height:1.8}.footer-bottom p{margin:3px 0}.footer-bottom span{color:#d4c9a8}.footer-bottom small{display:block;margin-top:12px;color:#708493;font-size:9px}.page-hero{padding:90px 0 95px;color:#fff;background:var(--navy);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:45vw;height:45vw;right:-8vw;top:-24vw;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(34px,4.6vw,52px)}.page-hero p:not(.eyebrow){color:#d0dce4;font-size:14px}.company-hero{background:linear-gradient(90deg,#102b46ed,#102b46a6),url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=85") center/cover}.business-hero{background:linear-gradient(90deg,#102b46ee,#102b46a6),url("https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1800&q=85") center/cover}.projects-hero{background:linear-gradient(90deg,#102b46ed,#102b46a8),url("https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?auto=format&fit=crop&w=1800&q=85") center/cover}.contact-hero{background:linear-gradient(90deg,#102b46ee,#102b46a8),url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85") center/cover}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.long-copy{padding-top:12px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.value-grid article{padding:27px;background:#fff;border:1px solid var(--line)}.value-grid span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1px}.value-grid h3{font-size:18px;margin:15px 0 8px}.value-grid p{font-size:13px;color:var(--muted);margin:0}.profile-table{margin-top:25px;border-top:2px solid var(--navy)}.profile-table>div{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line);font-size:13px}.profile-table b,.profile-table span{padding:15px 18px}.profile-table b{background:var(--soft);font-weight:600}.business-detail-list{display:flex;flex-direction:column;gap:0}.business-detail{display:grid;grid-template-columns:180px 1fr 34%;gap:32px;align-items:center;padding:45px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.business-no{font-size:10px;letter-spacing:1.2px;color:var(--blue);font-weight:800;align-self:start;padding-top:8px}.business-detail h2{font-size:26px;margin:0 0 12px}.business-detail p,.business-detail li{font-size:13px;color:var(--muted);line-height:1.9}.business-detail ul{padding-left:18px}.business-detail img{width:100%;height:220px;object-fit:cover}.notice-box{padding:18px 22px;background:#fff8e8;border:1px solid #f0dfb7;margin-bottom:30px}.notice-box b{font-size:13px}.notice-box p{font-size:12px;color:#796747;margin:5px 0 0}.project-grid-large .project-card img{height:245px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-intro{font-size:13px;color:var(--muted);line-height:2;margin:20px 0 30px}.contact-item{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}.contact-item span{font-size:10px;letter-spacing:1.4px;color:var(--blue);font-weight:800}.contact-item b{font-size:16px;margin:5px 0}.contact-item small{font-size:11px;color:#7d8b96}.contact-panel{background:var(--soft);padding:32px}.contact-panel h3{font-size:20px;margin:0 0 22px}.check-row{display:flex;gap:17px;align-items:center;border-top:1px solid #dce5eb;padding:16px 0}.check-row span{font-size:11px;color:var(--blue);font-weight:800}.check-row p{font-size:13px;margin:0}.panel-note{background:#fff;padding:15px;font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}
@media(max-width:900px){.main-nav{gap:18px}.card-grid{grid-template-columns:repeat(2,1fr)}.business-detail{grid-template-columns:120px 1fr;gap:20px}.business-detail img{grid-column:2;height:200px}.intro-grid,.two-col,.contact-layout{gap:35px}.project-card img{height:180px}}
@media(max-width:680px){.container{width:min(100% - 34px,1160px)}.site-header,.nav-wrap{height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:10px 22px 22px;box-shadow:0 18px 24px #0c2c4515;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{height:auto;padding:14px 0}.main-nav>a.active:not(.nav-contact):after{display:none}.main-nav .nav-contact{justify-content:space-between;padding:13px 15px;margin-top:8px}.brand{font-size:17px}.hero{min-height:590px}.hero-content{padding:65px 0 85px}.hero h1{font-size:37px}.hero-copy{font-size:13px}.hero-bottom-inner{font-size:8px;letter-spacing:.8px}.section-pad{padding:68px 0}.intro-grid,.two-col,.contact-layout{grid-template-columns:1fr;gap:25px}.intro h2,.section-heading h2,.two-col h2,.contact-layout h2{font-size:29px}.section-heading{align-items:start;gap:15px}.section-heading .text-link{white-space:nowrap;font-size:10px}.card-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{padding:19px 15px;min-height:230px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.service-icon{margin:20px 0 10px}.feature-section{grid-template-columns:1fr}.feature-image{min-height:240px}.feature-copy{padding:45px 25px 50px}.project-grid{grid-template-columns:1fr}.project-card img{height:220px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-top{align-items:flex-start;gap:25px;flex-direction:column}.footer-links{flex-wrap:wrap;gap:15px}.page-hero{padding:68px 0}.page-hero h1{font-size:36px}.value-grid{grid-template-columns:1fr}.profile-table>div{grid-template-columns:110px 1fr}.profile-table b,.profile-table span{padding:12px;font-size:12px}.business-detail{grid-template-columns:1fr;gap:10px;padding:32px 0}.business-detail img{grid-column:1;height:210px}.business-detail h2{font-size:23px}.contact-panel{padding:24px 20px}}

/* ===== STARCOOL: 메인 이미지 ===== */
.hero {
  background-color: #102b46;
  background-image: linear-gradient(90deg, rgba(7,24,41,.88) 0%, rgba(10,37,59,.65) 48%, rgba(10,37,59,.12) 100%), url("https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=2000&q=90");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-shade { background: transparent; }

/* ===== STARCOOL: 사업분야 카드 ===== */
.business-section .card-grid { align-items: stretch; }
.business-section .service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  min-height: 258px;
  padding: 25px 23px 27px;
  background: #fff;
  border: 1px solid #e1e8ef;
  border-radius: 4px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.business-section .card-number {
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #8a9cad;
  margin-bottom: 14px;
}
.business-section .service-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 38px;
  height: 38px;
  margin: 0 0 20px;
  color: #1769aa;
}
.business-section .service-icon svg {
  display: block;
  width: 30px;
  height: 30px;
  flex: none;
}
.business-section .service-icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.business-section .service-card h3 {
  margin: 0 0 12px;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: -.45px;
  word-break: keep-all;
}
.business-section .service-card p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.85;
  color: #637482;
  word-break: keep-all;
}
.business-section .card-arrow {
  position: absolute;
  top: 24px;
  right: 23px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: auto;
  height: auto;
  margin: 0;
  color: #1769aa;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.business-section .card-arrow img { display: inline-block; width: 1em; height: 1em; object-fit: contain; }
.business-section .service-card:hover {
  transform: translateY(-3px);
  border-color: #9dc5e0;
  box-shadow: 0 10px 24px rgba(16,43,70,.07);
}
.business-section .service-card:focus-visible { outline: 2px solid #1769aa; outline-offset: 3px; }
@media (max-width: 680px) {
  .business-section .service-card { min-height: 242px; padding: 20px 15px 22px; }
  .business-section .card-number { margin-bottom: 12px; }
  .business-section .service-icon { width: 34px; height: 34px; margin-bottom: 16px; }
  .business-section .service-icon svg { width: 27px; height: 27px; }
  .business-section .service-card h3 { font-size: 13px; line-height: 1.55; margin-bottom: 10px; }
  .business-section .service-card p { font-size: 11px; line-height: 1.7; }
  .business-section .card-arrow { top: 18px; right: 14px; font-size: 11px; }
}

/* ABOUT STARCOOL: 왼쪽 소개 / 오른쪽 사진 */
.intro-grid { grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.intro-content h2 { margin-bottom: 22px; }
.intro-description { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 2; word-break: keep-all; }
.intro-image { height: 340px; overflow: hidden; border-radius: 4px; }
.intro-image img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 680px) {
  .intro-grid { grid-template-columns: 1fr; gap: 28px; }
  .intro-image { height: 240px; }
}