/* =====================================================================
 * custom.css (관리자) - 경량 반응형 오버라이드 (common.css 이후 로드)
 * 관리자 화면은 1200px 고정(min-width) 이라 모바일에서 잘린다.
 * 유동 폭 + 표 가로 스크롤로 소형 화면에서도 사용 가능하게 한다.
 * ===================================================================== */

@media screen and (max-width: 1200px) {
  #header_wrap { min-width: 0; }
  #container,
  .layout_type_02 #container { min-width: 0; }
}

@media screen and (max-width: 900px) {
  /* 헤더 */
  header .logo { padding: 16px 0 0 16px; }
  header nav { float: none; margin-top: 10px; padding: 0 16px 10px; }
  header nav li { padding-right: 20px; line-height: 40px; }
  header nav li a { font-size: 16px; line-height: 40px; }
  header .side_link { right: 16px; top: 10px; }
  header .btn_language { padding-left: 16px; }

  /* 좌측 aside 를 상단 고정 해제 → 본문 흐름 위로 */
  aside {
    position: static;
    width: 100%;
    padding-top: 20px;
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  aside .aside_title { padding: 16px 0; font-size: 20px; }

  #container,
  .layout_type_02 #container { margin-left: 0; border-left: none; }
  #content { padding: 24px 16px 60px; }

  .page_title { font-size: 22px; line-height: 28px; }
  .page_title a.btn_type_02 { position: static; display: inline-block; margin-top: 8px; }

  /* 표: 좁은 화면에서 가로 스크롤 */
  .table_list, .table_form { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table_list table { min-width: 640px; }
  .table_form table { min-width: 560px; }
}

@media screen and (max-width: 600px) {
  #content { padding: 20px 12px 50px; }
  .page_title { font-size: 20px; }
  .visual_register .btn_type_02 { display: inline-block; margin-top: 8px; }
}