/* ===========================
   ★ 커스터마이징: 테마 색/글꼴/사이즈
   아래 CSS 변수만 바꿔도 전체 색감이 바뀝니다.
   --bg : 페이지 배경, --card : 카드 배경
   --muted : 본문 보조 텍스트, --fg : 기본 전경색
   --accent : 포인트 색(버튼/활성칩)
=========================== */
:root {
  --bg:#ffffff;   /* 페이지 배경색 */
  --card:#11182b; /* 카드 배경색 */
  --muted:#8aa0b6;/* 정의(설명) 텍스트 색 */
  --fg:#e6eef7;   /* 기본 텍스트 색 */
  --accent:#56a3ff;/* 포인트(버튼/활성칩) */
}

body { background:var(--bg); }

.glo-wrap { max-width:1080px; margin:0 auto; padding:16px; color:var(--fg); }

/* ★ 커스터마이징: 타이틀 스타일 */
.glo-title{
  font-size:24px;       /* 크기 */
  margin:4px 0 12px;
  color:#e6eef7;        /* 타이틀 글자색 */
  font-weight:800;      /* 두께 */
  letter-spacing:-0.2px;/* 자간 */
}

.glo-controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; }
.glo-search { flex:1 1 260px; display:flex; gap:8px; align-items:center; }
.glo-search input { width:100%; padding:12px 14px; border-radius:12px; background:#0c1426; color:var(--fg); border:1px solid rgba(255,255,255,0.08); outline:none; }

/* ★ 커스터마이징: 정렬 셀렉트 스타일 */
.glo-sort { min-width:150px; padding:10px 12px; border-radius:12px; background:#0c1426; color:var(--fg); border:1px solid rgba(255,255,255,0.08); }

.glo-chips { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
.glo-chip { padding:8px 10px; border-radius:100px; border:1px solid rgba(255,255,255,0.1); background:#0c1426; color:var(--fg); cursor:pointer; font-size:14px; }
.glo-chip.active { background:var(--accent); color:#071322; border-color:transparent; }

.glo-toolbar { display:flex; gap:8px; align-items:center; margin:10px 0; }
.glo-btn { padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); background:#0f1a2e; color:#fff; cursor:pointer; }
.glo-btn.primary { background:var(--accent); color:#071322; border-color:transparent; }

.glo-count { color:#c6d4e3; font-size:14px; }

.glo-grid { display:grid; grid-template-columns:1fr; gap:10px; margin-top:16px; }
@media (min-width:700px){
  .glo-grid { grid-template-columns:1fr 1fr; }
}

.glo-card { background:var(--card); border:1px solid rgba(255,255,255,0.06); border-radius:14px; padding:14px; }
.glo-term { font-weight:700; font-size:16px; margin-bottom:6px; color:#eaf3ff; }
.glo-def { color:var(--muted); font-size:14px; line-height:1.6; }
.glo-meta { margin-top:8px; font-size:12px; color:#9fb2c9; }

.glo-empty { padding:18px; text-align:center; color:#9fb2c9; border:1px dashed rgba(255,255,255,0.12); border-radius:12px; }
.glo-note { font-size:12px; color:#9fb2c9; margin-top:6px; }

/* (선택) 헤더의 기본 “정보수정/로그아웃/관리자”나
   중복 페이지 타이틀이 눈에 거슬리면 아래 주석을 풀어 숨길 수 있어요. */
/*
#tnb, .tnb, .hd_login, .hd_svc, .hd_wrap .tnb, .member_menu { display:none !important; }
#container_title { display:none !important; }
*/
/* 상단 우측의 '정보수정 · 로그아웃 · 관리자'만 숨김 (이 페이지에서만) */
#tnb a[href*="member_confirm.php"],
#tnb a[href*="logout.php"],
#tnb a[href^="<?php echo G5_ADMIN_URL; ?>"],
.hd_login a[href*="member_confirm.php"],
.hd_login a[href*="logout.php"],
.hd_login a[href^="<?php echo G5_ADMIN_URL; ?>"]{
  display:none !important;
}