/* ===== 다인 상담게시판 — 글쓰기 / 열람 / 관리자 ===== */
.view{display:none}
.view.on{display:block}
.fbox{border-top:2px solid var(--ink);margin-top:4px}
.frow{display:grid;grid-template-columns:132px 1fr;border-bottom:1px solid var(--line);align-items:stretch}
.frow>.fl{background:#fafbfa;padding:15px 16px;font-size:13.5px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:5px}
.frow>.fl i{color:#c0392b;font-style:normal}
.frow>.fv{padding:11px 13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.frow input[type=text],.frow input[type=password],.frow textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px;color:var(--ink);background:#fff}
.frow select{border:1px solid var(--line);border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px;color:var(--ink);background:#fff;min-width:220px}
.frow select:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,143,134,.1)}
.frow input:focus,.frow textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,143,134,.1)}
.frow textarea{min-height:190px;resize:vertical;line-height:1.75}
.frow .hint{font-size:12px;color:var(--gray)}
.chk{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-soft);cursor:pointer}
.chk input{width:16px;height:16px;accent-color:var(--teal)}
.btns{display:flex;gap:9px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-family:inherit;font-size:14.5px;font-weight:600;padding:13px 28px;border-radius:100px;cursor:pointer}
.btn:hover{border-color:var(--teal);color:var(--teal)}
.btn.pri{background:var(--teal);border-color:var(--teal);color:#fff}
.btn.pri:hover{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff}
.btn.dim{font-size:13px;padding:9px 16px;border-radius:5px}
.btn.warn:hover{border-color:#c0392b;color:#c0392b}
.vhd{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:20px 4px}
.vhd h2{font-size:20px;font-weight:600;letter-spacing:-.03em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vmeta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--gray);margin-top:9px;font-family:var(--mono)}
.vbody{padding:26px 4px 30px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.85;white-space:pre-wrap;word-break:break-word;min-height:120px}
.vreply{background:#fafbfa;border:1px solid var(--line);border-radius:6px;padding:20px;margin-top:18px}
.vreply .rt{font-size:13px;font-weight:700;color:var(--teal-deep);display:flex;align-items:center;gap:7px;margin-bottom:10px}
.vreply .rb{font-size:14.5px;line-height:1.8;white-space:pre-wrap;color:var(--ink-soft)}
.lockbox{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:52px 20px;text-align:center}
.lockbox svg{width:34px;height:34px;stroke:var(--teal-deep);fill:none;stroke-width:1.8;margin:0 auto 14px}
.lockbox p{font-size:15px;color:var(--ink-soft);margin-bottom:5px}
.lockbox .sub{font-size:13px;color:var(--gray);margin-bottom:20px}
.pwform{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pwform input{border:1px solid var(--line);border-radius:4px;padding:11px 13px;font-family:inherit;font-size:14px;width:170px}
.pwform input:focus{outline:0;border-color:var(--teal)}
.err{color:#c0392b;font-size:13px;margin-top:11px;min-height:18px}
.adm{border-top:2px solid var(--ink)}
.acard{border-bottom:1px solid var(--line);padding:17px 4px}
.atop{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.atop .no{font-family:var(--mono);font-size:12px;color:var(--gray)}
.atop .ti{font-size:15px;font-weight:600;letter-spacing:-.02em}
.atop .who{font-size:12.5px;color:var(--gray);font-family:var(--mono)}
.atop .sp{flex:1}
.abody{font-size:14px;line-height:1.8;color:var(--ink-soft);white-space:pre-wrap;margin-top:9px;background:#fafbfa;border-radius:5px;padding:13px 15px}
.atag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:3px;background:var(--teal-tint);color:var(--teal-deep)}
.atag.wait{background:#fdf3e7;color:#b8791f}
.aacts{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
.rbox{margin-top:11px}
.rbox textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:11px 13px;font-family:inherit;font-size:14px;min-height:100px;line-height:1.7}
.rbox textarea:focus{outline:0;border-color:var(--teal)}
.empty{padding:46px 10px;text-align:center;color:var(--gray);font-size:14px}
.admbar{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--teal-deeper);color:#fff;padding:12px 16px;border-radius:6px;margin-bottom:16px;flex-wrap:wrap}
.admbar b{font-size:13.5px;letter-spacing:-.01em}
.admbar .out{background:rgba(255,255,255,.16);border:0;color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:100px;cursor:pointer}
.admlink{text-align:center;margin-top:20px}
.admlink .sep{color:var(--line);margin:0 9px}
.admlink a{font-size:12.5px;color:var(--gray);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.admlink a:hover{color:var(--teal)}
@media(max-width:760px){
  .frow{grid-template-columns:1fr}
  .frow>.fl{padding:11px 13px;border-bottom:1px solid var(--line);background:#f5f7f6}
  .frow select{width:100%;min-width:0}
  .btn{flex:1;padding:13px 12px;font-size:14px}
  .vhd h2{font-size:17px}
  .pwform input{width:100%}
}