:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#20332d;background:#f5f7f4;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.quiet{cursor:pointer;border:1px solid #cdd7d0;background:#fff;border-radius:9px;padding:10px 16px;font-weight:650;color:#314a3b}button:hover,.quiet:hover{background:#edf4ed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #84b99f;outline-offset:3px}header{max-width:1240px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee6de}.brand{display:flex;align-items:center;gap:15px;font-size:28px;font-weight:850;letter-spacing:-1.5px}.brand span{font-size:14px;font-weight:600;letter-spacing:0;border-left:1px solid #bdcdbf;padding-left:15px}main{max-width:1240px;margin:auto;padding:44px 32px 70px}h1,h2,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.4;margin-bottom:10px}h2{font-size:18px;line-height:1.5}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#507561;font-weight:750;margin-bottom:10px}.muted,.meta{color:#63756a}.small{font-size:13px}.count{display:inline-block;background:#e0ece2;font-size:18px;vertical-align:middle;border-radius:25px;padding:2px 11px;margin-left:7px;color:#356c4c}.heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.refresh{font-size:14px;white-space:nowrap}.search{display:flex;gap:9px;margin:18px 0 30px}input{border:1px solid #c9d6cc;background:white;border-radius:9px;min-width:0;padding:13px 15px;color:#20332d}.search input{flex:1}.primary{background:#206b4b;color:white;border-color:#206b4b}.primary:hover{background:#165439}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px}aside h2{font-size:13px;color:#6a7c70;margin:0 0 12px}.group{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;padding:12px;border-radius:8px;margin-bottom:5px}.group span{overflow-wrap:anywhere}.group b{color:#718375}.group.active{background:#e2eee3;font-weight:700;color:#1b603f}.group:hover{background:#e9f0e8}.mail-list{min-width:0}.mail-card{display:block;border:1px solid #dce5dc;background:#fff;padding:11px 16px;border-radius:10px;margin-bottom:7px;position:relative}.mail-card:hover{border-color:#81a48c;background:#fcfefb}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:5px}.card-recipient{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;color:#718075}.card-top time{flex-shrink:0;font-size:12px;color:#7b887e;white-space:nowrap}.mail-card h2{margin-bottom:5px;font-size:14px;font-weight:600;text-align:left;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mail-card p{font-size:13px;color:#718075;margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{max-width:440px;margin:30px auto;background:white;padding:36px;border:1px solid #dce5dc;border-radius:16px}.login h1{font-size:29px}.login label{display:block;font-size:14px;font-weight:650;margin:26px 0 8px}.login input{width:100%;margin-bottom:15px}.full{width:100%;padding:13px}.login .small{margin:20px 0 0}.notice{background:#fff4d8;color:#765718;padding:15px;border-radius:9px;font-size:14px}.error{background:#fff0ec;color:#a43c2a}.back{display:inline-block;color:#4f705c;margin-bottom:25px;font-size:14px}.message{background:white;border:1px solid #dce5dc;border-radius:14px;padding:32px}.recipient{font-size:30px;overflow-wrap:anywhere;color:#1d6042}.message h2{margin-top:20px;overflow-wrap:anywhere}.meta{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.image-policy{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f3f6f1;padding:14px 16px;margin:25px 0 12px;border-radius:8px;font-size:12px;color:#617165}.image-policy button{font-size:12px;white-space:nowrap}.message iframe{width:100%;height:620px;border:1px solid #e4e9e2;border-radius:8px;background:#fff}.text-body{font:16px/1.8 inherit;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #e2e8e0;padding-top:28px;margin-top:25px}.pagination{display:flex;justify-content:space-between;padding-top:15px;font-size:14px}.empty{padding:50px 24px;text-align:center;background:white;border-radius:12px;color:#6b7c6d}footer{max-width:1240px;margin:auto;padding:25px 32px;color:#7a887d;font-size:12px;border-top:1px solid #e0e7df}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){header{padding:18px 20px}.brand{font-size:25px}.brand span{font-size:12px}main{padding:28px 18px 45px}h1{font-size:27px}.heading{gap:12px}.heading p{font-size:13px}.refresh{padding:8px 10px;font-size:12px}.layout{grid-template-columns:1fr;gap:18px}aside{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}aside h2{display:none}.group{flex-shrink:0;max-width:280px;border:1px solid #e0e8de;margin:0;font-size:12px}.group span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-card{padding:10px 12px}.message{padding:20px 14px}.recipient{font-size:24px}.image-policy{display:block;padding:12px}.image-policy form{margin-top:10px}.message iframe{height:580px}.login{margin:10px auto;padding:26px 22px}.login h1{font-size:27px}footer{padding:22px 20px}}