/* 마이페이지 '업무' (사업자 회원 · 락인 회의 2026-10-29 [C]) — 진행 보드 · 메모 노트 · 지원 체크 · 원단 비교표
   버튼 모양은 magazine.css 의 --rv-btn-* 토큰만 읽는다(둥근 알약). 흰 바탕 · 헤어라인 · 네이비 #1B2438 */
.wk-tabs,.wk-stabs,.wk-chips,.wk-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wk-tabs{margin:22px 0 18px}
.wk-pane{word-break:keep-all}
.wk-b,.wk-chip,.wk-tabs button,.wk-stabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--rv-btn-h-sm,36px);padding:0 14px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);background:var(--rv-btn-bg,#fff);color:var(--rv-btn-ink,#111);font-family:'Noto Sans KR',sans-serif;font-size:13px;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--rv-btn-ease,.14s ease),border-color var(--rv-btn-ease,.14s ease),color var(--rv-btn-ease,.14s ease),transform var(--rv-btn-ease,.14s ease)}
.wk-b:hover,.wk-chip:hover,.wk-tabs button:hover,.wk-stabs button:hover{border-color:var(--rv-btn-line-hover,#1B2438);background:var(--rv-btn-soft,#F3F4F7)}
.wk-b.navy,.wk-b.on,.wk-chip.on,.wk-tabs button[aria-selected=true],.wk-stabs button[aria-selected=true]{background:var(--rv-btn-navy,#1B2438);border-color:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff)}
.wk-b:active,.wk-chip:active,.wk-tabs button:active,.wk-stabs button:active{transform:var(--rv-btn-press,scale(.97))}
.wk-b:focus-visible,.wk-chip:focus-visible,.wk-tabs button:focus-visible,.wk-stabs button:focus-visible{outline:0;box-shadow:var(--rv-btn-focus,0 0 0 2px #fff,0 0 0 4px #1B2438)}
.wk-chip:disabled{opacity:.45;cursor:default}
.wk-stabs .bod{font-size:13px;opacity:.75}
.wk-empty{margin:20px 0 0;padding:28px 24px;background:#F6F6F3;font-size:14px;line-height:1.85;color:#333333}
.wk-empty a,.wk-help a{color:var(--navy,#1B2438);text-decoration:underline;text-underline-offset:3px}
.wk-none{margin:14px 0;font-size:13.5px;line-height:1.7;color:var(--mute,#6B6B6B)}
.wk-foot,.wk-cnt{margin:14px 0 0;font-size:13px;color:var(--mute,#6B6B6B)}
.wk-meta,.wk-help{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--mute,#6B6B6B)}
.wk-err{min-height:0;margin:6px 0 0;font-size:13px;line-height:1.6;color:#8E2424}
.wk-err:empty{display:none}
.wk-lim{margin-left:8px;font-family:'Noto Sans KR',sans-serif;font-size:13px;font-weight:400;color:var(--mute,#6B6B6B)}
/* 진행 보드: PC 열 4개 · 휴대폰은 칸 탭 */
.wk-stabs{display:none;margin:0 0 14px}
.wk-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.wk-col{min-width:0}
.wk-col h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #111111;font-family:'Noto Serif KR',serif;font-size:17px;font-weight:500}
.wk-col h3 .bod{font-size:15px;color:var(--navy,#1B2438)}
.wk-col ul,.wk-notes,.wk-funds,.wk-ck{list-style:none;margin:0;padding:0}
.wk-col ul{display:grid;gap:12px}
.wk-card,.wk-notes>li,.wk-funds>li{min-width:0;padding:16px 16px 14px;border:1px solid var(--line,#E4E4E4);background:#FFFFFF}
.wk-k{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:13px;letter-spacing:.04em;color:var(--mute,#6B6B6B)}
.wk-card h4,.wk-notes h4,.wk-fh h4{margin:6px 0 0;font-family:'Noto Serif KR',serif;font-size:16px;font-weight:500;line-height:1.5;overflow-wrap:break-word}
.wk-fh h4 a{color:#111111}
.wk-due{margin:8px 0 0;font-size:13px;color:var(--navy,#1B2438)}
.wk-due.near,.wk-fd.near{color:#8A1F1F}
.wk-memo,.wk-ntext{margin:8px 0 0;padding:8px 10px;background:#F6F6F3;font-size:13px;line-height:1.7;color:#333333;white-space:pre-wrap;overflow-wrap:break-word}
.wk-ntext{background:none;padding:0;font-size:14px;line-height:1.85}
.wk-acts,.wk-nacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.wk-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.wk-form input,.wk-nform input,.wk-nform textarea,.wk-search input,.wk-sel select{font-family:'Noto Sans KR',sans-serif;font-size:14px;color:#111111;border:0;border-bottom:1px solid #111111;border-radius:0;background:#FFFFFF}
.wk-form input{flex:1 1 140px;min-width:0;height:40px;padding:0 2px}
.wk-form label{display:flex;flex:1 1 100%;flex-direction:column;gap:4px;font-size:13px;color:var(--mute,#6B6B6B)}
.wk-form label input{flex:none;width:100%}
.wk-sel select{height:var(--rv-btn-h-sm,36px);padding:0 22px 0 4px;font-size:13px}
.wk-form input:focus,.wk-nform input:focus,.wk-nform textarea:focus,.wk-search input:focus,.wk-sel select:focus{outline:0;border-bottom-color:var(--navy,#1B2438);box-shadow:0 1px 0 var(--navy,#1B2438)}
/* 메모 노트 */
.wk-nform{display:grid;gap:14px;max-width:760px}
.wk-nrow{display:flex;gap:16px;align-items:flex-end}
.wk-grow{flex:1;min-width:0}
.wk-nform input{width:100%;height:44px;padding:0 2px}
.wk-nform textarea{width:100%;padding:10px 2px;line-height:1.8;resize:vertical;border:1px solid var(--line,#E4E4E4);border-bottom-color:#111111;padding:12px}
.wk-search{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:30px 0 14px}
.wk-search label{flex:1;max-width:420px}
.wk-search input{width:100%;height:44px;padding:0 2px}
.wk-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wk-notes>li[hidden]{display:none}
/* 지원 체크 */
.wk-funds{display:grid;gap:14px}
.wk-fh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wk-fh h4{flex:1;min-width:0;margin:0}
.wk-fd{flex:none;font-size:14px;color:var(--navy,#1B2438)}
.wk-ck{margin-top:10px;border-top:1px solid var(--line,#E4E4E4)}
.wk-ck li{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--line,#E4E4E4)}
.wk-ckl{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:48px;cursor:pointer}
.wk-ckl input{position:absolute;opacity:0;width:1px;height:1px}
.wk-ckl .box{flex:none;width:20px;height:20px;border:1px solid #111111;background:#FFFFFF;position:relative}
.wk-ckl input:checked+.box{background:var(--navy,#1B2438);border-color:var(--navy,#1B2438)}
.wk-ckl input:checked+.box::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #FFFFFF;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.wk-ckl input:focus-visible+.box{box-shadow:0 0 0 2px #fff,0 0 0 4px #1B2438}
.wk-ckl .tx{font-size:14.5px;line-height:1.6;overflow-wrap:break-word;min-width:0}
.wk-ckl input:checked~.tx{color:var(--mute,#6B6B6B);text-decoration:line-through}
.wk-x{flex:none;min-height:44px;padding:0 4px;border:0;background:none;font-size:13px;color:var(--mute,#6B6B6B);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wk-x:hover{color:#111111}
.wk-presets{margin-top:10px}
/* 원단 비교표 */
.wk-cmp .wk-chips{margin-top:16px}
.wk-sheet{margin-top:18px;padding:22px 22px 14px;border:1px solid var(--line,#E4E4E4);background:#FFFFFF}
.wk-sheet-h{margin:0 0 14px;font-size:13px;letter-spacing:.04em;color:var(--mute,#6B6B6B)}
.wk-sheet-h b{margin-right:6px;font-family:'Bodoni Moda',serif;font-weight:500;letter-spacing:.14em;color:#111111}
.wk-sheet-f{margin:12px 0 0;font-size:13px;color:var(--mute,#6B6B6B)}
.wk-tw{overflow-x:auto}
.wk-tbl{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:14.5px;line-height:1.65}
.wk-tbl th,.wk-tbl td{padding:13px 14px 13px 0;border-bottom:1px solid var(--line,#E4E4E4);text-align:left;vertical-align:top;overflow-wrap:break-word}
.wk-tbl thead th{padding-top:4px;border-bottom:1px solid #111111;font-family:'Noto Serif KR',serif;font-size:16px;font-weight:500}
.wk-tbl thead th:first-child,.wk-tbl tbody th{width:132px}
.wk-tbl tbody th{font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--mute,#6B6B6B)}
.wk-tbl .bod{font-size:16.5px;color:#111111}
.wk-need,.wk-dash{font-size:13px;color:#6A6A6A}
.wk-cmp .wk-acts{margin-top:14px}
@container mg (max-width:1000px){.wk-notes{grid-template-columns:1fr}}
@container mg (max-width:900px){
.wk-stabs{display:flex}
.wk-board{display:block}
.wk-col{display:none}
.wk-col.on{display:block}
.wk-col h3{display:none}
.wk-nrow{flex-direction:column;align-items:stretch;gap:10px}
.wk-search{flex-direction:column;align-items:stretch;gap:8px}
.wk-search label{max-width:none}
.wk-sheet{padding:16px 14px 10px}
.wk-tbl{min-width:calc(88px + var(--n,4) * 136px);font-size:13.5px}
.wk-tbl thead th{font-size:14px}
.wk-tbl thead th:first-child,.wk-tbl tbody th{width:88px}
}
/* 인쇄: 비교표 한 장만 */
@media print{
  html.wk-print body *{visibility:hidden}
  html.wk-print .wk-sheet,html.wk-print .wk-sheet *{visibility:visible}
  html.wk-print .wk-sheet{position:absolute;left:0;top:0;width:100%;border:0;padding:0}
  html.wk-print .wk-tw{overflow:visible}
  html.wk-print .wk-tbl{min-width:0}
}
/* 하위 칸이 많아지면 휴대폰에서 옆으로 밀어 본다(줄바꿈 없이) */
.mp-sub{overflow-x:auto;scrollbar-width:none}
.mp-sub a{flex:0 0 auto}   /* 휴대폰에서 칸이 줄어 글자가 옆 칸에 붙던 문제 (2026-11-01) */
.mp-sub::-webkit-scrollbar{display:none}
@container mg (max-width:600px){.mp-sub{gap:18px}}
.wk-sel select{border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);padding:0 14px;background:var(--rv-btn-bg,#fff);cursor:pointer}