@charset "utf-8";
/* 모바일 전용 보정 — 헤더 높이 · 터치 영역 · 최소 글자 크기
   PC 화면은 바꾸지 않는다. 767px 이하에서만 적용된다. */

@media all and (max-width: 1023px) {
  /* ── 헤더 ───────────────────────────────────────────────
     상단 로고줄과 메뉴줄을 각각 한 칸으로 접어 첫 화면을 넓힌다. */
  .header .hd_center {
    padding: 0;
  }

  /* 로고는 흐름 안에 둔다. 띄워 두면 아래 메뉴줄을 덮는다. */
  .header .hd_top h1 {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
  }

  .header .hd_top h1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 4px 0;
  }

  .header .hd_top h1 a img {
    height: 26px;
    width: auto;
    max-width: 62vw;
  }

  /* 메뉴줄 — 두 줄 글자를 유지하되 한 칸 높이로 맞춘다. */
  .header .hd_wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .header .hd_wrap::-webkit-scrollbar {
    display: none;
  }

  .header .main_menu {
    align-items: stretch;
    flex-wrap: nowrap;
  }

  .header .main_menu > li {
    flex: 0 0 auto;
  }

  .header .main_menu > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: auto;
    padding: 6px 9px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .header .main_menu > li > a span {
    font-size: 12px;
    line-height: 1.2;
  }

  /* 헤더가 낮아진 만큼 본문 시작 위치를 끌어올린다. */
  body {
    padding-top: 90px;
  }

  /* ── 알림창 ─────────────────────────────────────────────
     버튼 글자를 읽을 수 있는 크기로 두고 누를 칸을 넓힌다. */
  #hd_pop .hd_pops_footer {
    align-items: stretch;
    padding: 4px 10px;
    min-height: 52px !important;
  }

  #hd_pop .hd_pops_footer button,
  #hd_pop .hd_pops_footer button strong {
    font-size: 12px;
  }

  #hd_pop .hd_pops_footer button {
    display: inline-flex;
    align-items: center;
    height: auto;
    min-height: 44px !important;
    padding: 0 10px;
  }

  #hd_pop .hd_pops_footer button.hd_pops_reject {
    padding-left: 0 !important;
  }

  /* ── 둘러보기 탭 ────────────────────────────────────────
     한 줄에 몰아넣지 않고 접어 내려 누를 칸을 확보한다. */
  #wrap #section09 .tour-tabs,
  #introduce3 #section01 .tour-tabs {
    flex-wrap: wrap;
    gap: 4px 6px;
    margin-top: 24px;
    padding: 0 10px;
  }

  #wrap #section09 .tour-tab,
  #introduce3 #section01 .tour-tab {
    height: auto;
    min-height: 44px !important;
    min-width: 44px !important;
    line-height: 1.2;
    padding: 0 12px;
    font-size: 14px;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  /* ── 오른쪽 바로가기 ────────────────────────────────────
     상담 경로다. 없애지 않고 누를 칸만 넓힌다. */
  .quick_menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
  }

  /* ── 게시판 ─────────────────────────────────────────────
     쪽 번호와 검색칸을 손가락으로 누를 수 있는 크기로 둔다. */
  .pagination .page-link,
  a.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 6px;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  #searchInput,
  .board .dropdown-toggle,
  .board .btn {
    min-height: 44px !important;
  }

  /* 글 상세 — 목록 버튼 · 첨부 · 작성자 링크 */
  .inPage .bottom button.list {
    min-width: 72px !important;
    min-height: 44px !important;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .inPage .bottom button.list a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px !important;
    min-height: 44px !important;
    white-space: nowrap;
  }

  .attachments ul li a {
    display: inline-flex;
    align-items: center;
    min-height: 44px !important;
    font-size: 12px;
  }

  .nameTag .info a {
    display: inline-flex;
    align-items: center;
    min-height: 44px !important;
  }

  /* 본문에 섞여 들어온 아주 작은 글자를 읽을 수 있는 크기로 올린다. */
  .inPage [class*="se-fs-fs11"],
  .inPage [class*="se-fs-fs10"],
  .inPage [class*="se-fs-fs09"] {
    font-size: 12px;
  }

  /* ── 지면 안 탭 · 카드 버튼 ─────────────────────────────
     좁은 칸에서 글자가 세로로 쌓이지 않게 한 줄로 고정한다. */
  .tab-buttons .tab-btn,
  .tab-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .tab-buttons ul,
  .tab .tab-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .tab .tab-wrapper > button {
    min-width: 44px !important;
    min-height: 44px !important;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .more_btn,
  .btn_more,
  a.d-flex.justify-content-center.align-items-center,
  a.d-flex.justify-content-center.align-items-center > button {
    min-width: 44px !important;
    min-height: 44px !important;
    white-space: nowrap;
    flex-shrink: 0;
  }

  /* ── 아래쪽 안내 링크 ───────────────────────────────────*/
  footer .container .log a,
  footer .container .info .wrap a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px !important;
    padding: 0 8px;
    white-space: nowrap;
    flex-shrink: 0;
  }
}