@charset "utf-8";
/*
 * 게시판 본문 공통 타이포그래피
 * ------------------------------------------------------------------
 * 글쓰기 위지윅 에디터(SmartEditor2 iframe)와 게시글 보기 화면이
 * 똑같이 보이도록 두 곳이 같은 값을 쓰게 만든 파일이다.
 * 본문 글꼴/크기/행간을 바꾸려면 이 파일만 수정하면 양쪽에 동시 반영된다.
 *
 *   body.se2_inputarea : 에디터 입력창(iframe 안의 body)
 *   #bo_v_con          : 게시글 보기 본문
 *
 * 에디터쪽 선택자에 body 를 붙인 이유:
 * SmartEditor2 가 실행 시점에 smart_editor2_in.css 링크를 iframe head 에
 * 나중에 끼워넣기 때문에, 단순히 .se2_inputarea 로 쓰면 그쪽에 밀린다.
 * body.se2_inputarea 는 우선순위가 더 높아 로드 순서와 무관하게 적용된다.
 */

body.se2_inputarea,
#bo_v_con {
    font-family: 'Pretendard', 'Outfit', 'Apple SD Gothic Neo', 'Nanum Gothic', system-ui, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: #0F172A;
    word-break: break-all;
}

/* 문단: 위지윅에서 엔터 한 번 = <p> 한 개. 양쪽 모두 여백 0 으로 통일한다.
   (빈 줄은 작성자가 넣은 <p><br></p> 가 그대로 한 줄을 차지한다) */
body.se2_inputarea p,
#bo_v_con p {
    margin: 0;
    padding: 0;
}

/* 제목: 그누보드 테마는 h1~h6 를 1em 으로 리셋해버려서 에디터에서 본
   크기와 달라진다. 양쪽에 같은 크기를 명시한다. */
body.se2_inputarea h1, #bo_v_con h1 { font-size: 1.6em }
body.se2_inputarea h2, #bo_v_con h2 { font-size: 1.35em }
body.se2_inputarea h3, #bo_v_con h3 { font-size: 1.2em }
body.se2_inputarea h4, #bo_v_con h4 { font-size: 1.1em }
body.se2_inputarea h5, #bo_v_con h5 { font-size: 1em }
body.se2_inputarea h6, #bo_v_con h6 { font-size: 1em }
body.se2_inputarea h1, #bo_v_con h1,
body.se2_inputarea h2, #bo_v_con h2,
body.se2_inputarea h3, #bo_v_con h3,
body.se2_inputarea h4, #bo_v_con h4,
body.se2_inputarea h5, #bo_v_con h5,
body.se2_inputarea h6, #bo_v_con h6 {
    margin: 1.2em 0 0.6em;
    padding: 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.4;
}

/* 목록 */
body.se2_inputarea ul, #bo_v_con ul { display:block; list-style-type:disc;    margin:1em 0; padding-left:40px }
body.se2_inputarea ol, #bo_v_con ol { display:block; list-style-type:decimal; margin:1em 0; padding-left:40px }
body.se2_inputarea li, #bo_v_con li { display:list-item; list-style:inherit }

/* 표: 보기 화면은 border-collapse:collapse, 에디터는 브라우저 기본값이라
   칸 사이 간격이 벌어져 보인다. collapse 로 맞춘다. */
body.se2_inputarea table, #bo_v_con table { border-collapse: collapse }
body.se2_inputarea th, #bo_v_con th,
body.se2_inputarea td, #bo_v_con td { font-family: inherit; font-size: inherit; line-height: inherit; word-break: break-all }

/* 인용구 / 구분선 / 이미지 */
body.se2_inputarea blockquote, #bo_v_con blockquote { margin: 0 0 30px 20px; padding: 0 8px }
body.se2_inputarea hr, #bo_v_con hr { margin: 1.2em 0 }
body.se2_inputarea img, #bo_v_con img { max-width: 100%; height: auto }