@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

:root{
  --if-bg:#f4f6f9; --if-surface:#ffffff; --if-text:#1f2733; --if-muted:#6b7785;
  --if-line:#e3e7ee; --if-brand:#2563cf; --if-brand-weak:#eaf1fc; --if-brand-ink:#174a9e;
  --if-font:'Pretendard','Malgun Gothic','¸¼Àº °íµñ','Apple SD Gothic Neo',sans-serif;
}
html,body{ font-family:var(--if-font); color:var(--if-text); font-size:13px; line-height:1.6; }
body{ background:var(--if-bg); margin:0; }
a,a:link,a:visited{ color:var(--if-brand); text-decoration:none; }
a:hover{ color:var(--if-brand-ink); text-decoration:underline; }
a:active{ color:#c0392b; }
img{ border:none; }
td{ color:#333; font-size:13px; line-height:1.65; }
h1,h2,h3,h4{ color:var(--if-text); font-weight:600; margin:.4em 0 .5em; }
h1{font-size:20px} h2{font-size:17px} h3{font-size:15px}
hr{ border:0; border-top:1px solid var(--if-line); margin:14px 0; }

input[type=text],input[type=password],input[type=email],input[type=number],
input[type=search],input[type=tel],input[type=date],select,textarea,.tfield,.tfield2{
  font-family:inherit; font-size:13px; color:var(--if-text); padding:5px 8px;
  border:1px solid #c7ced8; border-radius:6px; background:#fff; box-sizing:border-box; vertical-align:middle;
}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus,.tfield:focus,.tfield2:focus{
  outline:none; border-color:var(--if-brand); box-shadow:0 0 0 3px rgba(37,99,207,.15);
}
input[type=submit],input[type=button],input[type=reset],button{
  font-family:inherit; font-size:13px; font-weight:500; cursor:pointer; padding:6px 14px;
  border:1px solid var(--if-brand); border-radius:6px; background:var(--if-brand); color:#fff; vertical-align:middle;
}
input[type=submit]:hover,input[type=button]:hover,button:hover{ background:var(--if-brand-ink); border-color:var(--if-brand-ink); }
input[type=submit]:active,button:active{ transform:translateY(1px); }

.smalltext{ color:var(--if-muted); font-size:12px; line-height:1.5; }
.menupadding{ text-indent:6pt; }
.lineheight18{ font-size:13px; line-height:1.7; }
.plantext{ font-size:13px; }
.tuline1{ border-bottom:1px solid var(--if-line); }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:#c4ccd6; border-radius:6px; }
::-webkit-scrollbar-thumb:hover{ background:#aab4c0; }
::-webkit-scrollbar-track{ background:#eef1f5; }

.topbar{ display:flex; align-items:center; justify-content:flex-start; gap:40px; height:58px; padding:0 18px; background:#fff; border-bottom:1px solid var(--if-line); box-sizing:border-box; }
.topbar .brand{ display:flex; align-items:center; gap:10px; }
.topbar .brand .mark{ width:30px;height:30px;border-radius:8px;background:var(--if-brand-weak);color:var(--if-brand-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px; }
.topbar .brand b{ font-size:15px; font-weight:600; }
.topbar .brand small{ font-size:11px; color:var(--if-muted); display:block; }
.topbar .actions{ display:flex; align-items:center; gap:16px; font-size:12px; }
.topbar .actions .welcome{ color:var(--if-muted); }

.snav{ background:#fff; border:1px solid var(--if-line); border-radius:10px; padding:5px 6px; margin:0 0 8px; width:186px; box-sizing:border-box; text-align:left; }
.snav .snav-h{ font-size:11px; color:var(--if-muted); padding:2px 8px 3px; }
.snav a{ display:block; padding:3px 10px; border-radius:6px; color:var(--if-text); font-size:13px; line-height:1.4; }
.snav a:hover{ background:var(--if-brand-weak); color:var(--if-brand-ink); text-decoration:none; }
.snav .sep{ height:6px; line-height:6px; font-size:0; }
.snav .sub{ color:var(--if-muted); font-size:12px; }
.snav-user{ background:var(--if-brand); border:none; text-align:center; padding:11px 10px; }
.snav-user b,.snav-user .hello{ color:#fff; }
.snav-user b{ font-size:14px; }
.snav-user .hello{ font-size:12px; opacity:.85; margin:2px 0 8px; }
.snav-user input[type=submit]{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.45); }
.snav-user input[type=submit]:hover{ background:rgba(255,255,255,.3); }
.snav-login .snav-h{ color:var(--if-brand-ink); font-weight:600; font-size:12px; }
.snav-login label{ display:block; font-size:11px; color:var(--if-muted); margin:8px 2px 3px; }
.snav-login input[type=text],.snav-login input[type=password]{ width:100%; }
.snav-login input[type=submit]{ width:100%; margin-top:12px; }

.home-wrap{ padding:18px 20px; }
.home-card{ background:#fff; border:1px solid var(--if-line); border-radius:10px; padding:16px 18px; margin:0 0 16px; }
.home-card .t{ font-size:14px; font-weight:600; margin-bottom:2px; }
.home-card .d{ font-size:12px; color:var(--if-muted); }
.quick{ display:flex; flex-wrap:wrap; gap:10px; }
.quick a{ display:flex; align-items:center; gap:8px; min-width:170px; padding:11px 13px; border:1px solid var(--if-line); border-radius:8px; color:var(--if-text); background:#fff; }
.quick a:hover{ border-color:var(--if-brand); background:var(--if-brand-weak); text-decoration:none; }
.snav-rail{ width:198px; box-sizing:border-box; margin-left:1cm; }
td:has(.snav-rail){ padding-left:0 !important; }