@charset "utf-8";

/* Product pages share the existing mobile shell; all content rules are scoped. */
.mobile-product-page {
  --mp-navy:#071d3c; --mp-blue:#1e5bb8; --mp-yellow:#ffb400;
  --mp-ink:#172435; --mp-muted:#5e6d80; --mp-line:#dce5ef;
  --mp-soft:#f3f7fb; --mp-white:#fff; --mp-pale:#c9d8e9;
  background:var(--mp-white);
}
.mobile-product-page .sub_bg,
.mobile-product-page .sub_wrap,
.mobile-product-page .sub_contents {
  float:none !important; clear:both !important; width:100% !important;
  min-width:0 !important; max-width:none !important; margin:0 !important;
  padding:0 !important; background:var(--mp-white); box-sizing:border-box;
  overflow:visible !important; height:auto !important;
}
.mobile-product-page .indoor-speed,
.mobile-product-page .product-mobile-nav {
  font-family:'Pretendard','Noto Sans KR',sans-serif; word-break:keep-all;
  overflow-wrap:break-word; line-height:1.7; color:var(--mp-ink);
}
.mobile-product-page .indoor-speed *,
.mobile-product-page .indoor-speed *::before,
.mobile-product-page .indoor-speed *::after { box-sizing:border-box; font-family:inherit; letter-spacing:0; }
.mobile-product-page .indoor-speed :where(div,span,p,h1,h2,h3,ul,li,figure,section,article,nav) {
  float:none; clear:none; width:auto; margin:0; padding:0;
}
.mobile-product-page .indoor-speed :where(ul,li) { list-style:none; }
.mobile-product-page .indoor-speed a { color:inherit; text-decoration:none; }
.mobile-product-page .indoor-speed img,
.mobile-product-page .indoor-speed video { display:block; width:100%; max-width:100%; height:auto; }
.mobile-product-page .indoor-speed button { font:inherit; cursor:pointer; }
.mobile-product-page :where(a,button,summary):focus-visible { outline:3px solid var(--mp-blue); outline-offset:4px; }
.mobile-product-page .indoor-container { width:100%; max-width:680px; margin:0 auto; padding:0 20px; }
.mobile-product-page .indoor-section { padding:48px 0; scroll-margin-top:88px; }
.mobile-product-page .indoor-kicker,
.mobile-product-page .eyebrow,
.mobile-product-page .cta-kicker { display:block; color:var(--mp-blue); font-size:11px; font-weight:800; letter-spacing:.12em; }
.mobile-product-page .indoor-title { margin:10px 0 16px; font-size:26px; line-height:1.35; font-weight:800; color:var(--mp-navy); }
.mobile-product-page .indoor-lead { font-size:15px; line-height:1.8; color:var(--mp-muted); }
.mobile-product-page .indoor-hero { background:var(--mp-navy); color:var(--mp-white); padding:34px 0 0; }
.mobile-product-page .indoor-hero .eyebrow { color:var(--mp-yellow); }
.mobile-product-page .indoor-hero h1 { margin:12px 0 15px; font-size:32px; line-height:1.2; font-weight:850; color:var(--mp-white); }
.mobile-product-page .indoor-hero h1 strong { display:block; font-weight:850; }
.mobile-product-page .indoor-hero h1 span { display:block; margin-top:18px; font-size:19px; line-height:1.55; font-weight:650; color:var(--mp-white); }
.mobile-product-page .hero-copy > p { font-size:14px; line-height:1.8; color:var(--mp-pale); }
.mobile-product-page .hero-actions { display:flex; gap:8px; margin-top:22px; }
.mobile-product-page .indoor-btn { display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px 15px; border:1px solid transparent; border-radius:5px; font-size:14px; line-height:1.4; font-weight:750; text-align:center; }
.mobile-product-page .hero-actions .indoor-btn { flex:1; }
.mobile-product-page .indoor-btn.primary { background:var(--mp-yellow); color:var(--mp-navy); }
.mobile-product-page .indoor-btn.secondary { border-color:var(--mp-pale); color:var(--mp-white); }
.mobile-product-page .hero-visual { position:relative; width:100%; max-width:680px; aspect-ratio:6/5; margin:28px auto 0; overflow:hidden; }
.mobile-product-page .hero-visual::after { content:''; position:absolute; inset:0 0 auto; height:70px; background:linear-gradient(var(--mp-navy), transparent); pointer-events:none; }
.mobile-product-page .indoor-speed .hero-image { width:100%; height:100%; margin:0; object-fit:cover; object-position:100% center; }
.mobile-product-page .product-section-nav { position:sticky; top:0; z-index:9; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; background:var(--mp-white); border-bottom:1px solid var(--mp-line); padding:8px 12px; box-shadow:0 5px 16px rgb(7 29 60 / 7%); }
.mobile-product-page .product-section-nav a { position:relative; min-height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:7px 2px 11px; border-radius:5px; font-size:12px; line-height:1.4; font-weight:750; color:var(--mp-navy); }
.mobile-product-page .section-nav-number { font-size:10px; font-weight:650; color:var(--mp-muted); letter-spacing:.08em; }
.mobile-product-page .product-section-nav a::after { content:''; position:absolute; bottom:5px; width:18px; height:2px; border-radius:2px; background:var(--mp-line); }
.mobile-product-page .product-section-nav a:hover { background:var(--mp-soft); }
.mobile-product-page .product-section-nav a[aria-current="location"] { color:var(--mp-white); background:var(--mp-navy); }
.mobile-product-page .product-section-nav a[aria-current="location"] .section-nav-number { color:var(--mp-yellow); }
.mobile-product-page .product-section-nav a[aria-current="location"]::after { background:var(--mp-yellow); }
.mobile-product-page .problem-section { background:var(--mp-soft); }
.mobile-product-page .problem-keyline { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.mobile-product-page .problem-keyline span { padding:6px 10px; background:var(--mp-white); color:var(--mp-navy); border:1px solid var(--mp-line); font-size:12px; font-weight:700; border-radius:3px; }
.mobile-product-page .application-gallery { margin-top:24px; }
.mobile-product-page .application-guide { color:var(--mp-muted); font-size:12px; margin-bottom:12px; }
.mobile-product-page .application-tags { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:7px; }
.mobile-product-page .application-tags li { display:flex; min-width:0; }
.mobile-product-page .application-card { display:flex; align-items:center; gap:8px; width:100%; height:100%; min-height:56px; padding:10px; border:1px solid var(--mp-line); border-radius:4px; background:var(--mp-white); color:var(--mp-ink); text-align:left; line-height:1.5; }
.mobile-product-page .application-card small { flex:none; color:var(--mp-muted); font-size:10px; }
.mobile-product-page .application-card strong { min-width:0; font-size:12px; font-weight:650; }
.mobile-product-page .application-card.is-active { background:var(--mp-navy); border-color:var(--mp-navy); color:var(--mp-white); }
.mobile-product-page .application-card.is-active small { color:var(--mp-yellow); }
.mobile-product-page .application-photo { margin-top:16px; border:1px solid var(--mp-line); border-radius:5px; overflow:hidden; }
.mobile-product-page .application-photo-media { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; background:var(--mp-soft); }
.mobile-product-page .application-photo-media img { width:100%; height:auto; object-fit:contain; }
.mobile-product-page .application-caption { display:flex; align-items:center; gap:14px; padding:15px; background:var(--mp-navy); color:var(--mp-white); line-height:1.45; }
.mobile-product-page .application-index { color:var(--mp-yellow); font-size:11px; white-space:nowrap; }
.mobile-product-page .application-caption strong { font-size:14px; font-weight:650; }
.mobile-product-page .feature-section { background:var(--mp-soft); }
.mobile-product-page .feature-stack { margin-top:30px; }
.mobile-product-page .feature-row { margin-bottom:32px; background:var(--mp-white); border:1px solid var(--mp-line); border-radius:6px; overflow:hidden; }
.mobile-product-page .feature-media { width:100%; padding:0; background:var(--mp-white); }
.mobile-product-page .feature-media > img,
.mobile-product-page .feature-media > video { display:block; width:100%; max-width:none; margin:0; padding:0; border:0; }
.mobile-product-page .feature-media img { height:auto; object-fit:contain; }
.mobile-product-page .feature-media video,
.mobile-product-page .option-video { aspect-ratio:4/3; object-fit:contain; background:var(--mp-navy); }
.mobile-product-page .feature-copy { padding:23px 20px; }
.mobile-product-page .feature-copy h3 { color:var(--mp-navy); font-size:21px; font-weight:800; line-height:1.45; margin-bottom:12px; }
.mobile-product-page .feature-copy > p { color:var(--mp-muted); font-size:14px; line-height:1.85; }
.mobile-product-page .feature-points { margin-top:18px; padding-top:15px; border-top:1px solid var(--mp-line); }
.mobile-product-page .feature-points li { position:relative; padding-left:14px; margin-top:7px; color:var(--mp-navy); font-size:13px; line-height:1.7; }
.mobile-product-page .feature-points li::before { content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background:var(--mp-blue); }
.mobile-product-page .automation-stage { margin-bottom:0; border-radius:6px 6px 0 0; }
.mobile-product-page .automation-flow { padding:6px 20px 20px; background:var(--mp-navy); border-radius:0 0 6px 6px; }
.mobile-product-page .automation-flow li { padding:17px 0; border-bottom:1px solid var(--mp-muted); }
.mobile-product-page .automation-flow li:last-child { border-bottom:0; padding-bottom:0; }
.mobile-product-page .automation-flow small { display:block; color:var(--mp-yellow); font-size:10px; font-weight:700; }
.mobile-product-page .automation-flow strong { display:block; margin:4px 0; color:var(--mp-white); font-size:17px; }
.mobile-product-page .automation-flow span { color:var(--mp-pale); font-size:13px; }
.mobile-product-page .option-layout { margin-top:26px; }
.mobile-product-page .option-visual { border-radius:5px; overflow:hidden; }
.mobile-product-page .option-benefits li { padding:22px 0; border-bottom:1px solid var(--mp-line); }
.mobile-product-page .option-benefits strong { color:var(--mp-navy); font-size:18px; font-weight:750; }
.mobile-product-page .option-benefits p { color:var(--mp-muted); font-size:14px; margin-top:8px; }
.mobile-product-page .option-detail-link { display:inline-flex; align-items:center; min-height:44px; margin-top:7px; color:var(--mp-blue) !important; font-size:14px; font-weight:750; }
.mobile-product-page .spec-section { background:var(--mp-soft); }
.mobile-product-page .spec-table { margin-top:25px; width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--mp-navy); background:var(--mp-white); }
.mobile-product-page .spec-table th,
.mobile-product-page .spec-table td { padding:15px 12px; border-bottom:1px solid var(--mp-line); text-align:left; vertical-align:top; font-size:13px; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere; }
.mobile-product-page .spec-table th { width:31%; color:var(--mp-navy); font-weight:750; background:var(--mp-soft); }
.mobile-product-page .spec-table td { color:var(--mp-ink); }
.mobile-product-page .spec-note { margin-top:14px; font-size:12px; color:var(--mp-muted); }
.mobile-product-page .product-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
/* The legacy mobile shell also uses #contact for a compact header link. */
.mobile-product-page .cta-section,
.mobile-product-page #contact.cta-section { padding:42px 0; border:0; line-height:1.7; background:var(--mp-navy); color:var(--mp-white); }
.mobile-product-page .cta-kicker { color:var(--mp-yellow); }
.mobile-product-page .cta-copy h2 { margin:12px 0 14px; color:var(--mp-white); font-size:27px; font-weight:800; line-height:1.4; }
.mobile-product-page .cta-copy p { color:var(--mp-pale); font-size:14px; }
.mobile-product-page .cta-action-panel { margin-top:28px; padding-top:24px; border-top:1px solid var(--mp-muted); }
.mobile-product-page .cta-action-panel > strong { font-size:17px; }
.mobile-product-page .cta-action-panel > p { color:var(--mp-pale); font-size:13px; margin-top:7px; }
.mobile-product-page .cta-phone { margin:20px 0; }
.mobile-product-page .cta-phone span { display:block; color:var(--mp-pale); font-size:12px; }
.mobile-product-page .cta-phone a,
.mobile-product-page #contact.cta-section .cta-phone a { color:var(--mp-white); font-family:inherit; font-size:34px; font-weight:800; line-height:1.6; }
.mobile-product-page .cta-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.mobile-product-page .cta-web { grid-column:1/-1; background:var(--mp-yellow); color:var(--mp-navy) !important; }
.mobile-product-page .cta-chat,
.mobile-product-page .cta-catalog { border-color:var(--mp-pale); color:var(--mp-white); }
.mobile-product-page #contact.cta-section .indoor-btn { display:flex; font-family:inherit; font-weight:750; color:var(--mp-white); }
.mobile-product-page .footer_m_wrap { margin-top:0; }
.mobile-product-page .mobile-product-skip { position:absolute; top:-100px; left:16px; z-index:100; padding:12px; background:var(--mp-white); color:var(--mp-navy); }
.mobile-product-page .mobile-product-skip:focus { top:10px; }
@media (min-width:600px) {
  .mobile-product-page .indoor-container { padding-left:28px; padding-right:28px; }
  .mobile-product-page .application-tags { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:359px) {
  .mobile-product-page .indoor-container { padding-left:16px; padding-right:16px; }
  .mobile-product-page .indoor-hero h1 { font-size:29px; }
  .mobile-product-page .indoor-title { font-size:24px; }
  .mobile-product-page .application-card { padding:9px 7px; gap:5px; }
  .mobile-product-page .application-card strong { font-size:11px; }
}