/* css/pages/board-board-responsible-list.css — 책임 분양 목록 페이지 전용 보정
 * R24 레이어 오염 보정 1: PC 스킨(style-30) .xans-board-listpackage-8 .xans-board-list-8 ul{min-width:756px;margin:-20px 0 0}
 * 두 DOM 이 같은 cafe24 보드 클래스를 공유해 m-only 레이어의 ul.thumbType 까지 756px 로 벌어짐 — m 레이어에서 무력화.
 */
.m-only .xans-board-listpackage-8 .xans-board-list-8 ul.thumbType,
.xans-board-listpackage-8.m-only .xans-board-list-8 ul.thumbType { min-width: 0; margin: 0; }

/* R24 레이어 오염 보정 2(역방향): m 스킨(style-32)의
 * #container{z-index:100;position:relative;overflow:hidden;margin:-1px;background:#fff}
 * #contents{position:relative;background:#fff;padding:0 0 29px}
 * .xans-board-listpackage{border-bottom:1px solid #ececec;background:#fff}
 * 가 공유 요소(#container/#contents)에 전이되어 PC 뷰에서 absolute #mononav(z10) 위를
 * 흰 배경(z100)으로 덮음 → GNB 메뉴 가림. PC 뷰포트에서 원본 PC 스킨 상태로 되돌린다.
 * (원본 PC: style-30 #container{width:80%;margin:0 auto} / #contents{float:right;width:100%} — 포지션·배경 없음)
 */
@media (min-width: 1025px) {
  /* r3: style-32(m) bare body,code{Roboto;13px;#1b1b1b} 의 PC 전이 복원 — style-30 원문
   * body{font-family:'NanumGothic',...;line-height:1.2em;color:#666} (borderColor=currentColor 연쇄) */
  body { font-family: 'NanumGothic', "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif; line-height: 1.2em; color: #666; }
  #container { z-index: auto; position: static; overflow: visible; margin: 0 auto; background-color: transparent; }
  #contents { position: static; background-color: transparent; padding: 0; }
  .pc-only .xans-board-listpackage, .xans-board-listpackage.pc-only { border-bottom: 0; background: transparent; }
}

/* R24 레이어 오염 보정 3(정방향): PC 스킨(style-30)의 bare
 * header{float:left;width:100%;position:fixed;z-index:10} / #container{width:80%;margin:0 auto}
 * / #contents{float:right;width:100%} 가 모바일 레이어에 전이 —
 * m 헤더가 float 로 플로우에서 빠져 .mainNav 첫 줄(ul, overflow:hidden BFC)이
 * 전폭 float 옆으로 밀려 w0 붕괴(브리더 펫아미/강아지분양/고양이분양/분양혜택 행 소실),
 * #container 80% 축소로 본문 312px. 모바일 뷰포트에서 원본 m 스킨(style-32) 상태로 되돌린다.
 * (원본 m: header 규칙 없음(static·비float) / #container{position:relative;overflow:hidden;margin:-1px}
 *  / #contents{position:relative;background:#fff} — float·축소폭 없음) */
@media (max-width: 1024px) {
  .m-only header#header { float: none; }
  #container { width: auto; }
  #contents { float: none; }
}

/* R24 레이어 오염 보정 4(역방향): m 스킨(style-32)의
 * legend{height:0;width:0;text-indent:-9999em} /
 * select{height:29px;padding:0 20px 0 8px;border:1px solid #d7d5d5;background:...ico_select.gif;-webkit-appearance:none;...} /
 * input,select{font-size:13px;...} / input[type="text"]{padding:10px;height:29px;-webkit-appearance:none} /
 * .xans-board-search input#search{width:100%}
 * 가 pc-only 게시물검색 폼에 전이 — 원본 PC(base-3+style-30)는 legend "게시물 검색" 노출,
 * select/input 네이티브 렌더(_shots/board---12-d.png 실측: 한 줄 24px 행, input 162px).
 * style-30 실값(width:162px, *{padding:0})만 명시하고 style-32 전이분은 revert 로 UA 기본 복원. */
.pc-only .xans-board-search legend { width: auto; height: auto; text-indent: 0; }
.pc-only .xans-board-search select {
  max-width: revert; height: revert; padding: 0; line-height: revert;
  font-size: revert; font-family: revert; color: revert; word-break: revert;
  font-weight: revert; border: revert; border-radius: revert; background: revert;
  background-size: revert; vertical-align: revert; outline: revert;
  -webkit-appearance: revert; appearance: revert;
}
/* R24 레이어 오염 보정 6(정방향): PC 스킨(style-30)의
 * .xans-layout-footer{position:relative;float:right;width:1000px;height:234px}
 * 가 m-only 푸터(공유 클래스 xans-layout-footer)에 전이 — 390px 컨테이너에서 float:right w1000
 * → x=-610 으로 footerInfo(사업자정보)·copyright 가 화면 밖 유실. 원본 m 스킨(style-32)은
 * .xans-layout-footer 무규칙(static·auto — footerpackage 하위 규칙뿐)이므로 기본값 복원.
 * ⚠ 전 서브페이지 공통 결함(COMMON 요청 병기) — 본 페이지분만 여기서 보정. */
@media (max-width: 1024px) {
  .m-only .xans-layout-footer { position: static; float: none; width: auto; height: auto; }
  /* style-30 .xans-layout-footer .copyright{position:absolute;left:0;bottom:0;height:45px;...} 전이 —
   * 원본 m(style-32)은 .xans-layout-footerpackage .copyright{static;line-height:28px;font-size:9px;bg #eee} */
  .m-only .xans-layout-footer .copyright { position: static; left: auto; bottom: auto; height: auto; font-size: 9px; line-height: 28px; }
  /* style-32 #wrap{min-height:100%} — 원본 m 은 푸터가 #wrap 안이라 무해했으나
   * 산출 구조(공통 푸터 partial 이 #wrap 밖)에선 짧은 페이지에서 본문-푸터 사이 뷰포트 잔여 여백 발생.
   * 원본 m 시각(검색폼~지점블록 간격, _shots/board---12-m.png)과 맞추기 위해 무력화. */
  #wrap { min-height: 0; }
}

/* R24 레이어 오염 보정 5(정방향): PC 스킨(style-30) select#search_date{margin:0 2px 0 22px}
 * (id 셀렉터 specificity 1,0,1)가 m 스킨 .xans-board-search .category select{margin:0 0 7px}(0,2,1)를
 * 이겨 m-only 검색폼 첫 select 에 margin-left 22px 전이 → 49%+49% 두 select 가 한 줄에 못 들어가
 * 줄바꿈(원본 m 은 한 줄 좌우 배치 — _shots/board---12-m.png 실측). style-32 실값으로 복원. */
.m-only .xans-board-search .category select#search_date { margin: 0 0 7px; }

.pc-only .xans-board-search input#search {
  width: 162px; height: revert; padding: 0; line-height: revert;
  font-size: revert; font-family: revert; color: revert; font-weight: revert;
  border: revert; border-radius: revert; background: revert;
  vertical-align: revert; outline: revert; flex: revert;
  -webkit-appearance: revert; appearance: revert;
}

/* stylefix r2: 글쓰기 버튼 블록 — m .ec-base-button{margin:10px;padding:0 14px} 전이 →
 * PC 스펙(_styles/board---12.json): margin 0·padding 10px 20px */
@media (min-width: 1025px) {
  .pc-only .ec-base-button { margin: 0; padding: 10px 20px; }  /* r2 재정정: 버튼 블록이 listpackage 밖 — 페이지 한정 파일이라 광역 무해 */
}
