/* =========================
   Summernote View Only CSS
   ========================= */

.sn-content {
  line-height: 1.6;
  word-break: break-word;
}

/* 문단 */
.sn-content p {
  margin: 0 0 1em;
}

/* 제목 */
.sn-content h1 { font-size: 2em; margin: 0.67em 0; }
.sn-content h2 { font-size: 1.6em; margin: 0.75em 0; }
.sn-content h3 { font-size: 1.3em; margin: 0.83em 0; }
.sn-content h4 { font-size: 1.1em; margin: 1em 0; }

/* 인라인 스타일 */
.sn-content b,
.sn-content strong { font-weight: bold; }

.sn-content i,
.sn-content em { font-style: italic; }

.sn-content u { text-decoration: underline; }
.sn-content s { text-decoration: line-through; }

/* 정렬 */
.sn-content .text-left   { text-align: left; }
.sn-content .text-center { text-align: center; }
.sn-content .text-right  { text-align: right; }
.sn-content .text-justify{ text-align: justify; }

/* 리스트 */
.sn-content ul {
  list-style: disc;
  padding-left: 1.5em;
}

.sn-content ol {
  list-style: decimal;
  padding-left: 1.5em;
}

.sn-content li {
  margin: 0.3em 0;
}

/* 링크 */
.sn-content a {
  color: #1a73e8;
  text-decoration: underline;
}

.sn-content a:hover {
  text-decoration: none;
}

/* 이미지 */
.sn-content img {
  max-width: 100%;
  height: auto;
}

/* 인용구 */
.sn-content blockquote {
  margin: 1em 0;
  padding-left: 1em;
  border-left: 4px solid #ddd;
  color: #555;
}

/* 코드 */
.sn-content pre {
  background: #f6f8fa;
  padding: 10px;
  overflow-x: auto;
}

.sn-content code {
  background: #f1f3f5;
  padding: 2px 4px;
  border-radius: 3px;
}

/* 테이블 */
.sn-content table {
  border-collapse: collapse;
  width: 100%;
}

.sn-content th,
.sn-content td {
  border: 1px solid #ddd;
  padding: 8px;
}

.sn-content th {
  background: #f5f5f5;
}

/* 줄바꿈 깨짐 방지 */
.sn-content br {
  content: '';
}

/*** 에디터 영역에서 보여질 때 ***/
.note-editable {
  line-height: 1.6;
  word-break: break-word;
}

/* 문단 */
.note-editable p {
  margin: 0 0 1em;
}

/* 제목 */
.note-editable h1 { font-size: 2em; margin: 0.67em 0; }
.note-editable h2 { font-size: 1.6em; margin: 0.75em 0; }
.note-editable h3 { font-size: 1.3em; margin: 0.83em 0; }
.note-editable h4 { font-size: 1.1em; margin: 1em 0; }

/* 인라인 스타일 */
.note-editable b,
.note-editable strong { font-weight: bold; }

.note-editable i,
.note-editable em { font-style: italic; }

.note-editable u { text-decoration: underline; }
.note-editable s { text-decoration: line-through; }

/* 정렬 */
.note-editable .text-left   { text-align: left; }
.note-editable .text-center { text-align: center; }
.note-editable .text-right  { text-align: right; }
.note-editable .text-justify{ text-align: justify; }

/* 리스트 */
.note-editable ul {
  list-style: disc;
  padding-left: 1.5em;
}

.note-editable ol {
  list-style: decimal;
  padding-left: 1.5em;
}

.note-editable li {
  margin: 0.3em 0;
}

/* 링크 */
.note-editable a {
  color: #1a73e8;
  text-decoration: underline;
}

.note-editable a:hover {
  text-decoration: none;
}

/* 이미지 */
.note-editable img {
  max-width: 100%;
  height: auto;
}

/* 인용구 */
.note-editable blockquote {
  margin: 1em 0;
  padding-left: 1em;
  border-left: 4px solid #ddd;
  color: #555;
}

/* 코드 */
.note-editable pre {
  background: #f6f8fa;
  padding: 10px;
  overflow-x: auto;
}

.note-editable code {
  background: #f1f3f5;
  padding: 2px 4px;
  border-radius: 3px;
}

/* 테이블 */
.note-editable table {
  border-collapse: collapse;
  width: 100%;
}

.note-editable th,
.note-editable td {
  border: 1px solid #ddd;
  padding: 8px;
}

.note-editable th {
  background: #f5f5f5;
}

/* 줄바꿈 깨짐 방지 */
.note-editable br {
  content: '';
}