/* ─────────────────────────────────────────────
   올다 v7 공통 디자인
   - 기존 기능/레이아웃은 그대로 두고 글꼴·색·로고만 v7 기준으로 통일
   - 파란 계열 색상은 각 파일에서 초록 계열로 일괄 변환됨
   ───────────────────────────────────────────── */
:root{
  --v7-g:#0C8F53; --v7-g-ink:#087443; --v7-g-soft:#E9F7F0; --v7-g-soft2:#F3FBF7;
  --v7-ink:#191F28; --v7-sub:#4E5968; --v7-muted:#6B7684; --v7-line:#E5E8EB; --v7-fill:#F2F4F6;
}

/* 글꼴: Pretendard (토스 계열과 비슷한 가독성) */
html body,
body input, body select, body textarea, body button,
body h1, body h2, body h3, body h4, body h5, body h6, body p, body a, body span, body li, body td, body th, body label, body div{
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}
/* 아이콘 폰트는 제외 */
body .fa, body [class^="fa-"], body [class*=" fa-"], body .xi, body [class^="xi-"], body .material-icons{
  font-family:FontAwesome, xeicon, 'Material Icons' !important;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:-0.02em;
  word-break:keep-all;
  color:var(--v7-ink);
}
::selection{background:var(--v7-g-soft);color:var(--v7-ink)}
:focus-visible{outline:2px solid var(--v7-g);outline-offset:2px}

/* 로고 */
.v7-logo{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;text-decoration:none}
.v7-logo__mark{width:28px;height:28px;border-radius:8px;background:var(--v7-g);color:#fff;font-size:15px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}
.v7-logo__text{font-size:19px;font-weight:800;color:var(--v7-ink);letter-spacing:-0.03em;line-height:1}
.pc-hd-logo .v7-logo__mark{width:32px;height:32px;font-size:17px;border-radius:9px}
.pc-hd-logo .v7-logo__text{font-size:21px}

/* 링크·강조 기본색 */
a:hover{text-decoration:none}

/* 입력창 포커스 */
body input[type=text]:focus, body input[type=tel]:focus, body input[type=email]:focus,
body input[type=password]:focus, body input[type=number]:focus, body select:focus, body textarea:focus{
  border-color:var(--v7-g) !important;
  box-shadow:0 0 0 3px rgba(12,143,83,.12);
  outline:none;
}

/* 체크박스·라디오 색 */
body input[type=checkbox], body input[type=radio]{accent-color:var(--v7-g)}

/* 버튼 누름 반응 */
body button, body .btn, body a[class*="btn"]{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}
body button:active, body .btn:active, body a[class*="btn"]:active{transform:scale(.98)}

/* 스크롤 영역 가로 막대 숨김 (탭·칩 영역) */
.nav::-webkit-scrollbar, .qm::-webkit-scrollbar, .hrow::-webkit-scrollbar{display:none}

/* 관리자에 올라간 파란 아이콘 이미지 → 초록 계열로 표시 */
#mo-tab-bar .mo-tab img,
.ad-root .il img{filter:hue-rotate(-72deg) saturate(.95)}

/* 모바일 하단 메뉴: 관리자 색상과 관계없이 v7 기준 */
#mo-tab-bar .mo-tab span{color:var(--v7-muted) !important;font-weight:600}
#mo-tab-bar .mo-tab.active span{color:var(--v7-ink) !important}