body {
  margin: 0;
  background: var(--jj-gray-50);
  color: var(--jj-gray-900);
  font:
    15px/1.7 "Pretendard",
    system-ui,
    -apple-system,
    "Apple SD Gothic Neo",
    "Malgun Gothic",
    sans-serif;
}
.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 18px 64px;
}
.legal header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.legal header img {
  width: 150px;
  height: auto;
}
.legal article {
  padding: 22px 20px;
  border: 1px solid var(--jj-gray-200);
  border-radius: var(--jj-radius-sheet);
  background: #fff;
}
.legal h1 {
  margin: 0 0 6px;
  font-size: 24px;
}
.legal h2 {
  margin: 26px 0 8px;
  font-size: 17px;
}
.legal table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.legal th,
.legal td {
  padding: 8px;
  border: 1px solid var(--jj-gray-200);
  text-align: left;
  vertical-align: top;
}
.legal th {
  background: var(--jj-gray-50);
  white-space: nowrap;
}
.legal .table-wrap {
  overflow-x: auto;
}
.legal .meta {
  color: var(--jj-gray-600);
  font-size: 13px;
}
.legal ol,
.legal ul {
  padding-left: 20px;
}