/*
 * article 본문 보정 — 사용가이드 상세(guide.jsp)·망고소식 상세(notice.jsp)·FAQ 답변(faq/cs.jsp)이 함께 싣는다.
 *
 * 2026-10-07 사용자 요청: 공개 화면의 글 본문을 관리자 에디터 미리보기와 같게 한다. 기준은 미리보기이고 공개 쪽을 거기에 맞춘다.
 *   그래서 예전에 이 파일이 덮던 글꼴·행간·목록 간격·커스텀 글머리 기호·칩·그림 간격·제목 위 여백·700px 이하 글자 축소를 모두 없앴다.
 *   본문 모양은 markdown-content.css 가 그대로 정한다. 그 파일은 관리자 미리보기·FAQ·플로팅 패널과 함께 쓰는 공용 파일이고
 *   MangoBoard 사본과 바이트가 같아야 한다. 제목 위 여백(h1 10 / h2 48 / h3 38 / h4 28 / h5 24 / h6 22)과 블록 사이 간격도 그 값이다.
 *   이 파일이 하는 일은 둘뿐이다.
 *   - 공개 사이트 공통 CSS(default.css)가 본문 안으로 새어 들어온 것을 되돌린다(표 칸 배치, 체크박스 감춤).
 *   - 관리자 미리보기에만 있는 몇 가지(그림 세로 정렬, 구분선 글자 크기, 체크박스 글자 크기·여백, 표 칸 세로 가운데)를 같게 맞춘다.
 *   본문 모양을 바꾸고 싶으면 여기에 덮어쓰기를 쌓지 말고 markdown-content.css 를 고친다(두 저장소 사본을 함께).
 *   화면 CSS(guideDetail.css · noticeDetail.css · faq.css)도 본문 블록 사이 간격을 정하지 않는다.
 *
 * 2026-10-14 사용자 요청: FAQ 답변 본문도 같은 article 스킨을 쓴다. 예전에는 faq/faq.css 가 같은 값(표·칸·그림·구분선·체크박스)을
 *   따로 복사해 두었고, 값을 고칠 때 두 곳이 어긋날 수 있었다. 이제 이 파일이 한 곳이다(FAQ 목록 항목이 새는 list-style·cursor 되돌림만 faq.css).
 *   아래 규칙마다 FAQ 줄(위)과 두 상세 줄(아래)이 한 규칙을 이룬다. 두 상세 줄은 그대로이고 FAQ 줄만 더했다(체크박스만 아래 범위 설명의 한 줄이 더 있다).
 *
 * 범위:
 *   - 두 상세의 글 본문(#guideContent > .md-guide). 사용가이드의 랜딩 카드(.guide-main)와 대분류 목록(.guide-index)은 자기 배치가
 *     따로 있어 뺀다. 선택자 특정도는 (1,4,0)이다.
 *   - FAQ 화면(faq/cs.jsp)의 답변 본문(.faq-content.md-guide). 목록 안의 답변(.service-faq)과 스크립트를 끈 대체 본문(.faq-noscript)이다.
 *     선택자 특정도는 (0,3,1)이고 호스트 규칙(default.css 의 태그 선택자·cs.css)보다 높다.
 *   - 플로팅 도움말 패널의 답변(.fb_content_answer.faq-content.md-guide)은 범위 밖이다. 거기는 notification/floating.css 가 같은 값을 따로 정한다.
 *     단 하나, 그 규칙이 되살리지 않는 체크박스 display 는 FAQ 화면(#customer-center, cs.jsp 에만 있다)에서만 예전 faq.css 규칙이 닿아 보였다.
 *     그 화면의 렌더를 바꾸지 않으려고 체크박스 규칙에만 그 선택자를 :is() 로 감싸 더했다(:has 를 모르는 브라우저는 그 줄만 버려진다).
 * 싣는 순서: markdown-content.css 다음. 상세는 화면 CSS(guideDetail.css / noticeDetail.css) 앞, FAQ 는 new-cs.css 앞(faq.css 뒤).
 */

/* 체크 목록(- [ ] / - [x]). marked 가 항목 맨 앞(느슨한 목록이면 문단 맨 앞)에 넣는 <input type=checkbox> 를 공개 화면 리셋
   (default.css input[type=checkbox]{display:none})이 감춘다. 관리자 미리보기처럼 네이티브 체크박스가 보이게 되살린다.
   크기 13×13·글자 12px·여백 0·세로 가운데는 미리보기 값이다. 공개 리셋이 input 에 주는 폭 100%(select, input, textarea)와
   글꼴(Pretendard, Roboto)은 체크박스에 맞지 않아 되돌리고, 브라우저 기본 여백(3px 3px 3px 4px)도 0 으로 둔다. */
:is(.service-faq, .faq-noscript) .faq-content.md-guide input[type="checkbox"],
:is(body:has(#customer-center) .fb_content_answer.faq-content.md-guide) input[type="checkbox"],
:is(.guide-detail-page, .notice-detail-page) #guideContent > .md-guide:not(.guide-main):not(.guide-index) input[type="checkbox"] {
	display:inline-block;width:13px;height:13px;margin:0;font-family:inherit;font-size:12px;vertical-align:middle;}
/* 그림 세로 정렬과 구분선 글자 크기 — 미리보기 값이다. 그림은 블록이고 구분선은 높이 0 이라 눈에 보이는 차이는 없다. */
:is(.service-faq, .faq-noscript) .faq-content.md-guide img,
:is(.guide-detail-page, .notice-detail-page) #guideContent > .md-guide:not(.guide-main):not(.guide-index) img {vertical-align:middle;}
:is(.service-faq, .faq-noscript) .faq-content.md-guide hr,
:is(.guide-detail-page, .notice-detail-page) #guideContent > .md-guide:not(.guide-main):not(.guide-index) hr {font-size:0;}

/* 표. 폭은 내용에 맞춘다(시안 19596:56442 는 151 + 415). 공개 화면 default.css 의 table-layout:fixed 가 칸을
   똑같이 나누므로 auto 로 되돌린다. 행 높이 45 = 줄 24 + 위아래 10 + 선 1 — 본문 행간을 1.5 로 내려도 45 를 지킨다.
   여러 줄 칸이 있는 행은 세로 가운데에 둔다(19245:3640 items-center). 시안의 두 줄 행 75(줄 22.5)와 달리 줄 24 를 지켜 69 다.
   표 아래 여백(뒤에 다른 블록이 이어질 때만 30)은 공용 markdown-content.css 가 진다.
   관리자 미리보기(MangoBoard markdown-editor.css 의 .mde-preview 표 블록)가 아래 두 규칙을 거울로 가진다 — 값을 바꾸면 그쪽도 함께 고친다. */
:is(.service-faq, .faq-noscript) .faq-content.md-guide table,
:is(.guide-detail-page, .notice-detail-page) #guideContent > .md-guide:not(.guide-main):not(.guide-index) table {width:auto;max-width:100%;table-layout:auto;}
:is(.service-faq, .faq-noscript) .faq-content.md-guide :is(th, td),
:is(.guide-detail-page, .notice-detail-page) #guideContent > .md-guide:not(.guide-main):not(.guide-index) :is(th, td) {line-height:24px;vertical-align:middle;}