/* 전자서명 화면 모양 */
.sign { display: flex; flex-direction: column; gap: 6px; }
.sign-note { flex: 0 0 auto; display: flex; gap: 10px; align-items: center; min-height: 26px; padding: 3px 8px; border: 1px solid var(--line); background: #fff; white-space: nowrap; }
.sign-note .warn { color: var(--red); font-weight: 700; }
.sign > .tabs { flex: 1 1 auto; min-height: 0; }
.sign > .tabs > .tabs-body { display: flex; flex-direction: column; overflow: hidden; padding: 6px 0 0; border: 0; background: transparent; }
.sign > .tabs > .tabs-body > * { flex: 1 1 auto; min-height: 0; }
.sign-split { display: grid; grid-template-columns: 820px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 6px; }
.sign-split.one { grid-template-columns: minmax(0, 1fr); }
.sign-split .panel > .panel-body { display: flex; flex-direction: column; gap: 6px; overflow: hidden; }
.sign-split .panel > .panel-body > .grid-wrap { flex: 1 1 auto; }
.sign-right { display: flex; flex-direction: column; gap: 6px; min-height: 0; min-width: 0; }
.sign-right > .panel:last-child { flex: 1 1 auto; }
.sign-cond { flex: 0 0 auto; border: 1px solid var(--line); background: #fff; }
.sign-cond-row { display: flex; height: 30px; border-bottom: 1px solid var(--line-soft); }
.sign-cond-row:last-child { border-bottom: 0; }
.sign-cond-lbl { flex: 0 0 78px; display: flex; align-items: center; justify-content: center; background: var(--head); border-right: 1px solid var(--line); font-weight: 700; }
.sign-cond-body { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0 8px; white-space: nowrap; }
.sign-cond-body label { display: inline-flex; align-items: center; gap: 3px; cursor: pointer; }
.sign-cond-body label.on { color: var(--blue); font-weight: 700; }
.sign-cond-body input[type=radio], .sign-cond-body input[type=checkbox], .sign-list input[type=checkbox] { margin: 0; vertical-align: middle; }
.sign-cond-body .inp { width: auto; }
.sign-list td { height: 24px; white-space: nowrap; }
.sign-list td.wrap { white-space: normal; }
.sign-foot { flex: 0 0 auto; display: flex; gap: 6px; align-items: center; }
.sign-foot label { display: inline-flex; align-items: center; gap: 3px; }
.sign-hash { font-family: Consolas, monospace; font-size: 11px; color: var(--muted); }
.sign-pw { display: flex; flex-direction: column; gap: 8px; }
.sign .grid-wrap > table.grid { table-layout: fixed; }
.sign .grid-wrap > table.grid td { overflow: hidden; text-overflow: ellipsis; }