/* 재명노무사사무소 — 공유바 (라이트/다크 페이지 공용) */ .jm-share{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative; margin:26px 0;padding:14px 16px;border:1px solid var(--jm-share-line,rgba(156,126,63,.25)); border-radius:14px;background:var(--jm-share-bg,rgba(199,163,92,.06)); } .jm-share-label{ font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase; color:var(--jm-share-ink,#9C7E3F);margin-right:6px; } .jm-share-btn{ width:38px;height:38px;border-radius:11px;cursor:pointer; display:inline-flex;align-items:center;justify-content:center; border:1px solid var(--jm-share-line,rgba(156,126,63,.25)); background:var(--jm-share-btn-bg,#fff);color:var(--jm-share-ink,#5C6373); transition:transform .18s,background .2s,color .2s,border-color .2s; } .jm-share-btn svg{width:18px;height:18px} .jm-share-btn:hover{transform:translateY(-2px)} .jm-share-kakao:hover{background:#FEE500;color:#191919;border-color:#FEE500} .jm-share-facebook:hover{background:#1877F2;color:#fff;border-color:#1877F2} .jm-share-x:hover{background:#111;color:#fff;border-color:#111} .jm-share-linkedin:hover{background:#0A66C2;color:#fff;border-color:#0A66C2} .jm-share-band:hover{background:#00C73C;color:#fff;border-color:#00C73C} .jm-share-naver:hover{background:#03C75A;color:#fff;border-color:#03C75A} .jm-share-copy:hover,.jm-share-native:hover{background:#C7A35C;color:#141007;border-color:#C7A35C} .jm-share-toast{ position:absolute;top:-38px;left:50%;transform:translateX(-50%) translateY(4px); background:#141821;color:#E9ECF2;font-size:.78rem;font-weight:600; padding:7px 14px;border-radius:999px;white-space:nowrap;pointer-events:none; opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 10px 26px -10px rgba(0,0,0,.4); } .jm-share-toast.on{opacity:1;transform:translateX(-50%) translateY(0)} /* 다크 페이지에서 쓸 때: 또는 컨테이너에 .jm-dark */ .jm-dark .jm-share{--jm-share-line:rgba(217,186,121,.25);--jm-share-bg:rgba(217,186,121,.07);--jm-share-btn-bg:rgba(255,255,255,.05);--jm-share-ink:#D9BA79} @media(max-width:560px){.jm-share{gap:6px;padding:12px}.jm-share-btn{width:36px;height:36px}}