/* 전 카테고리 세부 화면에서 메인으로 돌아가지 않고 이동할 수 있는 메뉴 */
.hw-section-navigation {
  --hw-nav-green: #195a33;
  --hw-nav-gold: #dbb96c;
  position: relative;
  z-index: 12;
  width: 100%;
  border-bottom: 1px solid #c9d9c3;
  background: #f8faf4;
  box-shadow: 0 3px 14px rgba(12, 38, 22, .1);
  color: #173821;
}
.hw-section-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 15px clamp(12px, 3vw, 34px) 18px;
}
.hw-section-crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #4b6251;
}
.hw-section-crumbs a,
.hw-section-crumbs span {color: #4b6251 !important; text-decoration: none !important;}
.hw-section-crumbs a:hover, .hw-section-crumbs a:focus-visible {
  color: var(--hw-nav-green) !important; text-decoration: underline !important;
}
.hw-section-label {display: block; margin: 0 0 12px; color: #193e25 !important; font-size: 19px; font-weight: 850;}
.hw-section-label span {font-size: 13px; font-weight: 650; color: #536d5b !important; margin-left: 6px;}
.hw-section-links {display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch;}
.hw-section-links .hw-section-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 43px;
  padding: 9px 18px;
  border: 1px solid #a7bfaa;
  border-radius: 12px;
  background: #fff;
  color: #173821 !important;
  text-decoration: none !important;
  text-align: center;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.35;
  opacity: 1 !important;
  transition: background .15s ease, border-color .15s ease;
}
.hw-section-links .hw-section-link:hover,
.hw-section-links .hw-section-link:focus-visible {
  background: #e5f0df;
  border-color: var(--hw-nav-green);
  color: #10361d !important;
  outline-offset: 2px;
}
.hw-section-links .hw-section-link.is-current,
.hw-section-links .hw-section-link.is-current:hover {
  background: var(--hw-nav-green) !important;
  border-color: var(--hw-nav-green) !important;
  color: #fff !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.13);
}
@media (max-width: 900px) {
  .hw-section-inner {padding: 12px 12px 16px;}
  .hw-section-label {font-size: 18px; margin-bottom: 10px;}
  .hw-section-links {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}
  .hw-section-links .hw-section-link {padding: 10px 8px; min-height: 46px; font-size: 14px; overflow-wrap: anywhere;}
}
@media (max-width: 350px) {
  .hw-section-links {grid-template-columns: minmax(0, 1fr);}
}