@charset "UTF-8";
/*
  SmartEditor2 본문 렌더링용 CSS
  --------------------------------------------------------------------------
  목적 : LIMS(관리자)에서 SmartEditor2 로 작성한 공지사항/FAQ 본문 HTML 을
         외부 포털에서 동일한 서식으로 표시한다.
  적용 : 본문 출력 영역을 class="se2-content" 로 감싼다. (notice.html, faq.html)
  출처 : frontend/public/smarteditor2/css/ko_KR/smart_editor2_out.css
         frontend/public/smarteditor2/css/ko_KR/smart_editor2_in.css (인용구)
  주의 : 포털 전역 reset( * {margin:0;padding:0}, ul {list-style:none} )이
         본문의 목록/문단/인용 서식을 제거하므로 se2-content 안에서 복원한다.
         본문 글꼴·색상은 포털 디자인을 따르며, 작성 시 지정한 글꼴/크기/색은
         저장된 inline style 로 그대로 적용된다.
*/

/* 문단 */
.se2-content p { margin: 0; padding: 0; }

/* 목록: 전역 reset(list-style:none, margin/padding:0) 복원 */
.se2-content ul,
.se2-content ol { margin: 0 0 0 40px; padding: 0; }
.se2-content ul { list-style: disc; }
.se2-content ul li { list-style-type: disc; }
.se2-content ul ul li { list-style-type: circle; }
.se2-content ul ul ul li { list-style-type: square; }
.se2-content ol { list-style: decimal; }
.se2-content ol li { list-style-type: decimal; }
.se2-content li { margin: 0; padding: 0; }

/* 링크 */
.se2-content a:link { color: #0000ff; }
.se2-content a:hover { text-decoration: underline; }

/* 이미지 / fieldset */
.se2-content img,
.se2-content fieldset { border: 0; }
.se2-content img { max-width: 100%; height: auto; }

/* 표 */
.se2-content table { border-collapse: collapse; }
.se2-content td,
.se2-content th { word-break: break-all; }

/* 인용구 (SmartEditor2 quote 스타일) */
.se2-content .se2_quote1  { margin: 0 0 30px 20px; padding: 0 8px; border-left: 2px solid #ccc; color: #888; }
.se2-content .se2_quote2  { margin: 0 0 30px 13px; padding: 0 8px 0 16px; color: #888; }
.se2-content .se2_quote3  { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px dashed #ccc; color: #888; }
.se2-content .se2_quote4  { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px dashed #66b246; color: #888; }
.se2-content .se2_quote5  { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px dashed #ccc; background: #fafafa; color: #888; }
.se2-content .se2_quote6  { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px solid #e5e5e5; color: #888; }
.se2-content .se2_quote7  { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px solid #66b246; color: #888; }
.se2-content .se2_quote8  { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px solid #e5e5e5; background: #fafafa; color: #888; }
.se2-content .se2_quote9  { margin: 0 0 30px; padding: 12px 10px 11px; border: 2px solid #e5e5e5; color: #888; }
.se2-content .se2_quote10 { margin: 0 0 30px; padding: 12px 10px 11px; border: 2px solid #e5e5e5; background: #fafafa; color: #888; }