/* NanumSquare */
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Serif+KR:wght@400;500;600&display=swap");
@font-face {
  font-family: "NanumSquare";
  font-weight: 200;
  font-display: fallback;
  src: url("../font/NanumSquareL.woff") format("woff"), url("../font/NanumSquareL.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquare";
  font-weight: 400;
  font-display: fallback;
  src: url("../font/NanumSquareR.woff") format("woff"), url("../font/NanumSquareR.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquare";
  font-weight: 700;
  font-display: fallback;
  src: url("../font/NanumSquareB.woff") format("woff"), url("../font/NanumSquareB.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquare";
  font-weight: 900;
  font-display: fallback;
  src: url("../font/NanumSquareEB.woff") format("woff"), url("../font/NanumSquareEB.ttf") format("truetype");
}

:root {
  --bs-primary: #0c70f5;
  --bs-primary-hover: #0a63d7;
  --bs-primary-text: #005ad0;
  --bs-primary-light: #edf5ff;
  --bs-primary-light-hover: #cae0fc;
  --bs-dark: #222;
  --bs-gray-dark: #666;
  --bs-gray: #979797;
  --bs-gray-light: #bbb;
  --bs-secondary: #a5a5a5;
  --bs-danger: #fd5435;
  --bs-danger-light: #ffdcd5;
  --bs-success: #44a900;
  --bs-success-hover: #3a9200;
  --bs-success-light: #e6eddb;
  --bs-success-light-hover: #dfe8d0;
  --bs-orange: #ff7722;
  --bs-th-color: #eeeef1;
  --bs-tr-active: #deeaf8;
  --bs-disabled: #f3f4f7;
  --tms-sub-blue: #e0f0ff;
  --tms-sub-purple: #f1edff;
  --tms-sub-green: #e6eddb;
  --tms-sub-white: #ffffff;
  --tms-sub-yellow: #fff5db;
  --bs-body-color: #f1f2f5;
  --bs-font-sans-serif: "NanumSquare", sans-serif;
  --bs-body-line-height: 1.6;
  --bs-body-font-weight: 400;
}

html {
  font-size: 14px;
}

* {
  color: var(--bs-dark);
  margin: 0;
  padding: 0;
  word-break: keep-all;
}

a,
a:hover {
  color: var(--bs-dark);
  text-decoration: none;
}

a,
img {
  display: block;
}

dl,
ul,
ol,
p,
dd {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0;
}

button {
  border: 0;
  border-radius: 0.25rem;
  background: #ddd;
}

dt,
strong {
  font-weight: 700;
}