/* =========================================================
   파일명: /assets/css/home-main-redesign.css
   역할: 메인 페이지 전용 산업형 리디자인
   기준: 2026-05-13 industrial homepage redesign v2
   원칙: 라운드 최소화, 선명한 블루 포인트, 4:3 이미지 비율, 모바일 안정화
========================================================= */

body.home-page{
  --home-blue:#075fb8;
  --home-blue-2:#0a74d1;
  --home-navy:#062447;
  --home-navy-2:#03182f;
  --home-ink:#07111f;
  --home-muted:#5a6777;
  --home-line:#d9e5f2;
  --home-soft:#f2f7fc;
  --home-soft-2:#eaf3fb;
  --home-width:min(92vw,1520px);
  background:#fff;
}

body.home-page .nb-page-background{display:none;}

/* ===== [01] COMMON PAGE WRAPPER ALIGNMENT =====
   메인페이지도 서브페이지와 동일하게 layout.php의
   .container.main-layout > .layout-content 흐름을 사용합니다.
   헤더/hero/전체폭 wrapper를 메인 전용 CSS에서 다시 정의하지 않습니다.
========================================================= */
body.home-page .container.main-layout,
body.home-page .main-layout.no-sidebar{
  width:var(--nb-content-width, var(--nb-page-width));
  max-width:var(--nb-content-width, var(--nb-page-width));
  margin-left:auto;
  margin-right:auto;
  padding-top:clamp(28px,2.2vw,48px);
  padding-bottom:clamp(64px,5vw,100px);
  display:block;
}

body.home-page .layout-content{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  display:block;
}

/* ===== [02] HERO - LEFT COPY / RIGHT MACHINE VISUAL ===== */
body.home-page .nb-home-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#f5f9fd;
  border-bottom:1px solid #dce7f3;
}
body.home-page .nb-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 31%,rgba(255,255,255,.48) 52%,rgba(255,255,255,.03) 75%),
    linear-gradient(180deg,rgba(255,255,255,.0) 0%,rgba(232,241,250,.72) 100%),
    var(--home-hero-bg);
  background-size:100% 100%,100% 100%,cover;
  background-position:center center,center center,center center;
  background-repeat:no-repeat;
}
body.home-page .nb-home-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:78px;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.76));
  pointer-events:none;
}
body.home-page .nb-home-hero__inner{
  width:var(--home-width);
  max-width:var(--home-width);
  min-height:620px;
  margin:0 auto;
  display:flex;
  align-items:center;
}
body.home-page .nb-home-hero__copy{width:min(48vw,650px);padding:44px 0 70px;}
body.home-page .nb-home-eyebrow{
  display:block;
  margin-bottom:18px;
  color:var(--home-blue);
  font-size:13px;
  font-weight:950;
  letter-spacing:.16em;
}
body.home-page .nb-home-hero h1{
  margin:0;
  color:var(--home-ink);
  font-size:clamp(46px,4.1vw,72px);
  line-height:1.12;
  letter-spacing:-.075em;
  font-weight:950;
  word-break:keep-all;
  text-shadow:none;
}
body.home-page .nb-home-hero h1 em{font-style:normal;color:var(--home-blue);}
body.home-page .nb-home-hero p{
  max-width:660px;
  margin:26px 0 0;
  color:#344357;
  font-size:18px;
  line-height:1.78;
  letter-spacing:-.03em;
  word-break:keep-all;
  text-shadow:none;
}
body.home-page .nb-home-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;}
body.home-page .nb-home-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:174px;
  height:60px;
  padding:0 30px;
  border:1px solid var(--home-navy);
  border-radius:0;
  background:#fff;
  color:var(--home-navy);
  font-size:16px;
  font-weight:950;
  letter-spacing:-.03em;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(7,30,58,.09);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
body.home-page .nb-home-btn::after{content:"›";display:inline-block;margin-left:18px;font-size:24px;line-height:1;}
body.home-page .nb-home-btn--primary{background:var(--home-navy);border-color:var(--home-navy);color:#fff;}
body.home-page .nb-home-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(7,30,58,.16);}
body.home-page .nb-home-btn--primary:hover{background:var(--home-blue);border-color:var(--home-blue);}

/* ===== [03] MOBILE PRODUCT SEARCH ===== */
body.home-page .layout-content > .mobile-product-search{display:none;}

/* ===== [04] THREE FEATURE STRIP ===== */
body.home-page .nb-home-support-strip{background:#fff;border-bottom:1px solid #dfe9f5;}
body.home-page .nb-home-support-strip__inner{
  width:var(--home-width);
  max-width:var(--home-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:30px 0;
}
body.home-page .nb-home-support-strip__inner > div{
  display:grid;
  grid-template-columns:56px 1fr;
  align-items:center;
  column-gap:18px;
  min-width:0;
  padding:0 clamp(22px,3.2vw,58px);
  border-right:1px solid #dfe8f2;
}
body.home-page .nb-home-support-strip__inner > div:first-child{padding-left:0;}
body.home-page .nb-home-support-strip__inner > div:last-child{padding-right:0;border-right:0;}
body.home-page .nb-home-support-strip b{
  grid-row:1/3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border:1px solid #cbdff2;
  background:#f0f7ff;
  color:var(--home-blue);
  font-size:31px;
  font-weight:800;
  line-height:1;
}
body.home-page .nb-home-support-strip strong{display:block;color:#0b2039;font-size:18px;font-weight:950;letter-spacing:-.04em;}
body.home-page .nb-home-support-strip span{display:block;margin-top:7px;color:#526172;font-size:14px;line-height:1.45;}

/* ===== [05] QUICK CUSTOMER BAR - PANEL STYLE ===== */
body.home-page .nb-home-quickbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:var(--home-width);
  max-width:var(--home-width);
  margin:0 auto;
  position:relative;
  top:-1px;
  border:1px solid #d8e5f2;
  border-top:0;
  border-radius:0;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 45px rgba(12,43,79,.08);
}
body.home-page .nb-home-quickbar a{
  min-height:112px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 26px;
  align-items:center;
  gap:18px;
  padding:0 clamp(24px,2.5vw,42px);
  color:var(--home-ink);
  text-decoration:none;
  border-right:1px solid #d8e5f2;
  background:#fff;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
body.home-page .nb-home-quickbar a:last-child{border-right:0;}
body.home-page .nb-home-quickbar a:hover{background:#f0f7ff;color:var(--home-blue);box-shadow:inset 0 -4px 0 var(--home-blue);}
body.home-page .nb-home-quickbar__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border:1px solid #d4e6f7;
  background:#eef6ff;
  color:var(--home-blue);
}
body.home-page .nb-home-quickbar__icon::before{font-size:27px;font-weight:900;line-height:1;}
body.home-page .nb-home-quickbar__icon--inquiry::before{content:"◉";}
body.home-page .nb-home-quickbar__icon--as::before{content:"⌕";}
body.home-page .nb-home-quickbar__icon--notice::before{content:"▸";}
body.home-page .nb-home-quickbar__icon--catalog::before{content:"□";}
body.home-page .nb-home-quickbar strong{display:block;color:inherit;font-size:22px;font-weight:950;letter-spacing:-.055em;white-space:nowrap;}
body.home-page .nb-home-quickbar em{display:block;margin-top:7px;color:#5c6979;font-style:normal;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.home-page .nb-home-quickbar i{font-style:normal;color:#284055;font-size:30px;line-height:1;}

/* ===== [06] COMMON SECTION HEAD ===== */
body.home-page .nb-home-products,
body.home-page .nb-home-cases,
body.home-page .nb-home-videos{width:100%;max-width:none;margin:0;padding:86px max(4vw,24px);box-sizing:border-box;}
body.home-page .nb-home-section-head{text-align:center;margin:0 auto 42px;max-width:760px;}
body.home-page .nb-home-section-head span,
body.home-page .nb-home-process__copy span,
body.home-page .nb-home-cta span{display:block;color:var(--home-blue);font-size:14px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;}
body.home-page .nb-home-section-head span::after{content:"";display:block;width:54px;height:3px;margin:14px auto 0;background:var(--home-blue);}
body.home-page .nb-home-section-head h2,
body.home-page .nb-home-process__copy h2,
body.home-page .nb-home-cta h2{margin:14px 0 0;color:var(--home-ink);font-size:clamp(34px,2.7vw,50px);line-height:1.18;letter-spacing:-.07em;font-weight:950;word-break:keep-all;}
body.home-page .nb-home-section-head p,
body.home-page .nb-home-process__copy p{margin:14px 0 0;color:var(--home-muted);font-size:17px;line-height:1.7;word-break:keep-all;}

/* ===== [07] MAIN PRODUCT - STRONG CARD GRID ===== */
body.home-page .nb-home-products{background:linear-gradient(180deg,#f2f7fc 0%,#fff 100%);border-top:1px solid #e5eef7;}
body.home-page .nb-home-product-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px;
  width:var(--home-width);
  max-width:var(--home-width);
  margin:0 auto;
}
body.home-page .nb-home-product-card{
  position:relative;
  display:grid;
  grid-template-rows:auto 74px;
  min-width:0;
  overflow:hidden;
  border:1px solid #cbdceb;
  border-radius:0;
  background:#fff;
  color:var(--home-ink);
  text-decoration:none;
  box-shadow:0 18px 42px rgba(16,46,83,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.home-page .nb-home-product-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--home-blue);transform:scaleX(0);transform-origin:left center;transition:transform .18s ease;}
body.home-page .nb-home-product-card:hover{transform:translateY(-5px);border-color:#9ebbd9;box-shadow:0 28px 60px rgba(16,46,83,.14);}
body.home-page .nb-home-product-card:hover::before{transform:scaleX(1);}
body.home-page .nb-home-product-card__image{display:block;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f5f9fd 100%);border-bottom:1px solid #e1ebf5;}
body.home-page .nb-home-product-card__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;padding:22px;box-sizing:border-box;transition:transform .22s ease;}
body.home-page .nb-home-product-card:hover .nb-home-product-card__image img{transform:scale(1.035);}
body.home-page .nb-home-product-card__body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0 64px 0 22px;}
body.home-page .nb-home-product-card strong{display:block;min-width:0;color:var(--home-ink);font-size:18px;font-weight:950;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.home-page .nb-home-product-card__body em{display:block;margin-top:4px;color:#6a7787;font-size:12px;font-style:normal;font-weight:650;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.home-page .nb-home-product-card i{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--home-blue);color:#fff;font-style:normal;font-size:27px;line-height:1;}

/* ===== [08] PROCESS ===== */
body.home-page .nb-home-process{display:block;width:100%;max-width:none;margin:0;padding:78px max(4vw,24px);background:#fff;border-top:1px solid #e2edf7;border-bottom:1px solid #e2edf7;box-sizing:border-box;}
body.home-page .nb-home-process__copy{max-width:820px;margin:0 auto 34px;text-align:center;}
body.home-page .nb-home-process__copy span::after{content:"";display:block;width:54px;height:3px;margin:14px auto 0;background:var(--home-blue);}
body.home-page .nb-home-process__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:var(--home-width);max-width:var(--home-width);margin:0 auto;}
body.home-page .nb-home-process__steps > div{min-height:176px;padding:28px 26px;border:1px solid #d8e5f2;background:#fff;box-shadow:0 16px 38px rgba(16,46,83,.07);box-sizing:border-box;}
body.home-page .nb-home-process__steps b{display:block;margin-bottom:18px;color:var(--home-blue);font-size:25px;font-weight:950;}
body.home-page .nb-home-process__steps strong{display:block;color:#081a30;font-size:19px;line-height:1.35;font-weight:950;letter-spacing:-.045em;}
body.home-page .nb-home-process__steps strong::after{content:"";display:block;width:30px;height:2px;margin:15px 0 0;background:var(--home-blue);}
body.home-page .nb-home-process__steps span{display:block;margin-top:14px;color:#5b6878;font-size:14px;line-height:1.55;word-break:keep-all;}

/* ===== [09] CASE / VIDEO ===== */
body.home-page .nb-home-cases{background:#f5f9fd;}
body.home-page .nb-home-case-grid.case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:var(--home-width);max-width:var(--home-width);margin:0 auto;align-items:stretch;}
body.home-page .nb-home-case-grid .case-card{border-radius:0;box-shadow:0 16px 36px rgba(16,46,83,.08);}
body.home-page .nb-home-case-grid .case-thumb{aspect-ratio:4/3;}
body.home-page .nb-home-case-grid .case-body{padding:18px 18px 20px;}
body.home-page .nb-home-case-grid .case-body h3{font-size:18px;line-height:1.35;font-weight:950;letter-spacing:-.04em;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.home-page .nb-home-case-grid .case-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.7;}
body.home-page .nb-home-more{text-align:center;margin-top:34px;}
body.home-page .nb-home-more a{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;border:1px solid var(--home-blue);background:#fff;color:var(--home-blue);font-weight:950;text-decoration:none;border-radius:0;}
body.home-page .nb-home-videos{background:#fff;}
body.home-page .nb-home-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:var(--home-width);max-width:var(--home-width);margin:0 auto;}
body.home-page .nb-home-video-card{overflow:hidden;border:1px solid #d8e5f2;border-radius:0;background:#fff;box-shadow:0 16px 36px rgba(16,46,83,.08);}
body.home-page .nb-home-video-frame{position:relative;aspect-ratio:16/9;background:#071421;overflow:hidden;}
body.home-page .nb-home-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
body.home-page .nb-home-video-body{padding:18px 18px 20px;}
body.home-page .nb-home-video-body strong{display:block;color:var(--home-ink);font-size:17px;line-height:1.35;font-weight:950;letter-spacing:-.04em;word-break:keep-all;}
body.home-page .nb-home-video-body p{margin:8px 0 0;color:var(--home-muted);font-size:14px;line-height:1.55;word-break:keep-all;}
body.home-page .nb-home-video-note{width:var(--home-width);max-width:var(--home-width);margin:18px auto 0;color:#6b7b8d;font-size:13px;text-align:right;}

/* ===== [10] FINAL CTA - NAVY BAND ===== */
body.home-page .nb-home-cta{width:100%;max-width:none;margin:0;padding:82px max(4vw,24px) 90px;text-align:center;background:linear-gradient(135deg,#03182f 0%,#052a56 55%,#064a93 100%);color:#fff;box-sizing:border-box;}
body.home-page .nb-home-cta span{color:#72c7ff;}
body.home-page .nb-home-cta h2{color:#fff;}
body.home-page .nb-home-cta a{display:inline-flex;align-items:center;justify-content:center;height:58px;margin-top:30px;padding:0 38px;border:1px solid rgba(255,255,255,.65);border-radius:0;background:transparent;color:#fff;font-weight:950;text-decoration:none;}
body.home-page .nb-home-cta a:hover{background:#fff;color:#062447;}

/* ===== [11] RESPONSIVE ===== */
@media (max-width:1180px){
  body.home-page .nb-home-product-grid,
  body.home-page .nb-home-case-grid.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.home-page .nb-home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.home-page .nb-home-quickbar{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.home-page .nb-home-quickbar a:nth-child(2){border-right:0;}
}

@media (max-width:768px){
  body.home-page .site-header{height:72px;min-height:72px;background:#fff;}
  body.home-page .site-header .header-inner{height:72px;min-height:72px;width:92vw;max-width:92vw;}
  body.home-page .site-header .logo img{max-width:118px;max-height:42px;}
  body.home-page .header-phone-link,
  body.home-page .header-contact-btn{display:none;}

  body.home-page .nb-home-hero{min-height:0;border-bottom:0;}
  body.home-page .nb-home-hero::before{
    background-image:
      linear-gradient(180deg,rgba(7,16,30,.20) 0%,rgba(7,16,30,.36) 45%,rgba(7,16,30,.68) 100%),
      var(--home-hero-mobile-bg, var(--home-hero-bg));
    background-size:100% 100%,cover;
    background-position:center center,center center;
  }
  body.home-page .nb-home-hero::after{display:none;}
  body.home-page .nb-home-hero__inner{width:92vw;max-width:92vw;min-height:0;align-items:flex-start;padding-top:28px;padding-bottom:30px;}
  body.home-page .nb-home-hero__copy{width:100%;padding:0;}
  body.home-page .nb-home-eyebrow{margin-bottom:8px;color:#5ed0ff;font-size:11px;letter-spacing:.12em;text-shadow:0 3px 14px rgba(0,0,0,.42);}
  body.home-page .nb-home-hero h1{color:#fff;font-size:31px;line-height:1.13;letter-spacing:-.07em;text-shadow:0 4px 16px rgba(0,0,0,.48);}
  body.home-page .nb-home-hero h1 em{color:#5fb8ff;}
  body.home-page .nb-home-hero p{max-width:96%;margin-top:12px;color:rgba(255,255,255,.93);font-size:14px;line-height:1.58;text-shadow:0 3px 12px rgba(0,0,0,.42);}
  body.home-page .nb-home-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
  body.home-page .nb-home-btn{min-width:0;width:100%;height:48px;padding:0 10px;font-size:13px;box-shadow:0 10px 24px rgba(15,35,67,.10);}
  body.home-page .nb-home-btn::after{margin-left:8px;font-size:20px;}

  body.home-page .layout-content > .mobile-product-search{display:block;margin:0;padding:12px 0;background:#eaf4ff;border-top:1px solid #d6e6f6;border-bottom:1px solid #d6e6f6;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__inner{width:100%;max-width:none;padding:0 14px;box-sizing:border-box;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__label{display:block;margin:0 0 8px;color:#082544;font-size:14px;font-weight:950;line-height:1.25;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__field{display:flex;align-items:center;width:100%;height:56px;min-height:56px;padding:0 0 0 16px;border:1px solid #c7dced;border-radius:0;background:#fff;box-shadow:none;overflow:hidden;box-sizing:border-box;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__icon{flex:0 0 22px;width:22px;height:22px;margin-right:10px;background:#47708f;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__field input{flex:1 1 auto;min-width:0;width:auto;height:100%;padding:0;border:0;background:transparent;color:#10243d;font-size:15px;font-weight:800;line-height:56px;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__field button{align-self:stretch;flex:0 0 86px;width:86px;height:auto;border:0;border-radius:0;background:var(--home-blue);color:#fff;font-size:15px;font-weight:950;}

  body.home-page .nb-home-support-strip{background:#fff;}
  body.home-page .nb-home-support-strip__inner{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 14px;box-sizing:border-box;}
  body.home-page .nb-home-support-strip__inner > div{display:block;padding:0 8px;text-align:center;border-right:1px solid #dfe8f2;}
  body.home-page .nb-home-support-strip b{width:36px;height:36px;margin:0 auto 8px;font-size:22px;}
  body.home-page .nb-home-support-strip strong{font-size:12px;line-height:1.3;letter-spacing:-.05em;}
  body.home-page .nb-home-support-strip span{margin-top:5px;font-size:10px;line-height:1.35;}

  body.home-page .nb-home-products,
  body.home-page .nb-home-process,
  body.home-page .nb-home-cases,
  body.home-page .nb-home-videos{padding:42px 14px;}
  body.home-page .nb-home-section-head{margin-bottom:22px;}
  body.home-page .nb-home-section-head span,
  body.home-page .nb-home-process__copy span,
  body.home-page .nb-home-cta span{font-size:12px;letter-spacing:.13em;}
  body.home-page .nb-home-section-head h2,
  body.home-page .nb-home-process__copy h2,
  body.home-page .nb-home-cta h2{margin-top:10px;font-size:26px;line-height:1.18;}
  body.home-page .nb-home-section-head p,
  body.home-page .nb-home-process__copy p{margin-top:8px;font-size:14px;line-height:1.52;}

  body.home-page .nb-home-product-grid{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body.home-page .nb-home-product-card{grid-template-rows:auto 52px;box-shadow:0 12px 24px rgba(16,46,83,.07);}
  body.home-page .nb-home-product-card__image img{padding:10px;}
  body.home-page .nb-home-product-card__body{padding:0 42px 0 10px;}
  body.home-page .nb-home-product-card strong{font-size:13px;}
  body.home-page .nb-home-product-card__body em{margin-top:3px;font-size:9px;}
  body.home-page .nb-home-product-card i{right:10px;bottom:11px;width:28px;height:28px;font-size:20px;}

  body.home-page .nb-home-process__copy{margin-bottom:18px;}
  body.home-page .nb-home-process__steps{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body.home-page .nb-home-process__steps > div{min-height:108px;padding:15px 13px;}
  body.home-page .nb-home-case-grid.case-grid{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body.home-page .nb-home-video-grid{width:100%;max-width:none;grid-template-columns:1fr;gap:16px;}
  body.home-page .nb-home-video-note{width:100%;max-width:none;text-align:left;}
  body.home-page .nb-home-cta{padding:46px 18px 52px;}
  body.home-page .nb-home-cta a{height:50px;padding:0 26px;}
}

@media (max-width:420px){
  body.home-page .nb-home-hero__inner{padding-top:24px;padding-bottom:28px;}
  body.home-page .nb-home-hero h1{font-size:29px;}
  body.home-page .nb-home-hero p{font-size:13px;line-height:1.54;}
  body.home-page .nb-home-btn{height:46px;font-size:12px;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__field{height:54px;min-height:54px;padding-left:14px;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__field input{font-size:14px;line-height:54px;}
  body.home-page .layout-content > .mobile-product-search .mobile-product-search__field button{flex-basis:80px;width:80px;font-size:14px;}
}


/* =========================================================
   [2026-05-14] HOME HEADER FINAL OVERRIDE v8201
   - home-main-redesign.css는 홈에서 responsive.css 뒤에 로드되므로
     홈 전용 relative 헤더 규칙을 다시 fixed 공통 기준으로 고정합니다.
========================================================= */
body.home-page{
  padding-top:var(--nb-header-h);
}

body.home-page .site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:30000;
  width:100%;
  height:var(--nb-header-h);
  min-height:var(--nb-header-h);
  margin:0;
  background:#fff;
  border-bottom:1px solid #dfeaf6;
  box-shadow:0 8px 22px rgba(15,45,80,.08);
  transform:none;
  transition:none;
  will-change:auto;
}

body.home-page .site-header .header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  width:var(--nb-page-width);
  max-width:none;
  height:var(--nb-header-h);
  min-height:var(--nb-header-h);
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}

body.home-page .site-header .logo img{
  width:132px;
  max-width:132px;
  max-height:48px;
  height:auto;
  object-fit:contain;
}

@media (max-width:1024px){
  body.home-page .site-header .header-inner{
    width:92vw;
    max-width:92vw;
  }
  body.home-page .site-header .logo img{
    width:118px;
    max-width:118px;
    max-height:42px;
  }
}

@media (max-width:768px){
  body.home-page .site-header,
  body.home-page .site-header .header-inner{
    height:var(--nb-header-h);
    min-height:var(--nb-header-h);
  }
  body.home-page .site-header .logo img{
    width:104px;
    max-width:104px;
    max-height:38px;
  }
}


/* =========================================================
   [2026-05-14] HOME HERO WHITE OVERLAY REDUCE PATCH v8210
   목적:
   - 메인 화면 PC/모바일에서 과하게 하얗게 날아가는 Hero 오버레이를 완화
   - 기존 레이아웃/버튼/타이포 구조는 유지하고 배경 장비 대비만 복구
   - 모바일은 밝은 이미지 위에서도 텍스트가 묻히지 않도록 다크 오버레이 기준 적용
========================================================= */
body.home-page .nb-home-hero::before{
  background-image:
    linear-gradient(
      90deg,
      rgba(255,255,255,.88) 0%,
      rgba(255,255,255,.78) 30%,
      rgba(255,255,255,.36) 52%,
      rgba(7,16,30,.10) 78%,
      rgba(7,16,30,.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(232,241,250,.34) 100%
    ),
    var(--home-hero-bg);
}

body.home-page .nb-home-hero::after{
  height:54px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(232,241,250,.42));
}

/* [2026-05-25] legacy mobile home hero min-height override removed: compact rules are defined in [11] RESPONSIVE. */

/* =========================================================
   [2026-05-19] 메인 대표 시리즈 공통 데이터 / 브로셔형 출력
   - 데이터: /products/_series/*/category.txt + 상세설명.txt
   - 메인: home_series=1 중 order 순서 최대 5개
========================================================= */
.nb-home-series{
  max-width:1200px;
  margin:54px auto 70px;
  padding:0 20px;
}
.nb-home-section-head--series{margin-bottom:24px;}
.nb-home-series-list{display:flex;flex-direction:column;gap:22px;}
.nb-home-series-card{
  display:grid;
  grid-template-columns:minmax(360px, 44%) 1fr;
  align-items:stretch;
  overflow:hidden;
  border:1px solid #c9def8;
  background:#fff;
  box-shadow:0 14px 34px rgba(16,62,122,.08);
}
.nb-home-series-card.is-reverse{grid-template-columns:1fr minmax(360px,44%);}
.nb-home-series-card.is-reverse .nb-home-series-card__image{order:2;}
.nb-home-series-card.is-reverse .nb-home-series-card__body{order:1;}
.nb-home-series-card__image{
  display:block;
  min-height:310px;
  background:#f6f9fe;
  border-right:1px solid #d6e5f7;
}
.nb-home-series-card.is-reverse .nb-home-series-card__image{border-right:0;border-left:1px solid #d6e5f7;}
.nb-home-series-card__image img{
  width:100%;
  height:100%;
  min-height:310px;
  object-fit:contain;
  display:block;
  padding:22px;
}
.nb-home-series-card__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:46px 44px;
}
.nb-home-series-card__eyebrow{
  display:block;
  margin-bottom:10px;
  color:#0067d8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.nb-home-series-card__body h3{
  margin:0 0 8px;
  color:#071629;
  font-size:32px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.04em;
}
.nb-home-series-card__subtitle{
  margin:0 0 14px;
  color:#1f4f86;
  font-size:21px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:-.035em;
}
.nb-home-series-card__body p{
  margin:0 0 24px;
  color:#2f4058;
  font-size:16px;
  line-height:1.75;
  font-weight:700;
}
.nb-home-series-card__features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:26px;
}
.nb-home-series-card__features span{
  border:1px solid #d4e3f7;
  background:#f8fbff;
  padding:10px 13px;
  color:#0d4f9c;
  font-size:13px;
  font-weight:800;
}
.nb-home-series-card__features span::before{content:'• ';font-weight:900;}
.nb-home-series-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:150px;
  min-height:44px;
  background:#006bdc;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 12px 24px rgba(0,98,204,.18);
}
.nb-home-series-card__btn:hover{background:#004fa8;color:#fff;}
@media (max-width:900px){
  .nb-home-series{margin:36px auto 48px;padding:0 16px;}
  .nb-home-series-card,
  .nb-home-series-card.is-reverse{display:block;}
  .nb-home-series-card.is-reverse .nb-home-series-card__image,
  .nb-home-series-card.is-reverse .nb-home-series-card__body{order:initial;}
  .nb-home-series-card__image{min-height:220px;border-right:0;border-bottom:1px solid #d6e5f7;}
  .nb-home-series-card.is-reverse .nb-home-series-card__image{border-left:0;border-bottom:1px solid #d6e5f7;}
  .nb-home-series-card__image img{min-height:220px;padding:18px;}
  .nb-home-series-card__body{padding:28px 22px;}
  .nb-home-series-card__body h3{font-size:24px;}
  .nb-home-series-card__features{grid-template-columns:1fr;}
}