/* 코덱스 쇼룸 기본 CSS(폰트 선언 제외, 그대로) */

@media (hover: hover) and (pointer: fine), (min-width: 600px) and (min-height: 600px) {
  #moplan-showroom { --mp-bg:#fbfaf7; --mp-paper:#ffffff; --mp-ink:#25251f; --mp-muted:#66655f; --mp-line:#deddd5; --mp-hero:#f1eee5; --mp-stage:#e7e2d7; --mp-accent:#b44220; --mp-on-accent:#ffffff; --mp-soft:#f6e6da; --mp-inverse:#ece9df; --mp-dark:#2b302b; color-scheme:light; background:var(--mp-bg); color:var(--mp-ink); font-family:Pretendard,sans-serif; font-size:16px; line-height:1.5; word-break:keep-all; width:100%; }
  #moplan-showroom[data-theme="dark"] { --mp-bg:#181b19; --mp-paper:#222623; --mp-ink:#f1eee5; --mp-muted:#b4b8af; --mp-line:#3e443e; --mp-hero:#252c26; --mp-stage:#353e33; --mp-accent:#f2a37a; --mp-on-accent:#271a14; --mp-soft:#3b3029; --mp-inverse:#f1eee5; --mp-dark:#111713; color-scheme:dark; }
  #moplan-showroom * { box-sizing:border-box; }
  #moplan-showroom [hidden] { display:none !important; }
  #moplan-showroom h1, #moplan-showroom h2, #moplan-showroom h3, #moplan-showroom p { margin:0; }
  #moplan-showroom button { font:inherit; color:var(--mp-ink); cursor:pointer; border:0; background:transparent; }
  #moplan-showroom a { color:var(--mp-ink); text-decoration:none; }
  #moplan-showroom .mp-wrap { width:calc(100% - 80px); max-width:1240px; margin:0 auto; }
  #moplan-showroom .mp-nav { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:80px; border-bottom:1px solid var(--mp-line); }
  #moplan-showroom .mp-brand { display:flex; flex-direction:row; align-items:center; gap:9px; padding:0; white-space:nowrap; text-decoration:none; flex:none; }
  #moplan-showroom .mp-logo-sym { width:36px; height:36px; border-radius:9px; flex:none; background:linear-gradient(135deg,#a34be5,#387be9); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:900; line-height:1; }
  #moplan-showroom .mp-logo-stack { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
  #moplan-showroom .mp-logo-word { font-size:25px; font-weight:850; letter-spacing:-.5px; line-height:1; background:linear-gradient(100deg,#a34be5 4%,#387be9 82%); background-clip:text; -webkit-background-clip:text; color:#4779e8; -webkit-text-fill-color:transparent; }
  #moplan-showroom .mp-logo-dom { display:flex; align-items:center; font-size:11.5px; font-weight:750; color:#172033; line-height:1; letter-spacing:.2px; }
  #moplan-showroom[data-theme="dark"] .mp-logo-dom { color:#e5e7eb; }
  #moplan-showroom .mp-menu { display:flex; align-items:center; gap:30px; }
  #moplan-showroom .mp-menu button, #moplan-showroom .mp-menu a { font-size:14px; padding:12px 0; }
  #moplan-showroom .mp-utils { display:flex; align-items:center; gap:16px; font-size:12px; }
  #moplan-showroom .mp-utils button { font-size:12px; padding:8px 0; }
  #moplan-showroom .mp-utils .mp-life { border:1px solid var(--mp-line); padding:7px 11px; border-radius:6px; }
  #moplan-showroom .mp-hero-band { background:var(--mp-hero); }
  #moplan-showroom .mp-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:32px; align-items:center; min-height:512px; padding-top:48px; padding-bottom:48px; }
  #moplan-showroom .mp-eyebrow { display:block; color:var(--mp-accent); font-size:12px; font-weight:500; letter-spacing:1.8px; margin-bottom:20px; }
  #moplan-showroom h1 { font-size:52px; line-height:1.2; letter-spacing:-2.4px; font-weight:500; }
  #moplan-showroom .mp-emphasis { color:var(--mp-accent); }
  #moplan-showroom .mp-lead { color:var(--mp-muted); font-size:16px; line-height:1.8; margin-top:22px; max-width:425px; }
  #moplan-showroom .mp-primary { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; min-height:54px; padding:14px 23px; margin-top:30px; border-radius:7px; background:var(--mp-accent); color:var(--mp-on-accent); font-size:16px; font-weight:500; }
  #moplan-showroom .mp-primary:hover { filter:brightness(.94); }
  #moplan-showroom .mp-small-note { font-size:12px; color:var(--mp-muted); margin-top:13px; }
  #moplan-showroom .mp-product-stage { position:relative; min-height:370px; padding:22px 26px 0; border:1px solid var(--mp-line); border-radius:4px 4px 72px 4px; background:var(--mp-stage); }
  #moplan-showroom .mp-stage-top { display:flex; align-items:center; justify-content:space-between; font-size:11px; letter-spacing:1.4px; color:var(--mp-muted); }
  #moplan-showroom .mp-product-images { height:246px; display:flex; align-items:center; justify-content:center; gap:0; padding-top:9px; }
  #moplan-showroom .mp-slab { width:49%; max-height:244px; object-fit:contain; transform:rotate(-8deg); filter:drop-shadow(0 18px 12px #11130f26); }
  #moplan-showroom .mp-fold { width:43%; max-height:228px; object-fit:contain; transform:rotate(7deg); filter:drop-shadow(0 16px 10px #11130f26); margin-left:-4%; margin-top:26px; }
  #moplan-showroom .mp-compare-note { position:relative; background:var(--mp-paper); border:1px solid var(--mp-line); padding:16px 18px; margin:0 4px -18px; box-shadow:0 8px 20px #00000006; }
  #moplan-showroom .mp-compare-note small { color:var(--mp-muted); font-size:11px; }
  #moplan-showroom .mp-compare-note strong { display:block; margin-top:5px; font-size:20px; letter-spacing:-.6px; font-weight:500; }
  #moplan-showroom .mp-compare-note strong b { color:var(--mp-accent); font-weight:500; margin-right:10px; font-size:30px; }
  #moplan-showroom .mp-proof { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid var(--mp-line); }
  #moplan-showroom .mp-proof-intro { color:var(--mp-muted); font-size:12px; }
  #moplan-showroom .mp-proof-item { display:flex; align-items:center; gap:11px; font-size:13px; }
  #moplan-showroom .mp-proof-item span { color:var(--mp-accent); font-size:12px; }
  #moplan-showroom .mp-section { padding-top:52px; padding-bottom:50px; }
  #moplan-showroom .mp-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:24px; }
  #moplan-showroom h2 { font-size:29px; line-height:1.3; letter-spacing:-1.1px; font-weight:500; }
  #moplan-showroom .mp-section-head p { color:var(--mp-muted); font-size:13px; }
  #moplan-showroom .mp-paths { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:18px; }
  #moplan-showroom .mp-path { display:flex; flex-direction:column; align-items:flex-start; text-align:left; min-height:185px; padding:24px; background:var(--mp-paper); border:1px solid var(--mp-line); border-radius:7px; }
  #moplan-showroom .mp-path:first-child { background:var(--mp-dark); color:var(--mp-inverse); border-color:var(--mp-dark); }
  #moplan-showroom .mp-path small { color:var(--mp-muted); font-size:11px; }
  #moplan-showroom .mp-path:first-child small { color:#d6cab8; }
  #moplan-showroom .mp-path strong { font-size:23px; letter-spacing:-.7px; font-weight:500; margin:9px 0 20px; }
  #moplan-showroom .mp-path .mp-path-bottom { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:auto; font-size:12px; }
  #moplan-showroom .mp-path .mp-path-bottom span { font-size:24px; }
  #moplan-showroom .mp-guide-band { border-top:1px solid var(--mp-line); background:var(--mp-hero); }
  #moplan-showroom .mp-guides { display:grid; grid-template-columns:1fr 1fr; gap:38px; margin-top:26px; }
  #moplan-showroom .mp-guide-link { display:grid; grid-template-columns:50px 1fr 24px; gap:14px; padding:22px 0; border-top:1px solid var(--mp-line); align-items:start; }
  #moplan-showroom .mp-guide-link em { font-style:normal; font-size:27px; color:var(--mp-accent); }
  #moplan-showroom .mp-guide-link h3 { font-size:18px; font-weight:500; letter-spacing:-.4px; }
  #moplan-showroom .mp-guide-link p { color:var(--mp-muted); font-size:13px; margin-top:7px; }
  #moplan-showroom .mp-footer { padding:23px 0; color:var(--mp-muted); font-size:11px; display:flex; justify-content:space-between; }
  #moplan-showroom .mp-phone-intro { display:grid; grid-template-columns:1.4fr 1fr; gap:20px; align-items:center; padding-top:35px; padding-bottom:35px; min-height:226px; }
  #moplan-showroom .mp-phone-intro .mp-eyebrow { margin-bottom:12px; }
  #moplan-showroom .mp-phone-intro h1 { font-size:37px; letter-spacing:-1.5px; }
  #moplan-showroom .mp-phone-intro p { font-size:14px; color:var(--mp-muted); margin-top:12px; }
  #moplan-showroom .mp-mini-stage { display:flex; align-items:center; justify-content:flex-end; gap:26px; }
  #moplan-showroom .mp-mini-stage img { width:108px; height:134px; object-fit:contain; }
  #moplan-showroom .mp-mini-stage strong { font-size:21px; font-weight:500; line-height:1.5; letter-spacing:-.6px; }
  #moplan-showroom .mp-mini-stage small { display:block; font-size:11px; color:var(--mp-muted); margin-top:8px; }
  #moplan-showroom .mp-calculator { max-width:1100px; padding-top:34px; padding-bottom:42px; }
  #moplan-showroom .mp-calc-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; gap:20px; }
  #moplan-showroom .mp-calc-heading h2 { font-size:23px; }
  #moplan-showroom .mp-calc-heading details { position:relative; font-size:13px; }
  #moplan-showroom .mp-calc-heading summary { cursor:pointer; color:var(--mp-muted); }
  #moplan-showroom .mp-mode-list { position:absolute; z-index:3; right:0; top:32px; width:240px; background:var(--mp-paper); border:1px solid var(--mp-line); padding:15px; display:grid; gap:12px; }
  #moplan-showroom .mp-steps { display:flex; align-items:center; gap:18px; color:var(--mp-muted); font-size:12px; padding:0 0 21px; }
  #moplan-showroom .mp-steps .mp-current { color:var(--mp-accent); }
  #moplan-showroom .mp-calc-panel { background:var(--mp-paper); border:1px solid var(--mp-line); display:grid; grid-template-columns:1.8fr 1fr; border-radius:8px; }
  #moplan-showroom .mp-input { padding:32px; }
  #moplan-showroom .mp-input h3 { font-size:24px; font-weight:500; letter-spacing:-.8px; }
  #moplan-showroom .mp-input > p { font-size:13px; color:var(--mp-muted); margin-top:7px; }
  #moplan-showroom .mp-carriers { border:0; padding:0; margin:24px 0; display:flex; gap:12px; }
  #moplan-showroom .mp-carriers legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  #moplan-showroom .mp-carrier { flex:1; min-width:0; position:relative; }
  #moplan-showroom .mp-carrier input { position:absolute; left:12px; top:12px; accent-color:var(--mp-accent); }
  #moplan-showroom .mp-carrier span { display:flex; align-items:center; justify-content:center; border:1px solid var(--mp-line); border-radius:6px; min-height:86px; font-size:21px; font-weight:500; }
  #moplan-showroom .mp-carrier input:checked + span { outline:2px solid var(--mp-accent); outline-offset:-2px; background:var(--mp-soft); }
  #moplan-showroom .mp-carrier input:focus-visible + span { outline:3px solid var(--mp-ink); outline-offset:3px; }
  #moplan-showroom .mp-carrier img { max-width:70px; max-height:28px; object-fit:contain; }
  #moplan-showroom .mp-carrier-logo { background:transparent; border-radius:0; padding:0; display:flex; justify-content:center; align-items:center; min-width:78px; height:36px; }
  #moplan-showroom[data-theme="dark"] .mp-carrier > span { background:#d9d7d0; border-color:#d9d7d0; }
  #moplan-showroom[data-theme="dark"] .mp-carrier input:checked + span { background:#e9cbb4; }
  #moplan-showroom .mp-plan-label { display:block; font-size:13px; margin-bottom:9px; }
  #moplan-showroom .mp-plan-button { display:flex; justify-content:space-between; align-items:center; border:1px solid var(--mp-line); background:var(--mp-bg); border-radius:6px; padding:15px 17px; width:100%; font-size:15px; }
  #moplan-showroom .mp-plan-button:disabled { cursor:default; color:var(--mp-muted); }
  #moplan-showroom .mp-calc-aside { padding:34px 28px; background:var(--mp-hero); border-radius:0 8px 8px 0; border-left:1px solid var(--mp-line); }
  #moplan-showroom .mp-calc-aside small { font-size:11px; color:var(--mp-accent); letter-spacing:1px; }
  #moplan-showroom .mp-calc-aside h3 { font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-.7px; margin-top:17px; }
  #moplan-showroom .mp-calc-aside p { font-size:13px; color:var(--mp-muted); margin-top:13px; }
  #moplan-showroom .mp-aside-items { border-top:1px solid var(--mp-line); padding-top:14px; margin-top:25px; display:grid; gap:10px; font-size:12px; }
  #moplan-showroom .mp-help-row { display:flex; justify-content:space-between; gap:20px; color:var(--mp-muted); font-size:12px; margin-top:17px; }
  #moplan-showroom .mp-wizard-preview { margin-top:22px; padding:20px; border-left:3px solid var(--mp-accent); background:var(--mp-soft); }
  #moplan-showroom .mp-wizard-preview strong { font-size:16px; font-weight:500; }
  #moplan-showroom .mp-wizard-preview p { font-size:13px; margin-top:8px; }
  #moplan-showroom .mp-wizard-preview button { margin-top:12px; border-bottom:1px solid var(--mp-ink); padding:0; font-size:13px; }
}
@media (hover: hover) and (pointer: fine) and (max-width: 1100px), (min-width: 600px) and (min-height: 600px) and (max-width: 1100px) {
  #moplan-showroom .mp-wrap { width:calc(100% - 48px); }
  #moplan-showroom .mp-nav { gap:16px; min-height:72px; }
  #moplan-showroom .mp-menu { gap:18px; }
  #moplan-showroom .mp-utils { gap:12px; }
  #moplan-showroom .mp-menu button, #moplan-showroom .mp-menu a { font-size:12px; }
  #moplan-showroom .mp-hero { gap:24px; min-height:470px; padding-top:40px; padding-bottom:40px; }
  #moplan-showroom h1 { font-size:42px; }
  #moplan-showroom .mp-product-stage { padding-left:14px; padding-right:14px; min-height:337px; }
  #moplan-showroom .mp-product-images { height:218px; }
  #moplan-showroom .mp-slab { max-height:220px; }
  #moplan-showroom .mp-fold { max-height:204px; }
  #moplan-showroom .mp-compare-note strong { font-size:16px; }
  #moplan-showroom .mp-proof { gap:12px; }
  #moplan-showroom .mp-proof-item { font-size:11px; gap:7px; }
  #moplan-showroom .mp-proof-intro { font-size:11px; }
  #moplan-showroom .mp-input { padding:25px; }
  #moplan-showroom .mp-calc-aside { padding:28px 22px; }
  #moplan-showroom .mp-carriers { gap:9px; }
  #moplan-showroom .mp-carrier input { left:6px; top:6px; }
}

/* 사이트 공통 CSS 차단(PC 셸 안) */
@media (hover: hover) and (pointer: fine), (min-width: 600px) and (min-height: 600px) {
  body.pcs { margin: 0 !important; padding: 0 !important; background: #fbfaf7 !important; }
  body.pcs.dark-mode { background: #181b19 !important; }
  #moplan-showroom :where(h1, h2) { color: inherit; text-align: inherit; }
}

/* 실서비스 푸터(약관·개인정보·가이드·방문자) */
@media (hover: hover) and (pointer: fine), (min-width: 600px) and (min-height: 600px) {
  #moplan-showroom .mp-footer { align-items: flex-start; gap: 24px; border-top: 1px solid var(--mp-line); margin-top: 8px; font-size: 12px; }
  #moplan-showroom .mp-footer-left, #moplan-showroom .mp-footer-right { display: flex; flex-direction: column; gap: 7px; }
  #moplan-showroom .mp-footer-right { align-items: flex-end; text-align: right; }
  #moplan-showroom .mp-footer a { color: var(--mp-muted); text-decoration: none; }
  #moplan-showroom .mp-footer a:hover { color: var(--mp-ink); text-decoration: underline; }
  #moplan-showroom .mp-footer-visit:empty { display: none; }
  #moplan-showroom .mp-footer .visitor-line { margin: 0 !important; color: var(--mp-muted) !important; font-size: 12px !important; }
  #moplan-showroom .mp-footer .visitor-line b { color: var(--mp-accent) !important; }
  /* 3안 정돈판: 약관·개인정보 줄이 12px 회색이라 묻혔다 → 잉크색 500, 간격·터치영역 확보 (사장님 09-15 시안 3안 확정) */
  #moplan-showroom .mp-footer { align-items: center; padding-top: 30px; padding-bottom: 30px; }
  #moplan-showroom .mp-footer-left { gap: 10px; }
  #moplan-showroom .mp-footer-legal { display: flex; align-items: center; gap: 12px; font-size: 13.5px; }
  #moplan-showroom .mp-footer-legal a { color: var(--mp-ink); font-weight: 500; padding: 4px 0; }
  #moplan-showroom .mp-footer-legal a:hover { color: var(--mp-accent); text-decoration: underline; text-underline-offset: 3px; }
}