/* HC JOYN Board — frontend stylesheet (scoped to .hcjb-app) */
.hcjb-app{
  --jb-brand:#4541FF; --jb-brand-600:#3733e6; --jb-brand-soft:#EEEFFF;
  --jb-ink:#15151D; --jb-ink-2:#56566A; --jb-ink-3:#8B8B9C; --jb-ink-4:#B4B4C2;
  --jb-line:#E9E9F1; --jb-line-2:#F2F2F7; --jb-bg:#F5F6FB; --jb-card:#FFFFFF;
  --jb-accent:var(--jb-brand); --jb-accent-soft:var(--jb-brand-soft); --jb-accent-ink:#2A27C4;
  --jb-good:#10B981; --jb-good-soft:#E6FBF2; --jb-warn:#F59E0B; --jb-danger:#EF4444;
  --jb-radius:16px; --jb-radius-sm:10px;
  --jb-font-scale:1; --jb-row-pad:13px; --jb-maxw:1180px;
  --jb-shadow:0 1px 2px rgba(20,20,40,.04),0 8px 24px -12px rgba(20,20,40,.10);
  --jb-shadow-lg:0 20px 50px -20px rgba(30,30,70,.30);
}.hcjb-app[data-board="notice"]{--jb-accent:#4541FF;--jb-accent-soft:#EEEFFF;--jb-accent-ink:#2A27C4;}.hcjb-app[data-board="qa"]{--jb-accent:#2563EB;--jb-accent-soft:#E9F1FF;--jb-accent-ink:#1545B8;}.hcjb-app[data-board="faq"]{--jb-accent:#F59E0B;--jb-accent-soft:#FFF3DF;--jb-accent-ink:#A56708;}.hcjb-app[data-board="guide"]{--jb-accent:#10B981;--jb-accent-soft:#E2FBF0;--jb-accent-ink:#0A7A56;}.hcjb-app *{box-sizing:border-box;margin:0;padding:0}.hcjb-app{-webkit-text-size-adjust:100%}.hcjb-app{
  font-family:'Pretendard Variable',Pretendard,-apple-system,system-ui,sans-serif;
  background:var(--jb-bg); color:var(--jb-ink); line-height:1.6;
  font-size:calc(15px * var(--jb-font-scale)); letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
}.hcjb-app button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.hcjb-app a{color:inherit;text-decoration:none}.hcjb-app input, .hcjb-app textarea, .hcjb-app select{font-family:inherit;font-size:16px}.hcjb-app .ri{vertical-align:-.08em}.hcjb-app .topbar{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--jb-line);
}.hcjb-app .topbar-in{max-width:var(--jb-maxw);margin:0 auto;display:flex;align-items:center;gap:18px;padding:0 20px;height:60px}.hcjb-app .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.18em;letter-spacing:-.03em;flex-shrink:0}.hcjb-app .brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#4541FF,#7C79FF);
  display:grid;place-items:center;color:#fff;font-size:16px;box-shadow:0 4px 12px -3px rgba(69,65,255,.5)}.hcjb-app .brand small{color:var(--jb-ink-3);font-weight:600;font-size:.6em;letter-spacing:0}.hcjb-app .topnav{display:flex;gap:2px;margin-left:6px;flex:1;overflow-x:auto;scrollbar-width:none}.hcjb-app .topnav::-webkit-scrollbar{display:none}.hcjb-app .topnav button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-weight:600;
  color:var(--jb-ink-2);font-size:.94em;white-space:nowrap;transition:.18s}.hcjb-app .topnav button:hover{background:var(--jb-line-2);color:var(--jb-ink)}.hcjb-app .topnav button.on{background:var(--jb-accent-soft);color:var(--jb-accent-ink)}.hcjb-app .topnav button.on i{color:var(--jb-accent)}.hcjb-app .top-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.hcjb-app .icon-btn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--jb-ink-2);font-size:20px;transition:.18s}.hcjb-app .icon-btn:hover{background:var(--jb-line-2);color:var(--jb-ink)}.hcjb-app .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#FFB37C,#FF7C9C);
  display:grid;place-items:center;color:#fff;font-weight:700;font-size:.85em}.hcjb-app .wrap{max-width:var(--jb-maxw);margin:0 auto;padding:22px 20px 80px}.hcjb-app .board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.hcjb-app .bh-left{display:flex;flex-direction:column;gap:8px}.hcjb-app .bh-crumb{display:flex;align-items:center;gap:6px;font-size:.82em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .bh-crumb i{font-size:1.1em}.hcjb-app .bh-title{display:flex;align-items:center;gap:11px;font-size:1.7em;font-weight:800;letter-spacing:-.035em}.hcjb-app .bh-title .ticon{width:42px;height:42px;border-radius:13px;background:var(--jb-accent-soft);color:var(--jb-accent);
  display:grid;place-items:center;font-size:24px}.hcjb-app .bh-desc{color:var(--jb-ink-2);font-size:.92em;font-weight:500}.hcjb-app .bh-stat{display:flex;gap:18px;font-size:.85em;color:var(--jb-ink-3);font-weight:600;margin-top:2px}.hcjb-app .bh-stat b{color:var(--jb-accent);font-weight:800}.hcjb-app .cats{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.hcjb-app .cat{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-weight:600;font-size:.88em;
  background:var(--jb-card);border:1px solid var(--jb-line);color:var(--jb-ink-2);transition:.16s}.hcjb-app .cat:hover{border-color:var(--jb-accent);color:var(--jb-accent)}.hcjb-app .cat.on{background:var(--jb-accent);border-color:var(--jb-accent);color:#fff}.hcjb-app .cat .dot{width:8px;height:8px;border-radius:50%}.hcjb-app .cat .lock{font-size:.95em;opacity:.7}.hcjb-app .cat .cnt{font-size:.82em;opacity:.7;font-weight:700}.hcjb-app .list-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hcjb-app .lt-left{display:flex;align-items:center;gap:8px;color:var(--jb-ink-3);font-size:.85em;font-weight:600}.hcjb-app .lt-left b{color:var(--jb-ink);font-weight:800}.hcjb-app .lt-right{display:flex;align-items:center;gap:8px}.hcjb-app .viewmode{display:flex;background:var(--jb-card);border:1px solid var(--jb-line);border-radius:10px;padding:3px}.hcjb-app .viewmode button{width:32px;height:30px;border-radius:7px;display:grid;place-items:center;color:var(--jb-ink-3);font-size:17px;transition:.15s}.hcjb-app .viewmode button.on{background:var(--jb-accent-soft);color:var(--jb-accent)}.hcjb-app .sortsel{height:38px;border:1px solid var(--jb-line);border-radius:10px;background:var(--jb-card);padding:0 12px;
  font-size:.88em;font-weight:600;color:var(--jb-ink-2);font-size:16px}.hcjb-app .btn-write{display:flex;align-items:center;gap:7px;height:38px;padding:0 17px;border-radius:11px;font-weight:700;
  background:var(--jb-accent);color:#fff;font-size:.92em;box-shadow:0 6px 16px -6px var(--jb-accent);transition:.18s}.hcjb-app .btn-write:hover{filter:brightness(1.06);transform:translateY(-1px)}.hcjb-app .xtable{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);overflow:hidden;box-shadow:var(--jb-shadow)}.hcjb-app .xrow{display:grid;grid-template-columns:64px 96px 1fr 120px 96px 64px 60px;align-items:center;
  border-bottom:1px solid var(--jb-line-2);transition:background .12s}.hcjb-app .xrow.head{background:var(--jb-line-2);font-size:.8em;font-weight:700;color:var(--jb-ink-3);letter-spacing:.02em}.hcjb-app .xrow.head>div{padding:11px 10px}.hcjb-app .xrow.body>div{padding:var(--jb-row-pad) 10px;font-size:.9em}.hcjb-app .xrow.body{cursor:pointer}.hcjb-app .xrow.body:hover{background:var(--jb-accent-soft)}.hcjb-app .xrow.notice{background:linear-gradient(0deg,#fff,var(--jb-accent-soft) 600%);background:var(--jb-accent-soft)}.hcjb-app .xrow.notice:hover{background:var(--jb-accent-soft);filter:brightness(.98)}.hcjb-app .xc-center{text-align:center}.hcjb-app .xc-num{text-align:center;color:var(--jb-ink-4);font-weight:700;font-size:.9em}.hcjb-app .xc-num .pin{display:inline-grid;place-items:center;width:30px;height:21px;border-radius:6px;background:var(--jb-accent);
  color:#fff;font-size:.72em;font-weight:800;letter-spacing:.02em}.hcjb-app .xc-cat{text-align:center}.hcjb-app .cat-badge{display:inline-block;padding:3px 9px;border-radius:7px;font-size:.82em;font-weight:700;line-height:1.2}.hcjb-app .xc-title{display:flex;align-items:center;gap:7px;min-width:0}.hcjb-app .xc-title .depth{color:var(--jb-ink-4);flex-shrink:0}.hcjb-app .xc-title .ttx{font-weight:600;color:var(--jb-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcjb-app .xrow.notice .ttx{font-weight:800}.hcjb-app .xc-title .meta{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.hcjb-app .tag-new{background:#FF4D4D;color:#fff;font-size:.62em;font-weight:800;padding:1px 5px;border-radius:5px;vertical-align:1px;letter-spacing:.03em}.hcjb-app .cmt-cnt{color:var(--jb-accent);font-weight:800;font-size:.85em}.hcjb-app .ic-lock{color:var(--jb-ink-4)}.hcjb-app .ic-file{color:var(--jb-ink-4)}.hcjb-app .ic-img{color:var(--jb-good)}.hcjb-app .qa-state{font-size:.74em;font-weight:800;padding:2px 8px;border-radius:6px}.hcjb-app .qa-done{background:var(--jb-good-soft);color:#0A7A56}.hcjb-app .qa-wait{background:#FFF3DF;color:#A56708}.hcjb-app .qa-best{background:#FFE9EF;color:#D6356B}.hcjb-app .xc-author{text-align:center;font-size:.86em;color:var(--jb-ink-2);font-weight:600}.hcjb-app .xc-author .lv{display:inline-block;width:16px;height:16px;border-radius:5px;background:var(--jb-accent-soft);color:var(--jb-accent);
  font-size:.62em;font-weight:800;line-height:16px;text-align:center;margin-right:4px;vertical-align:1px}.hcjb-app .xc-date{text-align:center;font-size:.82em;color:var(--jb-ink-3);font-weight:600;white-space:nowrap}.hcjb-app .xc-hit{text-align:center;font-size:.82em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .xc-rec{text-align:center}.hcjb-app .rec-pill{display:inline-block;min-width:34px;font-size:.8em;font-weight:800;color:var(--jb-ink-3)}.hcjb-app .rec-pill.hot{color:#FF4D4D}.hcjb-app .cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.hcjb-app .pcard{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);padding:18px;
  box-shadow:var(--jb-shadow);cursor:pointer;transition:.18s;display:flex;flex-direction:column;gap:10px}.hcjb-app .pcard:hover{transform:translateY(-3px);border-color:var(--jb-accent);box-shadow:var(--jb-shadow-lg)}.hcjb-app .pcard .pc-top{display:flex;align-items:center;gap:7px}.hcjb-app .pcard .pc-title{font-weight:700;font-size:1.05em;line-height:1.4;letter-spacing:-.02em}.hcjb-app .pcard .pc-ex{color:var(--jb-ink-2);font-size:.88em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hcjb-app .pcard .pc-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:8px;border-top:1px solid var(--jb-line-2);
  font-size:.8em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .pcard .pc-foot .sp{margin-left:auto;display:flex;gap:11px}.hcjb-app .galgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.hcjb-app .gcard{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);overflow:hidden;cursor:pointer;
  box-shadow:var(--jb-shadow);transition:.18s}.hcjb-app .gcard:hover{transform:translateY(-3px);box-shadow:var(--jb-shadow-lg)}.hcjb-app .gcard .thumb{height:140px;background:linear-gradient(135deg,var(--jb-accent-soft),#fff);display:grid;place-items:center;
  font-size:40px;color:var(--jb-accent);position:relative}.hcjb-app .gcard .thumb .gtag{position:absolute;top:9px;left:9px}.hcjb-app .gcard .gbody{padding:13px 15px 15px}.hcjb-app .gcard .gtitle{font-weight:700;font-size:.96em;line-height:1.4;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hcjb-app .gcard .gfoot{display:flex;align-items:center;gap:10px;font-size:.78em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .pager{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:24px}.hcjb-app .pager button{min-width:38px;height:38px;border-radius:10px;font-weight:700;font-size:.9em;color:var(--jb-ink-2);
  display:grid;place-items:center;transition:.15s;border:1px solid transparent}.hcjb-app .pager button:hover{background:var(--jb-card);border-color:var(--jb-line)}.hcjb-app .pager button.on{background:var(--jb-accent);color:#fff}.hcjb-app .faq-list{display:flex;flex-direction:column;gap:9px}.hcjb-app .faq-item{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);overflow:hidden;box-shadow:var(--jb-shadow);transition:.18s}.hcjb-app .faq-item.open{border-color:var(--jb-accent)}.hcjb-app .faq-q{display:flex;align-items:center;gap:13px;padding:18px 20px;cursor:pointer;font-weight:700;font-size:1.02em}.hcjb-app .faq-q .qmark{width:30px;height:30px;border-radius:9px;background:var(--jb-accent-soft);color:var(--jb-accent);
  display:grid;place-items:center;font-weight:900;font-size:1em;flex-shrink:0}.hcjb-app .faq-q .qcat{font-size:.74em;font-weight:800;color:var(--jb-accent);background:var(--jb-accent-soft);padding:2px 8px;border-radius:6px;flex-shrink:0}.hcjb-app .faq-q .qtx{flex:1}.hcjb-app .faq-q .chev{color:var(--jb-ink-3);transition:.25s;font-size:1.3em}.hcjb-app .faq-item.open .chev{transform:rotate(180deg);color:var(--jb-accent)}.hcjb-app .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.hcjb-app .faq-a-in{padding:0 20px 20px 63px;color:var(--jb-ink-2);font-size:.94em;line-height:1.7}.hcjb-app .faq-a-in .help{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:.86em;color:var(--jb-ink-3)}.hcjb-app .faq-a-in .help button{padding:5px 13px;border-radius:8px;border:1px solid var(--jb-line);font-weight:600;font-size:.95em;transition:.15s}.hcjb-app .faq-a-in .help button:hover{border-color:var(--jb-accent);color:var(--jb-accent)}.hcjb-app .guide-wrap{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start}.hcjb-app .guide-toc{position:sticky;top:78px;background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);padding:18px;box-shadow:var(--jb-shadow)}.hcjb-app .guide-toc h4{font-size:.78em;color:var(--jb-ink-3);font-weight:800;letter-spacing:.04em;margin-bottom:11px;text-transform:uppercase}.hcjb-app .guide-toc a{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:9px;font-size:.88em;font-weight:600;color:var(--jb-ink-2);transition:.15s}.hcjb-app .guide-toc a:hover{background:var(--jb-accent-soft);color:var(--jb-accent-ink)}.hcjb-app .guide-toc a.on{background:var(--jb-accent-soft);color:var(--jb-accent-ink)}.hcjb-app .guide-toc a i{color:var(--jb-accent)}.hcjb-app .guide-doc{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);padding:34px 38px;box-shadow:var(--jb-shadow);min-width:0}.hcjb-app .guide-doc section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--jb-line-2)}.hcjb-app .guide-doc section:last-child{border:0;margin:0;padding:0}.hcjb-app .guide-doc h2{font-size:1.4em;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;margin-bottom:14px}.hcjb-app .guide-doc h2 .n{width:30px;height:30px;border-radius:9px;background:var(--jb-accent);color:#fff;display:grid;place-items:center;font-size:.7em;font-weight:800}.hcjb-app .guide-doc p{color:var(--jb-ink-2);margin-bottom:12px}.hcjb-app .guide-doc .stepbox{background:var(--jb-accent-soft);border-radius:12px;padding:16px 18px;margin:14px 0;display:flex;gap:13px}.hcjb-app .guide-doc .stepbox .si{font-size:22px;color:var(--jb-accent);flex-shrink:0}.hcjb-app .guide-doc .stepbox b{color:var(--jb-accent-ink)}.hcjb-app .guide-doc .tipbox{border-left:3px solid var(--jb-warn);background:#FFFBF2;padding:13px 16px;border-radius:0 10px 10px 0;margin:14px 0;font-size:.92em;color:var(--jb-ink-2)}.hcjb-app .post{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);box-shadow:var(--jb-shadow);overflow:hidden}.hcjb-app .post-head{padding:26px 30px 20px;border-bottom:1px solid var(--jb-line-2)}.hcjb-app .post-head .ptags{display:flex;align-items:center;gap:8px;margin-bottom:11px}.hcjb-app .post-head h1{font-size:1.55em;font-weight:800;letter-spacing:-.035em;line-height:1.35}.hcjb-app .post-meta{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.hcjb-app .pm-author{display:flex;align-items:center;gap:9px}.hcjb-app .pm-author .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7C79FF,#4541FF);color:#fff;display:grid;place-items:center;font-weight:700}.hcjb-app .pm-author .nm{font-weight:700;font-size:.96em}.hcjb-app .pm-author .sub{font-size:.78em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .pm-stats{margin-left:auto;display:flex;gap:16px;font-size:.84em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .pm-stats span{display:flex;align-items:center;gap:5px}.hcjb-app .post-body{padding:30px;font-size:1em;line-height:1.85;color:var(--jb-ink)}.hcjb-app .post-body h3{font-size:1.2em;font-weight:800;margin:24px 0 12px;letter-spacing:-.02em}.hcjb-app .post-body p{margin-bottom:15px}.hcjb-app .post-body img, .hcjb-app .post-body .imgph{width:100%;border-radius:12px;margin:16px 0}.hcjb-app .post-body .imgph{height:220px;background:linear-gradient(135deg,var(--jb-accent-soft),#fff);display:grid;place-items:center;color:var(--jb-accent);font-size:34px;border:1px dashed var(--jb-accent)}.hcjb-app .post-body blockquote{border-left:3px solid var(--jb-accent);background:var(--jb-accent-soft);padding:14px 18px;border-radius:0 12px 12px 0;margin:16px 0;color:var(--jb-accent-ink);font-weight:500}.hcjb-app .post-body ul{margin:12px 0 16px 4px;padding-left:20px}.hcjb-app .post-body li{margin-bottom:7px}.hcjb-app .post-body code{background:var(--jb-line-2);padding:2px 7px;border-radius:6px;font-size:.88em;font-family:ui-monospace,monospace;color:#D6356B}.hcjb-app .post-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92em}.hcjb-app .post-body th{background:var(--jb-line-2);padding:10px;text-align:left;font-weight:700;border:1px solid var(--jb-line)}.hcjb-app .post-body td{padding:10px;border:1px solid var(--jb-line)}.hcjb-app .attach{margin:20px 30px;border:1px solid var(--jb-line);border-radius:12px;overflow:hidden}.hcjb-app .attach-h{padding:11px 16px;background:var(--jb-line-2);font-size:.84em;font-weight:700;color:var(--jb-ink-2);display:flex;align-items:center;gap:7px}.hcjb-app .attach-row{display:flex;align-items:center;gap:11px;padding:12px 16px;border-top:1px solid var(--jb-line-2);font-size:.88em}.hcjb-app .attach-row i.fic{font-size:22px;color:var(--jb-accent)}.hcjb-app .attach-row .fnm{font-weight:600}.hcjb-app .attach-row .fsz{color:var(--jb-ink-3);font-size:.85em}.hcjb-app .attach-row .dl{margin-left:auto;color:var(--jb-accent);font-weight:700;font-size:.85em;display:flex;align-items:center;gap:5px}.hcjb-app .post-react{display:flex;justify-content:center;gap:12px;padding:8px 30px 26px}.hcjb-app .react-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 28px;border-radius:14px;border:1px solid var(--jb-line);
  background:var(--jb-card);transition:.18s;font-weight:700}.hcjb-app .react-btn:hover{border-color:var(--jb-accent);background:var(--jb-accent-soft);transform:translateY(-2px)}.hcjb-app .react-btn i{font-size:24px;color:var(--jb-accent)}.hcjb-app .react-btn b{font-size:1.05em;color:var(--jb-accent)}.hcjb-app .react-btn small{font-size:.72em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .react-btn.share i{color:var(--jb-ink-3)}.hcjb-app .post-nav{margin-top:14px;background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);overflow:hidden;box-shadow:var(--jb-shadow)}.hcjb-app .pn-row{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--jb-line-2);cursor:pointer;transition:.12s}.hcjb-app .pn-row:last-child{border:0}.hcjb-app .pn-row:hover{background:var(--jb-accent-soft)}.hcjb-app .pn-row .dir{font-size:.8em;font-weight:800;color:var(--jb-ink-3);display:flex;align-items:center;gap:5px;width:70px;flex-shrink:0}.hcjb-app .pn-row .pt{font-weight:600;font-size:.92em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcjb-app .pn-row .pd{margin-left:auto;font-size:.8em;color:var(--jb-ink-3);font-weight:600;flex-shrink:0}.hcjb-app .cmts{margin-top:14px;background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);box-shadow:var(--jb-shadow);overflow:hidden}.hcjb-app .cmts-h{padding:18px 24px;border-bottom:1px solid var(--jb-line-2);font-weight:800;font-size:1.05em;display:flex;align-items:center;gap:8px}.hcjb-app .cmts-h b{color:var(--jb-accent)}.hcjb-app .cmts-h .sort{margin-left:auto;display:flex;gap:4px}.hcjb-app .cmts-h .sort button{font-size:.8em;font-weight:600;color:var(--jb-ink-3);padding:4px 10px;border-radius:7px}.hcjb-app .cmts-h .sort button.on{background:var(--jb-accent-soft);color:var(--jb-accent)}.hcjb-app .cmt{padding:18px 24px;border-bottom:1px solid var(--jb-line-2);display:flex;gap:13px}.hcjb-app .cmt.reply{padding-left:54px;background:var(--jb-line-2)}.hcjb-app .cmt.reply::before{content:"\f150";font-family:remixicon;position:absolute;margin-left:-26px;margin-top:2px;color:var(--jb-ink-4)}.hcjb-app .cmt .cav{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.85em}.hcjb-app .cmt .cmain{flex:1;min-width:0}.hcjb-app .cmt-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.hcjb-app .cmt-top .cnm{font-weight:700;font-size:.92em}.hcjb-app .cmt-top .cbadge{font-size:.68em;font-weight:800;padding:2px 7px;border-radius:6px}.hcjb-app .badge-admin{background:var(--jb-brand);color:#fff}.hcjb-app .badge-best{background:#FFE9EF;color:#D6356B}.hcjb-app .badge-writer{background:var(--jb-accent-soft);color:var(--jb-accent)}.hcjb-app .cmt-top .cdt{font-size:.76em;color:var(--jb-ink-4);font-weight:600;margin-left:auto}.hcjb-app .cmt-txt{font-size:.93em;color:var(--jb-ink);line-height:1.65}.hcjb-app .cmt.secret .cmt-txt{color:var(--jb-ink-3);font-style:italic}.hcjb-app .cmt-acts{display:flex;align-items:center;gap:14px;margin-top:9px}.hcjb-app .cmt-acts button{font-size:.8em;font-weight:600;color:var(--jb-ink-3);display:flex;align-items:center;gap:4px;transition:.15s}.hcjb-app .cmt-acts button:hover{color:var(--jb-accent)}.hcjb-app .cmt-emoji{display:flex;gap:6px;margin-top:9px}.hcjb-app .emoji-pill{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--jb-line-2);font-size:.8em;font-weight:700;transition:.15s;border:1px solid transparent}.hcjb-app .emoji-pill:hover{border-color:var(--jb-accent)}.hcjb-app .emoji-pill.on{background:var(--jb-accent-soft);border-color:var(--jb-accent);color:var(--jb-accent)}.hcjb-app .cmt-write{padding:18px 24px;display:flex;gap:12px;align-items:flex-start;background:var(--jb-line-2)}.hcjb-app .cmt-write .cav{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#FFB37C,#FF7C9C);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.hcjb-app .cmt-write .cwbox{flex:1}.hcjb-app .cmt-write textarea{width:100%;min-height:74px;border:1px solid var(--jb-line);border-radius:12px;padding:12px 14px;resize:vertical;
  background:var(--jb-card);line-height:1.6;outline:none;transition:.15s}.hcjb-app .cmt-write textarea:focus{border-color:var(--jb-accent);box-shadow:0 0 0 3px var(--jb-accent-soft)}.hcjb-app .cmt-write .cwfoot{display:flex;align-items:center;gap:10px;margin-top:9px}.hcjb-app .cmt-write .cwfoot .opt{display:flex;align-items:center;gap:5px;font-size:.82em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .cmt-write .cwfoot .send{margin-left:auto;background:var(--jb-accent);color:#fff;padding:9px 20px;border-radius:10px;font-weight:700;font-size:.9em}.hcjb-app .editor{background:var(--jb-card);border:1px solid var(--jb-line);border-radius:var(--jb-radius);box-shadow:var(--jb-shadow);overflow:hidden}.hcjb-app .ed-head{padding:20px 24px;border-bottom:1px solid var(--jb-line-2)}.hcjb-app .ed-head h2{font-size:1.3em;font-weight:800;display:flex;align-items:center;gap:9px}.hcjb-app .ed-row{display:flex;gap:10px;padding:16px 24px;border-bottom:1px solid var(--jb-line-2);flex-wrap:wrap}.hcjb-app .ed-field{flex:1;min-width:160px}.hcjb-app .ed-field label{display:block;font-size:.78em;font-weight:700;color:var(--jb-ink-3);margin-bottom:6px}.hcjb-app .ed-field select, .hcjb-app .ed-field input{width:100%;height:44px;border:1px solid var(--jb-line);border-radius:10px;padding:0 13px;
  background:var(--jb-card);font-weight:500;outline:none;transition:.15s}.hcjb-app .ed-field select:focus, .hcjb-app .ed-field input:focus{border-color:var(--jb-accent);box-shadow:0 0 0 3px var(--jb-accent-soft)}.hcjb-app .ed-title input{font-size:16px;font-weight:600}.hcjb-app .ed-opts{display:flex;gap:16px;padding:0 24px 16px;flex-wrap:wrap}.hcjb-app .ed-opt{display:flex;align-items:center;gap:7px;font-size:.86em;font-weight:600;color:var(--jb-ink-2);cursor:pointer}.hcjb-app .ed-opt input{width:18px;height:18px;accent-color:var(--jb-accent)}.hcjb-app .ed-toolbar{display:flex;align-items:center;gap:3px;padding:9px 16px;border-bottom:1px solid var(--jb-line-2);
  background:var(--jb-line-2);flex-wrap:wrap;position:sticky;top:60px;z-index:5}.hcjb-app .ed-toolbar .grp{display:flex;gap:1px;padding-right:7px;margin-right:4px;border-right:1px solid var(--jb-line)}.hcjb-app .ed-toolbar .grp:last-child{border:0}.hcjb-app .tb-btn{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--jb-ink-2);font-size:18px;transition:.13s}.hcjb-app .tb-btn:hover{background:var(--jb-card);color:var(--jb-accent)}.hcjb-app .tb-btn.on{background:var(--jb-accent-soft);color:var(--jb-accent)}.hcjb-app .tb-sel{height:34px;border:1px solid var(--jb-line);border-radius:8px;padding:0 8px;font-size:.82em;font-weight:600;background:var(--jb-card);color:var(--jb-ink-2);font-size:16px}.hcjb-app .tb-spacer{flex:1}.hcjb-app .tb-mode{display:flex;background:var(--jb-card);border:1px solid var(--jb-line);border-radius:8px;padding:2px}.hcjb-app .tb-mode button{padding:5px 11px;border-radius:6px;font-size:.78em;font-weight:700;color:var(--jb-ink-3);display:flex;align-items:center;gap:5px}.hcjb-app .tb-mode button.on{background:var(--jb-accent);color:#fff}.hcjb-app .ed-content{min-height:340px;padding:24px 28px;outline:none;line-height:1.85;font-size:1em}.hcjb-app .ed-content:empty::before{content:attr(data-ph);color:var(--jb-ink-4)}.hcjb-app .ed-content h3{font-size:1.2em;font-weight:800;margin:18px 0 10px}.hcjb-app .ed-content p{margin-bottom:13px}.hcjb-app .ed-content blockquote{border-left:3px solid var(--jb-accent);background:var(--jb-accent-soft);padding:12px 16px;border-radius:0 10px 10px 0;margin:14px 0;color:var(--jb-accent-ink)}.hcjb-app .ed-content ul, .hcjb-app .ed-content ol{margin:12px 0 14px;padding-left:24px}.hcjb-app .ed-content li{margin-bottom:6px}.hcjb-app .ed-content table{width:100%;border-collapse:collapse;margin:14px 0}.hcjb-app .ed-content th, .hcjb-app .ed-content td{border:1px solid var(--jb-line);padding:9px}.hcjb-app .ed-content th{background:var(--jb-line-2);font-weight:700}.hcjb-app .ed-content code{background:var(--jb-line-2);padding:2px 6px;border-radius:5px;font-family:ui-monospace,monospace;color:#D6356B}.hcjb-app .ed-content img, .hcjb-app .ed-content .ed-imgph{max-width:100%;border-radius:10px;margin:12px 0}.hcjb-app .ed-content .ed-imgph{height:160px;background:linear-gradient(135deg,var(--jb-accent-soft),#fff);display:grid;place-items:center;color:var(--jb-accent);border:1px dashed var(--jb-accent)}.hcjb-app .ed-source{display:none;width:100%;min-height:340px;padding:24px 28px;border:0;outline:none;resize:vertical;
  font-family:ui-monospace,'SF Mono',monospace;font-size:13px;line-height:1.7;color:#2A2A40;background:#FBFBFE}.hcjb-app .ed-htmlnote{margin:0 24px 16px;padding:11px 15px;border-radius:11px;background:var(--jb-good-soft);border:1px solid #B7EFD8;
  display:flex;align-items:center;gap:9px;font-size:.85em;color:#0A7A56;font-weight:600}.hcjb-app .ed-foot{display:flex;align-items:center;gap:10px;padding:18px 24px;border-top:1px solid var(--jb-line-2)}.hcjb-app .ed-foot .lft{display:flex;gap:8px}.hcjb-app .ed-foot .btn-ghost{padding:11px 20px;border-radius:11px;border:1px solid var(--jb-line);font-weight:700;color:var(--jb-ink-2);transition:.15s}.hcjb-app .ed-foot .btn-ghost:hover{border-color:var(--jb-ink-3)}.hcjb-app .ed-foot .rgt{margin-left:auto;display:flex;gap:8px}.hcjb-app .ed-foot .btn-primary{padding:11px 26px;border-radius:11px;background:var(--jb-accent);color:#fff;font-weight:800;box-shadow:0 8px 18px -7px var(--jb-accent);transition:.18s}.hcjb-app .ed-foot .btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.hcjb-app .r2-flow{margin:14px 24px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .r2-flow .chip{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;background:var(--jb-line-2)}.hcjb-app .r2-flow .chip i{color:var(--jb-accent)}.hcjb-app .r2-flow .arr{color:var(--jb-ink-4)}.hcjb-app .search-overlay{position:fixed;inset:0;z-index:100;background:rgba(20,20,40,.45);backdrop-filter:blur(4px);
  display:none;align-items:flex-start;justify-content:center;padding:80px 20px}.hcjb-app .search-overlay.on{display:flex}.hcjb-app .search-box{width:100%;max-width:680px;background:var(--jb-card);border-radius:20px;box-shadow:var(--jb-shadow-lg);overflow:hidden;
  animation:pop .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{from{transform:scale(.96) translateY(-10px);opacity:0}to{transform:none;opacity:1}}.hcjb-app .search-input{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--jb-line-2)}.hcjb-app .search-input i{font-size:26px;color:var(--jb-brand)}.hcjb-app .search-input input{flex:1;border:0;outline:none;font-size:1.2em;font-weight:600}.hcjb-app .search-input .esc{font-size:.72em;font-weight:700;color:var(--jb-ink-4);padding:4px 8px;border:1px solid var(--jb-line);border-radius:7px}.hcjb-app .search-filters{display:flex;gap:6px;padding:13px 24px;border-bottom:1px solid var(--jb-line-2);flex-wrap:wrap}.hcjb-app .sf{padding:6px 13px;border-radius:999px;font-size:.82em;font-weight:700;background:var(--jb-line-2);color:var(--jb-ink-2);transition:.15s}.hcjb-app .sf.on{background:var(--jb-brand);color:#fff}.hcjb-app .search-results{max-height:50vh;overflow-y:auto}.hcjb-app .sr-group{padding:8px 0}.hcjb-app .sr-glabel{padding:8px 24px 4px;font-size:.74em;font-weight:800;color:var(--jb-ink-4);letter-spacing:.04em;text-transform:uppercase}.hcjb-app .sr-item{display:flex;align-items:center;gap:13px;padding:11px 24px;cursor:pointer;transition:.12s}.hcjb-app .sr-item:hover{background:var(--jb-brand-soft)}.hcjb-app .sr-item .sic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.hcjb-app .sr-item .stx{flex:1;min-width:0}.hcjb-app .sr-item .st{font-weight:600;font-size:.94em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcjb-app .sr-item .st mark{background:#FFE9A8;color:inherit;border-radius:3px;padding:0 2px}.hcjb-app .sr-item .sm{font-size:.78em;color:var(--jb-ink-3);font-weight:600}.hcjb-app .sr-item .sb{font-size:.7em;font-weight:800;padding:3px 8px;border-radius:6px;flex-shrink:0}.hcjb-app .search-foot{padding:11px 24px;border-top:1px solid var(--jb-line-2);font-size:.78em;color:var(--jb-ink-4);font-weight:600;display:flex;gap:18px}.hcjb-app .search-foot kbd{font-family:inherit;background:var(--jb-line-2);padding:2px 6px;border-radius:5px;font-size:.92em;font-weight:700}.hcjb-app .theme-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;
  background:var(--jb-brand);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 12px 28px -8px rgba(69,65,255,.6);transition:.2s}.hcjb-app .theme-fab:hover{transform:scale(1.07) rotate(30deg)}.hcjb-app .theme-panel{position:fixed;right:22px;bottom:88px;z-index:81;width:300px;background:var(--jb-card);border-radius:18px;
  box-shadow:var(--jb-shadow-lg);border:1px solid var(--jb-line);overflow:hidden;transform-origin:bottom right;
  transform:scale(.9);opacity:0;pointer-events:none;transition:.22s cubic-bezier(.2,.9,.3,1.1)}.hcjb-app .theme-panel.on{transform:none;opacity:1;pointer-events:auto}.hcjb-app .tp-head{padding:16px 18px;border-bottom:1px solid var(--jb-line-2);font-weight:800;font-size:1.02em;display:flex;align-items:center;gap:8px}.hcjb-app .tp-sec{padding:15px 18px;border-bottom:1px solid var(--jb-line-2)}.hcjb-app .tp-sec:last-child{border:0}.hcjb-app .tp-sec h5{font-size:.76em;font-weight:800;color:var(--jb-ink-3);letter-spacing:.03em;margin-bottom:10px;text-transform:uppercase}.hcjb-app .seg{display:flex;background:var(--jb-line-2);border-radius:10px;padding:3px;gap:2px}.hcjb-app .seg button{flex:1;padding:7px 4px;border-radius:7px;font-size:.8em;font-weight:700;color:var(--jb-ink-3);transition:.15s}.hcjb-app .seg button.on{background:var(--jb-card);color:var(--jb-accent);box-shadow:0 1px 3px rgba(0,0,0,.08)}.hcjb-app .tp-colors{display:flex;gap:9px}.hcjb-app .tp-colors button{width:36px;height:36px;border-radius:11px;border:2px solid transparent;transition:.15s;position:relative}.hcjb-app .tp-colors button.on{border-color:var(--jb-ink);transform:scale(1.08)}.hcjb-app .tp-colors button.on::after{content:"\eb7b";font-family:remixicon;position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:16px}@media(max-width:880px){.hcjb-app .guide-wrap{grid-template-columns:1fr}.hcjb-app .guide-toc{position:static;display:none}.hcjb-app .xrow{grid-template-columns:42px 1fr 72px}.hcjb-app .xrow .xc-cat, .hcjb-app .xrow .xc-author, .hcjb-app .xrow .xc-hit{display:none}.hcjb-app .xrow.head .xc-rec{display:none}.hcjb-app .xrow .xc-rec{display:none}.hcjb-app .bh-title{font-size:1.4em}.hcjb-app .pm-stats{margin-left:0;width:100%}}@media(max-width:560px){.hcjb-app .topnav button span{display:none}.hcjb-app .post-head, .hcjb-app .post-body{padding-left:18px;padding-right:18px}.hcjb-app .guide-doc{padding:22px}.hcjb-app .theme-panel{right:12px;width:calc(100vw - 24px);max-width:300px}}.hcjb-app .hcjb-skel{border-radius:8px;background:linear-gradient(90deg,var(--jb-line-2) 25%,var(--jb-line) 37%,var(--jb-line-2) 63%);background-size:400% 100%;animation:hcjbSh 1.3s ease infinite;margin-bottom:10px}@keyframes hcjbSh{0%{background-position:100% 0}100%{background-position:-100% 0}}.hcjb-app .ri-loader-4-line{animation:hcjbSpin .8s linear infinite;display:inline-block}@keyframes hcjbSpin{to{transform:rotate(360deg)}}.hcjb-app .ed-attach{margin:0 24px 16px;border:1px dashed var(--jb-line);border-radius:12px;padding:14px 16px}.hcjb-app .ed-attach-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.88em;color:var(--jb-ink-2)}.hcjb-app .ed-attach-btn{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;border:1px solid var(--jb-accent);color:var(--jb-accent);font-weight:700;font-size:.95em;background:#fff;transition:.15s}.hcjb-app .ed-attach-btn:hover{background:var(--jb-accent-soft)}.hcjb-app .ed-attach-list{margin-top:10px;display:flex;flex-direction:column;gap:7px}.hcjb-app .ed-attach-empty{font-size:.84em;color:var(--jb-ink-4);font-weight:500;padding:4px 0}.hcjb-app .ed-attach-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--jb-line);border-radius:10px;background:var(--jb-card);font-size:.88em}.hcjb-app .ed-attach-item i{font-size:20px;color:var(--jb-accent)}.hcjb-app .ed-attach-item.up i{color:var(--jb-ink-4)}.hcjb-app .ed-attach-item .fnm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcjb-app .ed-attach-item .fsz{margin-left:auto;color:var(--jb-ink-3);font-size:.85em;font-weight:600;flex-shrink:0}.hcjb-app .ed-attach-item .frm{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--jb-ink-4);flex-shrink:0;transition:.15s}.hcjb-app .ed-attach-item .frm:hover{background:#FEE;color:var(--jb-danger)}
/* spacing between site header and board */
.hcjb-app{margin-top:8px;margin-bottom:24px}
.hcjb-app .wrap{padding-top:12px}

/* mobile: use full screen width, tighter side padding */
@media(max-width:600px){
  .hcjb-app{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
  .hcjb-app .wrap{padding-left:10px;padding-right:10px;padding-top:10px}
  .hcjb-app .topbar-in{padding-left:12px;padding-right:12px}
  .hcjb-app .xrow.head>div{padding-left:7px;padding-right:7px}
  .hcjb-app .xrow.body>div{padding-left:7px;padding-right:7px}
}

/* form board editor (입회신청서 등) */
.hcjb-app .hcjb-form-desc{color:var(--jb-ink-2);font-size:.92em;line-height:1.6;margin:0 24px 8px;padding:12px 16px;background:var(--jb-accent-soft);border-radius:12px}
.hcjb-app .hcjb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:18px 24px}
.hcjb-app .hcjb-form-grid .ed-field{display:flex;flex-direction:column;gap:6px}
.hcjb-app .hcjb-form-grid .ed-field label{font-size:.85em;font-weight:700;color:var(--jb-ink-2)}
.hcjb-app .hcjb-form-grid .ed-field:has(textarea){grid-column:1 / -1}
.hcjb-app .hcjb-form-check{grid-column:1 / -1;display:flex;align-items:flex-start;gap:9px;font-size:.92em;color:var(--jb-ink-2);font-weight:600;background:var(--jb-line-2);padding:12px 14px;border-radius:10px;cursor:pointer}
.hcjb-app .hcjb-form-check input{margin-top:2px;width:18px;height:18px;flex-shrink:0}
.hcjb-app .hcjb-form-table{width:100%;border-collapse:collapse;margin:6px 0}
.hcjb-app .hcjb-form-table th{width:34%;text-align:left;background:var(--jb-line-2);padding:10px 12px;border:1px solid var(--jb-line);font-weight:700;font-size:.92em;color:var(--jb-ink-2);vertical-align:top}
.hcjb-app .hcjb-form-table td{padding:10px 12px;border:1px solid var(--jb-line);font-size:.95em}
.hcjb-app .hcjb-form-agrees{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.hcjb-app .hcjb-form-agrees li{font-size:.9em;color:var(--jb-ink-2);font-weight:600}
@media(max-width:600px){.hcjb-app .hcjb-form-grid{grid-template-columns:1fr;padding:14px 12px}.hcjb-app .hcjb-form-desc{margin:0 12px 8px}}