/* 앞부분의 색상·서체를 이어받아 하단 근거를 시각화합니다. */
.visual-care { padding:0; border:0; }
.visual-intro { padding-top:88px; }
.visual-intro h2 { font-size:clamp(34px,4.2vw,56px); margin-top:20px; }
.visual-label { font-size:14px; font-weight:750; color:var(--green); margin-bottom:22px; }
.visual-proof { padding:76px 0; border-bottom:1px solid var(--line); }
.visual-proof h3,.visual-service h3 { font-size:clamp(34px,4vw,52px); font-weight:850; line-height:1.18; letter-spacing:-.05em; }
.visual-lead { color:#526057; font-size:19px; line-height:1.65; margin-top:22px; }
.visual-caption { color:#637068; font-size:16px; margin-top:12px; }
.case-more { margin-top:24px; }
.case-more .case-more-grid { margin-top:0; }
.case-more .store-case-grid { gap:24px; }
.revenue-proof { padding-top:54px; }
.revenue-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.revenue-message .visual-label { margin-bottom:12px; }
.revenue-message h3 { display:flex; align-items:baseline; gap:16px; }
.revenue-message h3 > span { font-size:38px; font-weight:850; }
.revenue-message h3 > strong { font-size:clamp(130px,16vw,210px); line-height:.95; color:var(--green-dark); font-weight:900; letter-spacing:-.08em; }
.revenue-message h3 small { font-size:.42em; letter-spacing:-.06em; margin-left:8px; }
.revenue-value { font-size:20px; margin-top:22px; color:#425849; }
.revenue-value b { font-size:32px; color:var(--green); margin-left:10px; }
.revenue-proof .sales-chart { padding:28px 0 24px; }
.revenue-proof .sales-row + .sales-row { margin-top:24px; }
.revenue-proof .sales-row > div:first-child { font-size:16px; }
.revenue-proof .sales-track { height:15px; background:#f1f4f2; border-radius:0; }
.revenue-proof .sales-track span { background:#bccdc1; }
.revenue-proof .sales-row.own .sales-track span { background:var(--green); }
.revenue-proof .chart-unit { margin-bottom:26px; }
.brand-strip { padding-top:35px; margin-top:34px; border-top:1px solid var(--line); }
.brand-strip small { font-size:12px; color:#69756d; }
.visual-split { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:60px; }
.factory-visual { margin:0; }
.factory-visual img { width:100%; height:340px; object-fit:cover; border-radius:4px; }
.factory-visual figcaption { margin-top:10px; }
.manufacturing-facts { display:flex; gap:35px; align-items:center; margin-top:34px; }
.manufacturing-facts > div { display:flex; flex-direction:column; gap:9px; }
.manufacturing-facts > div + div { border-left:1px solid #cedbd2; padding-left:30px; }
.manufacturing-facts strong { font-size:44px; color:var(--green); line-height:1; letter-spacing:-.055em; }
.manufacturing-facts span { font-size:13px; color:#627168; line-height:1.6; }
.technology-layout { display:grid; grid-template-columns:1fr 1.8fr; gap:55px; align-items:center; }
.technology-photos { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.technology-photos figure { margin:0; }
.technology-photos img { width:100%; height:auto; aspect-ratio:393/306; object-fit:cover; border-radius:4px; }
.technology-photos figcaption { margin-top:18px; }
.technology-photos figcaption strong { display:block; font-size:22px; letter-spacing:-.04em; color:var(--ink); }
.technology-photos figcaption span { display:block; font-size:14px; margin-top:6px; }
.credential-intro { display:flex; align-items:baseline; justify-content:space-between; gap:30px; }
.fit-showcase { display:grid; grid-template-columns:1fr 1.3fr; gap:40px; align-items:center; }
.fit-showcase > img { width:100%; height:auto; }
.fit-sizes { display:flex; gap:25px; margin-top:30px; }
.fit-sizes > span { font-size:19px; font-weight:750; color:var(--green); }
.fit-sizes small { display:block; color:#68746b; font-size:12px; font-weight:500; margin-top:7px; }
.visual-fit { border:0; }
.visual-service { color:#fff; background:var(--green-dark); padding:76px 0 28px; }
.service-overview { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.visual-service .visual-label { color:#bbd8c6; }
.visual-service h3 { font-size:clamp(48px,6vw,76px); line-height:1.13; }
.visual-service h3 em { color:#b5e4bf; }
.visual-service .visual-lead { color:#d2e2d7; max-width:350px; }
.service-signals { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.service-signals > div + div { border-left:1px solid #4b8062; padding-left:40px; }
.service-signals img { width:76px; height:76px; margin-bottom:20px; }
.service-signals h4 { font-size:32px; font-weight:850; }
.service-signals p { color:#d2e2d7; font-size:16px; line-height:1.8; margin-top:10px; }
.service-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:26px 0; margin-top:45px; border-block:1px solid #477c5e; }
.service-path li { display:flex; gap:18px; align-items:center; }
.service-path li > span { font-size:13px; color:#a4ceb3; }
.service-path strong { font-size:18px; font-weight:650; }
.service-scope { font-size:12px; color:#bbd6c5; margin-top:14px; }
.service-promises { display:grid; grid-template-columns:1.2fr 1fr; gap:50px; padding-block:42px; }
.service-promises > div + div { border-left:1px solid #d6e0d9; padding-left:45px; }
.service-promises .visual-label { margin-bottom:12px; }
.service-promises strong { display:block; font-size:25px; line-height:1.5; letter-spacing:-.04em; }
.service-promises strong em { font-style:normal; color:var(--green); }
.service-promises strong small { font-size:23px; }
.service-promises > div:last-child strong em { font-size:42px; line-height:1; }
.service-promises > div > span { display:block; font-size:13px; color:#66756b; line-height:1.7; margin-top:10px; }
@media (max-width:950px) {
  .revenue-layout { gap:45px; }
  .visual-split { gap:35px; }
  .factory-visual img { height:300px; }
  .technology-layout { grid-template-columns:1fr; gap:30px; }
  .technology-photos { max-width:700px; }
  .service-overview { gap:35px; }
  .service-signals { gap:20px; }
  .service-signals > div + div { padding-left:20px; }
}
@media (max-width:640px) {
  .visual-intro { padding-top:60px; }
  .visual-intro h2 { font-size:34px; margin-top:16px; }
  .visual-proof { padding-block:46px; }
  .visual-proof h3 { font-size:36px; }
  .visual-label { font-size:12px; margin-bottom:16px; }
  .visual-lead { font-size:17px; margin-top:18px; }
  .visual-caption { font-size:14px; }
  .revenue-proof { padding-top:38px; }
  .revenue-layout { grid-template-columns:1fr; gap:10px; }
  .revenue-message h3 { gap:18px; }
  .revenue-message h3 > span { font-size:34px; }
  .revenue-message h3 > strong { font-size:152px; }
  .revenue-message h3 small { margin-left:6px; }
  .revenue-value { font-size:17px; margin-top:17px; }
  .revenue-value b { font-size:28px; }
  .revenue-proof .sales-chart { padding:24px 0 0; }
  .revenue-proof .chart-unit { font-size:12px; margin-bottom:16px; }
  .revenue-proof .sales-row + .sales-row { margin-top:17px; }
  .revenue-proof .sales-track { height:10px; }
  .revenue-proof .sales-row > div:first-child { font-size:14px; }
  .brand-strip { padding-top:24px; margin-top:24px; }
  .brand-strip small { font-size:11px; }
  .visual-split { display:flex; flex-direction:column-reverse; align-items:stretch; gap:28px; }
  .factory-visual img { height:auto; aspect-ratio:1.6; }
  .manufacturing-facts { gap:28px; margin-top:24px; }
  .manufacturing-facts strong { font-size:40px; }
  .manufacturing-facts > div + div { padding-left:28px; }
  .technology-layout { gap:28px; }
  .technology-photos { gap:14px; }
  .technology-photos figcaption { margin-top:12px; }
  .technology-photos figcaption strong { font-size:17px; }
  .technology-photos figcaption span { font-size:12px; line-height:1.6; }
  .credential-intro { display:block; }
  .fit-showcase { grid-template-columns:1fr; gap:28px; }
  .fit-sizes { gap:28px; margin-top:22px; }
  .fit-sizes small { font-size:11px; }
  .visual-service { padding:50px 0 18px; }
  .service-overview { grid-template-columns:1fr; gap:35px; }
  .visual-service h3 { font-size:57px; }
  .visual-service .visual-lead { font-size:17px; max-width:290px; }
  .service-signals { gap:30px; }
  .service-signals > div + div { padding-left:30px; }
  .service-signals img { width:54px; height:54px; margin-bottom:14px; }
  .service-signals h4 { font-size:26px; }
  .service-signals p { font-size:15px; margin-top:7px; }
  .service-path { grid-template-columns:1fr; gap:18px; margin-top:30px; padding-block:22px; }
  .service-path strong { font-size:16px; }
  .service-scope { font-size:11px; }
  .service-promises { grid-template-columns:1fr; gap:25px; padding-block:30px; }
  .service-promises > div + div { padding:25px 0 0; border-left:0; border-top:1px solid #d6e0d9; }
  .service-promises strong { font-size:23px; }
  .case-more .store-case-grid article { grid-template-columns:1fr; }
  .case-more .store-case-grid article > img { width:100%; height:190px; object-fit:contain; }
}

.brand-strip h4 { font-size:24px; letter-spacing:-.04em; color:var(--ink); }
.client-logos { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; padding:0; margin:26px 0 18px; border-top:1px solid #e2e8e4; border-left:1px solid #e2e8e4; }
.client-logos li { display:flex; align-items:center; justify-content:center; height:92px; padding:20px 16px; border-right:1px solid #e2e8e4; border-bottom:1px solid #e2e8e4; background:#fff; }
.client-logos img { width:100%; height:100%; object-fit:contain; }
.factory-visual img { height:auto; aspect-ratio:1.335; object-fit:contain; }
.factory-visual figcaption { font-size:12px; line-height:1.6; }
.manufacturing-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:38px; padding-top:28px; border-top:1px solid var(--line); gap:32px; }
.manufacturing-steps > div { display:grid; grid-template-columns:26px 1fr; column-gap:12px; align-content:start; }
.manufacturing-steps span { color:var(--green); font-size:12px; padding-top:4px; }
.manufacturing-steps strong { font-size:19px; letter-spacing:-.04em; }
.manufacturing-steps p { grid-column:2; font-size:14px; color:#647168; line-height:1.6; margin-top:9px; }
.engineering-setting { font-size:15px; color:#607167; margin-top:28px; }
.engineering-setting strong { color:var(--green); }
.certificate-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 20px; margin-top:34px; }
.certificate { display:flex; flex-direction:column; text-align:center; text-decoration:none; color:var(--ink); min-width:0; }
.certificate-paper { background:#f1f5f2; padding:20px; height:186px; border:1px solid #e4eae6; transition:background .2s; }
.certificate:hover .certificate-paper { background:#e5eee8; }
.certificate-paper img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 3px 4px #162e1e1a); }
.certificate strong { font-size:17px; letter-spacing:-.035em; margin-top:14px; }
.certificate > span:not(.visually-hidden) { font-size:12px; color:#657369; line-height:1.5; margin-top:4px; }
.certificate-note { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:25px; margin-top:28px; border-top:1px solid var(--line); }
.certificate-note p { font-size:12px; line-height:1.8; color:#68746b; }
.certificate-note > a { font-size:14px; font-weight:700; color:var(--green); white-space:nowrap; text-decoration:none; }
.service-screens { display:grid; grid-template-columns:1.35fr 1fr; gap:24px; margin-top:42px; }
.service-screens figure { display:flex; flex-direction:column; overflow:hidden; background:#fff; color:var(--ink); border-radius:5px; margin:0; }
.screen-heading { padding:24px 24px 20px; }
.screen-heading span { display:block; font-size:12px; font-weight:700; color:var(--green); }
.screen-heading strong { display:block; font-size:23px; letter-spacing:-.04em; margin-top:8px; }
.iot-screen > img { display:block; width:100%; height:auto; }
.qr-history-frame { display:flex; align-items:center; flex:1; padding:22px; background:#f2f5f3; }
.qr-history-frame img { display:block; width:100%; height:auto; border:1px solid #d7dfda; }
.service-screens figcaption { padding:18px 24px; font-size:12px; line-height:1.6; color:#627167; }
@media (max-width:950px) {
  .client-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .certificate-gallery { gap:24px 14px; }
  .certificate-paper { height:165px; padding:16px; }
  .certificate strong { font-size:15px; }
  .manufacturing-steps { gap:18px; }
  .service-screens { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .brand-strip h4 { font-size:20px; }
  .client-logos { margin-top:22px; }
  .client-logos li { height:71px; padding:16px 10px; }
  .factory-visual img { aspect-ratio:1.335; }
  .factory-visual figcaption { font-size:11px; }
  .manufacturing-steps { grid-template-columns:1fr; gap:21px; margin-top:28px; padding-top:25px; }
  .manufacturing-steps strong { font-size:18px; }
  .manufacturing-steps p { margin-top:5px; font-size:13px; }
  .engineering-setting { font-size:13px; line-height:1.7; }
  .certificate-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 9px; margin-top:26px; }
  .certificate-paper { height:122px; padding:10px; }
  .certificate strong { font-size:12px; line-height:1.4; margin-top:10px; word-break:keep-all; }
  .certificate > span:not(.visually-hidden) { font-size:10px; line-height:1.5; word-break:keep-all; }
  .certificate-note { display:block; margin-top:24px; padding-top:20px; }
  .certificate-note p { font-size:11px; }
  .certificate-note > a { display:inline-block; margin-top:15px; font-size:13px; padding:8px 0; }
  .service-screens { gap:20px; margin-top:28px; }
  .screen-heading { padding:20px; }
  .screen-heading strong { font-size:22px; }
  .qr-history-frame { padding:20px 14px; min-height:150px; }
  .service-screens figcaption { padding:15px 20px; font-size:11px; }
}