/* 회원 화면. site.css 위에 얹는 최소한만 둔다. */
.member-main{max-width:860px;padding:24px 0 64px}
.member-main h1{margin:0 0 18px}
.member-who{font-size:13px;color:#5b6b7c;margin-right:14px}
.member-form{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:18px 0}
.member-form.inline{flex-direction:row;align-items:flex-end;flex-wrap:wrap;max-width:none}
.member-form label{font-size:13px;font-weight:600}
.member-form input,.member-form select{font:inherit;padding:10px 12px;border:1px solid #c7d0da;border-radius:6px;background:#fff}
.member-form .check{flex-direction:row;display:flex;align-items:center;gap:8px;font-weight:400}
.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}
.card{border:1px solid #dbe2ea;border-radius:8px;background:#fff;padding:18px 20px}
.card.wide{grid-column:1/-1;margin-top:4px}
.card h2{font-size:14px;margin:0 0 8px;color:#45566a}
.card .big{font-size:30px;font-weight:700;margin:0;color:#10406e;font-variant-numeric:tabular-nums}
.card .big small{font-size:15px;font-weight:400;color:#7b8794}
.card .small{font-size:12.5px;color:#5b6b7c;margin:6px 0 12px}
.card a{font-size:13px;font-weight:600;color:#10406e}
.member-list{list-style:none;padding:0;margin:18px 0;border:1px solid #dbe2ea;border-radius:8px;background:#fff}
.member-list li{padding:12px 16px;border-bottom:1px solid #eef2f6}
.member-list li:last-child{border-bottom:0}
.notice{border:1px solid #dbe2ea;border-left:4px solid #7b93a8;border-radius:6px;background:#f7f9fb;padding:14px 16px;margin:18px 0}
.notice.info{border-left-color:#2a6fb0}
.notice.danger{border-left-color:#a4342a;background:#fdf6f5}
.notice p{margin:6px 0 0}
.notice .small{font-size:12.5px;color:#5b6b7c}
.member-main .lead{font-size:15px;color:#33404d}
@media (max-width:640px){.member-form.inline{flex-direction:column;align-items:stretch}}