/* css/pages/board-board-responsible-read-128.css — board/board-responsible-read-128.html 전용 보정
 * (R24 레이어 간 CSS 오염 보정 — 원본 분리 문서에서는 base-3/style-26(PC 스킨)과
 * base-4/style-10(m 스킨)이 각자 로드되지만 병합 문서에서는 둘 다 로드되어 서로를 오염시킨다.
 * 원본 각 스킨 계산값 복원.) */

/* PC 뷰: base-4/style-10(m 스킨) 오염 보정 */
@media (min-width: 1025px) {
  /* style-10 #container{z-index:100;position:relative;overflow:hidden;margin:-1px;background:#fff}
     → PC GNB(#mononav, absolute top:100)를 덮어 메뉴가 가려짐. 원본 PC(style-26) #container{width:80%;margin:0 auto}(static) 복원 */
  .pc-only #container { position: static; z-index: auto; margin: 0 auto; overflow: visible; }
  /* style-10 #layout #header h1{height:65px;line-height:62px} / h1 img{max-height:35px}
     → 원본 PC(style-26) .xans-layout-logotop{height:58px} / img{max-height:58px} 복원(실측 232×58) */
  #layout .pc-only #header h1 { height: 58px; line-height: normal; }
  #layout .pc-only #header h1 img { max-height: 58px; }
  /* base-4 #contents{padding:0 0 29px} → 원본 PC #contents 는 패딩 없음 */
  .pc-only #contents { padding: 0; }
  /* 게시글 본문 편집 이미지(원폭 삽입) 컨테이너 초과 방지 */
  .pc-only .xans-board-read .detail img { max-width: 100%; height: auto; }
}

/* 모바일 뷰: style-26(PC 스킨) 오염 보정 */
@media (max-width: 1024px) {
  /* style-26 #contents{float:right;width:100%} → 원본 m: 비플롯 */
  .m-only #contents { float: none; width: auto; }
  /* 게시글 본문 이미지 가로 overflow 방지 */
  .m-only .boardView .content img { max-width: 100%; height: auto; }
}

/* ---- stylefix r2: style-10/35(m) bare body,code{Roboto;13px;#1b1b1b} + .xans-board-readpackage/
 * .xans-board-commentpackage/.xans-board-commentlist{background:#fff} + bare .ec-base-table{border #d5d5d5;bg#fff;#353535}
 * 의 PC 전이 복원 — style-26 원문 body{NanumGothic;12px;1.2em;#666}(후승)·해당 bare 무규칙=투명/상속.
 * 근거 _styles/article-*.json 실측: 트리 전반 nanumgothic·rgb(102,102,102), 랩 bg 투명. ---- */
@media (min-width: 1025px) {
  body { font-family: 'NanumGothic', "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif; color: #666; }
  .pc-only .xans-board-readpackage, .pc-only.xans-board-readpackage,
  .pc-only .xans-board-commentpackage, .pc-only.xans-board-commentpackage,
  .pc-only .xans-board-commentlist, .pc-only.xans-board-commentlist { background: none; }
  .pc-only .ec-base-table { border: 0; background: none; color: inherit; }
  .pc-only .xans-board-read { overflow: visible; }
}

/* ---- stylefix r2-2: 읽기 페이지 잔여 — style-10/35(m) 전이를 style-26 원문으로 복원(스펙 실측 일치 확인)
 * typeWrite td: m{7px 13px 6px;middle;lh27~28}+first-child{12px 13px} → 원문 {8px 10px 7px}, lh는 table 1.5 상속(18px)
 * tbody th: m{12px 0 12px 13px} → 원문 {11px 0 10px 18px}
 * 이전/다음(.xans-board-movement): m{bg#fff;pad 0 0 14px; li 6px 0 6px 60px h30; strong/a h30 lh30 relative} →
 *   원문 {li 0 20px lh140%·#353535; strong,a float pad10; strong w6% pl15; a w860 bl#e9e9e9}(스펙 68.5/860/16.8 일치)
 * 본문 P: froala css 미반입분 계산값 lh1.5(스펙 18px) ---- */
@media (min-width: 1025px) {
  .pc-only .ec-base-table.typeWrite td { padding: 8px 10px 7px; line-height: inherit; font-size: inherit; }
  .pc-only .ec-base-table.typeWrite tr td:first-child { padding: 8px 10px 7px; }
  .pc-only .ec-base-table tbody th { padding: 11px 0 10px 18px; }
  .pc-only .xans-board-movement { background: none; padding: 0; }
  .pc-only .xans-board-movement li { overflow: hidden; padding: 0 20px; height: auto; line-height: 140%; color: #353535; }
  .pc-only .xans-board-movement li strong,
  .pc-only .xans-board-movement li a { float: left; position: static; left: auto; margin: 0; height: auto; line-height: inherit; padding: 10px; }
  .pc-only .xans-board-movement li strong { width: 6%; padding-left: 15px; color: inherit; font-weight: normal; }
  .pc-only .xans-board-movement li a { width: 860px; border-left: 1px solid #e9e9e9; }
  .pc-only .fr-view p { line-height: 1.5; }
}