/* 우주특수산업 홈페이지 공용 스타일 */
/* 브랜드: 로고의 그린을 주도색으로. --navy = 딥 에메랄드(주 브랜드색), --blue = 밝은 에메랄드(포인트).
   원색 라임 대신 차분한 딥 그린으로 고급스럽게 — 라벨몰(블루)과 명확히 구분. */
/* --navy = 주 브랜드색(그린, 이름만 유지). --navy2 = 로고 시그니처용 네이비(소량 포인트). */
:root{--ink:#1b2b23;--gray:#5f6b64;--line:#e3eae5;--bg:#fff;--navy:#2c6a4c;--blue:#2f7856;--navy2:#1c3f77;--tint:#eff5f1;--max:1120px;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Pretendard',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;font-size:16px;word-break:keep-all;overflow-wrap:break-word;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px;}
.logo{display:flex;align-items:center;height:66px;margin-right:auto;}
.logo img{height:34px;width:auto;display:block;}
.nav-links{display:flex;align-items:center;gap:22px;}
.nav-links a{font-size:15px;color:var(--ink);}
.nav-links a:hover{opacity:.55;}
.nav-links a.active{color:var(--blue);font-weight:700;}
.nav-cta{display:inline-flex;align-items:center;height:38px;padding:0 16px;background:var(--navy);color:#fff !important;border-radius:9px;font-size:14px;font-weight:700;}
.nav-cta:hover{opacity:.9 !important;}
.nav-cta.active{color:#fff !important;}
.hamb{display:none;background:#fff;border:1px solid var(--line);border-radius:9px;width:42px;height:38px;font-size:20px;cursor:pointer;}
@media(max-width:960px){
  .nav-links{position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:0;align-items:stretch;display:none;box-shadow:0 14px 22px -14px rgba(0,0,0,.2);}
  .nav-links.open{display:flex;}
  .nav-links a{padding:15px 24px;border-top:1px solid var(--line);}
  .nav-links .nav-cta{margin:12px 24px;justify-content:center;}
  .hamb{display:block;}
}

/* buttons */
.btn{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:11px;font-size:15px;font-weight:700;cursor:pointer;border:0;}
.btn-primary{background:#fff;color:var(--navy);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);}
.btn:hover{opacity:.9;}

/* hero (home) */
.hero{background:linear-gradient(160deg,rgba(23,50,94,.93) 0%,rgba(44,106,76,.82) 100%),url('assets/gyeongju-1.png') center 30%/cover no-repeat;color:#fff;padding:96px 0 108px;}
.hero .ey{font-size:14px;font-weight:700;letter-spacing:.14em;color:#9dd3b6;text-transform:uppercase;}
.hero h1{margin-top:16px;font-size:clamp(30px,5vw,50px);font-weight:800;line-height:1.25;letter-spacing:-.02em;}
.hero p{margin-top:20px;font-size:clamp(15px,2.1vw,18px);color:#cfe6da;max-width:680px;}
.hero .cta{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;}

/* page header (subpages) */
.pagehead{background:linear-gradient(160deg,#173a6b 0%,#2c6a4c 100%);color:#fff;padding:64px 0 60px;}
.pagehead .ey{font-size:13px;font-weight:800;letter-spacing:.14em;color:#9dd3b6;text-transform:uppercase;}
.pagehead h1{margin-top:12px;font-size:clamp(27px,4.4vw,40px);font-weight:800;letter-spacing:-.02em;}
.pagehead p{margin-top:14px;font-size:clamp(15px,2vw,17px);color:#cfe6da;max-width:none;}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:-52px auto 0;position:relative;z-index:2;}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 22px;box-shadow:0 18px 40px -28px rgba(9,43,29,.4);}
.stat b{display:block;font-size:27px;font-weight:800;color:var(--navy);letter-spacing:-.02em;}
.stat span{font-size:13.5px;color:var(--gray);}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr);}}

/* section basics */
section{padding:74px 0;}
.tint{background:var(--tint);}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--blue);text-transform:uppercase;}
h2.sec{font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.02em;margin:12px 0 8px;}
.sub{color:var(--gray);font-size:16px;max-width:720px;}
.center{text-align:center;}
.center .sub{margin-left:auto;margin-right:auto;}

/* photo placeholder */
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    background:repeating-linear-gradient(45deg,#eef7f0,#eef7f0 12px,#e6f1ea 12px,#e6f1ea 24px);
    border:1.5px dashed #bcd4c4;border-radius:14px;color:#849c8c;font-size:13px;font-weight:600;text-align:center;padding:18px;}
.ph .pic{font-size:28px;}

/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:36px;}
.about-grid p{color:#374050;font-size:15.5px;line-height:1.95;margin-bottom:14px;}
.about-card{background:var(--tint);border:1px solid var(--line);border-radius:16px;padding:30px;}
.about-card h3{font-size:17px;font-weight:800;margin-bottom:14px;}
.about-card li{list-style:none;padding:9px 0;border-top:1px dashed #d6deec;color:#374050;font-size:14.5px;display:flex;gap:10px;}
.about-card li:first-of-type{border-top:0;}
.about-card li b{color:var(--navy);min-width:78px;}
.about-photo{width:100%;border-radius:16px;border:1px solid var(--line);margin-bottom:20px;display:block;box-shadow:0 18px 40px -30px rgba(9,43,29,.5);}
@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:26px;}}

/* cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:38px;}
.cards.c3{grid-template-columns:repeat(3,1fr);}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(9,43,29,.35);}
.card .ic{width:46px;height:46px;border-radius:11px;background:var(--navy2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;}
.card h3{font-size:18px;font-weight:800;margin:16px 0 8px;}
.card p{font-size:14.5px;color:var(--gray);line-height:1.8;}
.card a.more{display:inline-block;margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;color:var(--blue);}
@media(max-width:820px){.cards,.cards.c3{grid-template-columns:1fr;}}

/* process flow */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px;}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;}
.step .no{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.08em;}
.step .pic{font-size:30px;margin:10px 0 12px;}
.step h3{font-size:17px;font-weight:800;margin-bottom:6px;}
.step p{font-size:13.5px;color:var(--gray);line-height:1.75;}
.step::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:#bcd8c6;font-size:20px;font-weight:800;z-index:1;}
.flow .step:last-child::after{display:none;}
.flow.five{grid-template-columns:repeat(5,1fr);gap:14px;}
.flow.five .step{padding:24px 18px;}
.flow.five .step::after{display:none;}
@media(max-width:820px){
  .flow{grid-template-columns:1fr 1fr;}
  .step::after{content:"↓";right:50%;top:auto;bottom:-15px;transform:translateX(50%);}
  .flow .step:nth-child(2)::after{display:none;}
  .flow.five{grid-template-columns:1fr 1fr;}
}

/* detail rows (capability) */
.detail{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;margin-top:40px;}
.detail .media{border-radius:16px;overflow:hidden;height:390px;border:1px solid var(--line);}
.detail .media img{width:100%;height:100%;object-fit:cover;display:block;}
.detail .media.ph{min-height:300px;}
/* 제품 실사진: 01번과 동일한 세로 높이로 통일(꽉 차게) */
.detail .media.prod{min-height:0;height:360px;background:var(--tint);}
.detail .media.prod img{width:100%;height:100%;object-fit:cover;}
/* 스마트팩토리 대시보드: 위쪽 사진과 동일 크기, 우측상단 기준 확대(cover) */
.detail .media.showcase{min-height:0;height:360px;background:#fff;}
.detail .media.showcase img{width:100%;height:100%;object-fit:cover;object-position:10% top;display:block;}
.detail.solo{grid-template-columns:1fr;}
.detail .num{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.1em;}
.detail h3{font-size:clamp(20px,2.6vw,26px);font-weight:800;margin:8px 0 12px;letter-spacing:-.01em;}
.detail p{color:#374050;font-size:15.5px;line-height:1.95;}
.detail .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.detail .tags span{background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;color:#374050;font-weight:600;}
@media(min-width:821px){.detail.rev .media{order:2;}}
@media(max-width:820px){
  /* 모바일: 제목 → 사진 → 상세설명 순서 */
  .detail{display:flex;flex-direction:column;gap:0;}
  .detail>div:not(.media){display:contents;}
  .detail .num{order:1;}
  .detail h3{order:1;}
  .detail .media{order:2;margin:14px 0 4px;}
  .detail p{order:3;}
  .detail .tags{order:3;}
  .detail>div:not(.media)>div:not(.tags):not(.num){order:3;}
}

/* spec card (materials / finishing) */
.spec{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;margin-top:38px;box-shadow:0 20px 46px -34px rgba(9,43,29,.4);}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;}
.spec-block .lbl{font-size:12.5px;font-weight:800;color:var(--blue);letter-spacing:.06em;text-transform:uppercase;}
.spec-block h4{font-size:18px;font-weight:800;margin:6px 0 4px;}
.spec-block .d{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:14px;}
.spec-block .tags{display:flex;flex-wrap:wrap;gap:8px;}
.spec-block .tags span{background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13.5px;color:#374050;font-weight:600;}
@media(max-width:820px){.spec-grid{grid-template-columns:1fr;gap:26px;} .spec{padding:26px;}}

/* process -> industry/item */
.pi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:38px;}
.pi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;}
.pi .head{display:flex;align-items:center;gap:12px;}
.pi .ic{width:44px;height:44px;border-radius:11px;background:var(--tint);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px;}
.pi h3{font-size:18px;font-weight:800;}
.pi .desc{color:var(--gray);font-size:14px;margin:12px 0 16px;line-height:1.75;}
.pi .lbl{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:.06em;text-transform:uppercase;}
.pi .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.pi .tags span{background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;color:#374050;font-weight:600;}
@media(max-width:820px){.pi-grid{grid-template-columns:1fr;}}

/* extended equipment cards */
.eqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:38px;}
.eqcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;}
.eqcard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(9,43,29,.35);}
.eqcard .eqphoto{min-height:200px;border:0;border-bottom:1px dashed #bcd4c4;border-radius:0;}
.eqcard .eqphoto.shot{min-height:0;border-bottom:1px solid var(--line);}
.eqcard .eqphoto.shot img{width:100%;height:220px;object-fit:cover;display:block;}
.eqcard .eqbody{padding:24px 26px;}
.eqcard .eqbody h3{font-size:19px;font-weight:800;margin-bottom:10px;}
.eqcard .eqbody p{font-size:14.5px;color:var(--gray);line-height:1.85;}
.eqcard .eqbody .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.eqcard .eqbody .tags span{background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;color:#374050;font-weight:600;}
@media(max-width:820px){.eqgrid{grid-template-columns:1fr;}}
/* industries band */
.ind{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.ind .b{flex:1 1 150px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;text-align:center;}
.ind .b .em{font-size:26px;}
.ind .b b{display:block;font-size:15px;font-weight:800;margin-top:8px;}
.ind .b span{font-size:12.5px;color:var(--gray);}

/* value props */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;}
.val{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;}
.val .em{font-size:28px;}
.val h3{font-size:17px;font-weight:800;margin:12px 0 8px;}
.val p{font-size:14px;color:var(--gray);line-height:1.8;}
@media(max-width:820px){.values{grid-template-columns:1fr;}}
/* 문의하기 — 빠르고 성실한 응대 강조 밴드 */
.promise{background:var(--tint);padding:54px 0;border-bottom:1px solid var(--line);}
.promise .promise-head{text-align:center;max-width:720px;margin:0 auto;}
.promise .pe{font-size:clamp(21px,2.8vw,28px);font-weight:800;letter-spacing:-.02em;color:var(--navy);}
.promise .pe b{color:var(--blue);}
.promise .promise-head p{margin-top:12px;color:var(--gray);font-size:15px;line-height:1.8;}
.promise .promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;}
.promise .pcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;}
.promise .pcard .pi{font-size:26px;}
.promise .pcard h3{font-size:17px;font-weight:800;margin:10px 0 8px;color:var(--navy);}
.promise .pcard p{font-size:14px;line-height:1.8;color:var(--gray);}
@media(max-width:820px){.promise .promise-grid{grid-template-columns:1fr;}}
/* 인증·특허 현황 사진 (PC 세로 확대) */
.cert-photo{border-radius:16px;overflow:hidden;border:1px solid var(--line);margin:24px 0;}
.cert-photo img{width:100%;height:400px;object-fit:cover;display:block;border-radius:16px;}
@media(max-width:820px){.cert-photo img{height:220px;}}
/* 맨 위로 가기 버튼 */
.to-top{position:fixed;left:50%;bottom:26px;width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.16);background:var(--navy);color:#fff;
  font-size:22px;line-height:1;cursor:pointer;
  box-shadow:0 14px 32px -12px rgba(9,43,29,.65);
  opacity:0;visibility:hidden;transform:translate(-50%,10px);
  transition:opacity .2s,transform .2s,visibility .2s,background .15s;z-index:80;}
.to-top.show{opacity:1;visibility:visible;transform:translate(-50%,0);}
.to-top:hover{background:#245840;}
@media(max-width:820px){.to-top{bottom:18px;width:44px;height:44px;font-size:20px;}}
/* 언어 전환기 */
.lang-switch{display:inline-flex;gap:3px;align-items:center;margin-left:4px;padding-left:14px;border-left:1px solid var(--line);}
.lang-switch a{font-size:13px;font-weight:700;color:var(--gray);padding:4px 8px;border-radius:7px;line-height:1;}
.lang-switch a:hover{opacity:1;background:var(--tint);}
.lang-switch a.on{background:var(--navy);color:#fff;}
@media(max-width:820px){
  /* 모바일: 헤더 바에 노출되는 컴팩트 세그먼트 스위처 */
  .lang-switch{margin:0 8px 0 0;padding:2px;border-left:0;background:var(--tint);border-radius:9px;gap:1px;}
  .lang-switch a{padding:5px 6px;font-size:12px;border-radius:6px;}
}
/* 개인정보 동의 체크박스 */
.consent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;}
.consent label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374050;margin:0;}
.consent input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:var(--navy);}
.consent a{color:var(--blue);text-decoration:underline;font-size:13px;}
/* 푸터 개인정보처리방침 링크 강조 */
.fnav a.priv{font-weight:800;color:var(--ink);}
/* 개인정보처리방침 본문 */
.legal{max-width:860px;}
.legal h2{font-size:19px;font-weight:800;margin:30px 0 10px;color:var(--navy);}
.legal h2:first-of-type{margin-top:0;}
.legal p,.legal li{font-size:15px;line-height:1.9;color:#374050;}
.legal ul{margin:8px 0 8px 18px;}
.legal li{margin:3px 0;}
.legal table{width:100%;border-collapse:collapse;margin:12px 0;}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;font-size:14px;text-align:left;vertical-align:top;}
.legal th{background:var(--tint);font-weight:700;white-space:nowrap;}
.legal .upd{margin-top:28px;font-size:13.5px;color:var(--gray);}

/* smart factory */
.shot{width:100%;display:block;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -30px rgba(9,43,29,.5);}
.card .shot{margin-bottom:16px;}
.sf-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin-top:36px;}
/* feature gallery (large, click-to-zoom) */
.shots{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;}
.shots.wide{grid-template-columns:1fr;}
.shotcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -32px rgba(9,43,29,.4);}
.shotcard a{display:block;position:relative;background:var(--tint);border-bottom:1px solid var(--line);}
.shotcard a::after{content:"🔍 크게보기";position:absolute;top:12px;right:12px;background:rgba(9,43,29,.82);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;opacity:0;transition:opacity .15s;}
.shotcard a:hover::after{opacity:1;}
.shotcard img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top;}
.shotcard .cap{padding:18px 22px;}
.shotcard .cap h3{font-size:17px;font-weight:800;margin-bottom:5px;}
.shotcard .cap p{font-size:14px;color:var(--gray);line-height:1.7;}
.hero-shot{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 26px 60px -34px rgba(9,43,29,.6);display:block;}
.hero-shot img{width:100%;display:block;}
@media(max-width:820px){.shots{grid-template-columns:1fr;gap:22px;}}
/* feature icon cards (기능 설명) */
.featgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
.feat{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px;transition:transform .15s,box-shadow .15s;}
.feat:hover{transform:translateY(-2px);box-shadow:0 16px 34px -26px rgba(9,43,29,.4);}
.feat .fi{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--tint);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:21px;}
.feat h4{font-size:15px;font-weight:800;margin-bottom:3px;}
.feat p{font-size:12.5px;color:var(--gray);line-height:1.6;}
@media(max-width:1100px) and (min-width:821px){.featgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:820px){.featgrid{grid-template-columns:1fr;}}
.sf-grid p{color:#374050;font-size:15.5px;line-height:1.95;margin-bottom:14px;}
.sf-list{margin-top:18px;display:flex;flex-direction:column;gap:10px;}
.sf-list div{display:flex;gap:10px;font-size:14.5px;color:#374050;}
.sf-list b{color:var(--navy);}
.sf-shot{min-height:300px;}
@media(max-width:820px){.sf-grid{grid-template-columns:1fr;gap:26px;}}

/* locations */
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;}
.loc{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;}
.loc img.lphoto{width:100%;height:240px;object-fit:cover;display:block;}
.loc .lphoto.ph{border:0;border-bottom:1px dashed #bcd4c4;border-radius:0;min-height:220px;}
.loc .lhead{padding:20px 24px 16px;}
.loc .tag{display:inline-block;background:var(--navy2);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:999px;}
.loc h3{font-size:19px;font-weight:800;margin:12px 0 4px;}
.loc .laddr{font-size:14.5px;color:#374050;line-height:1.8;}
.loc .map{border:0;width:100%;height:220px;display:block;filter:grayscale(.1);margin-top:auto;}
@media(max-width:820px){.loc-grid{grid-template-columns:1fr;}}

/* CTA band */
.ctaband{background:linear-gradient(160deg,#173a6b 0%,#2c6a4c 100%);color:#fff;border-radius:20px;padding:48px 44px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
.ctaband h3{font-size:clamp(20px,3vw,27px);font-weight:800;letter-spacing:-.01em;}
.ctaband p{color:#cfe6da;font-size:15px;margin-top:8px;}

/* 스마트팩토리 제품군 서브내비(기능/가격/도입문의) */
.prodnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.prodnav a{display:flex;align-items:center;gap:7px;padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.12);color:#eaf3ee;font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.28);transition:background .15s;}
.prodnav a:hover{background:rgba(255,255,255,.2);}
.prodnav a.on{background:#fff;color:var(--navy);border-color:#fff;}

/* 가격 비교 카드 */
.pricewrap{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:34px;}
.pricecard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 30px;}
.pricecard.hi{background:linear-gradient(160deg,#173a6b 0%,#2c6a4c 100%);color:#fff;box-shadow:0 22px 48px -30px rgba(9,43,29,.5);position:relative;}
.pricecard .ptag{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);}
.pricecard.hi .ptag{color:#9dd3b6;}
.pricecard h3{font-size:19px;font-weight:800;margin:10px 0 18px;}
.pricecard .pline{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px dashed var(--line);}
.pricecard.hi .pline{border-bottom:1px dashed rgba(255,255,255,.25);}
.pricecard .pline:last-of-type{border-bottom:0;}
.pricecard .pline .pl{font-size:14px;color:var(--gray);}
.pricecard.hi .pline .pl{color:#cfe6da;}
.pricecard .pline .pv{font-size:19px;font-weight:800;letter-spacing:-.01em;}
.pricecard .pnote{margin-top:18px;font-size:12.5px;color:var(--gray);line-height:1.7;}
.pricecard.hi .pnote{color:#cfe6da;}
.pricevs{display:flex;align-items:center;justify-content:center;width:64px;font-size:22px;font-weight:900;color:var(--blue);}
@media(max-width:820px){.pricewrap{grid-template-columns:1fr;gap:14px;}.pricevs{width:auto;padding:2px 0;}}

/* contact + form */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;margin-top:38px;align-items:start;}
.info-tbl{width:100%;border-collapse:collapse;font-size:15px;overflow:hidden;border:1px solid var(--line);border-radius:14px;}
.info-tbl th,.info-tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.info-tbl tr:last-child th,.info-tbl tr:last-child td{border-bottom:0;}
.info-tbl th{background:var(--tint);font-weight:700;width:118px;color:var(--navy);white-space:nowrap;}
.info-tbl a{color:var(--blue);font-weight:700;}
form.inq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 18px 40px -32px rgba(9,43,29,.4);}
form.inq h3{font-size:19px;font-weight:800;margin-bottom:4px;}
form.inq .fsub{font-size:13.5px;color:var(--gray);margin-bottom:18px;}
.fld{margin-bottom:14px;}
.fld label{display:block;font-size:13.5px;font-weight:700;margin-bottom:6px;color:#374050;}
.fld label .req{color:#e0483a;}
.fld input,.fld select,.fld textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font-size:14.5px;font-family:inherit;color:var(--ink);background:#fff;}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(44,106,76,.16);}
.fld textarea{min-height:120px;resize:vertical;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.submit{width:100%;height:52px;background:var(--navy);color:#fff;border-radius:11px;font-size:15.5px;font-weight:800;border:0;cursor:pointer;margin-top:6px;}
.submit:hover{opacity:.92;}
.submit:disabled{opacity:.55;cursor:default;}
.fmsg{margin-top:14px;font-size:14px;font-weight:700;text-align:center;display:none;padding:12px;border-radius:10px;}
.fmsg.ok{display:block;background:#eaf7ee;color:#1c7a3f;border:1px solid #bde5c8;}
.fmsg.err{display:block;background:#fdeceb;color:#c0392b;border:1px solid #f5c6c2;}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;} .frow{grid-template-columns:1fr;} .ctaband{padding:34px 26px;}}

/* footer */
footer{background:#123528;color:#cfe6da;padding:52px 0 40px;margin-top:0;}
.foot{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.foot .flogo{font-weight:800;font-size:20px;color:#fff;}
.foot .fbiz{font-size:13.5px;line-height:1.95;margin-top:14px;color:#9cc4ae;}
.foot .fnav{display:flex;flex-direction:column;gap:9px;font-size:14px;}
.foot .fnav a:hover{color:#fff;}
.copy{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#7fa791;}

/* 인증·특허 */
.cert-lead{color:var(--gray);font-size:15.5px;max-width:900px;margin-top:14px;line-height:1.85;}
.cert-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px;}
.cert-chips span{font-size:12.5px;font-weight:700;color:var(--navy);background:var(--tint);border:1px solid var(--line);border-radius:20px;padding:6px 13px;}
.cert-cats{display:flex;flex-direction:column;gap:34px;margin-top:34px;}
.cert-cat > h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--navy);margin-bottom:16px;}
.cert-cat > h3 .cnt{font-size:12px;font-weight:700;color:var(--blue);background:rgba(44,106,76,.1);border-radius:20px;padding:2px 10px;}
.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.cert{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s;}
.cert:hover{transform:translateY(-3px);box-shadow:0 16px 26px -16px rgba(44,106,76,.42);border-color:#bfe0cd;}
.cert .thumb{height:196px;display:flex;align-items:center;justify-content:center;background:#f5f8f6;padding:12px;}
.cert .thumb img{max-height:100%;width:auto;object-fit:contain;}
.cert .cap{padding:11px 12px;border-top:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.45;}
.cert .cap span{display:block;color:var(--gray);font-weight:500;font-size:11.5px;margin-top:3px;}
@media(max-width:960px){.cert-grid{grid-template-columns:repeat(3,1fr);}.cert .thumb{height:168px;}}
@media(max-width:560px){.cert-grid{grid-template-columns:repeat(2,1fr);}.cert .thumb{height:150px;}}

/* ===== 스마트팩토리 재구성 (작업자/관리자) ===== */
.roleband{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;}
.rolecard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 24px;box-shadow:0 18px 40px -34px rgba(9,43,29,.4);}
.rolecard .rtag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;padding:6px 12px;border-radius:999px;background:var(--tint);color:var(--navy);}
.rolecard.mgr .rtag{background:#eef3fb;color:var(--navy2);}
.rolecard h3{font-size:20px;font-weight:800;margin:16px 0 8px;}
.rolecard p{font-size:14.5px;color:var(--gray);line-height:1.75;}
.rolecard ul{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;}
.rolecard li{list-style:none;font-size:13px;font-weight:700;color:#374050;background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:6px 12px;}
.rolecard.mgr li{background:#f3f7fc;}
@media(max-width:820px){.roleband{grid-template-columns:1fr;}}

/* 작업자 폰 스크린샷 그리드 */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px;}
.wcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 42px -32px rgba(9,43,29,.45);display:flex;flex-direction:column;}
.wcard .frame{background:var(--tint);border-bottom:1px solid var(--line);padding:16px 16px 0;position:relative;}
.wcard .frame a{display:block;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 -2px 0 rgba(9,43,29,.04);}
.wcard .frame a::after{content:"🔍";position:absolute;top:24px;right:24px;background:rgba(9,43,29,.78);color:#fff;font-size:12px;padding:5px 8px;border-radius:999px;opacity:0;transition:opacity .15s;}
.wcard .frame a:hover::after{opacity:1;}
/* 캡처 세로길이가 제각각이라 그대로 두면 카드마다 설명 시작 높이가 어긋난다 → 위쪽 기준 고정비율 크롭 */
.wcard img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;object-position:top;}
.wcard .cap{padding:15px 18px 18px;}
.wcard .cap .n{display:inline-block;font-size:11px;font-weight:800;color:var(--navy);background:var(--tint);border-radius:6px;padding:2px 7px;margin-bottom:7px;}
.wcard .cap h4{font-size:15.5px;font-weight:800;margin-bottom:4px;}
.wcard .cap p{font-size:13px;color:var(--gray);line-height:1.6;}
@media(max-width:1100px){.wgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.wgrid{grid-template-columns:1fr;}}

/* 부가 기능 칩 */
.subfeat{margin-top:30px;background:#fff;border:1px dashed #cddbd2;border-radius:16px;padding:22px 24px;}
.subfeat .lab{font-size:13px;font-weight:800;color:var(--navy);letter-spacing:.02em;margin-bottom:12px;}
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chips .chip{font-size:13px;font-weight:700;color:#374050;background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:8px 14px;}
.chips .chip b{color:var(--navy);font-weight:800;}

/* 관리자 대형 캡처 밴드 */
.capband{margin-top:16px;}
.capband .hero-shot{margin-top:0;}
.capband .cap{margin-top:12px;font-size:13.5px;color:var(--gray);text-align:center;}
.shotcard .cap .n{display:inline-block;font-size:11px;font-weight:800;color:var(--navy);background:var(--tint);border-radius:6px;padding:2px 7px;margin-bottom:8px;}