@charset "utf-8";
/* ============================================================
   반응형 보강 CSS  (default.css 뒤에 로드)
   - 모든 규칙은 @media 안에만 존재 → 1200px 초과 PC 화면은 기존과 100% 동일
   - HTML/PHP 구조 변경 없음. 되돌리려면 이 파일 <link> 한 줄만 제거
   ============================================================ */

@media (max-width:1199px){

  /* 좁은 화면에서 가로 스크롤 방지 (외부 위젯 등 폭 넘침 차단) */
  html, body {overflow-x:hidden}


  /* ---- 레이아웃 고정폭 해제 ---- */
  #hd, #wrapper, #ft {min-width:0}
  #hd_pop,
  #hd_wrapper,
  #tnb .inner,
  #gnb .gnb_wrap,
  #container_wr,
  #ft_wr {width:auto;max-width:100%;padding-left:15px;padding-right:15px;box-sizing:border-box}

  /* 본문 / 사이드 세로 배치 */
  #container {float:none;width:auto;margin:15px 0}
  #aside {float:none;width:auto;margin:15px 0}

  /* 헤더: 로고/검색/로그인 세로 정리 */
  #hd_wrapper {height:auto;padding-top:10px;padding-bottom:10px}
  #logo {float:none;padding:10px 0;text-align:center}
  #logo img {max-width:60%;height:auto}

  .hd_sch_wr {float:none;width:auto;margin:0;padding:10px 0}
  #hd_sch #sch_stx {width:calc(100% - 60px);box-sizing:border-box}

  .hd_login {position:static;text-align:center;padding-bottom:8px}
  .hd_login li {float:none;display:inline-block}

  #hd_qnb {float:none;text-align:center}
  #hd_qnb li {float:none;display:inline-block;margin:10px 5px}

  /* 메인메뉴 가로 스크롤 (2단 메뉴는 그대로 동작) */
  #gnb #gnb_1dul {white-space:nowrap;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
  #gnb .gnb_1dli {float:none;display:inline-block}

  /* 푸터 4단 → 2단 */
  #ft_wr {display:block;text-align:left}
  #ft_wr .ft_cnt {width:50%}
  #ft_copy {width:auto;max-width:100%;box-sizing:border-box}

  /* 메인 최신글 3단 → 2단 */
  .lt_wr {width:49%}
  .lt_wr:nth-child(3n+1) {clear:none}
  .lt_wr:nth-child(2n+1) {clear:both}

  /* 넓은 표는 가로 스크롤로 (레이아웃 깨짐 방지) */
  .tbl_head01, .tbl_wrap > table, .bo_v_atc table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* 게시글 본문 안 이미지/영상 넘침 방지 */
  #bo_v_con img, #bo_v_con video, #bo_v_con iframe, #bo_v_con table {max-width:100% !important;height:auto}
}

/* ---- 태블릿 이하 ---- */
@media (max-width:768px){
  #ft_wr .ft_cnt {width:100%;padding:0 0 20px}
  .lt_wr {width:100%}
  .lt_wr:nth-child(2n+1) {clear:none}

  /* 게시판 목록: 불필요한 열 숨겨 좁은 화면에서 읽히게 */
  .tbl_head01 th:nth-child(1), .tbl_head01 td:nth-child(1) {display:none} /* 번호 */

  /* 폼 입력창 100% + iOS 확대 방지(16px) */
  input[type=text], input[type=password], input[type=email], input[type=tel],
  input[type=number], input[type=search], select, textarea {max-width:100%;font-size:16px}

  /* 터치 목표 크기 확보 */
  .btn, .btn_submit, .btn_cancel, .btn_frmline, button, input[type=submit] {min-height:44px}
}

/* ---- 모바일 ---- */
@media (max-width:480px){
  #logo img {max-width:80%}
  #container_title {font-size:1.15em}

  /* 게시판 목록에서 조회/날짜 열까지 정리 */
  .tbl_head01 th:nth-child(4), .tbl_head01 td:nth-child(4),
  .tbl_head01 th:nth-child(5), .tbl_head01 td:nth-child(5) {display:none}
}