@charset "UTF-8";
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: local("Noto Sans KR Regular"), url("../fonts/NotoSans-Regular.woff2") format("woff2"), url("../fonts/NotoSans-Regular.woff") format("woff"), url("../fonts/NotoSans-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: local("Noto Sans KR Medium"), url("../fonts/NotoSans-Medium.woff2") format("woff2"), url("../fonts/NotoSans-Medium.woff") format("woff"), url("../fonts/NotoSans-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: local("Noto Sans KR Bold"), url("../fonts/NotoSans-Bold.woff2") format("woff2"), url("../fonts/NotoSans-Bold.woff") format("woff"), url("../fonts/NotoSans-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SpoqaHanSansNeo-Regular";
  font-weight: 400;
  src: url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff");
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body,
ol,
ul,
dl,
dd,
fieldset,
figure,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote {
  margin: 0;
}

body {
  height: 100vh;
  line-height: 1;
}

iframe {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul,
fieldset,
legend,
button {
  padding: 0;
}

ul {
  list-style: none;
}

input,
textarea,
select,
button,
text {
  font-family: inherit !important;
  color: inherit;
}

button,
label {
  cursor: pointer;
  user-select: none;
}

button {
  appearance: none;
}

img,
video {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  font-weight: normal;
}

fieldset[disabled] *,
[disabled] {
  cursor: not-allowed !important;
}

::-ms-clear {
  display: none;
}

html {
  min-width: 32rem;
}

body {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.4rem;
  color: #333;
}

label {
  display: inline-block;
}

textarea {
  resize: vertical;
}

select {
  appearance: none;
}

a {
  color: #333;
  text-decoration: none;
}

.input::placeholder {
  color: #999;
}

:focus {
  outline: none;
}

option:hover, option:checked {
  background-color: #2068e4 !important;
  color: white;
}

[class|=tui] {
  font-family: inherit;
}

.column {
  flex-basis: 0;
  flex-grow: 1;
}
.column.is-narrow {
  flex: none;
}
.column.is-narrow.is-axis {
  margin: 0 2rem;
}
.column.is-half {
  flex-basis: calc(50% - 2rem);
  flex-grow: 0;
}
.column.is-one-thirds {
  flex-basis: calc((100% / 3) - 1.5rem);
  flex-grow: 0;
}
.column.is-two-thirds {
  flex-basis: calc((100% * 2 / 3) - 1.5rem);
  flex-grow: 0;
}
.column.is-one-quarter {
  flex-basis: calc((100% / 4) - 1.5rem);
  flex-grow: 0;
}
.column.is-three-quarter {
  flex-basis: calc((100% * 3 / 4) - 1.5rem);
  flex-grow: 0;
}
.column.is-1 {
  flex-basis: calc(8.3333333333% - 0.0083333333rem);
  flex-grow: 0;
}
.column.is-center {
  align-self: center;
}
.column.has-custom-width {
  flex-basis: auto;
  flex-grow: 0;
}
.column.is-id-photo {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  width: 10rem;
}
.columns.are-mobile > .column.is-narrow {
  flex: none;
}
.columns.are-mobile > .column.is-full {
  flex: none;
  width: calc(100% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-four-fifths {
  flex: none;
  width: calc(80% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-three-quarters {
  flex: none;
  width: calc(75% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-two-thirds {
  flex: none;
  width: calc(66.6666% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-three-fifths {
  flex: none;
  width: calc(60% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-half {
  flex: none;
  width: calc(50% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-two-fifths {
  flex: none;
  width: calc(40% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-one-third {
  flex: none;
  width: calc(33.3333% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-one-quarter {
  flex: none;
  width: calc(25% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-one-fifth {
  flex: none;
  width: calc(20% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-four-fifths {
  margin-left: calc(80% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-three-quarters {
  margin-left: calc(75% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-two-thirds {
  margin-left: calc(66.6666% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-three-fifths {
  margin-left: calc(60% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-half {
  margin-left: calc(50% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-two-fifths {
  margin-left: calc(40% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-one-third {
  margin-left: calc(33.3333% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-one-quarter {
  margin-left: calc(25% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-one-fifth {
  margin-left: calc(20% - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-0 {
  flex: none;
  width: calc(0 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-0 {
  margin-left: 0;
}
.columns.are-mobile > .column.is-1 {
  flex: none;
  width: calc(0.0833333333 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-1 {
  margin-left: 0.0833333333;
}
.columns.are-mobile > .column.is-2 {
  flex: none;
  width: calc(0.1666666667 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-2 {
  margin-left: 0.1666666667;
}
.columns.are-mobile > .column.is-3 {
  flex: none;
  width: calc(0.25 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-3 {
  margin-left: 0.25;
}
.columns.are-mobile > .column.is-4 {
  flex: none;
  width: calc(0.3333333333 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-4 {
  margin-left: 0.3333333333;
}
.columns.are-mobile > .column.is-5 {
  flex: none;
  width: calc(0.4166666667 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-5 {
  margin-left: 0.4166666667;
}
.columns.are-mobile > .column.is-6 {
  flex: none;
  width: calc(0.5 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-6 {
  margin-left: 0.5;
}
.columns.are-mobile > .column.is-7 {
  flex: none;
  width: calc(0.5833333333 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-7 {
  margin-left: 0.5833333333;
}
.columns.are-mobile > .column.is-8 {
  flex: none;
  width: calc(0.6666666667 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-8 {
  margin-left: 0.6666666667;
}
.columns.are-mobile > .column.is-9 {
  flex: none;
  width: calc(0.75 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-9 {
  margin-left: 0.75;
}
.columns.are-mobile > .column.is-10 {
  flex: none;
  width: calc(0.8333333333 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-10 {
  margin-left: 0.8333333333;
}
.columns.are-mobile > .column.is-11 {
  flex: none;
  width: calc(0.9166666667 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-11 {
  margin-left: 0.9166666667;
}
.columns.are-mobile > .column.is-12 {
  flex: none;
  width: calc(1 - 2 * 1.5rem);
}
.columns.are-mobile > .column.is-offset-12 {
  margin-left: 1;
}

.columns {
  display: flex;
}
.columns ~ .description {
  margin-top: 1rem;
}
.columns.are-centered {
  justify-content: center;
}
.columns.have-gap {
  margin-top: -2rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.columns.have-gap .column {
  margin: 2rem 1.5rem;
}
.columns.are-mdi {
  justify-content: space-between;
  padding-right: 3rem;
  max-width: 192rem;
  transition: 0.1s;
}
.columns.are-gapless > .column {
  margin: 0;
}
.columns.are-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.are-top {
  align-items: flex-start;
}
.columns.are-right {
  justify-content: flex-end;
}
.columns.are-bottom {
  align-items: flex-end;
  margin-bottom: 1rem;
}
.columns.are-center {
  align-items: center;
}
.columns.are-between {
  justify-content: space-between;
}
.columns.are-mobile {
  display: flex;
}
.columns.are-multilines {
  flex-wrap: wrap;
}
.columns.are-wraping {
  /* max-width: 160rem; */
  width: 100%;
  /* margin: 0 auto; */
}
.columns.are-single {
  padding: 3.4rem;
  background-color: #f9f9f9;
}
.columns.are-small-single {
  padding: 1.2rem 0;
  background-color: #f9f9f9;
}
.columns.is-help {
  padding: 0.8rem 0 2.8rem;
}

.columns.are-variable {
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
  --columnGap: 0.75rem;
}
.columns.are-variable .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.are-variable.are-0 {
  --columnGap: 0rem;
}
.columns.are-variable.are-1 {
  --columnGap: 0.25rem;
}
.columns.are-variable.are-2 {
  --columnGap: 0.5rem;
}
.columns.are-variable.are-3 {
  --columnGap: 0.75rem;
}
.columns.are-variable.are-4 {
  --columnGap: 1rem;
}
.columns.are-variable.are-5 {
  --columnGap: 1.25rem;
}
.columns.are-variable.are-6 {
  --columnGap: 1.5rem;
}
.columns.are-variable.are-7 {
  --columnGap: 1.75rem;
}
.columns.are-variable.are-8 {
  --columnGap: 2rem;
}

.tui-grid-container {
  font-family: "Noto Sans KR", sans-serif;
}

.ustra-grid {
  font-family: "Noto Sans KR", sans-serif;
}
.ustra-grid:not(:last-child) {
  margin-bottom: 9px;
}
.ustra-grid.has-tag .tui-grid-cell {
  overflow: visible;
}
.ustra-grid.has-tag .tui-grid-cell-content {
  overflow: visible;
}
.ustra-grid + .level {
  margin-top: 2.3em;
}
.ustra-grid + .field {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 3px 5px;
}
.ustra-grid + .field .control:not(.is-button) {
  width: calc(100% - 185px);
}

.tui-grid-container {
  font-size: 1.4rem;
}
.tui-grid-container .button {
  box-sizing: border-box;
}
.tui-grid-container .tui-grid-pagination {
  margin: 2rem 0 3rem;
}

.tui-grid-layer-state {
  border-left: 1px solid #e5e5e5;
}
.tui-grid-layer-state p {
  color: #999;
}

.tui-grid-cell {
  padding: 2px 5px;
  overflow: visible;
  border-color: #eaeaea;
}
.tui-grid-cell-header {
  border-color: #eaeaea !important;
  background-color: #f9f9f9 !important;
  font-weight: 500;
  color: #333 !important;
}

.tui-grid-border-line.tui-grid-border-line-right {
  display: none;
}

.tui-pagination .tui-page-btn {
  border: 1px solid transparent;
  padding: 6px 0;
  width: 24px;
  color: #333;
}
.tui-pagination .tui-page-btn:hover:not(.tui-is-selected):not(.tui-first):not(.tui-prev):not(.tui-next):not(.tui-last) {
  background-color: #e5f7fa;
}
.tui-pagination .tui-page-btn.tui-is-disabled {
  border-color: #dbdbdb !important;
}
.tui-pagination .tui-first-child.tui-is-selected {
  border-left: 1px solid #e0e0e0;
}
.tui-pagination .tui-is-selected:hover {
  background-color: #007e92;
}
.tui-pagination .tui-first,
.tui-pagination .tui-prev,
.tui-pagination .tui-next,
.tui-pagination .tui-last,
.tui-pagination .tui-prev-is-ellip,
.tui-pagination .tui-next-is-ellip {
  border: 1px solid #e0e0e0;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
.tui-pagination .tui-prev {
  margin-right: 20px;
}
.tui-pagination .tui-next {
  margin-left: 20px;
}
.tui-pagination .tui-first + .tui-prev,
.tui-pagination .tui-next + .tui-last {
  border-left: 1px solid #e0e0e0;
  margin-left: -1px;
}
.tui-pagination .tui-first:not(.tui-is-disabled):hover,
.tui-pagination .tui-prev:not(.tui-is-disabled):hover,
.tui-pagination .tui-next:not(.tui-is-disabled):hover,
.tui-pagination .tui-last:not(.tui-is-disabled):hover {
  z-index: 10;
  border-color: #007e92;
  background-color: transparent;
}
.tui-pagination .tui-first:not(.tui-is-disabled):hover .tui-ico-first {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.585' height='10.594' viewBox='0 0 10.585 10.594'%3E%3Cg id='btn_preendO' transform='translate(-1076.079 -916.433)'%3E%3Cpath id='8253' data-name='8253' d='M0,0,4.943,4.943,0,9.887' transform='translate(1081.73 926.674) rotate(180)' fill='none' stroke='%23007E92' stroke-width='1'/%3E%3Cpath id='8254' data-name='8254' d='M0,0,4.943,4.943,0,9.887' transform='translate(1086.311 926.674) rotate(180)' fill='none' stroke='%23324a62' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-prev:not(.tui-is-disabled):hover .tui-ico-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.004' height='10.594' viewBox='0 0 6.004 10.594'%3E%3Cg id='btn_preO' transform='translate(-1102.562 -916.433)'%3E%3Cpath id='8249' data-name='8249' d='M0,0,4.943,4.943,0,9.887' transform='translate(1108.212 926.674) rotate(180)' fill='none' stroke='%23007E92' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-next:not(.tui-is-disabled):hover .tui-ico-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.004' height='10.594' viewBox='0 0 6.004 10.594'%3E%3Cg id='btn_nextO' transform='translate(-1183.697 -916.433)'%3E%3Cpath id='8250' data-name='8250' d='M0,9.887,4.944,4.943,0,0' transform='translate(1184.051 916.787)' fill='none' stroke='%23007E92' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-last:not(.tui-is-disabled):hover .tui-ico-last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.585' height='10.594' viewBox='0 0 10.585 10.594'%3E%3Cg id='btn_nextendO' transform='translate(-1205.599 -916.433)'%3E%3Cpath id='8251' data-name='8251' d='M0,9.887,4.944,4.943,0,0' transform='translate(1205.952 916.787)' fill='none' stroke='%23324a62' stroke-width='1'/%3E%3Cpath id='8252' data-name='8252' d='M0,9.887,4.944,4.943,0,0' transform='translate(1210.533 916.787)' fill='none' stroke='%23007E92' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-first,
.tui-pagination .tui-ico-prev,
.tui-pagination .tui-ico-next,
.tui-pagination .tui-ico-last,
.tui-pagination .tui-ico-ellip {
  height: 11px;
  background-image: none;
  background-position: center !important;
  background-size: contain;
}
.tui-pagination .tui-is-disabled .tui-ico-first {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.585' height='10.594' viewBox='0 0 10.585 10.594'%3E%3Cg id='btn_preendD' transform='translate(-1076.079 -916.433)'%3E%3Cpath id='8253' data-name='8253' d='M0,0,4.943,4.943,0,9.887' transform='translate(1081.73 926.674) rotate(180)' fill='none' stroke='%23dedede' stroke-width='1'/%3E%3Cpath id='8254' data-name='8254' d='M0,0,4.943,4.943,0,9.887' transform='translate(1086.311 926.674) rotate(180)' fill='none' stroke='%23dedede' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-is-disabled .tui-ico-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.004' height='10.594' viewBox='0 0 6.004 10.594'%3E%3Cg id='btn_preD' transform='translate(-1102.562 -916.433)'%3E%3Cpath id='8249' data-name='8249' d='M0,0,4.943,4.943,0,9.887' transform='translate(1108.212 926.674) rotate(180)' fill='none' stroke='%23dedede' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-is-disabled .tui-ico-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.004' height='10.594' viewBox='0 0 6.004 10.594'%3E%3Cg id='btn_nextD' transform='translate(-1183.697 -916.433)'%3E%3Cpath id='8250' data-name='8250' d='M0,9.887,4.944,4.943,0,0' transform='translate(1184.051 916.787)' fill='none' stroke='%23dedede' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-is-disabled .tui-ico-last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.585' height='10.594' viewBox='0 0 10.585 10.594'%3E%3Cg id='btn_nextendD' transform='translate(-1205.599 -916.433)'%3E%3Cpath id='8251' data-name='8251' d='M0,9.887,4.944,4.943,0,0' transform='translate(1205.952 916.787)' fill='none' stroke='%23dedede' stroke-width='1'/%3E%3Cpath id='8252' data-name='8252' d='M0,9.887,4.944,4.943,0,0' transform='translate(1210.533 916.787)' fill='none' stroke='%23dedede' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-first {
  width: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.585' height='10.594' viewBox='0 0 10.585 10.594'%3E%3Cg id='btn_preend' transform='translate(-7.556 -7.433)'%3E%3Cpath id='8253' data-name='8253' d='M0,0,4.943,4.943,0,9.887' transform='translate(13.207 17.674) rotate(180)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3Cpath id='8254' data-name='8254' d='M0,0,4.943,4.943,0,9.887' transform='translate(17.788 17.674) rotate(180)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-prev {
  width: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.004' height='10.594' viewBox='0 0 6.004 10.594'%3E%3Cg transform='translate(-9.039 -7.433)'%3E%3Cpath d='M0,0,4.943,4.943,0,9.887' transform='translate(14.689 17.674) rotate(180)' fill='none' stroke='%238e8e8e' stroke-width='1' /%3E%3C/g%3E%3C/svg%3E");
}
.tui-pagination .tui-ico-next {
  width: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.004' height='10.594' viewBox='0 0 6.004 10.594'%3E%3Cg id='btn_next' transform='translate(-11.174 -7.433)'%3E%3Cpath id='8250' data-name='8250' d='M0,9.887,4.944,4.943,0,0' transform='translate(11.528 7.787)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-ico-last {
  width: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.585' height='10.594' viewBox='0 0 10.585 10.594'%3E%3Cg id='btn_nextend' transform='translate(-9.076 -7.433)'%3E%3Cpath id='8251' data-name='8251' d='M0,9.887,4.944,4.943,0,0' transform='translate(9.429 7.787)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3Cpath id='8252' data-name='8252' d='M0,9.887,4.944,4.943,0,0' transform='translate(14.01 7.787)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-pagination .tui-is-selected,
.tui-pagination strong {
  background-color: #007e92;
  color: white;
}

.tui-grid-cell-header.tui-grid-cell-selected {
  background-color: rgba(1, 172, 200, 0.05) !important;
}

.tui-grid-cell-has-input .tui-grid-cell-content {
  padding: 4px 10px;
}

.tui-grid-cell-content input[type=text], .tui-grid-cell-content input[type=password] {
  height: 2.8rem;
  border-color: #e0e0e0;
}

.tui-grid-cell-summary {
  padding: 0 8px;
  text-align: right;
  font-weight: 700;
}
.tui-grid-cell-summary:first-child {
  text-align: center;
}

.tui-grid-border-line-top {
  border-top-color: #414141 !important;
}

.tui-grid-border-line-left {
  border-left-color: transparent !important;
}

.tui-grid-scrollbar-right-top {
  border-bottom-color: #ededed !important;
}

.tui-grid-scrollbar-right-bottom {
  border-top-color: #ededed !important;
}

.tilde:not(:last-child) {
  margin: 0 0.5rem 0 0;
}

.tui-grid-header-area {
  border: 0;
}

.tui-grid-cell-content .grid-link {
  border: none;
  background-color: transparent;
  color: #2068e4 !important;
}
.tui-grid-cell-content .grid-link:hover {
  text-decoration: underline;
}
.tui-grid-cell-content .grid-link:active {
  text-decoration: underline;
  color: #333;
}
.tui-grid-cell-content .grid-link:visited {
  color: #003288;
}

.tui-grid-cell-disabled {
  background-color: #ededed !important;
}
.tui-grid-cell-disabled .tui-grid-cell-content {
  color: #bebebe !important;
}
.tui-grid-cell-disabled .grid-link {
  color: #dbdbdb !important;
  text-decoration: none !important;
}

.checkBox__label.is-gridCheckBox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
}
.checkBox__label.is-gridCheckBox .checkBox__input {
  position: absolute;
  z-index: -1;
  left: 0;
  opacity: 0;
  appearance: auto;
}
.checkBox__label.is-gridCheckBox .checkBox__input:checked + .checkBox__inputStyle {
  border-color: #01acc8;
  background-color: #01acc8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.75' height='6.563' viewBox='0 0 8.75 6.563'%3E%3Cpath id='ico_check' d='M3.125,6.563,0,3.438.994,2.5,3.125,4.594,7.756,0,8.75.988Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.checkBox__label.is-gridCheckBox .checkBox__input:disabled {
  pointer-events: none;
}
.checkBox__label.is-gridCheckBox .checkBox__input:disabled + .checkBox__inputStyle {
  border-color: #dbdbdb;
  background-color: #ededed;
  pointer-events: none;
}
.checkBox__label.is-gridCheckBox .checkBox__input:checked:disabled + .checkBox__inputStyle {
  background-color: #dbdbdb;
}
.checkBox__label.is-gridCheckBox .checkBox__inputStyle {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.1rem solid #bebebe;
  border-radius: 0.2rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s;
  cursor: pointer;
  box-sizing: border-box;
}
.checkBox__label.is-gridCheckBox:hover .checkBox__inputStyle, .checkBox__label.is-gridCheckBox:focus .checkBox__inputStyle {
  border-color: #01acc8;
}

.tui-select-box {
  margin-top: -0.2rem;
}

.tui-select-box-input {
  height: 2.8rem;
}

.tui-select-box-dropdown,
.tui-select-box-input.tui-select-box-open {
  border-color: #e0e0e0;
}

.tui-select-box-highlight {
  background-color: #e5f7fa;
}

.tui-select-box-icon {
  width: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.121' height='6.121' viewBox='0 0 10.121 6.121'%3E%3Cpath id='ico_enabled' d='M0,0,4,4,0,8' transform='translate(9.061 1.061) rotate(90)' fill='none' stroke='%23717171' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.tui-select-box-open > .tui-select-box-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.121' height='6.121' viewBox='0 0 10.121 6.121'%3E%3Cpath id='ico_selected' d='M0,8,4,4,0,0' transform='translate(1.061 5.061) rotate(-90)' fill='none' stroke='%23333' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.grid-link {
  cursor: pointer;
  color: #3366cc;
  text-decoration: underline;
}
.grid-link:hover {
  color: #274f9f;
}
.grid-link:active {
  color: #333333;
}
.grid-link:disabled {
  color: #dbdbdb;
  text-decoration: none;
}
.grid-link:visited {
  color: #5e7ab1;
  text-decoration: none;
}

.grid-color-blue {
  color: #3366cc;
}

.grid-color-red {
  color: #f63811;
}

.grid-color-gray {
  color: #999999;
}

.tui-grid-editor-checkbox label:before {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.1rem solid #bebebe;
  border-radius: 0.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: none;
  box-sizing: border-box;
}

.tui-grid-editor-checkbox label.tui-grid-editor-label-icon-checkbox-checked:before {
  border-color: #01acc8;
  background-color: #01acc8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.75' height='6.563' viewBox='0 0 8.75 6.563'%3E%3Cpath id='ico_check' d='M3.125,6.563,0,3.438.994,2.5,3.125,4.594,7.756,0,8.75.988Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.tui-grid-editor-checkbox-hovered {
  background: rgba(1, 172, 200, 0.05);
}

.tui-grid-editor-checkbox .tui-grid-editor-label-icon-radio:before {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #fff;
  background-image: none;
}

.tui-grid-editor-checkbox .tui-grid-editor-label-icon-radio-checked:before {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border-width: 0.4rem;
  border-color: #01acc8;
  background-image: none;
}

.grid-total span {
  color: #01acc8;
}

.tr-important {
  background-color: #f2fbfc !important;
}

.tr-emergency {
  background-color: #f2fbfc !important;
}

.grid-important {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  line-height: 1.9rem;
  margin-right: 0.8rem;
  border-radius: 0.2rem;
  background: #007e92;
  color: #fff;
  font-weight: 500;
  font-size: 1.3rem;
  text-align: center;
}

.grid-emergency {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  line-height: 1.9rem;
  margin-right: 0.8rem;
  border-radius: 0.2rem;
  background: #f75f40;
  color: #fff;
  font-weight: 500;
  font-size: 1.3rem;
  text-align: center;
}

.grid-notice {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  line-height: 1.9rem;
  margin-right: 0.8rem;
  border-radius: 0.2rem;
  background: #4fcce1;
  color: #fff;
  font-weight: 500;
  font-size: 1.3rem;
  text-align: center;
}

.file-link {
  display: block;
}

.icon.is-file {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='ico_file' transform='translate(-239 -188)'%3E%3Crect id='사각형_915' data-name='사각형 915' width='20' height='20' transform='translate(239 188)' fill='none'/%3E%3Cpath id='Fill' d='M11.118,6.845,5.08.807A3.024,3.024,0,0,0,.807,5.08L2.2,6.473l.655-.655L1.462,4.425A2.09,2.09,0,1,1,4.416,1.471l6.038,6.038A2.09,2.09,0,1,1,7.5,10.463L4.653,7.616A1.166,1.166,0,0,1,6.3,5.962L7.769,7.435l.655-.655s-1.5-1.5-1.51-1.5A2.086,2.086,0,0,0,3.97,8.224l2.875,2.894a3.024,3.024,0,0,0,4.273-4.273Z' transform='translate(243 192)' fill='%23151515'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.tui-grid-cell-header,
.tui-grid-cell-header * {
  white-space: normal;
  word-break: keep-all;
}

.checkboxImg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.1rem solid #bebebe;
  border-radius: 0.2rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s;
  box-sizing: border-box;
  font-size: 0;
  vertical-align: middle;
}
.checkboxImg.is-checked {
  border-color: #01acc8;
  background-color: #01acc8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.75' height='6.563' viewBox='0 0 8.75 6.563'%3E%3Cpath id='ico_check' d='M3.125,6.563,0,3.438.994,2.5,3.125,4.594,7.756,0,8.75.988Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.tile {
  display: block;
  align-items: stretch;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-top: -0.75rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

.field {
  width: 100%;
}
.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped {
  display: flex;
  align-items: center;
}
.field.is-grouped > .control:not(:last-child) {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-centered {
  justify-content: center;
}
.field.is-grouped.is-right {
  justify-content: flex-end;
}
.field.is-grouped.is-spaced-between {
  justify-content: space-between;
}
.field.is-grouped.is-spaced-between .control {
  width: auto;
}
.field.is-grouped.is-centered-vertically {
  align-items: center;
}
.field.is-grouped.is-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-multiline:not(:last-child) {
  margin-bottom: 0;
}
.field.is-grouped.is-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-only-of-class:not(:last-child) {
  margin-right: auto !important;
  margin-bottom: 0.6rem !important;
  height: auto;
}

.field-label {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: right;
}
.field-label:not(:last-child) {
  margin-right: 1.5rem;
}

.field-body {
  display: flex;
  flex-basis: 0;
  flex-grow: 5;
  flex-shrink: 1;
}
.field-body > .field {
  flex-shrink: 1;
}
.field-body > .field:not(:last-child) {
  margin-right: 0.75rem;
}
.field-body > .field:not(.is-narrow) {
  flex-grow: 1;
}

.control {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.control:not(:last-child) {
  margin-right: 0.5rem;
}
.control.is-active .search-result {
  display: block;
}
.control.is-select {
  position: relative;
}
.control.is-select:not(.is-multiple):not(.is-loading)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.d%7Bfill:none;%7D.a%7Bstroke:%23e5e5e5;opacity:0;%7D.b%7Bstroke:%23717171;stroke-linecap:round;stroke-width:1.5px;%7D.c%7Bstroke:none;%7D%3C/style%3E%3C/defs%3E%3Cg class='a'%3E%3Crect class='c' width='26' height='26'/%3E%3Crect class='d' x='0.5' y='0.5' width='25' height='25'/%3E%3C/g%3E%3Cpath class='b' d='M0,0,4,4,0,8' transform='translate(16.664 11.5) rotate(90)'/%3E%3C/svg%3E");
  transition: 0.3s;
  transform: translateY(-50%);
  pointer-events: none;
}
fieldset[disabled] .control.is-select::after, .control.is-select[disabled]::after {
  border-color: #cacaca;
}
.control.is-select select {
  border: 0.1rem solid #e0e0e0;
  width: 100%;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  color: #333;
  cursor: pointer;
}
.control.is-select select.is-error {
  border-color: #f63811 !important;
  color: #f63811;
}
.control.is-select select.is-ghost {
  border: none;
  background-color: transparent !important;
}
.control.is-select select:hover:not([readonly]):not([disabled]), .control.is-select select.is-hover:not([readonly]):not([disabled]), .control.is-select select:focus:not([readonly]):not([disabled]), .control.is-select select.is-focus:not([readonly]):not([disabled]), .control.is-select select.is-active:not([readonly]):not([disabled]) {
  border-color: #01acc8;
}
.control.is-select select[readonly] {
  color: #333;
  background-color: #ededed;
}
fieldset[disabled] .control.is-select select, .control.is-select select[disabled] {
  color: #333;
  background-color: #e5e5e5;
}
.control.is-select select::-ms-expand {
  display: none;
}
.control.is-select select[multiple] {
  padding: 0;
  height: auto;
}
.control.is-select select[multiple] option {
  padding: 0.5em 1em;
}
.control.is-select select[disabled] {
  opacity: 1;
  color: #333;
  background-color: #ededed;
}
.control.is-select:not(.is-multiple):not(.is-loading).is-active::after {
  top: calc(50% + 0.2rem);
  transform: translateY(-50%) rotate(45deg);
}
.control.is-select.is-round select {
  padding-left: 1rem;
  border-radius: 50%;
}
.control.is-select.is-loading::after {
  content: "";
  display: block;
  position: relative;
  border: 0.2rem solid hsl(0deg, 0%, 86%);
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spinAround 500ms infinite linear;
  position: absolute;
  top: 0.625em;
  right: 0.625em;
  margin-top: 0;
  transform: none;
}
.control.is-select.is-primary:not(:hover)::after {
  border-color: #01ACC8;
}
.control.is-select.is-primary select {
  border-color: #01ACC8;
}
.control.is-select.is-secondary:not(:hover)::after {
  border-color: #bcbcbc;
}
.control.is-select.is-secondary select {
  border-color: #bcbcbc;
}
.control.is-select.is-outline.is-primary:not(:hover)::after {
  border-color: white;
}
.control.is-select.is-outline.is-primary select {
  border-color: white;
}
.control.is-select.is-outline.is-secondary:not(:hover)::after {
  border-color: white;
}
.control.is-select.is-outline.is-secondary select {
  border-color: white;
}
.control.is-select.is-modify.is-primary:not(:hover)::after {
  border-color: white;
}
.control.is-select.is-modify.is-primary select {
  border-color: white;
}
.control.is-select.is-modify.is-secondary:not(:hover)::after {
  border-color: #f0f3f9;
}
.control.is-select.is-modify.is-secondary select {
  border-color: #f0f3f9;
}
.control.is-select.is-search:not(:hover)::after {
  border-color: #01ACC8;
}
.control.is-select.is-search select {
  border-color: #01ACC8;
}
.control.is-select.is-refresh:not(:hover)::after {
  border-color: white;
}
.control.is-select.is-refresh select {
  border-color: white;
}
.control.is-select.is-shuffle:not(:hover)::after {
  border-color: white;
}
.control.is-select.is-shuffle select {
  border-color: white;
}
.control.is-select.is-ghost:not(:hover)::after {
  border-color: transparent;
}
.control.is-select.is-ghost select {
  border-color: transparent;
}
.control.is-select.is-info:not(:hover)::after {
  border-color: #0032fa;
}
.control.is-select.is-info select {
  border-color: #0032fa;
}
.control.is-select.is-success:not(:hover)::after {
  border-color: #24a148;
}
.control.is-select.is-success select {
  border-color: #24a148;
}
.control.is-select.is-warning:not(:hover)::after {
  border-color: #f1c21b;
}
.control.is-select.is-warning select {
  border-color: #f1c21b;
}
.control.is-select.is-error:not(:hover)::after {
  border-color: #da1e28;
}
.control.is-select.is-error select {
  border-color: #da1e28;
}
.control.is-select.is-small {
  font-size: 0.75rem;
}
.control.is-select.is-small select {
  padding: 0 1rem;
}
.control.is-select.is-medium {
  font-size: 1rem;
}
.control.is-select.is-medium select {
  padding: 0 1.5rem;
}
.control.is-select.is-large {
  font-size: 1.25rem;
}
.control.is-select.is-fullwidth {
  width: 100%;
}
.control.is-select.is-fullwidth select {
  width: 100%;
}
.control.is-dropdown {
  position: relative;
}
.control.is-dropdown:not(.is-multiple):not(.is-loading)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.d%7Bfill:none;%7D.a%7Bstroke:%23e5e5e5;opacity:0;%7D.b%7Bstroke:%23717171;stroke-linecap:round;stroke-width:1.5px;%7D.c%7Bstroke:none;%7D%3C/style%3E%3C/defs%3E%3Cg class='a'%3E%3Crect class='c' width='26' height='26'/%3E%3Crect class='d' x='0.5' y='0.5' width='25' height='25'/%3E%3C/g%3E%3Cpath class='b' d='M0,0,4,4,0,8' transform='translate(16.664 11.5) rotate(90)'/%3E%3C/svg%3E");
  transition: 0.3s;
  transform: translateY(-50%);
  pointer-events: none;
}
fieldset[disabled] .control.is-dropdown::after, .control.is-dropdown[disabled]::after {
  border-color: #cacaca;
}
.control.is-dropdown.is-hoverable:hover .button, .control.is-dropdown.is-hoverable.is-hover .button, .control.is-dropdown:focus .button, .control.is-dropdown.is-focus .button, .control.is-dropdown.is-active .button {
  border-color: #1f61b9;
}
.control.is-dropdown.is-hoverable:hover .dropdown, .control.is-dropdown.is-hoverable.is-hover .dropdown, .control.is-dropdown:focus .dropdown, .control.is-dropdown.is-focus .dropdown, .control.is-dropdown.is-active .dropdown {
  display: block;
}
.control.is-dropdown.is-hoverable:hover:not(.is-multiple):not(.is-loading)::after, .control.is-dropdown.is-hoverable.is-hover:not(.is-multiple):not(.is-loading)::after, .control.is-dropdown:focus:not(.is-multiple):not(.is-loading)::after, .control.is-dropdown.is-focus:not(.is-multiple):not(.is-loading)::after, .control.is-dropdown.is-active:not(.is-multiple):not(.is-loading)::after {
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.control.is-dropdown.is-right .dropdown {
  left: auto;
  right: 0;
}
.control.is-dropdown label {
  display: block;
  margin-bottom: 0.5rem;
}
.control.is-dropdown select {
  display: none;
}
.control.is-dropdown.is-overflow {
  width: auto;
}
.control.is-dropdown.is-overflow .dropdown-trigger .button {
  justify-content: center;
  border: none;
  padding: 0;
  width: 3.2rem;
  height: 3.2rem;
}
.control.is-dropdown.is-overflow .dropdown-trigger .button:focus, .control.is-dropdown.is-overflow .dropdown-trigger .button.is-focus {
  background-color: #f0f3f9;
}
.control.is-dropdown.is-overflow .dropdown-trigger .icon:first-child:last-child {
  margin: 0;
}
.control.is-dropdown.is-overflow .dropdown-content {
  border-top: 0.1rem solid #6f6f6f;
}
.control.is-button {
  width: auto;
}
.control.has-icon-left .icon, .control.has-icon-right .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.control.has-icon-left.is-select select,
.control.has-icon-left .input {
  padding-left: 3.9rem;
}
.control.has-icon-left .icon.is-left {
  left: 1.3rem;
}
.control.has-icon-right.is-select select,
.control.has-icon-right .input {
  padding-right: 3.9rem;
}
.control.has-icon-right .input.is-error {
  background-position: calc(100% - 0.5rem);
}
.control.has-icon-right .icon.is-right {
  right: 0.3rem;
}
.control.have-top-gap {
  margin-top: 0.4rem;
}
.control.is-small {
  height: 2.8rem;
}
.control.is-medium {
  height: 3.6rem;
}
.control.is-large {
  height: 4rem;
}
.control.is-datepicker {
  min-width: 12.8rem;
}
.control.is-datepicker.is-small .tui-datepicker-input {
  height: 2.8rem;
}
.control.is-text {
  width: auto;
  padding-left: 0.5rem;
}
.control.is-text:first-child {
  padding-left: 1rem;
}

.control-text {
  padding: 0 1rem;
}
.control-text.is-medium {
  line-height: 3.6rem;
}

.control-tit {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 0.5rem;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-width: 0.1rem;
  border-style: solid;
  font-size: 1.4rem;
  font-weight: 500;
  vertical-align: middle;
}
.button .icon:not(:last-child) {
  margin-right: 0;
}
.button span {
  vertical-align: middle;
}
.button:not(:last-child) {
  margin-right: 0.3rem;
}
.button:hover .icon.is-question, .button.is-hover .icon.is-question {
  fill: #1f61b9;
}
.button:hover .icon.is-star, .button.is-hover .icon.is-star {
  fill: #a7b4cb;
}
.button:focus .icon.is-question, .button.is-focus .icon.is-question, .button.is-active .icon.is-question {
  fill: #003288;
}
.button:focus .icon.is-star, .button.is-focus .icon.is-star, .button.is-active .icon.is-star {
  fill: #1f61b9;
}
.button[disabled] .icon.is-question {
  fill: #e5e5e5;
}
.button[disabled] .icon.is-star {
  fill: #ededed;
}
.button.is-chevron {
  border-color: #dedede;
  padding: 0;
  min-width: 3.2rem;
}
.button.is-chevron:hover, .button.is-chevron.is-hover {
  border-color: #0354ff;
}
.button.is-chevron:hover .icon, .button.is-chevron.is-hover .icon {
  fill: #0354ff;
}
.button.is-chevron:focus, .button.is-chevron.is-focus, .button.is-chevron.is-active {
  border-color: #0354ff;
  background-color: #f1f1f1;
}
.button.is-chevron:focus .icon, .button.is-chevron.is-focus .icon, .button.is-chevron.is-active .icon {
  fill: #0354ff;
}
fieldset[disabled] .button.is-chevron, .button.is-chevron[disabled] {
  border-color: #e5e5e5;
  background-color: #ddd;
}
fieldset[disabled] .button.is-chevron .icon, .button.is-chevron[disabled] .icon {
  fill: #bfbfbf;
}
.button.is-chevron.is-small {
  width: 2.2rem;
  height: 2.2rem;
}
.button.is-copy {
  position: absolute;
  top: 0;
  right: 0;
}
.button.is-excel .icon {
  margin-right: 0.3rem;
}
.button.is-mdi {
  position: absolute;
  top: 50%;
  right: 1.9rem;
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
}
.button.is-close-window:hover .icon.is-close-window, .button.is-close-window.is-hover .icon.is-close-window {
  fill: #1f61b9;
  stroke: #1f61b9;
}
.button.is-close-window:focus .icon.is-close-window, .button.is-close-window.is-focus .icon.is-close-window, .button.is-close-window.is-active .icon.is-close-window {
  fill: #1b2d4b;
  stroke: #1b2d4b;
}
fieldset[disabled] .button.is-close-window .icon.is-close-window, .button.is-close-window[disabled] .icon.is-close-window {
  fill: #e5e5e5;
  stroke: #e5e5e5;
}
.button.is-small {
  padding: 0.4rem 1.8rem;
  height: 2.8rem;
}
.button.is-medium {
  padding: 0 1.7rem;
  min-width: 6.2rem;
  height: 3.6rem;
}
.button.is-medium.is-mdi, .button.is-medium.is-close-window {
  min-width: auto;
  height: auto;
  padding: 0;
}
.button.is-large {
  padding: 0 1rem;
  min-width: 7.6rem;
  height: 3.6rem;
}
.button.is-square {
  padding: 0;
  min-width: auto;
}
.button.is-square.is-medium {
  width: 2.8rem;
  height: 2.8rem;
}
.button.is-square.is-large {
  width: 3.6rem;
  height: 3.6rem;
}
.button.is-refresh {
  border-radius: 0.3rem;
}
.button.is-refresh:hover .is-refresh, .button.is-refresh.is-hover .is-refresh {
  fill: #01acc8;
}
.button.is-refresh:focus .is-refresh, .button.is-refresh.is-focus .is-refresh, .button.is-refresh:active .is-refresh, .button.is-refresh.is-active .is-refresh {
  fill: #007e92;
}
fieldset[disabled] .button.is-refresh, .button.is-refresh[disabled] {
  border-color: #bebebe !important;
  background-color: #e5e5e5 !important;
}
fieldset[disabled] .button.is-refresh .icon.is-refresh, .button.is-refresh[disabled] .icon.is-refresh {
  fill: #bebebe;
}
.button.is-inbound:hover .icon.is-inbound, .button.is-inbound.is-hover .icon.is-inbound {
  stroke: #1f61b9;
}
.button.is-inbound:focus .icon.is-inbound, .button.is-inbound.is-focus .icon.is-inbound, .button.is-inbound.is-active .icon.is-inbound {
  stroke: #007e92;
}
v .button.is-inbound[disabled] .icon.is-inbound {
  stroke: #e5e5e5;
}
.button.is-search {
  border: none;
  border-radius: 0.3rem;
  padding: 0 1.5rem;
  font-weight: 400;
  border-color: #01acc8;
  background-color: #01acc8;
}
.button.is-search:hover, .button.is-search.is-hover {
  border-color: #4fcce1;
  background-color: #4fcce1;
  color: white;
}
.button.is-search:focus, .button.is-search.is-focus, .button.is-search.is-active {
  border-color: #007e92;
  background-color: #007e92;
  color: white;
}
fieldset[disabled] .button.is-search, .button.is-search[disabled] {
  border-color: #e5e5e5 !important;
  background-color: #e5e5e5;
  color: white;
}
.button.is-search.is-outline {
  border-width: 0.1rem;
  border-style: solid;
  padding: 0;
}
.button.is-search.is-approval {
  padding: 0 0.7rem 0 0.8rem;
}
.button.is-new-window {
  border: none;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(1 1.222)'%3E%3Crect width='16' height='16' rx='3' transform='translate(-1 -1.222)' fill='%231f61b9'/%3E%3Cpath d='M13.627,14.5H4.875A.876.876,0,0,1,4,13.627V4.875A.876.876,0,0,1,4.875,4H9.251v.875H4.875v8.752h8.751V9.251H14.5v4.376A.876.876,0,0,1,13.627,14.5Z' transform='translate(-2.377 -2.346)' fill='%23fff'/%3E%3Cpath d='M18.875,2v.875h2.882L18,6.632l.619.619,3.757-3.757V6.376h.875V2Z' transform='translate(-10.252 -1.222)' fill='%23fff'/%3E%3Crect width='12' height='12' transform='translate(1 0.778)' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.button.is-shuffle {
  display: flex;
  margin: 0;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #bebebe;
}
.button.is-shuffle .icon {
  stroke: #666;
}
.button.is-shuffle:not(:first-child) {
  margin-top: 1rem;
}
.button.is-shuffle:hover .icon.is-shuffle-arrow, .button.is-shuffle.is-hover .icon.is-shuffle-arrow {
  stroke: #1f61b9;
}
.button.is-shuffle:focus, .button.is-shuffle.is-focus, .button.is-shuffle.is-active {
  background-color: #f0f3f9 !important;
}
.button.is-shuffle[disabled] {
  border-color: #dbdbdb !important;
  background-color: #dbdbdb !important;
}
.button.is-shuffle[disabled] .icon.is-shuffle-arrow {
  stroke: #bfbfbf;
}
.button.has-large-gap-right {
  margin-right: 1rem !important;
}
.button.is-fullwidth {
  width: 100%;
}
.button.is-primary {
  background-color: #01ACC8;
  color: white;
  border-color: #01ACC8;
}
.button.is-primary:hover, .button.is-primary.is-hover {
  border-color: #4FCCE1;
  background-color: #4FCCE1;
  color: white;
}
.button.is-primary:focus, .button.is-primary.is-focus {
  border-color: #007E92;
  background-color: #007E92;
  color: white;
}
.button.is-primary.is-active {
  border-color: #007E92;
  background-color: #007E92;
  color: white;
}
fieldset[disabled] .button.is-primary, .button.is-primary[disabled] {
  border-color: #E5E5E5;
  background-color: #E5E5E5;
  color: white;
}
.button.is-secondary {
  background-color: #bcbcbc;
  color: white;
  border-color: #bcbcbc;
}
.button.is-secondary:hover, .button.is-secondary.is-hover {
  border-color: #d4d4d4;
  background-color: #d4d4d4;
  color: white;
}
.button.is-secondary:focus, .button.is-secondary.is-focus {
  border-color: #686868;
  background-color: #686868;
  color: white;
}
.button.is-secondary.is-active {
  border-color: #686868;
  background-color: #686868;
  color: white;
}
fieldset[disabled] .button.is-secondary, .button.is-secondary[disabled] {
  border-color: #ddd;
  background-color: #e5e5e5;
  color: #8e8e8e;
}
.button.is-outline.is-primary {
  background-color: white;
  color: #01ACC8;
  border-color: #01ACC8;
}
.button.is-outline.is-primary:hover, .button.is-outline.is-primary.is-hover {
  border-color: #01ACC8;
  background-color: #F2FBFC;
  color: #01ACC8;
}
.button.is-outline.is-primary:focus, .button.is-outline.is-primary.is-focus {
  border-color: #01ACC8;
  background-color: #E5F7FA;
  color: #007E92;
}
.button.is-outline.is-primary.is-active {
  border-color: #01ACC8;
  background-color: #E5F7FA;
  color: #007E92;
}
fieldset[disabled] .button.is-outline.is-primary, .button.is-outline.is-primary[disabled] {
  border-color: #dbdbdb;
  background-color: white;
  color: #dbdbdb;
}
.button.is-outline.is-secondary {
  background-color: white;
  color: #333;
  border-color: #E0E0E0;
}
.button.is-outline.is-secondary:hover, .button.is-outline.is-secondary.is-hover {
  border-color: #01ACC8;
  background-color: white;
  color: #333;
}
.button.is-outline.is-secondary:focus, .button.is-outline.is-secondary.is-focus {
  border-color: #01ACC8;
  background-color: #E5F7FA;
  color: #333;
}
.button.is-outline.is-secondary.is-active {
  border-color: #01ACC8;
  background-color: #E5F7FA;
  color: #333;
}
fieldset[disabled] .button.is-outline.is-secondary, .button.is-outline.is-secondary[disabled] {
  border-color: #DBDBDB;
  background-color: white;
  color: #DBDBDB;
}
.button.is-modify.is-primary {
  background-color: white;
  color: #333;
  border-color: #bebebe;
}
.button.is-modify.is-primary:hover, .button.is-modify.is-primary.is-hover {
  border-color: #629dff;
  background-color: #629dff;
  color: #333;
}
.button.is-modify.is-primary:focus, .button.is-modify.is-primary.is-focus {
  border-color: #0043ff;
  background-color: #0043ff;
  color: #333;
}
.button.is-modify.is-primary.is-active {
  border-color: #0043ff;
  background-color: #0043ff;
  color: #333;
}
fieldset[disabled] .button.is-modify.is-primary, .button.is-modify.is-primary[disabled] {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: #8e8e8e;
}
.button.is-modify.is-secondary {
  background-color: #f0f3f9;
  color: #585858;
  border-color: #e5e5e5;
}
.button.is-modify.is-secondary:hover, .button.is-modify.is-secondary.is-hover {
  border-color: #1f61b9;
  background-color: #f0f3f9;
  color: #333;
}
.button.is-modify.is-secondary:focus, .button.is-modify.is-secondary.is-focus {
  border-color: #1f61b9;
  background-color: #e5e5e5;
  color: #585858;
}
.button.is-modify.is-secondary.is-active {
  border-color: #1f61b9;
  background-color: #e5e5e5;
  color: #585858;
}
fieldset[disabled] .button.is-modify.is-secondary, .button.is-modify.is-secondary[disabled] {
  border-color: #ddd;
  background-color: #e5e5e5;
  color: #8e8e8e;
}
.button.is-search {
  background-color: #01ACC8;
  color: white;
  border-color: #01ACC8;
}
.button.is-search:hover, .button.is-search.is-hover {
  border-color: #4FCCE1;
  background-color: #4FCCE1;
  color: white;
}
.button.is-search:focus, .button.is-search.is-focus {
  border-color: #007E92;
  background-color: #007E92;
  color: #E5F7FA;
}
.button.is-search.is-active {
  border-color: #007E92;
  background-color: #007E92;
  color: #E5F7FA;
}
fieldset[disabled] .button.is-search, .button.is-search[disabled] {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: white;
}
.button.is-refresh {
  background-color: white;
  color: #007E92;
  border-color: #007E92;
}
.button.is-refresh:hover, .button.is-refresh.is-hover {
  border-color: #01ACC8;
  background-color: white;
  color: #01ACC8;
}
.button.is-refresh:focus, .button.is-refresh.is-focus {
  border-color: #007E92;
  background-color: #F2FBFC;
  color: #007E92;
}
.button.is-refresh.is-active {
  border-color: #007E92;
  background-color: #F2FBFC;
  color: #007E92;
}
fieldset[disabled] .button.is-refresh, .button.is-refresh[disabled] {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
  color: white;
}
.button.is-shuffle {
  background-color: white;
  color: #dedede;
  border-color: #dedede;
}
.button.is-shuffle:hover, .button.is-shuffle.is-hover {
  border-color: #1f61b9;
  background-color: white;
  color: #1f61b9;
}
.button.is-shuffle:focus, .button.is-shuffle.is-focus {
  border-color: #1f61b9;
  background-color: #f1f1f1;
  color: #1f61b9;
}
.button.is-shuffle.is-active {
  border-color: #1f61b9;
  background-color: #f1f1f1;
  color: #1f61b9;
}
fieldset[disabled] .button.is-shuffle, .button.is-shuffle[disabled] {
  border-color: #e5e5e5;
  background-color: #ddd;
  color: #bfbfbf;
}
.button.is-ghost {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}
.button.is-ghost:hover, .button.is-ghost.is-hover {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
.button.is-ghost:focus, .button.is-ghost.is-focus {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
.button.is-ghost.is-active {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
fieldset[disabled] .button.is-ghost, .button.is-ghost[disabled] {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
.button.is-info {
  background-color: #0032fa;
  color: white;
  border-color: #0032fa;
}
.button.is-success {
  background-color: #24a148;
  color: white;
  border-color: #24a148;
}
.button.is-warning {
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
  border-color: #f1c21b;
}
.button.is-error {
  background-color: #da1e28;
  color: white;
  border-color: #da1e28;
}

.buttons {
  display: flex;
  align-items: flex-start;
}
.buttons .button:not(:last-child) {
  margin-right: 0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons ~ .table.is-file {
  margin-top: -0.5rem;
}
.buttons.are-center {
  justify-content: center;
}
.buttons.are-right {
  justify-content: flex-end;
}
.buttons.are-vertical {
  flex-direction: column;
}
.buttons.are-vertical .button:not(:last-child) {
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.buttons.are-bottom {
  align-items: flex-end;
}
.buttons.have-addon .button:not(:last-child) {
  margin-right: -0.1rem;
}
.buttons.have-no-title {
  margin-bottom: 1rem;
}
.buttons.has-gab-large-top {
  margin-top: 8.2rem;
}

input[type=button].button.is-search {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='ico_search_enabled_hover' transform='translate(0 0.573)'%3E%3Crect id='사각형_888' data-name='사각형 888' width='18' height='18' transform='translate(0 -0.573)' fill='none'/%3E%3Cpath id='패스_8258' data-name='패스 8258' d='M.924,1.12,3.767,4.676' transform='translate(10.233 10.708)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-width='1.5'/%3E%3Cg id='타원_10' data-name='타원 10' transform='translate(2 1.427)' fill='none' stroke='%2301acc8' stroke-width='1.5'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
input[type=button].button.is-search:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='ico_search_enabled_hover' transform='translate(0 0.573)'%3E%3Crect id='사각형_888' data-name='사각형 888' width='18' height='18' transform='translate(0 -0.573)' fill='none'/%3E%3Cpath id='패스_8258' data-name='패스 8258' d='M.924,1.12,3.767,4.676' transform='translate(10.233 10.708)' fill='none' stroke='%23DBDBDB' stroke-linecap='round' stroke-width='1.5'/%3E%3Cg id='타원_10' data-name='타원 10' transform='translate(2 1.427)' fill='none' stroke='%23DBDBDB' stroke-width='1.5'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.is-mt-20 {
  margin-top: 2rem;
}

.is-mt-30 {
  margin-top: 3rem;
}

.searchBtn {
  width: 3.6rem;
  height: 3.6rem;
  flex: 0 0 3.6rem;
  border-radius: 0;
  border: 0.1rem solid #01acc8;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.054' height='18.49' viewBox='0 0 16.054 18.49'%3E%3Cg id='ico_enabled' transform='translate(-2.499 -1.926)'%3E%3Cpath id='패스_8258' data-name='패스 8258' d='M.924,1.12,4.462,5.546' transform='translate(13.037 13.817)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-width='1.5'/%3E%3Cg id='타원_10' data-name='타원 10' transform='translate(2.499 1.926)' fill='none' stroke='%2301acc8' stroke-width='1.5'%3E%3Ccircle cx='7.314' cy='7.314' r='7.314' stroke='none'/%3E%3Ccircle cx='7.314' cy='7.314' r='6.564' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  cursor: pointer;
}
.searchBtn:hover {
  background-color: #f2fbfc;
}
.searchBtn:active {
  border-color: #007e92;
  background-color: #f2fbfc;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.054' height='18.49' viewBox='0 0 16.054 18.49'%3E%3Cg id='icon_selected' transform='translate(-2.499 -1.926)'%3E%3Cpath id='패스_8258' data-name='패스 8258' d='M.924,1.12,4.462,5.546' transform='translate(13.037 13.817)' fill='none' stroke='%23007e92' stroke-linecap='round' stroke-width='1.5'/%3E%3Cg id='타원_10' data-name='타원 10' transform='translate(2.499 1.926)' fill='none' stroke='%23007e92' stroke-width='1.5'%3E%3Ccircle cx='7.314' cy='7.314' r='7.314' stroke='none'/%3E%3Ccircle cx='7.314' cy='7.314' r='6.564' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.searchBtn[disabled] {
  border-color: #dbdbdb;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.054' height='18.49' viewBox='0 0 16.054 18.49'%3E%3Cg id='icon_disabled' transform='translate(-2.499 -1.926)'%3E%3Cpath id='패스_8258' data-name='패스 8258' d='M.924,1.12,4.462,5.546' transform='translate(13.037 13.817)' fill='none' stroke='%23dbdbdb' stroke-linecap='round' stroke-width='1.5'/%3E%3Cg id='타원_10' data-name='타원 10' transform='translate(2.499 1.926)' fill='none' stroke='%23dbdbdb' stroke-width='1.5'%3E%3Ccircle cx='7.314' cy='7.314' r='7.314' stroke='none'/%3E%3Ccircle cx='7.314' cy='7.314' r='6.564' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  pointer-events: none;
}

.columns-btn {
  margin: 4rem 0 2rem;
  padding: 1.7rem 2rem 2rem;
  background-color: #f2fbfc;
}
.columns-btn .table-title {
  margin: 0;
}
.columns-btn .columns-btn-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.6rem;
}
.columns-btn .columns-btn-group .button.large-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(25% - 1.2rem);
  height: 5.2rem;
  margin: 1.2rem 0.6rem 0;
  border: 0.1rem solid #01acc8;
  border-radius: 0.5rem;
  background-color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  color: #01acc8;
}
.columns-btn .columns-btn-group .button.large-btn:hover {
  color: #007e92;
}
.columns-btn .columns-btn-group .button.large-btn:active {
  background-color: #4fcce1;
  border-color: #4fcce1;
  color: #fff;
}
.columns-btn .columns-btn-group .button.large-btn:disabled {
  border-color: #dbdbdb;
  color: #dbdbdb;
}

.checkbox {
  position: relative;
}
.checkbox input {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -0.1rem !important;
  border: none !important;
  padding: 0 !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  white-space: nowrap !important;
}
.checkbox input:checked ~ .input-button {
  border-color: #01acc8;
}
.checkbox input:checked ~ .input-button::after {
  content: "";
  position: absolute;
  left: 50%;
}
.checkbox input[readonly] {
  border-color: #666;
}
fieldset[disabled] .checkbox input ~ span, .checkbox input[disabled] ~ span {
  color: #333;
  cursor: not-allowed;
}
fieldset[disabled] .checkbox input ~ .input-button, .checkbox input[disabled] ~ .input-button {
  border-color: #dbdbdb;
}
fieldset[disabled] .checkbox input:not(:checked) ~ .input-button, .checkbox input[disabled]:not(:checked) ~ .input-button {
  background-color: #ededed;
}
.checkbox span {
  display: inline-block;
  vertical-align: middle;
  user-select: none;
}
.checkbox em {
  font-style: normal;
  color: #01acc8;
}
.checkbox .input-button {
  position: relative;
  border: 0.1rem solid #bebebe;
  width: 1.5rem;
  height: 1.5rem;
  background-color: white;
}
.checkbox .input-button:focus, .checkbox .input-button.is-focus, .checkbox .input-button.is-active {
  border-color: #01acc8;
}
.checkbox .input-button:not(:last-child) {
  margin-right: 0.4rem;
}
.checkbox:hover .input-button, .checkbox.is-hover .input-button {
  border-color: #01acc8;
}
.checkbox input:checked ~ .input-button {
  background-color: #01ACC8;
}
.checkbox input:checked ~ .input-button::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.75' height='6.563' viewBox='0 0 8.75 6.563'%3E%3Cpath id='ico_check' d='M3.125,6.563,0,3.438.994,2.5,3.125,4.594,7.756,0,8.75.988Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.checkbox input:checked ~ .icon {
  fill: #01ACC8;
}
.checkbox input:hover ~ .icon, .checkbox input.is-hover ~ .icon {
  fill: #759ed5;
}
.checkbox input:focus ~ .input-button, .checkbox input.is-focus ~ .input-button {
  border-color: #01ACC8;
}
fieldset[disabled] .checkbox input ~ .input-button, .checkbox input[disabled] ~ .input-button {
  background-color: #DBDBDB;
}
fieldset[disabled] .checkbox input ~ .icon, .checkbox input[disabled] ~ .icon {
  fill: #ededed;
}
fieldset[readonly] .checkbox input ~ .input-button, .checkbox input[readonly] ~ .input-button {
  border-color: #666;
  background-color: #fff;
}
fieldset[readonly] .checkbox input ~ .icon, .checkbox input[readonly] ~ .icon {
  fill: #ededed;
}
fieldset[readonly] .checkbox input:checked ~ .input-button, .checkbox input[readonly]:checked ~ .input-button {
  background-color: #666;
}
.checkbox .input-button {
  border-radius: 0.2rem;
}
.checkbox.is-setting {
  border: 0.1rem solid #1f61b9;
  padding: 0.2rem;
  background-color: white;
}
.checkbox.is-ghost .input-button {
  opacity: 0;
}
.checkbox.have-gap-right {
  margin-right: 2rem;
}

.file {
  display: flex;
  position: relative;
  align-items: stretch;
  justify-content: flex-start;
  user-select: none;
}
.file.is-primary .file-cta {
  border-color: transparent;
  background-color: #01ACC8;
  color: white;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hover .file-cta {
  border-color: transparent;
  background-color: #01a1bb;
  color: white;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(1, 172, 200, 0.25);
  color: white;
}
.file.is-primary.is-active .file-cta {
  border-color: transparent;
  background-color: #0196af;
  color: white;
}
.file.is-secondary .file-cta {
  border-color: transparent;
  background-color: #bcbcbc;
  color: white;
}
.file.is-secondary:hover .file-cta, .file.is-secondary.is-hover .file-cta {
  border-color: transparent;
  background-color: #b6b6b6;
  color: white;
}
.file.is-secondary:focus .file-cta, .file.is-secondary.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(188, 188, 188, 0.25);
  color: white;
}
.file.is-secondary.is-active .file-cta {
  border-color: transparent;
  background-color: #afafaf;
  color: white;
}
.file.is-outline.is-primary .file-cta {
  border-color: transparent;
  background-color: white;
  color: #01ACC8;
}
.file.is-outline.is-primary:hover .file-cta, .file.is-outline.is-primary.is-hover .file-cta {
  border-color: transparent;
  background-color: #f9f9f9;
  color: #01ACC8;
}
.file.is-outline.is-primary:focus .file-cta, .file.is-outline.is-primary.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #01ACC8;
}
.file.is-outline.is-primary.is-active .file-cta {
  border-color: transparent;
  background-color: #f2f2f2;
  color: #01ACC8;
}
.file.is-outline.is-secondary .file-cta {
  border-color: transparent;
  background-color: white;
  color: #333;
}
.file.is-outline.is-secondary:hover .file-cta, .file.is-outline.is-secondary.is-hover .file-cta {
  border-color: transparent;
  background-color: #f9f9f9;
  color: #333;
}
.file.is-outline.is-secondary:focus .file-cta, .file.is-outline.is-secondary.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #333;
}
.file.is-outline.is-secondary.is-active .file-cta {
  border-color: transparent;
  background-color: #f2f2f2;
  color: #333;
}
.file.is-modify.is-primary .file-cta {
  border-color: transparent;
  background-color: white;
  color: #333;
}
.file.is-modify.is-primary:hover .file-cta, .file.is-modify.is-primary.is-hover .file-cta {
  border-color: transparent;
  background-color: #f9f9f9;
  color: #333;
}
.file.is-modify.is-primary:focus .file-cta, .file.is-modify.is-primary.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #333;
}
.file.is-modify.is-primary.is-active .file-cta {
  border-color: transparent;
  background-color: #f2f2f2;
  color: #333;
}
.file.is-modify.is-secondary .file-cta {
  border-color: transparent;
  background-color: #f0f3f9;
  color: #585858;
}
.file.is-modify.is-secondary:hover .file-cta, .file.is-modify.is-secondary.is-hover .file-cta {
  border-color: transparent;
  background-color: #e7ecf5;
  color: #585858;
}
.file.is-modify.is-secondary:focus .file-cta, .file.is-modify.is-secondary.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(240, 243, 249, 0.25);
  color: #585858;
}
.file.is-modify.is-secondary.is-active .file-cta {
  border-color: transparent;
  background-color: #dee4f2;
  color: #585858;
}
.file.is-search .file-cta {
  border-color: transparent;
  background-color: #01ACC8;
  color: white;
}
.file.is-search:hover .file-cta, .file.is-search.is-hover .file-cta {
  border-color: transparent;
  background-color: #01a1bb;
  color: white;
}
.file.is-search:focus .file-cta, .file.is-search.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(1, 172, 200, 0.25);
  color: white;
}
.file.is-search.is-active .file-cta {
  border-color: transparent;
  background-color: #0196af;
  color: white;
}
.file.is-refresh .file-cta {
  border-color: transparent;
  background-color: white;
  color: #007E92;
}
.file.is-refresh:hover .file-cta, .file.is-refresh.is-hover .file-cta {
  border-color: transparent;
  background-color: #f9f9f9;
  color: #007E92;
}
.file.is-refresh:focus .file-cta, .file.is-refresh.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #007E92;
}
.file.is-refresh.is-active .file-cta {
  border-color: transparent;
  background-color: #f2f2f2;
  color: #007E92;
}
.file.is-shuffle .file-cta {
  border-color: transparent;
  background-color: white;
  color: #dedede;
}
.file.is-shuffle:hover .file-cta, .file.is-shuffle.is-hover .file-cta {
  border-color: transparent;
  background-color: #f9f9f9;
  color: #dedede;
}
.file.is-shuffle:focus .file-cta, .file.is-shuffle.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #dedede;
}
.file.is-shuffle.is-active .file-cta {
  border-color: transparent;
  background-color: #f2f2f2;
  color: #dedede;
}
.file.is-ghost .file-cta {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
.file.is-ghost:hover .file-cta, .file.is-ghost.is-hover .file-cta {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  color: transparent;
}
.file.is-ghost:focus .file-cta, .file.is-ghost.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
  color: transparent;
}
.file.is-ghost.is-active .file-cta {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  color: transparent;
}
.file.is-info .file-cta {
  border-color: transparent;
  background-color: #0032fa;
  color: white;
}
.file.is-info:hover .file-cta, .file.is-info.is-hover .file-cta {
  border-color: transparent;
  background-color: #002fed;
  color: white;
}
.file.is-info:focus .file-cta, .file.is-info.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 50, 250, 0.25);
  color: white;
}
.file.is-info.is-active .file-cta {
  border-color: transparent;
  background-color: #002de1;
  color: white;
}
.file.is-success .file-cta {
  border-color: transparent;
  background-color: #24a148;
  color: white;
}
.file.is-success:hover .file-cta, .file.is-success.is-hover .file-cta {
  border-color: transparent;
  background-color: #229743;
  color: white;
}
.file.is-success:focus .file-cta, .file.is-success.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(36, 161, 72, 0.25);
  color: white;
}
.file.is-success.is-active .file-cta {
  border-color: transparent;
  background-color: #1f8c3f;
  color: white;
}
.file.is-warning .file-cta {
  border-color: transparent;
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hover .file-cta {
  border-color: transparent;
  background-color: #f0bf0f;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(241, 194, 27, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning.is-active .file-cta {
  border-color: transparent;
  background-color: #e4b50e;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-error .file-cta {
  border-color: transparent;
  background-color: #da1e28;
  color: white;
}
.file.is-error:hover .file-cta, .file.is-error.is-hover .file-cta {
  border-color: transparent;
  background-color: #cf1c26;
  color: white;
}
.file.is-error:focus .file-cta, .file.is-error.is-focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(218, 30, 40, 0.25);
  color: white;
}
.file.is-error.is-active .file-cta {
  border-color: transparent;
  background-color: #c41b24;
  color: white;
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-medium {
  font-size: 1rem;
}
.file.is-medium .file-icon .fa {
  font-size: 2.1rem;
}
.file.is-large {
  font-size: 1.25rem;
}
.file.is-large .file-icon .fa {
  font-size: 2.8rem;
}
.file.has-name .file-cta {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.file.has-name .file-name {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 0.4rem;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  padding: 1em 3em;
  height: auto;
}
.file.is-boxed .file-name {
  border-width: 0 0.1rem 0.1rem;
}
.file.is-boxed .file-icon {
  width: 1.5em;
  height: 1.5em;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 1.4rem;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 2.8rem;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 3.5rem;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 0.4rem 0.4rem 0 0;
}
.file.is-boxed.has-name .file-name {
  border-width: 0 0.1rem 0.1rem;
  border-radius: 0 0 0.4rem 0.4rem;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 0.4rem 0.4rem 0;
}
.file.is-right .file-name {
  order: -1;
  border-width: 0.1rem 0 0.1rem 0.1rem;
  border-radius: 0.4rem 0 0 0.4rem;
}

.file-label {
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: stretch;
  justify-content: flex-start;
  cursor: pointer;
}
.file-label:hover .file-cta, .file-label.is-hover .file-cta {
  background-color: #eeeeee;
  color: #333;
}
.file-label:hover .file-name, .file-label.is-hover .file-name {
  border-color: #dfdfdf;
}
.file-label:focus .file-cta, .file-label.is-focus .file-cta, .file-label.is-active .file-cta {
  background-color: #e8e8e8;
  color: #333;
}
.file-label:focus .file-name, .file-label.is-focus .file-name, .file-label.is-active .file-name {
  border-color: #d8d8d8;
}

.file-input {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -0.1rem !important;
  border: none !important;
  padding: 0 !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  white-space: nowrap !important;
}

.file-cta,
.file-name {
  font-size: 1.3rem;
  appearance: none;
  justify-content: center;
  border-color: #e5e5e5;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  font-size: 1em;
}

.file-cta {
  border-width: 0.1rem;
  padding: 0;
  width: 8.6rem;
  height: 2.6rem;
  background-color: hsl(0deg, 0%, 96%);
  color: #333;
}

.file-name {
  display: block;
  overflow: hidden;
  border-width: 0.1rem 0.1rem 0.1rem 0;
  border-style: solid;
  border-color: #e5e5e5;
  max-width: 16em;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
}

.file-uploader .field:not(:last-child) {
  margin-bottom: 0.4rem !important;
}
.file-uploader .field.has-buttons .control:not(:last-child) {
  margin-right: 1.1rem !important;
}
.file-uploader .field-message .icon,
.file-uploader .field .icon {
  margin-right: 0.4rem;
}

.file-drop {
  display: none;
}
.file-drop > tr > td:not([align]) {
  height: 7.2rem;
  text-align: center;
  color: #999;
}
.file-drop.is-active {
  display: table-footer-group;
}

.input {
  border: 0.1rem solid #e0e0e0;
  width: 100%;
  padding: 0 1rem !important;
  height: 100%;
  font-size: 1.4rem !important;
}
.input.is-error {
  border-color: #f63811 !important;
  color: #f63811;
}
.input.is-ghost {
  border: none;
  background-color: transparent !important;
}
.input:hover:not([readonly]):not([disabled]), .input.is-hover:not([readonly]):not([disabled]), .input:focus:not([readonly]):not([disabled]), .input.is-focus:not([readonly]):not([disabled]), .input.is-active:not([readonly]):not([disabled]) {
  border-color: #01acc8;
}
.input[readonly] {
  color: #333;
  background-color: #ededed;
}
fieldset[disabled] .input, .input[disabled] {
  color: #333;
  background-color: #e5e5e5;
}
.is-medium .input {
  padding: 0 1.5rem !important;
}
.input.is-file:valid {
  padding-left: 2.8rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(-239 -188)'%3E%3Crect width='20' height='20' transform='translate(239 188)' fill='none'/%3E%3Cpath d='M11.118,6.845,5.08.807A3.024,3.024,0,0,0,.807,5.08L2.2,6.473l.655-.655L1.462,4.425A2.09,2.09,0,1,1,4.416,1.471l6.038,6.038A2.09,2.09,0,1,1,7.5,10.463L4.653,7.616A1.166,1.166,0,0,1,6.3,5.962L7.769,7.435l.655-.655s-1.5-1.5-1.51-1.5A2.086,2.086,0,0,0,3.97,8.224l2.875,2.894a3.024,3.024,0,0,0,4.273-4.273Z' transform='translate(243 192)' fill='%23151515'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.5rem;
}
.input.is-tui {
  padding: 0 1.5rem !important;
  border: 0.1rem solid #e0e0e0;
  background-color: #FFF;
}
.input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input[type=number] {
  -moz-appearance: textfield;
}

input:-internal-autofill-selected {
  background-color: #fff;
}

.label:not(:last-child) {
  margin-right: 0.6rem;
}

.help {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
}
.help.is-primary {
  color: #01ACC8;
}
.help.is-secondary {
  color: #bcbcbc;
}
.help.is-outline.is-primary {
  color: white;
}
.help.is-outline.is-secondary {
  color: white;
}
.help.is-modify.is-primary {
  color: white;
}
.help.is-modify.is-secondary {
  color: #f0f3f9;
}
.help.is-search {
  color: #01ACC8;
}
.help.is-refresh {
  color: white;
}
.help.is-shuffle {
  color: white;
}
.help.is-ghost {
  color: transparent;
}
.help.is-info {
  color: #0032fa;
}
.help.is-success {
  color: #24a148;
}
.help.is-warning {
  color: #f1c21b;
}
.help.is-error {
  color: #da1e28;
}

.radio input {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -0.1rem !important;
  border: none !important;
  padding: 0 !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  white-space: nowrap !important;
}
.radio input:checked ~ .input-button {
  border-color: #01acc8;
}
.radio input:checked ~ .input-button::after {
  content: "";
  position: absolute;
  left: 50%;
}
.radio input[readonly] {
  border-color: #666;
}
fieldset[disabled] .radio input ~ span, .radio input[disabled] ~ span {
  color: #333;
  cursor: not-allowed;
}
fieldset[disabled] .radio input ~ .input-button, .radio input[disabled] ~ .input-button {
  border-color: #dbdbdb;
}
fieldset[disabled] .radio input:not(:checked) ~ .input-button, .radio input[disabled]:not(:checked) ~ .input-button {
  background-color: #ededed;
}
.radio span {
  display: inline-block;
  vertical-align: middle;
  user-select: none;
}
.radio em {
  font-style: normal;
  color: #01acc8;
}
.radio .input-button {
  position: relative;
  border: 0.1rem solid #bebebe;
  width: 1.5rem;
  height: 1.5rem;
  background-color: white;
}
.radio .input-button:focus, .radio .input-button.is-focus, .radio .input-button.is-active {
  border-color: #01acc8;
}
.radio .input-button:not(:last-child) {
  margin-right: 0.4rem;
}
.radio:hover .input-button, .radio.is-hover .input-button {
  border-color: #01acc8;
}
.radio:not(:last-child) {
  margin-right: 1.8rem;
}
.radio input:checked ~ .input-button {
  border-width: 0.4rem;
}
.radio .input-button {
  border-radius: 50%;
}

.search-result {
  display: none;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  z-index: 10;
  border: 0.1rem solid #1f61b9;
  border-radius: 0.3rem;
  padding: 1.2rem 2.1rem;
  max-height: 33.1rem;
  overflow-y: auto;
  background-color: white;
}
.search-result > li:not(:last-child) {
  margin-bottom: 1.1rem;
}
.search-result dl:hover {
  cursor: pointer;
}
.search-result dl:hover dt::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 0.1rem;
  background-color: #003288;
}
.search-result dt {
  display: inline-block;
  position: relative;
}
.search-result dt span:first-child {
  font-weight: 700;
  color: #1f61b9;
}
.search-result dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.2rem;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.1rem;
  background-color: #1f61b9;
}
.search-result dt:not(:last-child) {
  margin-bottom: 0.2rem;
}
.search-result dd {
  font-size: 1.1rem;
  color: #9a9a9a;
}

.textarea {
  border: 0.1rem solid #e0e0e0;
  width: 100%;
  padding: 1rem;
  resize: none;
}
.textarea.is-error {
  border-color: #f63811 !important;
  color: #f63811;
}
.textarea.is-ghost {
  border: none;
  background-color: transparent !important;
}
.textarea:hover:not([readonly]):not([disabled]), .textarea.is-hover:not([readonly]):not([disabled]), .textarea:focus:not([readonly]):not([disabled]), .textarea.is-focus:not([readonly]):not([disabled]), .textarea.is-active:not([readonly]):not([disabled]) {
  border-color: #01acc8;
}
.textarea[readonly] {
  color: #333;
  background-color: #ededed;
}
fieldset[disabled] .textarea, .textarea[disabled] {
  color: #333;
  background-color: #e5e5e5;
}
.textarea.is-error {
  background-position: calc(100% - 0.5rem) calc(100% - 0.5rem);
}

.box {
  display: flex;
  flex-direction: column;
  background-color: hsl(0deg, 0%, 100%);
}
.box:not(:first-child) {
  margin-top: 2rem;
}
.box:not(:last-child) {
  margin-bottom: 2rem;
}
.box.has-borders {
  border: 0.1rem solid #e5e5e5;
  padding: 3rem;
}
.box.is-half {
  width: 50%;
}

.breadcrumbs {
  z-index: 1;
  display: flex;
  align-items: center;
}
.breadcrumbs:not(:last-child) {
  margin-bottom: -2rem;
}
.breadcrumbs.have-chevron-separator .breadcrumb:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.5rem;
  vertical-align: top;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:none;stroke:%23868686;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-569.472 -266.943)'%3E%3Crect class='a' width='16' height='16' transform='translate(569.472 266.943)'/%3E%3Cpath class='b' d='M576,269.535l5,5-5,5' transform='translate(-0.528 0.408)'/%3E%3C/g%3E%3C/svg%3E");
}
.breadcrumbs.is-right {
  justify-content: flex-end;
}

.breadcrumb:not(.is-active) {
  color: #6a6a6a;
}
.breadcrumb.is-active {
  color: #01ACC8;
}
.breadcrumb:hover {
  color: #01ACC8;
}

.card {
  position: relative;
  border-bottom: 0.1rem solid #cacaca;
  box-shadow: 0px 3px 10px rgba(61, 61, 61, 0.4);
  background-color: hsl(0deg, 0%, 100%);
}
.card input:checked ~ .icon.is-status-checkmark.is-filled {
  display: block;
  top: 1.6rem;
}
.card .media:not(:last-child) {
  margin-bottom: 2rem;
}
.card:focus, .card.is-focus, .card.is-active {
  outline: none;
  border: 0.1rem solid #0354ff;
}
.card.is-expandable .icon.is-navigation-chevron.is-down {
  display: block;
  bottom: 1.6rem;
}
.card.has-title-icon .table > colgroup > col:last-child:not(:nth-child(3)) {
  width: 25%;
}
.card.has-title-icon .table > colgroup > col:nth-child(2):not(:last-child) {
  width: 61%;
}
.card.has-title-icon .table > colgroup > col:nth-child(3) {
  width: 20%;
}
.card.has-title-icon .card-content {
  padding: 0.9rem 2.9rem 1.4rem;
}
.card.has-header-background-color .card-content {
  padding: 2rem;
}
.card.is-admin .card-content {
  padding: 0 1.8rem 1.8rem;
}
.card.is-admin .card-header-title {
  padding: 1.6rem 1.9rem;
  font-size: 1.6rem;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0.7rem 3rem;
  color: #fff;
  background-color: #007e92;
}
.card-header.has-icons {
  align-items: center;
  margin: 0.65em 1.05em 0em;
  border-bottom: 0.1rem solid #dbdbdb;
  padding-bottom: 0.15em;
  box-shadow: none;
  font-size: 1.8rem;
  color: #003288;
}
.card-header.has-icons .icon .is-subtitle {
  margin-top: 0.4em;
  width: 2.6rem;
  height: 2.6rem;
}
.card-header.has-icons .card-header-title {
  padding: 1.5rem;
}
.card-header.has-background-color {
  padding: 1.1rem 1.8rem;
  background-color: #d6d6d6;
  box-shadow: none;
}
.card-header.has-background-color .card-header-title {
  font-size: 1.8rem;
  color: #003288;
}
.card-header.is-alert {
  margin: 0;
  padding-top: 1.9rem;
  padding-bottom: 1rem;
}

.card-header-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  font-weight: 700;
  color: #003288;
}
.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  cursor: pointer;
}

.card-image {
  display: block;
  position: relative;
}

.card-content {
  padding: 1.3rem;
  background-color: transparent;
}

.card-footer {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.card-footer-item {
  display: flex;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 0.1rem solid hsl(0deg, 0%, 93%);
}

.card-alert-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 6.6rem;
  font-weight: 700;
  font-size: 1.2rem;
}

.card-body {
  overflow-y: auto;
  max-height: 69.1rem;
  padding: 0 3rem;
}
.card-body p {
  line-height: 2rem;
}

@media screen and (max-width: 1600px) {
  .card-body {
    max-height: 57.3rem;
  }
}
.color.is-circle {
  display: inline-block;
  margin: 0 1rem 0 0;
  border-radius: 50%;
  width: 4.4rem;
  height: 4.4rem;
  vertical-align: middle;
}
.color.is-circle.is-bg, .color.is-circle.is-bg_contrast.is-focus, .color.is-circle.is-border, .color.is-circle.is-field, .color.is-circle.is-text_inverse, .color.is-circle.is-icon.is-inverse {
  border: 0.1rem solid #e5e5e5;
}
.color.is-primary {
  background-color: #0354ff;
}
.color.is-primary.is-active {
  background-color: #002d98;
}
fieldset[disabled] .color.is-primary, .color.is-primary[disabled] {
  background-color: #cacaca;
}
.color.is-secondary {
  background-color: #333;
}
.color.is-secondary.is-active {
  background-color: #6f6f6f;
}
.color.is-contrast {
  background-color: #0032fa;
}
.color.is-success {
  background-color: #24a148;
}
.color.is-success.is-bg_contrast {
  background-color: #42be65;
}
.color.is-warning {
  background-color: #f1c21b;
}
.color.is-error {
  background-color: #da1e28;
}
.color.is-error.is-active {
  background-color: #750e13;
}
.color.is-error.is-bg_contrast {
  background-color: #fa4d56;
}
.color.is-info {
  background-color: #0032fa;
}
.color.is-info.is-bg_contrast {
  background-color: #0043ce;
}
.color.is-bg {
  background-color: hsl(0deg, 0%, 100%);
}
.color.is-bg-secondary {
  background-color: #f0f3f9;
}
.color.is-bg-secondary.is-hover {
  background-color: #e5e5e5;
}
.color.is-bg-secondary.is-active {
  background-color: #6f6f6f;
}
.color.is-bg_tertiary {
  background-color: #e5e5e5;
}
.color.is-bg_contrast {
  background-color: #333;
}
.color.is-bg_contrast.is-focus {
  background-color: hsl(0deg, 0%, 100%);
}
.color.is-bg_contrast.is-linked {
  background-color: #78a9ff;
}
.color.is-overlay {
  background-color: rgba(51, 51, 51, 0.5);
}
.color.is-overlay.color {
  position: relative;
}
.color tr:hover,
.color tr.is-hover, .color.is-row.is-hover {
  background-color: #e5e5e5;
}
.color.is-border-primary {
  background-color: #8e8e8e;
}
.color.is-border-secondary {
  background-color: #003288;
}
.color.is-field {
  background-color: hsl(0deg, 0%, 100%);
}
.color.is-text.is-hover {
  background-color: #0032fa;
}
fieldset[disabled] .color.is-text, .color.is-text[disabled] {
  background-color: #cacaca;
}
.color.is-text-heading {
  background-color: #003288;
}
.color.is-text-body {
  background-color: #333;
}
.color.is-text-secondary {
  background-color: #8e8e8e;
}
.color.is-text-tertiary {
  background-color: #aeaeae;
}
.color.is-text-error {
  background-color: #da1e28;
}
.color.is-text-inverse {
  background-color: hsl(0deg, 0%, 100%);
}
.color.is-text-inverse.is-active {
  background-color: #6f6f6f;
}
.color.is-icon {
  background-color: #333;
}
fieldset[disabled] .color.is-icon, .color.is-icon[disabled] {
  background-color: #cacaca;
}
.color.is-icon-secondary {
  background-color: #8e8e8e;
}
.color.is-icon.is-inversed {
  background-color: hsl(0deg, 0%, 100%);
}
.color.is-icon-inverse.is-active {
  background-color: #6f6f6f;
}
.color.is-hover {
  background-color: #cacaca;
}
.color.is-focus {
  background-color: #0354ff;
}
.color.is-active {
  background-color: #e5e5e5;
}
.color.is-linked {
  background-color: #0354ff;
}
.color.is-visited {
  background-color: #8a3ffc;
}
.color.is-highlighted {
  background-color: #d0e2ff;
}
fieldset[disabled] .color, .color[disabled] {
  background-color: #f0f3f9;
}

.container.is-fluid {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  max-width: none;
  width: 100%;
}
.container.is-mdi {
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 1px solid #dbdbdb;
  height: 3.1rem;
}
.container.is-menu-top {
  visibility: hidden;
  opacity: 0;
  transition: 0.1s;
}
.container.is-vertically {
  display: flex;
  overflow: auto;
  flex-direction: column;
  height: 100%;
}

.tui-datepicker-input {
  min-width: 100px;
  width: 100%;
  height: 3.6rem;
  border: none;
  vertical-align: middle;
}
.tui-datepicker-input input {
  background-color: transparent;
}
.tui-datepicker-input input:hover + .tui-ico-date, .tui-datepicker-input input:focus + .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='btn_calendar_hover' transform='translate(-3 -4)'%3E%3Cg id='사각형_859' data-name='사각형 859' transform='translate(3 4)' fill='none' stroke='%23e5e5e5' stroke-width='1' opacity='0'%3E%3Crect width='26' height='26' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='25' height='25' fill='none'/%3E%3C/g%3E%3Cg id='ico_calendar' transform='translate(9 9.04)'%3E%3Crect id='사각형_3069' data-name='사각형 3069' width='14' height='13.556' rx='2' transform='translate(0 2)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_77' data-name='선 77' y2='4' transform='translate(10.111)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_78' data-name='선 78' y2='4' transform='translate(3.889)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_79' data-name='선 79' x2='14' transform='translate(0 6.222)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-datepicker-input input[disabled] {
  border-color: #e0e0e0;
  color: #bebebe;
  background-color: #e5e5e5;
}
.tui-datepicker-input input[disabled] + .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='btn_calendar_disabled' transform='translate(-3 -4)'%3E%3Cg id='사각형_859' data-name='사각형 859' transform='translate(3 4)' fill='none' stroke='%23e5e5e5' stroke-width='1' opacity='0'%3E%3Crect width='26' height='26' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='25' height='25' fill='none'/%3E%3C/g%3E%3Cg id='ico_calendar' transform='translate(9 9.04)'%3E%3Crect id='사각형_3069' data-name='사각형 3069' width='14' height='13.556' rx='2' transform='translate(0 2)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_77' data-name='선 77' y2='4' transform='translate(10.111)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_78' data-name='선 78' y2='4' transform='translate(3.889)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_79' data-name='선 79' x2='14' transform='translate(0 6.222)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-datepicker-input input:read-only {
  border-color: #dbdbdb;
  color: #333;
  background-color: #ededed;
}
.tui-datepicker-input input:read-only + .tui-ico-date {
  opacity: 0.4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='btn_calendar_disabled' transform='translate(-3 -4)'%3E%3Cg id='사각형_859' data-name='사각형 859' transform='translate(3 4)' fill='none' stroke='%23e5e5e5' stroke-width='1' opacity='0'%3E%3Crect width='26' height='26' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='25' height='25' fill='none'/%3E%3C/g%3E%3Cg id='ico_calendar' transform='translate(9 9.04)'%3E%3Crect id='사각형_3069' data-name='사각형 3069' width='14' height='13.556' rx='2' transform='translate(0 2)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_77' data-name='선 77' y2='4' transform='translate(10.111)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_78' data-name='선 78' y2='4' transform='translate(3.889)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_79' data-name='선 79' x2='14' transform='translate(0 6.222)' fill='none' stroke='%23bebebe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-datepicker-input .tui-ico-date {
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  margin: 0;
  width: 26px;
  height: 26px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg id='btn_calendar_enabled_26x26' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='사각형_859' data-name='사각형 859' fill='none' stroke='%23e5e5e5' stroke-width='1' opacity='0'%3E%3Crect width='26' height='26' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='25' height='25' fill='none'/%3E%3C/g%3E%3Cg id='ico_calendar' transform='translate(6 5)'%3E%3Crect id='사각형_3069' data-name='사각형 3069' width='14' height='13.556' rx='2' transform='translate(0 2)' fill='none' stroke='%23717171' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_77' data-name='선 77' y2='4' transform='translate(10.111)' fill='none' stroke='%23717171' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_78' data-name='선 78' y2='4' transform='translate(3.889)' fill='none' stroke='%23717171' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_79' data-name='선 79' x2='14' transform='translate(0 6.222)' fill='none' stroke='%23717171' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: 0 !important;
}
.tui-datepicker-input:hover {
  border-color: #01acc8;
}
.tui-datepicker-input:hover .tui-ico-date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='btn_calendar_hover' transform='translate(-3 -4)'%3E%3Cg id='사각형_859' data-name='사각형 859' transform='translate(3 4)' fill='none' stroke='%23e5e5e5' stroke-width='1' opacity='0'%3E%3Crect width='26' height='26' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='25' height='25' fill='none'/%3E%3C/g%3E%3Cg id='ico_calendar' transform='translate(9 9.04)'%3E%3Crect id='사각형_3069' data-name='사각형 3069' width='14' height='13.556' rx='2' transform='translate(0 2)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_77' data-name='선 77' y2='4' transform='translate(10.111)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_78' data-name='선 78' y2='4' transform='translate(3.889)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_79' data-name='선 79' x2='14' transform='translate(0 6.222)' fill='none' stroke='%2301acc8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.tui-datepicker-input.tui-has-focus {
  border-color: #e0e0e0;
}

.tui-datepicker {
  z-index: 20;
  position: absolute;
  margin-top: 0.6rem;
  border-color: #414141;
}
.tui-datepicker.is-left {
  transform: translate(-100%, -78%);
}
.tui-datepicker .tui-calendar-date {
  height: 40px !important;
  border: 0 !important;
  font-weight: 500;
  font-size: 1.4rem;
}
.tui-datepicker .tui-calendar-date:hover {
  background-color: #f2fbfc !important;
}
.tui-datepicker .tui-calendar-date.tui-calendar-sat {
  color: #4484d9;
}
.tui-datepicker .tui-calendar-date.tui-calendar-sun {
  color: #f63811;
}
.tui-datepicker .tui-calendar-date.tui-calendar-today {
  color: #007e92;
  background-color: #f7f8f9 !important;
}
.tui-datepicker .tui-calendar-date.tui-is-selected {
  color: #fff;
  background-color: #01acc8 !important;
}
.tui-datepicker .tui-calendar-date.tui-calendar-next-month {
  display: none;
}
.tui-datepicker .tui-is-selectable {
  color: #333;
}
.tui-datepicker .tui-is-selectable.tui-is-selected {
  background-color: #01acc8 !important;
}
.tui-datepicker .tui-is-blocked {
  color: #dbdbdb !important;
}
.tui-datepicker .tui-calendar-header {
  border-bottom: 0;
}
.tui-datepicker .tui-calendar-header-inner {
  height: auto;
  padding: 12px 0 17px;
}
.tui-datepicker .tui-calendar-title {
  font-weight: 500;
  font-size: 1.6rem;
  color: #333;
}
.tui-datepicker .tui-calendar-btn {
  top: 7px;
  width: 28px;
  height: 28px;
}
.tui-datepicker .tui-calendar-btn::after {
  width: 5px;
  height: 9px;
}
.tui-datepicker .tui-calendar-btn-prev-month {
  left: 14px;
}
.tui-datepicker .tui-calendar-btn-prev-month::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.268' height='9.121' viewBox='0 0 5.268 9.121'%3E%3Cpath id='패스_5' data-name='패스 5' d='M945.942,133.07l4.207,4.207-4.207,4.207' transform='translate(950.856 141.837) rotate(180)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3C/svg%3E%0A");
}
.tui-datepicker .tui-calendar-btn-next-month {
  right: 14px;
}
.tui-datepicker .tui-calendar-btn-next-month::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.268' height='9.121' viewBox='0 0 5.268 9.121'%3E%3Cpath id='패스_5' data-name='패스 5' d='M945.942,133.07l4.207,4.207-4.207,4.207' transform='translate(-945.588 -132.716)' fill='none' stroke='%238e8e8e' stroke-width='1'/%3E%3C/svg%3E%0A") 0 0;
}
.tui-datepicker .tui-calendar-body-header th {
  height: 32px;
  font-size: 1.2rem;
  color: #333;
}
.tui-datepicker .tui-calendar-body-header th.tui-sat {
  color: #4484d9;
}
.tui-datepicker .tui-calendar-body-header th.tui-sun {
  color: #f63811;
}

.tilde {
  margin: 0 0.2rem;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  width: 100%;
  text-align: inherit;
  white-space: nowrap;
}
a.dropdown-item:hover, a.dropdown-item.is-hover,
button.dropdown-item:hover,
button.dropdown-item.is-hover {
  background-color: #f0f3f9;
  color: inherit;
}
a.dropdown-item:hover::after, a.dropdown-item.is-hover::after,
button.dropdown-item:hover::after,
button.dropdown-item.is-hover::after {
  content: none;
}
a.dropdown-item:focus, a.dropdown-item.is-focus,
button.dropdown-item:focus,
button.dropdown-item.is-focus {
  outline: 0.2rem solid #0354ff;
  outline-offset: -0.2rem;
}
a.dropdown-item:focus::after, a.dropdown-item.is-focus::after,
button.dropdown-item:focus::after,
button.dropdown-item.is-focus::after {
  content: none;
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #f0f3f9;
  color: inherit;
}
a.dropdown-item.is-active::after,
button.dropdown-item.is-active::after {
  content: none;
}

.button.is-dropdown {
  justify-content: flex-start;
  border-color: #e0e0e0;
  border-radius: 0;
  padding: 0 1.5rem;
  width: 100%;
  height: 100%;
  background-color: white;
  font-weight: 400;
  text-align: left;
}
.button.is-dropdown:hover {
  border-color: #2068e4;
}
.button.is-dropdown[readonly] {
  border-color: #dbdbdb;
  background-color: #ededed;
}
fieldset[disabled] .button.is-dropdown, .button.is-dropdown[disabled] {
  border-color: #e0e0e0;
  background-color: #e5e5e5;
  color: #bebebe;
}
.control.is-dropdown.is-active .button.is-dropdown {
  border-color: #2068e4;
}

.dropdown-trigger {
  width: 100%;
}
.dropdown-trigger .button {
  display: flex;
  justify-content: space-between;
  border-width: 0.1rem;
  border-color: #e5e5e5;
  padding: 1.3rem 1.1rem;
  width: 100%;
  background-color: transparent;
}
.dropdown-trigger .button:hover, .dropdown-trigger .button.is-hover {
  background-color: #f0f3f9;
}
.dropdown-trigger .button:focus, .dropdown-trigger .button.is-focus {
  outline: 0.2rem solid #0354ff;
  outline-offset: -0.2rem;
}
fieldset[disabled] .dropdown-trigger .button, .dropdown-trigger .button[disabled] {
  color: #cacaca;
}
.dropdown-trigger .icon:last-child:not(:first-child) {
  margin-right: 0.3rem !important;
}

.dropdown {
  display: none;
  overflow: auto;
  position: absolute;
  top: calc(100% - 0.1rem);
  left: 0;
  right: 0;
  z-index: 20;
  border: 0.1rem solid #2068e4;
  background-color: white;
}
.dropdown.is-up {
  top: auto;
  bottom: calc(100% - 0.1rem);
}

.dropdown-menu {
  display: block;
  padding: 0.7rem 1.5rem;
  line-height: 1;
  text-align: left;
}
.dropdown-menu:hover {
  background-color: #2068e4;
  color: white;
}

.dropdown-content {
  border: 0.1rem solid #6f6f6f;
  border-top: none;
  background-color: hsl(0deg, 0%, 100%);
}

.dropdown-item {
  display: block;
  position: relative;
  padding: 0.55rem 0.7rem;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.5;
}
.dropdown-item:first-child {
  padding-top: 2.2rem;
}
.dropdown-item:last-child {
  padding-bottom: 1.8rem;
}

.dropdown-divider {
  display: block;
  margin: 0.5rem 0;
  border: none;
  height: 0.1rem;
  background-color: hsl(0deg, 0%, 93%);
}

.error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.error .box {
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #e5e5e5;
  width: 61.4rem;
  height: 48.7rem;
}
.error .icon.is-error {
  margin-bottom: 4rem;
}

.error-message {
  font-size: 2rem;
  font-weight: 500;
}
.error-message:not(:last-child) {
  margin-bottom: 0.4rem;
}
.error-message.is-c01e14 {
  color: #c01e14;
}

.icon.is-error {
  width: 20rem;
  height: 15.3rem;
}

.favorite {
  margin-top: 0.5rem;
}
.favorite li {
  border-bottom: 0.1rem solid #dbdbdb;
  padding: 0.6rem 2rem 0.7rem;
}
.favorite a:hover dt {
  color: #1f61b9;
}
.favorite .checkbox.is-star:not(:last-child) {
  margin-right: 0.9rem;
}
.favorite dt {
  font-weight: 700;
  color: #6a6a6a;
}
.favorite dt:not(:last-child) {
  margin-bottom: 0.1rem;
}
.favorite dd {
  font-size: 1.1rem;
  color: #9a9a9a;
}
.favorite .columns {
  align-items: center;
}

.icon {
  vertical-align: middle;
}
.icon.is-close.is-white {
  fill: #fff;
}
.icon.is-close.is-gray {
  stroke: #707070;
}
.icon.is-close.is-dark-gray {
  stroke: #999;
}
.icon.is-close-window {
  fill: #bebebe;
  stroke: #bebebe;
}
.icon.is-loader.is-large {
  width: 7.2rem;
  height: 7.2rem;
}
.icon.is-search {
  stroke: white;
}
.icon.is-search:not(:last-child) {
  margin-right: 0.4rem !important;
}
.icon.is-search.is-blue {
  stroke: #01acc8;
}
.profile .icon.is-search {
  opacity: 0.75;
}
.icon.is-setting.is-white {
  fill: white;
}
.icon.is-setting.is-blue {
  fill: #01acc8;
}
.icon.is-status-information {
  fill: #8e8e8e;
}
.icon.is-star {
  fill: #bebebe;
}
.tab.is-menu .icon.is-star {
  fill: #a7b4cb;
}
.icon.is-menu {
  stroke: #a7b4cb;
}
.icon.is-navigation-chevron.is-right {
  fill: #8e8e8e;
}
.icon.is-question {
  fill: #bebebe;
}
.icon.is-success {
  fill: #0f61fd;
}
.icon.is-error {
  fill: #da1e28;
}
.icon.is-title {
  width: 4.5rem;
  height: 4.5rem;
}
.icon.is-title svg {
  width: 4.5rem;
  height: 4.5rem;
}
.icon.is-operations-search {
  cursor: pointer;
}
.icon.is-inbound {
  transform: rotate(180deg);
  stroke: #bebebe;
}
.icon.is-formatting-attachment {
  width: 1.3rem;
  height: 1.3rem;
}
.icon.is-formatting-attachment:not(:last-child) {
  margin-right: 0.5em;
}
.icon.is-user.is-white {
  fill: #fff;
}
.icon.is-user.is-gray {
  fill: #9d9d9d;
}
.icon.is-logout.is-white {
  stroke: #fff;
}
.icon.is-logout.is-gray {
  stroke: #9d9d9d;
}
.icon.is-loader {
  animation: spinAround 3s linear infinite;
}
.icon.is-small.is-chevron {
  width: 1rem;
  height: 0.6rem;
}
.icon.is-small.is-logo {
  width: 19.7rem;
  height: 2.4rem;
}
.icon.is-medium.is-close {
  width: 1rem;
  height: 1rem;
}
.icon.is-medium.is-refresh {
  width: 1.7rem;
  height: 1.7rem;
  fill: #007e92;
}
.icon.is-medium.is-setting {
  width: 1.4rem;
  height: 1.4rem;
}
.icon.is-medium.is-logo {
  width: 18.2rem;
  height: 3rem;
}
.icon.is-medium.is-subtitle {
  width: 1.4rem;
  height: 1.4rem;
}
.icon.is-medium.is-excel {
  width: 1.5rem;
  height: 1.5rem;
}
.icon.is-medium.is-close-window {
  width: 2.3rem;
  height: 1.7rem;
}
.icon.is-medium.is-menu, .icon.is-medium.is-star {
  width: 1.6rem;
  height: 1.6rem;
}
.icon.is-medium.is-chevron, .icon.is-medium.is-location, .icon.is-medium.is-logout {
  width: 2rem;
  height: 2rem;
}
.icon.is-medium.is-question {
  width: 2.2rem;
  height: 2.2rem;
}
.icon.is-medium.is-search {
  width: 1.8rem;
  height: 1.8rem;
}
.icon.is-medium.is-inbound {
  width: 2.8rem;
  height: 2.8rem;
}
.icon.is-medium.is-negative, .icon.is-medium.is-positive {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.4rem;
}
.icon.is-medium.is-toast-check {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.icon.is-medium.is-shuffle-arrow.is-right, .icon.is-medium.is-shuffle-arrow.is-left {
  width: 0.9rem;
  height: 1.5rem;
}
.icon.is-medium.is-shuffle-arrow.is-up, .icon.is-medium.is-shuffle-arrow.is-down {
  width: 1.5rem;
  height: 0.9rem;
}
.icon.is-medium.is-user {
  width: 2rem;
  height: 2rem;
}
.icon.is-medium.is-shortcut {
  width: 1.2rem;
  height: 1.2rem;
}
.icon.is-medium.is-home {
  display: inline-block;
  width: 1.4rem;
  height: 1.6rem;
  vertical-align: top;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:%23a0a0a0;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1755 -300)'%3E%3Crect class='a' width='14' height='16' transform='translate(1755 300)'/%3E%3Cpath class='b' d='M8.675,3S4.546,6.564,2.238,8.495A.7.7,0,0,0,2,9.007a.667.667,0,0,0,.667.667H4v4.672a.667.667,0,0,0,.667.667h2a.667.667,0,0,0,.667-.667v-2.67h2.67v2.67a.667.667,0,0,0,.667.667h2a.667.667,0,0,0,.667-.667V9.675h1.335a.667.667,0,0,0,.667-.667.654.654,0,0,0-.256-.513C12.8,6.564,8.675,3,8.675,3Z' transform='translate(1753 299)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.is-medium.is-home:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:%2301ACC8;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1755 -300)'%3E%3Crect class='a' width='14' height='16' transform='translate(1755 300)'/%3E%3Cpath class='b' d='M8.675,3S4.546,6.564,2.238,8.495A.7.7,0,0,0,2,9.007a.667.667,0,0,0,.667.667H4v4.672a.667.667,0,0,0,.667.667h2a.667.667,0,0,0,.667-.667v-2.67h2.67v2.67a.667.667,0,0,0,.667.667h2a.667.667,0,0,0,.667-.667V9.675h1.335a.667.667,0,0,0,.667-.667.654.654,0,0,0-.256-.513C12.8,6.564,8.675,3,8.675,3Z' transform='translate(1753 299)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.is-medium.is-blue-check, .icon.is-medium.is-blue-phone, .icon.is-medium.is-fail {
  width: 4rem;
  height: 4rem;
}
.icon.is-medium.is-blue-check ~ .page-title.is-large, .icon.is-medium.is-blue-phone ~ .page-title.is-large, .icon.is-medium.is-fail ~ .page-title.is-large {
  margin: 0.4rem 0 2rem;
}
.icon.is-medium.is-blue-check {
  background-image: url("data:image/svg+xml,%3Csvg id='icon_blue' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect id='사각형_3213' data-name='사각형 3213' width='40' height='40' fill='none'/%3E%3Cpath id='패스_8480' data-name='패스 8480' d='M38,7.724,17.462,28.28,9.83,20.648l2.538-2.538L17.462,23.2l18-18ZM34.022,16.8A14.391,14.391,0,1,1,20,5.6a14.258,14.258,0,0,1,7.7,2.25L30.3,5.258A17.82,17.82,0,0,0,20,2,18.048,18.048,0,1,0,36.92,13.9Z' transform='translate(0 0)' fill='%2301acc8'/%3E%3C/svg%3E%0A");
}
.icon.is-medium.is-fail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='icon_red' transform='translate(-982 -293)'%3E%3Crect id='사각형_3213' data-name='사각형 3213' width='40' height='40' transform='translate(982 293)' fill='none'/%3E%3Cpath id='빼기_2' data-name='빼기 2' d='M11145,15233a18,18,0,1,1,10.276-32.757l-2.648,2.558a14.385,14.385,0,1,0,6.772,12.2,14.476,14.476,0,0,0-.355-3.108l2.933-2.832A17.982,17.982,0,0,1,11145,15233Z' transform='translate(-10143 -14902)' fill='%23f63811'/%3E%3Cpath id='합치기_37' data-name='합치기 37' d='M1555,1211.742l5.844-5.865-5.6-5.618,2.25-2.259,5.6,5.618,5.408-5.427,2.251,2.258-5.409,5.428,5.654,5.674-2.251,2.258-5.654-5.674L1557.25,1214Z' transform='translate(-561 -893)' fill='%23f63811'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon.is-medium.is-new {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2H4C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2Z' fill='%2301ACC8'/%3E%3Cpath d='M14 14H11.7021L8.30733 9.026V14H6V6H8.30733L11.6927 10.974V6H13.9905V14H14Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon.is-medium.is-new:not(:last-child) {
  margin-right: 0.5rem;
}
.icon.is-medium.is-new:last-child {
  margin-left: 0.5rem;
}
.icon.is-medium.is-download {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:%23151515;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='20' height='20' transform='translate(20 20) rotate(180)'/%3E%3Cpath class='b' d='M7.165,12.9H6.21V4.218L2.584,7.839l-.673-.674L6.688,2.389l4.777,4.777-.674.674L7.165,4.218V12.9ZM.955,2.867H0V.955A.956.956,0,0,1,.955,0H12.42a.956.956,0,0,1,.955.955v1.91H12.42V.955H.955V2.866Z' transform='translate(16.688 16.762) rotate(180)'/%3E%3C/svg%3E");
}
.icon.is-medium.is-clip {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23151515;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-239 -188)'%3E%3Crect class='a' width='20' height='20' transform='translate(239 188)'/%3E%3Cpath class='b' d='M11.118,6.845,5.08.807A3.024,3.024,0,0,0,.807,5.08L2.2,6.473l.655-.655L1.462,4.425A2.09,2.09,0,1,1,4.416,1.471l6.038,6.038A2.09,2.09,0,1,1,7.5,10.463L4.653,7.616A1.166,1.166,0,0,1,6.3,5.962L7.769,7.435l.655-.655s-1.5-1.5-1.51-1.5A2.086,2.086,0,0,0,3.97,8.224l2.875,2.894a3.024,3.024,0,0,0,4.273-4.273Z' transform='translate(243 192)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.is-medium.is-complete {
  width: 9rem;
  height: 9rem;
}
.icon.is-medium.is-helpnum {
  width: 7.8rem;
  height: 2.4rem;
  margin-right: 0.6rem;
  text-indent: -999em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='24' viewBox='0 0 78 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232068e4;%7D.b,.c,.d%7Bfill:%23fff;%7D.b%7Bfont-size:14px;font-family:NotoSansCJKkr-Regular, Noto Sans CJK KR;%7D.c%7Bstroke:%23707070;opacity:0;%7D.e%7Bstroke:none;%7D.f%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1170 -635)'%3E%3Crect class='a' width='74' height='24' rx='3' transform='translate(1170 635)'/%3E%3Cpath class='a' d='M3,0,6,6H0Z' transform='translate(1248 644) rotate(90)'/%3E%3Ctext class='b' transform='translate(1217 652)'%3E%3Ctspan x='-19.32' y='0'%3E문의처%3C/tspan%3E%3C/text%3E%3Cg transform='translate(129 3.333)'%3E%3Cg class='c' transform='translate(1049 635.667)'%3E%3Crect class='e' width='16' height='16'/%3E%3Crect class='f' x='0.5' y='0.5' width='15' height='15'/%3E%3C/g%3E%3Cpath class='d' d='M91.5,88.174a5.58,5.58,0,0,0-2.87-1.363,1.09,1.09,0,0,0-.562.136,3.2,3.2,0,0,1-1,.477c-.1,0-.2-.079-.427-.259l-.038-.032a11.6,11.6,0,0,1-1.01-.866l-.062-.06c-.045-.041-.083-.079-.121-.114-.214-.2-.369-.348-.916-.917l-.024-.025c-.262-.272-.434-.449-.444-.579s.11-.332.417-.714a1.456,1.456,0,0,0,.045-1.691,7.721,7.721,0,0,0-1.109-1.461l-.034-.038A1.532,1.532,0,0,0,82.18,80.1a2.182,2.182,0,0,0-1.1.367c-.017.009-.034.022-.052.032a2.079,2.079,0,0,0-.958,1.05c-.2.585-.327,1.344.613,2.921A14.262,14.262,0,0,0,83.4,87.855a16.172,16.172,0,0,0,2.687,2.1A6.556,6.556,0,0,0,89.3,91.228a2.437,2.437,0,0,0,2.215-.945C92.413,89.29,92.041,88.683,91.5,88.174Z' transform='translate(970.541 557.833)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon.is-large.is-star {
  width: 2rem;
  height: 2rem;
}
.icon.is-large.is-close {
  width: 2.4rem;
  height: 2.4rem;
}

.svg.is-inbound-hover path,
.svg.is-inbound-hover line, .svg.is-inbound-focus path,
.svg.is-inbound-focus line, .svg.is-inbound-active path,
.svg.is-inbound-active line {
  stroke: #0354ff;
}
.svg.is-inbound-disabled path,
.svg.is-inbound-disabled line {
  stroke: #d4d4d4;
}

[disabled] .icon.is-search.is-blue {
  stroke: #dbdbdb;
}

.id-photo {
  position: relative;
}
.id-photo img {
  display: block;
}
.id-photo .checkbox.is-setting {
  position: absolute;
  right: 0;
  bottom: 0;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  width: 100%;
  height: auto;
}
.image img.is-round {
  border-radius: 50%;
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  width: 1.6rem;
  height: 1.6rem;
}
.image.is-24x24 {
  width: 2.4rem;
  height: 2.4rem;
}
.image.is-32x32 {
  width: 3.2rem;
  height: 3.2rem;
}
.image.is-48x48 {
  width: 4.8rem;
  height: 4.8rem;
}
.image.is-64x64 {
  width: 6.4rem;
  height: 6.4rem;
}
.image.is-96x96 {
  width: 9.6rem;
  height: 9.6rem;
}
.image.is-128x128 {
  width: 12.8rem;
  height: 12.8rem;
}

.ui-widget {
  font-family: "Noto Sans KR", sans-serif;
}

.list {
  border-top: 0.1rem solid #e5e5e5;
  border-radius: 0.4rem;
  background-color: hsl(0deg, 0%, 100%);
  box-shadow: 0 0.2rem 0.3rem rgba(10, 10, 10, 0.1), 0 0 0 0.1rem rgba(10, 10, 10, 0.1);
}
.list:not(:first-child) {
  margin-top: 2rem;
}
.list:not(:last-child) {
  margin-bottom: 2rem;
}
.list.has-borders {
  border-radius: 0;
  box-shadow: none;
  font-size: 1.6rem;
}
.list.has-borders li {
  border-left: 0.1rem solid #dbdbdb;
  border-right: 0.1rem solid #dbdbdb;
  border-bottom: 0.1rem solid #dbdbdb;
}
.list.has-borders a {
  display: block;
  padding: 0.8rem 4.4rem 0.8rem 1.8rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23dbdbdb' d='M11.4,10,1.4,20,0,18.6,8.6,10,0,1.4,1.4,0Z' transform='translate(10.6 6)'/%3E%3C/svg%3E");
  background-position: calc(100% - 1rem);
  background-size: 2.4rem;
  background-repeat: no-repeat;
  color: #333;
}
.list label {
  display: block;
  position: relative;
  border-bottom: 0.1rem solid #e5e5e5;
  padding: 1.4rem 1.2rem;
}
.list label:hover, .list label.is-hover {
  background-color: #f0f3f9;
}
.list label:focus, .list label.is-focus {
  outline: 0.1rem solid #0354ff;
  outline-offset: -0.1rem;
  background-color: hsl(0deg, 0%, 100%);
}
.list label.is-active, .list label.is-checked {
  background-color: #e5e5e5;
}
fieldset[disabled] .list label, .list label[disabled] {
  color: #cacaca;
}
fieldset[disabled] .list label:hover, fieldset[disabled] .list label.is-hover, fieldset[disabled] .list label:focus, fieldset[disabled] .list label.is-focus, .list label[disabled]:hover, .list label[disabled].is-hover, .list label[disabled]:focus, .list label[disabled].is-focus {
  outline: none;
  background-color: transparent;
}
fieldset[disabled] .list label .icon, .list label[disabled] .icon {
  fill: #e5e5e5;
}
.list dd {
  display: none;
  padding: 1rem;
  background-color: #f0f3f9;
}
.list input {
  display: none;
}
.list input:checked ~ .icon.is-status-checkmark.is-filled {
  display: inline-flex;
}
.list .icon {
  position: absolute;
  top: 50%;
  right: 1.1rem;
  transform: translateY(-50%);
}
.list .icon_status_checkmark_filled {
  display: none;
}

.list-item {
  display: block;
  padding: 0.5em 1em;
}
.list-item:not(a) {
  color: #333;
}
.list-item:first-child {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.list-item:last-child {
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.list-item:not(:last-child) {
  border-bottom: 0.1rem solid #e5e5e5;
}
.list-item.is-active {
  background-color: #8e8e8e;
  color: rgba(0, 0, 0, 0.7);
}

a.list-item {
  background-color: hsl(0deg, 0%, 96%);
  cursor: pointer;
}

.logo {
  width: 21rem;
  height: 2.6rem;
}
.logo.is-login {
  width: 24.5rem;
  height: 2.8rem;
  fill: white;
}
.logo.is-popup {
  width: 14.6rem;
  height: 1.8rem;
  fill: white;
}

.menu {
  overflow-y: auto;
  position: relative;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
  min-width: 22rem;
  width: 22rem;
  height: calc(100vh - 6.1rem);
}
.menu.is-small {
  font-size: 0.75rem;
}
.menu.is-medium {
  font-size: 1rem;
}
.menu.is-large {
  font-size: 1.25rem;
}
.menu.is-absolute {
  position: absolute;
}
.menu.is-closed {
  padding: 0;
  width: 0;
}
.menu.is-closed .menu-label,
.menu.is-closed .menu-list {
  display: none;
}
.menu.is-closed .button.is-menu {
  border-left: 0.1rem solid #dedede;
  border-right: none;
  transform: rotate(180deg);
}
.menu.is-active .container.is-menu-top {
  visibility: visible;
  opacity: 1;
}
.menu.is-active .field.is-menu-bottom {
  visibility: visible;
  opacity: 1;
}
.menu.is-active .icon.is-inbound {
  transform: none;
}
.menu.is-active ~ .sub-page .columns.are-mdi {
  max-width: 168rem;
}
.menu ~ .sub-page {
  width: 100%;
}

.sub-menu {
  overflow: hidden;
  opacity: 0;
  margin: 0;
  height: 0;
  background-color: #F2FBFC;
}
.sub-menu > li {
  padding-left: 1.2rem;
}
.sub-menu > li > a {
  display: inline-block;
  position: relative;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.46;
  color: #666;
}
.sub-menu > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.2rem;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.2rem;
  background-color: #b9b9b9;
}
.sub-menu > li:not(:last-child) {
  margin-bottom: 1.4rem;
}
.sub-menu > li:hover > a, .sub-menu > li.is-hover > a, .sub-menu > li:focus > a, .sub-menu > li.is-focus > a, .sub-menu > li.is-active > a {
  color: #333;
}
.sub-menu > li:hover > a::before, .sub-menu > li.is-hover > a::before, .sub-menu > li:focus > a::before, .sub-menu > li.is-focus > a::before, .sub-menu > li.is-active > a::before {
  background-color: #333;
}
.sub-menu > li.is-active > a::before {
  height: 0.2rem;
}

.button.is-inbound {
  position: absolute;
  top: 0;
  right: -3.8rem;
  z-index: 10;
  border: 0.1rem solid transparent;
  border-right-color: #dedede !important;
  border-bottom-color: #dedede;
  padding: 0 0.1rem 0.1rem 0;
  min-width: auto;
  height: auto;
  background-color: transparent;
  cursor: pointer;
}

.menu-list > li > a {
  display: block;
  position: relative;
  border-bottom: 0.1rem solid #eaeaea;
  padding: 1.4rem 1.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.46;
  color: #666;
}
.menu-list > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 1.4rem;
  height: 0.2rem;
  background-color: #ccc;
  transform: translateY(-50%);
}
.menu-list > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.1rem;
  width: 0.2rem;
  height: 1.4rem;
  background-color: #ccc;
  transform: translateY(-50%);
}
.menu-list > li > a:hover::after {
  border-color: #151515;
}
.menu-list > li:hover > a, .menu-list > li.is-hover > a, .menu-list > li:focus > a, .menu-list > li.is-focus > a {
  color: #fff;
  background-color: #01ACC8;
}
.menu-list > li:hover > a::before, .menu-list > li:hover > a::after, .menu-list > li.is-hover > a::before, .menu-list > li.is-hover > a::after, .menu-list > li:focus > a::before, .menu-list > li:focus > a::after, .menu-list > li.is-focus > a::before, .menu-list > li.is-focus > a::after {
  background-color: #fff;
}
.menu-list > li.is-active > a {
  color: #fff;
  background-color: #01ACC8;
}
.menu-list > li.is-active > a::before, .menu-list > li.is-active > a::after {
  background-color: #fff;
}
.menu-list > li.is-active .sub-menu {
  overflow: auto;
  height: auto;
  padding: 1.5rem 1.3rem;
  opacity: 1;
}
.menu-list > li.is-active > a::after {
  content: none;
}

.menu-label {
  transition: opacity 0.1s;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  color: #0354ff;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}

.field.is-menu-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #dbdbdb;
  padding: 0 1.1rem;
  height: 4rem;
  background-color: #f0f3f9;
  visibility: hidden;
  opacity: 0;
  transition: 0.1s;
}
.field.is-menu-bottom .control {
  width: 100%;
}

.message {
  background-color: hsl(0deg, 0%, 96%);
  font-size: 0.875rem;
}
.message:not(:first-child) {
  margin-top: 2rem;
}
.message:not(:last-child) {
  margin-bottom: 2rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.75rem;
}
.message.is-medium {
  font-size: 1rem;
}
.message.is-large {
  font-size: 1.25rem;
}
.message.is-primary {
  background-color: #01ACC8;
}
.message.is-primary .message-header {
  background-color: #01ACC8;
  color: white;
}
.message.is-primary .message-body {
  border-color: #01ACC8;
  color: #4FCCE1;
}
.message.is-secondary {
  background-color: #bcbcbc;
}
.message.is-secondary .message-header {
  background-color: #bcbcbc;
  color: white;
}
.message.is-secondary .message-body {
  border-color: #bcbcbc;
  color: #d4d4d4;
}
.message.is-outline.is-primary {
  background-color: #01ACC8;
}
.message.is-outline.is-primary .message-header {
  background-color: white;
  color: #01ACC8;
}
.message.is-outline.is-primary .message-body {
  border-color: white;
  color: #F2FBFC;
}
.message.is-outline.is-secondary {
  background-color: #E0E0E0;
}
.message.is-outline.is-secondary .message-header {
  background-color: white;
  color: #333;
}
.message.is-outline.is-secondary .message-body {
  border-color: white;
  color: white;
}
.message.is-modify.is-primary {
  background-color: #bebebe;
}
.message.is-modify.is-primary .message-header {
  background-color: white;
  color: #333;
}
.message.is-modify.is-primary .message-body {
  border-color: white;
  color: #629dff;
}
.message.is-modify.is-secondary {
  background-color: #e5e5e5;
}
.message.is-modify.is-secondary .message-header {
  background-color: #f0f3f9;
  color: #585858;
}
.message.is-modify.is-secondary .message-body {
  border-color: #f0f3f9;
  color: #f0f3f9;
}
.message.is-search {
  background-color: #01ACC8;
}
.message.is-search .message-header {
  background-color: #01ACC8;
  color: white;
}
.message.is-search .message-body {
  border-color: #01ACC8;
  color: #4FCCE1;
}
.message.is-refresh {
  background-color: #007E92;
}
.message.is-refresh .message-header {
  background-color: white;
  color: #007E92;
}
.message.is-refresh .message-body {
  border-color: white;
  color: white;
}
.message.is-shuffle {
  background-color: #dedede;
}
.message.is-shuffle .message-header {
  background-color: white;
  color: #dedede;
}
.message.is-shuffle .message-body {
  border-color: white;
  color: white;
}
.message.is-ghost {
  background-color: transparent;
}
.message.is-ghost .message-header {
  background-color: transparent;
  color: transparent;
}
.message.is-ghost .message-body {
  border-color: transparent;
  color: transparent;
}
.message.is-info {
  background-color: #0032fa;
}
.message.is-info .message-header {
  background-color: #0032fa;
  color: white;
}
.message.is-info .message-body {
  border-color: #0032fa;
  color: #0626a9;
}
.message.is-success {
  background-color: #24a148;
}
.message.is-success .message-header {
  background-color: #24a148;
  color: white;
}
.message.is-success .message-body {
  border-color: #24a148;
  color: #050d07;
}
.message.is-warning {
  background-color: #f1c21b;
}
.message.is-warning .message-header {
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
  border-color: #f1c21b;
  color: black;
}
.message.is-error {
  background-color: #da1e28;
}
.message.is-error .message-header {
  background-color: #da1e28;
  color: white;
}
.message.is-error .message-body {
  border-color: #da1e28;
  color: #7d181e;
}

.message-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.4rem 0.4rem 0 0;
  padding: 0.75em 1em;
  background-color: #f0f3f9;
  color: #333;
  font-weight: 700;
  line-height: 1.25;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-width: 0 0 0 0.4rem;
  border-style: solid;
  border-color: #e5e5e5;
  border-radius: 0.4rem;
  padding: 1.25em 1.5em;
  color: #333;
}
.message-body code,
.message-body pre {
  background-color: hsl(0deg, 0%, 100%);
}
.message-body pre code {
  background-color: transparent;
}

.modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal .form:not(:last-child) {
  margin-bottom: 2rem;
}
.modal.is-active {
  display: flex;
}

.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.7);
}

.modal-content,
.modal-card {
  width: 71.8rem;
}

.modal-close {
  position: relative;
  border: none;
  padding: 0;
  width: 1.8rem;
  height: 1.8rem;
  background-color: transparent;
  position: fixed;
  top: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  background: none;
}
.modal-close::before, .modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #999;
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal-close::before {
  width: 100%;
  height: 0.1rem;
}
.modal-close::after {
  width: 0.1rem;
  height: 100%;
}
fieldset[disabled] .modal-close, .modal-close[disabled] {
  background-color: transparent;
}
fieldset[disabled] .modal-close::before, fieldset[disabled] .modal-close::after, .modal-close[disabled]::before, .modal-close[disabled]::after {
  background-color: #cacaca;
}
.modal-close.is-small {
  min-width: 1.6rem;
  min-height: 1.6rem;
  max-width: 1.6rem;
  max-height: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.modal-close.is-medium {
  min-width: 2.4rem;
  min-height: 2.4rem;
  max-width: 2.4rem;
  max-height: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}
.modal-close.is-large {
  min-width: 3.2rem;
  min-height: 3.2rem;
  max-width: 3.2rem;
  max-height: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
}

.modal-card {
  position: absolute !important;
  border: 0.1rem solid #003288;
  width: 72rem;
  background-color: white;
}
.modal-card.is-confirm {
  width: 35.4rem;
  font-size: 1.3rem;
  font-weight: 500;
}
.modal-card.is-confirm .modal-card-header {
  padding-top: 1.5rem;
  padding-bottom: 0.8rem;
}
.modal-card.is-confirm .modal-card-body {
  padding: 3rem 0 1rem;
  text-align: center;
}
.modal-card.is-confirm .modal-card-footer:last-child {
  padding: 1.5rem 0 2.8rem;
}
.modal-card.is-confirm .icon {
  margin-right: 0.4rem;
}
.modal-card.is-confirm .button {
  width: 9.4rem;
  height: 3.2rem;
}

.modal-card-header,
.modal-card-footer {
  display: flex;
  align-items: center;
}

.modal-card-header {
  border-bottom: 0.1rem solid #e5e5e5;
  justify-content: space-between;
  margin: 0 3rem;
  padding: 1.5rem 0 1.2rem;
}

.card-title {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.32px;
}

.modal-card-footer:last-child {
  padding-bottom: 3rem;
}
.modal-card-footer .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  padding: 1.7rem 2.8rem;
  background-color: hsl(0deg, 0%, 100%);
}
.modal-card-body .table-title {
  font-size: 1.3rem;
}

.modal-message {
  text-align: left;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  /* min-width: 128rem; */
  height: 6rem;
  box-sizing: content-box;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
}
.navbar.is-primary {
  background-color: #01ACC8;
  color: white;
}
.navbar.is-primary .navbar-logo > .navbar-item,
.navbar.is-primary .navbar-logo .navbar-link {
  color: white;
}
.navbar.is-primary .navbar-logo > a.navbar-item:hover, .navbar.is-primary .navbar-logo > a.navbar-item:focus, .navbar.is-primary .navbar-logo > a.navbar-item.is-active,
.navbar.is-primary .navbar-logo .navbar-link:hover,
.navbar.is-primary .navbar-logo .navbar-link:focus,
.navbar.is-primary .navbar-logo .navbar-link.is-active {
  background-color: #0196af;
  color: white;
}
.navbar.is-primary .navbar-logo .navbar-link::after {
  border-color: white;
}
.navbar.is-primary .navbar-burger {
  color: white;
}
.navbar.is-secondary {
  background-color: #bcbcbc;
  color: white;
}
.navbar.is-secondary .navbar-logo > .navbar-item,
.navbar.is-secondary .navbar-logo .navbar-link {
  color: white;
}
.navbar.is-secondary .navbar-logo > a.navbar-item:hover, .navbar.is-secondary .navbar-logo > a.navbar-item:focus, .navbar.is-secondary .navbar-logo > a.navbar-item.is-active,
.navbar.is-secondary .navbar-logo .navbar-link:hover,
.navbar.is-secondary .navbar-logo .navbar-link:focus,
.navbar.is-secondary .navbar-logo .navbar-link.is-active {
  background-color: #afafaf;
  color: white;
}
.navbar.is-secondary .navbar-logo .navbar-link::after {
  border-color: white;
}
.navbar.is-secondary .navbar-burger {
  color: white;
}
.navbar.is-outline.is-primary {
  background-color: white;
  color: #01ACC8;
}
.navbar.is-outline.is-primary .navbar-logo > .navbar-item,
.navbar.is-outline.is-primary .navbar-logo .navbar-link {
  color: #01ACC8;
}
.navbar.is-outline.is-primary .navbar-logo > a.navbar-item:hover, .navbar.is-outline.is-primary .navbar-logo > a.navbar-item:focus, .navbar.is-outline.is-primary .navbar-logo > a.navbar-item.is-active,
.navbar.is-outline.is-primary .navbar-logo .navbar-link:hover,
.navbar.is-outline.is-primary .navbar-logo .navbar-link:focus,
.navbar.is-outline.is-primary .navbar-logo .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #01ACC8;
}
.navbar.is-outline.is-primary .navbar-logo .navbar-link::after {
  border-color: #01ACC8;
}
.navbar.is-outline.is-primary .navbar-burger {
  color: #01ACC8;
}
.navbar.is-outline.is-secondary {
  background-color: white;
  color: #333;
}
.navbar.is-outline.is-secondary .navbar-logo > .navbar-item,
.navbar.is-outline.is-secondary .navbar-logo .navbar-link {
  color: #333;
}
.navbar.is-outline.is-secondary .navbar-logo > a.navbar-item:hover, .navbar.is-outline.is-secondary .navbar-logo > a.navbar-item:focus, .navbar.is-outline.is-secondary .navbar-logo > a.navbar-item.is-active,
.navbar.is-outline.is-secondary .navbar-logo .navbar-link:hover,
.navbar.is-outline.is-secondary .navbar-logo .navbar-link:focus,
.navbar.is-outline.is-secondary .navbar-logo .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #333;
}
.navbar.is-outline.is-secondary .navbar-logo .navbar-link::after {
  border-color: #333;
}
.navbar.is-outline.is-secondary .navbar-burger {
  color: #333;
}
.navbar.is-modify.is-primary {
  background-color: white;
  color: #333;
}
.navbar.is-modify.is-primary .navbar-logo > .navbar-item,
.navbar.is-modify.is-primary .navbar-logo .navbar-link {
  color: #333;
}
.navbar.is-modify.is-primary .navbar-logo > a.navbar-item:hover, .navbar.is-modify.is-primary .navbar-logo > a.navbar-item:focus, .navbar.is-modify.is-primary .navbar-logo > a.navbar-item.is-active,
.navbar.is-modify.is-primary .navbar-logo .navbar-link:hover,
.navbar.is-modify.is-primary .navbar-logo .navbar-link:focus,
.navbar.is-modify.is-primary .navbar-logo .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #333;
}
.navbar.is-modify.is-primary .navbar-logo .navbar-link::after {
  border-color: #333;
}
.navbar.is-modify.is-primary .navbar-burger {
  color: #333;
}
.navbar.is-modify.is-secondary {
  background-color: #f0f3f9;
  color: #585858;
}
.navbar.is-modify.is-secondary .navbar-logo > .navbar-item,
.navbar.is-modify.is-secondary .navbar-logo .navbar-link {
  color: #585858;
}
.navbar.is-modify.is-secondary .navbar-logo > a.navbar-item:hover, .navbar.is-modify.is-secondary .navbar-logo > a.navbar-item:focus, .navbar.is-modify.is-secondary .navbar-logo > a.navbar-item.is-active,
.navbar.is-modify.is-secondary .navbar-logo .navbar-link:hover,
.navbar.is-modify.is-secondary .navbar-logo .navbar-link:focus,
.navbar.is-modify.is-secondary .navbar-logo .navbar-link.is-active {
  background-color: #dee4f2;
  color: #585858;
}
.navbar.is-modify.is-secondary .navbar-logo .navbar-link::after {
  border-color: #585858;
}
.navbar.is-modify.is-secondary .navbar-burger {
  color: #585858;
}
.navbar.is-search {
  background-color: #01ACC8;
  color: white;
}
.navbar.is-search .navbar-logo > .navbar-item,
.navbar.is-search .navbar-logo .navbar-link {
  color: white;
}
.navbar.is-search .navbar-logo > a.navbar-item:hover, .navbar.is-search .navbar-logo > a.navbar-item:focus, .navbar.is-search .navbar-logo > a.navbar-item.is-active,
.navbar.is-search .navbar-logo .navbar-link:hover,
.navbar.is-search .navbar-logo .navbar-link:focus,
.navbar.is-search .navbar-logo .navbar-link.is-active {
  background-color: #0196af;
  color: white;
}
.navbar.is-search .navbar-logo .navbar-link::after {
  border-color: white;
}
.navbar.is-search .navbar-burger {
  color: white;
}
.navbar.is-refresh {
  background-color: white;
  color: #007E92;
}
.navbar.is-refresh .navbar-logo > .navbar-item,
.navbar.is-refresh .navbar-logo .navbar-link {
  color: #007E92;
}
.navbar.is-refresh .navbar-logo > a.navbar-item:hover, .navbar.is-refresh .navbar-logo > a.navbar-item:focus, .navbar.is-refresh .navbar-logo > a.navbar-item.is-active,
.navbar.is-refresh .navbar-logo .navbar-link:hover,
.navbar.is-refresh .navbar-logo .navbar-link:focus,
.navbar.is-refresh .navbar-logo .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #007E92;
}
.navbar.is-refresh .navbar-logo .navbar-link::after {
  border-color: #007E92;
}
.navbar.is-refresh .navbar-burger {
  color: #007E92;
}
.navbar.is-shuffle {
  background-color: white;
  color: #dedede;
}
.navbar.is-shuffle .navbar-logo > .navbar-item,
.navbar.is-shuffle .navbar-logo .navbar-link {
  color: #dedede;
}
.navbar.is-shuffle .navbar-logo > a.navbar-item:hover, .navbar.is-shuffle .navbar-logo > a.navbar-item:focus, .navbar.is-shuffle .navbar-logo > a.navbar-item.is-active,
.navbar.is-shuffle .navbar-logo .navbar-link:hover,
.navbar.is-shuffle .navbar-logo .navbar-link:focus,
.navbar.is-shuffle .navbar-logo .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #dedede;
}
.navbar.is-shuffle .navbar-logo .navbar-link::after {
  border-color: #dedede;
}
.navbar.is-shuffle .navbar-burger {
  color: #dedede;
}
.navbar.is-ghost {
  background-color: transparent;
  color: transparent;
}
.navbar.is-ghost .navbar-logo > .navbar-item,
.navbar.is-ghost .navbar-logo .navbar-link {
  color: transparent;
}
.navbar.is-ghost .navbar-logo > a.navbar-item:hover, .navbar.is-ghost .navbar-logo > a.navbar-item:focus, .navbar.is-ghost .navbar-logo > a.navbar-item.is-active,
.navbar.is-ghost .navbar-logo .navbar-link:hover,
.navbar.is-ghost .navbar-logo .navbar-link:focus,
.navbar.is-ghost .navbar-logo .navbar-link.is-active {
  background-color: rgba(0, 0, 0, 0);
  color: transparent;
}
.navbar.is-ghost .navbar-logo .navbar-link::after {
  border-color: transparent;
}
.navbar.is-ghost .navbar-burger {
  color: transparent;
}
.navbar.is-info {
  background-color: #0032fa;
  color: white;
}
.navbar.is-info .navbar-logo > .navbar-item,
.navbar.is-info .navbar-logo .navbar-link {
  color: white;
}
.navbar.is-info .navbar-logo > a.navbar-item:hover, .navbar.is-info .navbar-logo > a.navbar-item:focus, .navbar.is-info .navbar-logo > a.navbar-item.is-active,
.navbar.is-info .navbar-logo .navbar-link:hover,
.navbar.is-info .navbar-logo .navbar-link:focus,
.navbar.is-info .navbar-logo .navbar-link.is-active {
  background-color: #002de1;
  color: white;
}
.navbar.is-info .navbar-logo .navbar-link::after {
  border-color: white;
}
.navbar.is-info .navbar-burger {
  color: white;
}
.navbar.is-success {
  background-color: #24a148;
  color: white;
}
.navbar.is-success .navbar-logo > .navbar-item,
.navbar.is-success .navbar-logo .navbar-link {
  color: white;
}
.navbar.is-success .navbar-logo > a.navbar-item:hover, .navbar.is-success .navbar-logo > a.navbar-item:focus, .navbar.is-success .navbar-logo > a.navbar-item.is-active,
.navbar.is-success .navbar-logo .navbar-link:hover,
.navbar.is-success .navbar-logo .navbar-link:focus,
.navbar.is-success .navbar-logo .navbar-link.is-active {
  background-color: #1f8c3f;
  color: white;
}
.navbar.is-success .navbar-logo .navbar-link::after {
  border-color: white;
}
.navbar.is-success .navbar-burger {
  color: white;
}
.navbar.is-warning {
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-logo > .navbar-item,
.navbar.is-warning .navbar-logo .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-logo > a.navbar-item:hover, .navbar.is-warning .navbar-logo > a.navbar-item:focus, .navbar.is-warning .navbar-logo > a.navbar-item.is-active,
.navbar.is-warning .navbar-logo .navbar-link:hover,
.navbar.is-warning .navbar-logo .navbar-link:focus,
.navbar.is-warning .navbar-logo .navbar-link.is-active {
  background-color: #e4b50e;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-logo .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-error {
  background-color: #da1e28;
  color: white;
}
.navbar.is-error .navbar-logo > .navbar-item,
.navbar.is-error .navbar-logo .navbar-link {
  color: white;
}
.navbar.is-error .navbar-logo > a.navbar-item:hover, .navbar.is-error .navbar-logo > a.navbar-item:focus, .navbar.is-error .navbar-logo > a.navbar-item.is-active,
.navbar.is-error .navbar-logo .navbar-link:hover,
.navbar.is-error .navbar-logo .navbar-link:focus,
.navbar.is-error .navbar-logo .navbar-link.is-active {
  background-color: #c41b24;
  color: white;
}
.navbar.is-error .navbar-logo .navbar-link::after {
  border-color: white;
}
.navbar.is-error .navbar-burger {
  color: white;
}
.navbar ~ .columns {
  min-width: 128rem;
}
.navbar > .container {
  display: flex;
  align-items: stretch;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 0.2rem 0 0 hsl(0deg, 0%, 96%);
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -0.2rem 0 0 hsl(0deg, 0%, 96%);
}
.navbar.is-fixed-top {
  top: 0;
}

.navbar-left {
  display: flex;
  font-weight: 700;
  font-size: 1.6rem;
}
.navbar-left .navbar-item {
  position: relative;
  color: #d6e0eb;
}
.navbar-left .navbar-item:hover, .navbar-left .navbar-item.is-hover {
  color: white;
}
.navbar-left .navbar-item:focus::before, .navbar-left .navbar-item.is-focus::before, .navbar-left .navbar-item.is-active::before {
  content: "";
  position: absolute;
}
.navbar-left .navbar-item:not(:last-child) {
  margin-right: 5.6rem;
}
.navbar-left .navbar-item.is-active::before {
  top: calc(50% - 0.2rem);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.6rem;
  height: 1.2rem;
  background-color: #dde4f2;
  opacity: 0.35;
}

.navbar-right .navbar-item {
  display: flex;
  align-items: center;
}
.navbar-right .navbar-item:not(:last-child) {
  margin-right: 2rem;
}

.navbar-logo,
.navbar-tabs {
  flex: none;
  display: flex;
  justify-content: flex-start;
  width: 22rem;
  margin-left: 1.6rem;
}

.navbar-logo a {
  display: block;
}

.navbar-logo a.navbar-item:focus, .navbar-logo a.navbar-item:hover {
  background-color: transparent;
}
.navbar-logo .icon.is-logo {
  display: block;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100vw;
}

.navbar-burger {
  display: block;
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  cursor: pointer;
  margin-left: auto;
  color: hsl(0deg, 0%, 100%);
}
.navbar-burger span {
  display: block;
  position: absolute;
  left: calc(50% - 0.8rem);
  width: 1.6rem;
  height: 0.1rem;
  background-color: currentColor;
  transition-timing-function: ease-out;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transform-origin: center;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 0.6rem);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 0.1rem);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 0.4rem);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(0.5rem) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-0.5rem) rotate(-45deg);
}

.navbar-menu {
  display: flex;
  justify-content: flex-end;
  width: 138rem;
  margin-right: 1.6rem;
}

.navbar-item span {
  font-size: 1.4rem;
  color: #434343;
}
.navbar-item span strong {
  font-weight: 500;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 0.1rem solid transparent;
  padding-bottom: 0.4rem;
  min-height: 3.25rem;
}
.navbar-item.is-tab:hover, .navbar-item.is-tab:focus {
  border-bottom-color: #8e8e8e;
  background-color: transparent;
}
.navbar-item.is-tab.is-active {
  border-bottom-width: 0.3rem;
  border-bottom-style: solid;
  border-bottom-color: #8e8e8e;
  padding-bottom: 0.2rem;
  background-color: transparent;
  color: #8e8e8e;
}
.navbar-item.is-logout:hover .icon, .navbar-item.is-logout:focus .icon {
  stroke: #007e92;
}
.navbar-item.is-logout:hover span, .navbar-item.is-logout:focus span {
  color: #007e92;
}
.navbar-item.is-active {
  font-weight: 700;
  color: white;
}
.navbar-item .navbar-alarm {
  position: relative;
  width: 4rem;
  height: 2rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.5C10.4142 1.5 10.75 1.83579 10.75 2.25V3.37623C12.9351 3.55693 14.3374 4.53825 15.164 5.94746C16.0376 7.4368 16.2046 9.30108 16.2046 10.8654C16.2046 12.2333 16.6587 13.3309 17.1192 14.0929C17.3492 14.4734 17.5783 14.766 17.7471 14.9606C17.8313 15.0577 17.8998 15.1297 17.9451 15.1754C17.9677 15.1983 17.9845 15.2145 17.9944 15.224L18.004 15.233L18.003 15.2321C18.233 15.44 18.3114 15.7682 18.2001 16.0577C18.0887 16.3473 17.8104 16.5385 17.5 16.5385H13.3724C13.3099 16.7879 13.2084 17.0831 13.0425 17.3827C12.8197 17.7847 12.4783 18.1982 11.9634 18.508C11.4473 18.8186 10.7983 19 10 19C9.20175 19 8.55279 18.8186 8.03665 18.508C7.52171 18.1982 7.18034 17.7847 6.95761 17.3827C6.79168 17.0831 6.69019 16.7879 6.62767 16.5385H2.50003C2.18969 16.5385 1.9114 16.3473 1.80001 16.0577C1.68894 15.7688 1.76668 15.4415 1.99551 15.2335L2.00567 15.224C2.01558 15.2145 2.03233 15.1983 2.05496 15.1754C2.10024 15.1297 2.16881 15.0577 2.25299 14.9606C2.42172 14.766 2.65087 14.4734 2.88087 14.0929C3.34134 13.3309 3.79549 12.2333 3.79549 10.8654C3.79549 9.30108 3.96247 7.4368 4.83606 5.94746C5.66266 4.53825 7.06492 3.55693 9.25003 3.37623V2.25C9.25003 1.83579 9.58582 1.5 10 1.5ZM1.99707 15.2321C1.99691 15.2322 1.99723 15.232 1.99707 15.2321V15.2321ZM8.21027 16.5385C8.22836 16.5776 8.24813 16.6168 8.26972 16.6558C8.3879 16.8691 8.55789 17.0711 8.81001 17.2228C9.06091 17.3737 9.43467 17.5 10 17.5C10.5654 17.5 10.9392 17.3737 11.1901 17.2228C11.4422 17.0711 11.6122 16.8691 11.7303 16.6558C11.7519 16.6168 11.7717 16.5776 11.7898 16.5385H8.21027ZM4.05917 15.0385C4.09425 14.9835 4.12946 14.9269 4.16465 14.8687C4.7269 13.9383 5.29549 12.5744 5.29549 10.8654C5.29549 9.35277 5.46941 7.83243 6.12991 6.70638C6.74646 5.65527 7.84686 4.84615 10 4.84615C12.1532 4.84615 13.2536 5.65527 13.8702 6.70638C14.5307 7.83243 14.7046 9.35277 14.7046 10.8654C14.7046 12.5744 15.2732 13.9383 15.8354 14.8687C15.8706 14.9269 15.9058 14.9835 15.9409 15.0385H4.05917Z' fill='%239D9D9D'/%3E%3C/svg%3E%0A");
}
.navbar-item .navbar-alarm:after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0.4rem;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #e0e0e0;
  content: "";
}
.navbar-item .navbar-alarm:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.5C10.4142 1.5 10.75 1.83579 10.75 2.25V3.37623C12.9351 3.55693 14.3374 4.53825 15.164 5.94746C16.0376 7.4368 16.2046 9.30108 16.2046 10.8654C16.2046 12.2333 16.6587 13.3309 17.1192 14.0929C17.3492 14.4734 17.5783 14.766 17.7471 14.9606C17.8313 15.0577 17.8998 15.1297 17.9451 15.1754C17.9677 15.1983 17.9845 15.2145 17.9944 15.224L18.004 15.233L18.003 15.2321C18.233 15.44 18.3114 15.7682 18.2001 16.0577C18.0887 16.3473 17.8104 16.5385 17.5 16.5385H13.3724C13.3099 16.7879 13.2084 17.0831 13.0425 17.3827C12.8197 17.7847 12.4783 18.1982 11.9634 18.508C11.4473 18.8186 10.7983 19 10 19C9.20175 19 8.55279 18.8186 8.03665 18.508C7.52171 18.1982 7.18034 17.7847 6.95761 17.3827C6.79168 17.0831 6.69019 16.7879 6.62767 16.5385H2.50003C2.18969 16.5385 1.9114 16.3473 1.80001 16.0577C1.68894 15.7688 1.76668 15.4415 1.99551 15.2335L2.00567 15.224C2.01558 15.2145 2.03233 15.1983 2.05496 15.1754C2.10024 15.1297 2.16881 15.0577 2.25299 14.9606C2.42172 14.766 2.65087 14.4734 2.88087 14.0929C3.34134 13.3309 3.79549 12.2333 3.79549 10.8654C3.79549 9.30108 3.96247 7.4368 4.83606 5.94746C5.66266 4.53825 7.06492 3.55693 9.25003 3.37623V2.25C9.25003 1.83579 9.58582 1.5 10 1.5ZM8.21027 16.5385C8.22836 16.5776 8.24813 16.6168 8.26972 16.6558C8.3879 16.8691 8.55789 17.0711 8.81001 17.2228C9.06091 17.3737 9.43467 17.5 10 17.5C10.5654 17.5 10.9392 17.3737 11.1901 17.2228C11.4422 17.0711 11.6122 16.8691 11.7303 16.6558C11.7519 16.6168 11.7717 16.5776 11.7898 16.5385H8.21027ZM4.05917 15.0385C4.09425 14.9835 4.12946 14.9269 4.16465 14.8687C4.7269 13.9383 5.29549 12.5744 5.29549 10.8654C5.29549 9.35277 5.46941 7.83243 6.12991 6.70638C6.74646 5.65527 7.84686 4.84615 10 4.84615C12.1532 4.84615 13.2536 5.65527 13.8702 6.70638C14.5307 7.83243 14.7046 9.35277 14.7046 10.8654C14.7046 12.5744 15.2732 13.9383 15.8354 14.8687C15.8706 14.9269 15.9058 14.9835 15.9409 15.0385H4.05917Z' fill='%23007E92'/%3E%3C/svg%3E%0A");
}
.navbar-item .navbar-alarm .navbar-alarmNum {
  display: inline-block;
  position: absolute;
  left: 1.2rem;
  top: -0.3rem;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.4rem;
  border-radius: 1.2rem;
  background-color: #007e92;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  text-align: center;
}
.navbar-item .navbar-alarm .navbar-alarmNum.is-none {
  display: none;
}
.navbar-item .navbar-alarm .navbar-alarmNum.is-single {
  width: 1.5rem;
  padding: 0;
}
.navbar-item .navbar-alarm .navbar-alarmNum.is-plus {
  left: 0.9rem;
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.2rem);
  border: 0.2rem solid transparent;
  border-right: none;
  border-bottom: none;
  width: 0.7rem;
  height: 0.7rem;
  transform: translateY(-50%) rotate(-135deg);
  pointer-events: none;
  right: 1.125em;
  margin-top: -0.375em;
  border-color: #8e8e8e;
}

.navbar-dropdown {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  display: none;
  margin: 0.5rem 0;
  border: none;
  height: 0.2rem;
  background-color: hsl(0deg, 0%, 96%);
}

.navbar-right {
  display: flex;
}
.navbar-right .icon {
  margin-right: 0.5rem;
}
.navbar-right .navbar-item span {
  position: relative;
  vertical-align: middle;
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.navbar-logo a.main-logo {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #727171;
  font-family: "SpoqaHanSansNeo-Regular";
}
.navbar-logo a.main-logo img {
  margin: -0.2rem 0.5rem 0 0;
}

.notification {
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative;
  border: 0.1rem solid;
  border-left-width: 0.4rem;
}
.notification:not(:first-child) {
  margin-top: 2rem;
}
.notification:not(:last-child) {
  margin-bottom: 2rem;
}
.notification a:not(.button):not(.dropdown-item) {
  text-decoration: underline;
  color: currentColor;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: hsl(0deg, 0%, 100%);
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-info {
  border-color: #0032fa;
  border-left-color: #0032fa;
  background-color: #edf4ff;
  background-image: url("data:image/svg+xml;base64,test");
}
.notification.is-success {
  border-color: #24a148;
  border-left-color: #24a148;
  background-color: #dafbe4;
  background-image: url("data:image/svg+xml;base64,test");
}
.notification.is-warning {
  border-color: #f1c21b;
  border-left-color: #f1c21b;
  background-color: #fff8e1;
  background-image: url("data:image/svg+xml;base64,test");
}
.notification.is-error {
  border-color: #da1e28;
  border-left-color: #da1e28;
  background-color: #fff0f1;
  background-image: url("data:image/svg+xml;base64,test");
}

.block:not(:first-child) {
  margin-top: 2rem;
}
.block:not(:last-child) {
  margin-bottom: 2rem;
}

.delete {
  position: relative;
  border: none;
  padding: 0;
  width: 1.8rem;
  height: 1.8rem;
  background-color: transparent;
}
.delete::before, .delete::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #999;
  transform: translate(-50%, -50%) rotate(45deg);
}
.delete::before {
  width: 100%;
  height: 0.1rem;
}
.delete::after {
  width: 0.1rem;
  height: 100%;
}
fieldset[disabled] .delete, .delete[disabled] {
  background-color: transparent;
}
fieldset[disabled] .delete::before, fieldset[disabled] .delete::after, .delete[disabled]::before, .delete[disabled]::after {
  background-color: #cacaca;
}
.delete.is-small {
  min-width: 1.6rem;
  min-height: 1.6rem;
  max-width: 1.6rem;
  max-height: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.delete.is-medium {
  min-width: 2.4rem;
  min-height: 2.4rem;
  max-width: 2.4rem;
  max-height: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}
.delete.is-large {
  min-width: 3.2rem;
  min-height: 3.2rem;
  max-width: 3.2rem;
  max-height: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
}

.heading {
  display: block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 1.1rem;
}

.loader {
  content: "";
  display: block;
  position: relative;
  border: 0.2rem solid hsl(0deg, 0%, 86%);
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spinAround 500ms infinite linear;
}

.number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  border-radius: 50%;
  padding: 0.25rem 0.5rem;
  min-width: 2.5em;
  height: 2em;
  background-color: hsl(0deg, 0%, 96%);
  vertical-align: top;
  text-align: center;
  font-size: 1rem;
}

.page-title {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.46;
}
.page-title .checkbox.is-star {
  margin-right: 0.7rem;
}
.page-title .columns {
  margin-top: -0.2rem;
}
.page-title:not(:last-child) {
  margin-bottom: 1rem;
}
.page-title.is-modeless {
  margin-top: 0.7rem;
  font-size: 1.5rem;
  font-weight: 800;
}
.page-title.is-modeless:not(:last-child) {
  margin-bottom: 0.9rem;
}
.page-title.is-large {
  font-size: 3rem;
  line-height: 1.5;
}
.page-title ~ .page-title-guide {
  margin-top: -0.5rem;
}
.page-title.are-centered {
  text-align: center;
}
.page-title.are-centered ~ .page-title-guide {
  margin-bottom: 4rem;
  text-align: center;
}

.sub-page {
  position: relative;
  padding: 2rem 0 2rem 4rem;
  /* max-width: 168rem; */
  height: auto;
  overflow: auto;
  background-color: hsl(0deg, 0%, 100%);
}
.sub-page.is-modeless {
  padding: 1.5rem 3rem;
  max-width: 100%;
  height: 100vh;
}
.sub-page.is-scroll {
  max-height: calc(100vh - 9.8rem);
}

.sub-page-body {
  transition: 0.1s;
}
.sub-page-body.in-iframe {
  height: 100vh;
}

.panel {
  border-radius: 0.6rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0rem 0 0.1rem rgba(10, 10, 10, 0.02);
  font-size: 0.875rem;
}
.panel:not(:last-child) {
  margin-bottom: 2rem;
}
.panel.is-primary .panel-heading {
  background-color: #01ACC8;
  color: white;
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #01ACC8;
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: #01ACC8;
}
.panel.is-secondary .panel-heading {
  background-color: #bcbcbc;
  color: white;
}
.panel.is-secondary .panel-tabs a.is-active {
  border-bottom-color: #bcbcbc;
}
.panel.is-secondary .panel-block.is-active .panel-icon {
  color: #bcbcbc;
}
.panel.is-outline.is-primary .panel-heading {
  background-color: white;
  color: #01ACC8;
}
.panel.is-outline.is-primary .panel-tabs a.is-active {
  border-bottom-color: white;
}
.panel.is-outline.is-primary .panel-block.is-active .panel-icon {
  color: white;
}
.panel.is-outline.is-secondary .panel-heading {
  background-color: white;
  color: #333;
}
.panel.is-outline.is-secondary .panel-tabs a.is-active {
  border-bottom-color: white;
}
.panel.is-outline.is-secondary .panel-block.is-active .panel-icon {
  color: white;
}
.panel.is-modify.is-primary .panel-heading {
  background-color: white;
  color: #333;
}
.panel.is-modify.is-primary .panel-tabs a.is-active {
  border-bottom-color: white;
}
.panel.is-modify.is-primary .panel-block.is-active .panel-icon {
  color: white;
}
.panel.is-modify.is-secondary .panel-heading {
  background-color: #f0f3f9;
  color: #585858;
}
.panel.is-modify.is-secondary .panel-tabs a.is-active {
  border-bottom-color: #f0f3f9;
}
.panel.is-modify.is-secondary .panel-block.is-active .panel-icon {
  color: #f0f3f9;
}
.panel.is-search .panel-heading {
  background-color: #01ACC8;
  color: white;
}
.panel.is-search .panel-tabs a.is-active {
  border-bottom-color: #01ACC8;
}
.panel.is-search .panel-block.is-active .panel-icon {
  color: #01ACC8;
}
.panel.is-refresh .panel-heading {
  background-color: white;
  color: #007E92;
}
.panel.is-refresh .panel-tabs a.is-active {
  border-bottom-color: white;
}
.panel.is-refresh .panel-block.is-active .panel-icon {
  color: white;
}
.panel.is-shuffle .panel-heading {
  background-color: white;
  color: #dedede;
}
.panel.is-shuffle .panel-tabs a.is-active {
  border-bottom-color: white;
}
.panel.is-shuffle .panel-block.is-active .panel-icon {
  color: white;
}
.panel.is-ghost .panel-heading {
  background-color: transparent;
  color: transparent;
}
.panel.is-ghost .panel-tabs a.is-active {
  border-bottom-color: transparent;
}
.panel.is-ghost .panel-block.is-active .panel-icon {
  color: transparent;
}
.panel.is-info .panel-heading {
  background-color: #0032fa;
  color: white;
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: #0032fa;
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: #0032fa;
}
.panel.is-success .panel-heading {
  background-color: #24a148;
  color: white;
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #24a148;
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: #24a148;
}
.panel.is-warning .panel-heading {
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #f1c21b;
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: #f1c21b;
}
.panel.is-error .panel-heading {
  background-color: #da1e28;
  color: white;
}
.panel.is-error .panel-tabs a.is-active {
  border-bottom-color: #da1e28;
}
.panel.is-error .panel-block.is-active .panel-icon {
  color: #da1e28;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 0.1rem solid hsl(0deg, 0%, 93%);
}

.panel-heading {
  border-radius: 0.6rem 0.6rem 0 0;
  padding: 0.75em 1em;
  background-color: hsl(0deg, 0%, 93%);
  font-size: 1.25em;
  font-weight: 700;
  color: #333;
  line-height: 1.25;
}

.panel-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 0.875em;
}
.panel-tabs a {
  margin-bottom: -1;
  border-bottom: 0.1rem solid #e5e5e5;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: #333;
  color: #333;
}

.panel-list a {
  color: #333;
}
.panel-list a:hover {
  color: #8e8e8e;
}

.panel-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
  color: #333;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: #8e8e8e;
  color: #333;
}
.panel-block.is-active .panel-icon {
  color: #8e8e8e;
}
.panel-block:last-child {
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: hsl(0deg, 0%, 96%);
}

.panel-icon {
  margin-right: 0.75em;
  color: #cacaca;
}

.profile {
  padding: 0.6rem;
  background-color: #1f61b9;
}
.profile .control.has-icon-right {
  margin-top: 1.3rem;
}
.profile .control.has-icon-right .input:focus {
  background-color: white !important;
  color: #1f61b9;
}
.profile .control.has-icon-right .input:focus ~ .icon {
  stroke: #1f61b9;
}
.profile .control.has-icon-right .input:focus ~ .search-result {
  display: block;
}
.profile .control.has-icon-right:hover .input {
  background-color: #85a8d8;
}
.profile .input {
  border: none;
  border-radius: 0.3rem;
  padding: 0 1rem;
  background-color: #6391ce;
  font-weight: 700;
  color: #d6e1f3;
}
.profile .input::placeholder {
  color: #d6e1f3;
}

.profile-picture {
  margin: 0.8rem 0 0 1.9rem;
  border-radius: 50%;
  width: 6.5rem;
  height: 6.5rem;
}

.profile-content {
  padding: 1.5rem 0 0 1.6rem;
}

.profile-personnel:first-child {
  margin-bottom: 0.9rem;
}

.profile-name {
  color: white;
}
.profile-name:not(:last-child) {
  margin-right: 0.3rem;
}

.profile-position {
  color: rgba(255, 255, 255, 0.66);
}
.profile-position:not(:last-child) {
  margin-right: 0.5rem;
}

.profile-personnel:nth-child(2) {
  color: rgba(255, 255, 255, 0.66);
}
.profile-personnel:nth-child(2) span:not(:last-child) {
  margin-right: 0.7rem;
}
.profile-personnel:nth-child(2):not(:last-child) {
  margin-bottom: 0.5rem;
}

.profile-email {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.66);
}

.realgrid {
  height: calc(100% - 3rem);
}
.realgrid ~ .buttons {
  margin-top: 0.5rem;
}
.realgrid ~ .realgrid {
  margin-top: -0.1rem;
}
.realgrid.is-tree .rg-data-cell {
  line-height: 1;
}
.realgrid.is-tree.without-border .rg-data-cell {
  border-color: transparent;
}

.rg-root {
  font-family: inherit;
  font-size: 1.2rem;
}
.rg-root .rg-table,
.rg-root .rg-table tr,
.rg-root .rg-table td {
  line-height: normal;
}

.rg-grid {
  border-color: #e5e5e5;
  border-top-color: #c8d0dd;
}

.rg-head .rg-table tr td {
  border-right-color: #c8d0dd;
  border-bottom-color: #c8d0dd;
}

.rg-head-cell {
  color: #003288;
}

.rg-header {
  background-color: #f0f3f9;
  color: #003288;
}
.rg-header .rg-table tr td {
  border-right-color: #c8d0dd;
  border-bottom-color: #c8d0dd;
}
.rg-header .rg-table tr td:hover {
  background-color: inherit;
}

.rg-alternate-row {
  background-color: inherit;
}

.rg-header-focus {
  background-color: #dde4f2;
}

.rg-header-select {
  background-color: #f0f3f9;
}

.rg-header-group-cell {
  background-color: inherit;
}

.rg-body .rg-table tr td,
.rg-fixed-body .rg-table tr td {
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  background-color: #fff;
}
.rg-body .rg-table tr td:hover,
.rg-fixed-body .rg-table tr td:hover {
  background-color: rgba(0, 50, 136, 0.06);
}

.rg-fixed-body .rg-renderer {
  max-width: none !important;
}

.rg-editor-container {
  border-color: #1f61b9;
  box-shadow: none;
}

.rg-focus {
  border: 1px solid #1f61b9;
}

.rg-selection {
  border: none;
  background-color: rgba(0, 50, 136, 0.1) !important;
}

.rg-renderer {
  padding: 0 0.7rem;
}

.rg-vscrollbar .rg-scrolltrack {
  border-left: 0.1rem solid #e5e5e5;
}
.rg-vscrollbar .rg-scrollthumb {
  left: calc(50% + 0.05rem) !important;
  transform: translateX(-50%);
  border: none;
  border-radius: 0.8rem;
  width: 0.8rem !important;
  background: #bebebe;
}
.rg-vscrollbar [class|=rg-scroll] {
  border: none;
  background: #dbdbdb;
}
.rg-vscrollbar [class|=rg-scroll]::after {
  content: "";
  position: absolute;
  left: calc(50% + 0.1rem);
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  width: 0.5rem;
  height: 0.5rem;
}
.rg-vscrollbar .rg-scroll-up::after {
  top: calc(50% + 0.1rem);
  transform: translate(-50%, -50%) rotate(45deg);
}
.rg-vscrollbar .rg-scroll-down::after {
  top: calc(50% - 0.1rem);
  transform: translate(-50%, -50%) rotate(225deg);
}

.rg-hscrollbar .rg-scrolltrack {
  border-top: 0.1rem solid #e5e5e5;
}
.rg-hscrollbar .rg-scrollthumb {
  top: calc(50% + 0.05rem) !important;
  transform: translateY(-50%);
  border: none;
  border-radius: 0.8rem;
  height: 0.8rem !important;
  background: #bebebe;
}
.rg-hscrollbar [class|=rg-scroll] {
  border: none;
  background: #dbdbdb;
}
.rg-hscrollbar [class|=rg-scroll]::after {
  content: "";
  position: absolute;
  top: calc(50% + 0rem);
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  width: 0.5rem;
  height: 0.5rem;
}
.rg-hscrollbar .rg-scroll-left::after {
  left: calc(50% + 0rem);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.rg-hscrollbar .rg-scroll-right::after {
  left: calc(50% + 0rem);
  transform: translate(-50%, -50%) rotate(-225deg);
}

.rg-scrolltrack {
  background: white;
  border: none;
}

.rg-tree-expanded {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4'%3E%3Cpath d='M4,0,8,4H0Z' transform='translate(8 4) rotate(180)' fill='%234484d9'/%3E%3C/svg%3E");
}

.rg-tree-collapsed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8' viewBox='0 0 4 8'%3E%3Cpath d='M4,0,8,4H0Z' transform='translate(4) rotate(90)' fill='%23333'/%3E%3C/svg%3E");
}

.rg-tree-renderer span {
  vertical-align: middle;
}

.rg-rowindicator-head,
.rg-statebar-head,
.rg-checkbar-head {
  background-color: #f0f3f9;
}

.rg-rowbarcontainer .rg-table tr td {
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  background-color: white;
}
.rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell:hover {
  background-color: inherit;
}
.rg-rowbarcontainer .rg-table tr td.rg-rowindicator-focus {
  background-color: #dde4f2;
}
.rg-rowbarcontainer .rg-table tr td.rg-statebar-updated {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M0,0H22V22H0Z' fill='none'/%3E%3Ccircle cx='8' cy='8' r='8' transform='translate(3 3)' fill='%231f61b9'/%3E%3Cpath d='M7.518,11.661l5.608-5.682.863.874L7.518,13.409,3.636,9.476,4.5,8.6Z' transform='translate(2.187 1.306)' fill='%23fff'/%3E%3C/svg%3E");
}
.rg-rowbarcontainer .rg-table tr td.rg-statebar-created {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M0,0H22V22H0Z' fill='none'/%3E%3Ccircle cx='8' cy='8' r='8' transform='translate(3 3)' fill='%231f61b9'/%3E%3Cpath d='M9.286,9.286V5h1.429V9.286H15v1.429H10.714V15H9.286V10.714H5V9.286Z' transform='translate(1 1)' fill='%23fff'/%3E%3C/svg%3E");
}
.rg-rowbarcontainer .rg-table tr td.rg-statebar-deleted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M0,0H22V22H0Z' fill='none'/%3E%3Ccircle cx='8' cy='8' r='8' transform='translate(3 3)' fill='%23151515'/%3E%3Cpath d='M9.286,9.286V5h1.429V9.286H15v1.429H10.714V15H9.286V10.714H5V9.286Z' transform='translate(11 -3.142) rotate(45)' fill='%23fff'/%3E%3C/svg%3E");
}

.rg-popup-menu {
  padding: 4px 0;
}

.rg-popup-item {
  padding: 5px 0;
  height: auto;
  line-height: 1;
}
.rg-popup-item:hover {
  background-color: #dde4f2;
  color: #003288;
}

.rg-popup-separator {
  height: auto;
  margin: 4px 0;
  color: #d2d5da;
}

.rg-popup-separator-hr {
  margin-top: auto;
}

.rg-popup-expander {
  top: 50%;
  transform: translateY(-50%);
}

.rg-popup-check-checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg transform='translate(-32 8)'%3E%3Crect width='14' height='14' transform='translate(32 -8)' fill='none'/%3E%3Cpath d='M391.378,239.613l2.816,2.816,4.76-4.76' transform='translate(-356.166 -241.049)' fill='none' stroke='%231f61b9' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
}

.text-content {
  vertical-align: middle;
}
.text-content:not(:last-child) {
  margin-right: 0.6rem;
}

.snackbar {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.9rem 0;
  width: 23.6rem;
  background-color: black;
  text-align: center;
  color: white;
}
.snackbar .icon.is-status-checkmark.is-filled {
  fill: #f4fff7;
  margin-right: 0.5rem;
}

.snackbar-message {
  font-size: 1.3rem;
}

.form:not(:last-child) {
  margin-bottom: 3rem;
}
.form.is-realgrid {
  height: calc(100% - 22.3rem - 1.8rem);
}
.form.has-large-gap-bottom:not(:last-child) {
  margin-bottom: 3rem;
}
.form.has-gap-top {
  margin-top: 6rem;
}
.form.has-pull-top {
  margin-top: -1rem;
}

.in-table-container {
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}
.in-table-container:not(:first-child) {
  margin-top: 2rem;
}
.in-table-container:not(:last-child) {
  margin-bottom: 2rem;
}

.table {
  table-layout: fixed;
  background-color: transparent;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  text-align: left;
}
.table > thead > tr > th.is-primary,
.table > thead > tr > td.is-primary,
.table > tbody > tr > th.is-primary,
.table > tbody > tr > td.is-primary,
.table > tfoot > tr > th.is-primary,
.table > tfoot > tr > td.is-primary {
  border-color: #01ACC8;
  background-color: #01ACC8;
  color: white;
}
.table > thead > tr > th.is-secondary,
.table > thead > tr > td.is-secondary,
.table > tbody > tr > th.is-secondary,
.table > tbody > tr > td.is-secondary,
.table > tfoot > tr > th.is-secondary,
.table > tfoot > tr > td.is-secondary {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
  color: white;
}
.table > thead > tr > th.is-outline.is-primary,
.table > thead > tr > td.is-outline.is-primary,
.table > tbody > tr > th.is-outline.is-primary,
.table > tbody > tr > td.is-outline.is-primary,
.table > tfoot > tr > th.is-outline.is-primary,
.table > tfoot > tr > td.is-outline.is-primary {
  border-color: white;
  background-color: white;
  color: #01ACC8;
}
.table > thead > tr > th.is-outline.is-secondary,
.table > thead > tr > td.is-outline.is-secondary,
.table > tbody > tr > th.is-outline.is-secondary,
.table > tbody > tr > td.is-outline.is-secondary,
.table > tfoot > tr > th.is-outline.is-secondary,
.table > tfoot > tr > td.is-outline.is-secondary {
  border-color: white;
  background-color: white;
  color: #333;
}
.table > thead > tr > th.is-modify.is-primary,
.table > thead > tr > td.is-modify.is-primary,
.table > tbody > tr > th.is-modify.is-primary,
.table > tbody > tr > td.is-modify.is-primary,
.table > tfoot > tr > th.is-modify.is-primary,
.table > tfoot > tr > td.is-modify.is-primary {
  border-color: white;
  background-color: white;
  color: #333;
}
.table > thead > tr > th.is-modify.is-secondary,
.table > thead > tr > td.is-modify.is-secondary,
.table > tbody > tr > th.is-modify.is-secondary,
.table > tbody > tr > td.is-modify.is-secondary,
.table > tfoot > tr > th.is-modify.is-secondary,
.table > tfoot > tr > td.is-modify.is-secondary {
  border-color: #f0f3f9;
  background-color: #f0f3f9;
  color: #585858;
}
.table > thead > tr > th.is-search,
.table > thead > tr > td.is-search,
.table > tbody > tr > th.is-search,
.table > tbody > tr > td.is-search,
.table > tfoot > tr > th.is-search,
.table > tfoot > tr > td.is-search {
  border-color: #01ACC8;
  background-color: #01ACC8;
  color: white;
}
.table > thead > tr > th.is-refresh,
.table > thead > tr > td.is-refresh,
.table > tbody > tr > th.is-refresh,
.table > tbody > tr > td.is-refresh,
.table > tfoot > tr > th.is-refresh,
.table > tfoot > tr > td.is-refresh {
  border-color: white;
  background-color: white;
  color: #007E92;
}
.table > thead > tr > th.is-shuffle,
.table > thead > tr > td.is-shuffle,
.table > tbody > tr > th.is-shuffle,
.table > tbody > tr > td.is-shuffle,
.table > tfoot > tr > th.is-shuffle,
.table > tfoot > tr > td.is-shuffle {
  border-color: white;
  background-color: white;
  color: #dedede;
}
.table > thead > tr > th.is-ghost,
.table > thead > tr > td.is-ghost,
.table > tbody > tr > th.is-ghost,
.table > tbody > tr > td.is-ghost,
.table > tfoot > tr > th.is-ghost,
.table > tfoot > tr > td.is-ghost {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
.table > thead > tr > th.is-info,
.table > thead > tr > td.is-info,
.table > tbody > tr > th.is-info,
.table > tbody > tr > td.is-info,
.table > tfoot > tr > th.is-info,
.table > tfoot > tr > td.is-info {
  border-color: #0032fa;
  background-color: #0032fa;
  color: white;
}
.table > thead > tr > th.is-success,
.table > thead > tr > td.is-success,
.table > tbody > tr > th.is-success,
.table > tbody > tr > td.is-success,
.table > tfoot > tr > th.is-success,
.table > tfoot > tr > td.is-success {
  border-color: #24a148;
  background-color: #24a148;
  color: white;
}
.table > thead > tr > th.is-warning,
.table > thead > tr > td.is-warning,
.table > tbody > tr > th.is-warning,
.table > tbody > tr > td.is-warning,
.table > tfoot > tr > th.is-warning,
.table > tfoot > tr > td.is-warning {
  border-color: #f1c21b;
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
}
.table > thead > tr > th.is-error,
.table > thead > tr > td.is-error,
.table > tbody > tr > th.is-error,
.table > tbody > tr > td.is-error,
.table > tfoot > tr > th.is-error,
.table > tfoot > tr > td.is-error {
  border-color: #da1e28;
  background-color: #da1e28;
  color: white;
}
.table > thead > tr > th.is-narrow,
.table > thead > tr > td.is-narrow,
.table > tbody > tr > th.is-narrow,
.table > tbody > tr > td.is-narrow,
.table > tfoot > tr > th.is-narrow,
.table > tfoot > tr > td.is-narrow {
  width: 1%;
  white-space: nowrap;
}
.table > thead > tr > th:focus a,
.table > thead > tr > th:focus strong, .table > thead > tr > th.is-focus a,
.table > thead > tr > th.is-focus strong, .table > thead > tr > th.is-active a,
.table > thead > tr > th.is-active strong,
.table > thead > tr > td:focus a,
.table > thead > tr > td:focus strong,
.table > thead > tr > td.is-focus a,
.table > thead > tr > td.is-focus strong,
.table > thead > tr > td.is-active a,
.table > thead > tr > td.is-active strong,
.table > tbody > tr > th:focus a,
.table > tbody > tr > th:focus strong,
.table > tbody > tr > th.is-focus a,
.table > tbody > tr > th.is-focus strong,
.table > tbody > tr > th.is-active a,
.table > tbody > tr > th.is-active strong,
.table > tbody > tr > td:focus a,
.table > tbody > tr > td:focus strong,
.table > tbody > tr > td.is-focus a,
.table > tbody > tr > td.is-focus strong,
.table > tbody > tr > td.is-active a,
.table > tbody > tr > td.is-active strong,
.table > tfoot > tr > th:focus a,
.table > tfoot > tr > th:focus strong,
.table > tfoot > tr > th.is-focus a,
.table > tfoot > tr > th.is-focus strong,
.table > tfoot > tr > th.is-active a,
.table > tfoot > tr > th.is-active strong,
.table > tfoot > tr > td:focus a,
.table > tfoot > tr > td:focus strong,
.table > tfoot > tr > td.is-focus a,
.table > tfoot > tr > td.is-focus strong,
.table > tfoot > tr > td.is-active a,
.table > tfoot > tr > td.is-active strong {
  color: currentColor;
}
.table > thead > tr:focus strong,
.table > thead > tr:focus a, .table > thead > tr.is-focus strong,
.table > thead > tr.is-focus a, .table > thead > tr.is-active strong,
.table > thead > tr.is-active a,
.table > tbody > tr:focus strong,
.table > tbody > tr:focus a,
.table > tbody > tr.is-focus strong,
.table > tbody > tr.is-focus a,
.table > tbody > tr.is-active strong,
.table > tbody > tr.is-active a,
.table > tfoot > tr:focus strong,
.table > tfoot > tr:focus a,
.table > tfoot > tr.is-focus strong,
.table > tfoot > tr.is-focus a,
.table > tfoot > tr.is-active strong,
.table > tfoot > tr.is-active a {
  color: currentColor;
}
.table > thead > tr:focus > th,
.table > thead > tr:focus > td, .table > thead > tr.is-focus > th,
.table > thead > tr.is-focus > td, .table > thead > tr.is-active > th,
.table > thead > tr.is-active > td,
.table > tbody > tr:focus > th,
.table > tbody > tr:focus > td,
.table > tbody > tr.is-focus > th,
.table > tbody > tr.is-focus > td,
.table > tbody > tr.is-active > th,
.table > tbody > tr.is-active > td,
.table > tfoot > tr:focus > th,
.table > tfoot > tr:focus > td,
.table > tfoot > tr.is-focus > th,
.table > tfoot > tr.is-focus > td,
.table > tfoot > tr.is-active > th,
.table > tfoot > tr.is-active > td {
  border-color: hsl(0deg, 0%, 100%);
  color: currentColor;
}
fieldset[disabled] .table > thead > tr > th,
fieldset[disabled] .table > thead > tr > td, .table > thead > tr[disabled] > th,
.table > thead > tr[disabled] > td,
fieldset[disabled] .table > tbody > tr > th,
fieldset[disabled] .table > tbody > tr > td,
.table > tbody > tr[disabled] > th,
.table > tbody > tr[disabled] > td,
fieldset[disabled] .table > tfoot > tr > th,
fieldset[disabled] .table > tfoot > tr > td,
.table > tfoot > tr[disabled] > th,
.table > tfoot > tr[disabled] > td {
  color: #cacaca;
}
.table > thead {
  background-color: #f0f3f9;
}
.table > thead > tr > th,
.table > thead > tr > td {
  color: #6f6f6f;
}
.table > thead,
.table > tbody,
.table > tfoot {
  background-color: transparent;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  white-space: nowrap;
}
.table > tfoot {
  border-top: 0.1rem solid #c8d0dd;
  background-color: transparent;
}
.table > tfoot > tr > td,
.table > tfoot > tr > th {
  border-width: 0.2rem 0 0;
  color: #333;
}
.table .field:not(:last-child) {
  margin-right: 0.4em;
  margin-bottom: auto;
}
.table .field:not(:last-child) ~ .description {
  margin-top: 0.5rem;
}
.table.is-admin > colgroup > col:first-child {
  width: 15%;
}
.table.is-admin > colgroup > col:nth-child(3) {
  width: 13%;
}
.table.is-admin > colgroup > col:nth-child(4) {
  width: 19.4%;
}
.table.is-admin > colgroup > col:last-child {
  width: 13%;
}
.table.is-admin > thead > tr > th,
.table.is-admin > thead > tr > td,
.table.is-admin > tbody > tr > th,
.table.is-admin > tbody > tr > td,
.table.is-admin > tfoot > tr > th,
.table.is-admin > tfoot > tr > td {
  padding-left: 0;
  height: 3.2rem;
}
.table.is-admin > thead > tr > th:not([align]),
.table.is-admin > thead > tr > td:not([align]),
.table.is-admin > tbody > tr > th:not([align]),
.table.is-admin > tbody > tr > td:not([align]),
.table.is-admin > tfoot > tr > th:not([align]),
.table.is-admin > tfoot > tr > td:not([align]) {
  text-align: center;
}
.table.is-admin > thead > tr > td:nth-child(2),
.table.is-admin > tbody > tr > td:nth-child(2),
.table.is-admin > tfoot > tr > td:nth-child(2) {
  text-align: left;
}
.table.is-approval:not(:last-child) {
  margin-bottom: 1rem;
}
.table.is-approval > thead > tr > th,
.table.is-approval > tbody > tr > th,
.table.is-approval > tfoot > tr > th {
  padding: 0;
  width: 10.9rem;
  height: 2.3rem;
  background-color: #f0f3f9;
  text-align: center;
  vertical-align: middle;
}
.table.is-approval > thead > tr > th:first-child,
.table.is-approval > tbody > tr > th:first-child,
.table.is-approval > tfoot > tr > th:first-child {
  width: 8.3rem;
}
.table.is-approval > thead > tr > th:nth-child(n+2),
.table.is-approval > tbody > tr > th:nth-child(n+2),
.table.is-approval > tfoot > tr > th:nth-child(n+2) {
  font-weight: normal;
}
.table.is-approval > thead > tr > td,
.table.is-approval > tbody > tr > td,
.table.is-approval > tfoot > tr > td {
  padding: 0 0.5rem;
  height: 3.9rem;
  text-align: center;
  vertical-align: middle;
}
.table.is-file {
  min-height: 6rem;
  border: 0.1rem solid #e0e0e0;
  border-collapse: initial;
}
.table.is-file > colgroup > col:first-child {
  width: 70%;
}
.table.is-file > thead > tr > th,
.table.is-file > thead > tr > td,
.table.is-file > tbody > tr > th,
.table.is-file > tbody > tr > td,
.table.is-file > tfoot > tr > th,
.table.is-file > tfoot > tr > td {
  border-left: none;
  border-right: none;
  padding: 0;
  height: 3rem;
}
.table.is-file > thead > tr > th:first-child,
.table.is-file > thead > tr > td:first-child,
.table.is-file > tbody > tr > th:first-child,
.table.is-file > tbody > tr > td:first-child,
.table.is-file > tfoot > tr > th:first-child,
.table.is-file > tfoot > tr > td:first-child {
  padding-left: 1.2rem;
}
.table.is-file > thead > tr > th:nth-child(2),
.table.is-file > thead > tr > td:nth-child(2),
.table.is-file > tbody > tr > th:nth-child(2),
.table.is-file > tbody > tr > td:nth-child(2),
.table.is-file > tfoot > tr > th:nth-child(2),
.table.is-file > tfoot > tr > td:nth-child(2) {
  padding-right: 2.5rem;
  text-align: right;
}
.table.is-file > thead > tr > th,
.table.is-file > tbody > tr > th,
.table.is-file > tfoot > tr > th {
  background-color: white;
}
.table.is-file > thead > tr > td,
.table.is-file > tbody > tr > td,
.table.is-file > tfoot > tr > td {
  border-top: none;
  border-bottom: none;
}
.table.is-file > thead > tr > th {
  border-bottom: 0.1rem solid #e0e0e0;
  font-weight: 400;
  color: #909090;
}
.table.is-request.is-striped-vertically .field.is-horizontal {
  display: flex;
}
.table.is-request.is-striped-vertically .field.is-horizontal > .control:not(:last-child) {
  margin-right: 0.5rem;
}
.table.is-search {
  width: 100%;
  background-color: #f9f9f9;
}
.table.is-search > thead > tr:first-child > th,
.table.is-search > thead > tr:first-child > td,
.table.is-search > tbody > tr:first-child > th,
.table.is-search > tbody > tr:first-child > td,
.table.is-search > tfoot > tr:first-child > th,
.table.is-search > tfoot > tr:first-child > td {
  padding-top: 1.2rem;
}
.table.is-search > thead > tr:last-child > th,
.table.is-search > thead > tr:last-child > td,
.table.is-search > tbody > tr:last-child > th,
.table.is-search > tbody > tr:last-child > td,
.table.is-search > tfoot > tr:last-child > th,
.table.is-search > tfoot > tr:last-child > td {
  padding-bottom: 1.2rem;
}
.table.is-search > thead > tr > th,
.table.is-search > thead > tr > td,
.table.is-search > tbody > tr > th,
.table.is-search > tbody > tr > td,
.table.is-search > tfoot > tr > th,
.table.is-search > tfoot > tr > td {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.table.is-search > thead > tr > th,
.table.is-search > tbody > tr > th,
.table.is-search > tfoot > tr > th {
  padding-left: 3rem;
  font-weight: 500;
}
.table.is-search > thead > tr > td:last-child,
.table.is-search > tbody > tr > td:last-child,
.table.is-search > tfoot > tr > td:last-child {
  padding-right: 2rem;
  vertical-align: top;
}
.table.is-search > tfoot > tr:first-child > th,
.table.is-search > tfoot > tr:first-child > td {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.table.is-search > tfoot > tr:first-child > th span,
.table.is-search > tfoot > tr:first-child > td span {
  vertical-align: middle;
}
.table.is-search > tfoot > tr:first-child > th .button.is-chevron,
.table.is-search > tfoot > tr:first-child > td .button.is-chevron {
  margin-left: 1.4rem;
  vertical-align: middle;
}
.table:not(:last-child) {
  margin-bottom: 1rem;
}
.table.has-background-color {
  border: 0.1rem solid #c8d0dd;
  background-color: #dde4f2;
}
.table.is-striped > thead > tr:not(.is-active):nth-child(even),
.table.is-striped > tbody > tr:not(.is-active):nth-child(even),
.table.is-striped > tfoot > tr:not(.is-active):nth-child(even) {
  background-color: hsl(0deg, 0%, 98%);
}
.table.is-striped-vertically {
  border-top: 0.1rem solid #eaeaea;
}
.table.is-striped-vertically > thead > tr > th,
.table.is-striped-vertically > thead > tr > td,
.table.is-striped-vertically > tbody > tr > th,
.table.is-striped-vertically > tbody > tr > td,
.table.is-striped-vertically > tfoot > tr > th,
.table.is-striped-vertically > tfoot > tr > td {
  border-bottom: 0.1rem solid #eaeaea;
  height: 3.6rem;
}
.table.is-striped-vertically > thead > tr > th,
.table.is-striped-vertically > tbody > tr > th,
.table.is-striped-vertically > tfoot > tr > th {
  padding: 0.1rem 0.5rem 0 3rem;
  font-weight: 500;
  background-color: #f9f9f9;
  color: #333;
  text-align: left;
}
.table.is-striped-vertically > thead > tr > td,
.table.is-striped-vertically > tbody > tr > td,
.table.is-striped-vertically > tfoot > tr > td {
  padding: 0.4rem 0.5rem;
}
.table.has-border-bottom > thead > tr > td,
.table.has-border-bottom > thead > tr > th,
.table.has-border-bottom > tbody > tr > td,
.table.has-border-bottom > tbody > tr > th,
.table.has-border-bottom > tfoot > tr > td,
.table.has-border-bottom > tfoot > tr > th {
  border-width: 0.1rem;
}
.table.has-border-bottom > thead > tr:last-child > td,
.table.has-border-bottom > thead > tr:last-child > th,
.table.has-border-bottom > tbody > tr:last-child > td,
.table.has-border-bottom > tbody > tr:last-child > th,
.table.has-border-bottom > tfoot > tr:last-child > td,
.table.has-border-bottom > tfoot > tr:last-child > th {
  border-bottom-width: 0.1rem;
}
.table.has-horizontal-borders th,
.table.has-horizontal-borders td {
  border-left: none;
  border-right: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.has-no-borders {
  font-size: 1.4rem;
  color: #333;
}
.table.has-no-borders > thead > tr > td,
.table.has-no-borders > tbody > tr > td,
.table.has-no-borders > tfoot > tr > td {
  border: none;
  padding: 0;
  height: 3.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.has-no-borders > thead > tr > td:last-child,
.table.has-no-borders > tbody > tr > td:last-child,
.table.has-no-borders > tfoot > tr > td:last-child {
  text-align: right;
}
.table.is-narrow > thead > tr > td,
.table.is-narrow > thead > tr > th,
.table.is-narrow > tbody > tr > td,
.table.is-narrow > tbody > tr > th,
.table.is-narrow > tfoot > tr > td,
.table.is-narrow > tfoot > tr > th {
  padding: 0.25em 0.5em;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable > thead > tr:not(.is-active):hover, .table.is-hoverable > thead > tr:not(.is-active).is-hover,
.table.is-hoverable > tbody > tr:not(.is-active):hover,
.table.is-hoverable > tbody > tr:not(.is-active).is-hover,
.table.is-hoverable > tfoot > tr:not(.is-active):hover,
.table.is-hoverable > tfoot > tr:not(.is-active).is-hover {
  background-color: #e5e5e5;
}
.table.is-hoverable.is-striped > thead > tr:not(.is-active):hover, .table.is-hoverable.is-striped > thead > tr:not(.is-active).is-hover,
.table.is-hoverable.is-striped > tbody > tr:not(.is-active):hover,
.table.is-hoverable.is-striped > tbody > tr:not(.is-active).is-hover,
.table.is-hoverable.is-striped > tfoot > tr:not(.is-active):hover,
.table.is-hoverable.is-striped > tfoot > tr:not(.is-active).is-hover {
  background-color: #e5e5e5;
}
.table.is-hoverable.is-striped > thead > tr:not(.is-active):hover:nth-child(even), .table.is-hoverable.is-striped > thead > tr:not(.is-active).is-hover:nth-child(even),
.table.is-hoverable.is-striped > tbody > tr:not(.is-active):hover:nth-child(even),
.table.is-hoverable.is-striped > tbody > tr:not(.is-active).is-hover:nth-child(even),
.table.is-hoverable.is-striped > tfoot > tr:not(.is-active):hover:nth-child(even),
.table.is-hoverable.is-striped > tfoot > tr:not(.is-active).is-hover:nth-child(even) {
  background-color: hsl(0deg, 0%, 96%);
}
.table a:not(:last-child) {
  margin-bottom: 0.6rem;
}
.table.is-approval-process:not(:last-child) {
  margin-bottom: 0.5rem;
}
.table.is-approval-process > thead > tr > th,
.table.is-approval-process > tbody > tr > th,
.table.is-approval-process > tfoot > tr > th {
  padding: 1.7rem;
  background-color: #f0f7ff;
  vertical-align: middle;
}
.table.is-approval-process > thead > tr > td,
.table.is-approval-process > tbody > tr > td,
.table.is-approval-process > tfoot > tr > td {
  padding: 0em 1.5em;
  vertical-align: middle;
}
.table.is-approval-process .approval-process-item {
  display: inline-block;
  position: relative;
  padding: 0em;
  text-align: center;
}
.table.is-approval-process .approval-process-item:not(:last-child) {
  margin-right: 3em;
}
.table.is-approval-process .approval-process-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2.9rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg transform='translate(14.867 0.281) rotate(90)'%3E%3Crect width='15' height='15' transform='translate(-0.281 -0.133)' fill='none'/%3E%3Ccircle cx='5.5' cy='5.5' r='5.5' transform='translate(1.719 12.867) rotate(-90)' fill='%23151515'/%3E%3Cpath d='M0,0,2.754,2.754,0,5.508' transform='translate(4.22 8.367) rotate(-90)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}
.table.is-approval-process .signed-date {
  font-size: 1.1rem;
  color: #999;
}
.table.is-approval-process .requester {
  color: #3b82f6;
}
.table.is-approval-process .is-approved span:last-child {
  color: #f63811;
}
.table.has-small-gap-bottom {
  margin-bottom: 0.5rem;
}

.table-title {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 1.6rem;
  margin-top: 0.6rem;
  margin-bottom: 1.4rem;
  text-align: inherit;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
}
.table-title::before {
  display: block;
  position: absolute;
  left: 0.15rem;
  top: 50%;
  width: 0.7rem;
  height: 0.7rem;
  margin-top: -0.4rem;
  border: solid #01acc8;
  border-width: 0.2rem 0.2rem 0 0;
  transform: rotate(45deg);
  content: "";
}
.table-title > span {
  vertical-align: middle;
}
.table-title > span:not(:last-child) {
  margin-right: 1rem;
}
.table-title > span em {
  font-style: normal;
  color: #01acc8;
}
.table-title .icon {
  margin-right: 0.3rem;
}
.table-title.is-second {
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
.table-title.is-second > span :not(:last-child) {
  margin-right: 1.5rem;
}
.are-bottom .table-title {
  margin: 0;
  line-height: 1.46;
}

.table-title-box {
  display: flex;
  align-items: center;
}
.table-title-box:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
}
.table-title-box .table-title {
  float: left;
}
.table-title-box .control {
  float: left;
  width: auto;
  margin: 0;
  margin-left: 2rem;
}
.table-title-box .control .checkbox input[disabled] ~ span {
  color: #666;
}
.table-title-box .control .checkbox input[disabled]:not(:checked) ~ .input-button {
  border-color: #666;
  background-color: #fff;
}
.table-title-box .control .checkbox input[disabled] ~ .input-button {
  border-color: #666;
  background-color: #666;
}

.data-count {
  font-size: 1.2rem;
  font-weight: 400;
}
.data-count span {
  color: #2068e4;
}
.data-count.is-second span {
  font-weight: normal;
  color: inherit;
}

.approval-search:not(.is-active) .icon.is-chevron {
  transform: rotate(180deg);
}
.approval-search tr:not(.approval-search-header) {
  display: none;
}
.approval-search.is-active tr:not(.approval-search-header) {
  display: table-row;
}

.approval-search-header span {
  font-weight: 700;
  color: #1f61b9;
}

.more-btn {
  margin-top: 0.2rem;
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #909090;
}
.more-btn::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.3rem;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23909090;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='12' height='12'/%3E%3Cpath class='b' d='M3121.132,422.048l4.019,4.019-4.019,4.019' transform='translate(-3117.15 -420.067)'/%3E%3C/svg%3E");
}

.taxBillTblWrap {
  width: 100%;
}
.taxBillTblWrap .taxBillTbl {
  width: 100%;
  table-layout: fixed;
}
.taxBillTblWrap .tbl-color {
  width: 100%;
  table-layout: fixed;
}
.taxBillTblWrap .tbl-color th,
.taxBillTblWrap .tbl-color td {
  height: 3.6rem;
  padding: 0.4rem 0.5rem;
  border-bottom: 0.1rem solid #bdc4d4;
}
.taxBillTblWrap .tbl-color .title {
  line-height: 2rem;
  font-size: 1.4rem;
}
.taxBillTblWrap .tbl-color.tbl-color-red {
  border-top: 0.2rem solid #ea5555;
}
.taxBillTblWrap .tbl-color.tbl-color-red .title {
  background: #ffd9d9;
  border-right: 0.1rem solid #f7c2c2;
  color: #e10d0d;
  font-weight: bold;
}
.taxBillTblWrap .tbl-color.tbl-color-red th {
  background: #fff2f2;
  color: #af5f5f;
  font-weight: bold;
  border-right: 0.1rem solid #f7c2c2;
  border-bottom: 0.1rem solid #f7c2c2;
}
.taxBillTblWrap .tbl-color.tbl-color-red td {
  border-right: 0.1rem solid #f7c2c2;
  border-bottom: 0.1rem solid #f7c2c2;
}
.taxBillTblWrap .tbl-color.tbl-color-blue {
  border-top: 0.2rem solid #4f628a;
}
.taxBillTblWrap .tbl-color.tbl-color-blue .title {
  background: #c2d9f2;
  border-right: 0.1rem solid #bdc4d3;
  color: #0a57cb;
  font-weight: bold;
}
.taxBillTblWrap .tbl-color.tbl-color-blue th {
  background: #f2f5ff;
  color: #3a77a2;
  font-weight: bold;
  border-right: 0.1rem solid #bdc4d3;
  border-bottom: 0.1rem solid #bdc4d3;
}
.taxBillTblWrap .tbl-color.tbl-color-blue td {
  border-right: 0.1rem solid #bdc4d3;
  border-bottom: 0.1rem solid #bdc4d3;
}
.taxBillTblWrap .tbl {
  width: 100%;
  border-top: 0.1rem solid #bdc4d4;
  border-left: 0.1rem solid #bdc4d4;
}
.taxBillTblWrap .tbl th,
.taxBillTblWrap .tbl td {
  height: 3.6rem;
  padding: 0.4rem 0.5rem;
}
.taxBillTblWrap .tbl th {
  background: #f4f5f9;
  font-weight: bold;
  border-right: 0.1rem solid #bdc4d4;
  border-bottom: 0.1rem solid #bdc4d4;
}
.taxBillTblWrap .tbl td {
  border-right: 0.1rem solid #bdc4d4;
  border-bottom: 0.1rem solid #bdc4d4;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.weight-bold {
  font-weight: bold;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  display: flex;
  font-weight: 500;
  user-select: none;
}
.tabs .tab a {
  color: #9d9d9d;
}
.tabs .tab:not(:first-child) {
  border-left: 1px solid #dbdbdb;
}
.tabs .tab:last-child a {
  margin-right: 0;
}
.tabs .tab.is-active {
  border-bottom-color: white !important;
  background-color: white;
}
.tabs .tab.is-active a {
  color: #01ACC8;
}
.tabs .tab.is-active.is-regular {
  border-color: #01ACC8;
}
.tabs .tab:hover a {
  color: #01ACC8;
}
fieldset[disabled] .tabs .tab, .tabs .tab[disabled] {
  color: #cacaca;
}
.tabs .tab.is-menu:not(.is-active) {
  background-color: #dde4f2;
}
.tabs ul {
  display: flex;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child:not(:last-child) {
  margin-right: 0.5em;
}
.tabs .icon:last-child:not(:first-child) {
  margin-left: 0.5em;
}
.tabs span {
  vertical-align: middle;
}
.tabs.are-regular {
  height: 4.1rem;
}
.tabs.are-regular:not(:last-child) {
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid #01ACC8;
}
.tabs.are-centered ul {
  justify-content: center;
}
.tabs.are-right ul {
  justify-content: flex-end;
}
.tabs.are-boxed a {
  border-radius: 0.4rem 0.4rem 0 0;
  border: 0.1rem solid transparent;
}
.tabs.are-boxed a:hover {
  border-bottom-color: #e5e5e5;
  background-color: hsl(0deg, 0%, 96%);
}
.tabs.are-boxed li.is-active a {
  border-color: #e5e5e5;
  border-bottom-color: transparent !important;
  background-color: hsl(0deg, 0%, 100%);
}
.tabs.are-boxed-fully a {
  border-top: 0.1rem solid #e5e5e5;
  border-left: 0.1rem solid #e5e5e5;
  border-right: 0.1rem solid #e5e5e5;
  border-bottom: 0.1rem solid #707070;
  padding: 0.7em 1.85em;
}
.tabs.are-boxed-fully li.is-active a {
  border: 0.1rem solid #707070;
}
.tabs.are-fullwidth li {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.are-toggle a {
  position: relative;
  margin-bottom: 0;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #e5e5e5;
}
.tabs.are-toggle a:hover {
  z-index: 2;
  border-color: #e5e5e5;
  background-color: hsl(0deg, 0%, 96%);
}
.tabs.are-toggle li + li {
  margin-left: -0.1rem;
}
.tabs.are-toggle li:first-child a {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.tabs.are-toggle li:last-child a {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.tabs.are-toggle li.is-active a {
  z-index: 1;
  border-color: #8e8e8e;
  background-color: #8e8e8e;
  color: rgba(0, 0, 0, 0.7);
}
.tabs.are-toggle ul {
  border-bottom: none;
}
.tabs.are-toggle.are-toggle-rounded li:first-child a {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  padding-left: 1.25em;
}
.tabs.are-toggle.are-toggle-rounded li:last-child a {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  padding-right: 1.25em;
}
.tabs.are-menu {
  border-bottom: 0.1rem solid #dbdbdb;
  height: 3.3rem;
  font-size: 1.3rem;
}
.tabs.are-menu a {
  display: block;
  text-align: center;
}
.tabs.are-mdi {
  margin-left: 3.1rem;
  min-width: 96rem;
  height: 3.1rem;
  font-size: 1.2rem;
}
.tabs.are-mdi .tab:last-child {
  border-right: 0.1rem solid #dbdbdb;
}
.tabs.are-small {
  font-size: 0.75rem;
}
.tabs.are-medium {
  font-size: 1rem;
}
.tabs.are-large {
  font-size: 1.25rem;
}

.tab:hover .icon.is-menu {
  stroke: #1f61b9;
}
.tab:hover .icon.is-star {
  fill: #1f61b9;
}
.tab.is-menu {
  flex-basis: 0;
  flex-grow: 1;
  padding: 0.7rem 0;
  height: 3.3rem;
}
.tab.is-menu a {
  color: #7989a5;
}
.tab.is-regular {
  border-top: 0.1rem solid #dbdbdb;
  border-left: 0.1rem solid #dbdbdb;
  border-bottom: 0.1rem solid #01ACC8;
  padding: 1rem 2.5rem;
  height: 4.1rem;
}
.tab.is-regular:last-child {
  border-right: 0.1rem solid #dbdbdb;
}
.tab.is-regular.is-active + li {
  border-left-color: #01ACC8;
}
.tab.is-big {
  flex: 1;
  border-bottom: 0.1rem solid #dbdbdb;
  background-color: #f8f8f8;
}
.tab.is-big a {
  display: flex;
  height: 6rem;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  color: #ccc;
}
.tab.is-mdi {
  position: relative;
  border-bottom: 0.1rem solid #dbdbdb;
  padding: 0.8rem 3.9rem 0.8rem 1.9rem;
  background-color: #f0f3f9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tab.is-mdi a {
  color: #b0b5be;
}
.tab.is-mdi:hover .icon.is-close {
  stroke: #1f61b9;
}
.tab.is-mdi:not(.is-active):hover {
  border-bottom-color: #dbdbdb;
  background-color: #dde4f2;
}
.tab.is-active .icon.is-close {
  stroke: #1f61b9 !important;
}
.tab.is-active .icon.is-menu {
  stroke: #1f61b9;
}
.tab.is-active .icon.is-star {
  fill: #1f61b9;
}

.tab-content {
  display: none;
  overflow-y: auto;
}
.tab-content.is-menu {
  height: calc(100vh - 25.6rem);
}
.tab-content.is-mdi {
  margin-top: 3.1rem;
}
.tab-content.is-active:not(.is-vertical-container) {
  display: block;
}
.tab-content.is-active.is-vertical-container {
  display: flex;
}

.tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-large) {
  font-size: 0.875rem;
}
.tags.are-large .tag:not(.is-medium) {
  font-size: 1rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  display: inline-flex;
  position: relative;
  margin-left: 0.9rem;
  border-radius: 0.4rem;
  padding: 0.2rem 0.6rem;
  background-color: #e5e5e5;
  font-size: 1.3rem;
}
.tag:not(body):hover .tag-tooltip, .tag:not(body).is-hover .tag-tooltip {
  display: block;
}
.tag:not(body):focus, .tag:not(body).is-focus {
  outline-width: 0.2rem;
  outline-color: #0354ff;
  outline-offset: -0.2rem;
}
fieldset[disabled] .tag:not(body), .tag:not(body)[disabled] {
  background-color: #f0f3f9;
  color: #cacaca;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-primary {
  background-color: #01ACC8;
  color: white;
}
.tag:not(body).is-primary.is-light {
  background-color: #01ACC8;
  color: #4FCCE1;
}
.tag:not(body).is-secondary {
  background-color: #bcbcbc;
  color: white;
}
.tag:not(body).is-secondary.is-light {
  background-color: #bcbcbc;
  color: #d4d4d4;
}
.tag:not(body).is-outline.is-primary {
  background-color: white;
  color: #01ACC8;
}
.tag:not(body).is-outline.is-primary.is-light {
  background-color: #01ACC8;
  color: #F2FBFC;
}
.tag:not(body).is-outline.is-secondary {
  background-color: white;
  color: #333;
}
.tag:not(body).is-outline.is-secondary.is-light {
  background-color: #E0E0E0;
  color: white;
}
.tag:not(body).is-modify.is-primary {
  background-color: white;
  color: #333;
}
.tag:not(body).is-modify.is-primary.is-light {
  background-color: #bebebe;
  color: #629dff;
}
.tag:not(body).is-modify.is-secondary {
  background-color: #f0f3f9;
  color: #585858;
}
.tag:not(body).is-modify.is-secondary.is-light {
  background-color: #e5e5e5;
  color: #f0f3f9;
}
.tag:not(body).is-search {
  background-color: #01ACC8;
  color: white;
}
.tag:not(body).is-search.is-light {
  background-color: #01ACC8;
  color: #4FCCE1;
}
.tag:not(body).is-refresh {
  background-color: white;
  color: #007E92;
}
.tag:not(body).is-refresh.is-light {
  background-color: #007E92;
  color: white;
}
.tag:not(body).is-shuffle {
  background-color: white;
  color: #dedede;
}
.tag:not(body).is-shuffle.is-light {
  background-color: #dedede;
  color: white;
}
.tag:not(body).is-ghost {
  background-color: transparent;
  color: transparent;
}
.tag:not(body).is-ghost.is-light {
  background-color: transparent;
  color: transparent;
}
.tag:not(body).is-info {
  background-color: #0032fa;
  color: white;
}
.tag:not(body).is-success {
  background-color: #24a148;
  color: white;
}
.tag:not(body).is-warning {
  background-color: #f1c21b;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-error {
  background-color: #da1e28;
  color: white;
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 0.875rem;
}
.tag:not(body).is-large {
  font-size: 1rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  position: relative;
  margin-left: 0.1rem;
  padding: 0;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: currentColor;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  width: 50%;
  height: 0.1rem;
}
.tag:not(body).is-delete::after {
  width: 0.1rem;
  height: 50%;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete.is-hover, .tag:not(body).is-delete:focus, .tag:not(body).is-delete.is-focus {
  background-color: #d8d8d8;
}
.tag:not(body).is-delete.is-active {
  background-color: #cccccc;
}
.tag:not(body).is-round {
  border-radius: 50%;
}
.tag > span {
  color: white;
}

.tag-tooltip {
  display: none;
  position: absolute;
  top: 2.5rem;
  left: 0;
  z-index: 20;
  border: 0.1rem solid #333;
  padding: 1.2rem 1.4rem 0.6rem;
  width: 22rem;
  background-color: hsl(0deg, 0%, 100%);
}
.tag-tooltip .hash-tag {
  margin-top: 1rem;
  border-top: 0.1rem solid #dedede;
  padding-top: 1rem;
  color: #dedede;
}

.tag-tooltip-title {
  margin-bottom: 0.5rem;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}
.title:not(:first-child),
.subtitle:not(:first-child) {
  margin-top: 2rem;
}
.title:not(:last-child),
.subtitle:not(:last-child) {
  margin-bottom: 2rem;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
  line-height: 1.125;
}
.title strong {
  font-weight: inherit;
  color: inherit;
}
.title + .highlight {
  margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 0.75rem;
}
.title.is-2 {
  font-size: 0.875rem;
}
.title.is-3 {
  font-size: 1rem;
}
.title.is-4 {
  font-size: 1.25rem;
}
.title.is-5 {
  font-size: 1.75rem;
}
.title.is-6 {
  font-size: 2rem;
}
.title.is-7 {
  font-size: 2.625rem;
}
.title.is-8 {
  font-size: 3.375rem;
}

.subtitle {
  font-size: 2rem;
  font-weight: 400;
  color: #333;
  line-height: 1.25;
}
.subtitle strong {
  font-weight: 600;
  color: #333;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 0.75rem;
}
.subtitle.is-2 {
  font-size: 0.875rem;
}
.subtitle.is-3 {
  font-size: 1rem;
}
.subtitle.is-4 {
  font-size: 1.25rem;
}
.subtitle.is-5 {
  font-size: 1.75rem;
}
.subtitle.is-6 {
  font-size: 2rem;
}
.subtitle.is-7 {
  font-size: 2.625rem;
}
.subtitle.is-8 {
  font-size: 3.375rem;
}

.sub-title {
  position: relative;
  line-height: 2.2rem;
  padding-left: 1.6rem;
  font-size: 1.5rem;
  color: #333;
}
.sub-title::before {
  display: block;
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #01ACC8;
  content: "";
}

.tooltip {
  display: none;
  font-size: 1.2rem;
  font-weight: 400;
}

.button:hover .tooltip, .button.is-hover .tooltip,
.checkbox:hover .tooltip,
.checkbox.is-hover .tooltip {
  display: block;
  position: absolute;
  top: 3.8rem;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  border: 0.1rem solid #707070;
  padding: 0.4rem;
  width: 5.6rem;
  background-color: white;
  color: #003288;
}
.button:hover .tooltip::before, .button.is-hover .tooltip::before,
.checkbox:hover .tooltip::before,
.checkbox.is-hover .tooltip::before {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: 50%;
  border-top: 0.1rem solid #707070;
  border-left: 0.1rem solid #707070;
  width: 0.6rem;
  height: 0.6rem;
  background-color: white;
  transform: translateX(-50%) rotate(45deg);
}
.button:hover .tooltip .buttons, .button.is-hover .tooltip .buttons,
.checkbox:hover .tooltip .buttons,
.checkbox.is-hover .tooltip .buttons {
  display: none;
}
.button:hover .tooltip .buttons.has-buttons, .button.is-hover .tooltip .buttons.has-buttons,
.checkbox:hover .tooltip .buttons.has-buttons,
.checkbox.is-hover .tooltip .buttons.has-buttons {
  display: block;
}
.button.is-status-information:hover .tooltip, .button.is-status-information.is-hover .tooltip,
.checkbox.is-status-information:hover .tooltip,
.checkbox.is-status-information.is-hover .tooltip {
  padding: 1.5rem 1.4rem;
  width: 25.6rem;
}
.button.is-user-user:hover .tooltip, .button.is-user-user.is-hover .tooltip,
.checkbox.is-user-user:hover .tooltip,
.checkbox.is-user-user.is-hover .tooltip {
  padding: 0.2rem 0;
  white-space: pre;
}

.infoBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg id='icon_status_information_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='사각형_710' data-name='사각형 710' width='16' height='16' fill='%238e8e8e' opacity='0'/%3E%3Cpath id='Fill' d='M7,14A7,7,0,0,1,2.05,2.05a7,7,0,0,1,9.9,9.9A6.954,6.954,0,0,1,7,14ZM7,1A6,6,0,0,0,2.758,11.243a6,6,0,0,0,8.485-8.485A5.961,5.961,0,0,0,7,1ZM8.5,11h-3V10h1V6.5h-1v-1h2V10h1v1ZM6.77,4.62A.76.76,0,0,1,6,3.82a.771.771,0,1,1,1.54,0A.768.768,0,0,1,6.77,4.62Z' transform='translate(1 1)' fill='%23afafaf'/%3E%3C/svg%3E%0A");
}

.helpBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg id='icon_status_help_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='사각형_706' data-name='사각형 706' width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cpath id='합치기_26' data-name='합치기 26' d='M7,14A7,7,0,0,1,2.05,2.05a7,7,0,0,1,9.9,9.9A6.954,6.954,0,0,1,7,14ZM7,1a6,6,0,1,0,6,6A6.007,6.007,0,0,0,7,1Z' transform='translate(1 1)' fill='%2301acc8' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Cpath id='패스_6044' data-name='패스 6044' d='M2.22-10.02H3.23c-.17-1.49,1.61-2.03,1.61-3.49a1.772,1.772,0,0,0-1.97-1.83,2.617,2.617,0,0,0-1.99.96l.65.59a1.629,1.629,0,0,1,1.21-.61.916.916,0,0,1,.98.97C3.72-12.34,1.98-11.7,2.22-10.02Zm.52,2.48a.765.765,0,0,0,.77-.8.783.783,0,0,0-.77-.82.777.777,0,0,0-.77.82A.76.76,0,0,0,2.74-7.54Z' transform='translate(5.12 19.34)' fill='%2301acc8' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/svg%3E%0A");
}

.tooltip-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.tooltip-box .tooltip-title:hover + .tooltip-content,
.tooltip-box .infoBtn:hover + .tooltip-content,
.tooltip-box .helpBtn:hover + .tooltip-content {
  display: block;
  visibility: visible;
}
.tooltip-box .tooltip-content {
  display: none;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 2.5rem;
  margin-left: -12.8rem;
  width: 25.6rem;
  padding: 1.5rem;
  background: #fff;
  border: 0.1rem solid #afafaf;
  white-space: normal;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  color: #222;
  z-index: 100;
  box-sizing: border-box;
}
.tooltip-box .tooltip-content::before {
  display: block;
  position: absolute;
  left: 50%;
  top: -0.4rem;
  margin-left: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  background: #fff;
  border: solid #afafaf;
  border-width: 0.1rem 0 0 0.1rem;
  transform: rotate(45deg);
  content: "";
}

.tooltip-label {
  display: flex;
}
.tooltip-label .tooltip-box {
  margin-left: 0.3rem;
}

.gridTooltipDetail {
  position: relative;
}
.gridTooltipDetail .tooltip-box {
  width: 100%;
}
.gridTooltipDetail .tooltip-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toast {
  display: none;
  z-index: 41;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.3rem;
  background-color: #1B2D4B;
}
.toast.is-active {
  display: block;
}

.toast-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 0;
  font-weight: 700;
  font-size: 1.2rem;
  color: #FFF;
}

.visual {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex: none;
  background-position: center 0;
  background-repeat: no-repeat;
}
.visual.is-login {
  height: 36.8rem;
  padding-bottom: 13.6rem;
  background-image: url("../images/icons-busan-srm/login_visual.png");
}

.main-login {
  align-items: center;
  justify-content: center;
}

.login-box {
  width: 56rem;
  margin: 0 auto;
  padding: 10rem 10.5rem;
  box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.1019607843);
  border-radius: 1.2rem;
}
.login-box .control input {
  border: 0.1rem solid #DBDBDB;
  background: #fff;
}
.login-box .login-box-logo {
  text-align: center;
  margin: 0 0 4rem;
  font-size: 2.5rem;
  color: #727171;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SpoqaHanSansNeo-Regular";
}
.login-box .login-box-logo img {
  margin-top: -0.3rem;
}
.login-box .login-id {
  position: relative;
  margin-bottom: 0.8rem;
}
.login-box .login-id .login-id-clear {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  border: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Ic_clear' transform='translate(-42.914 65.086)'%3E%3Crect id='사각형_5922' data-name='사각형 5922' width='24' height='24' transform='translate(42.914 -65.086)' fill='rgba(255,255,255,0)'/%3E%3Cpath id='Fill' d='M10,.875,9.125,0,5,4.125.875,0,0,.875,4.125,5,0,9.125.875,10,5,5.875,9.125,10,10,9.125,5.875,5Z' transform='translate(49.914 -58.086)' fill='%23afafaf'/%3E%3C/g%3E%3C/svg%3E%0A");
  font-size: 0;
}
.login-box .login-id .login-id-clear.is-none {
  display: none;
}
.login-box .login-password {
  position: relative;
}
.login-box .login-password .login-password-btn {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  border: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Ic_show_disabled' transform='translate(-42.914 65.086)'%3E%3Crect id='사각형_5922' data-name='사각형 5922' width='24' height='24' transform='translate(42.914 -65.086)' fill='rgba(255,255,255,0)'/%3E%3Cpath id='패스_9524' data-name='패스 9524' d='M2.168,7.387a.6.6,0,0,1-1.137-.38c-.011.037,0,0,0,0,.007-.02.014-.039.021-.059s.03-.079.054-.136c.047-.113.118-.27.216-.457a6.567,6.567,0,0,1,.96-1.362A6.171,6.171,0,0,1,7,3,6.171,6.171,0,0,1,11.71,4.993a6.57,6.57,0,0,1,.96,1.362c.1.186.169.344.216.457.024.057.041.1.054.136,0,.01.016.073.028.133s.021.108.024.117.1.4-.41.569a.6.6,0,0,1-.758-.377h0l-.007-.02c-.007-.02-.019-.051-.037-.093-.035-.084-.09-.207-.17-.358A5.369,5.369,0,0,0,10.826,5.8,4.974,4.974,0,0,0,7,4.2a4.974,4.974,0,0,0-3.83,1.6,5.369,5.369,0,0,0-.783,1.111c-.08.151-.135.275-.17.358-.017.042-.03.073-.037.093ZM4.6,7.8A2.4,2.4,0,1,1,7,10.2,2.4,2.4,0,0,1,4.6,7.8Z' transform='translate(47.914 -59.684)' fill='%23afafaf'/%3E%3Cline id='선_191' data-name='선 191' y2='14' transform='translate(49.611 -57.974) rotate(-45)' fill='none' stroke='%23afafaf' stroke-linecap='round' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.login-box .login-password .login-password-btn.is-view {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Ic_show' transform='translate(-42.914 65.086)'%3E%3Crect id='사각형_5922' data-name='사각형 5922' width='24' height='24' transform='translate(42.914 -65.086)' fill='rgba(255,255,255,0)'/%3E%3Cpath id='패스_9524' data-name='패스 9524' d='M2.168,7.387a.6.6,0,0,1-1.137-.38c-.011.037,0,0,0,0,.007-.02.014-.039.021-.059s.03-.079.054-.136c.047-.113.118-.27.216-.457a6.567,6.567,0,0,1,.96-1.362A6.171,6.171,0,0,1,7,3,6.171,6.171,0,0,1,11.71,4.993a6.57,6.57,0,0,1,.96,1.362c.1.186.169.344.216.457.024.057.041.1.054.136,0,.01.016.073.028.133s.021.108.024.117.1.4-.41.569a.6.6,0,0,1-.758-.377h0l-.007-.02c-.007-.02-.019-.051-.037-.093-.035-.084-.09-.207-.17-.358A5.369,5.369,0,0,0,10.826,5.8,4.974,4.974,0,0,0,7,4.2a4.974,4.974,0,0,0-3.83,1.6,5.369,5.369,0,0,0-.783,1.111c-.08.151-.135.275-.17.358-.017.042-.03.073-.037.093ZM4.6,7.8A2.4,2.4,0,1,1,7,10.2,2.4,2.4,0,0,1,4.6,7.8Z' transform='translate(47.914 -59.684)' fill='%23afafaf'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.login-box .join-large-button {
  width: 100%;
  margin: 2.5rem 0 1rem;
}
.login-box .login-find {
  display: flex;
  justify-content: space-between;
}
.login-box .login-find-right .find-link {
  display: inline-block;
  position: relative;
  font-size: 1.2rem;
  color: #AFAFAF;
}
.login-box .login-find-right .find-link:not(:first-child) {
  margin-left: 1.6rem;
}
.login-box .login-find-right .find-link:not(:first-child)::before {
  display: block;
  position: absolute;
  left: -1.1rem;
  top: 0.15rem;
  background-color: #AFAFAF;
  width: 0.1rem;
  height: 1rem;
  content: "";
}
.login-box .login-button {
  display: flex;
  margin: 4rem 0 0;
  justify-content: space-between;
}
.login-box .login-button button {
  width: calc(50% - 0.3rem);
}

.login-slide {
  position: relative;
  width: 56rem;
  margin: 3rem auto 0;
  box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.1019607843);
  border-radius: 1.2rem;
}
.login-slide .login-slide-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.login-slide .slick-dots {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 1.5rem;
}
.login-slide .slick-dots li {
  margin: 0 0.3rem;
}
.login-slide .slick-dots li button {
  width: 4rem;
  height: 0.3rem;
  border: none;
  background: #EFEFEF;
  font-size: 0;
}
.login-slide .slick-dots li.slick-active button {
  background: #333;
}

.shortcut-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 50rem;
  border-top: 0.1rem solid #dcdee3;
  border-left: 0.1rem solid #dcdee3;
}

.shortcut-link {
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: relative;
  width: 50%;
  padding-left: 10.3rem;
  border-right: 0.1rem solid #dcdee3;
  border-bottom: 0.1rem solid #dcdee3;
}
.shortcut-link:hover {
  background-color: #f3f8fe;
}

.shortcut-icon {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 6rem;
  height: 6rem;
  transform: translateY(-50%);
}
.shortcut-icon.is-regist {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c%7Bfill:%23fff;%7D.a%7Bstroke:%23707070;opacity:0;%7D.b,.c,.d,.e%7Bstroke:%23142847;stroke-width:1.5px;%7D.b,.e%7Bstroke-linecap:round;stroke-linejoin:round;%7D.d%7Bfill:%23a2cff4;%7D.e,.g%7Bfill:none;%7D.f%7Bstroke:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-633.225 -764.666)'%3E%3Cg class='a' transform='translate(633.225 764.666)'%3E%3Crect class='f' width='60' height='60'/%3E%3Crect class='g' x='0.5' y='0.5' width='59' height='59'/%3E%3C/g%3E%3Cg transform='translate(653.44 772.266)'%3E%3Cpath class='b' d='M677.514,772.266h-12.5v23.747h19.026V778.793Z' transform='translate(-665.015 -772.266)'/%3E%3Cpath class='b' d='M687.022,778.793h6.527l-6.527-6.527Z' transform='translate(-674.523 -772.266)'/%3E%3Cline class='c' x2='6.944' transform='translate(2.638 4.444)'/%3E%3Cline class='c' x2='6.944' transform='translate(2.638 7.916)'/%3E%3Cline class='c' x2='13.631' transform='translate(2.638 11.388)'/%3E%3Cline class='c' x2='13.631' transform='translate(2.638 14.86)'/%3E%3Cline class='c' x2='13.631' transform='translate(2.638 18.332)'/%3E%3C/g%3E%3Cg transform='translate(638.225 796.311)'%3E%3Cg transform='translate(0 13.528)'%3E%3Crect class='d' width='14.37' height='7.827'/%3E%3Crect class='d' width='14.372' height='7.827' transform='translate(17.543)'/%3E%3Crect class='d' width='14.372' height='7.827' transform='translate(35.085)'/%3E%3C/g%3E%3Cg transform='translate(7.572 0)'%3E%3Cpath class='e' d='M651.557,832.8v-5.9h34.313v5.9' transform='translate(-651.557 -819.917)'/%3E%3Cline class='b' y2='12.885' transform='translate(17.157)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.shortcut-icon.is-join {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:%23fff;%7D.a%7Bstroke:%23707070;opacity:0;%7D.b%7Bisolation:isolate;%7D.c,.d%7Bstroke:%23151515;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;%7D.d%7Bfill:%23a2cff4;%7D.e%7Bstroke:none;%7D.f%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-805.043 -627.709)'%3E%3Cg class='a' transform='translate(805.043 627.709)'%3E%3Crect class='e' width='60' height='60'/%3E%3Crect class='f' x='0.5' y='0.5' width='59' height='59'/%3E%3C/g%3E%3Cg transform='translate(834.187 635.308)'%3E%3Cg class='b'%3E%3Cpath class='c' d='M866.328,635.563a3.159,3.159,0,0,0-.34-.057,3.318,3.318,0,0,0-.337-.087,4.474,4.474,0,0,0-2.639.2,3.533,3.533,0,0,0-2.313,2.77c-.446,3.352-.3,4.789,1.173,7.767s1.175,4.633-1.039,5.1-6.631.943-6.776,2.318-.447,3.506-.447,3.506c.214-.03,6.286,1.225,12.359,2.516s12.146,2.619,12.361,2.738c0,0-.29-2.25-.44-3.694s-4.561-3.787-6.775-5.2-2.5-3.19-1.024-5.542,1.624-3.725,1.184-7.266a6.177,6.177,0,0,0-2.313-3.754,6.023,6.023,0,0,0-2.635-1.319' transform='translate(-853.61 -635.308)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(822.377 644.494)'%3E%3Cg class='b'%3E%3Cpath class='d' d='M844.807,652.3a3.319,3.319,0,0,0-.341-.058,3.412,3.412,0,0,0-.338-.087,4.461,4.461,0,0,0-2.637.2,3.533,3.533,0,0,0-2.314,2.769c-.446,3.354-.3,4.79,1.173,7.768s1.175,4.633-1.039,5.1-6.631.944-6.777,2.32-.444,3.506-.444,3.506c.214-.03,6.286,1.224,12.358,2.516s12.145,2.619,12.362,2.738c0,0-.291-2.251-.44-3.695s-4.562-3.787-6.775-5.2-2.5-3.191-1.025-5.543,1.624-3.725,1.185-7.266a6.181,6.181,0,0,0-2.313-3.753,6.009,6.009,0,0,0-2.634-1.318' transform='translate(-832.089 -652.047)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(810.565 653.68)'%3E%3Cg class='b'%3E%3Cpath class='c' d='M823.284,669.043a3.146,3.146,0,0,0-.341-.057,3.41,3.41,0,0,0-.337-.088,4.469,4.469,0,0,0-2.637.2,3.532,3.532,0,0,0-2.314,2.769c-.445,3.352-.3,4.789,1.173,7.767s1.176,4.633-1.039,5.1-6.632.943-6.777,2.319-.446,3.505-.446,3.505c.214-.029,6.286,1.225,12.358,2.517s12.146,2.618,12.362,2.738c0,0-.291-2.251-.44-3.694s-4.562-3.787-6.775-5.2-2.5-3.19-1.024-5.543,1.624-3.726,1.184-7.266a6.176,6.176,0,0,0-2.314-3.754,6.021,6.021,0,0,0-2.633-1.318' transform='translate(-810.565 -668.787)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.shortcut-icon.is-manual {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:%23fff;%7D.a,.b%7Bstroke:%23142847;stroke-width:1.5px;%7D.b%7Bfill:%23a2cff4;stroke-linecap:round;%7D.c%7Bstroke:%23707070;opacity:0;%7D.d%7Bstroke:none;%7D.e%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-637.564 -424.086)'%3E%3Cg transform='translate(663.46 469.381)'%3E%3Cline class='a' y2='5.854' transform='translate(2.704)'/%3E%3Cpath class='a' d='M679.373,511.067a2.7,2.7,0,1,1-2.7-2.7A2.7,2.7,0,0,1,679.373,511.067Z' transform='translate(-673.965 -502.32)'/%3E%3Cg transform='translate(9.341)'%3E%3Cline class='a' y2='5.854' transform='translate(2.704)'/%3E%3Cpath class='a' d='M695.39,511.067a2.7,2.7,0,1,1-2.7-2.7A2.7,2.7,0,0,1,695.39,511.067Z' transform='translate(-689.982 -502.32)'/%3E%3C/g%3E%3Cg transform='translate(18.682)'%3E%3Cline class='a' y2='5.854' transform='translate(2.704)'/%3E%3Cpath class='a' d='M711.408,511.067a2.7,2.7,0,1,1-2.7-2.7A2.7,2.7,0,0,1,711.408,511.067Z' transform='translate(-706 -502.32)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(648.764 429.341)'%3E%3Crect class='b' width='24.991' height='31.399'/%3E%3Cline class='a' x2='10.892' transform='translate(6.729 7.37)'/%3E%3Cline class='a' x2='10.892' transform='translate(6.729 14.097)'/%3E%3Cline class='a' x2='10.892' transform='translate(6.729 20.825)'/%3E%3Cg transform='translate(13.858 11.086)'%3E%3Crect class='a' width='24.99' height='31.398'/%3E%3Cline class='a' x2='10.892' transform='translate(6.729 7.37)'/%3E%3Cline class='a' x2='10.892' transform='translate(6.729 14.097)'/%3E%3Cline class='a' x2='10.892' transform='translate(6.729 20.825)'/%3E%3C/g%3E%3C/g%3E%3Cg class='c' transform='translate(637.564 424.086)'%3E%3Crect class='d' width='60' height='60'/%3E%3Crect class='e' x='0.5' y='0.5' width='59' height='59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.shortcut-icon.is-help {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.e%7Bfill:%23fff;%7D.a%7Bstroke:%23707070;opacity:0;%7D.b,.c,.d,.e%7Bstroke:%23142847;stroke-width:1.5px;%7D.c%7Bfill:%233d90e2;%7D.c,.e%7Bstroke-linecap:round;stroke-linejoin:round;%7D.d%7Bfill:%23a2cff4;%7D.f%7Bstroke:none;%7D.g%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-819.314 -599.716)'%3E%3Cg class='a' transform='translate(819.314 599.716)'%3E%3Crect class='f' width='60' height='60'/%3E%3Crect class='g' x='0.5' y='0.5' width='59' height='59'/%3E%3C/g%3E%3Cg transform='translate(851.466 604.499)'%3E%3Cpath class='b' d='M874.351,604.5h13.972a4.938,4.938,0,0,1,4.938,4.938v7.446a4.938,4.938,0,0,1-4.938,4.939h-2.279V628.6l-6.276-6.777h-5.417a4.939,4.939,0,0,1-4.938-4.939v-7.446A4.938,4.938,0,0,1,874.351,604.5Z' transform='translate(-869.413 -604.499)'/%3E%3Cg transform='translate(5.46 5.163)'%3E%3Cline class='c' x1='12.929'/%3E%3Cline class='c' x1='12.929' transform='translate(0 3.64)'/%3E%3Cline class='c' x1='12.929' transform='translate(0 7.28)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(832.633 608.409)'%3E%3Cpath class='d' d='M867.913,641.477a13.657,13.657,0,0,1-13.657,13.657h0A13.657,13.657,0,0,1,840.6,641.477V624.137a13.656,13.656,0,0,1,13.655-13.656h0a13.656,13.656,0,0,1,13.657,13.656Z' transform='translate(-840.601 -610.481)'/%3E%3Cpath class='b' d='M862.206,628.4a1.518,1.518,0,0,1-1.517,1.518h0a1.518,1.518,0,0,1-1.516-1.518v-9.1a1.517,1.517,0,0,1,1.516-1.519h0a1.517,1.517,0,0,1,1.517,1.519Z' transform='translate(-847.033 -613.008)'/%3E%3C/g%3E%3Cg transform='translate(822.314 631.832)'%3E%3Cpath class='e' d='M843.725,646.316H829.752a4.939,4.939,0,0,0-4.938,4.938V658.7a4.939,4.939,0,0,0,4.938,4.938h2.279v6.778l6.276-6.778h5.417a4.938,4.938,0,0,0,4.938-4.938v-7.446A4.938,4.938,0,0,0,843.725,646.316Z' transform='translate(-824.814 -646.316)'/%3E%3Cg transform='translate(5.46 5.163)'%3E%3Cline class='c' x2='12.929'/%3E%3Cline class='c' x2='12.929' transform='translate(0 3.64)'/%3E%3Cline class='c' x2='12.929' transform='translate(0 7.28)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.shortcut-title {
  margin-bottom: 0.7rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.46;
  color: #000;
}

.shortcut-desc {
  display: inline-flex;
  align-items: center;
  font-size: 1.2rem;
  letter-spacing: -0.06rem;
  color: #909090;
}

.status-bar {
  display: flex;
  flex: none;
  justify-content: center;
  min-width: 128rem;
  height: 3.7rem;
  border-bottom: 1px solid #dedede;
  background-color: #f4f4f4;
}

.status-bar-inner {
  display: flex;
  justify-content: flex-end;
  max-width: 160rem;
  width: 100%;
}

.status-list {
  display: flex;
  align-items: center;
}

.status-title {
  height: 2.4rem;
  margin-right: 0.6rem;
  border-radius: 2rem;
  border: 1px solid #003288;
  padding: 0 0.8rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2.2rem;
  color: #003288;
  background-color: #fff;
}
.status-title:not(:first-child) {
  margin-left: 1.5rem;
}

.status-desc {
  font-weight: 500;
  font-size: 1.4rem;
}

.board-wrap {
  display: flex;
  justify-content: space-between;
  min-height: 13.2rem;
  padding: 2.2rem 3.4rem;
  border: 1px solid #dcdee3;
  border-radius: 0 0 0 3rem;
}

.board-title {
  margin-bottom: 0.7rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #0f3288;
}

.board-list {
  width: 46.6rem;
}

.board-list-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 0;
  color: #000;
}

.board-list-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 3rem;
}

.board-view-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  border-top: 1px solid #dbdbdb;
}

.board-view-title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.8rem;
  color: #333;
}

.board-view-date {
  font-size: 1.4rem;
  line-height: 1.28;
  color: #333;
}

.board-view-contents {
  min-height: 40rem;
  padding: 3rem;
  line-height: 1.42;
  background-color: #fff;
}

.board-view-title .grid-emergency,
.board-view-title .grid-important {
  margin-right: 1rem;
}

@media screen and (max-width: 1600px) {
  .board-view-contents {
    max-height: 24rem;
  }
}
.join-contents {
  width: 128rem;
  margin: 0 auto;
  padding: 6.8rem 0;
}
.join-contents.is-small {
  width: 92rem;
}
.join-contents.has-large-gap-top {
  padding-top: 10.6rem;
}

.join-step-list {
  display: flex;
  margin-bottom: 3.2rem;
}

.join-step-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 33.5rem;
  height: 6.6rem;
  padding-left: 3rem;
  color: #a0a0a0;
}
.join-step-item.is-active {
  color: #fff;
}
.join-step-item.is-completed {
  color: #2068e4;
}
.join-step-item:first-child.is-completed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23f3f8fe;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M772,5177l30,33-30,33Zm-305,66v-66H772v66Z' transform='translate(-467 -5177)'/%3E%3C/svg%3E");
}
.join-step-item:first-child.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232068e4;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M772,5177l30,33-30,33Zm-305,66v-66H772v66Z' transform='translate(-467 -5177)'/%3E%3C/svg%3E");
}
.join-step-item:not(:first-child, :last-child) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23f9f9f9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M918,5243H613l30-33v0l0,0,0,0-30-33H918v66h0Zm0-66,30,33-30,33Z' transform='translate(-613 -5177.001)'/%3E%3C/svg%3E");
}
.join-step-item:not(:first-child, :last-child).is-completed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23f3f8fe;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M918,5243H613l30-33v0l0,0,0,0-30-33H918v66h0Zm0-66,30,33-30,33Z' transform='translate(-613 -5177.001)'/%3E%3C/svg%3E");
}
.join-step-item:not(:first-child, :last-child).is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232068e4;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M918,5243H613l30-33v0l0,0,0,0-30-33H918v66h0Zm0-66,30,33-30,33Z' transform='translate(-613 -5177.001)'/%3E%3C/svg%3E");
}
.join-step-item:last-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23f9f9f9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M335,66H0L30,33,0,0H335V66Z'/%3E%3C/svg%3E");
}
.join-step-item:last-child.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='65.999' viewBox='0 0 335 65.999'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%232068e4;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M335,66H0L30,33,0,0H335V66Z'/%3E%3C/svg%3E");
}
.join-step-item:not(:first-child) {
  margin-left: -2rem;
  padding-left: 5.5rem;
}

.step-number {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}

.step-title {
  font-weight: 500;
  font-size: 1.6rem;
}

.join-completed-wrap {
  text-align: center;
}

.join-completed-contents {
  padding: 6rem 0 6.4rem;
  border: 1px solid #EAEAEA;
  background-color: #fff;
}

.join-completed-text {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 1.62;
}
.join-completed-text em {
  font-style: normal;
}
.join-completed-text .is-blue {
  color: #01ACC8;
}
.join-completed-text .is-red {
  color: #F63811;
}

.join-completed-question {
  padding: 2.3rem 0;
  background-color: #F8F8F8;
}

.join-question-link {
  margin-left: 1.2rem;
  color: #007E92;
}
.join-question-link:hover {
  text-decoration: underline;
}
.join-question-link:active {
  text-decoration: underline;
  color: #333;
}
.join-question-link:visited {
  color: #01ACC8;
}

.join-large-button {
  display: inline-block;
  width: 30rem;
  height: 4.6rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 4.6rem;
  text-align: center;
  color: #fff;
  border-radius: 0.4rem;
  background-color: #01ACC8;
}

.step-list {
  display: flex;
  margin: 0 0 3rem;
}

.step-list-item {
  position: relative;
  flex-grow: 1;
}
.step-list-item:not(:last-child):after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -4rem;
  z-index: 1;
  width: 4rem;
  height: 6.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='66.001' viewBox='0 0 40 66.001'%3E%3Cg id='gray' transform='translate(-579 -255)'%3E%3Cpath id='합치기_43' data-name='합치기 43' d='M200,9098v-66h10v66Zm10-66,30,33-30,33Z' transform='translate(379 -8777)' fill='%23fff'/%3E%3Cpath id='blue_front' d='M33,0,66,30H0Z' transform='translate(609 255) rotate(90)' fill='%23f9f9f9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.step-list-item .step-list-link {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 6.6rem;
  background: #F9F9F9;
  padding-left: 6rem;
}
.step-list-item .step-list-link .step-number {
  margin: 0 0 0.3rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #A0A0A0;
}
.step-list-item .step-list-link .step-title {
  font-size: 1.6rem;
  color: #A0A0A0;
}
.step-list-item:first-child .step-list-link {
  padding-left: 3rem;
}
.step-list-item.is-active:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='66.001' viewBox='0 0 40 66.001'%3E%3Cg id='blue' transform='translate(-579 -255)'%3E%3Cpath id='합치기_43' data-name='합치기 43' d='M200,9098v-66h10v66Zm10-66,30,33-30,33Z' transform='translate(379 -8777)' fill='%23fff'/%3E%3Cpath id='blue_front' d='M33,0,66,30H0Z' transform='translate(609 255) rotate(90)' fill='%2301acc8'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.step-list-item.is-active .step-list-link {
  background: #01ACC8;
}
.step-list-item.is-active .step-list-link .step-number,
.step-list-item.is-active .step-list-link .step-title {
  color: #fff;
}
.step-list-item.is-completion:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='66.001' viewBox='0 0 40 66.001'%3E%3Cg id='light_blue' transform='translate(-579 -255)'%3E%3Cpath id='합치기_43' data-name='합치기 43' d='M200,9098v-66h10v66Zm10-66,30,33-30,33Z' transform='translate(379 -8777)' fill='%23fff'/%3E%3Cpath id='blue_front' d='M33,0,66,30H0Z' transform='translate(609 255) rotate(90)' fill='%23f2fbfc'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.step-list-item.is-completion .step-list-link {
  background: #F2FBFC;
}
.step-list-item.is-completion .step-list-link .step-number,
.step-list-item.is-completion .step-list-link .step-title {
  color: #007E92;
}

.agree-wrap:not(last-child) {
  margin-bottom: 2rem;
}

.agree-contents {
  overflow-y: auto;
  max-height: 14rem;
  margin-bottom: 1.2rem;
  padding: 1.5rem;
  border: 1px solid #e0e0e0;
  color: #666;
}
.agree-contents h1 {
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: 1.6rem;
  color: #01ACC8;
}
.agree-contents h2 {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.6rem;
  color: #333;
}
.agree-contents h3 {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.4rem;
  color: #333;
}
.agree-contents p {
  line-height: 1.42;
  margin-bottom: 1rem;
}
.agree-contents table {
  border-collapse: initial;
  border: 1px solid #e0e0e0;
  text-align: center;
}
.agree-contents table:not(:last-child) {
  margin-bottom: 0.8rem;
}
.agree-contents table th {
  font-weight: 500;
}
.agree-contents table th,
.agree-contents table td {
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid #e0e0e0;
}
.agree-contents table th:not(:last-child),
.agree-contents table td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
.agree-contents table tr:last-child td {
  border-bottom: 0;
}

.description {
  position: relative;
  padding-left: 2rem;
  font-size: 1.2rem;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}
.description em {
  display: block;
  padding-top: 0.5rem;
  font-style: normal;
  line-height: 1.66 !important;
  color: #2068e4;
}
.description:not(:last-child) {
  margin-bottom: 1rem;
}
.description::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bfill:%23999;%7D.c%7Bstroke:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-760 -315)'%3E%3Crect class='a' width='18' height='18' transform='translate(760 315)'/%3E%3Ccircle class='b' cx='6' cy='6' r='6' transform='translate(763 318)'/%3E%3Cline class='c' y2='4' transform='translate(769 321.137)'/%3E%3Cline class='c' y2='1' transform='translate(769 325.863)'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
.description.is-error {
  color: #f63811;
}
.description.is-error::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bfill:%23F63811;%7D.c%7Bstroke:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-760 -315)'%3E%3Crect class='a' width='18' height='18' transform='translate(760 315)'/%3E%3Ccircle class='b' cx='6' cy='6' r='6' transform='translate(763 318)'/%3E%3Cline class='c' y2='4' transform='translate(769 321.137)'/%3E%3Cline class='c' y2='1' transform='translate(769 325.863)'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
.description.is-completed::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:%2300D5A2;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0 -0.35)'%3E%3Crect class='a' width='18' height='18' transform='translate(0 0.35)'/%3E%3Cpath class='b' d='M6,12A5.993,5.993,0,0,1,1.763,1.763a5.993,5.993,0,1,1,8.475,8.475A5.957,5.957,0,0,1,6,12ZM3.686,5.571,3,6.214,5.143,8.357,9,4.543l-.685-.686L5.143,7.029,3.686,5.571Z' transform='translate(3 3.35)'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.description-box {
  margin: 0 0 1rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: rgba(246, 56, 17, 0.05);
  text-align: left;
}
.description-box .description:not(:last-child) {
  margin-bottom: 0.4rem;
}
.description-box.is-completed {
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem 3rem;
  background-color: #f8f8f8;
}
.description-box.is-completed .description {
  font-size: 1.6rem;
  color: #333;
}
.description-box.is-completed .description::before {
  top: 0.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg id='ico_warning' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Crect id='사각형_27' data-name='사각형 27' width='18' height='18' fill='none'/%3E%3Cg id='그룹_18082' data-name='그룹 18082' transform='translate(-1 -1)'%3E%3Ccircle id='타원_34' data-name='타원 34' cx='7' cy='7' r='7' transform='translate(3 3)' fill='%2321a0b5'/%3E%3Cline id='선_100' data-name='선 100' y2='4' transform='translate(10 6.921)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='선_101' data-name='선 101' y2='1' transform='translate(10 12.293)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.find-tab-wrap {
  min-height: 50rem;
  padding: 0 5rem 10.4rem;
  border: 1px solid #dbdbdb;
  border-radius: 0 0 3rem 3rem;
  background-color: #fff;
}
.find-tab-wrap .tabs {
  margin: 0 -5rem 7rem;
}

.te-ww-container .tui-editor-contents {
  padding: 30px !important;
  font-size: 1.4rem;
  letter-spacing: -0.28px;
  line-height: 1.42;
}

.tui-editor-contents img {
  max-width: 77rem !important;
}

.te-mode-switch-section {
  display: none !important;
}

.loading {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loading.is-active {
  display: block;
}

.loading-body {
  z-index: 10;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.6rem solid #2068E4;
  border-top: 0.6rem solid #e5e5e5;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}
.loading-body.is-large {
  border-width: 0.6rem;
  width: 6rem;
  height: 6rem;
}
.loading-body.is-small {
  border-width: 0.4rem;
  width: 1.4rem;
  height: 1.4rem;
}

.dim-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.badge {
  display: inline-block;
  border-radius: 0.2rem;
  vertical-align: middle;
  font-weight: 500;
  font-size: 1.4rem;
}
.badge.is-medium {
  padding: 0.4rem 0.9rem;
}
.badge.is-right-gap {
  margin-right: 1rem;
}
.badge.is-orange {
  color: #fff;
  background-color: #ed6b0a;
}
.badge:not(:last-child) {
  margin-right: 1rem;
}

.download-button {
  display: inline-flex;
  align-items: center;
}
.download-button:hover {
  color: #01ACC8;
}
.download-button:hover .is-download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:%2301ACC8;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='20' height='20' transform='translate(20 20) rotate(180)'/%3E%3Cpath class='b' d='M7.165,12.9H6.21V4.218L2.584,7.839l-.673-.674L6.688,2.389l4.777,4.777-.674.674L7.165,4.218V12.9ZM.955,2.867H0V.955A.956.956,0,0,1,.955,0H12.42a.956.956,0,0,1,.955.955v1.91H12.42V.955H.955V2.866Z' transform='translate(16.688 16.762) rotate(180)'/%3E%3C/svg%3E");
}
td .download-button:first-child {
  margin-left: 1rem;
}

.board-view-controller {
  border-top: 1px solid #eaeaea;
}
.board-view-controller ~ .buttons {
  margin-top: 2rem;
}

.controller-btn {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  border-bottom: 1px solid #eaeaea;
  font-size: 1.4rem;
  background-color: #fff;
}

.controller-name {
  display: inline-flex;
  flex: none;
  align-items: center;
  margin-right: 3rem;
  color: #868686;
}
.controller-name::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.5rem;
}
.controller-name.is-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:none;stroke:%23868686;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0 16) rotate(-90)'%3E%3Crect class='a' width='16' height='16' transform='translate(0 0)'/%3E%3Cpath class='b' d='M0,10,5,5,0,0' transform='translate(6 3)'/%3E%3C/g%3E%3C/svg%3E");
}
.controller-name.is-next::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:none;stroke:%23868686;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(16) rotate(90)'%3E%3Crect class='a' width='16' height='16' transform='translate(0 0)'/%3E%3Cpath class='b' d='M0,0,5,5,0,10' transform='translate(6 3)'/%3E%3C/g%3E%3C/svg%3E");
}

.controller-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.progress-list {
  padding: 2.7rem;
  border: 1px solid #DBDBDB;
}

.progress-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.progress-item:not(:last-child) {
  margin-bottom: 2.8rem;
}
.progress-item.is-yellow .progress-bar {
  background-color: #efa500;
}
.progress-item.is-yellow .progress-percent {
  color: #efa500;
}
.progress-item.is-mint .progress-bar {
  background-color: #21bd9f;
}
.progress-item.is-mint .progress-percent {
  color: #21bd9f;
}
.progress-item.is-blue .progress-bar {
  background-color: #2068e4;
}
.progress-item.is-blue .progress-percent {
  color: #2068e4;
}

.progress-bar {
  width: 0;
  height: 2.4rem;
  border-radius: 0.3rem;
  transition: width 3s;
}

.progress-inner {
  display: flex;
  flex: 1;
  align-items: center;
}

.progress-title {
  flex: none;
  width: 4rem;
}

.progress-percent {
  flex: none;
  width: 5.8rem;
  margin-left: 4rem;
  text-align: right;
}

.dashboard-sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.12;
  color: #003288;
}
.dashboard-sub-title > span {
  margin-left: 0.5rem;
  font-size: 1.4rem;
  color: #333;
}

.dashboard-contents:not(:last-child) {
  margin-bottom: 3rem;
}
.dashboard-contents.has-gap-top {
  margin-top: 2.7rem;
}

.function-wrap {
  width: 40rem;
  margin-left: 4rem;
}

.deadline {
  display: flex;
  justify-content: center;
  padding: 1.3rem 0 1.5rem;
  border-radius: 0 3rem 0 0;
  background-color: #003288;
}

.deadline-keypad {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.4rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
}
.deadline-keypad:not(:last-child) {
  margin-right: 0.5rem;
}

.weather {
  height: 12rem;
  border: 1px solid #DBDBDB;
}

.popup-header {
  padding: 1.5rem 0;
  text-align: center;
  background-color: #003288;
}

.popup-contents {
  padding: 7rem 6rem 3rem;
  background-color: #fff;
}
.popup-contents.are-centered {
  text-align: center;
}

.popup-text {
  margin-top: 3rem;
}
.popup-text strong {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.21;
  letter-spacing: -0.056rem;
}
.popup-text strong ~ em {
  display: block;
  margin-top: 0.4rem;
}
.popup-text em {
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.55;
  color: #2068E4;
}

.popup-buttons {
  display: flex;
}
.popup-buttons.has-gap-top {
  margin-top: 5rem;
}

.popup-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
}
.popup-button:not(:last-child) {
  margin-right: 0.5rem;
}
.popup-button.is-full {
  flex: 1;
}
.popup-button.is-medium {
  height: 4.6rem;
}
.popup-button.is-primary {
  color: #fff;
  background-color: #003288;
}

.info-popup {
  display: flex;
  align-items: center;
  float: left;
  margin-left: 1rem;
  font-size: 1.2rem;
  color: #01ACC8;
  text-decoration: underline;
}
.info-popup::before {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.2rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg id='icon_status_help_16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='사각형_706' data-name='사각형 706' width='16' height='16' fill='%23fff' opacity='0'/%3E%3Cg id='그룹_16900' data-name='그룹 16900' transform='translate(-588 -359)'%3E%3Cg id='타원_225' data-name='타원 225' transform='translate(589 361)' fill='%2301acc8' stroke='%2301acc8' stroke-width='1'%3E%3Ccircle cx='7' cy='7' r='7' stroke='none'/%3E%3Ccircle cx='7' cy='7' r='6.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_11163' data-name='패스 11163' d='M2.22-10.02H3.23c-.17-1.49,1.61-2.03,1.61-3.49a1.772,1.772,0,0,0-1.97-1.83,2.617,2.617,0,0,0-1.99.96l.65.59a1.629,1.629,0,0,1,1.21-.61.916.916,0,0,1,.98.97C3.72-12.34,1.98-11.7,2.22-10.02Zm.52,2.48a.765.765,0,0,0,.77-.8.783.783,0,0,0-.77-.82.777.777,0,0,0-.77.82A.76.76,0,0,0,2.74-7.54Z' transform='translate(593.14 379.439)' fill='%23fff' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
  content: "";
}

.popup-title {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 1.6rem;
  margin-top: 0.6rem;
  margin-bottom: 1.1rem;
  text-align: inherit;
  font-size: 1.5rem;
  font-weight: 500;
  color: #01ACC8;
}
.popup-title::before {
  display: block;
  position: absolute;
  left: 0.15rem;
  top: 50%;
  width: 0.7rem;
  height: 0.7rem;
  margin-top: -0.4rem;
  border: solid #01ACC8;
  border-width: 0.2rem 0.2rem 0 0;
  transform: rotate(45deg);
  content: "";
}

.text-box {
  padding: 1.5rem;
  margin: 0 0 2rem;
  background-color: #F8F8F8;
}
.text-box:last-child {
  margin: 0;
}
.text-box p {
  margin: 0;
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
}

.text-box-list .text-box-item {
  position: relative;
  min-height: 2rem;
  padding-left: 1.5rem;
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
}
.text-box-list .text-box-item::before {
  display: block;
  position: absolute;
  left: 0.4rem;
  top: 0.9rem;
  width: 0.4rem;
  height: 0.1rem;
  background: #333;
  content: "";
}

.text-strong {
  display: block;
  margin: 1rem 0 3rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #000000;
}

.help-contents {
  display: flex;
  align-items: center;
  line-height: 1.28;
}

.weather {
  display: flex;
  justify-content: space-between;
  padding-right: 2.8rem;
}

.weather-detail {
  display: flex;
  align-items: center;
}

.weather-temp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.weather-image {
  padding: 0 1rem;
}

.weather-info {
  color: #151515;
}

.weather-local {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.12;
  color: #003288;
}

.weather-name {
  margin-top: 0.4rem;
  font-size: 2rem;
}

.weather-date {
  margin-top: 1rem;
  line-height: 1.28;
}

.today-temp {
  font-size: 3.4rem;
  line-height: 1.5;
}

.merge-temp {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.12;
}

.temp-num {
  font-size: 1.6rem;
}
.temp-num.is-max {
  color: #EC6E4C;
}
.temp-num.is-min {
  color: #2068E4;
}

.placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 1rem;
  transition: all 0.15s;
  font-weight: 500;
  font-size: 1.4rem;
  color: #afafaf;
}
.placeholder.is-large {
  height: 4rem;
  line-height: 4rem;
}
.placeholder.is-hide {
  pointer-events: none;
  color: transparent;
}

.tree-wrap {
  width: 33rem;
  margin-right: 4rem;
}
.tree-wrap .tui-tree-wrap {
  overflow-y: auto;
  width: 33rem;
  height: 80.8rem;
  background: #fff;
  border: 0.1rem solid #EAEAEA;
}
.tree-wrap .tui-tree-content-wrapper {
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.tree-wrap .tui-tree-text {
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
  padding: 0.9rem 0;
}
.tree-wrap .tui-tree-opened > .tui-tree-content-wrapper .tui-tree-text {
  font-weight: 400;
}
.tree-wrap .tui-tree-selected > .tui-tree-content-wrapper .tui-tree-text {
  color: #01ACC8;
  font-weight: 700;
}
.tree-wrap .tui-tree-root > .tui-tree-opened.tui-tree-selected > .tui-tree-content-wrapper .tui-tree-text {
  color: #01ACC8;
  font-weight: 700;
}
.tree-wrap .tui-ico-folder {
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem 0 0;
}
.tree-wrap .tui-tree-content-wrapper .tui-ico-folder {
  margin: 0 0.5rem 0 0;
}
.tree-wrap .tui-tree-opened .tui-ico-folder {
  background-image: url("data:image/svg+xml,%3Csvg id='ico_openfolder' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_1315' data-name='사각형 1315' width='16' height='7' transform='translate(2)' fill='%23007e92'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='패스_8410' data-name='패스 8410' d='M0,0H20V20H0Z' fill='none'/%3E%3Cpath id='패스_8414' data-name='패스 8414' d='M11.129,4.556h5.257a.788.788,0,0,1,.8.778v.778H2.816V3.778A.788.788,0,0,1,3.614,3H9.532ZM2.885,7.667h14.23a.808.808,0,0,1,.588.251.766.766,0,0,1,.208.591l-.666,7.778a.79.79,0,0,1-.8.713H3.55a.79.79,0,0,1-.8-.713L2.089,8.509A.766.766,0,0,1,2.3,7.918a.808.808,0,0,1,.588-.251Z' transform='translate(-2)' fill='%2301acc8'/%3E%3Cg id='마스크_그룹_5' data-name='마스크 그룹 5' transform='translate(-2)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_8411' data-name='패스 8411' d='M11.129,4.556h5.257a.788.788,0,0,1,.8.778v.778H2.816V3.778A.788.788,0,0,1,3.614,3H9.532ZM2.885,7.667h14.23a.808.808,0,0,1,.588.251.766.766,0,0,1,.208.591l-.666,7.778a.79.79,0,0,1-.8.713H3.55a.79.79,0,0,1-.8-.713L2.089,8.509A.766.766,0,0,1,2.3,7.918a.808.808,0,0,1,.588-.251Z' fill='%23007e92'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.tree-wrap .tui-tree-closed .tui-ico-folder {
  background-image: url("data:image/svg+xml,%3Csvg id='ico_folder' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='패스_8412' data-name='패스 8412' d='M0,0H20V20H0Z' fill='none'/%3E%3Cpath id='패스_8413' data-name='패스 8413' d='M10.331,4.556H17.2a.789.789,0,0,1,.8.778V16.222a.789.789,0,0,1-.8.778H2.8a.789.789,0,0,1-.8-.778V3.778A.789.789,0,0,1,2.8,3H8.731Z' transform='translate(-2 0)' fill='%23007e92'/%3E%3C/svg%3E%0A") !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.tree-wrap .tui-tree-wrap .tui-tree-toggle-btn {
  width: 1.2rem;
  height: 3.8rem;
  margin: 0 0.5rem 0 0;
}
.tree-wrap .tui-tree-opened .tui-ico-tree {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='btn_tree_open' transform='translate(-287 -264)'%3E%3Cg id='사각형_1314' data-name='사각형 1314' transform='translate(287 264)' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='12' height='12' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='11' height='11' fill='none'/%3E%3C/g%3E%3Cpath id='다각형_3' data-name='다각형 3' d='M4,0,8,4H0Z' transform='translate(297 272) rotate(180)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.tree-wrap .tui-tree-closed .tui-ico-tree {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='btn_tree_dw' transform='translate(-287 -264)'%3E%3Cg id='사각형_1314' data-name='사각형 1314' transform='translate(287 264)' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='12' height='12' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='11' height='11' fill='none'/%3E%3C/g%3E%3Cpath id='다각형_3' data-name='다각형 3' d='M4,0,8,4H0Z' transform='translate(295 266) rotate(90)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.tree-wrap .tui-tree-content-wrapper .tui-ico-file {
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem 0 0;
  background-image: url("data:image/svg+xml,%3Csvg id='ico_3dp' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='패스_8415' data-name='패스 8415' d='M0,0H20V20H0Z' fill='none'/%3E%3Cpath id='패스_8416' data-name='패스 8416' d='M15,6.9v8.4a.685.685,0,0,1-.662.7H3.662A.679.679,0,0,1,3,15.306V2.694A.685.685,0,0,1,3.665,2h6.668V6.2A.684.684,0,0,0,11,6.9Zm0-1.4H11.667V2Z' transform='translate(-3 1)' fill='%2397dbe5'/%3E%3C/svg%3E%0A") !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
.tree-wrap .tui-tree-content-wrapper:hover,
.tree-wrap .tui-tree-hover > .tui-tree-content-wrapper {
  background: rgba(1, 172, 200, 0.05);
}
.tree-wrap .tui-tree-selected > .tui-tree-content-wrapper {
  background: rgba(1, 172, 200, 0.05);
}
.tree-wrap .tui-tree-leaf > .tui-tree-content-wrapper .tui-tree-text {
  padding-left: 0;
}
.tree-wrap .tui-tree-subtree .tui-tree-content-wrapper {
  padding-left: 5.5rem;
}
.tree-wrap .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
  padding-left: 7.5rem;
}
.tree-wrap .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
  padding-left: 10rem;
}
.tree-wrap .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
  padding-left: 13rem;
}

.footer {
  margin-top: auto;
  padding: 3rem 0;
  background-color: #696969;
}
.footer .footer-copyright {
  text-align: center;
  color: #DBDBDB;
}

.sub-page .footer {
  background-color: #fff;
}
.sub-page .footer .footer-copyright {
  color: #7B7B7B;
}

.footer-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 124rem;
  margin: 0 auto;
  letter-spacing: -0.35px;
  line-height: 1.42;
  color: #888;
}
.footer-contents address {
  position: relative;
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  font-style: normal;
}
.footer-contents address::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 1.5rem;
  background-color: #646464;
}

.footer-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 1rem;
  border-radius: 0.3rem;
  border: 0.1rem solid #646464;
  color: #BCBCBC;
}
.footer-btn:not(:last-child) {
  margin-right: 2rem;
}
.footer-btn.is-arrow-type::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23909090;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1166 -375)'%3E%3Crect class='a' width='12' height='12' transform='translate(1166 375)'/%3E%3Cpath class='b' d='M3121.132,422.048l4.019,4.019-4.019,4.019' transform='translate(-1951.151 -45.067)'/%3E%3C/g%3E%3C/svg%3E");
}

.section {
  padding: 3rem 1.5rem;
}

.is-fixedLayout .navbar {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
}
.is-fixedLayout .menu {
  position: fixed;
  top: 6.1rem;
  left: 0;
  z-index: 200;
  /* margin-left: -80rem; */
  background: #fff;
}
.is-fixedLayout .sub-page {
  min-height: 100vh;
  padding: 8.1rem 4rem 3rem 26rem;
}
.is-fixedLayout .footer {
  display: none;
  width: 100%;
  max-width: 160rem;
  min-width: 128rem;
  margin: 6rem auto 0;
  padding-left: 26rem;
  background: #fff;
}
.is-fixedLayout .footer .footer-copyright {
  color: #7b7b7b;
}

@media (max-width: 1599px) {
  .is-fixedLayout .menu {
    left: 0;
    margin-left: 0;
  }
}
.has-text-primary {
  color: #01ACC8 !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #018095 !important;
}

.has-background-primary {
  background-color: #01ACC8 !important;
}

.has-text-primary-light {
  color: #01ACC8 !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: #018095 !important;
}

.has-background-primary-light {
  background-color: #01ACC8 !important;
}

.has-text-primary-dark {
  color: #4FCCE1 !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: #7bd9e8 !important;
}

.has-background-primary-dark {
  background-color: #4FCCE1 !important;
}

.has-text-secondary {
  color: #bcbcbc !important;
}

a.has-text-secondary:hover, a.has-text-secondary:focus {
  color: #a3a3a3 !important;
}

.has-background-secondary {
  background-color: #bcbcbc !important;
}

.has-text-secondary-light {
  color: #bcbcbc !important;
}

a.has-text-secondary-light:hover, a.has-text-secondary-light:focus {
  color: #a3a3a3 !important;
}

.has-background-secondary-light {
  background-color: #bcbcbc !important;
}

.has-text-secondary-dark {
  color: #d4d4d4 !important;
}

a.has-text-secondary-dark:hover, a.has-text-secondary-dark:focus {
  color: #eeeeee !important;
}

.has-background-secondary-dark {
  background-color: #d4d4d4 !important;
}

.has-text-outline.is-primary {
  color: white !important;
}

a.has-text-outline.is-primary:hover, a.has-text-outline.is-primary:focus {
  color: #e6e6e6 !important;
}

.has-background-outline.is-primary {
  background-color: white !important;
}

.has-text-outline.is-primary-light {
  color: #01ACC8 !important;
}

a.has-text-outline.is-primary-light:hover, a.has-text-outline.is-primary-light:focus {
  color: #018095 !important;
}

.has-background-outline.is-primary-light {
  background-color: #01ACC8 !important;
}

.has-text-outline.is-primary-dark {
  color: #F2FBFC !important;
}

a.has-text-outline.is-primary-dark:hover, a.has-text-outline.is-primary-dark:focus {
  color: white !important;
}

.has-background-outline.is-primary-dark {
  background-color: #F2FBFC !important;
}

.has-text-outline.is-secondary {
  color: white !important;
}

a.has-text-outline.is-secondary:hover, a.has-text-outline.is-secondary:focus {
  color: #e6e6e6 !important;
}

.has-background-outline.is-secondary {
  background-color: white !important;
}

.has-text-outline.is-secondary-light {
  color: #E0E0E0 !important;
}

a.has-text-outline.is-secondary-light:hover, a.has-text-outline.is-secondary-light:focus {
  color: #c7c7c7 !important;
}

.has-background-outline.is-secondary-light {
  background-color: #E0E0E0 !important;
}

.has-text-outline.is-secondary-dark {
  color: white !important;
}

a.has-text-outline.is-secondary-dark:hover, a.has-text-outline.is-secondary-dark:focus {
  color: white !important;
}

.has-background-outline.is-secondary-dark {
  background-color: white !important;
}

.has-text-modify.is-primary {
  color: white !important;
}

a.has-text-modify.is-primary:hover, a.has-text-modify.is-primary:focus {
  color: #e6e6e6 !important;
}

.has-background-modify.is-primary {
  background-color: white !important;
}

.has-text-modify.is-primary-light {
  color: #bebebe !important;
}

a.has-text-modify.is-primary-light:hover, a.has-text-modify.is-primary-light:focus {
  color: #a5a5a5 !important;
}

.has-background-modify.is-primary-light {
  background-color: #bebebe !important;
}

.has-text-modify.is-primary-dark {
  color: #629dff !important;
}

a.has-text-modify.is-primary-dark:hover, a.has-text-modify.is-primary-dark:focus {
  color: #95bdff !important;
}

.has-background-modify.is-primary-dark {
  background-color: #629dff !important;
}

.has-text-modify.is-secondary {
  color: #f0f3f9 !important;
}

a.has-text-modify.is-secondary:hover, a.has-text-modify.is-secondary:focus {
  color: #ccd6ea !important;
}

.has-background-modify.is-secondary {
  background-color: #f0f3f9 !important;
}

.has-text-modify.is-secondary-light {
  color: #e5e5e5 !important;
}

a.has-text-modify.is-secondary-light:hover, a.has-text-modify.is-secondary-light:focus {
  color: #cccccc !important;
}

.has-background-modify.is-secondary-light {
  background-color: #e5e5e5 !important;
}

.has-text-modify.is-secondary-dark {
  color: #f0f3f9 !important;
}

a.has-text-modify.is-secondary-dark:hover, a.has-text-modify.is-secondary-dark:focus {
  color: white !important;
}

.has-background-modify.is-secondary-dark {
  background-color: #f0f3f9 !important;
}

.has-text-search {
  color: #01ACC8 !important;
}

a.has-text-search:hover, a.has-text-search:focus {
  color: #018095 !important;
}

.has-background-search {
  background-color: #01ACC8 !important;
}

.has-text-search-light {
  color: #01ACC8 !important;
}

a.has-text-search-light:hover, a.has-text-search-light:focus {
  color: #018095 !important;
}

.has-background-search-light {
  background-color: #01ACC8 !important;
}

.has-text-search-dark {
  color: #4FCCE1 !important;
}

a.has-text-search-dark:hover, a.has-text-search-dark:focus {
  color: #7bd9e8 !important;
}

.has-background-search-dark {
  background-color: #4FCCE1 !important;
}

.has-text-refresh {
  color: white !important;
}

a.has-text-refresh:hover, a.has-text-refresh:focus {
  color: #e6e6e6 !important;
}

.has-background-refresh {
  background-color: white !important;
}

.has-text-refresh-light {
  color: #007E92 !important;
}

a.has-text-refresh-light:hover, a.has-text-refresh-light:focus {
  color: #00525f !important;
}

.has-background-refresh-light {
  background-color: #007E92 !important;
}

.has-text-refresh-dark {
  color: white !important;
}

a.has-text-refresh-dark:hover, a.has-text-refresh-dark:focus {
  color: white !important;
}

.has-background-refresh-dark {
  background-color: white !important;
}

.has-text-shuffle {
  color: white !important;
}

a.has-text-shuffle:hover, a.has-text-shuffle:focus {
  color: #e6e6e6 !important;
}

.has-background-shuffle {
  background-color: white !important;
}

.has-text-shuffle-light {
  color: #dedede !important;
}

a.has-text-shuffle-light:hover, a.has-text-shuffle-light:focus {
  color: #c5c5c5 !important;
}

.has-background-shuffle-light {
  background-color: #dedede !important;
}

.has-text-shuffle-dark {
  color: white !important;
}

a.has-text-shuffle-dark:hover, a.has-text-shuffle-dark:focus {
  color: white !important;
}

.has-background-shuffle-dark {
  background-color: white !important;
}

.has-text-ghost {
  color: transparent !important;
}

a.has-text-ghost:hover, a.has-text-ghost:focus {
  color: rgba(0, 0, 0, 0) !important;
}

.has-background-ghost {
  background-color: transparent !important;
}

.has-text-ghost-light {
  color: transparent !important;
}

a.has-text-ghost-light:hover, a.has-text-ghost-light:focus {
  color: rgba(0, 0, 0, 0) !important;
}

.has-background-ghost-light {
  background-color: transparent !important;
}

.has-text-ghost-dark {
  color: transparent !important;
}

a.has-text-ghost-dark:hover, a.has-text-ghost-dark:focus {
  color: rgba(26, 26, 26, 0) !important;
}

.has-background-ghost-dark {
  background-color: transparent !important;
}

.has-text-info {
  color: #0032fa !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: #0028c7 !important;
}

.has-background-info {
  background-color: #0032fa !important;
}

.has-text-success {
  color: #24a148 !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: #1b7735 !important;
}

.has-background-success {
  background-color: #24a148 !important;
}

.has-text-warning {
  color: #f1c21b !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #cca20d !important;
}

.has-background-warning {
  background-color: #f1c21b !important;
}

.has-text-error {
  color: #da1e28 !important;
}

a.has-text-error:hover, a.has-text-error:focus {
  color: #ad1820 !important;
}

.has-background-error {
  background-color: #da1e28 !important;
}

.has-text-white-bis {
  color: hsl(0deg, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0deg, 0%, 98%) !important;
}

.has-text-white-ter {
  color: hsl(0deg, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0deg, 0%, 96%) !important;
}

.has-text-grey-lighter {
  color: hsl(0deg, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0deg, 0%, 86%) !important;
}

.has-text-grey-light {
  color: hsl(0deg, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0deg, 0%, 71%) !important;
}

.has-text-grey {
  color: hsl(0deg, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0deg, 0%, 48%) !important;
}

.has-text-grey-dark {
  color: hsl(0deg, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0deg, 0%, 29%) !important;
}

.has-text-grey-darker {
  color: hsl(0deg, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0deg, 0%, 21%) !important;
}

.has-text-black-ter {
  color: hsl(0deg, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0deg, 0%, 14%) !important;
}

.has-text-black-bis {
  color: hsl(0deg, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0deg, 0%, 7%) !important;
}

.color-var {
  display: inline-block;
  vertical-align: middle;
}

.is-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mb-1rem {
  margin-bottom: 1rem !important;
}

.mb-4rem {
  margin-bottom: 4rem !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.is-vertical-container {
  flex-direction: column !important;
}
.is-vertical-container:not(.tab-content) {
  display: flex !important;
}

.is-filled-vertically {
  flex-grow: 1;
}

.is-size-1 {
  font-size: 0.75rem !important;
}

.is-size-2 {
  font-size: 0.875rem !important;
}

.is-size-3 {
  font-size: 1rem !important;
}

.is-size-4 {
  font-size: 1.25rem !important;
}

.is-size-5 {
  font-size: 1.75rem !important;
}

.is-size-6 {
  font-size: 2rem !important;
}

.is-size-7 {
  font-size: 2.625rem !important;
}

.is-size-8 {
  font-size: 3.375rem !important;
}

.has-text-center {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: "Noto Sans KR", sans-serif !important;
}

.is-family-secondary {
  font-family: "Noto Sans KR", sans-serif !important;
}

.is-family-sans-serif {
  font-family: "Noto Sans KR", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.label_01,
.helper-text_01 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.label_01.is-error,
.helper-text_01.is-error {
  color: #da1e28;
}

.body_01_short {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.body_01_long {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.body_02_short {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.body_02_long {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.heading_01 {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.heading_02 {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}

.heading_03 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
}

.heading_04 {
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 400;
}

.heading_05 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 300;
}

.heading_06 {
  font-size: 2.625rem;
  line-height: 3.125rem;
  font-weight: 300;
}

.heading_07 {
  font-size: 3.375rem;
  line-height: 4rem;
  font-weight: 300;
}

.is-required {
  display: inline-block;
  position: relative;
}
.is-required::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.2rem);
  left: -1rem;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Cg transform='translate(0 -7.513)'%3E%3Crect width='6' height='6' transform='translate(0 7.513)' fill='none'/%3E%3Cpath d='M-1.084-6,.142-7.433,1.368-6l.768-.561-.96-1.61L2.845-8.88l-.3-.9L.777-9.368.614-11.214h-.96L-.508-9.353l-1.772-.428-.3.9,1.669.709-.945,1.61Z' transform='translate(3 19)' fill='%23ff1e1e'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.is-required.is-small {
  font-size: 1.2rem;
}
.is-required.are-centered::before {
  top: 50%;
}

.is-pre-wrap {
  white-space: pre-wrap !important;
}

.is-float-right {
  float: right !important;
}

.is-block {
  display: block !important;
}

.is-flex {
  display: flex !important;
}

.is-inline {
  display: inline !important;
}

.is-inline-block {
  display: inline-block !important;
}

.is-inline-flex {
  display: inline-flex !important;
}

.is-hidden {
  display: none !important;
}

.is-sr-only {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -0.1rem !important;
  border: none !important;
  padding: 0 !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  white-space: nowrap !important;
}

.is-invisible {
  visibility: hidden !important;
}

.main {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  min-height: calc(100vh - 11.1rem);
}
.main .main-title {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.main .requiredList {
  display: flex;
  justify-content: flex-end;
  width: 122.3rem;
  margin: 0 auto 0.5rem;
}
.main .requiredList .requiredList__item {
  width: 22.1rem;
  height: 8.4rem;
  margin-left: 1.2rem;
  padding: 1.2rem 2rem 0;
  background-color: #f2fbfc;
  border: 0.1rem solid #4fcce1;
  border-radius: 1rem;
  text-align: left;
}
.main .requiredList .requiredList__title {
  margin: 0 0 0.7rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #151515;
}
.main .requiredList .requiredList__num {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  background-color: #01acc8;
  border-radius: 3rem;
  color: #f2fbfc;
  font-size: 1.8rem;
  font-weight: 500;
}
.main .footer {
  display: block;
  padding: 0;
}

/*# sourceMappingURL=app.css.map */