@charset "UTF-8";
/*=========================================================
  Responsive (Global)
  - 모바일 우선(Mobile-first) 원칙
  - 공통 유틸과 단일 브레이크포인트 세트
=========================================================*/

/* 공통 유틸리티 */
.hide-mobile { display: none !important; }
.show-mobile { display: block !important; }

@media (min-width: 768px) {
  .hide-mobile { display: initial !important; }
  .show-mobile { display: none !important; }
}

/* 컨테이너 여백 및 글자 크기 보정 */
:root {
  --gap-s: 8px;
  --gap-m: 16px;
  --gap-l: 24px;
}

.max_container { padding-left: var(--gap-m); padding-right: var(--gap-m); }

/* 헤더/내비게이션 반응형 보정 */
@media (max-width: 1023px) {
  .site-header .navigation-top .main-navigation .menu > li > a {
    font-size: 16px;
    padding: 14px 0;
  }
}

/* 그리드/목록 간격 보정 */
@media (max-width: 768px) {
  .paging ul { gap: 4px; }
  .paging .item, .paging span.item { min-width: 32px; height: 32px; font-size: 13px; }
}

/* 전역 이미지/테이블 반응형 */
img { max-width: 100%; height: auto; }
.table-responsive { width: 100%; overflow-x: auto; }

/* 페이지 히어로(카테고리/아카이브 상단) 기본 간격 */
@media (max-width: 768px) {
  .page-header { padding-left: var(--gap-m); padding-right: var(--gap-m); }
}

.ee-footer .brand a img {width:50%;}