.app{min-height:100vh;background:var(--sot-bg);color:var(--sot-text)}.skip{position:absolute;left:var(--space-3);top:-40px;background:var(--sot-surface);color:var(--sot-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);z-index:5}.skip:focus{top:var(--space-2)}.topbar{min-height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--sot-navy);color:var(--sot-surface)}.logo-btn{background:transparent;color:var(--sot-surface);border:0;font-weight:700;font-size:16px;padding:var(--space-2) 0;white-space:nowrap}.search-form{display:flex;flex:1;gap:var(--space-2);min-width:180px}.search-form input{flex:1;border:1px solid var(--sot-line);border-radius:var(--radius);background:var(--sot-surface);color:var(--sot-text);padding:var(--space-2) var(--space-3)}.account{white-space:nowrap}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-1)}.top-btn{background:transparent;color:var(--sot-surface);border:1px solid transparent;border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.top-btn:hover,.top-btn[aria-current=page]{border-color:var(--sot-card-line);background:var(--mail-selected);color:var(--sot-navy)}.notice{margin:0;padding:var(--space-2) var(--space-4);background:var(--mail-selected);color:var(--sot-text)}.workspace{display:grid;grid-template-columns:var(--folder-w) minmax(0,1fr);height:calc(100vh - var(--topbar-h));min-height:420px}.col{min-width:0;min-height:0;overflow:auto;background:var(--sot-surface);border-right:1px solid var(--sot-line)}.col-detail{border-right:0}.col[hidden]{display:none!important}.col-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--sot-line);position:sticky;top:0;background:var(--sot-surface);z-index:1}.back{display:none}main>.back{margin:var(--space-3) var(--space-4) 0}.folder-btn,.row-open,.suggest button,.linkish{background:transparent;color:var(--sot-text);border:0}.folder-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;padding:var(--space-3) var(--space-4)}.folder-btn.active{background:var(--mail-selected);color:var(--mail-unread);font-weight:700}.badge{min-width:1.5em;text-align:center;border-radius:999px;background:var(--sot-blue);color:var(--sot-surface);padding:0 var(--space-2)}.toolbar,.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--sot-line)}.detail-actions{display:flex;padding:0}.btn,.btn-secondary,.btn-danger{border-radius:var(--radius);padding:var(--space-2) var(--space-3);border:1px solid transparent}.btn{background:var(--sot-blue);color:var(--sot-surface)}.btn:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.55;cursor:default}.btn-secondary{background:var(--sot-surface);color:var(--sot-text);border-color:var(--sot-line)}.btn-danger{background:var(--mail-danger);color:var(--sot-surface)}.move-select,.field input,.field textarea,.field select{border:1px solid var(--sot-line);border-radius:var(--radius);background:var(--sot-surface);color:var(--sot-text);padding:var(--space-2) var(--space-3)}.message-list{list-style:none;margin:0;padding:0}.message-row{display:grid;grid-template-columns:24px 28px minmax(0,1fr);gap:var(--space-2);align-items:center;padding:0 20px;min-height:48px;border-bottom:1px solid var(--sot-line)}.message-row.selected{background:var(--mail-selected)}.message-row.unread .row-open{font-weight:700;color:var(--mail-unread)}.row-open{display:grid;grid-template-columns:180px minmax(0,1fr) 190px 64px;align-items:center;gap:16px;min-height:48px;width:100%;min-width:0;text-align:left;padding:0;cursor:pointer}.row-line{display:flex;justify-content:space-between;gap:var(--space-2)}.subject,.from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{color:var(--sot-muted);white-space:nowrap}.flag{color:var(--mail-star);margin-right:var(--space-1)}.detail{padding:var(--space-4)}.detail h2{margin:0 0 var(--space-3);font-size:20px;color:var(--sot-navy)}.meta-list{margin:0 0 var(--space-4);display:grid;gap:var(--space-1)}.mail-frame{width:100%;min-height:60vh;border:1px solid var(--sot-line);border-radius:var(--radius);background:var(--sot-surface)}.topbar{background:#fff;color:var(--sot-navy);border-bottom:1px solid var(--sot-line);min-height:72px;padding:12px 24px;gap:24px}.logo-btn{color:var(--sot-blue);font-size:21px;letter-spacing:-.8px}.search-form{max-width:660px;margin-right:auto}.search-form input{min-width:0;background:#f5f7fa;border-color:#e5e9ef;padding:10px 14px}.top-btn{color:var(--sot-muted);padding:8px}.top-nav{gap:4px}.account{font-size:13px;font-weight:600}.workspace{height:calc(100dvh - 73px);min-height:360px}.col-folders{background:#f6f8fb;padding-top:8px}.col-folders .col-head{position:static;display:flex;flex-direction:column;align-items:stretch;background:transparent;border:0;padding:16px 18px 12px;gap:24px}.col-folders .col-head .btn{padding:13px;font-weight:700;font-size:15px;border-radius:8px}.col-folders .col-head strong{font-size:12px;color:var(--sot-muted);padding-left:8px;font-weight:500}.folder-btn{padding:13px 24px;font-size:14px;border-radius:6px;width:calc(100% - 16px);margin:2px 8px}.folder-btn.active{color:#1762d4;background:#e8efff}.badge{background:transparent;color:var(--sot-blue);font-weight:700;font-size:12px;padding:0}.col-list,.col-detail{border-right:0}.col-list .col-head,.col-detail .col-head{min-height:74px;padding:16px 24px}.mailbox-heading{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.mailbox-heading h1{font-size:20px;margin:0;color:var(--sot-navy);letter-spacing:-.6px}.mailbox-count{font-size:12px;color:var(--sot-muted);font-weight:400}.mailbox-count b{color:var(--sot-blue);font-weight:600}.toolbar{padding:10px 20px;gap:6px;min-height:58px}.toolbar .btn-secondary,.toolbar .btn-danger{font-size:13px;border-radius:5px;padding:7px 10px}.toolbar .btn-danger{background:#fff;color:#c43636;border-color:var(--sot-line)}.toolbar .move-select{font-size:13px;padding:7px;border-radius:5px;max-width:150px}.select-all{display:inline-flex;align-items:center;gap:8px;margin-right:10px;font-size:12px;color:var(--sot-muted);min-width:88px}input[type=checkbox]{accent-color:var(--sot-blue);width:15px;height:15px;margin:0;cursor:pointer}.list-columns{display:grid;grid-template-columns:24px 28px 180px minmax(0,1fr) 190px 64px;gap:16px;padding:11px 20px;font-size:12px;color:var(--sot-muted);background:#fafbfc;border-bottom:1px solid var(--sot-line)}.message-row{gap:16px;border-bottom-color:#eef1f5}.message-row:hover{background:#f7faff}.message-row.selected{background:#eff5ff}.message-row.unread .row-open{color:#17253b}.message-row .from{font-size:13px}.message-row .subject{font-size:14px;display:block}.row-date{font-size:12px;font-weight:400}.row-size{text-align:right;font-size:12px;font-weight:400}.row-star{border:0;background:none;padding:0;color:#b4bdcb;font-size:22px;line-height:1}.row-star.flagged{color:#e0a21c}.attachment-tag{display:inline-block;font-size:10px;line-height:17px;border:1px solid #dae2ed;color:#687b96;border-radius:3px;padding:0 3px;margin-left:8px;font-weight:400;vertical-align:1px}.col-detail .back{display:inline-flex;align-items:center;font-size:13px}.detail{padding:28px 32px;overflow-wrap:anywhere}.detail h2{font-size:22px;font-weight:650;line-height:1.6}.detail ul[aria-label=첨부파일]{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0}.detail-actions .toolbar{border-bottom:0}.meta-list{font-size:13px;color:var(--sot-muted);padding:8px 0 20px;border-bottom:1px solid var(--sot-line);line-height:1.8}.plain-alternative{margin-top:20px;color:var(--sot-muted);font-size:12px}.plain-alternative summary{cursor:pointer}.spam-verdict{margin:18px 0;padding:16px 20px;border:1px solid #dbe4ef;background:#f8fafc;border-radius:8px;font-size:13px;line-height:1.7}.spam-verdict.spam{border-color:#f0b9ad;background:#fff5f2;color:#983d2a}.spam-verdict.suspicious{border-color:#eddaaa;background:#fffbef;color:#785b15}.spam-verdict small{display:block;color:var(--sot-muted);margin-top:8px}.mail-frame{border:0;border-radius:0}.col-list>p{padding:16px 24px}.col-list>.btn-secondary{display:block;margin:20px auto}.back{display:inline-flex}@media(min-width:900px)and (max-width:1199px){.topbar{gap:14px;padding:12px 18px}.workspace{grid-template-columns:200px minmax(0,1fr)}.row-open{grid-template-columns:140px minmax(0,1fr) 150px}.list-columns{grid-template-columns:24px 28px 140px minmax(0,1fr) 150px}.row-size,.list-columns>span:last-child{display:none}.row-date{font-size:11px}}.plain{white-space:pre-wrap;background:var(--sot-bg);border:1px solid var(--sot-line);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-2) 0 var(--space-4)}.muted{color:var(--sot-muted)}.error{color:var(--mail-danger)}.ok{color:var(--mail-ok)}.panel{padding:var(--space-5);max-width:880px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.card{width:min(440px,100%);background:var(--sot-surface);border:1px solid var(--sot-card-line);border-radius:var(--radius);padding:var(--space-6)}.card h1{margin:0 0 var(--space-2);font-size:20px;color:var(--sot-navy)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4);position:relative}.field textarea{min-height:220px;resize:vertical}.stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-list,.suggest{list-style:none;margin:0;padding:0}.contact-list li{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--sot-line)}.suggest{position:absolute;left:0;right:0;top:100%;z-index:2;background:var(--sot-surface);border:1px solid var(--sot-line);border-radius:var(--radius)}.suggest button{width:100%;text-align:left;padding:var(--space-2) var(--space-3)}.suggest button.active,.suggest button:hover{background:var(--mail-selected)}.admin-wrap{min-height:100vh;background:var(--sot-bg)}.admin-back{margin:var(--space-3) var(--space-4)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.status-live{min-height:1.5em}@media(max-width:899px){.topbar{flex-wrap:wrap;height:auto;padding:var(--space-2) var(--space-3)}.search-form{order:5;flex-basis:100%}.workspace{grid-template-columns:1fr;height:auto}.topbar{gap:8px 16px}.logo-btn{font-size:18px}.top-nav{margin-left:auto}.top-btn{font-size:12px;padding:6px}.account{font-size:12px}.col-list .col-head,.col-detail .col-head{padding:14px 16px;min-height:64px}.mailbox-heading{gap:4px;flex-direction:column}.mailbox-heading h1{font-size:18px}.mailbox-count{font-size:11px}.toolbar{padding:10px 12px}.list-columns{display:none}.message-row{grid-template-columns:20px 22px minmax(0,1fr);gap:8px;padding:12px}.row-open{grid-template-columns:minmax(0,1fr) auto;min-height:42px;gap:8px}.from{grid-column:1;grid-row:1}.subject{grid-column:1 / -1;grid-row:2}.row-date{grid-column:2;grid-row:1;font-size:10px}.row-size{display:none}.detail{padding:20px 16px}.detail h2{font-size:19px}.back{display:inline-flex}.workspace[data-pane=folders] .col-list,.workspace[data-pane=folders] .col-detail,.workspace[data-pane=list] .col-folders,.workspace[data-pane=list] .col-detail,.workspace[data-pane=detail] .col-folders,.workspace[data-pane=detail] .col-list{display:none}.workspace[data-pane=detail] .detail-actions{display:flex}}.mail-links{margin-top:24px;padding:18px;border:1px solid #d9e2ef;border-radius:8px;background:#f8faff}.mail-links li{margin:18px 0}.mail-links strong,.mail-links code,.link-confirm code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;unicode-bidi:plaintext}.mail-links code,.link-confirm code{padding:10px;background:#edf1f7;color:#17263d;margin:8px 0}.link-warning{color:#a33c09;font-weight:600}.link-confirm{border:1px solid #cbd5e1;border-radius:12px;padding:24px;width:min(620px,90vw);max-height:85vh;overflow:auto;color:#17263d}.link-confirm::backdrop{background:#0f172a88}.link-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.priority-folder{color:#914900;background:#fff4d6;font-weight:800}.message-row.priority-inquiry{background:#fff9e8;border-left:4px solid #f59e0b}.company-tag{display:inline-block;font-size:11px;font-weight:700;color:#1d4ed8;background:#eaf1ff;padding:3px 6px;border-radius:4px;margin-right:8px}.company-tag.inquiry{color:#884000;background:#ffedb4}.priority-notice{border:1px solid #f2c65c;border-left:5px solid #f59e0b;background:#fff8df;border-radius:8px;padding:16px 20px;margin-bottom:20px;color:#774000}.sender-contact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.image-permission{background:#f0f5ff;border:1px solid #d5e1f5;border-radius:8px;padding:12px 16px;margin:16px 0}.signature-editor{border:1px solid #dae3ef;border-radius:8px;padding:16px;margin:16px 0}.html-signature-editor{border:1px solid #cdd8e8;border-radius:8px;padding:14px;background:#fff;margin:12px 0}.signature-tools,.signature-insert{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.signature-tools button,.signature-insert button{padding:7px 10px;border:1px solid #cdd8e8;border-radius:5px;background:#f5f8fd;cursor:pointer}.signature-wysiwyg{min-height:150px;max-height:400px;overflow:auto;padding:16px;border:1px solid #ccd8e8;border-radius:6px;overflow-wrap:anywhere}.signature-wysiwyg img{max-width:100%;height:auto}.signature-insert label{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px}.image-size-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.image-size-tools button[aria-pressed=true]{background:#e9f0ff;border-color:#6087db;color:#1947a6}.mail-links summary{cursor:pointer;font-weight:700}.reply-quote{margin:16px 0;padding:12px;border:1px solid #d8e1ef;border-left:3px solid #91a7c8;border-radius:6px}.reply-quote summary{cursor:pointer;color:#315986;font-weight:700}.conversation-current{border:1px solid #bae6dc;border-left:5px solid #16a08a;border-radius:8px;background:#f0fdfa;padding:16px;margin:18px 0;color:#155e53}.conversation-current.self{border-color:#bfdbfe;border-left-color:#2563eb;background:#eff6ff;color:#1e40af}.conversation-current strong{display:block;font-size:17px;margin-bottom:8px}.conversation-current small{display:block;margin-top:8px}:root{--sot-navy: #0f172a;--sot-blue: #2563eb;--sot-blue-dark: #1d4ed8;--sot-bg: #f8fafc;--sot-surface: #ffffff;--sot-text: #334155;--sot-muted: #64748b;--sot-line: #e2e8f0;--sot-card-line: #dbeafe;--mail-unread: #1e3a8a;--mail-star: #d97706;--mail-danger: #b91c1c;--mail-ok: #047857;--mail-selected: #eff6ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--topbar-h: 56px;--folder-w: 240px;--list-w: 380px;--font: "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--sot-text);background:var(--sot-bg);font-family:var(--font);font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sot-blue);outline-offset:2px}