/* 홈페이지(사용자 화면)용 글쓰기 에디터 스타일 — editor.js. 관리자(office.css)와 같은 규칙에 홈페이지 색 값을 .ed 안에서 정한다. */
.ed{--panel:#f7f7f8;--card:#fff;--text:#111;--sub:#4a4f5a;--muted:#6b7079;--line:#e1e2e6;--warn:#D93025;--red:#BC0202;--mono:ui-monospace,Menlo,Consolas,monospace;border-radius:0 !important;border-color:#d6d7dc !important}
.ed .ed-tb{border-radius:0 !important;top:80px !important}
.ed .bi{line-height:1;vertical-align:-.125em}
/* .field select / textarea 공통 칸 모양(높이 54px · 폭 100%)이 툴바에 먹지 않게 */
.field .ed .ed-tb select.ed-blk{width:auto;height:32px;border:0;padding:0 4px;background:none;font-size:13.5px}
.field .ed textarea.ed-src{height:auto;min-height:260px;border:0;padding:14px 16px;font:13px/1.6 var(--mono);background:#1E1E1E;color:#EDEDED}
.field .ed input{height:34px;font-size:14px;padding:0 8px}
.ed{border:1px solid var(--line);border-radius:10px;background:var(--card);position:relative;min-width:0}
.ed-tb{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--panel);border-radius:10px 10px 0 0;position:sticky;top:60px;z-index:6}
.ed-g{display:flex;gap:1px;align-items:center}.ed-r{margin-left:auto}
.ed-tb button,.ed-tb select.ed-blk{border:0;background:none;min-width:32px;height:32px;padding:0 5px;border-radius:7px;cursor:pointer;color:var(--sub);font-size:17px;display:inline-flex;align-items:center;justify-content:center;gap:2px}
.ed-tb select.ed-blk{width:auto;max-width:none;font-size:13.5px;font-weight:600;height:32px;padding:0 4px;color:var(--text)}
.ed-tb button:hover,.ed-tb button.on{background:var(--line)}.ed-cr{font-size:10px}.ed-tb button.ed-ai{color:var(--red);font-weight:700;font-size:13px;gap:4px}
.ed-dd{position:relative;display:inline-flex}
.ed-pop{display:none;position:absolute;top:36px;left:0;z-index:20;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px}.ed-pop.on{display:block}
.ed-pop[data-p=size] button{display:block;width:100%;text-align:left;height:auto;min-width:130px;padding:6px 12px;white-space:nowrap;justify-content:flex-start}
.ed-cl{width:220px}.ed-cl.on{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.ed-tb .ed-sw{min-width:0;width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:5px}.ed-tb .ed-sw:hover{outline:2px solid var(--text)}
.ed-tb .ed-none{grid-column:1/-1;font-size:13px;height:32px;color:var(--sub);border:1px solid var(--line)}
.ed-busy{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.45);animation:mdl-in .15s}
.ed-busy[hidden]{display:none}
.ed-busy-box{background:#fff;background:var(--card,#fff);color:var(--text,#111);border-radius:14px;padding:32px 36px;min-width:280px;max-width:400px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;gap:8px}
.ed-busy-box b{font-size:17px;font-weight:700;margin-top:6px}
.ed-busy-box p{margin:0;font-size:13.5px;color:var(--sub,#5f6470);line-height:1.6}
.ed-busy-box small{font-size:12.5px;color:var(--muted,#6b7079)}
.ed-spin{width:36px;height:36px;border:3px solid var(--line,#e1e2e6);border-top-color:var(--text,#111);border-radius:50%;animation:ed-spin .8s linear infinite}
@keyframes ed-spin{to{transform:rotate(360deg)}}
@keyframes mdl-in{from{opacity:0}to{opacity:1}}
.ed-is-busy .ed-ai{opacity:.5}
.ed-ar{position:relative;min-height:260px;padding:14px 16px;font-size:15px;line-height:1.7;outline:none;word-break:break-word}
.ed-ar.ed-empty:before{content:attr(data-ph);color:#9CA3AF;pointer-events:none;position:absolute;left:16px;top:14px;text-align:left}
.ed-ar img{max-width:100%;height:auto;border-radius:6px;cursor:pointer}.ed-ar ul,.ed-ar ol{padding-left:24px;margin:4px 0}.ed-ar hr{border:0;border-top:1px solid var(--line);margin:12px 0}.ed-ar a{text-decoration:underline}
.ed-ar table{border-collapse:collapse;margin:8px 0}.ed-ar td,.ed-ar th{border:1px solid #ccc;padding:6px 10px;min-width:40px}.ed-ar blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid var(--line);background:var(--panel)}.ed-ar pre{background:var(--panel);padding:12px;border-radius:6px;font-family:var(--mono);font-size:13px;white-space:pre-wrap}
.ed-ar iframe{max-width:100%;pointer-events:none}.ed-ar .vid{position:relative;display:block;max-width:640px;margin:8px 0}.ed-ar:after{content:"";display:table;clear:both}
.ed-src{display:block;width:100%;max-width:none;min-height:260px;border:0;border-radius:0;padding:14px 16px;font:13px/1.6 var(--mono);background:#1E1E1E;color:#EDEDED;resize:vertical}.ed-src[hidden]{display:none}
.ed-ft{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap;padding:7px 14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.ed-ft b{font-weight:500;color:var(--sub)}.ed-up{margin-right:auto;color:var(--text)}.ed-draft{margin-right:auto}.ed-draft button{border:0;background:none;color:var(--text);text-decoration:underline;cursor:pointer;font:inherit}
.ed.over .ed-ft [data-n=bytes]{color:var(--warn);font-weight:700}
.ed.full{position:fixed;inset:0;z-index:300;border-radius:0;display:flex;flex-direction:column}.ed.full .ed-tb{border-radius:0;top:0}.ed.full .ed-ar,.ed.full .ed-src{flex:1;max-height:none;overflow:auto}
.ed-ibox{position:absolute;border:2px solid var(--text);pointer-events:none;z-index:4;border-radius:4px}.ed-ibox[hidden]{display:none}
.ed-ih{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:var(--text);border:2px solid var(--card);border-radius:3px;cursor:nwse-resize;pointer-events:auto;touch-action:none}
.ed.ed-drop{outline:2px dashed var(--text)}
.ed-ibar{position:absolute;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:2px;max-width:calc(100% - 12px);background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:5px 6px}.ed-ibar[hidden]{display:none}
.ed-ibar button{border:0;background:none;height:34px;min-width:34px;padding:0 8px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--sub)}.ed-ibar button i{font-size:17px}
@media (max-width:720px){.ed .ed-tb{position:static}}
/* 홈페이지 툴바 아이콘 크게 (2026-11-03 요청) */
.ed .ed-tb{padding:8px 10px;gap:6px 12px}
.ed .ed-tb button{min-width:40px;height:40px;font-size:21px;border-radius:8px}
.ed .ed-tb .ed-cr{font-size:11px}
.field .ed .ed-tb select.ed-blk{height:40px;font-size:15px}
.ed .ed-pop{top:44px}
@media (max-width:720px){.ed .ed-g{flex-wrap:wrap}.ed .ed-r{margin-left:0}}

/* 홈페이지 글쓰기: 스크롤해도 도구 막대가 따라오지 않게 (2026-11-03) */
.ed .ed-tb{position:static !important;top:auto !important}