@charset "UTF-8";
/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
* System icons
*/
/**
 * Breakpoints
 */
/**
 * Vertical rhythm
 */
/**
 * Gutter
 */
/**
 * Color theme creation
 */
/*
 * @ text accent
 * @ $text-color
 */
/**
 * Font systems
 */
/**
* System icons
*/
@-webkit-keyframes text-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  font-size: 1px;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  word-break: keep-all;
  font-size: 21.3333333333rem;
  line-height: 32rem;
  font-family: Pretendard, dotum, 돋움, sans-serif;
  -webkit-text-size-adjust: none;
}

hr {
  display: none;
}

img {
  max-width: 100%;
}

#wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  overflow: hidden;
}

#page {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 60rem 0;
  padding: 0 24rem;
}
@media (min-width: 1024px) {
  #page {
    margin: 216rem 0;
    padding: 0 48rem;
  }
}

.page-head {
  position: absolute;
  top: 24rem;
  left: 20rem;
}
@media (min-width: 1024px) {
  .page-head {
    top: 44rem;
    left: 40rem;
  }
}
.page-head .page-subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
.page-head .page-subject .page-name {
  display: block;
}
.page-head .page-subject .page-name svg {
  display: block;
  fill: rgb(0, 0, 136);
  width: 151rem;
  height: 16rem;
}
@media (min-width: 1024px) {
  .page-head .page-subject .page-name svg {
    width: 215rem;
    height: 20rem;
  }
}

.page-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-body #local .local-head {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.page-foot {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/**
 * @type layout
 * @name page-skip
 */
.page-skip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 100;
  top: -120rem;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 120rem;
  background-color: rgb(0, 0, 0);
}
.page-skip .skip-item {
  color: rgb(229, 229, 229);
  font-size: 21.3333333333rem;
  line-height: 32rem;
}
.page-skip:focus-within {
  top: 0;
}

/**
 * @type front
 * @name page-error
 */
.page-body.page-error .info-board.module-d {
  margin: 12rem 0;
}
@media (min-width: 1024px) {
  .page-body.page-error .info-board.module-d {
    margin: 64rem 0;
  }
}
/*# sourceMappingURL=maps/page.system.css.map */