/* ───────────────────────────────────────────────
   얼마야 상세(/m/) 모듈 — 자재 비교표·자재상행·변형칩·게이팅
   상세에서만 로드. 헤더는 상세 고유 파란 톤(#1f4e78) 유지.
   ─────────────────────────────────────────────── */
.emc-msg{padding:20px;color:#888}
.emc,.emc2{max-width:1080px;margin:0 auto;background:#fff;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#222;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}
.emc{margin-bottom:14px;line-height:1.6}
/* 자재설명 박스(헤더) — 파란 톤 */
.emc .head{background:linear-gradient(135deg,#1f4e78 0%,#2c6cab 100%);color:#fff;padding:28px 32px}
.emc .crumb{font-size:13px;opacity:.95;margin-bottom:6px}
.emc .crumb .sep{margin:0 6px;opacity:.6}
.emc .crumb .tag{display:inline-block;background:rgba(255,255,255,.15);padding:3px 10px;border-radius:3px;color:#fff;text-decoration:none;font:inherit;border:0;cursor:pointer}
.emc .crumb .tag.home{background:rgba(255,255,255,.22);font-weight:700}
.emc .crumb button.tag i{font-style:normal;font-size:10px;opacity:.75;margin-left:2px}
.emc .crumb .tag:hover,.emc .crumb button.tag.on{background:rgba(255,255,255,.38)}
.crumb-dd{position:absolute;z-index:120;background:#fff;color:#222;border:1px solid #d6dae0;border-radius:9px;box-shadow:0 8px 26px rgba(0,0,0,.18);width:max-content;min-width:130px;max-width:240px;max-height:60vh;overflow:auto;padding:4px;font-family:'Noto Sans KR','Malgun Gothic',sans-serif}
.crumb-dd .dd-load{padding:13px;color:#888;font-size:13px;text-align:center}
.crumb-dd .dd-it{display:block;padding:7px 14px;border-radius:6px;text-decoration:none;color:#333}
.crumb-dd .dd-it:hover{background:#fff5ec}
.crumb-dd .dd-it.on{background:#ff6600;color:#fff}
.crumb-dd .dd-nm{font-weight:600;font-size:13.5px;white-space:nowrap}
.emc .ttl{margin:10px 0 2px;font-size:28px;font-weight:700}
.emc .ttl-sub{font-size:15px;opacity:.9;margin-bottom:6px}
.emc .upd{font-size:13px;opacity:.8}
.emc .upd .code{font-family:monospace}
.emc .spec{background:#f8f9fa;padding:16px 32px}
.emc .spec-row{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}
.emc .spec-row .lbl{color:#888}
.emc .sec{padding:22px 32px;border-top:1px solid #e8e8e8}
.emc .sec h2{margin:0 0 10px;font-size:16px;font-weight:600}
.emc .sec p{margin:0;font-size:14px;color:#444}
.emc .sec.desc h2{color:#1f4e78}
.emc .sec.note{background:#fffbf0}
.emc .sec.note h2{color:#a07000}
.emc .sec.note p{font-size:13.5px;color:#555}

/* 변형 선택(단면/규격/지역 칩) */
.vsel{margin:2px 2px 16px;font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.vsel .vrow{display:flex;align-items:center;gap:12px;padding:4px 0}
.vsel .vl{flex:0 0 40px;font-size:12px;font-weight:700;color:#aab2bd}
.vsel .vchips{flex:1;display:flex;gap:3px 18px;flex-wrap:wrap}
.vsel .vchips a{font-size:14px;font-weight:600;color:#6b7280;padding:2px 1px;text-decoration:none;cursor:pointer;border-bottom:2px solid transparent}
.vsel .vchips a:hover{color:#ff6600}
.vsel .vchips a.on{color:#ff6600;font-weight:800;border-bottom:2px solid #ff6600}
.vsel .vrow[hidden]{display:none}
.vsel .vchips a[hidden]{display:none}

/* 가격비교 박스 */
.emc2 .hd{padding:22px 26px 12px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}
.emc2 .hd h2{margin:0;font-size:18px;font-weight:700}
.emc2 .hd h2 .cnt{color:#888;font-weight:400;font-size:14px}
.emc2 .hd .sub{font-size:12px;color:#888;margin-top:4px}
.emc2 .hd .gap{font-size:12px;color:#666;background:#fff5f5;border:1px solid #ffd0d0;padding:6px 12px;border-radius:5px}
.emc2 .hd .gap b{color:#d32f2f}
.emc2 .list{padding:4px 26px 26px}
.emc-row{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #e8eaed;border-radius:10px;background:#fff;margin-bottom:8px;color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s}
.emc-row:last-child{margin-bottom:0}
a.emc-row{cursor:pointer}
a.emc-row:hover{border-color:#ffcfae;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.emc-row.low{border-color:#FFC107;background:#fffdf4}
.emc-row.na{background:#fafbfc;opacity:.65}
.ec-rank{flex:0 0 18px;text-align:center;font-size:14px;font-weight:800;color:#c2c7cf}
.ec-rank.low{color:#FFB300}
.ec-badge{flex:0 0 auto;width:34px;height:34px;border-radius:7px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.ec-badge.dim{opacity:.55}
.ec-sup{flex:0 0 96px;display:flex;flex-direction:column;gap:3px;font-size:13.5px;font-weight:700;color:#222;line-height:1.2}
.ec-sup .low-tag{align-self:flex-start;background:#FFC107;color:#5d4000;font-size:10px;font-weight:800;padding:1px 6px;border-radius:3px}
.ec-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ec-pname{font-size:13px;color:#444;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ec-pname.na{color:#aaa}
.ec-sub{font-size:11px;color:#9aa0a8;margin-top:2px}
.ec-price{flex:0 0 auto;text-align:right;min-width:128px;white-space:nowrap}
.ec-tag{display:inline-block;font-size:11px;color:#1a7a3c;font-weight:800;background:#eafaf0;border-radius:4px;padding:1px 6px;margin-right:6px;vertical-align:middle}
/* 관리자 전용 3단가(일반/회원/도매) */
.ec-admin{display:inline-grid;grid-template-columns:auto auto;column-gap:8px;row-gap:2px;align-items:baseline;font-size:12px;line-height:1.25}
.ec-admin .lb{color:#9aa0a8;text-align:left;white-space:nowrap}
.ec-admin .vl{text-align:center;white-space:nowrap;color:#9aa0a8}
.ec-admin .vl b{font-size:16px;font-weight:800;color:#1a7a3c}
.ec-admin .vl b.b2b{color:#1a7a3c}
.ec-admin .u{font-size:10px;color:#bbb;margin-left:1px}
.ec-admin .soft{font-size:11px;color:#bbb;font-weight:400}
/* 도매가가 있을 때: 회원가는 그레이톤, 도매가를 포인트(오렌지)로 강조 */
.ec-admin.has-b2b .vl b{font-size:13px;color:#aab2bd;font-weight:700}
.ec-admin.has-b2b .vl b.b2b{font-size:17px;color:#1a7a3c;font-weight:800}
.emc-row.low .ec-admin .vl b.b2b{color:#d32f2f}
.ec-price b{font-size:17px;font-weight:800;color:#1b2330}
.emc-row.low .ec-price b{color:#d32f2f}
.ec-price .won{font-size:12px;color:#888;font-weight:500}
.ec-price .call{font-size:16px;color:#2c6cab}
.ec-tier{display:block;margin-top:4px;line-height:1.2;white-space:nowrap}
.ec-b2b{display:inline-block;font-size:13.5px;color:#1a7a3c;font-weight:800;white-space:nowrap}
.ec-b2b b{font-size:15px}
.ec-b2b.lock{color:#b08900;font-weight:800;cursor:pointer}
.emc2 .b2b-cta{margin-top:8px;background:#fff8e1;border:1px solid #ffe0a0;border-radius:8px;padding:9px 14px;font-size:12.5px;color:#7a5b00}
.emc2 .b2b-cta a{color:#d95e00;font-weight:800;text-decoration:none}
.ec-price .dash{font-size:14px;color:#bbb}
.ec-go{color:#fff;font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;white-space:nowrap;text-align:center}
.ec-quote{display:inline-block;font-size:11px;font-weight:700;color:#ff6600;background:#fff;border:1.5px solid #ff6600;padding:5px 9px;border-radius:6px;white-space:nowrap;text-align:center;cursor:pointer;transition:background .12s,color .12s}
.ec-quote:hover{background:#ff6600;color:#fff}
.ec-go.ghost{background:#eef0f2;color:#b0b0b0;font-weight:500}
.ec-act{flex:0 0 auto;display:flex;flex-direction:row;gap:7px;align-items:center}
.ec-order{font-size:12.5px;font-weight:700;color:#ff6600;background:#fff;border:1.5px solid #ff6600;padding:6px 14px;border-radius:6px;white-space:nowrap;text-align:center;cursor:pointer;transition:background .12s,color .12s}
.ec-order:hover{background:#ff6600;color:#fff}
.emc2 .ft{background:#f8f9fa;padding:16px 26px;border-top:1px solid #e8e8e8;font-size:12px;color:#777;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.emc2 .ft .ask{background:#1f4e78;color:#fff;padding:6px 14px;border-radius:4px}
@media(max-width:600px){
  .ec-sub{display:none}
  .ec-sup{flex-basis:66px;font-size:12.5px}
  .ec-price{min-width:80px}
  .ec-price b{font-size:18px}
  .ec-go{padding:6px 8px;font-size:11px;width:100%;box-sizing:border-box}
  .emc-row{gap:8px;padding:11px 10px}
  .ec-badge{width:30px;height:30px;flex-basis:30px}
  .ec-act{flex-direction:column;gap:5px}
  .ec-order{padding:6px 8px;font-size:11px;width:100%;box-sizing:border-box}
}