/* 공공조달 페이지 전용 스타일 (mfg_page.css 위에 덮어쓰기) */

/*
  탭 전환/카드 애니메이션 등으로 DOM 높이가 바뀔 때,
  일부 브라우저가 '스크롤 앵커링(scroll anchoring)'으로 화면을 미세하게 밀어
  사용자가 "페이지가 살짝 내려가/올라가"는 느낌을 받을 수 있습니다.
  본 페이지에서는 가독성과 안정감을 위해 앵커링을 비활성화합니다.
*/
html, body{ overflow-anchor:none; }

.prc-page{
  --prc-navy: #0b1220;
  --prc-navy2:#0f172a;
  --prc-accent:#3b82f6;
  --prc-accent2:#38bdf8;
  --prc-gold:#fbbf24;
}

/* HERO: 전체 이미지 배경 */
.prc-hero{
  position:relative;
  overflow:hidden;
  /* 여백(가독성) + 심리적 여유: 기존 대비 약 20% 확대 */
  padding: clamp(34px, 7vh, 88px) 0;
  min-height: var(--mfg-vh);
  display:flex;
  align-items:center;
}
.prc-hero::before{
  content:"";
  position:absolute; inset:0;
  background: none !important;
  transform:none;
  animation:none;
  will-change:auto;
  filter:none;
  z-index:0;
}
.prc-hero::after{
  content:"";
  position:absolute; inset:0;
  /* 태양광 히어로와 동일한 느낌: 전체 이미지 유지 + 과한 뿌연 레이어 제거 */
  background: linear-gradient(90deg,
    rgba(2,6,23,.72) 0%,
    rgba(2,6,23,.46) 52%,
    rgba(2,6,23,.18) 100%
  );
  pointer-events:none;
  z-index:1;
}
.prc-hero .mfg-wrap,
.prc-hero .mfg-hero-grid{position:relative; z-index:2;}

.prc-kicker{
  background: rgba(2,6,23,.74);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 60px rgba(2,6,23,.38);
  backdrop-filter: none;
}
.prc-hero-title{
  color: #fff;
  font-weight: 900;
  letter-spacing: -1.0px;
}
.prc-hero-sub{color:rgba(255,255,255,.86); max-width: 46rem;}
.prc-subline{display:block; margin-top:4px;}

/* 핵심 단어 포인트(로열 블루) */
.prc-hl-blue{color: var(--prc-accent); font-weight: 800;}

.prc-subnote{display:block; margin-top:10px; font-size:12.5px; color:rgba(255,255,255,.68)}
.prc-hl{color: var(--prc-accent);} 
.prc-hl2{color: var(--prc-accent); font-weight: 800;}
.prc-br{display:block; height:10px;}

.prc-hero-actions{gap:12px; flex-wrap:wrap;}
.mfg-btn.prc-cta-btn{
  background: linear-gradient(135deg, var(--prc-accent2), var(--prc-accent));
  border:1px solid rgba(59,130,246,.18);
  color:#fff;
  box-shadow: 0 18px 60px rgba(59,130,246,.18);
}
.mfg-btn.prc-cta-btn:hover{transform: translateY(-1px);}
.mfg-btn.prc-cta-outline{
  background: #fff;
  color: #0f172a;
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 18px 60px rgba(2,6,23,.26);
  backdrop-filter: none;
}
.mfg-btn.prc-cta-outline:hover{transform: translateY(-1px); border-color: rgba(59,130,246,.30);}
.prc-hero .prc-ghost-btn{
  color:#fff;
  border-color: rgba(255,255,255,.22);
  background: rgba(2,6,23,.18);
}

.prc-hero-trust{margin-top:14px; display:flex; flex-wrap:wrap; gap:10px;}
.prc-trust{
  padding:9px 12px;
  border-radius:999px;
  background: rgba(2,6,23,.70);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.90);
  font-weight:700;
  font-size:13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  backdrop-filter: blur(10px);
}
.prc-trust-ico{opacity:.85;}

.prc-hero-side{display:flex; justify-content:flex-end;}
.prc-proof{
  width:100%;
  max-width:460px;
  border-radius:22px;
  padding:20px;
  /* 글래스모피즘: 반투명 화이트 + 블러 */
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 22px 70px rgba(15,23,42,.14);
  backdrop-filter: blur(14px);
}
.prc-proof-head{display:grid; gap:6px;}
.prc-proof-k{
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.16);
  color: rgba(15,23,42,.86);
  font-weight: 800;
  font-size: 12px;
}
.prc-proof-t{color: rgba(15,23,42,.92); font-weight: 800; letter-spacing:-.4px;}
.prc-proof-list{margin-top:12px; display:grid; gap:10px;}
.prc-proof-item{
  display:flex;
  gap:10px;
  padding:14px;
  border-radius:18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(15,23,42,.10);
}
.prc-proof-pill{
  flex:0 0 auto;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  background: rgba(56,189,248,.16);
  border: 1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.84);
  font-weight: 800;
  font-size: 12px;
}
.prc-proof-desc strong{display:block; color: rgba(15,23,42,.90); font-weight: 800; letter-spacing:-.3px;}
.prc-proof-desc span{display:block; margin-top:2px; color: rgba(15,23,42,.70); font-size: 13px; line-height:1.45;}

.prc-badges{width:100%; max-width:460px; display:grid; gap:12px;}
.prc-badge{
  display:flex;
  gap:12px;
  padding:14px 14px;
  border-radius:18px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 22px 70px rgba(2,6,23,.30);
}
.prc-badge-ico{
  width:42px; height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background: rgba(59,130,246,.20);
  color:#fff;
  flex: 0 0 auto;
}
.prc-badge-title{color:#fff; font-weight:950; letter-spacing:-.5px;}
.prc-badge-sub{color:rgba(255,255,255,.78); font-size:13.5px; margin-top:2px; line-height:1.45}

.prc-logo-row{margin-top:8px; padding:12px 14px; border-radius:18px; background: rgba(2,6,23,.22); border:1px solid rgba(255,255,255,.14)}
.prc-logo-pill{display:inline-flex; align-items:center; padding:7px 10px; margin:4px 6px 0 0; border-radius:999px; background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.85); font-weight:850; font-size:12.5px;}
.prc-logo-note{margin-top:8px; color:rgba(255,255,255,.62); font-size:12px;}

/* Section general */
.prc-section .mfg-h2{letter-spacing:-.8px;}
.prc-section .mfg-lead{max-width: 62rem;}

/* Benefits */
.prc-benefit-grid{display:grid; grid-template-columns: 1.08fr .92fr; gap:28px; align-items:stretch;}
@media (max-width: 1020px){
  .prc-benefit-grid{grid-template-columns:1fr;}
}

.prc-benefit-cards{display:grid; grid-template-columns: 1fr 1fr; gap:14px;}
@media (max-width: 720px){
  .prc-benefit-cards{grid-template-columns:1fr;}
}

.prc-icard{
  padding:18px;
  border-radius:20px;
  background:#fff;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 20px 60px rgba(15,23,42,.10);
}
.prc-icard h3{margin:10px 0 8px; font-size:18px; letter-spacing:-.4px; color: var(--prc-navy2); font-weight:950;}
.prc-icard p{margin:0; color: rgba(15,23,42,.78); line-height:1.62; font-size:14.5px;}
.prc-tag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.18);
  color: rgba(15,23,42,.84);
  font-weight: 950;
  font-size: 12.5px;
  margin-top:10px;
}
.prc-one{margin:10px 0 8px; color: rgba(15,23,42,.78); line-height:1.6; font-size:16px;}
.prc-micro{margin:0; padding-left:18px; color: rgba(15,23,42,.78); line-height:1.65;}
.prc-micro li{margin:6px 0;}

/* Section 2 아이콘: 라인 아이콘을 '3D' 느낌의 소프트 버튼 스타일로 */
.prc-ico{
  width:46px; height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  position:relative;
  background:
    radial-gradient(120% 120% at 24% 18%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.78) 32%, rgba(219,234,254,.92) 62%, rgba(191,219,254,.98) 100%);
  border: 1px solid rgba(59,130,246,.22);
  box-shadow:
    0 16px 34px rgba(2,6,23,.10),
    0 6px 14px rgba(2,6,23,.06),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 22px rgba(30,64,175,.10);
  color: #1d4ed8;
}
.prc-ico::after{
  content:"";
  position:absolute;
  width:16px; height:16px;
  right:8px; top:7px;
  border-radius:999px;
  background: rgba(255,255,255,.80);
  box-shadow: 0 3px 8px rgba(2,6,23,.10);
  opacity:.65;
}
.prc-ico svg{
  stroke: currentColor;
  filter: drop-shadow(0 2px 1px rgba(2,6,23,.18));
}
.prc-icard:hover .prc-ico{
  transform: translateY(-2px);
  box-shadow:
    0 20px 42px rgba(2,6,23,.12),
    0 8px 18px rgba(2,6,23,.07),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 22px rgba(30,64,175,.10);
}

.prc-slider{padding:16px;}
.prc-slider-inner{aspect-ratio: 5 / 4;}
.prc-slider-grad{opacity:1;}
.prc-cap{
  position:absolute;
  left:14px; right:14px;
  bottom:14px;
  padding:12px 14px;
  border-radius:16px;
  background: rgba(2,6,23,.62);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  backdrop-filter: blur(8px);
}
.prc-cap-k{display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background: rgba(56,189,248,.22); border:1px solid rgba(255,255,255,.12); font-weight:950; font-size:12px; letter-spacing:-.2px; margin-bottom:8px;}
.prc-cap strong{display:block; font-weight:950; letter-spacing:-.6px; font-size:16.5px;}
.prc-cap small{display:block; margin-top:3px; color: rgba(255,255,255,.78); font-size:13px;}

/* Why */
.prc-why-grid{display:grid; grid-template-columns: 1.02fr .98fr; gap:26px; align-items:start;}
@media (max-width: 1020px){
  .prc-why-grid{grid-template-columns:1fr;}
}
.prc-callout{padding:18px; border-radius:22px; background: linear-gradient(135deg, rgba(59,130,246,.10), rgba(56,189,248,.10)); border: 1px solid rgba(59,130,246,.18); box-shadow: 0 18px 60px rgba(15,23,42,.10);}
.prc-callout-k{display:inline-flex; padding:6px 10px; border-radius:999px; background: rgba(59,130,246,.12); border:1px solid rgba(59,130,246,.20); color: var(--prc-navy2); font-weight:950; font-size:12px;}
.prc-callout-t{margin-top:10px; font-size:18px; font-weight:950; letter-spacing:-.5px; color: var(--prc-navy2);}
.prc-callout-s{margin-top:6px; color: rgba(15,23,42,.75); line-height:1.55;}

.prc-why-list{margin:14px 0 0; padding-left:18px; color: rgba(15,23,42,.82); line-height:1.7;}
.prc-why-list li{margin:8px 0;}

.prc-term{cursor:pointer; font-weight:950; color: var(--prc-accent); text-decoration: underline; text-underline-offset: 3px;}

.prc-score{
  border-radius:22px;
  background: #0b1220;
  color:#fff;
  padding:18px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 80px rgba(2,6,23,.22);
}
.prc-score-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px;}
.prc-mini-k{color: rgba(255,255,255,.72); font-size:12.5px; font-weight:850;}
.prc-score-title{font-weight:950; letter-spacing:-.6px; font-size:16.5px; margin-top:2px;}
.prc-score-note{color: rgba(255,255,255,.55); font-size:12px; white-space:nowrap;}

.prc-score-bars{display:grid; gap:12px;}
.prc-bar-top{display:flex; justify-content:space-between; color: rgba(255,255,255,.78); font-size:12.5px;}
.prc-bar-val{color: rgba(255,255,255,.90); font-weight:900;}
.prc-bar-accent{color: var(--prc-gold);}
.prc-bar-track{height:10px; border-radius:999px; background: rgba(255,255,255,.10); overflow:hidden;}
.prc-bar-fill{display:block; height:100%; border-radius:999px; background: rgba(56,189,248,.85);}
.prc-bar-fill2{background: rgba(59,130,246,.85);}
.prc-bar-fill3{background: rgba(251,191,36,.90);}

.prc-why-mini{margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.prc-mini{padding:14px; border-radius:18px; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12)}
.prc-mini-lbl{color: rgba(255,255,255,.72); font-size:12.5px; font-weight:850;}
.prc-mini-num{margin-top:6px; font-size:22px; font-weight:950; letter-spacing:-.5px;}
.prc-mini-num small{font-size:12px; color: rgba(255,255,255,.65); font-weight:800;}
.prc-mini-sub{margin-top:4px; color: rgba(255,255,255,.72); font-size:12.5px; line-height:1.45;}

/* Tabs + tables */
.prc-panels,.prc-panel,.prc-cases,.prc-case-panels{overflow-anchor:none;}

.prc-tabs{margin-top:18px; overflow-anchor:none;}
.prc-tabbtns{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px;}
.prc-scn-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
  margin: 6px 0 10px;
}
@media (max-width: 1020px){
  .prc-scn-grid{grid-template-columns:1fr;}
}
.prc-scn{
  display:block;
  text-decoration:none;
  border-radius:22px;
  padding:14px;
  background: linear-gradient(135deg, rgba(56,189,248,.10), rgba(59,130,246,.08));
  border: 1px solid rgba(59,130,246,.16);
  box-shadow: 0 18px 60px rgba(15,23,42,.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  color: inherit;
}
.prc-scn:hover{
  transform: translateY(-3px);
  border-color: rgba(59,130,246,.26);
  box-shadow: 0 26px 80px rgba(15,23,42,.12);
}
.prc-scn-top{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px;}
.prc-scn-badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(59,130,246,.12);
  border: 1px solid rgba(59,130,246,.18);
  color: rgba(15,23,42,.86);
  font-weight: 950;
  font-size: 12px;
}
.prc-scn-time{color: rgba(15,23,42,.70); font-weight: 900; font-size: 12.5px;}
.prc-scn-title{font-weight: 1000; letter-spacing:-.5px; color: var(--prc-navy2); font-size: 16.5px;}
.prc-scn-desc{margin-top:6px; color: rgba(15,23,42,.76); line-height:1.55; font-size: 14.5px;}
.prc-scn-note{margin: 6px 0 14px; color: rgba(15,23,42,.65); font-size: 13px;}

.prc-tab{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  color: rgba(15,23,42,.86);
  font-weight:950;
  cursor:pointer;
}
.prc-tab.is-active{background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(59,130,246,.22)); border-color: rgba(59,130,246,.26);} 

.prc-panel{border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.10); box-shadow: 0 18px 60px rgba(15,23,42,.08); padding:16px;}
.prc-panel-head h3{margin:0; font-size:18px; letter-spacing:-.4px; font-weight:950; color: var(--prc-navy2);} 
.prc-panel-head p{margin:8px 0 0; color: rgba(15,23,42,.72); line-height:1.6;}

.prc-table-wrap{
  margin-top:14px;
  overflow:auto;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  position:relative;
  /* 스크롤 시 자연스러운 모서리 */
  scroll-behavior:smooth;
}
/* 좌우 스크롤이 있는 영역임을 은은하게 안내 */
.prc-table-wrap::before,
.prc-table-wrap::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width:26px;
  pointer-events:none;
  z-index:3;
}
.prc-table-wrap::before{
  left:0;
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,0));
}
.prc-table-wrap::after{
  right:0;
  background: linear-gradient(270deg, rgba(255,255,255,.98), rgba(255,255,255,0));
}
.prc-table-hint{
  position:sticky;
  left:0;
  top:0;
  display:flex;
  justify-content:flex-end;
  padding:10px 10px 0;
  z-index:4;
  pointer-events:none;
}
.prc-table-hint .prc-table-hint-pill{
  pointer-events:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.72);
  font-weight: 900;
  font-size:12.5px;
  backdrop-filter: blur(6px);
}
.prc-table-hint.is-hidden{display:none;}

.prc-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width: 920px;
}
.prc-table th{
  position:sticky; top:0;
  background: #f8fafc;
  border-bottom:1px solid rgba(15,23,42,.10);
  padding:14px 14px;
  text-align:left;
  font-size:13.5px;
  color: rgba(15,23,42,.74);
  font-weight:950;
  letter-spacing:-.2px;
  white-space:nowrap;
}
.prc-table td{
  padding:14px 14px;
  border-bottom:1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.84);
  font-size:15.5px;
  line-height:1.65;
  vertical-align:top;
}
.prc-table tbody tr:last-child td{border-bottom:none;}

/* 빠른 스캔을 위한 규칙: 1열(명칭) 강조 + 줄바꿈 최소화 */
.prc-table td:first-child{
  font-weight: 950;
  color: var(--prc-navy2);
  white-space:nowrap;
}
.prc-table th:nth-child(2),
.prc-table td:nth-child(2){
  min-width: 420px;
}
.prc-table th:nth-child(3),
.prc-table td:nth-child(3){
  width: 110px;
  white-space:nowrap;
}
.prc-table th:nth-child(4),
.prc-table td:nth-child(4){
  min-width: 180px;
}

/* 줄무늬(가독성) + hover(포커스) */
.prc-table tbody tr:not(.prc-row-strong):not(.prc-row-hl):nth-child(odd) td{
  background: rgba(15,23,42,.02);
}
.prc-table tbody tr:not(.prc-row-strong):not(.prc-row-hl):hover td{
  background: rgba(59,130,246,.06);
}
.prc-row-strong td{background: rgba(251,191,36,.10);} 
.prc-row-hl td{background: rgba(56,189,248,.10);} 

.prc-key{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background: rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.10);
  font-weight:950;
  font-size:12.5px;
  margin-right:6px;
  white-space:nowrap;
}

.prc-level{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-weight: 950;
  font-size: 12.5px;
  border:1px solid rgba(15,23,42,.12);
  white-space:nowrap;
}
.prc-level-high{background: rgba(251,191,36,.18);}
.prc-level-mid{background: rgba(56,189,248,.14);}
.prc-level-low{background: rgba(15,23,42,.06);}

.prc-point{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(59,130,246,.10);
  border:1px solid rgba(59,130,246,.16);
  font-weight: 950;
  font-size: 12.5px;
  white-space:nowrap;
  color: rgba(15,23,42,.86);
}
.prc-point-muted{
  background: rgba(15,23,42,.06);
  border-color: rgba(15,23,42,.10);
  color: rgba(15,23,42,.72);
}

/* 표 셀: 한 줄 요약 + 상세(접기) */
.prc-cell{display:flex; flex-direction:column; gap:8px;}
.prc-sum{
  color: rgba(15,23,42,.88);
  font-weight: 900;
  letter-spacing:-.2px;
}
.prc-more{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.14);
  background: rgba(15,23,42,.03);
  color: rgba(15,23,42,.78);
  font-weight: 950;
  font-size: 12.5px;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.prc-more:hover{
  transform: translateY(-1px);
  background: rgba(59,130,246,.06);
  border-color: rgba(59,130,246,.18);
}
.prc-detail{
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform: translateY(-2px);
  transition: max-height .35s ease, opacity .25s ease, transform .35s ease;
  border-left:2px solid rgba(59,130,246,.22);
  padding-left:12px;
}
.prc-detail.is-open{
  max-height:420px;
  opacity:1;
  transform: translateY(0);
  margin-top:2px;
}
.prc-detail-list{
  margin:0;
  padding-left:16px;
  color: rgba(15,23,42,.76);
  line-height:1.6;
  font-size:14.5px;
}
.prc-detail-list li{margin:6px 0;}


/* 모바일: 표는 카드로 ‘읽기’ 중심 재구성(JS가 카드 생성) */
.prc-tcards{display:none;}
@media (max-width: 860px){
  .prc-table{display:none;}
  .prc-table-wrap::before,
  .prc-table-wrap::after{display:none;}
  .prc-tcards{
    display:grid;
    gap:12px;
    padding: 10px;
  }
  .prc-tcard{
    border-radius:18px;
    border:1px solid rgba(15,23,42,.10);
    background:#fff;
    box-shadow: 0 18px 60px rgba(15,23,42,.06);
    padding:14px;
  }
  .prc-tcard-title{
    font-weight: 950;
    letter-spacing:-.4px;
    color: var(--prc-navy2);
    font-size: 16px;
    margin:0;
  }
  .prc-tcard-kpis{
    margin-top:10px;
    display:grid;
    gap:8px;
  }
  .prc-trow{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:10px 10px;
    border-radius:14px;
    background: rgba(15,23,42,.03);
    border:1px solid rgba(15,23,42,.06);
  }
  .prc-trow .k{color: rgba(15,23,42,.65); font-weight: 900; font-size: 12.5px; white-space:nowrap;}
  .prc-trow .v{color: rgba(15,23,42,.84); font-weight: 900; font-size: 13.5px; text-align:right;}
  .prc-tcard-desc{
    margin-top:10px;
    color: rgba(15,23,42,.78);
    line-height:1.65;
    font-size: 14.5px;
  }
}

.prc-tiles{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px;}
@media (max-width: 720px){
  .prc-tiles{grid-template-columns:1fr;}
}
.prc-tile{padding:16px; border-radius:18px; background: #f8fafc; border:1px solid rgba(15,23,42,.10);} 
.prc-tile-top{display:flex; align-items:center; gap:10px;}
.prc-tile-ico{width:38px; height:38px; border-radius:14px; display:grid; place-items:center; background: rgba(59,130,246,.12); color: var(--prc-accent);} 
.prc-tile h4{margin:0; font-weight:950; letter-spacing:-.4px;}
.prc-tile p{margin:10px 0 0; color: rgba(15,23,42,.76); line-height:1.6;}

.prc-tip{margin-top:14px; border-radius:22px; padding:16px; background: #0b1220; border:1px solid rgba(255,255,255,.10); color:#fff;}
.prc-tip-badge{display:inline-flex; padding:6px 10px; border-radius:999px; background: rgba(251,191,36,.18); border:1px solid rgba(255,255,255,.14); color:#fff; font-weight:950; font-size:12px;}
.prc-tip-title{margin-top:10px; font-weight:950; letter-spacing:-.5px; font-size:16.5px;}
.prc-tip p{margin:8px 0 0; color: rgba(255,255,255,.78); line-height:1.65;}

/* Calculator */
.prc-calc-grid{display:grid; grid-template-columns: 1.05fr .95fr; gap:22px; align-items:start;}
@media (max-width: 1020px){
  .prc-calc-grid{grid-template-columns:1fr;}
}

.prc-calc-card{border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.10); box-shadow: 0 18px 60px rgba(15,23,42,.08); padding:16px;}
.prc-calc-head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px;}
.prc-calc-head h3{margin:0; font-weight:950; letter-spacing:-.5px;}
.prc-calc-sub{color: rgba(15,23,42,.62); font-weight:850; font-size:12.5px;}
.prc-goal{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  padding:12px 14px;
  border-radius:18px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
}
.prc-goal-title{font-weight: 950; letter-spacing:-.3px; color: rgba(15,23,42,.86); margin-right:2px;}
.prc-radio{display:inline-flex; align-items:center; gap:8px; color: rgba(15,23,42,.82); font-weight: 900; font-size: 13px;}
.prc-radio input{width:16px; height:16px; accent-color: var(--prc-accent);}


.prc-calc-sec{margin-top:14px; padding-top:14px; border-top:1px dashed rgba(15,23,42,.14);} 
.prc-calc-sec-title{font-weight:950; letter-spacing:-.3px; color: rgba(15,23,42,.86); margin-bottom:10px;}
.prc-check{display:flex; align-items:center; gap:10px; padding:10px 10px; border-radius:14px; border:1px solid rgba(15,23,42,.10); background:#f8fafc; margin:8px 0;}
.prc-check input{width:16px; height:16px; accent-color: var(--prc-accent);} 
.prc-pt{margin-left:auto; font-weight:950; color: rgba(15,23,42,.72); font-size:12.5px; white-space:nowrap;}
.prc-check-has{gap:10px;}
.prc-sel{
  margin-left:8px;
  padding:7px 9px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  font-weight:850;
  font-size:12.5px;
}
.prc-note{margin-top:8px; font-size:12.5px; color: rgba(15,23,42,.62); line-height:1.45;}

.prc-meter{border-radius:22px; background: #0b1220; color:#fff; border:1px solid rgba(255,255,255,.10); box-shadow: 0 22px 80px rgba(2,6,23,.22); padding:16px;}
.prc-meter-top{display:flex; align-items:flex-end; justify-content:space-between; gap:14px;}
.prc-meter-k{color: rgba(255,255,255,.72); font-size:12.5px; font-weight:850;}
.prc-meter-v{margin-top:6px; font-size:36px; font-weight:950; letter-spacing:-.8px;}
.prc-meter-v small{font-size:14px; color: rgba(255,255,255,.70); font-weight:850;}
.prc-meter-limit{display:flex; flex-direction:column; gap:6px; align-items:flex-end;}
.prc-meter-limit label{font-size:12px; color: rgba(255,255,255,.70); font-weight:850;}
.prc-meter-limit input{
  width:110px;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  font-weight:950;
  outline:none;
}

.prc-cup{position:relative; margin:14px 0; height:220px; border-radius:22px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); overflow:hidden;}
.prc-cup-fill{position:absolute; left:0; right:0; bottom:0; height:0%; background: linear-gradient(180deg, rgba(56,189,248,.92), rgba(59,130,246,.92)); transition: height .45s ease;}
.prc-cup-lines{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:14px 0;}
.prc-cup-lines span{display:block; height:1px; background: rgba(255,255,255,.10);} 
.prc-cup-labels{position:absolute; right:10px; top:10px; bottom:10px; display:flex; flex-direction:column; justify-content:space-between; color: rgba(255,255,255,.55); font-size:11px; font-weight:850;}

.prc-meter-bottom{border-top:1px solid rgba(255,255,255,.10); padding-top:12px;}
.prc-meter-row{display:flex; justify-content:space-between; gap:10px; margin:8px 0; color: rgba(255,255,255,.78);} 
.prc-meter-row b{color:#fff;}
.prc-meter-hint{margin-top:10px; font-size:12.5px; color: rgba(255,255,255,.62); line-height:1.45;}
.prc-rec{
  margin-top: 12px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.prc-rec-title{font-weight: 950; letter-spacing:-.3px; color:#fff; font-size: 13.5px;}
.prc-rec-list{margin:10px 0 0; padding-left:18px; color: rgba(255,255,255,.78); line-height:1.6;}
.prc-rec-list li{margin:6px 0;}
.prc-rec-cta{
  margin-top: 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 12px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: rgba(56,189,248,.18);
  border: 1px solid rgba(255,255,255,.14);
}
.prc-rec-cta:hover{background: rgba(56,189,248,.26);}


.prc-roadmap{margin-top:12px; border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.10); box-shadow: 0 18px 60px rgba(15,23,42,.08); padding:16px;}
.prc-roadmap-title{font-weight:950; letter-spacing:-.5px; margin-bottom:8px;}
.prc-roadmap-list{margin:0; padding-left:18px; color: rgba(15,23,42,.78); line-height:1.7;}

/* 3 steps */
.prc-steps{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:14px; margin-top:18px;}
@media (max-width: 1020px){
  .prc-steps{grid-template-columns:1fr;}
}
.prc-step{border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.10); box-shadow: 0 18px 60px rgba(15,23,42,.08); padding:16px; position:relative;}
.prc-step-no{width:42px; height:42px; border-radius:16px; display:grid; place-items:center; background: rgba(59,130,246,.12); color: var(--prc-accent); font-weight:950;}
.prc-step-body h3{margin:10px 0 8px; font-weight:950; letter-spacing:-.4px;}
.prc-step-tags{display:flex; flex-wrap:wrap; gap:8px; margin: 6px 0 10px;}
.prc-step-tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.16);
  color: rgba(15,23,42,.78);
  font-weight: 900;
  font-size: 12.5px;
}

.prc-step-body p{margin:0 0 10px; color: rgba(15,23,42,.78); line-height:1.6;}
.prc-step-body ul{margin:0; padding-left:18px; color: rgba(15,23,42,.76); line-height:1.7;}

.prc-promise{margin-top:16px; border-radius:22px; background: #0b1220; border:1px solid rgba(255,255,255,.10); color:#fff; padding:18px;}
.prc-promise-badge{display:inline-flex; padding:6px 10px; border-radius:999px; background: rgba(56,189,248,.18); border:1px solid rgba(255,255,255,.14); font-weight:950; font-size:12px;}
.prc-promise-title{margin-top:10px; font-weight:950; letter-spacing:-.6px; font-size:17px;}
.prc-promise p{margin:8px 0 0; color: rgba(255,255,255,.78); line-height:1.65;}

/* Cases */
.prc-cases{margin-top:16px;}
.prc-case-pills{display:flex; gap:10px; flex-wrap:wrap;}
.prc-pill{padding:10px 14px; border-radius:999px; border:1px solid rgba(15,23,42,.14); background:#fff; font-weight:950; cursor:pointer;}
.prc-pill.is-active{background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(59,130,246,.22)); border-color: rgba(59,130,246,.26);} 
.prc-case{margin-top:12px; border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.10); box-shadow: 0 18px 60px rgba(15,23,42,.08); padding:16px;}
.prc-case-head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px;}
.prc-case-head h3{margin:0; font-weight:950; letter-spacing:-.5px;}
.prc-case-kpi{padding:6px 10px; border-radius:999px; background: rgba(251,191,36,.16); border:1px solid rgba(251,191,36,.22); font-weight:950;}
.prc-case-body{margin-top:12px; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:12px;}
@media (max-width: 1020px){
  .prc-case-body{grid-template-columns:1fr;}
}
.prc-case-body h4{margin:0 0 6px; font-weight:950;}
.prc-case-body p{margin:0; color: rgba(15,23,42,.78); line-height:1.6;}
.prc-case-body ul{margin:0; padding-left:18px; color: rgba(15,23,42,.76); line-height:1.7;}

.prc-next{margin-top:14px; font-size:18px; font-weight:950; letter-spacing:-.5px; color: var(--prc-navy2);} 

/* Footer CTA */
.prc-cta{border-radius:28px; padding:26px; background: linear-gradient(135deg, rgba(56,189,248,.16), rgba(59,130,246,.16)); border:1px solid rgba(59,130,246,.22); box-shadow: 0 22px 80px rgba(15,23,42,.08);}
.prc-cta h2{margin:0; font-weight:950; letter-spacing:-.8px; font-size:26px; color: var(--prc-navy2);} 
.prc-cta p{margin:10px 0 0; color: rgba(15,23,42,.76); line-height:1.6;}
.prc-cta-actions{margin-top:14px; display:flex; gap:12px; flex-wrap:wrap;}
.prc-section:not(.prc-hero) .prc-ghost-btn{color: var(--prc-navy2);} 

/* Modal */
.prc-modal{position:fixed; inset:0; z-index: 9999;}
.prc-modal-back{position:absolute; inset:0; background: rgba(2,6,23,.58); backdrop-filter: blur(6px);} 
.prc-modal-card{
  position:absolute;
  left:50%; top:50%; transform: translate(-50%, -50%);
  width:min(720px, calc(100vw - 28px));
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(15,23,42,.14);
  box-shadow: 0 26px 90px rgba(2,6,23,.30);
  overflow:hidden;
}
.prc-modal-head{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background: #0b1220; color:#fff;}
.prc-modal-title{font-weight:950; letter-spacing:-.5px;}
.prc-modal-x{width:40px; height:40px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color:#fff; cursor:pointer; display:grid; place-items:center;}
.prc-modal-body{padding:16px; color: rgba(15,23,42,.82); line-height:1.7;}
.prc-modal-body b{font-weight:950;}
.prc-modal-foot{padding:14px 16px; display:flex; justify-content:flex-end; gap:10px; background: #f8fafc; border-top:1px solid rgba(15,23,42,.10);} 
.prc-modal-btn{min-width:110px;}

/* ==============================
   v2 UI/UX polish (2026-01-04)
   ============================== */

/* 섹션 여백(숨구멍) 확대 */
.prc-page .mfg-section{
  padding: clamp(42px, 9vh, 108px) 0;
}
@media (max-width: 720px){
  .prc-page .mfg-section{padding: 76px 0;}
}

/* HERO: 최종(분할/뿌연 오버레이/확대 효과 제거) */
.prc-hero{background:#0b1220 !important;}
.prc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: url('/assets/img/procurement/hero_public.webp?v=20260108_01') center/cover no-repeat !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
}
.prc-hero::after{
  content:"";
  position:absolute;
  inset:0;
  /* 좌→우로 자연스럽게 어두워지며 텍스트 대비 확보(‘반으로 나뉨’ 느낌 방지) */
  background: linear-gradient(90deg,
    rgba(2,6,23,.72) 0%,
    rgba(2,6,23,.42) 52%,
    rgba(2,6,23,.18) 100%
  ) !important;
  pointer-events:none;
  z-index:1;
}
@media (prefers-reduced-motion: reduce){
  .prc-float-apply{transition:none;}
}

/* Hero 색상(다크 오버레이 기준) */
.prc-hero .prc-kicker{
  background: #0b1220;
  border-color: #334155;
  color: #ffffff;
  box-shadow: 0 16px 52px rgba(0,0,0,.28);
}
.prc-hero-title{ color: rgba(255,255,255,.95); }
.prc-hero-sub{ color: rgba(255,255,255,.82); }
.prc-hero .prc-subnote{ color: rgba(255,255,255,.62); }
.prc-hero .prc-hl-blue{
  color: #fbbf24;
  background: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}
.prc-hero .mfg-btn.prc-cta-outline{
  background: #ffffff;
  border: 1px solid rgba(255,255,255,.75);
  color: #0f172a;
  box-shadow: 0 16px 52px rgba(0,0,0,.22);
}
.prc-hero .mfg-btn.prc-cta-outline:hover{ border-color: rgba(255,255,255,.92); }
.prc-hero .prc-trust{
  background: #111827;
  border-color: #334155;
  color: #ffffff;
}
/* Hero typography & reveal */
.prc-hero .mfg-reveal:not(.is-in){transform: translateY(18px);} /* 더 ‘Fade-in Up’ 느낌 */
.prc-hero-title{
  font-weight: 1000;
  letter-spacing: -1.2px;
  line-height: 1.06;
  text-shadow: 0 18px 46px rgba(0,0,0,.30);
}
.prc-hero-sub{
  font-size: 18px;
  line-height: 1.65;
}
@media (max-width: 720px){
  .prc-hero-sub{font-size: 16.5px;}
}

/* CTA 버튼: Glow + 빛 스윕 */
.mfg-btn.prc-cta-btn,
.prc-float-apply{
  position:relative;
  overflow:hidden;
}
.mfg-btn.prc-cta-btn::before,
.prc-float-apply::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width:42%;
  height:220%;
  background: rgba(255,255,255,.35);
  transform: skewX(-20deg) translateX(-140%);
  opacity:0;
  transition: transform .75s ease, opacity .25s ease;
}
.mfg-btn.prc-cta-btn:hover::before,
.prc-float-apply:hover::before{
  transform: skewX(-20deg) translateX(420%);
  opacity:.95;
}
.mfg-btn.prc-cta-btn:hover,
.prc-float-apply:hover{
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 18px 70px rgba(56,189,248,.25);
}

/* 서비스 카드: Stagger + Hover */
.prc-benefit-cards .prc-icard{
  opacity:0;
  transform: translateY(14px);
  transition: opacity .55s ease, transform .75s ease, box-shadow .25s ease, border-color .25s ease;
}
.prc-benefit-grid.is-in .prc-benefit-cards .prc-icard{
  opacity:1;
  transform: translateY(0);
}
.prc-benefit-grid.is-in .prc-benefit-cards .prc-icard:nth-child(1){transition-delay:.05s;}
.prc-benefit-grid.is-in .prc-benefit-cards .prc-icard:nth-child(2){transition-delay:.12s;}
.prc-benefit-grid.is-in .prc-benefit-cards .prc-icard:nth-child(3){transition-delay:.19s;}
.prc-benefit-grid.is-in .prc-benefit-cards .prc-icard:nth-child(4){transition-delay:.26s;}

.prc-icard h3{font-size:18px;}
.prc-icard p{font-size:16px;}
.prc-benefit-grid.is-in .prc-icard:hover{
  transform: translateY(-4px);
  border-color: rgba(59,130,246,.28);
  box-shadow: 0 26px 80px rgba(15,23,42,.14);
}

/* Key KPI grid */
.prc-kpis{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1020px){
  .prc-kpis{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 520px){
  .prc-kpis{grid-template-columns: 1fr;}
}
.prc-kpi{
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(56,189,248,.10), rgba(59,130,246,.08));
  border: 1px solid rgba(59,130,246,.16);
  box-shadow: 0 18px 60px rgba(15,23,42,.08);
  padding: 16px;
  position:relative;
  overflow:hidden;
}
.prc-kpi-ico{
  width:42px; height:42px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(59,130,246,.12);
  color: var(--prc-accent);
  animation: prcFloat 4.2s ease-in-out infinite;
}
.prc-kpi:nth-child(2) .prc-kpi-ico{animation-duration: 4.8s;}
.prc-kpi:nth-child(3) .prc-kpi-ico{animation-duration: 5.3s;}
.prc-kpi:nth-child(4) .prc-kpi-ico{animation-duration: 4.6s;}
@keyframes prcFloat{
  0%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
  100%{ transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce){
  .prc-kpi-ico{animation:none;}
}
.prc-kpi-num{margin-top:10px; font-weight:1000; letter-spacing:-.8px; font-size:34px; color: var(--prc-navy2);}
.prc-kpi-num small{font-size:14px; font-weight:950; color: rgba(15,23,42,.70); margin-left:2px;}
.prc-kpi-txt{margin-top:6px; color: rgba(15,23,42,.78); font-weight:850;}

/* Process: line drawing + step 강조 */
.prc-steps{position:relative;}
.prc-step{position:relative; z-index:1;}
.prc-step-no{
  width:58px; height:58px;
  border-radius: 20px;
  font-size:15px;
  letter-spacing:.6px;
  background: rgba(59,130,246,.14);
  border: 1px solid rgba(59,130,246,.22);
}
.prc-step-body h3{font-size:19px;}
.prc-step-body p{font-size:16px;}
.prc-step-line{
  position:absolute;
  left:4%; right:4%;
  top: 30px;
  height: 90px;
  color: rgba(59,130,246,.42);
  z-index:0;
  pointer-events:none;
  z-index:1;
}
.prc-step-path{
  fill:none;
  stroke: currentColor;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
}
.prc-steps.is-in .prc-step-path{animation: prcDraw 1.6s ease forwards .15s;}
@keyframes prcDraw{to{stroke-dashoffset:0;}}
@media (max-width: 1020px){
  .prc-step-line{display:none;}
}

/* Keyword highlight (steps) */
.prc-hk, .prc-hk2{position:relative; font-weight:1000;}
.prc-hk{color: var(--prc-navy2);}
.prc-hk2{color: var(--prc-navy2);} 
.prc-hk::after, .prc-hk2::after{
  content:"";
  position:absolute;
  left:-3px; right:-3px;
  bottom: 0.05em;
  height: .58em;
  border-radius: 8px;
  z-index:-1;
  transform: scaleX(0);
  transform-origin:left;
  transition: transform .8s ease;
}
.prc-hk::after{background: rgba(56,189,248,.34);} 
.prc-hk2::after{background: rgba(59,130,246,.18);} 
.prc-steps.is-in .prc-hk::after,
.prc-steps.is-in .prc-hk2::after{transform: scaleX(1);} 

/* Floating CTA (페이지 전용) */
.prc-float-apply{
  position:fixed;
  left:50%;
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 2200;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 1000;
  background: linear-gradient(135deg, rgba(56,189,248,.95), rgba(59,130,246,.95));
  color:#fff;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 70px rgba(2,6,23,.30);
  transition: opacity .22s ease, transform .28s ease;
}
.prc-float-apply.is-hidden{opacity:0; transform: translateX(-50%) translateY(16px); pointer-events:none;}

.prc-float-ic{
  width:34px; height:34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(2,6,23,.18);
  border: 1px solid rgba(255,255,255,.16);
}
@media (max-width: 720px){
  .prc-float-apply{bottom: 16px; width: calc(100% - 28px); justify-content:center;}
}

/* 본문 폰트 최소 16px 가독성 보강 */
.prc-callout-s,
.prc-why-list,
.prc-panel-head p,
.prc-panel li,
.prc-case-body p,
.prc-case-body li,
.prc-cta p,
.prc-promise p{
  font-size: 16px;
}
@media (max-width: 720px){
  .prc-callout-s,
  .prc-why-list,
  .prc-panel-head p,
  .prc-panel li,
  .prc-case-body p,
  .prc-case-body li,
  .prc-cta p,
  .prc-promise p{font-size: 15.5px;}
}



/* =========================
   v3: Section 5~Footer UX 강화
   - (요청사항) 목표 선택 → 추천 문구 변화 + 결과 받기 모달
   - (요청사항) 3단계 프로세스 모바일 타임라인
   - (요청사항) 성공사례 Before/After 스캔 구조
   - (요청사항) 하단 미니폼(3필드)
   - (공통) 웨이트 과다/줄 길이/구분선 개선
========================= */

/* 섹션 구분선(시각적 분리) */
.prc-section{position:relative;}
.prc-section:not(.prc-hero)::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  width:min(1120px, calc(100% - 44px));
  height:1px;
  background: linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,.14), rgba(15,23,42,0));
  opacity:.65;
}

/* 본문 줄 길이/행간 */
.prc-section .mfg-lead,
.prc-hero-sub,
.prc-step-body p,
.prc-case-profile{
  max-width: 72ch;
}
.prc-page{font-size:16px;}
.prc-page p{line-height:1.65;}
@media (min-width: 1200px){
  .prc-page{font-size:17px;}
}

/* 폰트 웨이트 정리(과한 굵기 완화) */
.mfg-h1, .mfg-h2{font-weight: 850 !important;}
.prc-roadmap-title,
.prc-step-body h3,
.prc-case-head h3,
.prc-next{font-weight: 800 !important;}
.prc-textlink{font-weight: 700 !important;}
.prc-step-tag,
.prc-pill,
.prc-case-kpi{font-weight: 750 !important;}
.prc-page b, .prc-page strong{font-weight: 700 !important;}

/* Section 5: 추천 타이틀 뱃지 */
.prc-rec-title{display:flex; align-items:center; gap:10px;}
.prc-rec-badge{
  display:inline-flex;
  padding:4px 10px;
  border-radius:999px;
  background: rgba(15,23,42,.14);
  border:1px solid rgba(15,23,42,.12);
  color: rgba(15,23,42,.72);
  font-size:12px;
  font-weight:700;
}

/* 버튼이 a→button으로 바뀐 대응 */
.prc-rec-cta{border:0; cursor:pointer; font: inherit;}

/* Result modal */
.prc-modal-sub{margin:0 0 12px; color: rgba(15,23,42,.74); line-height:1.55;}
.prc-result-form{margin-top:6px;}
.prc-form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 720px){
  .prc-form-grid{grid-template-columns: 1fr;}
}
.prc-form-row{display:flex; flex-direction:column; gap:6px;}
.prc-form-row label{font-size:13px; font-weight:650; color: rgba(15,23,42,.76);}
.prc-form-row input{
  height:44px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.16);
  padding:0 12px;
  outline:none;
}
.prc-form-row input:focus{border-color: rgba(59,130,246,.55); box-shadow: 0 0 0 4px rgba(59,130,246,.18);}
.prc-modal-foot--form{gap:10px;}
.prc-modal-foot--form .prc-modal-btn{min-width: 140px;}
.prc-form-done{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  background: rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.18);
  color: rgba(15,23,42,.80);
  font-weight:650;
}

/* Section 6: 모바일 타임라인(세로 라인 + 점) */
@media (max-width: 1020px){
  .prc-step-line{display:none;}
  .prc-steps{gap:14px; margin-top:16px;}
  .prc-step{
    padding-left: 56px;
  }
  .prc-step::before{
    content:"";
    position:absolute;
    left: 26px;
    top: 18px;
    bottom: 18px;
    width:2px;
    border-radius:999px;
    background: linear-gradient(180deg, rgba(59,130,246,.22), rgba(15,23,42,.10));
  }
  .prc-step-no{
    position:absolute;
    left: 8px;
    top: 16px;
    width:38px;
    height:38px;
    border-radius:14px;
  }
}

/* Section 7: Before/After 스캔 구조 */
.prc-case-head{align-items:flex-start;}
.prc-case-profile{
  margin-top:6px;
  color: rgba(15,23,42,.70);
  font-weight: 600;
}
.prc-case-meta{margin-top:8px; display:flex; gap:8px; flex-wrap:wrap;}
.prc-meta-pill{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background: rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.68);
  font-size:12px;
  font-weight:650;
}
.prc-ba{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 1020px){
  .prc-ba{grid-template-columns: 1fr;}
}
.prc-ba-col{
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  padding:14px;
  background: #fff;
}
.prc-before{background: rgba(239,68,68,.04);}
.prc-after{background: rgba(34,197,94,.04);}
.prc-ba-title{
  font-weight: 800;
  letter-spacing:-.4px;
  margin-bottom:8px;
  color: rgba(15,23,42,.82);
}
.prc-ba-col ul{margin:0; padding-left:18px; color: rgba(15,23,42,.78); line-height:1.7;}
.prc-case-actions{
  margin-top:12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.prc-action-pill{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background: rgba(59,130,246,.10);
  border:1px solid rgba(59,130,246,.16);
  color: rgba(15,23,42,.78);
  font-size:12.5px;
  font-weight:700;
}

/* Footer CTA: 2열 + 미니폼 */
.prc-cta-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 960px){
  .prc-cta-grid{grid-template-columns: 1fr;}
}
.prc-cta-copy p{max-width: 70ch;}
.prc-cta-bullets{margin:12px 0 0; padding-left:18px; color: rgba(15,23,42,.76); line-height:1.7;}
.prc-mini-form{
  background: rgba(255,255,255,.72);
  border:1px solid rgba(15,23,42,.10);
  border-radius:22px;
  padding:16px;
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
  display:grid;
  gap:10px;
}
.prc-form-submit{width:100%; justify-content:center;}
.prc-form-note{margin-top:2px; font-size:13px; color: rgba(15,23,42,.62);}

/* CTA 섹션은 숨구멍 확보 */
.prc-cta{padding:28px !important;}

/* v14: HERO를 태양광 스타일로 (2컬럼/투명 UI 제거) */
.prc-hero-grid{grid-template-columns: 1fr !important; gap: 28px !important;}
.prc-hero-copy{max-width: 860px;}
/* 투명 하이라이트 제거: 색상만 강조 */
.prc-hero-title .prc-hl-blue{color:#fbbf24; background:none !important; box-shadow:none !important; padding:0 !important;}




/* v15: HERO 배경 '회색 안개/하단 패널' 제거 + 태양광 히어로 톤 정렬 */
.prc-hero::before{
  filter: none !important; /* 과한 블러/브라이트 방지 */
}
.prc-hero::after{
  /* 하단이 회색으로 뜨는 화이트 오버레이 제거 → 딥네이비 그라데이션으로 통일 */
  background: linear-gradient(180deg,
    rgba(2,6,23,.78) 0%,
    rgba(2,6,23,.52) 48%,
    rgba(2,6,23,.78) 100%
  ) !important;
}

/* 텍스트는 '이미지 위 직접 배치' 톤으로 */
.prc-hero-title{
  color: #fff !important;
  text-shadow: 0 14px 40px rgba(2,6,23,.45) !important;
}
.prc-hero-sub{
  color: rgba(255,255,255,.82) !important;
  text-shadow: 0 10px 28px rgba(2,6,23,.35);
}
.prc-subnote{color: rgba(255,255,255,.62) !important;}

/* 히어로 내부 배지/칩: 유리(투명) 느낌 제거 → 솔리드 톤 */
.prc-kicker{
  background: #0b1220 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.88) !important;
  box-shadow: 0 16px 56px rgba(2,6,23,.28) !important;
  backdrop-filter: none !important;
}
.prc-trust{
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.86) !important;
  box-shadow: 0 18px 60px rgba(2,6,23,.24) !important;
  backdrop-filter: none !important;
}
.prc-trust svg{opacity:.9;}

/* 보조 CTA 버튼도 솔리드 톤으로 */
.mfg-btn.prc-cta-outline{
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.mfg-btn.prc-cta-outline:hover{
  background: #0b1220 !important;
  border-color: rgba(255,255,255,.28) !important;
}
.prc-hero-actions .mfg-btn{box-shadow: 0 18px 60px rgba(2,6,23,.28);}

/* =============================
   HERO 최종 잠금(정리)
   - 화면이 반으로 갈라져 보이는 '하단 패널(회색/뿌연 오버레이)' 제거
   - 배경 확대(켄번즈/스케일) 제거
   - 태양광 첫 화면처럼: 전체 배경 + 좌→우 가독성 오버레이(부드러운 그라데이션)
   ============================= */
#prc-hero.prc-hero{ 
  position: relative;
  background: #0b1220 !important;
  background-attachment: scroll !important;
}

/* 배경 이미지(확대/애니메이션/필터 없음) */
#prc-hero.prc-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url('/assets/img/procurement/hero_public.webp?v=20260108_01') center/cover no-repeat !important;
  background-attachment: scroll !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  z-index: 0;
}

/* 오버레이(하단 패널 느낌 방지: 180deg 금지, 좌→우만 사용) */
#prc-hero.prc-hero::after{
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(2,6,23,.72) 0%,
    rgba(2,6,23,.42) 52%,
    rgba(2,6,23,.18) 100%
  ) !important;
  opacity: 1 !important;
  z-index: 0;
}

#prc-hero.prc-hero .mfg-wrap{
  position: relative;
  z-index: 1;
}
/* =========================================================
   HERO BG OVERRIDE (procurement_bg_1600.webp) - 20260104_v19
   목적: 히어로가 '반으로 나뉘어 보이는' 오버레이/블러/줌을 완전히 제거하고,
         제공된 배경(조달 배경)만 깔끔하게 전체 배경으로 사용
   ========================================================= */
#prc-hero.prc-hero{
  position: relative !important;
  overflow: hidden !important;
  background: #0b1220 !important;
}

/* 강제 전체 배경 이미지 */
#prc-hero.prc-hero::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: url('/assets/img/procurement/procurement_bg_1600_v20.webp') center/cover no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: 0 !important;
}

/* 텍스트 가독성만 살짝 보정 (split 느낌 없도록 한 방향 그라데이션) */
#prc-hero.prc-hero::after{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg,
    rgba(2,6,23,.62) 0%,
    rgba(2,6,23,.22) 45%,
    rgba(2,6,23,0) 75%
  ) !important;
  z-index: 1 !important;
}

/* 내용은 항상 상단 */
#prc-hero .hero-inner,
#prc-hero .hero-content{
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 900px){
  #prc-hero.prc-hero::before{
    background-image: url('/assets/img/procurement/procurement_bg_900_v20.webp') !important;
  }
  #prc-hero.prc-hero::after{
    background: linear-gradient(180deg,
      rgba(2,6,23,.72) 0%,
      rgba(2,6,23,.34) 55%,
      rgba(2,6,23,0) 100%
    ) !important;
  }
}

/* =====================================================
   HERO FINAL STABLE (20260104_20)
   - 상단 히어로가 '위는 이미지/아래는 단색'으로 갈라져 보이는 현상 방지
   - 뿌연(blur/backdrop-filter) 효과 제거
   - 2컬럼/우측 카드 제거로 '반으로 나눠진' 느낌 제거
   - 밝은 배경에서도 텍스트 가독성 개선
   ===================================================== */

/* 히어로는 항상 전체 배경 이미지 + 부드러운 어두운 오버레이 */
#prc-hero.prc-hero{
  background: #0b1220 !important;
  overflow: hidden !important;
}

/* 배경 이미지: cover로 전체 채움(줌/잘림/반쪽 현상 재발 방지) */
#prc-hero.prc-hero::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url('/assets/img/procurement/procurement_bg_1600_v20.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
  z-index: 0 !important;
}

/* 오버레이: blur 없이 텍스트만 읽히게(가로/세로 전환은 반응형) */
#prc-hero.prc-hero::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg,
    rgba(2,6,23,.64) 0%,
    rgba(2,6,23,.38) 40%,
    rgba(2,6,23,.12) 62%,
    rgba(2,6,23,0) 78%
  ) !important;
  z-index: 1 !important;
}

/* 히어로 내부는 항상 오버레이 위 */
#prc-hero.prc-hero .mfg-wrap,
#prc-hero.prc-hero .mfg-hero-grid,
#prc-hero.prc-hero .prc-hero-grid,
#prc-hero.prc-hero .prc-hero-main{
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

/* '반으로 나뉜 느낌' 제거: 히어로는 1컬럼으로 고정(우측 카드 숨김) */
#prc-hero.prc-hero .prc-hero-grid{
  grid-template-columns: 1fr !important;
}
#prc-hero.prc-hero .prc-hero-side{
  display: none !important;
}

/* 텍스트 가독성 강화 */
#prc-hero.prc-hero .mfg-eyebrow,
#prc-hero.prc-hero .mfg-title,
#prc-hero.prc-hero .mfg-sub,
#prc-hero.prc-hero .mfg-sub strong,
#prc-hero.prc-hero .mfg-chips .mfg-chip{
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.55) !important;
}

/* 강조 색(주황/파랑)은 유지하되 대비 올리기 */
#prc-hero.prc-hero .mfg-title b,
#prc-hero.prc-hero .mfg-sub .accent{
  color: #fbbf24 !important; /* amber-400 */
  text-shadow: 0 2px 18px rgba(0,0,0,.60) !important;
}

/* 버튼 대비(밝은 배경에서도 선명) */
#prc-hero.prc-hero .mfg-btn-primary{
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.25) !important;
}
#prc-hero.prc-hero .mfg-btn-ghost{
  background: rgba(2,6,23,.55) !important;
  border-color: rgba(255,255,255,.25) !important;
  color: #ffffff !important;
  backdrop-filter: none !important;
}
#prc-hero.prc-hero .mfg-btn:hover{
  transform: translateY(-1px) !important;
}

/* 히어로 영역에서 blur/backdrop-filter 제거(뿌연 느낌 방지) */
#prc-hero.prc-hero *{
  backdrop-filter: none !important;
}

@media (max-width: 900px){
  #prc-hero.prc-hero::before{
    background-image: url('/assets/img/procurement/procurement_bg_900_v20.webp') !important;
  }
  #prc-hero.prc-hero::after{
    background: linear-gradient(180deg,
      rgba(2,6,23,.70) 0%,
      rgba(2,6,23,.40) 55%,
      rgba(2,6,23,0) 100%
    ) !important;
  }
}

/* =====================================================
   HERO FINAL STABLE (20260104_20)
   - 상단 히어로가 '위는 이미지/아래는 단색'으로 갈라져 보이는 현상 방지
   - 뿌연(blur/backdrop-filter) 효과 제거
   - 2컬럼/우측 카드 제거로 '반으로 나눠진' 느낌 제거
   - 밝은 배경에서도 텍스트 가독성 개선
   ===================================================== */

#prc-hero.prc-hero{
  background: #0b1220 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  padding-top: clamp(96px, 12vh, 140px) !important;
  padding-bottom: clamp(64px, 10vh, 120px) !important;
}

#prc-hero.prc-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('/assets/img/procurement/procurement_bg_1600_v20.webp');
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  z-index: 0;
}

#prc-hero.prc-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(2, 6, 23, 0.25) 0%,
    rgba(2, 6, 23, 0.45) 42%,
    rgba(2, 6, 23, 0.72) 100%
  ) !important;
  z-index: 0;
  pointer-events: none;
}

#prc-hero.prc-hero .mfg-wrap,
#prc-hero.prc-hero .mfg-hero-grid{
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}

/* '화면이 반으로 나뉜' 느낌 제거: 1컬럼 + 우측 카드 숨김 */
#prc-hero.prc-hero .prc-hero-grid{
  grid-template-columns: 1fr !important;
  gap: 22px !important;
}
#prc-hero.prc-hero .prc-hero-side{
  display: none !important;
}

/* 히어로 텍스트 가독성 */
#prc-hero.prc-hero .mfg-eyebrow{
  background: rgba(2, 6, 23, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
  backdrop-filter: none !important;
}

#prc-hero.prc-hero .mfg-title{
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.55) !important;
  letter-spacing: -0.02em;
}
#prc-hero.prc-hero .mfg-title strong{
  color: #fbbf24 !important;
}

#prc-hero.prc-hero .mfg-sub{
  color: rgba(255, 255, 255, 0.90) !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
#prc-hero.prc-hero .mfg-sub .hl{
  color: #60a5fa !important;
  font-weight: 700;
}
#prc-hero.prc-hero .mfg-micro{
  color: rgba(255, 255, 255, 0.72) !important;
}

/* 버튼/칩(뿌연 효과 제거) */
#prc-hero.prc-hero .mfg-btn-primary{
  background: #2563eb !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25) !important;
}
#prc-hero.prc-hero .mfg-btn-primary:hover{
  background: #1d4ed8 !important;
}
#prc-hero.prc-hero .mfg-btn-ghost{
  background: rgba(2, 6, 23, 0.55) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: none !important;
}
#prc-hero.prc-hero .mfg-btn-ghost:hover{
  background: rgba(2, 6, 23, 0.70) !important;
}

#prc-hero.prc-hero .mfg-chip{
  background: rgba(2, 6, 23, 0.65) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: none !important;
}
#prc-hero.prc-hero .mfg-chip svg{ opacity: 0.95; }

/* hero 내부 어떤 요소도 blur/backdrop-filter로 배경을 뿌옇게 만들지 않도록 강제 */
#prc-hero.prc-hero *{
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 900px){
  #prc-hero.prc-hero::before{
    background-image: url('/assets/img/procurement/procurement_bg_900_v20.webp') !important;
    background-position: center center !important;
  }
  #prc-hero.prc-hero::after{
    background: linear-gradient(180deg,
      rgba(2, 6, 23, 0.40) 0%,
      rgba(2, 6, 23, 0.62) 65%,
      rgba(2, 6, 23, 0.80) 100%
    ) !important;
  }
  #prc-hero.prc-hero .mfg-title{
    font-size: clamp(30px, 8vw, 40px) !important;
  }
}

/* HERO 안전장치: 내부 요소가 배경을 덮어 '하단이 단색'으로 보이지 않게 */
#prc-hero.prc-hero .mfg-wrap,
#prc-hero.prc-hero .mfg-hero-grid,
#prc-hero.prc-hero .prc-hero-main{
  background: transparent !important;
}


/* ==========================================================
   PRC HERO FINAL OVERRIDE (v21)
   - 문제 원인: procurement 페이지가 mfg-hero(제조혁신 히어로) 스타일을 함께 상속하면서
     (1) 여러 차례 누적된 prc-hero 규칙 + (2) mfg-hero 기본 딤/그라데이션이 겹쳐
     '상/하로 반 갈라져 보이는' 현상이 반복됨.
   - 해결: (A) 히어로 배경은 section 자체 background로 단일화
           (B) 히어로 pseudo-element(::before/::after) 전부 비활성화
           (C) 가독성은 전체 딤이 아니라 텍스트 박스(scrm) + 텍스트 섀도우로 확보
   ========================================================== */

/* 배경을 단일 규칙으로 고정 (상/하 분리 원천 차단) */
#prc-hero{
  position: relative !important;
  overflow: hidden !important;
  padding: 112px 0 68px !important;
  min-height: clamp(520px, 78vh, 760px) !important;
  background-image: url('/assets/img/procurement/procurement_bg_1600_v20.webp') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-color: #0b1220 !important;
}

/* 어떤 규칙이 와도 pseudo-element로 덮지 못하게 최종 차단 */
#prc-hero::before,
#prc-hero::after{
  content: none !important;
  display: none !important;
}

/* 제조혁신 히어로 클래스가 제거된 만큼, 내부 레이아웃은 여기서 보정 */
#prc-hero .mfg-hero-grid{
  grid-template-columns: 1fr !important;
}

/* 가독성: 텍스트 영역만 딤(전체 화면 반분 느낌 방지) */
#prc-hero .prc-hero-copy{
  max-width: 820px;
  padding: 22px 22px 18px;
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

#prc-hero .mfg-title,
#prc-hero .mfg-sub,
#prc-hero .prc-subnote{
  text-shadow: 0 2px 12px rgba(0,0,0,0.65);
}

/* 칩/버튼 대비 강화 */
#prc-hero .mfg-chip{
  background: rgba(2, 6, 23, 0.72) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: rgba(255,255,255,0.92) !important;
}

@media (max-width: 900px){
  #prc-hero{
    padding: 96px 0 56px !important;
    background-image: url('/assets/img/procurement/procurement_bg_900_v20.webp') !important;
    background-position: center center !important;
  }
  #prc-hero .prc-hero-copy{
    padding: 18px 16px 14px;
    border-radius: 16px;
    background: rgba(2, 6, 23, 0.62);
  }
}

/* =====================================================================
   PRC HERO LOCK (v22) — 재발 방지용 최종 우선 적용
   - 목적: 히어로가 '반으로 나뉨/뿌연(블러)/카드 배경'으로 되돌아가는 현상 방지
   - 적용 범위: #prc-hero 영역만
   ===================================================================== */

html body #prc-hero.prc-hero{
  /* 화면 가득(높이) */
  min-height: 100vh !important;
  padding-top: 112px !important; /* 헤더 아래 여백 */
  padding-bottom: 92px !important;

  /* 배경 이미지(고해상도) */
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-image: url('/assets/img/procurement/procurement_bg_2048_v23.webp') !important;
  background-image: image-set(
    url('/assets/img/procurement/procurement_bg_1280_v23.webp') 1x,
    url('/assets/img/procurement/procurement_bg_2048_v23.webp') 2x
  ) !important;

  /* 기존 그라데이션/분할/블러 잔재 차단 */
  filter: none !important;
  backdrop-filter: none !important;
}

/* 전체 히어로에 균일한 딤(분할 느낌 없이 가독성만 확보) */
html body #prc-hero.prc-hero::before{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: rgba(3, 7, 18, 0.26) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* 좌/우로 갈라 보이게 만드는 기존 ::after 완전 차단 */
html body #prc-hero.prc-hero::after{
  content: none !important;
  display: none !important;
}

/* 내부 컨텐츠는 항상 오버레이 위로 */
html body #prc-hero.prc-hero .mfg-wrap{
  position: relative !important;
  z-index: 1 !important;
}

/* 2컬럼(분할) 구조 강제 해제 */
html body #prc-hero.prc-hero .prc-hero-grid{
  grid-template-columns: 1fr !important;
  gap: 28px !important;
  padding: 0 !important;
}
html body #prc-hero.prc-hero .prc-hero-side{
  display: none !important;
}

/* 텍스트 영역 카드(반투명 박스/블러) 제거 */
html body #prc-hero.prc-hero .prc-hero-copy{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  max-width: 720px !important;
}

/* 칩/타이포 가독성 */
html body #prc-hero.prc-hero .mfg-chip{
  background: rgba(15, 23, 42, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html body #prc-hero.prc-hero .mfg-title{
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,0.58) !important;
}
html body #prc-hero.prc-hero .mfg-title .hl{
  color: #fbbf24 !important;
}

html body #prc-hero.prc-hero .mfg-sub{
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,0.55) !important;
}

html body #prc-hero.prc-hero .mfg-micro{
  color: rgba(255, 255, 255, 0.80) !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.50) !important;
}
html body #prc-hero.prc-hero .mfg-micro strong{
  color: #fde68a !important;
}

/* 버튼 대비(배경 위에서 흐릿해지는 현상 방지) */
html body #prc-hero.prc-hero .mfg-btn-primary{
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35) !important;
}
html body #prc-hero.prc-hero .mfg-btn-secondary{
  background: rgba(15, 23, 42, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

/* 모바일: 높이 과도/텍스트 가독성 밸런스 */
@media (max-width: 768px){
  html body #prc-hero.prc-hero{
    min-height: 92vh !important;
    padding-top: 92px !important;
    padding-bottom: 72px !important;
    background-image: url('/assets/img/procurement/procurement_bg_1280_v23.webp') !important;
    background-image: image-set(
      url('/assets/img/procurement/procurement_bg_900_v23.webp') 1x,
      url('/assets/img/procurement/procurement_bg_1280_v23.webp') 2x
    ) !important;
  }
}