/* company.css — 회사관리자에만 더한 꾸밈  ★[COMPANY2] 261007
   ★색 · 높이 · 둥글기는 admin.css 맨 끝 :root 변수를 쓴다. 새 색을 직접 적지 않는다(빨강 · 초록은 --c-err · --c-ok). */
.lg-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--c-bg)}
.lg{width:360px;max-width:100%;background:#fff;border:1px solid var(--c-bd);border-radius:var(--r-card);padding:28px 26px 24px}
.lg h1{font-size:18px;font-weight:600;color:var(--c-tx);margin:0 0 4px}
.lg p{color:var(--c-sub);font-size:var(--fs);margin:0 0 18px}
.lg label{display:block;color:var(--c-lb);font-size:var(--fs);margin:12px 0 6px}
.lg input{width:100%;height:var(--h-m);box-sizing:border-box;border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 12px;font:inherit;font-size:14px;background:#fff;color:var(--c-tx)}
.lg input:focus{outline:0;border-color:var(--c-acc)}
.lg button{width:100%;height:var(--h-m);margin-top:18px;border:0;border-radius:var(--r);background:var(--c-acc);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.lg button:hover{background:var(--c-acc-h)}
.lg .err{color:var(--c-err);font-size:var(--fs);margin-top:12px;min-height:18px}
/* 표 — 머리를 누르면 정렬 · 숫자 칸은 오른쪽 */
table.list th.srt{cursor:pointer;user-select:none;white-space:nowrap}
table.list th.srt i{font-style:normal;color:var(--c-dim);margin-left:4px;font-size:10px}
table.list th.srt.on i{color:var(--c-tx)}
table.list td.num,table.list th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.list td.low{color:var(--c-err)}
table.list tr.cut td{color:var(--c-dim);text-decoration:line-through}
table.list tr.cut td:last-child{text-decoration:none}
table.list tr.pick{cursor:pointer}
table.list tr.pick:hover td{background:var(--c-bg)}
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tblw table.list{min-width:100%}
.co-find{height:var(--h);width:var(--w-ctl);max-width:100%;border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 10px;font:inherit;font-size:var(--fs);background:#fff;color:var(--c-tx)}
.co-day{height:var(--h);border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 8px;font:inherit;font-size:var(--fs);background:#fff;color:var(--c-tx)}
.co-cnt{color:var(--c-sub);font-size:var(--fs);margin-left:auto;white-space:nowrap}
table.form td textarea{width:100%;max-width:640px;min-height:180px;border:1px solid var(--c-bd2);border-radius:var(--r);padding:10px;font:inherit;font-size:var(--fs);color:var(--c-tx);background:#fff;resize:vertical}
table.form td input[type=number],table.form td input[type=date],table.form td input[type=password]{height:var(--h);width:var(--w-ctl);max-width:100%;border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 10px;font:inherit;font-size:var(--fs);background:#fff;color:var(--c-tx);box-sizing:border-box}
.co-body{white-space:pre-wrap;word-break:break-word;font-size:var(--fs);color:var(--c-tx);line-height:1.7;padding:14px 18px}
.co-files a{display:inline-block;margin:0 10px 6px 0;color:var(--c-tx);font-size:var(--fs);text-decoration:underline}
.co-row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--c-bd)}
.co-row:last-child{border-bottom:0}
.co-row .nm{flex:1;min-width:0;font-size:var(--fs);color:var(--c-tx)}
.co-row .nm .hint{display:block}
.co-now{color:var(--c-sub);font-size:var(--fs);margin-left:10px}
@media (max-width:700px){
  .co-find,.co-day{height:var(--h-m);font-size:14px}
  .co-find{width:100%}
  table.form td input[type=number],table.form td input[type=date],table.form td input[type=password]{height:var(--h-m);width:100%;font-size:14px}
  table.form td textarea{font-size:14px}
  .co-cnt{margin-left:0;width:100%}
}
/* 휴대폰 — 고르기 창 글자는 휴대폰이 띄우던 창과 같은 크기 · 단추줄은 한 줄에 셋씩 */
@media (max-width:700px){
  .btns.chips.tdone .tdmenu a,.btns.chips.tdone .tdmenu a span,.btns.chips.tdone .tdmenu a b{font-size:17px !important}
  .btns.chips.tdone>button.b,.btns.chips.tdone>.tdfw{flex:1 1 30% !important}
  .btns.chips.tdone>.co-day{flex:1 1 45%;min-width:0}
}
.co-lb{color:var(--c-lb);font-size:var(--fs);white-space:nowrap}
@media (max-width:700px){ .btns.chips.tdone>.co-day{flex:1 1 35%} }

/* ★[COMPANY4] 재고 — 표 안 수량 칸 · 한 달 표 */
input.co-q{width:96px;height:var(--h-s);border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 8px;font:inherit;font-size:var(--fs);text-align:right;background:#fff;color:var(--c-tx);box-sizing:border-box}
input.co-q:focus,input.co-m:focus{outline:0;border-color:var(--c-acc)}
input.co-m{width:220px;max-width:100%;height:var(--h-s);border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 8px;font:inherit;font-size:var(--fs);background:#fff;color:var(--c-tx);box-sizing:border-box}
select.co-sel{height:var(--h);border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 8px;font:inherit;font-size:var(--fs);background:#fff;color:var(--c-tx)}
table.list td.old{color:var(--c-dim)}
table.co-grid th,table.co-grid td{padding-left:7px !important;padding-right:7px !important;white-space:nowrap}
table.co-grid th:first-child,table.co-grid td:first-child{padding-left:18px !important;position:sticky;left:0;background:#fff;z-index:1}
table.co-grid th.tdy,table.co-grid td.tdy{background:var(--c-acc-bg)}
table.list tr.co-sum td{font-weight:600;border-top:1px solid var(--c-bd)}
@media (max-width:700px){ input.co-q{height:var(--h-m);font-size:14px;width:88px} input.co-m{height:var(--h-m);font-size:14px} select.co-sel{height:var(--h-m);font-size:14px;flex:1 1 45%} }

/* ★[LOGINWATCH] 새 주소 로그인 — 맨 위 알림 · 표의 줄 · 회원 판 최근 로그인 */
.note.co-alert{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:none !important;margin:0 0 12px;border-color:var(--c-err);color:var(--c-err);background:var(--c-err-bg)}
.note.co-alert span:first-child{flex:1;min-width:200px}
.co-alert-b{display:inline-flex;gap:6px}
table.list tr.co-new td{background:var(--c-err-bg)}
table.list tr.co-new td:last-child{color:var(--c-err)}
.co-recent{font-size:var(--fs);color:var(--c-tx);line-height:1.8}
.co-recent .bad{color:var(--c-err)}

/* ★[TOPFLEX] 261019 채널관리자와 같게 — 터치 되는 PC 에서 [전체 메뉴] 와 1차 메뉴가 두 줄로 갈라지던 것 → 어디서나 한 줄 (대표 03:34) */
html body .top{display:flex !important;align-items:stretch;overflow:visible}
html body .top .ham{flex:0 0 auto;width:auto !important;height:auto !important}
html body #topnav{flex:1 1 auto;min-width:0;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
html body .wrap .side{display:flex !important;align-items:center}
@media (max-width:1100px){ html body .bar,html body .top,html body .wrap .side{height:44px !important} }
/* ★[DOCS2] 261019 문서 게시판 — 아래 줄 한 줄 · 위 가로줄 하나만 (대표 03:43) */
html body .main .card.bdcard{margin-top:0 !important;border-top:0 !important}
html body .main .bdbar{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #e3e3e2}
html body .main .bdbar>span{display:flex !important;align-items:center;gap:6px;width:auto !important}
html body .main .bdbar>span:first-child{justify-content:flex-start}
html body .main .bdbar>span:last-child{justify-content:flex-end}
html body .main .bdbar button{margin:0 !important;width:auto !important}
/* ★[DOCS3] 261019 게시판 위 · 아래 가로줄 하나씩만 — 카드 바깥 여백 · 테두리 없앰 (대표 03:56) */
html body .main:has(.bdcard){padding-top:0 !important;padding-bottom:0 !important}
html body .main .card.bdcard{margin-bottom:0 !important;border-bottom:0 !important;border-left:0 !important;border-right:0 !important;border-radius:0 !important;box-shadow:none !important}
/* ★[BDFIX] 261019 게시판 칸 자리 고정 — 개인홈처럼 제목 · 카테고리(200) · 날짜(96) 가 글마다 안 움직이게 (대표 04:09) */
.bdcard table.list{display:table !important;width:100% !important;table-layout:fixed !important;white-space:normal !important}
.bdcard table.list>tbody{display:table-row-group !important}
.bdcard table.list col.hm{width:200px !important}
.bdcard table.list col.dt{width:96px !important}
.bdcard table.list col.st{width:76px !important}   /* ★[BDCOL] 칸 폭은 순서가 아니라 이름으로 (업무요청 상태 칸이 200 이 되던 것) */
.bdcard table.list td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdcard table.list td[colspan]{white-space:normal;overflow:visible}
@media (max-width:700px){ .bdcard table.list .hm{display:none} .bdcard table.list col.dt{width:88px !important} }   /* ★[BDCOL] 261024 업무요청(상태 칸 있음)에서 칸이 어긋나 표 선이 가다 말던 것 (대표 15:33) */
html body .main .bdbar .b{white-space:nowrap}
/* ★[BDSAME] 261019 개인홈과 똑같이 (대표 04:13 "잘 살펴봐") — 개인홈 [FSUNI] · [DETLINE] · [SOPEN] · [FOOTGAP] · 하단 메뉴 값 그대로 */
#main *:not(h2),.foot,.foot *,#topnav,#topnav *,#sidenav,#sidenav *,.tabs button{font-size:14px !important}
#main .card h3,#main .card h3 *{font-size:15px !important}
.bdcard table.list td,.bdcard table.list th{padding:9px 12px}
.bdcard tr[style*=pointer]>td:first-child{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
.bdcard tr.sopen>td:first-child{font-weight:700;white-space:normal !important;word-break:break-all}
.sitedet{margin:0;padding:14px 12px;background:#fff;border:0;border-top:2px solid #1f1e1d;border-bottom:2px solid #1f1e1d;white-space:normal;cursor:default}
.sitedet span[style*="font-size:12px"]{font-size:12px !important}
.sitefiles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sitefiles img{max-width:100%;max-height:420px;border-radius:6px;display:block}
.sitefile{padding:8px 12px;border:1px solid #e3e3e2;border-radius:8px;color:#1f1e1d;text-decoration:none}
@media (max-width:700px){.sitefiles a.sfull{flex:1 0 100%}.sitefiles img.sfull{width:100%;max-height:none;height:auto}}
.bdbar .b{min-width:60px}
body{padding-bottom:72px}
.foot{padding:0 14px !important}
.foot > div{height:49px}
.foot b[onclick^="footMega"]{color:#0b0b0b;font-weight:700}
.foot select.co-sel{min-width:180px !important;height:34px;border:1px solid #e3e3e2;border-radius:8px;background:#fff;padding:0 10px;color:#1f1e1d}
html body .mega h4,html body .mega a{font-size:14px !important;line-height:1.5}
/* ★[BDGAP] 261019 2차 메뉴 아래 = 개인홈처럼 20px 띄우고 게시판 윗선 (탭이 없어도 붙이지 않음 · 대표 04:20) */
html body .main:has(.bdcard){padding-top:20px !important}
html body .main .card.bdcard{border-top:1px solid #e3e3e2 !important}
/* ★[BDLINE2] 261019 개인홈과 같게 — 게시판 윗선 한 줄 · 아래 20px 띄우고 하단 메뉴(위아래 선) (대표 04:37) */
html body .main .card.bdcard>table.list:first-child{border-top:0 !important}
html body .main:has(.bdcard){padding-bottom:20px !important}
html body .main .card.bdcard{border-bottom:1px solid #e3e3e2 !important}
html body .foot{border-top:1px solid #e3e3e2 !important;border-bottom:1px solid #e3e3e2 !important;background:#fff}
/* ★[BDLINE3] 261019 게시판 마지막 줄 밑선 + 아래 줄(개수 · 쪽) 윗선이 겹쳐 두 줄 → 한 줄 (대표 04:39) */
html body .main .card.bdcard table.list{border-bottom:0 !important}
html body .main .card.bdcard table.list tr:last-child>td{border-bottom:0 !important}
/* ★[MEGAFIX] 261019 자주 · 전체 메뉴가 열려도 안 보이던 것 — 위 메뉴 줄이 넘친 부분을 잘라 숨기고 있었다 (대표 04:39) */
html body .top{overflow:visible !important}
/* ★[SFALL2] 261019 하단 [전체 메뉴] 판 — 개인홈 값 그대로 (대표 04:45) */
.sfallp{position:fixed;left:0;right:0;bottom:0;max-height:78vh;overflow-y:auto;background:#fff;border-top:2px solid #0b0b0b;box-shadow:0 -6px 24px rgba(0,0,0,.12);z-index:1000;font-size:14px}
.sfallp *{font-size:14px}
.sfallp .sfh{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e3e3e2}
.sfallp .sfx{cursor:pointer;padding:0 4px;color:#52514e}
.sfallp .sfg{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;padding:12px 18px 28px}
.sfallp h4{margin:0 0 10px;padding-bottom:6px;font-weight:800;color:#1f1e1d;border-bottom:2px solid #1f1e1d}
.sfallp h5{margin:16px 0 4px;font-weight:700;color:#1f1e1d}
.sfallp h4 + h5{margin-top:0}
.sfallp .s3{display:flex;align-items:center;gap:4px;padding:4px 0}
.sfallp h5 ~ .s3{padding-left:0}
.sfallp .s3 a{color:#3d3d3a;cursor:pointer;text-decoration:none}
.sfallp a:hover{color:#0b0b0b;text-decoration:underline}
.sfallp .favs{cursor:pointer;color:#c3c2bd;padding:0 4px}
.sfallp .favs.on{color:#e0a400}
@media (max-width:1100px){.sfallp .sfg{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.sfallp .sfg{grid-template-columns:1fr}.sfallp .sfc{border-bottom:1px solid #f3f3f3;padding:10px 0}}
/* ★[LINE1] 261019 개인홈 [LINE1] 그대로 — 표 밑선 + 상자 밑선이 붙어 두 줄로 보이던 곳 → 한 줄 (모든 화면 · 대표 04:50) */
html body .main .card h3 + table.list{border-top:0 !important}
html body .main .card > table.list:last-child{border-bottom:0 !important}
html body .main .card table.list > tbody > tr:last-child > td{border-bottom:0 !important}
html body .main .card table tr:last-child,html body .main .card table tr:last-child > td{border-bottom:0 !important}
html body .main .card > div:last-child > table.list:last-child{border-bottom:0 !important}
html body .main .tabs + .card{border-top:0 !important}
html body .main .card h3 + div > table.list:first-child,html body .main .card h3 + div > div > table.list:first-child{border-top:0 !important}
html body .main .tabs{border-top:0 !important}   /* 탭 단추 윗선 + 탭 줄 윗선 겹침 → 단추 윗선만 (개인홈 모양) */
/* ★[PTFIX] 261019 매입처 · 매출처 표 = 같은 칸 자리로 고정 (대표 05:08) */
html body .ptbl table.list{display:table !important;width:100% !important;table-layout:fixed !important;white-space:normal !important}
html body .ptbl table.list>tbody{display:table-row-group !important}
.ptbl th:nth-child(1){width:170px}.ptbl th:nth-child(2){width:100px}.ptbl th:nth-child(3){width:140px}.ptbl th:nth-child(4){width:140px}
.ptbl th:nth-child(5){width:auto}.ptbl th:nth-child(6){width:200px}.ptbl th:nth-child(7){width:80px}.ptbl th:nth-child(8){width:100px}
.ptbl td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptbl td[colspan]{white-space:normal}
@media (max-width:700px){html body .ptbl table.list{table-layout:auto !important}.ptbl th{width:auto !important}}
.ptbl td:last-child{overflow:visible;text-overflow:clip}
html body .main .card .tblw:last-child > table.list,html body .main .card > div:last-child .tblw:last-child > table.list{border-bottom:0 !important}
html body table.list tr:has(+ tr.co-sum) > td{border-bottom:0 !important}   /* ★[SUMLINE] 합계 줄 윗선 + 바로 위 줄 밑선 겹침 → 한 줄 */
/* ★[DYFIX] 261019 직접입력 탭마다 칸 자리 고정 (대표 05:48) */
html body .dytbl table.list{display:table !important;width:100% !important;table-layout:fixed !important;white-space:normal !important}
html body .dytbl table.list>tbody{display:table-row-group !important}
.dytbl th:nth-child(1){width:110px}.dytbl th:nth-child(2){width:150px}.dytbl th:nth-child(3){width:110px}.dytbl th:nth-child(4){width:auto}
.dytbl th:nth-child(5){width:160px}.dytbl th:nth-child(6){width:160px}.dytbl th:nth-child(7){width:240px}
.dytbl td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dytbl td input.co-q{width:120px;max-width:100%}.dytbl td input.co-m{width:100%;box-sizing:border-box}
@media (max-width:700px){html body .dytbl table.list{table-layout:auto !important}.dytbl th{width:auto !important}.dytbl th:nth-child(7):empty{display:none}}
/* ★[NMEDIT] 261019 이름 글자 = 수정 열기 (대표 07:01) */
a.co-nm{color:inherit;cursor:pointer;text-decoration:none;border-bottom:1px dashed #b4b2ad}   /* ★[LINKDASH] 261026 누르는 글자 = 점선 밑줄 (대표 12:42) */
a.co-nm:hover{color:#2563eb;border-bottom-color:#2563eb}
.ptbl th:nth-child(7){width:80px}
/* ★[ITFIX] 261019 품목목록 · 단가표 앞 5칸(분류 · 품목 · 규격 · 년산 · 바코드) 자리 같게 (대표 07:23) */
html body .itbl table.list{display:table !important;width:100% !important;table-layout:fixed !important;white-space:normal !important}
html body .itbl table.list>tbody{display:table-row-group !important}
/* ★[ITFIX2] 07:26 바코드 다음 년산 · 칸 넓이 고르게(%) */
.itbl th:nth-child(1){width:8%}.itbl th:nth-child(2){width:11%}.itbl th:nth-child(3){width:7%}.itbl th:nth-child(4){width:13%}.itbl th:nth-child(5){width:8%}
.itbl th:nth-child(6){width:11%}.itbl th:nth-child(7){width:11%}.itbl th:nth-child(8){width:11%}.itbl th:nth-child(9){width:11%}.itbl th:nth-child(10){width:9%}
.itbl td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){html body .itbl table.list{table-layout:auto !important}.itbl th{width:auto !important}}
.itbl th.num,.itbl td.num{padding-right:44px !important}   /* 숫자(오른쪽 정렬) 칸 뒤 여백 — 다음 칸과 붙어 보이지 않게 */
/* ★[THDD2] 261019 목록 칸 머리글 드롭 — 유튜브 관리자 [포맷 ▾] 과 같은 작은 드롭 (대표 08:22) */
th.thdd{cursor:pointer;white-space:nowrap;user-select:none}
th.thdd:hover,th.thdd.on{color:#0b0b0b}
th.thdd.on .popbtn{font-weight:800}
.pop.thmenu{position:fixed;z-index:80;background:#fff;border:1px solid #e3e3e2;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.16);min-width:96px;padding:3px 0;max-height:60vh;overflow:auto;font-weight:400}
.pop.thmenu b{display:block;padding:6px 12px;font-weight:400;color:#52514e;cursor:pointer;white-space:nowrap;text-align:left}
.pop.thmenu b:hover{background:#f3f3f3}
.pop.thmenu b.on{font-weight:700;color:#0b0b0b;background:#f2f6fc}
/* ★[ALIGN1] 261019 왼쪽 줄 맞춤 — 제목 · 자주메뉴 · 2차 메뉴 · 탭 · 단추 · 표 글자를 세로 한 줄로 (개인홈처럼 · 대표 08:28) */
@media (max-width:1100px){ html body #main > .tabs{margin-left:-2px !important} }
@media (min-width:1101px) and (pointer:coarse){ html body #main > .tabs{margin-left:-2px !important} }
@media (max-width:700px){ html body .top .ham{margin-left:6px} html body #sidenav{margin-left:2px} }
/* ★[NAV2BOX] 261019 2차 메뉴는 글자가 아니라 배경(회색 칸) 왼쪽 끝을 줄에 맞춤 (대표 08:36) */
html body #sidenav{margin-left:12px}
@media (max-width:700px){ html body #sidenav{margin-left:14px} }
/* ★[TOPSAME] 261019 위 줄을 개인홈과 같게 — 제목 글자 14 굵게 · 오른쪽 단추 14 (대표 08:50) */
html body .bar .bi.cat{font-size:14px !important}
html body .bar button,html body .bar .b{font-size:14px !important}
/* ★[GAPSAME] 261019 개인홈과 같게 — 2차 메뉴 아래 회색 띠 14 (화면마다 21 · 23 으로 달랐음) · 탭 아래 단추줄 위아래 10 가운데 (대표 08:54) */
html body #main{padding-top:14px !important}
@media (min-width:1101px) and (pointer:coarse){ html body #main{padding-top:10px !important} }
@media (max-width:1100px){ html body #main{padding-top:10px !important} }
@media (max-width:700px){ html body #main{padding-top:10px !important} }
html body #main > .card:first-child,html body #main > .tabs:first-child{margin-top:0 !important}
html body #main .card > .btns.chips{margin-top:10px !important;margin-bottom:10px !important}
/* ★[TOUCHTOP] 261019 터치 노트북(넓은 화면 + 손가락) 에서 1차 줄이 39 로 줄던 것 — 개인홈처럼 50 · 고른 칸 33 (대표 09:04) */
@media (min-width:1101px) and (pointer:coarse){
  html body .top{height:50px !important;display:flex !important;align-items:center}
  html body .top .ham{width:auto !important;height:auto !important}
  html body #topnav > *{height:33px !important;display:inline-flex !important;align-items:center}
}
/* ★[NWTLINE] 261019 탭이 있는 화면도 개인홈처럼 회색 띠 아래 윗선 + 10 띄우고 탭 (띠가 안 보이던 것 · 대표 09:13) */
html body .main #main > .tabs.nwt,html body #main > .tabs.nwt{border-top:1px solid var(--c-bd,#e3e3e2) !important;padding-top:10px !important}
/* ★[TITLEBOX] 261019 제목 = 개인홈과 같은 긴 테두리 칸 (누르는 자리 넓게 · 대표 09:17 "예전 개인홈 상단으로 · 회사홈도") */
html body .bar #catbtn{flex:1 1 auto !important;min-width:0;display:flex !important;align-items:center;justify-content:space-between;box-sizing:border-box;height:30px;padding:0 12px !important;margin-right:8px;margin-left:2px;border:1px solid var(--c-bd2,#e3e3e2);border-radius:var(--r,8px);background:var(--c-card,#fff);white-space:nowrap;overflow:hidden;font-size:14px !important}
html body .bar #catbtn:hover{background:var(--c-card,#fff)}
html body .bar > .sp{display:none !important}
@media (max-width:700px){ html body .bar #catbtn{min-width:54px;padding:0 8px !important;margin-right:4px;margin-left:8px} }
/* ★[SLIPCHK] 261019 전표 확인 앨범 — 칸마다 전표 그 줄 사진 + 결론 + [맞음] [고침] */
.scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));gap:14px;padding:4px 18px 18px}
.sccard{border:1px solid #e3e3e2;border-radius:8px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.sccard.fin{background:#fafaf9}
.sccard .scimg{display:block;background:#f3f3f3;border-bottom:1px solid #e3e3e2}
.sccard .scimg img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}
.sccard .scb{padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.sccard .scm{font-weight:700;color:#0b0b0b}
.sccard .scr{color:#52514e}
.sccard .scc{color:#c0261d;font-weight:600}
.sccard .scc.no{color:#73726c;font-weight:400}
.sccard .scw{color:#73726c;font-size:13px !important}
.sccard .scbt{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.sccard .scbt .b{flex:1}
.sccard .scs{margin-top:auto;padding-top:6px}
.sccard .scs b.ok{color:#178a3a}.sccard .scs b.fx{color:#c0261d}
@media (max-width:700px){ .scgrid{grid-template-columns:1fr;padding:4px 10px 12px} }
/* ★[FINDX] 261019 검색 칸 오른쪽 [×] */
.cofw{position:relative;display:inline-flex;flex:0 1 auto;min-width:0}
.cofw>input.co-find{padding-right:36px !important;margin:0 !important}
.cofw>.cofx{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;background:#e9e9e7;color:#52514e;font-size:18px;line-height:26px;padding:0;cursor:pointer;display:none}
.cofw>.cofx:hover{background:#d9d9d6;color:#0b0b0b}
.cofw.has>.cofx{display:block}
@media (max-width:700px){ .cofw{flex:1 1 100%} .cofw>input.co-find{width:100% !important} }
/* ★[PRCHK] 261019 단가 확인 — 빨강 줄 = 단가 없음 · 노랑 줄 = 단가 이상 (대표 23:27) */
html body table.list tr.pmiss > td{background:rgba(220,38,38,.09) !important}
html body table.list tr.podd > td{background:rgba(234,179,8,.16) !important}
table.list .prwhy{font-size:12px;color:#b45309;margin-left:6px}
table.list tr.pmiss .prwhy{color:var(--c-err)}
/* ★[GOSAME] 261020 하단 [바로가기] 폭 = 개인홈 · 가족홈 · 유튜브와 같게 (160 · 폰에서도 안 늘어남) (대표 00:16) */
html body #foot select.co-sel{width:auto !important;min-width:160px !important;max-width:60%;flex:0 0 auto !important}
/* ★[DATESAME] 261020 날짜 칸 = 드롭메뉴(select.co-sel)와 같은 높이 · 테두리 · 모서리 (대표 01:51) */
input.co-sel{height:var(--h);border:1px solid var(--c-bd2);border-radius:var(--r);padding:0 8px;font:inherit;font-size:var(--fs);background:#fff;color:var(--c-tx);box-sizing:border-box}
@media (max-width:700px){ input.co-sel{height:var(--h-m);font-size:14px} }
/* ★[SOON2] 261020 2차 메뉴 예정 표시 (1차와 같은 모양) (대표 04:09) */
#sidenav a.pend{color:#898781}
#sidenav a.pend::after{content:" 예정";font-size:11.5px;color:#dc2626;margin-left:3px}
/* ★[ORDER] 261020 전표발행 — 엑셀 발주서처럼 칸에 바로 타자 */
.odwrap{display:flex;gap:14px;align-items:flex-start;padding:0 0 4px}
.odgridw{flex:1 1 auto;overflow:auto;max-height:calc(100vh - 260px)}
table.odgrid{border-collapse:collapse;width:100%;min-width:900px;table-layout:fixed}
table.odgrid th{position:sticky;top:0;background:var(--c-bg,#fafaf8);z-index:1;font-weight:600;font-size:13px;padding:6px 4px;border-bottom:1px solid var(--c-bd);text-align:left}
table.odgrid th.odq,table.odgrid th.odn{text-align:right}
table.odgrid .odsum{font-size:12px;color:var(--c-err);font-weight:700;min-height:14px}
table.odgrid td{border-bottom:1px solid #f0efec;padding:0}
table.odgrid tr.odtop td{border-top:1.5px solid #c9c7c1}
table.odgrid td.odn{font-size:11px;color:#a8a7a2;text-align:right;padding-right:6px}
table.odgrid th.odn{padding-right:6px}
table.odgrid input{width:100%;height:30px;border:1px solid transparent;background:transparent;padding:0 6px;font:inherit;font-size:14px;box-sizing:border-box;border-radius:0}
table.odgrid input:focus{outline:none;border-color:#1f1e1d;background:#fff}
table.odgrid input.odqn{text-align:right}
table.odgrid input.odp{font-weight:600}
table.odgrid input.odbad{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.45)}
.odside{flex:0 0 300px;max-height:calc(100vh - 260px);overflow:auto;font-size:13px}
.odbox{border:1px solid var(--c-bd);border-radius:10px;padding:10px 12px;margin-bottom:10px;background:#fff}
.odbox>b{display:block;margin-bottom:6px}
.odwarn{border-color:rgba(220,38,38,.5)}.odwarn>b{color:var(--c-err)}
.odpro{border-color:rgba(234,179,8,.6)}
.odl{padding:2px 0;line-height:1.5}
a.odc{display:inline-block;border:1px solid var(--c-bd2);border-radius:6px;padding:0 6px;margin:1px 2px;cursor:pointer;font-size:12.5px}
a.odc:hover{background:#f3f3f3}
.odsl{border-top:1px solid #f0efec;padding:6px 0}.odsl:first-of-type{border-top:0}
.odsh{display:flex;justify-content:space-between;font-weight:600}
b.odp{color:#b45309}.odbadt{color:var(--c-err);font-size:12px}
@media (max-width:1100px){ .odwrap{flex-direction:column} .odside{flex:none;width:100%;max-height:none} .odgridw{max-height:none;width:100%} }
/* ★[ODTAB] 261020 전표발행 탭 — 엑셀 시트 탭처럼 표 아래 (대표 03:52) */
.tabs.odtabs{position:sticky;bottom:0;z-index:5;border-top:1px solid var(--line,#e5e3dc);border-bottom:0;margin:0;padding:0 10px;background:var(--soft,#f7f6f2)}
.tabs.odtabs button{border-radius:0 0 8px 8px;border-top:0;margin-top:-1px}
.tabs.odtabs button.on{background:var(--card,#fff);border-top:2px solid var(--card,#fff)}
/* ★[SFM] 261020 전표전송 — 폰에서는 한 줄을 두 줄로 접어 이유 칸까지 한 화면에 */
@media (max-width:700px){
  table.sftbl tr:first-child{display:none}
  table.sftbl tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;border-bottom:1px solid var(--line,#e5e3dc)}
  table.sftbl td{border:0!important;padding:0!important;width:auto!important}
  table.sftbl td.num:nth-child(2)::before{content:"찍힌 ";color:#73726c;font-size:12px}
  table.sftbl td:last-child.num{display:none}
  table.sftbl td[colspan]{flex-basis:100%}
}
/* ★[PROD] 261020 제품정보 사진 */
.prdg{padding:4px 18px 10px}.prdh{font-weight:700;margin:8px 0 6px}
.prdl{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.prd{border:1px solid var(--line,#e5e3dc);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:3px;font-size:13px;background:var(--card,#fff)}
.prd img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:4px}
.prd span{color:#73726c;font-size:12px}.prdn{aspect-ratio:3/1;display:flex;align-items:center;justify-content:center;color:#a3a29c;font-size:12px;background:var(--soft,#f7f6f2);border-radius:4px}
@media (max-width:1100px){ .tabs.odtabs{position:fixed;left:0;right:0;bottom:0;overflow-x:auto;flex-wrap:nowrap} .odwrap{padding-bottom:48px} }
.tabs.odtabs{position:fixed !important;left:0;right:0;bottom:0;overflow-x:auto;flex-wrap:nowrap;box-shadow:0 -2px 6px rgba(0,0,0,.06)} #main:has(.odtabs){padding-bottom:52px}   /* ★[ODFIX] 261027 PC 도 명일 · 금일 탭 늘 화면 아래 (대표 08:54) */
/* ★[CAL] 261020 업무달력 */
.calleg{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:#73726c;align-items:center}.calleg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:2px}
.calcard{padding:0}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line,#e5e3dc)}
.calw{padding:6px 8px;font-size:12px;color:#73726c;border-bottom:1px solid var(--line,#e5e3dc);text-align:center}
.cald{min-height:96px;padding:4px 5px;border-right:1px solid var(--line,#e5e3dc);border-bottom:1px solid var(--line,#e5e3dc);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0}
.cald:nth-child(7n){border-right:0}.cald.empty{background:var(--soft,#f7f6f2);cursor:default}.cald.today{background:#fff8e6}
.caln{font-size:12px;font-weight:700}.caln.sun,.calw.sun{color:#dc2626}.caln.sat,.calw.sat{color:#2563eb}.calwk{display:none}
.calit{font-size:12px;line-height:1.35;padding:1px 4px;border-left:3px solid #73726c;background:var(--soft,#f7f6f2);border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calit.done{opacity:.55;text-decoration:line-through}
@media (max-width:700px){ .calgrid{display:block} .calw,.cald.empty,.cald.none{display:none} .cald{min-height:0;border-right:0;padding:8px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}
  .caln{width:100%}.calwk{display:inline;margin-left:4px;font-weight:400;color:#73726c} .calit{white-space:normal} }

/* [CALFIT] 261021 month fits one screen */
.cald{height:var(--calh,96px);min-height:0;overflow-y:auto;scrollbar-width:thin}.cald .calit,.cald .caln{flex-shrink:0}
@media (min-width:701px){ .calleg{font-size:11.5px} }
@media (max-width:700px){ .cald{height:auto;overflow:visible} }
/* [CALSTY] 261021 personal-home calendar style */
.calcard2{padding:0}
.sclhd2{display:flex;align-items:center;gap:8px;padding:12px 14px;flex-wrap:wrap}.sclhd2 b{font-size:16px;margin:0 6px}.sclhd2 .calleg{margin-left:auto}
.calcard2 .calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e3e3e2;border-left:1px solid #e3e3e2;margin:0 14px 14px}
.calcard2 .calw,.calcard2 .cald{border-right:1px solid #e3e3e2 !important;border-bottom:1px solid #e3e3e2;min-width:0}
.calcard2 .calw{padding:6px;text-align:center;font-size:13px;color:#73726c;background:#fafaf9}
.calcard2 .calw.sun{color:#dc2626}.calcard2 .calw.sat{color:#2563eb}
.calcard2 .cald{padding:4px 6px;background:#fff;display:block;gap:0}.calcard2 .cald:hover{background:#fafaf9}
.calcard2 .cald.out{background:#fafaf9;cursor:default}.calcard2 .cald.out .caln{color:#c3c2bd !important;font-weight:400}
.calcard2 .cald.today{background:#fff}.calcard2 .cald.sel{outline:2px solid #1f1e1d;outline-offset:-2px}
.calcard2 .caln{font-size:13px;font-weight:700;margin-bottom:2px}
.calcard2 .cald.today .caln span:first-child{display:inline-block;background:#1f1e1d;color:#fff !important;border-radius:10px;padding:0 7px}
.calcard2 .calit{font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 4px;border:0;border-radius:4px;background:#f3f3f2;margin-top:2px}
.calcard2 .calit i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px 1px 1px;vertical-align:middle}
.calcard2 .calit.done{opacity:1;text-decoration:line-through;color:#a8a7a2}
@media (max-width:700px){ .calcard2 .calgrid{display:block;margin:0 6px 10px} .calcard2 .cald.out,.calcard2 .cald.none{display:none} .calcard2 .cald{padding:8px 10px} .calcard2 .calit{white-space:normal} .sclhd2 .calleg{margin-left:0} }
/* [NAVSCR] 261021 phone: 1st menu scrolls sideways */
html body #topnav{overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;touch-action:pan-x}
html body #topnav::-webkit-scrollbar{display:none}
html body #topnav > *{flex:0 0 auto}
/* [CALM] */
.calnone{display:none;padding:14px 18px;color:#73726c}
@media (max-width:700px){ .calnone{display:block} }
/* [PRODALB] 261021 album board look (= personal home album) */
.prdgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px;padding:14px}
.prdgrid .it{cursor:pointer;min-width:0}
.prdgrid .sth{position:relative;aspect-ratio:16/9;background:#efeeeb;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#a8a7a2;font-size:13px}
.prdgrid .sth img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.prdgrid .tt{margin-top:8px;line-height:1.45;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prdgrid .dt{color:#73726c;font-size:12px;margin-top:4px}
.prdh2{font-weight:700;padding:14px 14px 0}
@media (max-width:700px){ .prdgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:10px} }
/* [CALGRIDM] 261021 phone: calendar grid always shown (= personal home) */
.calnone{display:none !important}
@media (max-width:700px){
  .calcard2 .calgrid{display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr));margin:0 6px 10px}
  .calcard2 .calw{display:block !important;padding:4px 0;font-size:12px}
  .calcard2 .cald,.calcard2 .cald.out,.calcard2 .cald.none{display:block !important;height:auto !important;min-height:64px;padding:3px !important;overflow:hidden}
  .calcard2 .caln{width:auto;font-size:12px}.calcard2 .calwk{display:none !important}
  .calcard2 .calit{font-size:11px;padding:0 2px;white-space:nowrap}.calcard2 .calit i{display:none}
}
/* [TOPSCR] 261021 phone/tablet: whole 1st row scrolls sideways (= personal home) */
@media (max-width:1100px){
  html body .top{display:flex !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body .top::-webkit-scrollbar{display:none}
  html body .top .ham{flex:0 0 auto !important;width:auto !important}
  html body #topnav{flex:0 0 auto !important;overflow:visible !important;min-width:0}
}
/* [CALPLAIN] 261021 date numbers not bold, schedule text without band/dot */
.calcard2 .caln{font-weight:400 !important}
.calcard2 .calit{background:transparent !important;padding:1px 2px}
.calcard2 .calit i{display:none !important}
.sclhd2 .calleg{display:none !important}
/* [CALNOSB] 261021 hide cell scrollbar */
.cald{scrollbar-width:none !important}.cald::-webkit-scrollbar{display:none}

/* [CALGROW] 261021 busy days grow, all items shown */
@media (min-width:701px){ .calcard2 .cald{height:auto !important;min-height:var(--calh,96px) !important;overflow:visible !important} }
/* ★[CALUNI] 261021 개인홈 · 회사홈 일정 입력 칸 같은 모양 (대표 12:04) */
.calf{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.calf-t{font-weight:600}.calf-r{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.calf input,.calf select,.calf textarea,.calf .calf-tb{height:40px !important;min-height:40px;box-sizing:border-box !important;padding:0 12px !important;border:1px solid #e3e3e2 !important;border-radius:8px !important;background:#fff !important;font:inherit !important;color:#0b0b0b !important;width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important}.calf textarea{height:auto !important;min-height:76px;padding:10px 12px !important;line-height:1.6;resize:vertical}.calf .calf-tb{text-align:left;cursor:pointer;white-space:nowrap}.calf-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calf-f label{color:#52514e;margin:0}.calf-f .sp{flex:1}.calf-b{height:36px;padding:0 18px;border:1px solid #e3e3e2;border-radius:8px;background:#fff;color:#0b0b0b;font:inherit;cursor:pointer}.calf-b.k{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.calf-b.del{color:#b42318}.calkf{height:36px;min-width:150px;margin-left:auto;padding:0 10px;border:1px solid #e3e3e2;border-radius:8px;background:#fff;font:inherit;color:#0b0b0b}@media (max-width:700px){.calf-r{grid-template-columns:1fr 1fr}.calkf{margin-left:0;flex:1 1 100%}}
.calit .calt2{color:#73726c;margin-right:4px}.calit .rp{color:#73726c;font-weight:400}
/* ★[CALHD] 261021 달력 윗줄 개인홈 · 회사홈 같게 — 버튼 한 줄 · 종류 다음 줄 (대표 18:43) */
.sclhd,.sclhd2{flex-wrap:wrap}.sclhd b,.sclhd2 b{white-space:nowrap}.sclhd .b,.sclhd2 .b{white-space:nowrap;flex:0 0 auto}.sclhd .calkf,.sclhd2 .calkf{flex:1 1 100% !important;margin-left:0 !important;min-width:0 !important;height:40px}

/* [ODHEAD] 261022 전표발행 머리줄 — 빈 합계 줄 때문에 '수량'이 위로 뜨고 옆 칸에 붙던 것 (대표 08:26) */
.odgrid th{vertical-align:middle}
.odgrid .odsum:empty{display:none}
.odgrid th.odq{padding-right:10px}
.odgrid th.odq + th{padding-left:12px}
.odgrid th.odn + th{padding-left:10px}
/* [ODAC] 261022 전표발행 자동완성 드롭 — 칸 바로 밑 */
.odac{position:fixed;z-index:50;display:none;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #e3e3e2;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.10);padding:4px;font-size:14px}
.odac div{padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;color:#0b0b0b}
.odac div:hover,.odac div.on{background:#f3f3f2}
/* [ODSEL] 261022 여러 칸 고르기 */
.odgrid input.odsel{background:#e8e7e3;border-color:#c9c7c1}
/* [ODSUMROW] 261022 전표발행 — 합계 줄(머리 밑 고정) · 품목·수량 묶음마다 세로줄 (대표 08:40) */
.odgrid tr:first-child th{height:34px;box-sizing:border-box}
.odgrid tr.odsumr th{top:34px;height:30px;font-size:14px;font-weight:700;color:#0b0b0b;text-align:center;background:#f3f3f2;border-bottom:1.5px solid #c9c7c1}
.odgrid tr.odsumr th.z{color:#c3c2bd;font-weight:400}
.odgrid col.odgc{border-right:1.5px solid #c9c7c1}
.odgrid th.odq + th, .odgrid th.odn + th{padding-left:8px}
/* [PPRICE] 261022 전표발행 가격 칸 — 자동 단가는 흐리게(placeholder) · 손으로 바꾼 것은 진하게 */
.odgrid input.odpr::placeholder{color:#898781;opacity:1}
.odgrid input.odpr.odpro::placeholder{color:#b45309}
.odgrid input.odpr.odman{font-weight:700;color:#0b0b0b;background:#fff7e6}
/* [PPCLR] 261022 가격 칸 색 — 자동 행사 · 거래처 단가 = 빨강 · 손으로 적은 것 = 노란 바탕 (대표 09:22 "주황 안 띔 · 분홍 말고 노랑") */
.odgrid input.odpr.odpro::placeholder{color:#dc2626;font-weight:700}
.odgrid input.odpr.odman{background:#fde047;color:#0b0b0b;font-weight:700}
#odside b.odp,b.odp{color:#dc2626}
/* [ODGU] 261022 구곡으로 읽힌 품목 칸 — 오른쪽 끝 빨간 [구] (햅은 표시 없음) */
.odgrid td.odtd{position:relative}
.odgrid .odtag{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:#fff;background:#dc2626;border-radius:4px;padding:0 4px;line-height:16px;pointer-events:none}
/* [ODALIGN] 261022 전표발행 오와 열 — 머리줄 · 합계 줄 모두 가운데 · 칸 안 글자 좌우 여백 같게 (대표 09:59) */
.odgrid tr:first-child th,.odgrid tr:first-child th.odq,.odgrid tr:first-child th.odn{text-align:center !important;padding:6px 4px !important}
.odgrid tr.odsumr th{text-align:center !important;padding:0 4px !important}
.odgrid input{padding:0 8px}
.odgrid td.odn{text-align:center;padding:0}
/* [ODALIGN2] 261022 수량 · 가격 숫자도 머리글 가운데에 맞춤 (대표 10:00) */
.odgrid input.odqn,.odgrid input.odqn::placeholder{text-align:center}
/* [ODALIGN3] 261022 위 ODALIGN2 가 table.odgrid input.odqn{right} 에 져서 안 먹던 것 — 같은 세기로 덮음 (대표 10:08) */
table.odgrid input.odqn,table.odgrid input.odqn::placeholder{text-align:center !important}
/* [ODPAD] 261022 칸 안 글자에도 여백 — 거래처 · 품목 · 비고는 왼쪽 12px (대표 10:50) */
table.odgrid input.odp,table.odgrid input.oda,table.odgrid input.odm{padding-left:12px !important;padding-right:6px !important}
/* [ODTOP] 261022 표 맨 위 가로줄 + 위 여백 (대표 10:52) */
.odwrap{margin-top:10px}
.odgrid tr:first-child th{box-shadow:inset 0 1.5px 0 #c9c7c1}
/* [ODCENTER] 261022 칸 안 글자도 머리글처럼 가운데 — 거래처 · 품목 (비고만 왼쪽) (대표 11:01) */
table.odgrid input.odp,table.odgrid input.oda{text-align:center !important;padding-left:6px !important;padding-right:6px !important}
/* [ITEMFULL2] 261022 품목목록 정식 품목명 칸 — 바로 적기 */
.itbl input.itfull{width:100%;min-width:110px;height:28px;border:1px solid #e3e3e2;border-radius:6px;padding:0 8px;font:inherit;font-size:13px;background:#fff;box-sizing:border-box}
.itbl input.itfull:focus{outline:none;border-color:#1f1e1d}
.itbl input.itfull::placeholder{color:#c3c2bd}

/* ★[SUDROP] 261024 전표 사진 끌어다 놓기 칸 */
.su-drop:hover{border-color:#8a8983 !important}
.su-drop.on{border-color:#dc2626 !important;background:rgba(220,38,38,.06)}
/* ★[FINLINE] 261024 결산 표 = 흐린 가로줄 없앰 · 합계줄만 진하게 (대표 08:19) */
.fin table.list td{border-bottom-color:transparent !important;border-top-color:transparent}
.fin table.list tr.co-sum td{border-top:1px solid #8a8883 !important}
.fin table.list tr.sel td{background:#f0efed;font-weight:700}
/* ★[FINMOB] 261024 모바일 — 위 요약 글 줄바꿈 · 결산 표 첫 칸(항목) 고정 (대표 08:49) */
@media (max-width:700px){ .co-cnt{white-space:normal !important;line-height:1.5} .fin table.list th:first-child,.fin table.list td:first-child{position:sticky;left:0;z-index:1;background:var(--c-card,#fff);box-shadow:1px 0 0 var(--c-bd)} .fin table.list tr.sel td:first-child{background:#f0efed} .fin table.list th:first-child{background:var(--c-head,#fcfcfb)} }
/* ★[GUTTER] 261024 왼쪽 시작선 하나로 — 글자 · 상자 테두리 = 화면 끝에서 18px (유튜브 관리자와 같게 · 대표 08:58) */
html body #main > .hint{padding-left:0 !important;padding-right:0 !important}
html body .foot{padding-left:18px !important;padding-right:18px !important}
@media (max-width:700px){
  html body #main > .hint{padding-left:8px !important;padding-right:8px !important}
  html body #main > .note, html body #main > .co-alert{margin-left:8px !important;margin-right:8px !important}
  html body .scgrid{padding-left:18px !important;padding-right:18px !important}
}
html body .main .bdbar{padding-left:18px !important;padding-right:18px !important}
html body .prdgrid{padding-left:18px !important;padding-right:18px !important}
html body .calcard2 .calgrid{margin-left:18px !important;margin-right:18px !important}
html body .odgridw{padding-left:18px;box-sizing:border-box}
@media (max-width:700px){ html body .prdgrid{padding-left:18px !important;padding-right:18px !important} html body .calcard2 .calgrid{margin-left:18px !important;margin-right:18px !important} }
html body .sclhd2{padding-left:18px !important;padding-right:18px !important}
@media (max-width:1100px){ html body .odside{padding-left:18px;padding-right:18px;box-sizing:border-box} }
@media (hover:none){ html body .side a:not(.on):hover,html body .top b:not(.on):hover,html body .tabs button:not(.on):hover{background:transparent !important} }   /* ★[NOSTICKY] 261024 폰에서 안 고른 메뉴 회색 남는 것 (대표 09:01) */
/* ★[GX12] 261024 유튜브 관리자와 같게 양쪽 여백 12px (PC · 폰 같음) — 메뉴 글자 · 상자 테두리 · 표 첫 칸 글자 = 12 (대표 09:17) */
html body .main{padding-left:12px !important;padding-right:12px !important}
html body .main .card{margin-left:-12px !important;margin-right:-12px !important}
html body #main > .tabs.nwt, html body #main > .tabs{margin-left:-12px !important;margin-right:-12px !important;padding-left:12px !important}
html body .main .card h3{padding-left:12px !important;padding-right:12px !important}
html body .main .card>.note{margin-left:12px !important;margin-right:12px !important}
html body .main .card>.btns,html body .main .card>.hint,html body .main .card>div[class=""]{padding-left:12px !important;padding-right:12px !important}
html body .main .card table tr>*:first-child{padding-left:12px !important}
html body .main .card table tr>*:last-child{padding-right:12px !important}
html body .main .card table.form td{padding-left:12px !important}
html body .top .ham{padding-left:12px !important}
html body .bar{padding-left:12px !important;padding-right:12px !important}
html body #sidenav{padding-left:12px !important}
html body #sidenav a{padding-left:10px !important;padding-right:10px !important}
html body #main > .hint{padding-left:0 !important;padding-right:0 !important}
html body #main > .note, html body #main > .co-alert{margin-left:0 !important;margin-right:0 !important}
html body .foot{padding-left:12px !important;padding-right:12px !important}
html body .scgrid,html body .main .bdbar,html body .prdgrid,html body .sclhd2,html body .odgridw{padding-left:12px !important;padding-right:12px !important}
html body .calcard2 .calgrid{margin-left:12px !important;margin-right:12px !important}
@media (max-width:1100px){ html body .odside{padding-left:12px !important;padding-right:12px !important} }
@media (max-width:700px){ html body #main > .hint{padding-left:0 !important;padding-right:0 !important} html body #main > .note, html body #main > .co-alert{margin-left:0 !important;margin-right:0 !important} html body .scgrid,html body .prdgrid{padding-left:12px !important;padding-right:12px !important} html body .calcard2 .calgrid{margin-left:12px !important;margin-right:12px !important} }
html body .main .card .co-row{padding-left:12px !important;padding-right:12px !important}   /* ★[GX12] 분류 · 목록 줄 */
html body .bar .bi{margin-left:0 !important}
html body .top .ham{margin-left:0 !important}
html body #sidenav{margin-left:0 !important}   /* ★[GX12] 위 메뉴 3줄도 12px 선 (대표 09:32) */

/* ★[SLIPFIND] 261024 전표조회 — 폰에선 거래처 한 줄 · 날짜 한 줄 */
@media (max-width:700px){ .sqbar select{flex:1 1 100% !important;width:100% !important} }

/* ★[MOBGRID] 261024 폰 = 입력칸 · 드롭 · 단추를 두 칸씩 같은 폭으로 (줄과 열 맞춤 · 혼자 남으면 한 줄 꽉) (대표 15:32 "오와 열도 안 맞고") */
@media (max-width:700px){
  html body #main .btns > input, html body #main .btns > select, html body #main .btns > button, html body #main .btns > .b, html body #main .btns > .co-day{flex:1 1 calc(50% - 3px) !important;min-width:0 !important;width:auto !important;max-width:none !important;box-sizing:border-box}
  html body #main .btns > .co-cnt, html body #main .btns > .hint, html body #main .btns > span:not(.rng), html body #main .btns > b, html body #main .btns > label{flex:1 1 100% !important}
  html body #main .btns > .rng{flex:0 0 10px !important;text-align:center}
  html body #main .btns:has(> .rng) > input{flex:1 1 calc(50% - 14px) !important}
  html body #main .sqbar > select{flex:1 1 100% !important}
}

/* ★[FYTWO] 261024 월결산 · 년결산 숨김 보기 = 숫자 두 칸 폭 고정 (같은 자리) */
html body .fn2 table.list{display:table !important;width:100% !important;table-layout:fixed !important;white-space:normal !important}
html body .fn2 table.list>tbody{display:table-row-group !important}

/* ★[FNLAB] 261024 결산 표 — 폰에선 항목 이름 뒤 (설명) 숨김 · 첫 칸 한 줄 */
@media (max-width:700px){ .fin .fpx{display:none} .fin table.list td:first-child{white-space:nowrap} }

/* ★[CATON] 261024 고른 1차 = 굵은 글씨 + 회색 바탕 (유튜브 · 개인홈 · 가족홈과 같게 · 대표 16:47) */
html body .catmenu a.on{color:#dc2626 !important;font-weight:700;background:none}   /* ★[CATON2] 빨간 굵은 글씨 (대표 17:37) */

/* ★[GOMENU] 261024 바로가기 고르기 창 — 1차 드롭과 같은 모양 · 줄은 '바로가기' 아래 하나만 */
.gomenu{position:fixed;z-index:999;background:#fff;border:1px solid #d5dbe3;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.14);padding:4px 0;box-sizing:border-box}
.gomenu .gmh{padding:9px 16px;font-size:13.5px;font-weight:700;color:#0b0b0b;border-bottom:1px solid #e3e3e2}
.gomenu a{display:block;padding:9px 16px;font-size:13.5px;color:#0b0b0b;cursor:pointer;white-space:nowrap;border:0}
.gomenu a:hover{background:#f3f3f3}
.gomenu a.off{color:#b5b3ad;cursor:default;background:none}
@media (max-width:700px){ .gomenu .gmh,.gomenu a{font-size:16px;padding:12px 18px} }

/* ★[BDCOPY] 게시판 아래 줄 단추 글자 안 꺾이게 */
html body .sitedet .b{white-space:nowrap}

/* ★[BDCOPY2] 261024 본문 복사 = 본문 오른쪽 위 아이콘 (단추 대신 · 대표 17:28) */
.sbody.hascp{position:relative;padding-right:30px}
.sbody .bdcp{position:absolute;top:0;right:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#898781;cursor:pointer;border-radius:6px;white-space:normal}
.sbody .bdcp:hover{background:#f3f3f3;color:#0b0b0b}

/* ★[SQDD] 261025 전표조회 거래처 드롭 — 길면 안에서 굴림 */
.sqbar .tdmenu{max-height:62vh;overflow-y:auto}
/* ★[DDCLIP] 261025 드롭이 열리면 카드가 자르지 않음 (대표 05:57) */
.card:has(.tdmenu){overflow:visible}
/* ★[DDNORAD] 261025 드롭 오른쪽 동그라미 뺌 — 고른 것만 빨강 굵게 (대표 05:57) */
.tdmenu a i{display:none !important}
.tdmenu a.on,.tdmenu a.on span,.tdmenu a.on b{color:var(--c-err,#d6342c) !important;font-weight:700}
/* ★[DDQ] 261025 드롭 찾기칸 · 묶음 제목 */
.tdmenu .tdqw{position:sticky;top:-4px;z-index:1;background:#fff;padding:6px 10px;border-bottom:1px solid #e3e3e2;margin-top:-4px}
.tdmenu .tdq{width:100%;box-sizing:border-box;height:34px;padding:0 10px;border:1px solid #c9c8c4;border-radius:6px;font-size:16px;outline:none}
.tdmenu .tdq:focus{border-color:#0b0b0b}
.tdmenu .tdgrp{padding:10px 14px 4px;font-size:13px;font-weight:700;color:#8a8984;pointer-events:none}
/* ★[DDCB] 261025 긴 드롭 = 입력칸 + ▾ 목록 (대표 06:14) */
.tdcb{position:relative;display:inline-flex;align-items:center}
.tdcb .tdcbi{width:210px !important;padding-right:26px !important}
.tdcb .tdcbi.on{font-weight:700}
.tdcb>.tdfa{position:absolute;right:9px;top:50%;transform:translateY(-50%);cursor:pointer;color:#73726c}
.tdcb .tdmenu{max-height:62vh;overflow-y:auto}
@media (max-width:700px){ .tdcb .tdcbi{width:100% !important} .tdcb{display:flex} }
@media (max-width:700px){ .tdone>.tdfw.tdcb{position:relative !important} .tdcb .tdmenu{left:0 !important;right:0 !important;top:100% !important;margin-top:4px !important} }
/* ★[DDCBW] 261025 입력칸과 목록 폭 같게 (대표 06:18) */
.tdcb .tdmenu{left:0 !important;right:0 !important;min-width:0 !important;width:auto !important}
.tdcb .tdmenu a{white-space:normal}
/* ★[DDGRP2] 261025 묶음 제목 = 진한 굵은 글씨 · 위에 구분선 하나 · 여백은 항목과 같게 / 항목마다 선 없음 (대표 06:22) */
.tdmenu .tdgrp{padding:9px 14px !important;font-size:14px !important;font-weight:700 !important;color:#0b0b0b !important;border-top:1px solid #e3e3e2;margin-top:4px}
.tdmenu a+a{border-top:0 !important}
@media (max-width:700px){
  .tdmenu .tdgrp{padding:0 16px !important;height:57px;display:flex;align-items:center;box-sizing:border-box;font-size:17px !important;margin-top:0}   /* 항목 줄 높이(57 · TDMENU)와 같게 */
}
/* ★[FDBYP] 261025 일결산 거래처별 — 매입 · 매출 두 표 칸 자리 같게 */
table.list.fdbp{table-layout:fixed;width:100%}
table.list.fdbp col.n{width:200px}
table.list.fdbp col.v{width:132px}
table.list.fdbp td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){ table.list.fdbp{width:auto;min-width:100%} table.list.fdbp col.n{width:104px} table.list.fdbp col.v{width:92px} table.list.fdbp col:last-child{width:0} }
/* ★[FNNEAR] 261025 월 · 년결산 숫자 = 이름 바로 옆 (지출결산처럼) */
html body .fn2 col.fnn{width:200px}
html body .fn2 col.fnv{width:132px}
@media (max-width:700px){ html body .fn2 col.fnn{width:auto} html body .fn2 col:last-child{width:0} }
/* ★[FDALIGN] 261025 일결산 세 표(매입 · 매출 · 하루 합계) 칸 자리 같게 — 휴대폰도 (대표 06:50) */
@media (max-width:700px){
  table.list.fdbp{width:100% !important;min-width:0 !important;table-layout:fixed !important}
  table.list.fdbp col.n{width:auto !important}
  table.list.fdbp col.v{width:96px !important}
  table.list.fdbp col:last-child{width:12px !important}
  table.list.fdbp td:last-child,table.list.fdbp th:last-child{padding:0 !important}
  table.list.fdbp td.num,table.list.fdbp th.num{padding-right:0 !important}
  .fin table.list.fdbp th:first-child,.fin table.list.fdbp td:first-child{position:static;box-shadow:none}
}
html body table.list.fdbp{display:table !important;white-space:normal !important}
html body table.list.fdbp>tbody{display:table-row-group !important}
/* ★[FDSUM] 261025 일결산 위 요약 — 이름 · 금액 두 칸, 금액 끝자리 맞춤 (대표 07:00) */
.co-cnt.fdsum{display:inline-grid !important;grid-template-columns:auto auto;column-gap:20px;row-gap:4px;white-space:nowrap !important;line-height:1.4 !important}
.co-cnt.fdsum b{text-align:right;font-variant-numeric:tabular-nums}
/* ★[FDALIGN2] 휴대폰도 PC 처럼 — 거래처 칸 고정 · 숫자는 바로 옆 (대표 07:00) */
@media (max-width:700px){ table.list.fdbp col.n{width:112px !important} table.list.fdbp col.v{width:92px !important} table.list.fdbp col:last-child{width:auto !important} table.list.fdbp td.num,table.list.fdbp th.num{padding-right:0 !important} }
@media (max-width:700px){ .co-cnt.fdsum{width:auto !important;max-width:max-content;justify-self:start;margin-left:0 !important} table.list.fdbp col.n{width:124px !important} table.list.fdbp col.v{width:88px !important} }
/* ★[FDTILE] 261025 일결산 그 날 결과 카드 (일수익 · 미지급금 · 미수금) (대표 07:06) */
.fdtiles{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:10px;padding:14px 12px 6px}
.fdt{border:1px solid #e3e3e2;border-radius:10px;background:#fcfcfb;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.fdt span{font-size:13px;color:#73726c}
.fdt b{font-size:20px;font-weight:700;color:#0b0b0b;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fdt.main{background:#fff;border-color:#0b0b0b}
@media (max-width:700px){ .fdtiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 12px 4px} .fdt{padding:10px 8px;border-radius:8px} .fdt span{font-size:12px} .fdt b{font-size:15px} }
/* ★[FDSEC] 261025 일결산 세 부분(매입거래처 · 매출거래처 · 하루 합계) 사이 띄움 (대표 07:09) */
.fin h3.fdsec{margin:18px 0 0;padding:16px 12px 8px !important;border-top:8px solid #f3f3f2;font-size:15px !important;font-weight:700;color:#0b0b0b}
.fin h3.fdsec span{font-weight:400;color:#73726c;font-size:13px;margin-left:4px}
/* ★[FNSUMLN] 261025 결산 합계 줄 위 선 = 일반 선 (진한 선 거슬림 · 대표 07:11) */
.fin table.list tr.co-sum td{border-top:1px solid #e3e3e2 !important}
/* ★[FDSEC2] 261025 회색 띠 뺌 — 빈 공간으로만 나눔 · 제목은 조금 크게 (대표 07:14) */
.fin h3.fdsec{border-top:0 !important;margin:30px 0 0 !important;padding:0 12px 10px !important;font-size:16px !important}
/* ★[PRDEDIT] 261025 제품정보 [수정] 단추 — 이름 옆 작게 */
.prdgrid .tt{display:flex;align-items:center;gap:8px}
.prdgrid .tt .prded{margin-left:auto;flex:0 0 auto;height:24px;padding:0 9px;border:1px solid #e3e3e2;border-radius:6px;background:#fff;color:#52514e;font-size:12px;font-weight:400;cursor:pointer}
/* ★[PRDSEC] 261025 제품정보 묶음(소포장 · 대포장 …) 사이 구분 — 일결산과 같은 제목 · 빈 공간 (대표 07:38) */
html body .prdh2{font-size:16px;font-weight:700;color:#0b0b0b;padding:0 12px 4px !important;margin-top:34px;border-bottom:1px solid #e3e3e2;padding-bottom:10px !important}
html body .prdh2:first-of-type{margin-top:16px}
html body .prdh2 span{font-size:13px;font-weight:400;color:#73726c;margin-left:4px}
/* ★[PRDEDM] 261025 [수정]은 아래 단추 하나 — 누르면 고칠 제품을 고름 (대표 08:00) */
.prdgrid .it.edm .sth{outline:2px dashed #c9c8c4;outline-offset:-2px}
.prdgrid .it.edm:hover .sth{outline-color:#0b0b0b}
/* ★[FDTILE4] 일결산 카드 4칸 (일매출 · 일수익 · 미지급금 · 미수금) · 폰은 2 × 2 */
.fdtiles{grid-template-columns:repeat(4,minmax(0,200px)) !important}
@media (max-width:700px){ .fdtiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important} .fdt b{font-size:17px !important} }
/* ★[FDNET] 순액 칸이 늘어 폰에서 4칸까지 한 화면에 */
@media (max-width:700px){ table.list.fdbp col.n{width:92px !important} table.list.fdbp col.v{width:74px !important} table.list.fdbp td,table.list.fdbp th{font-size:13px !important} table.list.fdbp td.num,table.list.fdbp th.num{padding-left:4px !important} }
@media (max-width:700px){ html body table.list.fdbp td:first-child{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;word-break:keep-all;line-height:1.3} }
/* ★[PRDSEC2] 261025 묶음 제목을 더 또렷하게 — 왼쪽 검은 막대 · 큰 글씨 · 위 여백 넉넉히 (가로줄 뺌 · 대표 08:07) */
html body .prdh2{font-size:18px !important;border-bottom:0 !important;border-left:4px solid #0b0b0b;margin:44px 12px 2px !important;padding:2px 0 2px 10px !important;line-height:1.3}
html body .prdh2:first-of-type{margin-top:18px !important}
html body .prdh2 span{font-size:14px}
/* ★[FDRATE] 이익율 칸까지 폰 한 화면 (반입 있는 날 5칸) */
@media (max-width:700px){ table.list.fdbp col.n{width:70px !important} table.list.fdbp col.v{width:64px !important} table.list.fdbp td,table.list.fdbp th{font-size:12px !important} }
@media (max-width:700px){ table.list.fdbp col.n{width:58px !important} table.list.fdbp col.v{width:66px !important} table.list.fdbp td.num,table.list.fdbp th.num{padding-left:10px !important} table.list.fdbp td:first-child,table.list.fdbp th:first-child{padding-right:4px !important} }
/* ★[FDGR] 폰은 매입 · 매출(총액) 칸을 숨기고 순매입 · 순매출만 — 칸이 넘치지 않게 */
@media (max-width:700px){ table.list.fdbp .gr{display:none !important} table.list.fdbp col.gr{width:0 !important} table.list.fdbp col.n{width:92px !important} table.list.fdbp col.v{width:74px !important} table.list.fdbp col.v.gr{width:0 !important} table.list.fdbp td,table.list.fdbp th{font-size:13px !important} table.list.fdbp td.num,table.list.fdbp th.num{padding-left:4px !important} }
@media (max-width:700px){ table.list.fdbp col.n{width:84px !important} table.list.fdbp col.v{width:72px !important} }
/* ★[FDDET] 261025 폰 = 순매출(순매입) · 수익 · 이익율 · 수수료만 — 순매출 머리를 누르면 매출 · 반입 … 펼침 (대표 08:13) */
table.list.fdbp th.fdnet i.mob{display:none;font-style:normal;color:#73726c}
@media (max-width:700px){
  table.list.fdbp th.fdnet{cursor:pointer;text-decoration:underline dotted #898781;text-underline-offset:3px}
  table.list.fdbp th.fdnet i.mob{display:inline}
  table.list.fdbp:not(.open) .gr{display:none !important}
  table.list.fdbp:not(.open) col.gr{width:0 !important}
  table.list.fdbp.open .gr{display:table-cell !important}
  table.list.fdbp.open col.v.gr{width:76px !important}
  table.list.fdbp.open{width:auto !important;min-width:100% !important}
  table.list.fdbp col.n{width:auto !important}
  table.list.fdbp col.v{width:96px !important}
  table.list.fdbp col:last-child{width:12px !important}
  table.list.fdbp td,table.list.fdbp th{font-size:14px !important}
  table.list.fdbp td.num,table.list.fdbp th.num{padding-left:8px !important}
}
/* ★[FDDET2] 폰 — 매입 표는 순매입 · 수수료만(펼침 없음) · 숫자는 거래처 바로 옆(왼쪽) · 남는 폭은 오른쪽 (대표 08:17) */
@media (max-width:700px){
  table.list.fdbp .gx{display:none !important}
  table.list.fdbp col.gx{width:0 !important}
  table.list.fdbp col.n{width:112px !important}
  table.list.fdbp col.v{width:96px !important}
  table.list.fdbp col:last-child{width:auto !important}
  table.list.fdbp.open col:last-child{width:4px !important}
}
@media (max-width:700px){ table.list.fdbp col.n{width:108px !important} table.list.fdbp col.v{width:86px !important} }
/* ★[FDSCROLL] 261025 폰 — 펼친 표는 칸을 줄이지 않고 옆으로 밀기(가로 스크롤) · 거래처 칸은 고정 (금액이 길어져도 안 깨짐 · 대표 08:21) */
@media (max-width:700px){
  .fin .tblw:has(table.fdbp.open){overflow-x:auto;-webkit-overflow-scrolling:touch}
  html body table.list.fdbp.open{table-layout:auto !important;width:auto !important;min-width:100% !important}
  html body table.list.fdbp.open td,html body table.list.fdbp.open th{white-space:nowrap !important}
  html body table.list.fdbp.open td.num,html body table.list.fdbp.open th.num{padding-left:14px !important}
  html body table.list.fdbp.open td:first-child,html body table.list.fdbp.open th:first-child{position:sticky;left:0;z-index:1;background:var(--c-card,#fff);min-width:92px;max-width:110px;white-space:normal !important;box-shadow:1px 0 0 #e3e3e2}
  html body table.list.fdbp.open th:first-child{background:#fcfcfb}
  html body table.list.fdbp.open td:last-child,html body table.list.fdbp.open th:last-child{padding-right:12px !important}
}
/* ★[FDSCROLL2] 펼쳐도 거래처 칸 폭 · 줄 그대로 (접혔을 때와 같은 108px · 한 줄) (대표 08:25) */
@media (max-width:700px){
  html body table.list.fdbp.open td:first-child,html body table.list.fdbp.open th:first-child{width:108px !important;min-width:108px !important;max-width:108px !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
  html body table.list.fdbp:not(.open) td:first-child{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
}
/* ★[SUTOT2] 전표 카드 합계 — 이름 · 금액(끝자리 맞춤) · 설명 세 칸 */
.sutot{display:grid;grid-template-columns:auto max-content 1fr;column-gap:12px;row-gap:3px;margin-top:6px;align-items:baseline}
.sutot .n{text-align:right;font-variant-numeric:tabular-nums}
.sutot .b{font-weight:700}
.sutot .m{font-size:13px;color:#73726c}

/* ★[SUDAY] 261025 처리완료 날짜 */
.sudt{display:inline-flex;gap:6px;align-items:center;flex-wrap:nowrap}
.sudt .b{height:36px;padding:0 12px}
.sudt input{height:36px}
/* ★[SUDAY2] 261025 처리완료 날짜 = 드롭처럼 (대표 09:27) */
.sudt{display:inline-flex;gap:6px;align-items:center;flex-wrap:nowrap}
.sudt .b{height:40px;padding:0 14px;flex:0 0 auto}
.sudt .sudb{position:relative;display:flex;align-items:center;width:210px;height:40px;box-sizing:border-box;padding:0 28px 0 12px;border:1px solid var(--c-bd,#e3e3e2);border-radius:6px;background:var(--c-card,#fff);cursor:pointer;font-size:14px;color:#73726c}
.sudt .sudb.on{color:inherit;font-weight:700}
.sudt .sudb i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;color:#73726c}
.sudt .sudb input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;margin:0}
@media (max-width:700px){ .sudt{display:flex;width:100%} .sudt .sudb{flex:1 1 auto;width:auto;font-size:16px} }
/* ★[SUPRICE] 261025 카드 줄 = 품목 · 수량 · 단가 · 금액 (대표 10:51) */
.sccard .sugr{display:grid !important;grid-template-columns:3em 1fr;column-gap:8px}
.sccard .sul{display:grid;grid-template-columns:minmax(4.5em,9em) 3.6em 2.8em 5em 6em;column-gap:8px;align-items:baseline;justify-content:start}
.sccard .sugr>div{min-width:0}
.sccard .sul .sun{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sccard .sul .suq,.sccard .sul .sup,.sccard .sul .sua{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sccard .sul .sup{color:#73726c}
.sccard .sul small{color:#73726c;font-size:12px}
.sccard .sutot{border-top:1px solid var(--c-bd,#e3e3e2);padding-top:6px;margin-top:4px}
/* ★[DDX] 261025 드롭 · 날짜 안 ✕ = 지우기 (대표 12:33) */
.tdcb>.tdx{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;cursor:pointer;color:#73726c;font-size:12px}
.tdcb>.tdx:hover{background:rgba(0,0,0,.08);color:#0b0b0b}
.tdcb:has(.tdx) .tdcbi{padding-right:52px !important}
.sudt .sudb .sux{position:absolute;right:28px;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;cursor:pointer;color:#73726c;font-size:12px;font-weight:400}
.sudt .sudb .sux:hover{background:rgba(0,0,0,.08);color:#0b0b0b}
/* ★[DDX] 버튼 드롭 ✕ */
.tdx2{cursor:pointer;color:#73726c;font-size:12px;padding:0 2px;margin-left:4px}
.tdx2:hover{color:#0b0b0b}
/* ★[SUDATE] 261025 처리완료 날짜 묶음 · 최근 */
h3.sudh{margin:22px 12px 10px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
h3.sudh span{color:#73726c;font-weight:400;font-size:13px}
h3.sudh b{background:#eef2ff;color:#3b5bdb;font-size:11.5px;font-weight:600;padding:1px 7px;border-radius:9px;border:1px solid #dbe4ff}   /* ★[SUNEW2] 261028 [최근] 눈에 덜 띄게 (대표 09:43) */
.sunew .sccard{border-color:#c5d0f5 !important}
/* ★[SUFIX1] 폰 = 칸 좁게 · 고친 표시는 줄바꿈 */
@media (max-width:700px){ .sccard .sul{grid-template-columns:minmax(0,1fr) 3.4em 2.4em 4.6em 5.6em;column-gap:5px} .sccard .sul .sun{white-space:normal;overflow:visible} .sccard .sul .sun small{display:block;line-height:1.2} }

.sccard .sutot.sutot2{border-top:0;padding-top:0;margin-top:0}   /* ★[SUNET2] 261025 매출 · 반입 줄 선 없음 (대표 16:09) */
.card.mndrag textarea{border-color:var(--c-acc,#2563eb)!important;background:rgba(37,99,235,.06)}   /* ★[MNDROP] 261025 */
/* ★[MNVIEW4] 261025 입출금내역 묶어보기 — 일결산 표와 같은 모양 (대표 18:37) */
table.list.mnv tr.mnl0 td,table.list.mnv tr.mnl1 td,table.list.mnv tr.mnl2 td{cursor:pointer}
table.list.mnv tr.mnr td{color:var(--c-sub,#73726c)}
table.list.mnv .mnar{display:inline-block;width:14px;color:#a3a29c}
table.list.mnv td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
tr.mnme td{color:#8a8984}
table.list.fdbp.mnv col.n{width:300px}
table.list.mnv tr.mnl0 td,table.list.mnv tr.mnsum td{font-weight:700}
table.list.mnv tr.mnl0 td.hint,table.list.mnv tr.mnsum td.hint{font-weight:400}
@media (max-width:700px){ table.list.fdbp.mnv col.n{width:auto !important} }
@media (max-width:700px){ table.list.mnv td:nth-child(3){display:none} table.list.mnv td:first-child{white-space:normal !important;overflow:visible} table.list.fdbp.mnv col.v{width:104px !important} }
@media (max-width:700px){ table.list.fdbp.mnv{width:100% !important;table-layout:fixed !important} table.list.fdbp.mnv col:last-child{width:0 !important} table.list.mnv td:first-child{word-break:break-all} }
/* ★[MNTILE] 261025 입출금내역 — 위 단추 줄 여백 · 금액 오른쪽 여백 (대표 19:13) */
.fin .mnseg{margin:0}
@media (max-width:700px){ table.list.fdbp.mnv td.num{padding-right:12px !important} }
/* ★[FINBAR] 261025 결산 메뉴(일 · 월 · 년 · 지출 · 계산서 · 입출금내역) 맨 위 날짜 줄 = 같은 자리 · 같은 여백 (대표 20:07) — 오른쪽 요약이 여러 줄이어도 날짜 칸은 맨 위에 */
html body .main .card.fin>.btns.chips.tdone:first-child{align-items:flex-start !important;padding:0 12px !important;margin:12px 0 12px !important;row-gap:10px !important;min-height:0 !important}
html body .main .card.fin>.btns.chips.tdone:first-child>.co-cnt{align-self:flex-start;margin-top:6px !important;line-height:1.5}
@media (max-width:700px){ html body .main .card.fin>.btns.chips.tdone:first-child>.co-cnt{margin-top:0 !important} }
/* ★[FINBAR] 오른쪽 요약 = PC 는 한 줄(· 로 이음) → 모든 결산 화면에서 날짜 줄 높이가 같음 · 폰은 줄바꿈 그대로 */
.co-cnt i.fbr{font-style:normal}
.co-cnt i.fbr::before{content:" · "}
@media (max-width:700px){ .co-cnt i.fbr{display:block} .co-cnt i.fbr::before{content:""} }

/* ★[CALLIST] 261026 일정 목록 — 완료 줄 */
table.calt td.caldn{color:#8a8984;text-decoration:line-through}
table.calt td{vertical-align:middle}
table.calt{display:table !important;table-layout:fixed !important;width:100% !important}table.calt col.cdc{width:130px}table.calt col.csc{width:90px}
@media (max-width:700px){table.calt col.cdc{width:96px}table.calt col.csc{width:66px}table.calt th,table.calt td{padding-left:8px !important;padding-right:8px !important}table.calt td:first-child,table.calt th:first-child{padding-left:12px !important}table.calt td:last-child,table.calt th:last-child{padding-right:12px !important}table.calt .b{padding:0 8px;min-width:0}}
table.calt{border-collapse:collapse !important;max-width:100% !important}
table.calt>tbody{display:table-row-group !important}
/* ★[MNCLS] 261026 입출금내역 분류 드롭 · 카드 타일 */
.mncls,input.sscb.mncls{width:180px !important;min-width:0 !important;height:30px !important;font-size:14px}
.mncls.none,input.sscb.mncls.none{color:#dc2626 !important}
.fdt.fdtw b{color:#dc2626}
/* ★[MNTILE4] 직원 카드 안의 항목 = 큰 칸 아래 작은 줄 */
.fdsub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 12px 8px}
.fdsub i{font-style:normal;color:#73726c;margin-right:2px}
.fdsub span{display:inline-flex;align-items:center;gap:8px;border:1px solid #e3e3e2;border-radius:999px;padding:4px 12px;background:#fcfcfb;color:#52514e}
.fdsub span b{color:#0b0b0b;font-weight:600}
.fdsub span.w b{color:#dc2626}
@media (max-width:700px){ .fdtiles.mn3{grid-template-columns:repeat(3,minmax(0,1fr)) !important} .fdtiles.mn3 .fdt b{font-size:15px !important} .fdtiles.mn3 .fdt span{font-size:12px} }
.mnclt{color:inherit;cursor:pointer;text-decoration:none;border-bottom:1px dashed #c9c8c4}
.mnclt:hover{color:#2563eb;border-bottom-color:#2563eb}
.mnclw{display:inline-block;min-width:180px}   /* ★[MNCLS3] */
.seg button[disabled]{color:#c9c8c4 !important;cursor:default !important;background:transparent !important}   /* ★[MNOFF] 못 누르는 단추 */
.fdsub span{cursor:pointer}.fdsub span:hover{border-color:#2563eb}
.fdsub span.on{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.fdsub span.on b{color:#fff}   /* ★[MNCK] */
/* ★[MND] 261026 입출금내역 날짜순 = 칸 폭 고정 (거르기를 바꿔도 칸이 안 움직임 · 칸 사이 여백 같게 · 대표 17:14) */
table.list.mnd{table-layout:fixed !important;width:100% !important;min-width:1040px;white-space:nowrap}
table.list.mnd>tbody{display:table-row-group !important}
table.list.mnd col.c1{width:200px}table.list.mnd col.c2{width:72px}table.list.mnd col.c3{width:120px}table.list.mnd col.c4{width:228px}
table.list.mnd col.c6{width:190px}table.list.mnd col.c7{width:130px}table.list.mnd col.c8{width:90px}
table.list.mnd th,table.list.mnd td{padding-left:12px !important;padding-right:12px !important;overflow:hidden;text-overflow:ellipsis}
table.list.mnd th:nth-child(4),table.list.mnd td:nth-child(4){padding-left:36px !important}
table.list.mnd th:nth-child(5),table.list.mnd td:nth-child(5){padding-left:24px !important}
table.list.mnd td:last-child{text-align:right}
@media (max-width:700px){ table.list.mnd{min-width:980px} }
table.list.mnd{display:table !important}
.tblw{overflow-x:auto}
table.list.mnd{width:max(100%, 1300px) !important}
.fdsub + h3.fdsec{margin-top:22px !important}   /* ★[FDSEC] 261026 회사 제목 위 = 개인 · 직원 카드 제목 위와 같은 30px (알약 줄 아래 8px 빼서) */

/* ★[MEGAFIX] 261026 분할 화면(701~1100) — .top 이 가로스크롤이라 absolute 자주 메뉴가 잘림 → 화면 고정 (대표 19:29) */
@media (min-width:701px) and (max-width:1100px){
  html body .mega{position:fixed;left:0;right:0;max-height:calc(100vh - 150px);overflow-y:auto}
}

/* ★[PFSCR] 261026 회원 판이 화면보다 길면 잘리고 스크롤도 안 되던 것 → 판 안에서 스크롤 (대표 19:44) */
html body .pfpanel{max-height:calc(100vh - 72px);overflow-y:auto;overscroll-behavior:contain}

/* ★[USECOL] 261027 반입 줄 사용 칸 (약어 옆 · 대표 07:08) */
.sccard .sul .suu{color:#16a34a;white-space:nowrap;font-size:13px}
body:has(.tabs.odtabs) #topbtn{bottom:62px !important}   /* ★[ODFIX] 맨 위로 단추가 아래 탭을 안 가리게 */
.pop.thmenu i.thhd{display:block;padding:8px 12px 3px;font-style:normal;font-size:11.5px;font-weight:700;color:#9a9893;border-top:1px solid #eee;cursor:default;white-space:nowrap}   /* ★[THHD] */
.pop.thmenu i.thhd:empty{padding:0;margin:3px 0}
/* ★[THHD2] 261027 드롭 제목 줄을 확실히 — 회색 바탕 · 진한 글씨, 아래 거래처는 들여쓰기 (대표 09:16) */
.pop.thmenu i.thhd{background:none;color:#0b0b0b;font-size:13px;font-weight:700;padding:9px 12px 3px;margin-top:4px;border-top:1px solid #e3e3e2;border-bottom:0}   /* ★[THHD3] 261027 회색 띠 없이 — 진한 제목 + 위 선 하나 (대표 09:18) */
.pop.thmenu i.thhd:empty{background:none;border-bottom:0;padding:0;margin:4px 0 2px}
/* ★[CALSKIP] 261027 업무달력 안함 = 완료처럼 줄 · 분류 + 상태 드롭 나란히 (개인홈과 같게 · 대표 11:02) */
.calit.skip{opacity:.55;text-decoration:line-through}
.calcard2 .calit.skip{opacity:1;text-decoration:line-through;color:#a8a7a2}
.calfr{display:flex;gap:8px;flex:1 1 100%;min-width:0}
.calfr .calkf{flex:1 1 0 !important;min-width:0 !important;margin:0 !important}
/* ★[LGTBL] 261027 원장 화면 = 같은 날은 한 덩어리 · 구분 바뀌면 가로선 · 품목 · 규격 · 년산 사이 선 없음 */
table.lgg tbody td{border-bottom:0 !important;border-top:0}
table.lgg tbody tr.d0 td{border-top:1px solid var(--c-bd,#e3e3e2)}
table.lgg tbody tr.k0 td{border-top:1px solid var(--c-bd,#e3e3e2)}
/* ★[LGDAY] 261027 같은 날 다른 거래도 날짜 칸까지 가로줄 (통일 · 대표 13:25) */
table.lgg tr.sum td{font-weight:700;border-top:1px solid #8a8984}
table.lgg td.l{text-align:left}
table.lgg td.lt{font-weight:600}

/* ★[LGAMT] 261027 원장 품목 ~ 금액 칸 = 가로줄 없음 · 탭 제목 줄 한 줄 (대표 13:06) */
.lghd b{white-space:nowrap;flex:0 0 auto}
.lghd .hint{white-space:nowrap}

/* ★[LGEND] 261027 원장 표 = 상자 안에서 스크롤 · 머리 줄 고정 · 열면 맨 아래(최신) (대표 13:31) */
html body .main .tblw.lgbox{overflow-y:visible}   /* ★[LGEND2] 상자 스크롤 없앰 — 화면 스크롤 하나만 (대표 13:39) */
html body .main .tblw.lgbox table.lgg{overflow:visible !important}
html body .main .tblw.lgbox table.lgg{border-collapse:separate !important;border-spacing:0;border-top:0 !important}
html body .main .tblw.lgbox table.lgg{display:table !important;width:100%}
html body .main .tblw.lgbox table.lgg > tbody{display:table-row-group !important;width:auto !important}html body .main .tblw.lgbox table.lgg > thead{display:table-header-group !important}

/* ★[ROFS] 261027 읽기만 하는 화면의 스위치 = 흐리게 · 안 눌림 */
fieldset[disabled] .sw{opacity:.5;cursor:default;pointer-events:none}
@media (max-width:700px){.lghd .hint{white-space:normal !important}}
input.ptal{width:8em;height:28px;padding:0 8px;font-size:inherit}   /* ★[PTALIAS2] 261028 매출처 목록 약어 칸 */
.odgrid input.odpr.odman.odbad{background:#fecaca;color:#b91c1c;border-color:#dc2626}   /* ★[ODPROMO] 261028 행사가와 다른 가격 = 빨강 */
br.mbr{display:none}
.z0{display:inline-block;min-width:1.6em;min-height:1em}
a.co-nm:has(.z0){border-bottom:0 !important;text-decoration:none !important}   /* ★[ZERO] 0 = 빈칸 (누를 자리는 남김) */
@media (max-width:640px){   /* ★[S4M] 261028 폰 = 재고현황 · 재고확인 양품 · 반품이 한눈에 (분류 숨김 · 대표 09:47 · 10:27) */
  br.mbr{display:inline}
  table.list.s4m th:first-child, table.list.s4m td:first-child{display:none}
  html body .main .card table.list.s4m tr>*{padding:8px 6px !important;font-size:14px}
  table.list.s4m th{line-height:1.25;white-space:nowrap;word-break:keep-all}
  table.list.s4m th:nth-child(2), table.list.s4m td:nth-child(2), table.list.s4m th:nth-child(3), table.list.s4m td:nth-child(3), table.list.s4m th:nth-child(4), table.list.s4m td:nth-child(4){width:1%;white-space:nowrap}
  html body .main .card table.list.s4m tr>*:nth-child(2){padding-right:12px !important}
  table.list.s4m th.num, table.list.s4m td.num{text-align:center;white-space:nowrap}
  html body .main .card table.list.s4m tr>.num{padding-left:3px !important;padding-right:3px !important}
  html body .main .card table.list.s4m th{font-size:13px}
  table.list.s4m th i{display:none}
  html body .main .card table.list.s4m{table-layout:fixed !important;width:100% !important}   /* ★[S4M3] 폰 = 칸 폭을 %로 고정 (글자 크기와 상관없이 · 대표 10:42) */
  table.list.s4m tr>*:nth-child(2){width:27%}
  table.list.s4m tr>*:nth-child(3){width:14%}
  table.list.s4m tr>*:nth-child(4){width:11%}
  table.list.s4m tr>*:nth-child(2), table.list.s4m tr>*:nth-child(3), table.list.s4m tr>*:nth-child(4){white-space:normal !important;word-break:keep-all;overflow-wrap:anywhere}
  table.list.s4mc5 tr>.num{width:9.6%}
  table.list.s4mc4 tr>.num{width:12%}
  table.list.s4mc2 tr>*:nth-child(2){width:36%}
  table.list.s4mc2 tr>*:nth-child(3){width:16%}
  table.list.s4mc2 tr>*:nth-child(4){width:12%}
  table.list.s4mc2 tr>.num{width:18%}
}
.tblw:has(> table.list.s4m), .card:has(table.list.s4m), table.list.s4m{overflow:visible !important}   /* ★[S4STICK] 261028 재고현황 · 재고확인 = 스크롤해도 칸 제목 위에 고정 (대표 10:32) */
table.list.s4m tr:first-child > th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--c-bd, #e3e3e2)}
@media (max-width:640px){ html,body{overflow-x:clip !important;overflow-y:visible !important} }   /* ★[S4STICK] 폰 = 옆 넘침은 자르되 스크롤 상자를 만들지 않음 (그래야 칸 제목 고정이 됨) */
/* ★[PINL] 261028 폰 매입 · 매출 목록(원장 · 거래처 · 단가) — 좌우로 밀어도 No · 거래처명 / 품목 칸은 왼쪽 고정 · 칸 여백 좁게 (대표 11:04) */
@media (max-width:700px){
  html body .main .card table.list.pinL tr>*{padding:8px 7px !important;white-space:nowrap !important}
  html body .main .card table.list.pinL th i{display:none}
  html body .main .card table.list.pinL tr>*:first-child, html body .main .card table.list.pin2 tr>*:nth-child(2){position:sticky;left:0;z-index:2;background:var(--c-card,#fff)}
  html body .main .card table.list.pinL tr:first-child>*{background:var(--c-head,#fcfcfb)}
  html body .main .card table.list.pin2 tr>*:first-child{width:38px;min-width:38px;max-width:38px;box-sizing:border-box;text-align:center;padding-left:2px !important;padding-right:2px !important;overflow:visible;text-overflow:clip}   /* ★[PINNO] 261028 두 자리 번호가 1… 로 잘림 (대표 11:16) */
  html body .main .card table.list.pin2 tr>*:nth-child(2){left:38px}
  html body .main .card table.list.pin1 tr>*:first-child, html body .main .card table.list.pin2 tr>*:nth-child(2){max-width:8.5em;overflow:hidden;text-overflow:ellipsis;box-shadow:1px 0 0 var(--c-bd,#e3e3e2)}
  html body .main .card table.list.pinL tr>td[colspan]{position:static;max-width:none;box-shadow:none}
}
/* ★[PINT] 261028 폰 매입 · 매출 — 머리 줄도 위에 고정 (pinTop 이 내려 붙임) · 머리 줄이 글 위에 · 왼쪽 모서리 칸이 맨 위 (대표 11:12) */
@media (max-width:700px){
  html body .main .card table.list.pinL tr:first-child>*{position:relative;z-index:3}
  html body .main .card table.list.pinL tr:first-child>*:first-child, html body .main .card table.list.pin2 tr:first-child>*:nth-child(2){position:sticky;z-index:4}
  html body .main .card table.list.pinL tr.pint>*{box-shadow:0 1px 0 var(--c-bd,#e3e3e2)}
  html body .main .card table.list.pinL tr.pint>*:first-child, html body .main .card table.list.pin1 tr.pint>*:first-child, html body .main .card table.list.pin2 tr.pint>*:nth-child(2){box-shadow:1px 0 0 var(--c-bd,#e3e3e2), 0 1px 0 var(--c-bd,#e3e3e2)}
  html body .main .card table.list.pin2 tr.pint>*:first-child{box-shadow:0 1px 0 var(--c-bd,#e3e3e2)}
}
/* ★[ACCT3] 261028 회사지출 · 개인지출 통장 표시 (작게 · 대표 16:17) */
.mnac{display:inline-block;font-size:11.5px;color:#52514e;background:#f1f0ee;border:1px solid #e3e3e2;border-radius:8px;padding:0 6px;margin-left:2px;font-weight:500;white-space:nowrap}
/* ★[SRCHSC] 261028 검색 드롭 맨 위 = [제목] [제목+본문] (대표 21:08) */
#msres .mssc{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--c-bd,#e3e3e2);position:sticky;top:0;background:var(--c-card,#fff);z-index:1}
#msres .mssc .seg button{height:26px;min-width:0;padding:0 10px;font-size:13px}