@charset "UTF-8";

/* Sangmin Lee 2025.12.23 */
/* summernote custom css */
@font-face {
  font-family: "Wonho-Regular";
  src: url("/resources/assets/font/Wonho1305Regular.woff2") format("woff2");
  font-feature-settings: "ss01" 1;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* 부모의 z-index 값 초기화 */
.mkdf-wrapper, .mkdf-content, .mkdf-container {
  z-index: initial;
}

/* 썸머노트 툴바에 color 를 전경, 배경 나누면서 사이에 있는 경계 줄을 없애려고 넣음 */
/* JHIL edit 2025.11.20 */
.note-toolbar .note-color-fore .dropdown-toggle,
.note-toolbar .note-color-back .dropdown-toggle {
  border-left: none;
}

.note-btn-underline-space {
  min-width: 24px;
  text-align: center;
  font-weight: bold;
}

/* 에디터 공통 스타일 적용 */
.note-editor {
  background-color: #fff;
}
.note-editor.fullscreen {
  height: 100vh;
}
.note-editor.fullscreen .note-editing-area {
  height: 100%;
}

/* .note-btn i.note-icon-link {  !* tooltip 내 link 버튼 재정의 *!
  vertical-align: baseline;
  line-height: 1;
} */
.note-editable, .editor-view-contents {
  color: black;
  min-height: 100px !important; /* 높이 강제 적용 */
  font-size: 16px;
  line-height: 200%;
  font-family: "Wonho-Regular", "Malgun Gothic", sans-serif;
  /* 중요 서식 재정의 */
  /* underline은 명시적으로 u 태그에만 적용 */
}
.note-editable *, .editor-view-contents * {
  vertical-align: baseline;
  /* 에디터 입력 부분에 폰트, 글자 크기 강제 적용 */
  font-size: 16px !important;
  font-family: "Wonho-Regular", "Malgun Gothic", sans-serif !important;
}
.note-editable *:not(p), .editor-view-contents *:not(p) {
  padding: 2px 0; /* 배경색이 디센더 영역까지 닿도록 여백 추가 */
}
.note-editable > p, .note-editable > div, .editor-view-contents > p, .editor-view-contents > div {
  min-height: 1.7335em; /* 최소 높이 보장 */
  line-height: 200%; /* 최소 행간 200% 고정 */
}
.note-editable strong, .note-editable b, .editor-view-contents strong, .editor-view-contents b {
  font-weight: bold !important;
}
.note-editable em, .note-editable i, .editor-view-contents em, .editor-view-contents i {
  font-style: italic !important;
}
.note-editable u, .editor-view-contents u {
  /* underline 관련 코멘트 */
  /* 1. `text-decoration: underline` 부재 시 summernote u 버튼 작동 오류 */
  /*    u태그 적용은 되나 해제가 되지 않음. 서식 제거로만 해제 가능           */
  /* 2. <u> + text-underline-offset 사용 시 빈 문자열 오류              */
  /*    기능은 의도대로 작동하나 빈 문자열('   ' 등)에 밑줄 적용 후 드래그시  */
  /*    밑줄이 안보이거나 두께 변경, 갑자기 보임 등 여러 오류가 발생함        */
  /* ※ 따라서, 밑줄을 사용하되 선 색상을 투명하게 만든 뒤                   */
  /*    의사 요소를 사용해 다시 밑줄을 만드는 방식을 사용.                   */
  /* ※ 대부분 의도대로 작동하나 오탈자 부분에선 기존 밑줄이 살아남.           */
  /*    일단 summernote.spellCheck = false 사용해 맞춤법 검사 해제 상태   */
  position: relative;
  text-underline-offset: 0.65em;
  text-decoration: underline transparent;
  /* !* 시각적 보정 *!
   !* 체크박스와 다른 요소의 정렬을 위해 에디터 내 모든 요소에 상하 중앙 정렬이 적용됨 *!
   !* 이로 인해 태그가 다른 요소들 간 1px 정도의 높이 차가 보이는 경우가 있음        *!
   !*  *!
   vertical-align: baseline;
   *:not(input[type='checkbox']) {
     vertical-align: baseline;
   }*/
}
.note-editable u::after, .editor-view-contents u::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25em;
  height: 1px;
  display: inline-block;
  border-bottom: 0.1em solid black;
}
.note-editable p, .editor-view-contents p {
  margin: 0 0 8px 0 !important;
  text-decoration: none !important;
}
.note-editable input[type=checkbox], .editor-view-contents input[type=checkbox] {
  vertical-align: middle;
}

/*.note-editable > p {
  min-height: 1.7335em; !* 최소 높이 보장 *!
  line-height: 2; !* 최소 행간 2em 고정 *!
}*/
/* 중요한 서식 태그 재정의 */
.note-tooltip-content {
  word-break: keep-all; /* 툴팁 내 글자 줄바꿈 방지 */
}

/* 강제 높이 지정 : 어쩔 수 없음 */
/*
#tinfo + .note-editor {
  height: 400px !important;
}
#tinfo + .note-editor .note-editing-area {
  height: 400px !important;
}
#tinfo + .note-editor .note-editable {
  min-height: 280px !important;
  overflow-y: auto !important;
}
*/
textarea#tinfo {
  visibility: hidden; /* 최초 로드 ~ 에디터 렌더링 사이에 폼이 노출되는 것을 막기 위함 */
}

/* 툴바 스타일 */
.note-editor .note-toolbar button {
  font-family: "Wonho-Regular", "Malgun Gothic", sans-serif;
}
.note-editor .note-toolbar button > span {
  font-weight: 700;
}
.note-editor .note-toolbar button > span.note-toolbar-icon-bold {
  -webkit-text-stroke: 0.5px black;
}
.note-editor .note-toolbar button > span.note-toolbar-icon-italic {
  font-style: italic;
}
.note-editor .note-toolbar button > span.note-toolbar-icon-underline {
  position: relative;
}
.note-editor .note-toolbar button > span.note-toolbar-icon-underline::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  background-color: #000;
  bottom: -1px;
}
.note-editor .note-toolbar button > strike {
  font-weight: 700;
}
.note-editor .note-toolbar button .fa-check-square {
  vertical-align: middle;
}
.note-editor .note-color .note-dropdown-menu {
  min-width: 140px;
}
.note-editor .note-color .note-dropdown-menu .note-palette {
  margin: 0;
  width: 140px;
}
.note-editor .note-color .note-dropdown-menu .note-palette .btn-default {
  color: #333;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  margin: 5px 0;
}

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