main section .drawing {
  margin: 1rem 0;
}

main section .drawing h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: first baseline;
      -ms-flex-pack: first baseline;
          justify-content: first baseline;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: calc(var(--font-size) * 1.2);
  font-weight: normal;
  position: relative;
  border-bottom: 3px solid #c7c7c7;
}

main section .drawing h2 svg {
  fill: black;
  width: 2.5rem;
  height: 2.5rem;
}

main section .drawing h2::before {
  position: absolute;
  content: " ";
  border-bottom: 3px solid #042877;
  width: calc(4em + 2.5em);
  display: block;
  bottom: calc(3px * -1);
}

main section .drawing h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-weight: normal;
  color: #fdfdfd;
  background-color: #042877;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 1rem;
  margin: 0;
  font-size: calc(var(--font-size) * 1);
}

main section .drawing h3 svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: #fdfdfd;
}

main section .drawing h3 span {
  font-size: calc(var(--font-size) * 0.9);
  margin-left: 1rem;
  display: block;
}

main section .drawing .editor {
  width: 100%;
  border: 2px solid #042877;
  padding: 1rem;
  position: relative;
}

main section .drawing .editor p {
  text-indent: 1em;
}

main section .drawing .editor p.no-i {
  text-indent: 0;
}

main section .drawing .editor p.access {
  text-indent: 0;
  line-height: 1.5em;
}

main section .drawing .editor .s-r {
  text-align: right;
}

main section .drawing .editor .f-red {
  color: #d30000;
}

main section .drawing .editor .t-ul {
  text-decoration: underline;
}

main section .drawing .editor .w-fit {
  position: relative;
  width: 100%;
}

main section .drawing .editor table {
  display: block;
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

main section .drawing .editor table::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  margin: 1rem;
}

main section .drawing .editor table::-webkit-scrollbar-track {
  background-color: silver;
}

main section .drawing .editor table::-webkit-scrollbar-thumb {
  background-color: #62bfcf;
}

main section .drawing .editor table thead tr:hover,
main section .drawing .editor table tbody tr:hover {
  background-color: #61dee7;
}

main section .drawing .editor table thead tr th,
main section .drawing .editor table thead tr td,
main section .drawing .editor table tbody tr th,
main section .drawing .editor table tbody tr td {
  white-space: nowrap;
  padding: 0.3rem;
}

main section .drawing .editor table.border-style {
  border-spacing: 0.5rem;
}

main section .drawing .editor table.border-style thead tr th {
  border-bottom: 5px solid #042877;
  padding: 0.5rem;
}

main section .drawing .editor table.border-style tbody tr:nth-child(odd) {
  background-color: #dfdfdf;
}

main section .drawing .editor table.border-style tbody tr th,
main section .drawing .editor table.border-style tbody tr td {
  padding: 0.5rem;
}

main section .drawing .editor table.border-style tbody tr th {
  border-bottom: 3px solid #042877;
}

main section .drawing .editor table.border-style tbody tr td {
  border-bottom: 3px solid gray;
}

main section .drawing .editor table.border-style tbody tr td:first-child {
  border-bottom: 3px solid #042877;
}

main section .drawing .editor table.border-separate-style {
  border-collapse: separate;
  border-spacing: 0.5rem;
}

main section .drawing .editor table.border-separate-style thead tr th {
  border-bottom: 3px solid #042877;
}

main section .drawing .editor table.border-separate-style tbody tr th {
  border-bottom: 2px solid #042877;
}

main section .drawing .editor table.border-separate-style tbody tr td {
  border-bottom: 2px solid gray;
}

main section .drawing .editor table.border-separate-style tbody tr td:first-child {
  border-bottom: 2px solid #042877;
}

main section .drawing .editor table.cat-introduction {
  border: 1px solid #033b5b;
}

main section .drawing .editor table.cat-introduction th,
main section .drawing .editor table.cat-introduction td {
  border: 1px solid #033b5b;
}

main section .drawing .editor table.cat-introduction thead tr th {
  background-color: #099aee;
  color: #fdfdfd;
}

main section .drawing .editor table.cat-introduction tr:nth-child(even) {
  background-color: white;
}

main section .drawing .editor .files {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

main section .drawing .editor .files li {
  margin: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

main section .drawing .editor .files li.adobe_pdf:before {
  content: "";
  background-image: url("/images/icon/pdf_32.png");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  display: inline-block;
  margin-right: 0.3rem;
}

main section .drawing .editor .files li.microsoft_word:before {
  content: "";
  background-image: url("/images/icon/svg/word.svg");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  display: inline-block;
  margin-right: 0.3rem;
}

main section .drawing .editor .files li.microsoft_exel:before {
  content: "";
  background-image: url("/images/icon/exel.png");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  display: inline-block;
  margin-right: 0.3rem;
}

main section .drawing .editor .files li.microsoft_powerpoint:before {
  content: "";
  background-image: url("/images/icon/powerpoint.png");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  display: inline-block;
  margin-right: 0.3rem;
}

main section .drawing .editor .files li.text_file:before {
  content: "";
  background-image: url("/images/icon/regulation.png");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  display: inline-block;
  margin-right: 0.3rem;
}

main section .drawing .editor .files li.unknown_file:before {
  content: "";
  background-image: url("/images/icon/inquiry.png");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 2rem;
  min-height: 2rem;
  -ms-flex-preferred-size: 2rem;
      flex-basis: 2rem;
  display: inline-block;
  margin-right: 0.3rem;
}

main section .drawing .editor .files li .file-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main section .drawing .editor .files li .file-information span {
  display: block;
}

main section .drawing .editor .files li .file-information a svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #121124;
  margin: 0 0.5rem;
}