:root {
  --hy-r-ink: #211827;
  --hy-r-muted: #7d6a78;
  --hy-r-line: #efd9e6;
  --hy-r-soft: #fff7fb;
  --hy-r-card: #fff;
  --hy-r-pink: #e65d9b;
  --hy-r-pink2: #f3bfd9;
  --hy-r-shadow: 0 10px 28px rgba(111,58,90,.07);
}

html,body {
  max-width: 100%;
  overflow-x: hidden;
}

#hy-wrap,.hy-wrap,.hy-main,.hy-main--sub,.hy-container,.hy-sub-container,.hy-board-screen,#bo_list,#bo_v,#bo_w,#bo_gall,.ca-auth,.ca-form-shell,.ca-form-card,.ca-member-card {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.hy-container,.hy-sub-container {
  width: min(1180px,calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

.hy-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(240,220,232,.9);
  backdrop-filter: blur(14px);
}

.hy-header>.hy-container.hy-header__inner,.hy-container.hy-header__inner {
  min-height: 70px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
}

.hy-brand {
  margin: 0;
  min-width: 0;
  max-width: 220px;
  justify-self: start;
}

.hy-brand a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  line-height: 1;
  text-decoration: none;
}

.hy-brand__image-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 176px;
  max-height: 42px;
  object-fit: contain;
  object-position: left center;
  margin: 0;
}

.hy-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hy-nav>ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.hy-nav>ul>li {
  list-style: none;
  min-width: 0;
}

.hy-nav>ul>li>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 13px;
  border-radius: 999px;
  color: #4f4050;
  text-decoration: none;
  font-weight: 850;
  font-size: 14px;
  white-space: nowrap;
}

.hy-account {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.hy-account__link,.hy-account .hy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  min-height: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  white-space: nowrap;
}

.hy-menu-btn {
  display: none;
}

.hy-menu-emoji,.hy-board-title-emoji,.hy-board-kicker i,.hy-board-emoji {
  font-style: normal;
  line-height: 1;
  vertical-align: -.08em;
}

.hy-board-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-board-title h1 {
  margin: 0;
  color: var(--hy-r-ink);
  font-size: 28px;
  line-height: 1.22;
  letter-spacing: -.045em;
  font-weight: 900;
}

.hy-board-actions,.hy-view-topbar,.hy-view-actions,.hy-view-share,.hy-write-titlebar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
}

.hy-board-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid #efd7e4;
  border-radius: 999px;
  background: #fff;
  color: #644d60;
  text-decoration: none;
  font-weight: 850;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.hy-board-btn.is-primary {
  border-color: #efb6d3;
  background: linear-gradient(180deg,#f8d5e7,#efbad7);
  color: #6f3155;
}

.hy-board-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-board-total {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid #f0dae7;
  border-radius: 999px;
  background: #fff;
  color: #5e4b5b;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 6px 20px rgba(128,72,103,.05);
}

.hy-board-total strong {
  margin: 0 2px;
  color: var(--hy-r-pink);
}

.hy-board-search {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 520px;
  min-width: 300px;
  margin: 0;
  padding: 6px;
  border: 1px solid #ecd7e3;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(128,72,103,.055);
  box-sizing: border-box;
}

.hy-board-search select,.hy-board-search input[type=text],.hy-board-search button {
  min-width: 0;
  box-sizing: border-box;
  font-size: 13px;
}

.hy-board-search select,.hy-board-search input[type=text] {
  height: 38px;
  border: 0;
  background: #fff;
  box-shadow: none;
  color: #372832;
  outline: none;
}

.hy-board-search select {
  width: 145px;
  padding: 0 34px 0 14px;
  border-right: 1px solid #f1e1ea;
  border-radius: 999px 0 0 999px;
}

.hy-board-search input[type=text] {
  flex: 1 1 auto;
  padding: 0 12px;
}

.hy-board-search button {
  height: 38px;
  min-width: 70px;
  border: 0;
  border-radius: 999px;
  background: var(--hy-r-pink2);
  color: #6b3154;
  font-weight: 900;
}

.hy-board-listbox {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-board-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 18px 20px;
  border: 1px solid var(--hy-r-line);
  border-radius: 20px;
  background: var(--hy-r-card);
  box-shadow: var(--hy-r-shadow);
  overflow: hidden;
}

.hy-board-row.has-thumb {
  grid-template-columns: 104px minmax(0,1fr);
}

.hy-board-row.has-check {
  padding-left: 52px;
}

.hy-board-check {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
}

.hy-board-check input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.hy-board-thumb-link {
  display: block;
  width: 104px;
  height: 74px;
  border: 1px solid #f2dceb;
  border-radius: 16px;
  background: #fff4fa;
  overflow: hidden;
  text-decoration: none;
}

.hy-board-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  margin: 0;
  max-width: none;
}

.hy-board-rowlink {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 13px;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

.hy-board-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff1f8;
  color: #dd4f94;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
}

.hy-board-rowtext {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.hy-board-rowtext strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #16121a;
  font-size: 17px;
  line-height: 1.35;
  letter-spacing: -.035em;
  font-weight: 900;
}

.hy-board-rowtext small {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
  color: var(--hy-r-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.hy-board-rowtext small span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-board-cat-chip,.hy-view-cat-chip {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  height: 23px;
  padding: 0 9px;
  border-radius: 999px;
  background: #fff1f7;
  color: #d94f90;
  font-size: 11px;
  font-weight: 900;
}

.hy-board-adminbar {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin: 14px 0 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-board-adminbar .hy-board-btn {
  min-height: 33px;
  padding: 0 12px;
  font-size: 12px;
}

.hy-view-article,.hy-write-card,.ca-form-card,.ca-member-card {
  border: 1px solid var(--hy-r-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--hy-r-shadow);
  overflow: hidden;
}

.hy-view-head {
  padding: 24px 26px;
  border-bottom: 1px solid #f0ddea;
  background: linear-gradient(180deg,#fff,#fff8fb);
}

.hy-view-head h1 {
  margin: 10px 0 12px;
  color: #18131a;
  font-size: 29px;
  line-height: 1.25;
  letter-spacing: -.05em;
}

.hy-view-content {
  padding: 26px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hy-view-content img,.hy-view-media img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

@media (max-width:760px) {
  html,body {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
  }
  body {
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }
  #hy-wrap,.hy-wrap,.hy-main,.hy-main--sub,.hy-container,.hy-sub-container,.hy-board-screen,#bo_list,#bo_v,#bo_w,#bo_gall,.ca-auth,.ca-form-shell,.ca-form-card,.ca-member-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .hy-container,.hy-sub-container {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
  }
  .hy-main--home,.hy-main--sub {
    padding-top: 14px;
    padding-bottom: 28px;
  }
  .hy-header>.hy-container.hy-header__inner,.hy-container.hy-header__inner {
    width: 100%;
    max-width: 100%;
    min-height: 60px;
    padding: 10px 12px;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas: "brand menu" "account account" "nav nav";
    align-items: center;
    gap: 8px;
  }
  .hy-brand {
    grid-area: brand;
    width: auto;
    max-width: calc(100vw - 96px);
    justify-self: start;
    margin: 0;
  }
  .hy-brand a {
    max-width: 100%;
    justify-content: flex-start;
  }
  .hy-brand__image-logo {
    max-width: 126px;
    max-height: 34px;
    object-position: left center;
  }
  .hy-menu-btn {
    grid-area: menu;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    justify-self: end;
    height: 36px;
    min-width: 54px;
    padding: 0 11px;
    border: 1px solid #efd7e4;
    border-radius: 999px;
    background: #fff;
    color: #5b4055;
    box-shadow: none;
    font-size: 12px;
    font-weight: 900;
  }
  .hy-nav {
    grid-area: nav;
    display: none !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 8px 0 0;
    border-top: 1px solid #f3e3ee;
    overflow: visible;
  }
  .hy-nav.is-open,.hy-nav[data-open="1"] {
    display: block !important;
  }
  .hy-nav>ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    justify-content: stretch;
  }
  .hy-nav>ul>li>a {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 0 9px;
    border: 1px solid #f0d7e6;
    border-radius: 14px;
    background: #fff7fb;
    font-size: 12px;
    overflow: hidden;
  }
  .hy-nav>ul>li>a span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hy-account {
    grid-area: account;
    width: 100%;
    justify-content: flex-start;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 2px;
  }
  .hy-account__name {
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
  }
  .hy-account__link,.hy-account .hy-btn {
    flex: 0 0 auto;
    width: auto;
    min-height: 31px;
    height: 31px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
  }
  .hy-board-title {
    display: block;
    margin: 0 0 11px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .hy-board-title h1 {
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: -.045em;
  }
  .hy-board-title p {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
  }
  .hy-board-actions {
    justify-content: flex-start;
    gap: 6px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
    margin-top: 9px;
  }
  .hy-board-btn {
    flex: 0 0 auto;
    min-height: 33px;
    height: auto;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    white-space: nowrap;
  }
  .hy-board-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0 0 10px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .hy-board-total {
    width: max-content;
    max-width: 100%;
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
  }
  .hy-board-search {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 6px;
    padding: 8px;
    border-radius: 18px;
  }
  .hy-board-search select,.hy-board-search input[type=text],.hy-board-search button {
    display: block;
    width: 100%;
    height: 38px;
    border: 1px solid #f0ddea;
    border-radius: 12px;
    padding: 0 12px;
  }
  .hy-board-search button {
    border: 0;
    background: #f3bfd9;
    font-weight: 900;
  }
  .hy-board-listbox {
    display: grid;
    gap: 9px;
    width: 100%;
  }
  .hy-board-row {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 9px;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 13px;
    border-radius: 18px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .hy-board-row.has-thumb {
    grid-template-columns: 72px minmax(0,1fr);
    align-items: center;
  }
  .hy-board-row.has-check {
    padding-left: 40px;
  }
  .hy-board-check {
    left: 13px !important;
    top: 18px !important;
    transform: none !important;
    width: 16px;
    height: 16px;
  }
  .hy-board-thumb-link {
    width: 72px;
    height: 72px;
    border-radius: 14px;
  }
  .hy-board-rowlink {
    display: block;
    min-width: 0;
    width: 100%;
  }
  .hy-board-no {
    min-width: 32px;
    height: 23px;
    margin: 0 0 6px;
    padding: 0 8px;
    font-size: 11px;
  }
  .hy-board-rowtext {
    min-width: 0;
    gap: 5px;
  }
  .hy-board-rowtext strong {
    font-size: 15px;
    line-height: 1.34;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hy-board-rowtext small {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 7px;
    font-size: 11px;
    line-height: 1.35;
  }
  .hy-board-cat-chip {
    height: 21px;
    min-height: 21px;
    margin: 0 0 3px;
    padding: 0 8px;
    font-size: 11px;
  }
  .hy-board-adminbar {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
  }
  .hy-board-adminbar .hy-board-btn {
    flex: 0 0 auto;
    min-width: auto;
  }
  .hy-board-pages {
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }
  .hy-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    width: 100%;
  }
  .hy-gallery-card {
    min-width: 0;
    border-radius: 18px;
    overflow: hidden;
  }
  .hy-gallery-info {
    padding: 11px;
  }
  .hy-gallery-info strong {
    font-size: 14px;
    line-height: 1.35;
  }
  .hy-view-article {
    border-radius: 20px;
    overflow: hidden;
  }
  .hy-view-head {
    padding: 18px 16px;
  }
  .hy-view-head h1 {
    font-size: 22px;
    line-height: 1.3;
  }
  .hy-view-content {
    padding: 18px 16px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .hy-view-meta {
    font-size: 12px;
    gap: 5px 9px;
  }
  .hy-view-topbar,.hy-view-actions,.hy-view-share {
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .hy-write-card,.ca-form-card,.ca-member-card {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    border-radius: 20px;
    overflow: hidden;
  }
  .hy-write-grid,.hy-write-author-grid,.ca-form-shell {
    display: block;
  }
  #bo_w input:not([type=checkbox]):not([type=radio]),#bo_w select,#bo_w textarea,.ca-form-card input:not([type=checkbox]):not([type=radio]),.ca-form-card select,.ca-form-card textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .ca-form-card table,.ca-form-card tbody,.ca-form-card tr,.ca-form-card th,.ca-form-card td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .ca-form-card th {
    padding: 10px 0 6px;
    text-align: left;
    background: transparent;
    border: 0;
  }
  .ca-form-card td {
    padding: 0 0 12px;
    border: 0;
  }
  .hy-footer__inner {
    padding-bottom: 96px;
  }
}

@media (max-width:420px) {
  .hy-brand__image-logo {
    max-width: 112px;
    max-height: 32px;
  }
  .hy-gallery-grid {
    grid-template-columns: 1fr;
  }
  .hy-board-row.has-thumb {
    grid-template-columns: 66px minmax(0,1fr);
  }
  .hy-board-thumb-link {
    width: 66px;
    height: 66px;
  }
}

/* 2026-06-07 mobile real order patch: slideshow visibility, mobile header account, board/view flow */
.hy-mobile-account { display: none; }
.hy-slideshow[data-hy-slideshow] [data-hy-slide].is-active {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.hy-slide__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;
}
.hy-slideshow[data-hy-slideshow] [data-hy-slide]::before,
.hy-slideshow[data-hy-slideshow] [data-hy-slide]::after { z-index: 1; }
.hy-slideshow[data-hy-slideshow] .hy-slide__content,
.hy-slideshow[data-hy-slideshow] .hy-slideshow__controls { position: relative; z-index: 2; }

@media (max-width:760px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: "brand menu" "nav nav" !important;
    min-height: 56px;
    gap: 8px;
  }
  .hy-header .hy-account { display: none !important; }
  .hy-nav.is-open .hy-mobile-account,
  .hy-nav[data-open="1"] .hy-mobile-account {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f3e3ee;
  }
  .hy-mobile-account__name,
  .hy-mobile-account a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid #f0d7e6;
    border-radius: 14px;
    background: #fff;
    color: #5b4055;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hy-mobile-account__name { grid-column: 1 / -1; background: #fff7fb; color: #d75293; }

  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    min-height: 210px;
    border-radius: 22px;
  }
  .hy-home--mix .hy-slide,
  .hy-slideshow[data-hy-slideshow] [data-hy-slide] {
    min-height: 210px;
    padding: 18px;
    background-position: center;
  }
  .hy-slide--image-only .hy-slide__image { object-fit: cover; }

  .hy-board-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "body";
    align-items: center;
    gap: 10px;
    padding: 13px !important;
  }
  .hy-board-row.has-thumb {
    grid-template-columns: 72px minmax(0,1fr) !important;
    grid-template-areas: "thumb body" !important;
  }
  .hy-board-row.has-check {
    grid-template-columns: 20px minmax(0,1fr) !important;
    grid-template-areas: "check body" !important;
    padding-left: 13px !important;
  }
  .hy-board-row.has-check.has-thumb {
    grid-template-columns: 20px 72px minmax(0,1fr) !important;
    grid-template-areas: "check thumb body" !important;
  }
  .hy-board-check {
    position: static !important;
    grid-area: check;
    transform: none !important;
    align-self: start;
    justify-self: center;
    margin-top: 6px;
  }
  .hy-board-thumb-link {
    grid-area: thumb;
    align-self: start;
    justify-self: start;
  }
  .hy-board-rowlink {
    grid-area: body;
    display: block !important;
    min-width: 0;
    align-self: center;
  }
  .hy-board-rowtext strong {
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .hy-board-rowtext small span { max-width: 100%; }

  .hy-view-topbar,
  .hy-view-top-actions,
  .hy-view-actions,
  .hy-view-share {
    display: flex !important;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
  }
  .hy-view-back { max-width: 100%; min-width: 0; }
  .hy-view-head {
    display: block !important;
    min-width: 0;
    padding: 18px 16px !important;
  }
  .hy-view-head h1,
  #bo_v_title {
    display: block;
    max-width: 100%;
    margin: 10px 0 12px;
    font-size: 22px !important;
    line-height: 1.32 !important;
    letter-spacing: -.045em;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .hy-view-meta,
  #bo_v_info {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    align-items: center;
    min-width: 0;
  }
  .hy-view-meta span,
  #bo_v_info span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    line-height: 1.35;
  }
  .hy-view-content,
  #bo_v_con {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: keep-all;
    line-height: 1.75;
  }
  #bo_v_con * { max-width: 100%; }
}

@media (max-width:420px) {
  .hy-board-row.has-thumb { grid-template-columns: 66px minmax(0,1fr) !important; }
  .hy-board-row.has-check.has-thumb { grid-template-columns: 20px 66px minmax(0,1fr) !important; }
}

/* 2026-06-07 mobile menu cleanup: hide account block and use the empty slot as search */
.hy-mobile-search-menu { display: none; }

@media (max-width:760px) {
  .hy-header {
    overflow: visible;
  }

  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: "brand menu" "nav nav" !important;
    align-items: center;
    row-gap: 6px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .hy-menu-btn {
    grid-area: menu;
    justify-self: end;
  }

  .hy-nav[data-hy-nav] {
    grid-area: nav;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    display: none !important;
    visibility: visible;
    opacity: 1;
  }

  .hy-nav[data-hy-nav].is-open {
    display: block !important;
    padding-top: 6px !important;
  }

  .hy-nav[data-hy-nav].is-open > ul {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hy-nav[data-hy-nav].is-open > ul > li {
    display: block !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hy-nav[data-hy-nav].is-open > ul > li > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    min-height: 39px;
    padding: 0 10px;
    border: 1px solid #f1dbe7;
    border-radius: 15px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 8px 20px rgba(90,40,70,.055);
    color: #5d4055;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
  }

  .hy-nav[data-hy-nav].is-open > ul > li > a span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hy-nav[data-hy-nav].is-open > ul > li > ul {
    display: none !important;
  }

  .hy-mobile-search-menu {
    display: block !important;
  }

  .hy-nav[data-hy-nav].is-open .hy-mobile-search-menu > a {
    border-color: #eec6dc;
    background: linear-gradient(180deg,#fff,#fff6fb);
    color: #d74f91;
  }

  .hy-nav[data-hy-nav].is-open .hy-mobile-account,
  .hy-nav[data-hy-nav][data-open="1"] .hy-mobile-account,
  .hy-mobile-account {
    display: none !important;
  }
}


/* 2026-06-07 mobile header expansion + slideshow search slot fix */
.hy-slide-search-quick { display: none; }

@media (max-width:760px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    height: auto !important;
    min-height: 58px;
    align-content: start;
  }

  .hy-nav[data-hy-nav].is-open {
    position: relative !important;
    z-index: 20;
    margin-top: 4px !important;
    padding: 8px 0 2px !important;
  }

  .hy-nav[data-hy-nav].is-open > ul {
    position: relative;
    z-index: 21;
  }

  .hy-mobile-search-menu { display: none !important; }

  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
  .hy-home--mix .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    position: absolute !important;
    left: 10px !important;
    right: auto !important;
    bottom: 8px !important;
    top: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 30px minmax(48px, 1fr) auto 30px;
    align-items: center;
    justify-content: stretch !important;
    gap: 6px !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    min-height: 38px !important;
    padding: 4px 6px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(239,218,231,.92) !important;
    box-shadow: 0 10px 22px rgba(45,27,40,.12) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }

  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav,
  .hy-home--mix .hy-slide-nav,
  .hy-slideshow[data-hy-slideshow] .hy-slide-nav {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 11px !important;
    font-size: 20px !important;
    box-shadow: none !important;
  }

  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots,
  .hy-home--mix .hy-slide-dots,
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots {
    min-width: 0;
    max-width: none !important;
    justify-content: center;
    overflow: hidden;
    gap: 4px !important;
    padding: 0 2px !important;
  }

  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button,
  .hy-home--mix .hy-slide-dots button,
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots button {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 auto;
  }

  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active,
  .hy-home--mix .hy-slide-dots button.is-active,
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active {
    width: 20px !important;
  }

  .hy-slide-search-quick {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    min-width: 68px;
    padding: 0 10px;
    border-radius: 11px;
    border: 1px solid #eec6dc;
    background: linear-gradient(180deg,#fff,#fff5fa);
    color: #d74f91 !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none;
  }
}

@media (max-width:360px) {
  .hy-slide-search-quick {
    min-width: 56px;
    padding: 0 8px;
  }
  .hy-slide-search-quick span:last-child { font-size: 11.5px; }
}

/* 2026-06-07 mobile header center search fix */
.hy-header-search-quick { display: none; }

@media (max-width:760px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(68px, auto) 1fr minmax(68px, auto);
    align-items: center;
    gap: 8px;
    min-height: 58px;
    height: auto;
  }

  .hy-brand {
    grid-column: 1;
    justify-self: start;
    min-width: 0;
  }

  .hy-header-search-quick {
    grid-column: 2;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 84px;
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid #eec6dc;
    background: linear-gradient(180deg,#fff,#fff5fa);
    color: #d74f91;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(199,105,154,.12);
    white-space: nowrap;
    z-index: 4;
  }

  .hy-menu-btn {
    grid-column: 3;
    justify-self: end;
    z-index: 5;
  }

  .hy-nav[data-hy-nav] {
    grid-column: 1 / -1;
  }

  .hy-account {
    display: none;
  }

  .hy-slide-search-quick {
    display: none;
  }

  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
  .hy-home--mix .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    grid-template-columns: 30px minmax(48px, 1fr) 30px;
  }
}

@media (max-width:360px) {
  .hy-header-search-quick {
    min-width: 72px;
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }
}

/* 2026-06-07 final mobile header search placement override */
@media (max-width:760px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    grid-template-columns: minmax(54px, auto) 1fr minmax(58px, auto) !important;
    grid-template-areas: "brand search menu" "nav nav nav" !important;
  }
  .hy-brand { grid-area: brand !important; }
  .hy-header-search-quick { grid-area: search !important; }
  .hy-menu-btn { grid-area: menu !important; }
  .hy-nav[data-hy-nav] { grid-area: nav !important; }
  .hy-slide-search-quick { display: none !important; }
}

/* 2026-06-07 PC spacing + mobile large search final patch */
@media (min-width: 761px) {
  .hy-header {
    padding: 0;
    border-bottom: 1px solid rgba(238, 213, 229, .72);
    background: rgba(255,255,255,.94);
  }

  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    display: grid;
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 76px;
    padding: 14px 22px;
  }

  .hy-brand {
    min-width: 96px;
    margin: 0;
  }

  .hy-brand > a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    gap: 10px;
  }

  .hy-brand__image-logo {
    display: block;
    max-width: 118px;
    max-height: 46px;
    object-fit: contain;
  }

  .hy-nav {
    min-width: 0;
    justify-self: center;
    width: 100%;
  }

  .hy-nav > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 0;
    padding: 0;
  }

  .hy-nav > ul > li { margin: 0; }

  .hy-nav > ul > li > a,
  .hy-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 9px 13px;
    line-height: 1.25;
    white-space: nowrap;
    letter-spacing: -0.02em;
  }

  .hy-menu-emoji {
    flex: 0 0 auto;
    margin-right: 1px;
  }

  .hy-account {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
    max-width: 360px;
    line-height: 1.25;
  }

  .hy-account__name {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 8px 0 0;
    margin: 0;
    color: #7a5269;
    font-weight: 800;
    white-space: nowrap;
  }

  .hy-account__link,
  .hy-account .hy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .hy-main--sub,
  .hy-sub-container {
    padding-top: 24px;
  }

  .hy-board-screen {
    margin-top: 0;
  }

  .hy-board-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 0 0 18px;
    margin-bottom: 18px;
  }

  .hy-board-title h1 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    line-height: 1.25;
    letter-spacing: -0.035em;
  }

  .hy-board-title p {
    margin: 8px 0 0;
    line-height: 1.55;
  }

  .hy-board-title-emoji { flex: 0 0 auto; }

  .hy-board-actions,
  .hy-board-adminbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
  }

  .hy-board-btn,
  .hy-board-actions a,
  .hy-board-adminbar button,
  .hy-board-adminbar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 14px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .hy-board-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 18px;
  }

  .hy-board-total {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 40px;
    padding: 0 2px;
    line-height: 1.35;
    white-space: nowrap;
  }

  .hy-board-search {
    flex: 1 1 520px;
    max-width: 560px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
  }

  .hy-board-search select,
  .hy-board-search input,
  .hy-board-search button {
    height: 42px;
    min-height: 42px;
    line-height: 1.2;
  }

  .hy-board-search select {
    flex: 0 0 150px;
    padding: 0 34px 0 14px;
  }

  .hy-board-search input {
    flex: 1 1 260px;
    min-width: 180px;
    padding: 0 16px;
  }

  .hy-board-search button {
    flex: 0 0 auto;
    padding: 0 18px;
    white-space: nowrap;
  }

  .hy-board-listbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .hy-board-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 90px;
    padding: 17px 20px;
    border-radius: 18px;
  }

  .hy-board-row.has-check {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .hy-board-row.has-thumb {
    grid-template-columns: 94px minmax(0, 1fr);
  }

  .hy-board-row.has-check.has-thumb {
    grid-template-columns: 28px 94px minmax(0, 1fr);
  }

  .hy-board-check {
    align-self: center;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
  }

  .hy-board-thumb-link {
    display: block;
    width: 94px;
    height: 70px;
    border-radius: 14px;
    overflow: hidden;
    align-self: center;
  }

  .hy-board-thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hy-board-rowlink {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
    text-decoration: none;
  }

  .hy-board-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
  }

  .hy-board-rowtext {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
  }

  .hy-board-rowtext strong {
    display: block;
    min-width: 0;
    line-height: 1.32;
    letter-spacing: -0.035em;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .hy-board-rowtext small {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    min-width: 0;
    line-height: 1.35;
  }

  .hy-row-name,
  .hy-row-date,
  .hy-row-hit,
  .hy-comment-cnt,
  .hy-board-cat-chip {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  .hy-board-cat-chip { margin: 0 0 1px; }
}

@media (max-width: 760px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    grid-template-columns: minmax(68px, auto) minmax(58px, auto) !important;
    grid-template-areas:
      "brand menu"
      "search search"
      "nav nav" !important;
    row-gap: 9px !important;
    column-gap: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .hy-brand { grid-area: brand !important; }
  .hy-menu-btn { grid-area: menu !important; justify-self: end !important; }
  .hy-nav[data-hy-nav] { grid-area: nav !important; }

  .hy-header-search-quick {
    grid-area: search !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 17px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(235, 194, 220, .95) !important;
    background: linear-gradient(180deg, #fff, #fff7fb) !important;
    box-shadow: 0 8px 18px rgba(204, 112, 164, .13) !important;
    color: #ad6b91 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .hy-header-search-icon {
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1;
  }

  .hy-header-search-text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8d6d80;
    letter-spacing: -0.02em;
  }
}

/* 2026-06-07 mobile header one-line big search final override */
@media (max-width: 760px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    display: grid !important;
    grid-template-columns: minmax(48px, 60px) minmax(150px, 1fr) minmax(56px, auto) !important;
    grid-template-areas:
      "brand search menu"
      "nav nav nav" !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    min-height: auto !important;
    padding: 9px 10px !important;
  }

  .hy-brand {
    grid-area: brand !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  .hy-brand > a {
    min-width: 0 !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .hy-brand__image-logo {
    max-width: 58px !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .hy-header-search-quick {
    grid-area: search !important;
    justify-self: stretch !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(235, 194, 220, .95) !important;
    background: linear-gradient(180deg, #fff, #fff7fb) !important;
    box-shadow: 0 7px 16px rgba(204, 112, 164, .12) !important;
    color: #9a607f !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .hy-header-search-icon {
    flex: 0 0 auto !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .hy-header-search-text {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #8d6d80 !important;
    letter-spacing: -0.02em !important;
  }

  .hy-menu-btn {
    grid-area: menu !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 54px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
  }

  .hy-nav[data-hy-nav] {
    grid-area: nav !important;
  }
}

@media (max-width: 360px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    grid-template-columns: 44px minmax(130px, 1fr) 54px !important;
    column-gap: 7px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .hy-brand__image-logo {
    max-width: 48px !important;
    max-height: 30px !important;
  }

  .hy-header-search-quick {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
  }

  .hy-menu-btn {
    min-width: 52px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
  }
}

/* 2026-06-07 PC header/spacing realfix - scoped desktop polish */
@media (min-width: 761px) {
  .hy-header {
    position: sticky;
    top: 0;
    z-index: 200;
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(236, 210, 226, .78);
    box-shadow: 0 8px 24px rgba(71, 43, 61, .045);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 13px 0 !important;
    min-height: 76px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    box-sizing: border-box !important;
  }

  .hy-brand {
    flex: 0 0 76px !important;
    width: 76px !important;
    margin: 0 !important;
  }

  .hy-brand > a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .hy-brand__image-logo {
    max-width: 72px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .hy-header-search-quick {
    display: none !important;
  }

  .hy-menu-btn {
    display: none !important;
  }

  .hy-nav[data-hy-nav],
  .hy-nav {
    position: static !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .hy-nav > ul,
  .hy-nav ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .hy-nav > ul > li,
  .hy-nav li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }

  .hy-nav > ul > li > a,
  .hy-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #453642 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .hy-nav > ul > li > a:hover,
  .hy-nav > ul > li:hover > a,
  .hy-nav a:focus-visible {
    color: #d94b8f !important;
    background: rgba(255, 241, 248, .82) !important;
    box-shadow: 0 0 0 8px rgba(255, 241, 248, .82) !important;
  }

  .hy-menu-emoji {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 14px !important;
  }

  .hy-nav li ul {
    top: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 10px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(237, 205, 225, .9) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 20px 50px rgba(86, 56, 75, .14) !important;
  }

  .hy-account {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  .hy-account__name,
  .hy-account span,
  .hy-account a,
  .hy-account .hy-btn,
  .hy-account__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5a4653 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .hy-account__name {
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .hy-account .hy-btn,
  .hy-account a[href*="logout"] {
    min-width: 76px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(235, 194, 220, .95) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #fff, #f9dce9) !important;
    color: #734f65 !important;
    box-shadow: 0 8px 18px rgba(201, 99, 154, .11) !important;
  }

  .hy-account a:hover,
  .hy-account a:focus-visible {
    color: #d94b8f !important;
  }

  .hy-home--mix {
    padding-top: 28px !important;
  }

  .hy-home--mix .hy-hero.hy-hero--mix,
  .hy-hero.hy-hero--mix {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
  }

  .hy-home--mix .hy-slideshow,
  .hy-slideshow {
    border-radius: 26px !important;
  }

  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow__viewport {
    border-radius: 24px !important;
  }

  .hy-card,
  .hy-card--soft,
  .hy-notice-bar,
  .hy-main-list,
  .hy-gallery-block,
  .hy-board-box {
    letter-spacing: -0.025em !important;
  }

  .hy-card header,
  .hy-card__title-row,
  .hy-board-box__head {
    gap: 14px !important;
    padding-bottom: 12px !important;
  }

  .hy-card h2,
  .hy-card h3,
  .hy-card h4,
  .hy-board-box__head h4 {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    line-height: 1.32 !important;
    word-break: keep-all !important;
  }

  .hy-board-row,
  .hy-list-row,
  .hy-route-row,
  .hy-latest-item {
    gap: 14px !important;
    line-height: 1.48 !important;
  }

  .hy-board-rowtext,
  .hy-route-text,
  .hy-latest-text {
    gap: 7px !important;
    line-height: 1.45 !important;
  }

  .hy-board-rowtext small,
  .hy-route-meta,
  .hy-latest-meta {
    gap: 8px 14px !important;
    line-height: 1.45 !important;
  }
}

@media (min-width: 761px) and (max-width: 1120px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    width: min(100% - 32px, 1080px) !important;
    gap: 16px !important;
  }

  .hy-brand {
    flex-basis: 66px !important;
    width: 66px !important;
  }

  .hy-brand__image-logo {
    max-width: 62px !important;
  }

  .hy-nav > ul,
  .hy-nav ul {
    gap: 0 14px !important;
  }

  .hy-nav > ul > li > a,
  .hy-nav a,
  .hy-account__name,
  .hy-account span,
  .hy-account a,
  .hy-account .hy-btn,
  .hy-account__link {
    font-size: 13px !important;
  }

  .hy-account {
    gap: 9px !important;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .hy-header > .hy-container.hy-header__inner,
  .hy-container.hy-header__inner {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    row-gap: 10px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .hy-brand {
    order: 1 !important;
  }

  .hy-account {
    order: 2 !important;
    margin-left: auto !important;
  }

  .hy-nav[data-hy-nav],
  .hy-nav {
    order: 3 !important;
    flex: 0 0 100% !important;
  }

  .hy-nav > ul,
  .hy-nav ul {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
    padding-left: 0 !important;
  }
}


/* v41: 공통 헤더 메뉴 이모지 규격 통일 - /group/community 포함 */
.hy-header .hy-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.hy-header .hy-menu-emoji {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(245,196,222,.92) !important;
  background: linear-gradient(135deg,#fff4fa 0%,#f3f0ff 100%) !important;
  box-shadow: 0 6px 16px rgba(135,82,111,.08) !important;
  color: inherit !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  overflow: hidden !important;
}
.hy-header .hy-menu-label {
  display: inline-block;
  min-width: 0;
  line-height: 1.25;
  white-space: nowrap;
}
.hy-header .hy-nav li ul .hy-menu-emoji {
  flex-basis: 22px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}


/* v44 공통 상단영역 기준선: 일반 head.php와 게시판 fallback head 모두 동일 규격 */
html body .hy-header{min-height:88px!important;height:88px!important;border-bottom:1px solid rgba(244,213,229,.9)!important;background:rgba(255,255,255,.92)!important;box-sizing:border-box!important;}
html body .hy-header > .hy-container.hy-header__inner,html body .hy-header .hy-container.hy-header__inner,html body .hy-container.hy-header__inner{display:grid!important;grid-template-columns:104px minmax(0,1fr) auto!important;grid-template-areas:"brand nav account"!important;align-items:center!important;gap:18px!important;min-height:88px!important;height:88px!important;width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;}
html body .hy-header .hy-brand{grid-area:brand!important;width:104px!important;min-width:0!important;max-width:104px!important;margin:0!important;padding:0!important;}html body .hy-header .hy-brand>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:58px!important;margin:0!important;padding:0!important;text-decoration:none!important;}html body .hy-header .hy-brand__image-logo{display:block!important;width:auto!important;height:auto!important;max-width:82px!important;max-height:42px!important;object-fit:contain!important;}
html body .hy-header .hy-header-search-quick{display:none!important;}html body .hy-header .hy-menu-btn{display:none!important;}
html body .hy-header .hy-nav[data-hy-nav],html body .hy-header .hy-nav{grid-area:nav!important;position:static!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
html body .hy-header .hy-nav>ul,html body .hy-header .hy-nav ul{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:0 20px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important;white-space:nowrap!important;overflow:visible!important;}html body .hy-header .hy-nav>ul>li,html body .hy-header .hy-nav li{flex:0 0 auto!important;display:block!important;margin:0!important;padding:0!important;list-style:none!important;position:relative!important;}
html body .hy-header .hy-nav>ul>li>a,html body .hy-header .hy-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#40333d!important;font-size:14px!important;font-weight:850!important;line-height:1!important;letter-spacing:-.03em!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important;}
html body .hy-header .hy-menu-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;margin:0!important;padding:0!important;border:1px solid rgba(245,196,222,.95)!important;border-radius:9px!important;background:linear-gradient(135deg,#fff4fa 0%,#f2efff 100%)!important;box-shadow:0 5px 14px rgba(143,84,116,.08)!important;color:#6d5064!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;overflow:hidden!important;box-sizing:border-box!important;}html body .hy-header .hy-menu-emoji:empty::before{content:"🌸"!important;}html body .hy-header .hy-menu-label,html body .hy-header .hy-nav a span:last-child{display:inline-block!important;min-width:0!important;line-height:1!important;white-space:nowrap!important;}
html body .hy-header .hy-account{grid-area:account!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:12px!important;min-width:max-content!important;width:auto!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:visible!important;}html body .hy-header .hy-account__name,html body .hy-header .hy-account a,html body .hy-header .hy-account span,html body .hy-header .hy-account .hy-btn,html body .hy-header .hy-account__link{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;font-size:13.5px!important;font-weight:850!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important;}html body .hy-header .hy-account a[href*="logout"],html body .hy-header .hy-account a[href*="login"],html body .hy-header .hy-account a[href*="register"]{min-width:76px!important;padding:0 17px!important;border:1px solid rgba(235,195,220,.95)!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,#fae2ee)!important;color:#765167!important;box-shadow:0 8px 18px rgba(201,99,154,.10)!important;}
@media(max-width:1180px){html body .hy-header>.hy-container.hy-header__inner,html body .hy-header .hy-container.hy-header__inner,html body .hy-container.hy-header__inner{grid-template-columns:86px minmax(0,1fr) auto!important;gap:14px!important;}html body .hy-header .hy-brand{width:86px!important;max-width:86px!important;}html body .hy-header .hy-brand__image-logo{max-width:68px!important;}html body .hy-header .hy-nav>ul,html body .hy-header .hy-nav ul{gap:0 14px!important;}html body .hy-header .hy-nav a{font-size:13px!important;gap:6px!important;}html body .hy-header .hy-menu-emoji{flex-basis:22px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:13px!important;}html body .hy-header .hy-account{gap:8px!important;}html body .hy-header .hy-account__name,html body .hy-header .hy-account a,html body .hy-header .hy-account span,html body .hy-header .hy-account .hy-btn{font-size:12.5px!important;}html body .hy-header .hy-account a[href*="logout"],html body .hy-header .hy-account a[href*="login"],html body .hy-header .hy-account a[href*="register"]{min-width:68px!important;padding:0 13px!important;}}
@media(max-width:720px){html body .hy-header{height:auto!important;min-height:60px!important;}html body .hy-header>.hy-container.hy-header__inner,html body .hy-header .hy-container.hy-header__inner,html body .hy-container.hy-header__inner{grid-template-columns:70px minmax(0,1fr) 72px!important;grid-template-areas:"brand search menu" "nav nav nav"!important;height:auto!important;min-height:60px!important;width:calc(100% - 20px)!important;padding:8px 0!important;gap:8px!important;}html body .hy-header .hy-brand{width:70px!important;max-width:70px!important;}html body .hy-header .hy-brand__image-logo{max-width:58px!important;max-height:30px!important;}html body .hy-header .hy-header-search-quick{grid-area:search!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;height:40px!important;padding:0 13px!important;border:1px solid rgba(239,205,227,.95)!important;border-radius:999px!important;background:#fff!important;color:#8b7483!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(201,99,154,.06)!important;overflow:hidden!important;}html body .hy-header .hy-menu-btn{grid-area:menu!important;justify-self:end!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;padding:0 12px!important;border:1px solid rgba(239,205,227,.95)!important;border-radius:999px!important;background:#fff!important;color:#5e4555!important;font-size:12px!important;font-weight:900!important;}html body .hy-header .hy-nav{grid-area:nav!important;width:100%!important;margin-top:6px!important;}html body .hy-header .hy-nav:not(.is-open){display:none!important;}html body .hy-header .hy-nav.is-open{display:block!important;}html body .hy-header .hy-nav>ul,html body .hy-header .hy-nav ul{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border:1px solid rgba(239,205,227,.95)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 16px 32px rgba(100,64,83,.08)!important;}html body .hy-header .hy-nav a{justify-content:flex-start!important;width:100%!important;height:40px!important;padding:0 10px!important;border-radius:14px!important;background:#fffafd!important;}html body .hy-header .hy-account{display:none!important;}}

/* v44 게시판 상단 공통 기준선: basic/gallery/플러그인 스킨 간 상단 크기 통일 */
html body .hy-main .hy-sub-container,html body .hy-board-fallback-container{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}html body .hy-board-screen{width:100%!important;max-width:1180px!important;margin:0 auto 56px!important;padding:0!important;box-sizing:border-box!important;}html body .hy-board-title,html body .hy-write-titlebar,html body .hy-view-head{width:100%!important;min-height:128px!important;margin:0 0 22px!important;padding:24px 28px!important;border:1px solid rgba(245,204,225,.9)!important;border-radius:26px!important;background:linear-gradient(135deg,#fff 0%,#fff7fb 58%,#f8f7ff 100%)!important;box-shadow:0 16px 42px rgba(93,54,77,.06)!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;box-sizing:border-box!important;overflow:hidden!important;}html body .hy-board-title>div,html body .hy-write-titlebar>div,html body .hy-view-head>div{min-width:0!important;}html body .hy-board-title h1,html body .hy-write-titlebar h1,html body .hy-view-head h1{margin:8px 0 6px!important;color:#2c1a27!important;font-size:clamp(24px,2.6vw,32px)!important;font-weight:950!important;line-height:1.18!important;letter-spacing:-.05em!important;word-break:keep-all!important;}html body .hy-board-title p,html body .hy-write-titlebar span,html body .hy-view-head p{margin:0!important;color:#8d7584!important;font-size:14px!important;font-weight:750!important;line-height:1.6!important;word-break:keep-all!important;}html body .hy-board-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;padding:0 10px!important;border:1px solid rgba(245,204,225,.85)!important;border-radius:999px!important;background:#fff!important;color:#b96695!important;font-size:12px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 20px rgba(170,106,143,.06)!important;}html body .hy-board-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;flex:0 0 auto!important;}html body .hy-board-toolbar,html body .hy-list3-toolbar{width:100%!important;margin:0 0 16px!important;padding:14px 16px!important;border:1px solid rgba(245,204,225,.78)!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 28px rgba(93,54,77,.045)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;box-sizing:border-box!important;}@media(max-width:720px){html body .hy-main .hy-sub-container,html body .hy-board-fallback-container{width:calc(100% - 20px)!important;}html body .hy-board-title,html body .hy-write-titlebar,html body .hy-view-head{min-height:0!important;padding:18px!important;border-radius:22px!important;align-items:flex-start!important;flex-direction:column!important;}html body .hy-board-toolbar,html body .hy-list3-toolbar{align-items:stretch!important;flex-direction:column!important;padding:12px!important;border-radius:18px!important;}}

/* v46 board/new common polish: 일반 게시판·새글보기 공통 상단/목록 밀도 보정 */
html body .hy-board-screen,
html body .hy-new-screen{
  max-width:1080px!important;
}
html body .hy-board-title,
html body .hy-new-screen .hy-board-title{
  position:relative!important;
  min-height:112px!important;
  padding:22px 26px!important;
  margin-bottom:16px!important;
  align-items:center!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 92% 20%,rgba(255,199,229,.34),rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#fff 0%,#fff7fb 58%,#f8f7ff 100%)!important;
  box-shadow:0 18px 48px rgba(93,54,77,.07)!important;
}
html body .hy-board-title:before,
html body .hy-new-screen .hy-board-title:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:22px!important;bottom:22px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,#ff9bc9,#b9a7ff)!important;
}
html body .hy-board-title h1,
html body .hy-new-screen .hy-board-title h1{
  margin:0 0 7px!important;
  font-size:clamp(25px,2.2vw,31px)!important;
}
html body .hy-board-title p,
html body .hy-new-screen .hy-board-title p{
  max-width:620px!important;
  font-size:13.5px!important;
}
html body .hy-board-category{
  margin:0 0 14px!important;
}
html body .hy-board-category ul{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
html body .hy-board-category a,
html body .hy-board-category li a,
html body .hy-board-category li span{
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(245,204,225,.92)!important;
  background:#fff!important;
  color:#7a526c!important;
  font-size:12.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 8px 20px rgba(93,54,77,.035)!important;
}
html body .hy-board-category .on a,
html body .hy-board-category a.on,
html body .hy-board-category #bo_cate_on{
  background:#fff0f8!important;
  color:#e7478f!important;
  border-color:rgba(236,157,198,.95)!important;
}
html body .hy-board-toolbar,
html body .hy-list3-toolbar,
html body .hy-new-screen .hy-board-toolbar{
  padding:13px 15px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(245,204,225,.82)!important;
  box-shadow:0 12px 30px rgba(93,54,77,.045)!important;
  margin-bottom:16px!important;
}
html body .hy-board-total{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#fff7fb!important;
  border:1px solid rgba(245,204,225,.75)!important;
  color:#8a6779!important;
  font-size:12.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
html body .hy-board-total strong{color:#e7478f!important;margin:0 2px!important;}
html body .hy-board-search{
  min-height:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(245,204,225,.88)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(93,54,77,.035)!important;
  overflow:hidden!important;
}
html body .hy-board-search select,
html body .hy-board-search input[type="text"]{
  height:42px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .hy-board-search button{
  min-width:66px!important;
  height:34px!important;
  margin-right:5px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f7d3e7,#e8b0cf)!important;
  color:#8a285a!important;
  font-weight:900!important;
}
html body #bo_list.hy-list3-screen .hy-list3-listbox,
html body .hy-new-screen .hy-new-listbox{
  gap:9px!important;
}
html body #bo_list.hy-list3-screen .hy-list3-row,
html body .hy-new-screen .hy-new-row{
  border-radius:22px!important;
  border-color:rgba(240,205,227,.95)!important;
  background:
    linear-gradient(90deg,rgba(255,247,251,.75),rgba(255,255,255,.98) 26%,rgba(255,255,255,.98))!important;
  box-shadow:0 10px 24px rgba(60,35,52,.045)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
html body #bo_list.hy-list3-screen .hy-list3-row:hover,
html body .hy-new-screen .hy-new-row:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(236,157,198,.96)!important;
  box-shadow:0 16px 36px rgba(93,54,77,.075)!important;
}
html body #bo_list.hy-list3-screen .hy-list3-badge,
html body .hy-new-screen .hy-board-no{
  background:#fff0f8!important;
  color:#e7478f!important;
  border:1px solid rgba(248,205,228,.8)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
html body #bo_list.hy-list3-screen .hy-list3-content strong,
html body .hy-new-screen .hy-board-rowtext strong{
  color:#261827!important;
  letter-spacing:-.035em!important;
}
html body .hy-new-screen .hy-board-rowlink{
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:76px!important;
  padding:13px 17px!important;
  text-decoration:none!important;
  color:inherit!important;
}
html body .hy-new-screen .hy-board-cat-chip{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:0 9px!important;
  margin-bottom:4px!important;
  border-radius:999px!important;
  background:#fff7fb!important;
  border:1px solid rgba(245,204,225,.78)!important;
  color:#9c5a82!important;
  font-size:11.5px!important;
  font-weight:900!important;
}
html body .hy-view-refined .hy-view-topbar{
  margin-bottom:12px!important;
}
html body .hy-view-refined .hy-view-article{
  border:1px solid rgba(245,204,225,.86)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(93,54,77,.06)!important;
  overflow:hidden!important;
}
html body .hy-view-refined .hy-view-hero{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(245,204,225,.8)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .hy-view-refined .hy-view-body{
  padding:28px 30px!important;
}
@media (max-width:720px){
  html body .hy-board-screen,html body .hy-new-screen{max-width:none!important;}
  html body .hy-board-title,html body .hy-new-screen .hy-board-title{min-height:0!important;padding:18px!important;border-radius:22px!important;}
  html body .hy-board-toolbar,html body .hy-list3-toolbar,html body .hy-new-screen .hy-board-toolbar{gap:10px!important;}
  html body .hy-board-search{width:100%!important;border-radius:18px!important;}
  html body .hy-new-screen .hy-board-rowlink{grid-template-columns:54px minmax(0,1fr)!important;padding:12px 13px!important;}
  html body .hy-view-refined .hy-view-body{padding:20px 18px!important;}
}


/* v47: 게시글 보기 상단은 제목 먼저, 모든 메타/카테고리/작성자 정보는 제목 아래에 배치 */
html body .hy-view-refined .hy-view-head.hy-view-hero,
html body #bo_v .hy-view-head.hy-view-hero,
html body #bo_v .hy-view-hero {
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
  min-height:0!important;
  overflow:visible!important;
}
html body .hy-view-refined .hy-view-hero h1,
html body #bo_v .hy-view-hero h1 {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 14px!important;
}
html body .hy-view-under-title {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  min-width:0!important;
}
html body .hy-view-under-title .hy-board-kicker,
html body .hy-view-under-title .hy-view-cat-chip {
  margin:0!important;
  flex:0 0 auto!important;
}
html body .hy-view-under-title .hy-view-meta,
html body #bo_v .hy-view-meta {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
}
html body .hy-view-under-title .hy-view-author-panel,
html body #bo_v .hy-view-author-panel {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .hy-view-under-title .hy-author-chip {
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid rgba(241,218,231,.95)!important;
  border-radius:999px!important;
  background:#fff!important;
}
html body .hy-view-under-title .hy-author-chat {
  margin-left:6px!important;
}
@media(max-width:720px){
  html body .hy-view-under-title{align-items:flex-start!important;gap:7px!important;}
  html body .hy-view-under-title .hy-view-meta{width:100%!important;}
  html body .hy-view-under-title .hy-view-author-panel{width:100%!important;}
}


/* v49 mobile board view/list hard structure: title alone, meta below; list cards do not run together */
@media (max-width:720px){
  html body #bo_v.hy-view-refined .hy-view-head.hy-view-hero{display:block!important;min-height:0!important;padding:0 0 14px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid rgba(245,204,225,.85)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  html body #bo_v.hy-view-refined #bo_v_title,html body #bo_v.hy-view-refined .hy-view-hero h1{display:block!important;width:100%!important;margin:0 0 10px!important;font-size:22px!important;line-height:1.34!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important;}
  html body #bo_v.hy-view-refined .hy-view-under-title{display:block!important;width:100%!important;clear:both!important;}
  html body #bo_v.hy-view-refined .hy-view-under-title .hy-board-kicker,html body #bo_v.hy-view-refined .hy-view-under-title .hy-view-cat-chip{display:inline-flex!important;height:28px!important;margin:0 6px 8px 0!important;padding:0 10px!important;font-size:12px!important;vertical-align:top!important;}
  html body #bo_v.hy-view-refined .hy-view-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 9px!important;width:100%!important;margin:2px 0 0!important;white-space:normal!important;overflow:visible!important;}
  html body #bo_v.hy-view-refined .hy-view-meta>span{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important;}
  html body #bo_v.hy-view-refined .hy-view-meta>span b{display:none!important;}
  html body #bo_v.hy-view-refined .hy-view-author-meta .hy-author-chip{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:5px!important;}
  html body #bo_v.hy-view-refined .hy-view-author-meta .hy-author-avatar{width:22px!important;height:22px!important;flex:0 0 22px!important;}
  html body #bo_list.hy-list3-screen .hy-list3-body{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;}
  html body #bo_list.hy-list3-screen .hy-list3-content{display:block!important;min-width:0!important;}
  html body #bo_list.hy-list3-screen .hy-list3-content strong{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:16px!important;line-height:1.38!important;word-break:keep-all!important;overflow-wrap:anywhere!important;}
  html body #bo_list.hy-list3-screen .hy-list3-content small{display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important;margin-top:5px!important;white-space:normal!important;overflow:visible!important;}
}


/* v50: mobile board/view sanity - compact meta, normal image size, compact list thumbnails */
@media (max-width:760px){
  html body #bo_v.hy-view-refined,
  html body #bo_v.hy-board-view{
    width:calc(100% - 20px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body #bo_v.hy-view-refined .hy-view-article{
    border-radius:20px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  html body #bo_v.hy-view-refined .hy-view-head.hy-view-hero,
  html body #bo_v .hy-view-head.hy-view-hero{
    display:block!important;
    min-height:0!important;
    padding:16px 14px 12px!important;
    border:0!important;
    border-bottom:1px solid rgba(245,204,225,.82)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#fff,#fffafd)!important;
    box-shadow:none!important;
  }
  html body #bo_v.hy-view-refined #bo_v_title,
  html body #bo_v.hy-view-refined .hy-view-hero h1,
  html body #bo_v .hy-view-hero h1{
    display:block!important;
    width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
    font-size:21px!important;
    line-height:1.34!important;
    font-weight:920!important;
    letter-spacing:-.045em!important;
    color:#171219!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
  html body #bo_v.hy-view-refined .hy-view-under-title,
  html body #bo_v .hy-view-under-title{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
  html body #bo_v.hy-view-refined .hy-board-kicker,
  html body #bo_v.hy-view-refined .hy-view-cat-chip,
  html body #bo_v .hy-board-kicker,
  html body #bo_v .hy-view-cat-chip{
    display:inline-flex!important;
    align-items:center!important;
    height:23px!important;
    min-height:23px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 5px 6px 0!important;
    padding:0 8px!important;
    border-radius:999px!important;
    border:1px solid rgba(245,204,225,.82)!important;
    background:#fff7fb!important;
    color:#cc4c8b!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body #bo_v.hy-view-refined .hy-view-meta,
  html body #bo_v.hy-view-refined #bo_v_info,
  html body #bo_v #bo_v_info{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:4px 8px!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#806d7a!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }
  html body #bo_v.hy-view-refined .hy-view-meta>span,
  html body #bo_v #bo_v_info>span{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    font-size:inherit!important;
    white-space:nowrap!important;
  }
  html body #bo_v.hy-view-refined .hy-view-meta>span b,
  html body #bo_v #bo_v_info>span b{display:none!important;}
  html body #bo_v.hy-view-refined .hy-view-author-meta .hy-author-chip,
  html body #bo_v #bo_v_info .hy-view-author-meta .hy-author-chip{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body #bo_v.hy-view-refined .hy-view-author-meta .hy-author-avatar,
  html body #bo_v.hy-view-refined .hy-view-author-meta .hy-author-avatar img,
  html body #bo_v #bo_v_info .hy-view-author-meta .hy-author-avatar,
  html body #bo_v #bo_v_info .hy-view-author-meta .hy-author-avatar img{
    width:18px!important;
    height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    flex:0 0 18px!important;
    border-radius:999px!important;
  }
  html body #bo_v.hy-view-refined .hy-author-chip__name,
  html body #bo_v #bo_v_info .hy-author-chip__name{
    max-width:96px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#66505f!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }
  html body #bo_v.hy-view-refined .hy-view-media,
  html body #bo_v.hy-view-refined .hy-view-images{
    display:grid!important;
    gap:10px!important;
    margin:0!important;
    padding:10px 12px 0!important;
    background:transparent!important;
  }
  html body #bo_v.hy-view-refined .hy-view-media a,
  html body #bo_v.hy-view-refined .hy-view-media .view_image,
  html body #bo_v.hy-view-refined .hy-view-images a{
    display:block!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  html body #bo_v.hy-view-refined .hy-view-media img,
  html body #bo_v.hy-view-refined .hy-view-images img,
  html body #bo_v.hy-view-refined #bo_v_con img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:72vh!important;
    object-fit:contain!important;
    margin:10px auto!important;
    border-radius:12px!important;
  }
  html body #bo_v.hy-view-refined .hy-view-body,
  html body #bo_v.hy-view-refined .hy-view-content,
  html body #bo_v.hy-view-refined section#bo_v_atc{
    padding:16px 14px 20px!important;
    font-size:15.5px!important;
    line-height:1.82!important;
    background:#fff!important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-row.has-thumb{grid-template-columns:minmax(0,1fr) 72px!important;align-items:start!important;}
  html body #bo_list.hy-list3-screen .hy-list3-row.has-check.has-thumb{grid-template-columns:22px minmax(0,1fr) 72px!important;align-items:start!important;}
  html body #bo_list.hy-list3-screen .hy-list3-check{order:0!important;}
  html body #bo_list.hy-list3-screen .hy-list3-body{order:1!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;}
  html body #bo_list.hy-list3-screen .hy-list3-thumb{order:2!important;width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;aspect-ratio:1/1!important;margin:0!important;border-radius:14px!important;overflow:hidden!important;align-self:start!important;}
  html body #bo_list.hy-list3-screen .hy-list3-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;border-radius:0!important;}
}


/* HY HEADER SUBMENU SANE FIX v53
   하위메뉴는 상단 메뉴 본문/게시판 레이아웃과 분리된 공통 헤더 드롭다운으로만 표시합니다. */
html body .hy-header .hy-nav > ul,
html body .hy-header .hy-nav ul:first-child {
  align-items: center !important;
}
html body .hy-header .hy-nav li.has-sub {
  position: relative !important;
  display: block !important;
  align-items: initial !important;
}
html body .hy-header .hy-nav li.has-sub > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 6px 30px 6px 9px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}
html body .hy-header .hy-submenu-toggle {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a85f89 !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}
html body .hy-header .hy-submenu-toggle span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}
html body .hy-header .hy-nav li.has-sub:hover .hy-submenu-toggle,
html body .hy-header .hy-nav li.has-sub:focus-within .hy-submenu-toggle,
html body .hy-header .hy-nav li.has-sub.is-sub-open .hy-submenu-toggle {
  background: rgba(255, 238, 247, .9) !important;
  color: #91426d !important;
}
html body .hy-header .hy-nav li.has-sub.is-sub-open .hy-submenu-toggle span {
  transform: translateY(0) rotate(180deg) !important;
}
html body .hy-header .hy-nav li > ul.hy-submenu,
html body .hy-header .hy-nav li .hy-submenu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  z-index: 10020 !important;
  min-width: 172px !important;
  max-width: 280px !important;
  padding: 8px !important;
  margin: 0 !important;
  list-style: none !important;
  border: 1px solid rgba(245,204,225,.95) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 18px 45px rgba(83,50,68,.14) !important;
  backdrop-filter: blur(10px) !important;
}
html body .hy-header .hy-nav li.has-sub:hover > ul.hy-submenu,
html body .hy-header .hy-nav li.has-sub:focus-within > ul.hy-submenu,
html body .hy-header .hy-nav li.has-sub.is-sub-open > ul.hy-submenu,
html body .hy-header .hy-nav li.has-sub:hover > .hy-submenu,
html body .hy-header .hy-nav li.has-sub:focus-within > .hy-submenu,
html body .hy-header .hy-nav li.has-sub.is-sub-open > .hy-submenu {
  display: block !important;
}
html body .hy-header .hy-nav li .hy-submenu li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .hy-header .hy-nav li .hy-submenu li + li {
  margin-top: 3px !important;
}
html body .hy-header .hy-nav li .hy-submenu a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #685363 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
html body .hy-header .hy-nav li .hy-submenu a:hover,
html body .hy-header .hy-nav li .hy-submenu a:focus {
  background: #fff2f8 !important;
  color: #91426d !important;
}
html body .hy-header .hy-nav li .hy-submenu .hy-menu-emoji {
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}
html body .hy-header .hy-nav li .hy-submenu .hy-menu-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  html body .hy-header .hy-nav li.has-sub > a {
    justify-content: flex-start !important;
    width: 100% !important;
    padding-right: 42px !important;
  }
  html body .hy-header .hy-submenu-toggle {
    right: 12px !important;
    top: 18px !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    background: #fff7fb !important;
    border: 1px solid rgba(245,204,225,.9) !important;
  }
  html body .hy-header .hy-nav li > ul.hy-submenu,
  html body .hy-header .hy-nav li .hy-submenu {
    position: static !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin: 4px 0 8px 31px !important;
    padding: 6px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    background: #fffafd !important;
  }
  html body .hy-header .hy-nav li.has-sub:hover > ul.hy-submenu,
  html body .hy-header .hy-nav li.has-sub:focus-within > ul.hy-submenu,
  html body .hy-header .hy-nav li.has-sub:hover > .hy-submenu,
  html body .hy-header .hy-nav li.has-sub:focus-within > .hy-submenu {
    display: none !important;
  }
  html body .hy-header .hy-nav li.has-sub.is-sub-open > ul.hy-submenu,
  html body .hy-header .hy-nav li.has-sub.is-sub-open > .hy-submenu {
    display: block !important;
  }
}

/* HY HEADER SUBMENU STAY FIX v54 */
@media (min-width: 769px) {
  html body .hy-header .hy-nav li.has-sub{position:relative!important;}
  html body .hy-header .hy-nav li.has-sub::after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;height:18px!important;display:block!important;background:transparent!important;pointer-events:auto!important;z-index:10019!important;}
  html body .hy-header .hy-nav li>ul.hy-submenu,html body .hy-header .hy-nav li .hy-submenu{top:calc(100% + 4px)!important;}
  html body .hy-header .hy-nav li.has-sub.is-sub-hover>ul.hy-submenu,html body .hy-header .hy-nav li.has-sub.is-sub-hover>.hy-submenu,html body .hy-header .hy-nav li.has-sub.is-sub-open>ul.hy-submenu,html body .hy-header .hy-nav li.has-sub.is-sub-open>.hy-submenu{display:block!important;}
}

/* v55: 모바일 메인 슬라이드쇼 컨트롤바 정돈 */
@media (max-width: 640px) {
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
  .hy-home--mix .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    left: 50% !important; right: auto !important; bottom: 9px !important; transform: translateX(-50%) !important;
    height: 30px !important; min-height: 30px !important; width: auto !important; max-width: calc(100% - 28px) !important;
    padding: 3px 5px !important; gap: 5px !important; border-radius: 999px !important;
    background: rgba(255,255,255,.84) !important; border: 1px solid rgba(245,214,233,.92) !important; box-shadow: 0 9px 20px rgba(71,38,61,.13) !important;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav,
  .hy-home--mix .hy-slide-nav,
  .hy-slideshow[data-hy-slideshow] .hy-slide-nav { width: 24px !important; min-width: 24px !important; height: 24px !important; border-radius: 999px !important; font-size: 17px !important; }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots,
  .hy-home--mix .hy-slide-dots,
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots { height: 22px !important; max-width: 136px !important; padding: 0 6px !important; gap: 4px !important; border-radius: 999px !important; background: rgba(255,247,251,.74) !important; }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button,
  .hy-home--mix .hy-slide-dots button,
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots button { width: 6px !important; height: 6px !important; min-width: 6px !important; }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active,
  .hy-home--mix .hy-slide-dots button.is-active,
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active { width: 20px !important; height: 6px !important; }
}