@charset "UTF-8";

/* @import url(/res/NotoSerifKR-VariableFont_wght.ttf); */
@import url(NotoSerifKR-VariableFont_wght.ttf); 
@font-face {
    font-family: 'Material Icons Sharp';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
         local('MaterialIcons-Sharp'),
         url('MaterialSymbolsSharp-Regular.ttf') format('truetype');
}

:root {
    --primary: #2b4c7e;
    --primary-light: #e8eef8;
    --success: #2e7d32;
    --warning: #ed6c02;
    --danger: #d32f2f;

    --bg: #f5f7fa;
    --surface: #ffffff;

    --text-main: #212121;
    --text-sub: #666666;
    --text-disabled: #9e9e9e;

    --anchor-text: #2b4c7e;
    --anchor-hover: #1d3d6b;
    --anchor-visited: #5b4f9b;

    --border: #d7dce3;
}

body {
  background: var(--bg);
  line-height: 1.6;
  margin: 0 auto;
}

h1, h2, h3, h4, h5 {
  color: var(--text-main);
  margin-block: unset;
}

p, dl {
  color: var(--text-main);
}

ul {
  list-style: none;
  margin-block: unset;
  padding-inline: unset;
}

a {
  color: var(--anchor-text);
  text-decoration: none;
}

a:hover {
  color: var(--anchor-hover);
  text-decoration: underline;
}

a:visited {
  color: var(--anchor-visited);
}

code {
  color: var(--code-text);
  background: var(--code-background);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: Consolas, Monaco, monospace;
  font-size: 0.9em;
}