@charset "UTF-8";
/* view_document.scss
-------------------------------------------------------------------------------------------------------- */
#xet-simple-board {
  /** 게시물,댓글 - 에디터로 작성된 내용출력 */
  /** 게시물 읽기 화면 */
}
#xet-simple-board .simple-board__read {
  position: relative;
  font-size: 1.125rem;
}
#xet-simple-board .simple-board__read::after {
  display: none;
  z-index: 0;
  content: "";
  position: absolute;
  top: -3rem;
  left: 0;
  bottom: -3rem;
  width: 50%;
  max-width: 480px;
  background-color: rgba(231, 233, 243, 0.8);
}
#xet-simple-board .simple-board__read > div {
  z-index: 2;
  position: relative;
}
#xet-simple-board .simple-board__read > .__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#xet-simple-board .simple-board__read > .__container > div:first-child {
  max-width: 480px;
}
#xet-simple-board .simple-board__read > .__container > div:last-child {
  flex: 2;
}
#xet-simple-board .simple-board__read > .__container .image {
  max-width: 480px;
  box-shadow: var(--board-box-shadow2);
}
#xet-simple-board .rhymix_content,
#xet-simple-board .xe_content {
  word-break: keep-all;
  font-size: 1.125rem !important;
  color: var(--board-text-strong-color);
}
#xet-simple-board .simple-board__read {
  /** 상단 */
  /** 본문 */
}
#xet-simple-board .simple-board__read .simple-board__read__header {
  margin-bottom: 2rem;
  /** 게시물 제목 */
}
#xet-simple-board .simple-board__read .simple-board__read__header .document-title .category-name {
  margin-bottom: 8px;
  color: var(--board-text-base-color);
}
#xet-simple-board .simple-board__read .simple-board__read__header .document-title .subject {
  font-size: 2rem;
  font-weight: 700;
}
#xet-simple-board .simple-board__read .simple-board__read__body {
  /** 확장 변수 */
}
#xet-simple-board .simple-board__read .simple-board__read__body .simple-board__read__extravars {
  margin-bottom: 2rem;
}
#xet-simple-board .simple-board__read .simple-board__read__body .simple-board__read__extravars .item {
  display: flex;
  gap: 1rem;
}
#xet-simple-board .simple-board__read .simple-board__read__footer {
  margin-top: 2rem;
}

@media (min-width: 992px) {
  #xet-simple-board {
    /** 게시물 읽기 화면 */
  }
  #xet-simple-board .simple-board__read {
    /** 상단 */
    /** 본문 */
    /** Footer */
  }
  #xet-simple-board .simple-board__read::after {
    display: block;
  }
  #xet-simple-board .simple-board__read > .__container {
    flex-direction: row;
    gap: 4rem;
    padding: 4rem;
  }
  #xet-simple-board .simple-board__read .simple-board__read__header {
    margin-bottom: 4rem;
  }
  #xet-simple-board .simple-board__read .simple-board__read__body {
    /** 확장 변수 */
  }
  #xet-simple-board .simple-board__read .simple-board__read__body .simple-board__read__extravars {
    margin-bottom: 4rem;
  }
}