@charset "utf-8";

@import url("https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.css");

:root {
  --hy-bg: #ffffff;
  --hy-bg2: #ffffff;
  --hy-card: #ffffff;
  --hy-card-soft: #fffdfd;
  --hy-line: #ece7ee;
  --hy-line-strong: #e5dbe5;
  --hy-text: #21242c;
  --hy-muted: #6d7280;
  --hy-subtle: #959aa6;
  --hy-point: #875d79;
  --hy-point-dark: #6f4964;
  --hy-point-soft: #fdf3f8;
  --hy-grad-1: #fff3f8;
  --hy-grad-2: #f7dce9;
  --hy-grad-3: #efc8dc;
  --hy-grad-4: #f8eef5;
  --hy-shadow: 0 14px 38px rgba(27,31,45,.06), 0 2px 8px rgba(27,31,45,.04);
  --hy-shadow-soft: 0 6px 18px rgba(27,31,45,.05);
  --hy-radius-xl: 28px;
  --hy-radius-lg: 22px;
  --hy-radius-md: 16px;
  --hy-radius-sm: 12px;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body {
  margin: 0;
  background: #fff;
  color: var(--hy-text);
  font-family: "Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,sans-serif;
  line-height: 1.6;
  word-break: keep-all;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

button,input,textarea,select {
  font: inherit;
  color: inherit;
}

.sound_only,.blind {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0) !important;
  border: 0;
}

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

.hy-skip {
  position: absolute;
  left: 16px;
  top: -60px;
  background: #111827;
  color: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  z-index: 9999;
}

.hy-skip:focus {
  top: 16px;
}

.hy-wrap {
  min-height: 100vh;
  background: linear-gradient(180deg,#fff 0%, #fff 70%, #fbf8fb 100%);
}

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

.hy-header__inner {
  display: flex !important;
  align-items: center;
  height: 68px;
  gap: 20px;
  width: 100%;
  padding: 0 32px;
  box-sizing: border-box;
}

.hy-brand {
  flex: 0 0 auto;
  order: -1;
  min-width: 0;
}

.hy-brand a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.hy-brand__image-logo {
  display: block;
  height: 44px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  object-position: left center;
}

.hy-brand__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.hy-brand__text strong {
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.04em;
  color: #2b1a27;
  white-space: nowrap;
}

.hy-brand__text em {
  font-size: 11px;
  color: #b8a2b5;
  font-style: normal;
}

.hy-brand__mark {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: linear-gradient(135deg,#fff5f9,#f9e5ef);
  border: 1px solid #f0d9e8;
}

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

.hy-account {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

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

@media (max-width:860px) {
  .hy-menu-btn {
    display: inline-flex !important;
  }
}

.hy-brand {
  margin: 0;
  flex: 0 0 auto;
  order: -1;
}

.hy-brand a {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hy-brand__mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg,#fff5f9 0%, #f9e5ef 100%);
  border: 1px solid var(--hy-line-strong);
  color: var(--hy-point-dark);
  font-weight: 800;
  box-shadow: var(--hy-shadow-soft);
}

.hy-brand__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.hy-brand__text em {
  font-style: normal;
  color: var(--hy-muted);
  font-size: 12px;
  letter-spacing: .04em;
}

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

.hy-nav ul {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hy-nav li {
  position: relative;
}

.hy-nav li.has-sub {
  display: flex;
  align-items: center;
}

.hy-nav li.has-sub > a {
  padding-right: 36px;
}

.hy-submenu-toggle {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(244,205,224,.95);
  border-radius: 999px;
  background: #fff;
  color: #a85f89;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(172,116,151,.08);
}

.hy-submenu-toggle span {
  display: block;
  transform: translateY(-1px);
}

.hy-nav li.has-sub:hover .hy-submenu-toggle,
.hy-nav li.has-sub:focus-within .hy-submenu-toggle,
.hy-nav li.has-sub.is-sub-open .hy-submenu-toggle {
  background: #fff3f9;
  color: var(--hy-point-dark);
  border-color: #f0c7dc;
}

.hy-nav li.has-sub.is-sub-open .hy-submenu-toggle span {
  transform: translateY(0) rotate(180deg);
}

.hy-nav a {
  display: block;
  padding: 10px 15px;
  border-radius: 999px;
  color: #585464;
  font-weight: 600;
  font-size: 14px;
  transition: .2s ease;
}

.hy-nav > ul > li > a {
  background: transparent;
}

.hy-nav > ul > li > a:hover,
.hy-nav > ul > li:hover > a {
  background: linear-gradient(135deg,var(--hy-grad-1) 0%, var(--hy-grad-2) 55%, #f4cadd 100%);
  color: var(--hy-point-dark);
  box-shadow: inset 0 0 0 1px rgba(229,219,229,.95),0 4px 12px rgba(172,116,151,.12);
}

.hy-nav li ul {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 190px;
  list-style: none;
  padding: 8px;
  margin: 0;
  border: 1px solid var(--hy-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--hy-shadow);
}

.hy-nav li:hover>ul,
.hy-nav li:focus-within>ul,
.hy-nav li.is-sub-open>ul {
  display: block;
}

.hy-nav li ul a {
  border-radius: 12px;
  padding: 9px 12px;
  white-space: nowrap;
}

.hy-nav li ul a:hover {
  background: var(--hy-point-soft);
}

.hy-account span,.hy-account a {
  color: #63596a;
  font-weight: 600;
}

.hy-account .hy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(229,219,229,.95);
  background: linear-gradient(135deg,var(--hy-grad-1) 0%, var(--hy-grad-2) 58%, #f2cada 100%);
  box-shadow: var(--hy-shadow-soft);
  color: var(--hy-point-dark);
}

.hy-account .hy-btn:hover {
  background: linear-gradient(135deg,#fff0f7 0%, #f6d9e7 58%, #edbfd4 100%);
}

.hy-main {
  min-height: calc(100vh - 78px);
}

.hy-main--home {
  padding: 34px 0 58px;
  position: relative;
}

.hy-main--home:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 240px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(252,246,250,.9) 48%, rgba(249,238,245,1) 100%);
  pointer-events: none;
  z-index: 0;
}

.hy-main--sub {
  padding: 28px 0 56px;
}

.hy-home--mix {
  position: relative;
  z-index: 1;
}

.hy-layout {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 18px;
  align-items: start;
}

.hy-content-col {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.hy-side {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.hy-hero {
  background: linear-gradient(180deg,#ffffff 0%, #fffafc 100%);
  border: 1px solid var(--hy-line);
  border-radius: 32px;
  box-shadow: var(--hy-shadow);
  padding: 30px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.hy-hero:before {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244,214,229,.55) 0%, rgba(244,214,229,0) 70%);
}

.hy-hero:after {
  content: "";
  position: absolute;
  left: -50px;
  bottom: -80px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(252,239,246,.9) 0%, rgba(252,239,246,0) 75%);
}

.hy-hero--mix {
  display: grid;
  grid-template-columns: minmax(0,1fr) 340px;
  gap: 22px;
  align-items: center;
}

.hy-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--hy-line);
  background: linear-gradient(180deg,#fff9fc 0%, #fdf0f7 100%);
  color: var(--hy-point-dark);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
}

.hy-hero h2 {
  position: relative;
  margin: 14px 0 10px;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: -.05em;
  z-index: 1;
}

.hy-hero p {
  position: relative;
  margin: 0;
  color: var(--hy-muted);
  font-size: 15px;
  z-index: 1;
}

.hy-hero__chips {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  z-index: 1;
}

.hy-hero__chips span {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(180deg,#fff 0%, #fff7fb 100%);
  border: 1px solid var(--hy-line);
  box-shadow: var(--hy-shadow-soft);
  color: #5d5664;
}

.hy-hero__chips strong {
  font-size: 14px;
  color: var(--hy-point-dark);
}

.hy-hero__chips em {
  font-style: normal;
  font-size: 13px;
  color: var(--hy-muted);
}

.hy-hero__aside {
  position: relative;
  display: grid;
  gap: 12px;
  z-index: 1;
}

.hy-search {
  display: grid;
  grid-template-columns: minmax(0,1fr) 90px;
  gap: 8px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid var(--hy-line);
  background: #fff;
  box-shadow: var(--hy-shadow-soft);
}

.hy-search input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: var(--hy-text);
  outline: none;
}

.hy-search button {
  height: 46px;
  border: 1px solid rgba(229,219,229,.95);
  border-radius: 14px;
  background: linear-gradient(135deg,var(--hy-grad-1) 0%, var(--hy-grad-2) 55%, #f3cadb 100%);
  color: var(--hy-point-dark);
  font-weight: 700;
  cursor: pointer;
  transition: .2s ease;
}

.hy-search button:hover {
  background: linear-gradient(135deg,#fff0f7 0%, #f6d9e7 55%, #edbfd4 100%);
}

.hy-hero__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hy-hero__quick a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--hy-line);
  color: #605a68;
  font-weight: 600;
  box-shadow: var(--hy-shadow-soft);
}

.hy-hero__quick a:first-child {
  background: linear-gradient(135deg,var(--hy-grad-1) 0%, var(--hy-grad-2) 55%, #f3cadb 100%);
  border-color: rgba(229,219,229,.95);
  color: var(--hy-point-dark);
}

.hy-hero__quick a:hover {
  background: linear-gradient(180deg,#fff9fc 0%, #fef1f7 100%);
}

.hy-card {
  background: var(--hy-card);
  border: 1px solid var(--hy-line);
  border-radius: 24px;
  box-shadow: var(--hy-shadow);
  padding: 20px;
  min-width: 0;
}

.hy-card--soft {
  background: linear-gradient(180deg,#fff 0%, var(--hy-card-soft) 100%);
}

.hy-card header,.hy-card__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.hy-card h3,.hy-card h4 {
  margin: 0;
  font-size: 17px;
  line-height: 1.35;
  letter-spacing: -.03em;
}

.hy-card header a,.hy-card__title-row a {
  font-size: 13px;
  color: var(--hy-point);
  font-weight: 600;
}

.hy-card p {
  margin: 0;
  color: var(--hy-muted);
  font-size: 14px;
}

.hy-login-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: -.03em;
}

.hy-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.hy-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--hy-line);
  background: #fff;
  color: #605a68;
  font-weight: 600;
  box-shadow: var(--hy-shadow-soft);
}

.hy-actions a.primary {
  background: linear-gradient(135deg,var(--hy-grad-1) 0%, var(--hy-grad-2) 55%, #f3cadb 100%);
  color: var(--hy-point-dark);
  border-color: rgba(229,219,229,.95);
}

.hy-actions a:hover {
  background: linear-gradient(180deg,#fff9fc 0%, #fef1f7 100%);
}

.hy-board-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  color: #4f5160;
  transition: .2s ease;
}

.hy-board-nav a + a {
  margin-top: 4px;
}

.hy-board-nav a:hover {
  background: #fdf5fa;
}

.hy-board-nav span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.hy-board-nav span::before {
  content: "";
  display: block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7b3c7;
}

.hy-board-nav em {
  font-style: normal;
  font-size: 12px;
  color: #8b6c82;
  background: #fdf3f8;
  border: 1px solid var(--hy-line);
  border-radius: 999px;
  padding: 3px 8px;
}

.hy-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.hy-info-list li {
  position: relative;
  padding-left: 16px;
  color: #636a78;
  font-size: 14px;
  line-height: 1.55;
}

.hy-info-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dfbfd0;
}

.hy-latest {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hy-latest li + li {
  margin-top: 8px;
}

.hy-latest a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border-radius: 16px;
  color: #384152;
  transition: .2s ease;
}

.hy-latest a:hover {
  background: #fdf5fa;
}

.hy-latest strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -.01em;
  min-width: 0;
}

.hy-latest strong em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  margin-left: 6px;
  border-radius: 999px;
  background: #fbeaf2;
  color: #8a637d;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
}

.hy-latest .hy-latest-meta {
  flex: 0 0 auto;
  color: #96919e;
  font-size: 12px;
  white-space: nowrap;
}

.hy-notice-bar .hy-latest li+li {
  margin-top: 6px;
}

.hy-notice-bar .hy-latest a {
  padding: 10px 12px;
}

.hy-board-box-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

.hy-board-box {
  border: 1px solid var(--hy-line);
  border-radius: 20px;
  background: #fff;
  padding: 14px;
  min-width: 0;
}

.hy-board-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 4px 10px;
  border-bottom: 1px solid #f0ebf1;
  margin-bottom: 8px;
}

.hy-board-box__head h4 {
  font-size: 15px;
}

.hy-board-box__head a {
  font-size: 12px;
  color: var(--hy-point);
  font-weight: 600;
}

.hy-board-box .hy-latest li+li {
  margin-top: 4px;
}

.hy-board-box .hy-latest a {
  padding: 10px;
}

.hy-main-list,
.hy-gallery-block {
  background: linear-gradient(180deg,#fff 0%, #fff8fb 100%);
}

.hy-gallery-block {
  position: relative;
  overflow: hidden;
}

.hy-gallery-block:after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 100px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(251,240,246,.9) 100%);
  pointer-events: none;
}

.hy-gallery-block > * {
  position: relative;
  z-index: 1;
}

.hy-gallery-latest {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

.hy-gallery-latest a {
  display: block;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid var(--hy-line);
  background: #fff;
  color: #384152;
  transition: .2s ease;
}

.hy-gallery-latest a:hover {
  transform: translateY(-1px);
  box-shadow: var(--hy-shadow-soft);
}

.hy-gallery-latest .hy-thumb {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  background: #f7f1f5;
  aspect-ratio: 1 / .78;
  margin-bottom: 10px;
}

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

.hy-gallery-latest .hy-thumb i {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  color: #b596aa;
  letter-spacing: .08em;
}

.hy-gallery-latest strong {
  display: block;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
}

.hy-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  margin: 0;
  padding: 16px;
  border: 1px dashed var(--hy-line-strong);
  border-radius: 16px;
  background: #fffafc;
  color: #9a8f98;
  font-size: 14px;
  text-align: center;
}

.hy-footer {
  padding: 0 0 28px;
  position: relative;
}

.hy-footer:before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(243,202,219,.65) 50%, rgba(255,255,255,0) 100%);
  margin: 0 0 18px;
}

.hy-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #847985;
  font-size: 13px;
}

.hy-footer p {
  margin: 0;
}

.hy-footer nav {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.hy-footer a:hover {
  color: var(--hy-point-dark);
}

.hy-sub-container h1,.hy-sub-container h2,.hy-sub-container h3,.hy-sub-container h4,.hy-sub-container h5 {
  letter-spacing: -.03em;
}

.hy-sub-container a {
  color: var(--hy-point-dark);
}

.hy-sub-container .btn,.hy-sub-container .btn_b01,.hy-sub-container .btn_b02,.hy-sub-container .btn_admin,.hy-sub-container .btn_submit,.hy-sub-container a.btn_b01,.hy-sub-container a.btn_b02,.hy-sub-container a.btn_admin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid var(--hy-line);
  background: #fff;
  color: #645a67;
  box-shadow: var(--hy-shadow-soft);
  text-decoration: none;
}

.hy-sub-container .btn_submit,.hy-sub-container input[type="submit"],.hy-sub-container button[type="submit"] {
  background: linear-gradient(135deg,var(--hy-grad-1) 0%, var(--hy-grad-2) 55%, #f3cadb 100%);
  color: var(--hy-point-dark);
  border-color: rgba(229,219,229,.95);
}

.hy-sub-container .btn:hover,.hy-sub-container .btn_b01:hover,.hy-sub-container .btn_b02:hover,.hy-sub-container .btn_admin:hover,.hy-sub-container a.btn_b01:hover,.hy-sub-container a.btn_b02:hover,.hy-sub-container a.btn_admin:hover,.hy-sub-container .btn_submit:hover {
  background: linear-gradient(180deg,#fff9fc 0%, #fef1f7 100%);
}

.hy-sub-container input[type="text"],.hy-sub-container input[type="password"],.hy-sub-container input[type="email"],.hy-sub-container input[type="url"],.hy-sub-container input[type="number"],.hy-sub-container select,.hy-sub-container textarea,.hy-sub-container .frm_input {
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--hy-line);
  background: #fff;
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--hy-text);
  box-shadow: none;
}

.hy-sub-container textarea {
  min-height: 140px;
  resize: vertical;
}

.hy-sub-container table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}

.hy-sub-container th,.hy-sub-container td {
  padding: 13px 12px;
  vertical-align: middle;
  border-color: var(--hy-line);
}

.hy-sub-container thead th,.hy-sub-container .tbl_head01 thead th,.hy-sub-container .tbl_head02 thead th {
  background: #fff6fa;
  color: #66576b;
  font-weight: 700;
  border-top: 1px solid var(--hy-line);
  border-bottom: 1px solid var(--hy-line);
}

.hy-sub-container .tbl_head01,.hy-sub-container .tbl_head02,.hy-sub-container .tbl_frm01 {
  border-top: 0;
}

.hy-sub-container tbody td {
  border-bottom: 1px solid #f2edf2;
  color: #374151;
}

.hy-sub-container tr:hover td {
  background: #fff9fc;
}

.hy-sub-container .empty_table,.hy-sub-container .empty_list,.hy-sub-container td.empty_table,.hy-sub-container td.empty_list {
  display: table-cell;
  width: auto;
  padding: 34px 16px;
  text-align: center;
  color: #9a8f98;
  background: #fffafc;
  border-bottom: 1px solid var(--hy-line);
}

.hy-sub-container #bo_list,.hy-sub-container #bo_v,.hy-sub-container #bo_w,.hy-sub-container #bo_gall,.hy-sub-container #bo_vc,.hy-sub-container #bo_vc_w,.hy-sub-container .tbl_frm01,.hy-sub-container .tbl_head01,.hy-sub-container .tbl_head02 {
  max-width: 100%;
  min-width: 0;
}

.hy-sub-container #bo_list_total,.hy-sub-container .bo_fx,.hy-sub-container .btn_bo_user,.hy-sub-container .bo_v_com,.hy-sub-container #bo_v_top,.hy-sub-container .btn_confirm,.hy-sub-container .write_btn_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-sub-container .btn_bo_user {
  justify-content: flex-end;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.hy-sub-container .btn_bo_user li {
  margin: 0;
}

.hy-sub-container #bo_v_title,.hy-sub-container #bo_v_atc,.hy-sub-container #bo_v_con,.hy-sub-container #bo_v_file,.hy-sub-container #bo_v_link,.hy-sub-container #bo_v_share,.hy-sub-container #bo_vc {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.hy-sub-container #bo_v_con,.hy-sub-container .bo_v_con,.hy-sub-container .cmt_contents {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hy-sub-container #bo_v_con img,.hy-sub-container .bo_v_con img,.hy-sub-container .cmt_contents img {
  max-width: 100%;
  height: auto;
}

.hy-sub-container .file_wr,.hy-sub-container #bo_w .bo_w_link,.hy-sub-container #bo_w .bo_w_flie,.hy-sub-container #bo_w .bo_w_file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  min-height: 46px;
  border: 1px solid var(--hy-line);
  border-radius: 14px;
  background: #fff;
}

.hy-sub-container .file_wr label,.hy-sub-container #bo_w .bo_w_link label,.hy-sub-container #bo_w .bo_w_flie label,.hy-sub-container #bo_w .bo_w_file label {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background: none;
  width: auto;
}

.hy-sub-container .file_wr input[type="file"],.hy-sub-container #bo_w .bo_w_flie input[type="file"],.hy-sub-container #bo_w .bo_w_file input[type="file"],.hy-sub-container #bo_w .bo_w_link .frm_input {
  border: 0;
  background: transparent;
  padding: 0;
  min-width: 0;
}

input[type="file"] {
  position: relative;
  z-index: 2 !important;
  opacity: 1;
  visibility: visible;
  display: inline-block;
  width: auto;
  height: auto;
  pointer-events: auto;
}

.file_wr:before,.file_wr:after,.bo_w_flie:before,.bo_w_flie:after,.bo_w_file:before,.bo_w_file:after {
  pointer-events: none !important;
}

.sv_wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  overflow: visible;
  max-width: 100%;
}

.sv_wrap .sv,.sv_wrap .sv_nojs,.sv_wrap ul.sv {
  min-width: 180px;
  max-width: 220px;
  list-style: none;
  margin: 8px 0 0;
  padding: 8px;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  border: 1px solid var(--hy-line);
  border-radius: 18px;
  box-shadow: var(--hy-shadow);
  z-index: 1000 !important;
}

.sv_wrap .sv li,.sv_wrap .sv_nojs li,.sv_wrap ul.sv li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sv_wrap .sv a,.sv_wrap .sv_nojs a,.sv_wrap ul.sv a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 12px;
  color: #655a67;
  background: transparent;
  white-space: nowrap;
}

.sv_wrap .sv a:hover,.sv_wrap .sv_nojs a:hover,.sv_wrap ul.sv a:hover {
  background: #fff4f9;
  color: var(--hy-point-dark);
}

html,body {
  overflow-x: hidden;
}

#hy-wrap,.hy-main,.hy-container,
#bo_w .write_div,#bo_w .bo_w_tit,#bo_w .bo_w_link,#bo_w .bo_w_flie,#bo_w .bo_w_file {
  margin-bottom: 10px;
}

.cke,.cke_chrome {
  max-width: 100%;
}

.cke_contents {
  min-height: 260px;
}

@media (max-width:980px) {
  .hy-container {
    width: min(100% - 24px,1180px);
  }
  .hy-nav {
    display: none;
    order: 4;
    flex: 0 0 100%;
    justify-content: flex-start;
  }
  .hy-nav.is-open {
    display: block;
  }
  .hy-nav ul {
    display: block;
  }
  .hy-nav a {
    border-radius: 14px;
  }
  .hy-nav li.has-sub {
    display: block;
  }
  .hy-nav li.has-sub > a {
    padding-right: 46px;
  }
  .hy-submenu-toggle {
    right: 8px;
    top: 8px;
    transform: none;
    width: 30px;
    height: 30px;
  }
  .hy-nav li ul,
  .hy-nav li .hy-submenu {
    position: static;
    display: none;
    min-width: 0;
    margin: 5px 0 8px 18px;
    padding: 6px;
    border-radius: 16px;
    box-shadow: none;
    background: #fffafd;
  }
  .hy-nav li.is-sub-open > ul,
  .hy-nav li.is-sub-open > .hy-submenu {
    display: block;
  }
  .hy-nav li:hover > ul,
  .hy-nav li:focus-within > ul {
    display: none;
  }
  .hy-nav li.is-sub-open:focus-within > ul,
  .hy-nav li.is-sub-open:hover > ul {
    display: block;
  }
  .hy-hero--mix,.hy-layout,.hy-board-box-grid {
    grid-template-columns: 1fr;
  }
  .hy-gallery-latest {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px) {
  .hy-main--home,.hy-main--sub {
    padding: 18px 0 36px;
  }
  .hy-main--home:after {
    height: 170px;
  }
  .hy-account .hy-btn {
    height: 38px;
    padding: 0 12px;
  }
  .hy-hero {
    padding: 20px;
    border-radius: 24px;
  }
  .hy-hero h2 {
    font-size: 26px;
  }
  .hy-search {
    grid-template-columns: minmax(0,1fr) 74px;
    padding: 8px;
    border-radius: 18px;
  }
  .hy-search input,.hy-search button {
    height: 42px;
  }
  .hy-card {
    padding: 16px;
    border-radius: 20px;
  }
  .hy-board-box {
    padding: 12px;
    border-radius: 18px;
  }
  .hy-latest a {
    align-items: flex-start;
  }
  .hy-latest .hy-latest-meta {
    white-space: normal;
    text-align: right;
  }
  .hy-footer__inner {
    display: block;
    padding-top: 8px;
  }
  .hy-footer nav {
    margin-top: 8px;
  }
}

@media (max-width:520px) {
  .hy-container {
    width: calc(100% - 16px);
  }
  .hy-brand__mark {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }
  .hy-hero__chips,.hy-hero__quick,.hy-actions {
    gap: 6px;
  }
  .hy-hero__chips span,.hy-hero__quick a,.hy-actions a {
    height: 36px;
    padding: 0 11px;
  }
  .hy-gallery-latest {
    grid-template-columns: 1fr;
  }
  .hy-sub-container .btn_bo_user,.hy-sub-container .bo_fx,.hy-sub-container #bo_list_total {
    justify-content: flex-start;
  }
  .hy-sub-container .tbl_head01,.hy-sub-container .tbl_head02,.hy-sub-container .tbl_frm01 {
    overflow-x: auto;
    display: block;
  }
  .hy-sub-container table {
    min-width: 640px;
  }
}

.hy-sub-container #bo_v_top,
.hy-sub-container .bo_fx {
  align-items: center;
}

.hy-sub-container #bo_v_top {
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid #f0ebf1;
}

.hy-sub-container .btn_bo_user {
  gap: 6px;
  align-items: center;
}

.hy-sub-container .btn_bo_user li,
.hy-sub-container .btn_bo_user > * {
  display: inline-flex;
  align-items: center;
}

.hy-sub-container .btn_bo_user a,
.hy-sub-container .btn_bo_user button,
.hy-sub-container .btn_bo_user .btn_b01,
.hy-sub-container .btn_bo_user .btn_b02,
.hy-sub-container .btn_bo_user .btn_admin,
.hy-sub-container .btn_bo_user .btn,
.hy-sub-container #bo_v_top .btn_bo_user a,
.hy-sub-container #bo_v_top .btn_bo_user button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid #eadfe7;
  background: linear-gradient(135deg,#fff8fb 0%, #f7dce9 58%, #f1cede 100%);
  color: var(--hy-point-dark);
  box-shadow: 0 4px 12px rgba(172,116,151,.10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.hy-sub-container .btn_bo_user a:hover,
.hy-sub-container .btn_bo_user button:hover,
.hy-sub-container .btn_bo_user .btn_b01:hover,
.hy-sub-container .btn_bo_user .btn_b02:hover,
.hy-sub-container .btn_bo_user .btn_admin:hover,
.hy-sub-container .btn_bo_user .btn:hover {
  background: linear-gradient(135deg,#fff1f8 0%, #f5d3e4 58%, #ecbed4 100%);
  border-color: #e4d3df;
  transform: translateY(-1px);
}

.hy-sub-container .btn_bo_user i,
.hy-sub-container .btn_bo_user .fa,
.hy-sub-container .btn_bo_user .icon,
.hy-sub-container .btn_bo_user .material-icons {
  font-size: 16px;
  line-height: 1;
}

.hy-sub-container .btn_bo_user .sound_only {
  display: none !important;
}

.hy-sub-container #bo_v_act .btn_b01,
.hy-sub-container #bo_v_act .btn_b02,
.hy-sub-container #bo_v_act .btn,
.hy-sub-container #bo_v_act a {
  min-height: 42px;
  border-radius: 999px;
  padding: 0 16px;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v_top {
    gap: 10px;
    align-items: flex-start;
  }
  .hy-sub-container .btn_bo_user {
    justify-content: flex-start;
  }
  .hy-sub-container .btn_bo_user a,
  .hy-sub-container .btn_bo_user button,
  .hy-sub-container .btn_bo_user .btn_b01,
  .hy-sub-container .btn_bo_user .btn_b02,
  .hy-sub-container .btn_bo_user .btn_admin,
  .hy-sub-container .btn_bo_user .btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
}

.hy-sub-container #bo_gall,
.hy-sub-container #bo_gall * {
  box-sizing: border-box;
}

.hy-sub-container #bo_gall {
  min-width: 0;
}

.hy-sub-container #bo_gall #gall_ul,
.hy-sub-container #bo_gall .gall_row,
.hy-sub-container #bo_gall ul.gall_row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  width: 100%;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_gall .gall_li,
.hy-sub-container #bo_gall #gall_ul > li {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.hy-sub-container #bo_gall .gall_box {
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hy-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--hy-shadow-soft);
}

.hy-sub-container #bo_gall .gall_img,
.hy-sub-container #bo_gall .gall_con {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.hy-sub-container #bo_gall .gall_img a,
.hy-sub-container #bo_gall .gall_img span {
  display: block;
  width: 100%;
}

.hy-sub-container #bo_gall .gall_img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #faf4f8;
}

.hy-sub-container #bo_gall .gall_chk,
.hy-sub-container #bo_gall .gall_text_href,
.hy-sub-container #bo_gall .gall_name,
.hy-sub-container #bo_gall .gall_info,
.hy-sub-container #bo_gall .gall_comment,
.hy-sub-container #bo_gall .gall_date {
  padding-left: 14px;
  padding-right: 14px;
}

.hy-sub-container #bo_gall .gall_chk {
  padding-top: 12px;
  padding-bottom: 0;
}

.hy-sub-container #bo_gall .gall_text_href {
  display: block;
  margin: 12px 0 6px;
  color: #2f3240;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.35;
}

.hy-sub-container #bo_gall .gall_name,
.hy-sub-container #bo_gall .gall_info,
.hy-sub-container #bo_gall .gall_date,
.hy-sub-container #bo_gall .gall_comment {
  color: var(--hy-muted);
  font-size: 12px;
  font-weight: 600;
}

.hy-sub-container #bo_gall .gall_info {
  padding-bottom: 14px;
}

.hy-sub-container #bo_gall .empty_table,
.hy-sub-container #bo_gall .empty_list {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 220px;
  margin: 18px 0 0;
  padding: 0;
  border: 1px dashed var(--hy-line-strong);
  border-radius: 22px;
  color: #9a8f98;
  background: #fffafc;
  font-weight: 700;
  text-align: center;
}

.hy-sub-container #bo_gall #bo_sch,
.hy-sub-container #bo_gall .bo_sch_wrap {
  position: static;
  width: 100%;
  margin: 22px auto 0;
  padding: 16px;
  border-radius: 20px;
  background: #fff8fb;
  box-shadow: none;
}

.hy-sub-container #bo_gall #bo_sch form,
.hy-sub-container #bo_gall .bo_sch form {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-sub-container #bo_gall #bo_sch select,
.hy-sub-container #bo_gall #bo_sch input[type="text"],
.hy-sub-container #bo_gall #bo_sch .frm_input {
  width: auto;
  min-width: 160px;
  height: 42px;
}

.hy-sub-container #bo_gall #bo_btn_top,
.hy-sub-container #bo_gall #bo_btn_bottom,
.hy-sub-container #bo_gall .bo_fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.hy-sub-container #bo_gall #bo_btn_top .btn_bo_user,
.hy-sub-container #bo_gall #bo_btn_bottom .btn_bo_user,
.hy-sub-container #bo_gall .bo_fx .btn_bo_user {
  margin-left: auto;
}

.hy-sub-container #bo_gall .btn_bo_user .btn_b01,
.hy-sub-container #bo_gall .btn_bo_user .btn_b02,
.hy-sub-container #bo_gall .btn_bo_user .btn_admin,
.hy-sub-container #bo_gall .btn_bo_user .btn,
.hy-sub-container #bo_gall .btn_bo_user a,
.hy-sub-container #bo_gall .btn_bo_user button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid #eadfe7;
  background: linear-gradient(135deg,#fff8fb 0%, #f7dce9 58%, #f1cede 100%);
  color: var(--hy-point-dark);
  box-shadow: 0 4px 12px rgba(172,116,151,.10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hy-sub-container #bo_gall .btn_bo_user .btn_b01:hover,
.hy-sub-container #bo_gall .btn_bo_user .btn_b02:hover,
.hy-sub-container #bo_gall .btn_bo_user .btn_admin:hover,
.hy-sub-container #bo_gall .btn_bo_user .btn:hover,
.hy-sub-container #bo_gall .btn_bo_user a:hover,
.hy-sub-container #bo_gall .btn_bo_user button:hover {
  background: linear-gradient(135deg,#fff1f8 0%, #f5d3e4 58%, #ecbed4 100%);
}

.hy-sub-container #bo_gall .btn_bo_user .sound_only {
  display: none !important;
}

.hy-sub-container #bo_gall .btn_bo_user i,
.hy-sub-container #bo_gall .btn_bo_user .fa {
  font-size: 16px;
}

@media (max-width:980px) {
  .hy-sub-container #bo_gall #gall_ul,
  .hy-sub-container #bo_gall .gall_row,
  .hy-sub-container #bo_gall ul.gall_row {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px) {
  .hy-sub-container #bo_gall #gall_ul,
  .hy-sub-container #bo_gall .gall_row,
  .hy-sub-container #bo_gall ul.gall_row {
    grid-template-columns: 1fr;
  }
  .hy-sub-container #bo_gall #bo_btn_top,
  .hy-sub-container #bo_gall #bo_btn_bottom,
  .hy-sub-container #bo_gall .bo_fx {
    align-items: flex-start;
  }
}

.hy-sub-container .more_opt,
.hy-sub-container .bo_v_option,
.hy-sub-container .bo_v_opt,
.hy-sub-container .btn_bo_user .more_opt,
.hy-sub-container .btn_bo_user .bo_v_option,
.hy-sub-container .btn_bo_user .bo_v_opt {
  position: absolute;
  z-index: 1002 !important;
  min-width: 136px;
  width: auto;
  height: auto;
  padding: 8px;
  margin: 8px 0 0;
  border: 1px solid #eadfe7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(27,31,45,.12);
  display: none;
}

.hy-sub-container .more_opt.is-open,
.hy-sub-container .more_opt.show,
.hy-sub-container .more_opt.on,
.hy-sub-container .bo_v_option.is-open,
.hy-sub-container .bo_v_option.show,
.hy-sub-container .bo_v_option.on,
.hy-sub-container .bo_v_opt.is-open,
.hy-sub-container .bo_v_opt.show,
.hy-sub-container .bo_v_opt.on {
  display: block;
}

.hy-sub-container .more_opt:before,
.hy-sub-container .bo_v_option:before,
.hy-sub-container .bo_v_opt:before {
  content: "";
  position: absolute;
  right: 18px;
  top: -7px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid #eadfe7;
  border-top: 1px solid #eadfe7;
  transform: rotate(45deg);
}

.hy-sub-container .more_opt li,
.hy-sub-container .bo_v_option li,
.hy-sub-container .bo_v_opt li,
.hy-sub-container .btn_bo_user .more_opt li,
.hy-sub-container .btn_bo_user .bo_v_option li,
.hy-sub-container .btn_bo_user .bo_v_opt li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container .more_opt li + li,
.hy-sub-container .bo_v_option li + li,
.hy-sub-container .bo_v_opt li + li {
  margin-top: 4px;
}

.hy-sub-container .more_opt a,
.hy-sub-container .more_opt button,
.hy-sub-container .bo_v_option a,
.hy-sub-container .bo_v_option button,
.hy-sub-container .bo_v_opt a,
.hy-sub-container .bo_v_opt button,
.hy-sub-container .btn_bo_user .more_opt a,
.hy-sub-container .btn_bo_user .more_opt button,
.hy-sub-container .btn_bo_user .bo_v_option a,
.hy-sub-container .btn_bo_user .bo_v_option button,
.hy-sub-container .btn_bo_user .bo_v_opt a,
.hy-sub-container .btn_bo_user .bo_v_opt button {
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  color: #645a67;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  text-align: left;
  transform: none;
}

.hy-sub-container .more_opt a:hover,
.hy-sub-container .more_opt button:hover,
.hy-sub-container .bo_v_option a:hover,
.hy-sub-container .bo_v_option button:hover,
.hy-sub-container .bo_v_opt a:hover,
.hy-sub-container .bo_v_opt button:hover,
.hy-sub-container .btn_bo_user .more_opt a:hover,
.hy-sub-container .btn_bo_user .more_opt button:hover,
.hy-sub-container .btn_bo_user .bo_v_option a:hover,
.hy-sub-container .btn_bo_user .bo_v_option button:hover,
.hy-sub-container .btn_bo_user .bo_v_opt a:hover,
.hy-sub-container .btn_bo_user .bo_v_opt button:hover {
  background: #fff4f9;
  color: var(--hy-point-dark);
  transform: none;
}

.hy-sub-container .more_opt i,
.hy-sub-container .bo_v_option i,
.hy-sub-container .bo_v_opt i,
.hy-sub-container .more_opt .fa,
.hy-sub-container .bo_v_option .fa,
.hy-sub-container .bo_v_opt .fa {
  width: 16px;
  min-width: 16px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #9a7890;
}

.hy-sub-container .btn_bo_user .more_opt .sound_only,
.hy-sub-container .btn_bo_user .bo_v_option .sound_only,
.hy-sub-container .btn_bo_user .bo_v_opt .sound_only {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto !important;
  display: inline !important;
}

.hy-sub-container .btn_bo_user [style*="display: block"].more_opt,
.hy-sub-container .btn_bo_user [style*="display:block"].more_opt,
.hy-sub-container .btn_bo_user [style*="display: block"].bo_v_option,
.hy-sub-container .btn_bo_user [style*="display:block"].bo_v_option,
.hy-sub-container .btn_bo_user [style*="display: block"].bo_v_opt,
.hy-sub-container .btn_bo_user [style*="display:block"].bo_v_opt {
  display: block;
}

@media (max-width:720px) {
  .hy-sub-container .more_opt,
  .hy-sub-container .bo_v_option,
  .hy-sub-container .bo_v_opt,
  .hy-sub-container .btn_bo_user .more_opt,
  .hy-sub-container .btn_bo_user .bo_v_option,
  .hy-sub-container .btn_bo_user .bo_v_opt {
    min-width: 128px;
    border-radius: 14px;
  }
  .hy-sub-container .more_opt a,
  .hy-sub-container .more_opt button,
  .hy-sub-container .bo_v_option a,
  .hy-sub-container .bo_v_option button,
  .hy-sub-container .bo_v_opt a,
  .hy-sub-container .bo_v_opt button {
    height: 36px;
    min-height: 36px;
  }
}

.hy-sub-container .btn_bo_user > li,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button {
  display: inline-flex;
  align-items: center;
}

.hy-sub-container .btn_bo_user > li > a,
.hy-sub-container .btn_bo_user > li > button,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid #eadfe7;
  background: linear-gradient(135deg,#fff8fb 0%, #f7dce9 58%, #f1cede 100%);
  color: var(--hy-point-dark);
  box-shadow: 0 4px 12px rgba(172,116,151,.10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.hy-sub-container .btn_bo_user > li > a:hover,
.hy-sub-container .btn_bo_user > li > button:hover,
.hy-sub-container .btn_bo_user > a:hover,
.hy-sub-container .btn_bo_user > button:hover {
  background: linear-gradient(135deg,#fff1f8 0%, #f5d3e4 58%, #ecbed4 100%);
  border-color: #e4d3df;
  transform: translateY(-1px);
}

.hy-sub-container .btn_bo_user .more_opt,
.hy-sub-container .btn_bo_user .bo_v_option,
.hy-sub-container .btn_bo_user .bo_v_opt,
.hy-sub-container .more_opt,
.hy-sub-container .bo_v_option,
.hy-sub-container .bo_v_opt {
  width: 148px;
  min-width: 148px;
  padding: 8px;
  border: 1px solid #eadfe7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(27,31,45,.12);
}

.hy-sub-container .btn_bo_user .more_opt li,
.hy-sub-container .btn_bo_user .bo_v_option li,
.hy-sub-container .btn_bo_user .bo_v_opt li,
.hy-sub-container .more_opt li,
.hy-sub-container .bo_v_option li,
.hy-sub-container .bo_v_opt li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  float: none;
}

.hy-sub-container .btn_bo_user .more_opt li + li,
.hy-sub-container .btn_bo_user .bo_v_option li + li,
.hy-sub-container .btn_bo_user .bo_v_opt li + li,
.hy-sub-container .more_opt li + li,
.hy-sub-container .bo_v_option li + li,
.hy-sub-container .bo_v_opt li + li {
  margin-top: 4px;
}

.hy-sub-container .btn_bo_user .more_opt li > a,
.hy-sub-container .btn_bo_user .more_opt li > button,
.hy-sub-container .btn_bo_user .more_opt li > .btn,
.hy-sub-container .btn_bo_user .more_opt li > .btn_b01,
.hy-sub-container .btn_bo_user .more_opt li > .btn_b02,
.hy-sub-container .btn_bo_user .more_opt li > .btn_admin,
.hy-sub-container .btn_bo_user .bo_v_option li > a,
.hy-sub-container .btn_bo_user .bo_v_option li > button,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn_b01,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn_b02,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn_admin,
.hy-sub-container .btn_bo_user .bo_v_opt li > a,
.hy-sub-container .btn_bo_user .bo_v_opt li > button,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn_b01,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn_b02,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn_admin,
.hy-sub-container .more_opt li > a,
.hy-sub-container .more_opt li > button,
.hy-sub-container .more_opt li > .btn,
.hy-sub-container .more_opt li > .btn_b01,
.hy-sub-container .more_opt li > .btn_b02,
.hy-sub-container .more_opt li > .btn_admin,
.hy-sub-container .bo_v_option li > a,
.hy-sub-container .bo_v_option li > button,
.hy-sub-container .bo_v_option li > .btn,
.hy-sub-container .bo_v_option li > .btn_b01,
.hy-sub-container .bo_v_option li > .btn_b02,
.hy-sub-container .bo_v_option li > .btn_admin,
.hy-sub-container .bo_v_opt li > a,
.hy-sub-container .bo_v_opt li > button,
.hy-sub-container .bo_v_opt li > .btn,
.hy-sub-container .bo_v_opt li > .btn_b01,
.hy-sub-container .bo_v_opt li > .btn_b02,
.hy-sub-container .bo_v_opt li > .btn_admin {
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  margin: 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  color: #645a67;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  transform: none;
}

.hy-sub-container .btn_bo_user .more_opt li > a:hover,
.hy-sub-container .btn_bo_user .more_opt li > button:hover,
.hy-sub-container .btn_bo_user .more_opt li > .btn:hover,
.hy-sub-container .btn_bo_user .more_opt li > .btn_b01:hover,
.hy-sub-container .btn_bo_user .more_opt li > .btn_b02:hover,
.hy-sub-container .btn_bo_user .more_opt li > .btn_admin:hover,
.hy-sub-container .btn_bo_user .bo_v_option li > a:hover,
.hy-sub-container .btn_bo_user .bo_v_option li > button:hover,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn:hover,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn_b01:hover,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn_b02:hover,
.hy-sub-container .btn_bo_user .bo_v_option li > .btn_admin:hover,
.hy-sub-container .btn_bo_user .bo_v_opt li > a:hover,
.hy-sub-container .btn_bo_user .bo_v_opt li > button:hover,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn:hover,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn_b01:hover,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn_b02:hover,
.hy-sub-container .btn_bo_user .bo_v_opt li > .btn_admin:hover,
.hy-sub-container .more_opt li > a:hover,
.hy-sub-container .more_opt li > button:hover,
.hy-sub-container .more_opt li > .btn:hover,
.hy-sub-container .more_opt li > .btn_b01:hover,
.hy-sub-container .more_opt li > .btn_b02:hover,
.hy-sub-container .more_opt li > .btn_admin:hover,
.hy-sub-container .bo_v_option li > a:hover,
.hy-sub-container .bo_v_option li > button:hover,
.hy-sub-container .bo_v_option li > .btn:hover,
.hy-sub-container .bo_v_option li > .btn_b01:hover,
.hy-sub-container .bo_v_option li > .btn_b02:hover,
.hy-sub-container .bo_v_option li > .btn_admin:hover,
.hy-sub-container .bo_v_opt li > a:hover,
.hy-sub-container .bo_v_opt li > button:hover,
.hy-sub-container .bo_v_opt li > .btn:hover,
.hy-sub-container .bo_v_opt li > .btn_b01:hover,
.hy-sub-container .bo_v_opt li > .btn_b02:hover,
.hy-sub-container .bo_v_opt li > .btn_admin:hover {
  background: #fff4f9;
  color: var(--hy-point-dark);
  border: 0;
  box-shadow: none;
  transform: none;
}

.hy-sub-container .btn_bo_user .more_opt li > a .sound_only,
.hy-sub-container .btn_bo_user .bo_v_option li > a .sound_only,
.hy-sub-container .btn_bo_user .bo_v_opt li > a .sound_only,
.hy-sub-container .more_opt li > a .sound_only,
.hy-sub-container .bo_v_option li > a .sound_only,
.hy-sub-container .bo_v_opt li > a .sound_only {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto !important;
  margin: 0;
  display: inline !important;
}

.hy-sub-container .btn_bo_user .more_opt i,
.hy-sub-container .btn_bo_user .bo_v_option i,
.hy-sub-container .btn_bo_user .bo_v_opt i,
.hy-sub-container .more_opt i,
.hy-sub-container .bo_v_option i,
.hy-sub-container .bo_v_opt i,
.hy-sub-container .btn_bo_user .more_opt .fa,
.hy-sub-container .btn_bo_user .bo_v_option .fa,
.hy-sub-container .btn_bo_user .bo_v_opt .fa,
.hy-sub-container .more_opt .fa,
.hy-sub-container .bo_v_option .fa,
.hy-sub-container .bo_v_opt .fa {
  width: 16px;
  min-width: 16px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #9a7890;
}

.hy-sub-container .btn_bo_user {
  position: relative;
}

.hy-sub-container .btn_bo_user > li {
  position: relative;
}

.hy-sub-container .btn_bo_user > li .more_opt,
.hy-sub-container .btn_bo_user > li .bo_v_option,
.hy-sub-container .btn_bo_user > li .bo_v_opt {
  right: 0;
  left: auto;
  top: calc(100% + 8px);
}

.hy-sub-container #bo_btn_top,
.hy-sub-container #bo_btn_bottom,
.hy-sub-container #bo_v_top,
.hy-sub-container #bo_v_bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.hy-sub-container #bo_btn_top .btn_bo_user,
.hy-sub-container #bo_btn_bottom .btn_bo_user,
.hy-sub-container #bo_v_top .btn_bo_user,
.hy-sub-container #bo_v_bot .btn_bo_user {
  margin-left: auto;
}

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

.hy-latest strong,.hy-board-box .hy-latest a,.hy-notice-bar .hy-latest a {
  overflow: hidden;
}

.hy-latest strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-footer__inner {
  padding-top: 6px;
}

.hy-sub-container .file_wr,
.hy-sub-container #bo_w .bo_w_link,
.hy-sub-container #bo_w .bo_w_flie,
.hy-sub-container #bo_w .bo_w_file {
  overflow: hidden;
}

.hy-sub-container .file_wr input[type="file"],
.hy-sub-container #bo_w .bo_w_flie input[type="file"],
.hy-sub-container #bo_w .bo_w_file input[type="file"] {
  max-width: 100%;
}

.sv_wrap .sv,.sv_wrap .sv_nojs,.sv_wrap ul.sv {
  overflow: hidden;
}

.sv_wrap .sv a,.sv_wrap .sv_nojs a,.sv_wrap ul.sv a {
  text-decoration: none;
}

@media (max-width:720px) {
  .hy-sub-container #bo_btn_top,
  .hy-sub-container #bo_btn_bottom,
  .hy-sub-container #bo_v_top,
  .hy-sub-container #bo_v_bot {
    align-items: flex-start;
  }
  .hy-sub-container #bo_btn_top .btn_bo_user,
  .hy-sub-container #bo_btn_bottom .btn_bo_user,
  .hy-sub-container #bo_v_top .btn_bo_user,
  .hy-sub-container #bo_v_bot .btn_bo_user {
    margin-left: 0;
  }
}

.hy-sub-container .btn_bo_user > li,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button {
  display: inline-flex;
  align-items: center;
}

.hy-sub-container .btn_bo_user > li > a,
.hy-sub-container .btn_bo_user > li > button,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button,
.hy-sub-container .btn_bo_user > li > .btn,
.hy-sub-container .btn_bo_user > li > .btn_b01,
.hy-sub-container .btn_bo_user > li > .btn_b02,
.hy-sub-container .btn_bo_user > li > .btn_admin {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid #eadfe7;
  background: linear-gradient(135deg,#fff8fb 0%, #f7dce9 58%, #f1cede 100%);
  color: var(--hy-point-dark);
  box-shadow: 0 4px 12px rgba(172,116,151,.10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.hy-sub-container .btn_bo_user > li > a:hover,
.hy-sub-container .btn_bo_user > li > button:hover,
.hy-sub-container .btn_bo_user > a:hover,
.hy-sub-container .btn_bo_user > button:hover,
.hy-sub-container .btn_bo_user > li > .btn:hover,
.hy-sub-container .btn_bo_user > li > .btn_b01:hover,
.hy-sub-container .btn_bo_user > li > .btn_b02:hover,
.hy-sub-container .btn_bo_user > li > .btn_admin:hover {
  background: linear-gradient(135deg,#fff1f8 0%, #f5d3e4 58%, #ecbed4 100%);
  border-color: #e4d3df;
  transform: translateY(-1px);
}

.hy-sub-container .btn_bo_user .more_opt,
.hy-sub-container .btn_bo_user .bo_v_option,
.hy-sub-container .btn_bo_user .bo_v_opt,
.hy-sub-container .more_opt,
.hy-sub-container .bo_v_option,
.hy-sub-container .bo_v_opt {
  width: 156px;
  min-width: 156px;
  padding: 8px;
  border: 1px solid #eadfe7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(27,31,45,.12);
}

.hy-sub-container .btn_bo_user .more_opt li,
.hy-sub-container .btn_bo_user .bo_v_option li,
.hy-sub-container .btn_bo_user .bo_v_opt li,
.hy-sub-container .more_opt li,
.hy-sub-container .bo_v_option li,
.hy-sub-container .bo_v_opt li {
  display: block;
  float: none;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container .btn_bo_user .more_opt li+li,
.hy-sub-container .btn_bo_user .bo_v_option li+li,
.hy-sub-container .btn_bo_user .bo_v_opt li+li,
.hy-sub-container .more_opt li+li,
.hy-sub-container .bo_v_option li+li,
.hy-sub-container .bo_v_opt li+li {
  margin-top: 4px;
}

.hy-sub-container .btn_bo_user .more_opt > a,
.hy-sub-container .btn_bo_user .more_opt > button,
.hy-sub-container .btn_bo_user .bo_v_option > a,
.hy-sub-container .btn_bo_user .bo_v_option > button,
.hy-sub-container .btn_bo_user .bo_v_opt > a,
.hy-sub-container .btn_bo_user .bo_v_opt > button,
.hy-sub-container .btn_bo_user .more_opt > li > a,
.hy-sub-container .btn_bo_user .more_opt > li > button,
.hy-sub-container .btn_bo_user .more_opt > li > .btn,
.hy-sub-container .btn_bo_user .more_opt > li > .btn_b01,
.hy-sub-container .btn_bo_user .more_opt > li > .btn_b02,
.hy-sub-container .btn_bo_user .more_opt > li > .btn_admin,
.hy-sub-container .btn_bo_user .bo_v_option > li > a,
.hy-sub-container .btn_bo_user .bo_v_option > li > button,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn_b01,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn_b02,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn_admin,
.hy-sub-container .btn_bo_user .bo_v_opt > li > a,
.hy-sub-container .btn_bo_user .bo_v_opt > li > button,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn_b01,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn_b02,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn_admin,
.hy-sub-container .more_opt > a,
.hy-sub-container .more_opt > button,
.hy-sub-container .bo_v_option > a,
.hy-sub-container .bo_v_option > button,
.hy-sub-container .bo_v_opt > a,
.hy-sub-container .bo_v_opt > button,
.hy-sub-container .more_opt > li > a,
.hy-sub-container .more_opt > li > button,
.hy-sub-container .more_opt > li > .btn,
.hy-sub-container .more_opt > li > .btn_b01,
.hy-sub-container .more_opt > li > .btn_b02,
.hy-sub-container .more_opt > li > .btn_admin,
.hy-sub-container .bo_v_option > li > a,
.hy-sub-container .bo_v_option > li > button,
.hy-sub-container .bo_v_option > li > .btn,
.hy-sub-container .bo_v_option > li > .btn_b01,
.hy-sub-container .bo_v_option > li > .btn_b02,
.hy-sub-container .bo_v_option > li > .btn_admin,
.hy-sub-container .bo_v_opt > li > a,
.hy-sub-container .bo_v_opt > li > button,
.hy-sub-container .bo_v_opt > li > .btn,
.hy-sub-container .bo_v_opt > li > .btn_b01,
.hy-sub-container .bo_v_opt > li > .btn_b02,
.hy-sub-container .bo_v_opt > li > .btn_admin {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  margin: 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  color: #645a67;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  transform: none;
  float: none;
}

.hy-sub-container .btn_bo_user .more_opt > a:hover,
.hy-sub-container .btn_bo_user .more_opt > button:hover,
.hy-sub-container .btn_bo_user .bo_v_option > a:hover,
.hy-sub-container .btn_bo_user .bo_v_option > button:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > a:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > button:hover,
.hy-sub-container .btn_bo_user .more_opt > li > a:hover,
.hy-sub-container .btn_bo_user .more_opt > li > button:hover,
.hy-sub-container .btn_bo_user .more_opt > li > .btn:hover,
.hy-sub-container .btn_bo_user .more_opt > li > .btn_b01:hover,
.hy-sub-container .btn_bo_user .more_opt > li > .btn_b02:hover,
.hy-sub-container .btn_bo_user .more_opt > li > .btn_admin:hover,
.hy-sub-container .btn_bo_user .bo_v_option > li > a:hover,
.hy-sub-container .btn_bo_user .bo_v_option > li > button:hover,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn:hover,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn_b01:hover,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn_b02:hover,
.hy-sub-container .btn_bo_user .bo_v_option > li > .btn_admin:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > li > a:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > li > button:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn_b01:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn_b02:hover,
.hy-sub-container .btn_bo_user .bo_v_opt > li > .btn_admin:hover,
.hy-sub-container .more_opt > a:hover,
.hy-sub-container .more_opt > button:hover,
.hy-sub-container .bo_v_option > a:hover,
.hy-sub-container .bo_v_option > button:hover,
.hy-sub-container .bo_v_opt > a:hover,
.hy-sub-container .bo_v_opt > button:hover,
.hy-sub-container .more_opt > li > a:hover,
.hy-sub-container .more_opt > li > button:hover,
.hy-sub-container .more_opt > li > .btn:hover,
.hy-sub-container .more_opt > li > .btn_b01:hover,
.hy-sub-container .more_opt > li > .btn_b02:hover,
.hy-sub-container .more_opt > li > .btn_admin:hover,
.hy-sub-container .bo_v_option > li > a:hover,
.hy-sub-container .bo_v_option > li > button:hover,
.hy-sub-container .bo_v_option > li > .btn:hover,
.hy-sub-container .bo_v_option > li > .btn_b01:hover,
.hy-sub-container .bo_v_option > li > .btn_b02:hover,
.hy-sub-container .bo_v_option > li > .btn_admin:hover,
.hy-sub-container .bo_v_opt > li > a:hover,
.hy-sub-container .bo_v_opt > li > button:hover,
.hy-sub-container .bo_v_opt > li > .btn:hover,
.hy-sub-container .bo_v_opt > li > .btn_b01:hover,
.hy-sub-container .bo_v_opt > li > .btn_b02:hover,
.hy-sub-container .bo_v_opt > li > .btn_admin:hover {
  background: #fff4f9;
  color: var(--hy-point-dark);
  border: 0;
  box-shadow: none;
  transform: none;
}

.hy-sub-container .more_opt .sound_only,
.hy-sub-container .bo_v_option .sound_only,
.hy-sub-container .bo_v_opt .sound_only {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto !important;
  margin: 0;
  display: inline !important;
}

.hy-sub-container .more_opt i,
.hy-sub-container .bo_v_option i,
.hy-sub-container .bo_v_opt i,
.hy-sub-container .more_opt .fa,
.hy-sub-container .bo_v_option .fa,
.hy-sub-container .bo_v_opt .fa {
  width: 16px;
  min-width: 16px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #9a7890;
}

.hy-brand__mark {
  font-size: 18px;
}

.hy-nav a {
  display: flex;
  align-items: center;
  gap: 7px;
  line-height: 1.2;
}

.hy-nav li ul a {
  gap: 8px;
}

.hy-menu-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

.hy-nav li ul .hy-menu-emoji {
  width: 20px;
  height: 20px;
  font-size: 12px;
  background: #fff7fb;
}

.hy-account a,.hy-account .hy-btn {
  gap: 6px;
}

.hy-eyebrow {
  gap: 7px;
}

.hy-hero__chips span i {
  font-style: normal;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(234,223,231,.95);
  font-size: 13px;
}

.hy-search button,.hy-hero__quick a,.hy-actions a,.hy-card__title-row a,.hy-card header a,.hy-footer a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hy-card h3,.hy-card h4 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hy-card h3 > span[aria-hidden="true"],.hy-card h4 > span[aria-hidden="true"] {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: #fff6fa;
  border: 1px solid #efe4ec;
  font-size: 15px;
  box-shadow: 0 3px 8px rgba(172,116,151,.08);
}

.hy-board-nav span {
  gap: 9px;
}

.hy-board-nav span::before {
  display: none !important;
}

.hy-board-emoji {
  font-style: normal;
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: #fff6fa;
  border: 1px solid #efe4ec;
  font-size: 14px;
  box-shadow: 0 3px 8px rgba(172,116,151,.07);
}

.hy-info-list li::before {
  content: "💡";
  left: -2px;
  top: .06em;
  width: auto;
  height: auto;
  background: transparent;
  font-size: 12px;
}

.hy-latest-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 7px;
  border-radius: 8px;
  background: #fff6fa;
  border: 1px solid #efe4ec;
  font-size: 12px;
  line-height: 1;
  vertical-align: -2px;
  box-shadow: 0 2px 6px rgba(172,116,151,.06);
}

.hy-latest strong {
  display: flex;
  align-items: center;
  min-width: 0;
}

.hy-latest strong .hy-latest-icon {
  flex: 0 0 22px;
}

.hy-latest strong em {
  flex: 0 0 auto;
}

.hy-gallery-latest strong {
  display: flex;
  align-items: center;
  gap: 6px;
}

.hy-gallery-latest .hy-latest-icon {
  margin-right: 0;
}

.hy-footer p {
  display: flex;
  align-items: center;
  gap: 7px;
}

.hy-empty:before {
  content: "🌱";
  margin-right: 8px;
}

.hy-sub-container .btn_bo_user span[aria-hidden="true"],
.hy-sub-container .btn_bo_user i {
  line-height: 1;
}

@media (max-width:720px) {
  .hy-menu-emoji {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
  .hy-card h3 > span[aria-hidden="true"],.hy-card h4 > span[aria-hidden="true"] {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }
  .hy-board-emoji {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 13px;
  }
}

.hy-sub-container .btn_bo_user ul,
.hy-sub-container .btn_bo_user ol,
.hy-sub-container .btn_bo_user .more_opt,
.hy-sub-container .btn_bo_user .bo_v_option,
.hy-sub-container .btn_bo_user .bo_v_opt,
.hy-sub-container .btn_bo_user .is_view_btn.more_opt {
  width: 156px;
  min-width: 156px;
  max-width: 156px;
  padding: 8px;
  margin: 8px 0 0;
  border: 1px solid #eadfe7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(27,31,45,.12);
  overflow: hidden;
  list-style: none;
}

.hy-sub-container .btn_bo_user ul li,
.hy-sub-container .btn_bo_user ol li,
.hy-sub-container .btn_bo_user .more_opt li,
.hy-sub-container .btn_bo_user .bo_v_option li,
.hy-sub-container .btn_bo_user .bo_v_opt li {
  display: block;
  float: none;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  list-style: none;
}

.hy-sub-container .btn_bo_user ul li + li,
.hy-sub-container .btn_bo_user ol li + li,
.hy-sub-container .btn_bo_user .more_opt li + li,
.hy-sub-container .btn_bo_user .bo_v_option li + li,
.hy-sub-container .btn_bo_user .bo_v_opt li + li {
  margin-top: 4px;
}

.hy-sub-container .btn_bo_user ul li a,
.hy-sub-container .btn_bo_user ul li button,
.hy-sub-container .btn_bo_user ul li .btn,
.hy-sub-container .btn_bo_user ul li .btn_b01,
.hy-sub-container .btn_bo_user ul li .btn_b02,
.hy-sub-container .btn_bo_user ul li .btn_admin,
.hy-sub-container .btn_bo_user ol li a,
.hy-sub-container .btn_bo_user ol li button,
.hy-sub-container .btn_bo_user ol li .btn,
.hy-sub-container .btn_bo_user ol li .btn_b01,
.hy-sub-container .btn_bo_user ol li .btn_b02,
.hy-sub-container .btn_bo_user ol li .btn_admin,
.hy-sub-container .btn_bo_user .more_opt a,
.hy-sub-container .btn_bo_user .more_opt button,
.hy-sub-container .btn_bo_user .more_opt .btn,
.hy-sub-container .btn_bo_user .more_opt .btn_b01,
.hy-sub-container .btn_bo_user .more_opt .btn_b02,
.hy-sub-container .btn_bo_user .more_opt .btn_admin,
.hy-sub-container .btn_bo_user .bo_v_option a,
.hy-sub-container .btn_bo_user .bo_v_option button,
.hy-sub-container .btn_bo_user .bo_v_option .btn,
.hy-sub-container .btn_bo_user .bo_v_option .btn_b01,
.hy-sub-container .btn_bo_user .bo_v_option .btn_b02,
.hy-sub-container .btn_bo_user .bo_v_option .btn_admin,
.hy-sub-container .btn_bo_user .bo_v_opt a,
.hy-sub-container .btn_bo_user .bo_v_opt button,
.hy-sub-container .btn_bo_user .bo_v_opt .btn,
.hy-sub-container .btn_bo_user .bo_v_opt .btn_b01,
.hy-sub-container .btn_bo_user .bo_v_opt .btn_b02,
.hy-sub-container .btn_bo_user .bo_v_opt .btn_admin,
.hy-sub-container .hy-more-item {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  margin: 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  color: #645a67;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transform: none;
}

.hy-sub-container .btn_bo_user ul li a:hover,
.hy-sub-container .btn_bo_user ul li button:hover,
.hy-sub-container .btn_bo_user ol li a:hover,
.hy-sub-container .btn_bo_user ol li button:hover,
.hy-sub-container .btn_bo_user .more_opt a:hover,
.hy-sub-container .btn_bo_user .more_opt button:hover,
.hy-sub-container .btn_bo_user .bo_v_option a:hover,
.hy-sub-container .btn_bo_user .bo_v_option button:hover,
.hy-sub-container .btn_bo_user .bo_v_opt a:hover,
.hy-sub-container .btn_bo_user .bo_v_opt button:hover,
.hy-sub-container .hy-more-item:hover {
  background: #fff4f9;
  color: var(--hy-point-dark);
  box-shadow: none;
  transform: none;
}

.hy-sub-container .btn_bo_user ul li a i,
.hy-sub-container .btn_bo_user ul li button i,
.hy-sub-container .btn_bo_user ol li a i,
.hy-sub-container .btn_bo_user ol li button i,
.hy-sub-container .btn_bo_user .more_opt a i,
.hy-sub-container .btn_bo_user .more_opt button i,
.hy-sub-container .btn_bo_user .bo_v_option a i,
.hy-sub-container .btn_bo_user .bo_v_option button i,
.hy-sub-container .btn_bo_user .bo_v_opt a i,
.hy-sub-container .btn_bo_user .bo_v_opt button i,
.hy-sub-container .hy-more-item i,
.hy-sub-container .hy-more-item .fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  color: #9a7890;
  font-size: 14px;
  line-height: 1;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-sub-container .btn_bo_user ul li a .sound_only,
.hy-sub-container .btn_bo_user ol li a .sound_only,
.hy-sub-container .btn_bo_user .more_opt a .sound_only,
.hy-sub-container .btn_bo_user .bo_v_option a .sound_only,
.hy-sub-container .btn_bo_user .bo_v_opt a .sound_only,
.hy-sub-container .hy-more-item .sound_only {
  position: static !important;
  display: inline !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto !important;
}

.hy-sub-container .hy-force-more-menu {
  width: 156px;
  min-width: 156px;
  max-width: 156px;
  padding: 8px;
  margin: 8px 0 0;
  border: 1px solid #eadfe7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(27,31,45,.12);
  list-style: none;
}

.hy-sub-container .hy-force-more-menu li {
  display: block;
  float: none;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container .hy-force-more-menu li + li {
  margin-top: 4px;
}

.hy-sub-container .hy-force-more-row,
.hy-sub-container .btn_bo_user .hy-force-more-row,
.hy-sub-container .hy-force-more-menu a.hy-force-more-row,
.hy-sub-container .hy-force-more-menu button.hy-force-more-row,
.hy-sub-container .hy-force-more-menu .btn.hy-force-more-row,
.hy-sub-container .hy-force-more-menu .btn_b01.hy-force-more-row,
.hy-sub-container .hy-force-more-menu .btn_b02.hy-force-more-row,
.hy-sub-container .hy-force-more-menu .btn_admin.hy-force-more-row {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  margin: 0;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  color: #645a67;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  transform: none;
  cursor: pointer;
  float: none;
}

.hy-sub-container .hy-force-more-row:hover,
.hy-sub-container .btn_bo_user .hy-force-more-row:hover,
.hy-sub-container .hy-force-more-menu a.hy-force-more-row:hover,
.hy-sub-container .hy-force-more-menu button.hy-force-more-row:hover {
  background: #fff4f9;
  color: var(--hy-point-dark);
  border: 0;
  box-shadow: none;
  transform: none;
}

.hy-sub-container .hy-force-more-row i,
.hy-sub-container .hy-force-more-row .fa,
.hy-sub-container .hy-force-more-row svg {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: auto;
  font-size: 14px;
  line-height: 1;
  color: #9a7890;
  text-align: center;
}

.hy-sub-container .hy-force-more-row .sound_only {
  position: static !important;
  display: inline !important;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto !important;
  white-space: nowrap;
}

.hy-sub-container .btn_bo_user > li ul a,
.hy-sub-container .btn_bo_user > li ol a,
.hy-sub-container .btn_bo_user > li div a,
.hy-sub-container .btn_bo_user > li ul button,
.hy-sub-container .btn_bo_user > li ol button,
.hy-sub-container .btn_bo_user > li div button {
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  text-align: left;
  transform: none;
}

.hy-search {
  align-items: center;
}

.hy-search button {
  width: 100%;
  margin: 0;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  align-self: stretch;
}

.hy-search button i,
.hy-search button .fa,
.hy-search button span {
  line-height: 1;
}

@media (max-width:720px) {
  .hy-search button {
    padding: 0 10px;
    font-size: 13px;
  }
}

.hy-sub-container .sv_wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  vertical-align: middle;
  line-height: 1.35;
}

.hy-sub-container .sv_wrap .sv_member,
.hy-sub-container .sv_wrap .sv_guest {
  display: inline-flex;
  align-items: center;
  gap: 0;
  max-width: 100%;
  min-width: 0;
  color: inherit;
  line-height: 1.35;
  white-space: nowrap;
}

.hy-sub-container .sv_wrap .sv_member .profile_img,
.hy-sub-container .sv_wrap .sv_guest .profile_img,
.hy-sv-inner-profile-hidden {
  display: none !important;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.hy-sub-container .sv_wrap .sv:not(.sv_on) {
  display: none !important;
}

.hy-sub-container .sv_wrap .sv.sv_on {
  display: block;
}

.hy-sub-container .sv_wrap .sv {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 3000 !important;
  width: 190px;
  min-width: 190px;
  max-width: calc(100vw - 32px);
  margin: 0;
  padding: 8px;
  border: 1px solid #f0dce8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(38,31,42,.14);
  list-style: none;
  transform: none;
}

.hy-sub-container .sv_wrap .sv::before {
  content: "";
  position: absolute;
  left: 20px;
  top: -7px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid #f0dce8;
  border-top: 1px solid #f0dce8;
  transform: rotate(45deg);
}

.hy-sub-container .sv_wrap .sv a,
.hy-sub-container .sv_wrap .sv button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  color: #4b4651;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
  white-space: nowrap;
  cursor: pointer;
}

.hy-sub-container .sv_wrap .sv a:hover,
.hy-sub-container .sv_wrap .sv button:hover {
  background: #fff3f8;
  color: #8d4c74;
}

.hy-sub-container #bo_v_top,
.hy-sub-container .bo_v_top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 12px 0 16px;
  padding: 0;
  clear: both;
}

.hy-sub-container #bo_v_top .btn_bo_user,
.hy-sub-container .bo_v_top .btn_bo_user {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  width: auto;
  min-width: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_v_top .btn_bo_user > li,
.hy-sub-container .bo_v_top .btn_bo_user > li {
  position: relative;
  display: inline-flex;
  width: auto;
  margin: 0;
  padding: 0;
}

.hy-sub-container #bo_v_top .btn_bo_user > li > a,
.hy-sub-container #bo_v_top .btn_bo_user > li > button,
.hy-sub-container #bo_v_top .btn_bo_user > a,
.hy-sub-container #bo_v_top .btn_bo_user > button,
.hy-sub-container .bo_v_top .btn_bo_user > li > a,
.hy-sub-container .bo_v_top .btn_bo_user > li > button,
.hy-sub-container .bo_v_top .btn_bo_user > a,
.hy-sub-container .bo_v_top .btn_bo_user > button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid #f0dce8;
  background: linear-gradient(135deg,#fff5fa 0%,#f6d5e6 100%);
  color: #7a4768;
  box-shadow: 0 6px 16px rgba(169,101,140,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  float: none;
}

.hy-sub-container #bo_v_top .btn_bo_user .sound_only,
.hy-sub-container .bo_v_top .btn_bo_user .sound_only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0) !important;
}

.hy-sub-container #bo_v_top .btn_bo_user .more_opt,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_option,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_opt,
.hy-sub-container .bo_v_top .btn_bo_user .more_opt,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_option,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_opt {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  left: auto;
  z-index: 3200 !important;
  width: 158px;
  min-width: 158px;
  max-width: calc(100vw - 28px);
  height: auto;
  margin: 0;
  padding: 8px;
  border: 1px solid #f0dce8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(38,31,42,.14);
  list-style: none;
  text-align: left;
  transform: none;
}

.hy-sub-container #bo_v_top .btn_bo_user .more_opt a,
.hy-sub-container #bo_v_top .btn_bo_user .more_opt button,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_option a,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_option button,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_opt a,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_opt button,
.hy-sub-container .bo_v_top .btn_bo_user .more_opt a,
.hy-sub-container .bo_v_top .btn_bo_user .more_opt button,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_option a,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_option button,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_opt a,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_opt button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  margin: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  color: #4b4651;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}

.hy-sub-container #bo_v_top .btn_bo_user .more_opt a:hover,
.hy-sub-container #bo_v_top .btn_bo_user .more_opt button:hover,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_option a:hover,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_option button:hover,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_opt a:hover,
.hy-sub-container #bo_v_top .btn_bo_user .bo_v_opt button:hover,
.hy-sub-container .bo_v_top .btn_bo_user .more_opt a:hover,
.hy-sub-container .bo_v_top .btn_bo_user .more_opt button:hover,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_option a:hover,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_option button:hover,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_opt a:hover,
.hy-sub-container .bo_v_top .btn_bo_user .bo_v_opt button:hover {
  background: #fff3f8;
  color: #8d4c74;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info,
.hy-sub-container .cmt_info,
.hy-sub-container .bo_vc_hdinfo,
.hy-sub-container .bo_vc_info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  min-width: 0;
  max-width: 100%;
  line-height: 1.45;
  white-space: normal;
  overflow: visible;
}

.hy-sub-container #bo_v_info .profile_img,
.hy-sub-container .bo_v_info .profile_img,
.hy-sub-container .cmt_info > .profile_img,
.hy-sub-container .bo_vc_hdinfo > .profile_img,
.hy-sub-container .bo_vc_info > .profile_img {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin-right: 8px;
  border-radius: 50%;
}

.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong,
.hy-sub-container .cmt_info strong,
.hy-sub-container .bo_vc_hdinfo strong,
.hy-sub-container .bo_vc_info strong {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  line-height: 1.35;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con,
.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img,
.hy-sub-container #bo_v_img img,
.hy-sub-container .bo_v_img img,
.hy-sub-container #bo_v_atc img,
.hy-sub-container .bo_v_atc img {
  max-width: 100%;
  height: auto;
}

@media (max-width:720px) {
  html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
  }
  body {
    font-size: 15px;
    line-height: 1.65;
    overflow-x: hidden;
  }
  .hy-container {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
  }
  .hy-header {
    position: relative !important;
  }
  .hy-brand {
    min-width: 0;
    max-width: calc(100% - 96px);
  }
  .hy-brand__mark {
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }
  .hy-brand__text em {
    font-size: 12px;
  }
  .hy-nav {
    display: none !important;
    flex: 0 0 100%;
    width: 100%;
    justify-content: flex-start;
  }
  .hy-nav.is-open {
    display: block !important;
  }
  .hy-nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }
  .hy-nav a {
    padding: 11px 12px;
    border: 1px solid var(--hy-line);
    background: #fff;
    text-align: center;
  }
  .hy-account a,.hy-account span {
    font-size: 13px;
  }
  .hy-account .hy-btn {
    height: 38px;
    padding: 0 12px;
  }
  .hy-main--home,.hy-main--sub {
    padding: 16px 0 42px;
  }
  .hy-layout {
    display: block;
  }
  .hy-side,.hy-content-col {
    display: grid;
    gap: 14px;
  }
  .hy-card {
    padding: 18px;
    border-radius: 20px;
  }
  .hy-sub-container #bo_v_title,
  .hy-sub-container .bo_v_title {
    margin-bottom: 16px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1#bo_v_title,
  .hy-sub-container h1 {
    font-size: 24px;
    line-height: 1.28;
    letter-spacing: -.04em;
    word-break: keep-all;
  }
  .hy-sub-container #bo_v_top,
  .hy-sub-container .bo_v_top {
    justify-content: flex-end;
    margin: 12px 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0e8ef;
  }
  .hy-sub-container #bo_v_top .btn_bo_user,
  .hy-sub-container .bo_v_top .btn_bo_user {
    margin-left: auto;
    justify-content: flex-end;
  }
  .hy-sub-container #bo_v_top .btn_bo_user > li > a,
  .hy-sub-container #bo_v_top .btn_bo_user > li > button,
  .hy-sub-container #bo_v_top .btn_bo_user > a,
  .hy-sub-container #bo_v_top .btn_bo_user > button,
  .hy-sub-container .bo_v_top .btn_bo_user > li > a,
  .hy-sub-container .bo_v_top .btn_bo_user > li > button,
  .hy-sub-container .bo_v_top .btn_bo_user > a,
  .hy-sub-container .bo_v_top .btn_bo_user > button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 13px;
  }
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    align-items: center;
    column-gap: 10px;
    row-gap: 2px;
    font-size: 13px;
    line-height: 1.45;
  }
  .hy-sub-container #bo_v_info .profile_img,
  .hy-sub-container .bo_v_info .profile_img {
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    margin: 0;
  }
  .hy-sub-container #bo_v_info .sv_wrap,
  .hy-sub-container .bo_v_info .sv_wrap {
    min-width: 0;
    max-width: 100%;
  }
  .hy-sub-container #bo_v_info .sv_wrap .sv,
  .hy-sub-container .bo_v_info .sv_wrap .sv {
    left: 0;
    top: calc(100% + 8px);
  }
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc,
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con {
    font-size: 15px;
    line-height: 1.75;
  }
  .hy-sub-container #bo_vc,
  .hy-sub-container .bo_vc,
  .hy-sub-container .cmt_wrap,
  .hy-sub-container .bo_vc_w {
    max-width: 100%;
    overflow: visible;
  }
  .hy-sub-container .cmt_info,
  .hy-sub-container .bo_vc_hdinfo,
  .hy-sub-container .bo_vc_info {
    display: flex;
    align-items: center;
    gap: 5px 7px;
    font-size: 13px;
    line-height: 1.45;
    white-space: normal;
  }
  .hy-sub-container .cmt_info > .profile_img,
  .hy-sub-container .bo_vc_hdinfo > .profile_img,
  .hy-sub-container .bo_vc_info > .profile_img {
    width: 42px;
    height: 42px;
    margin-right: 6px;
  }
  .hy-sub-container .cmt_contents,
  .hy-sub-container .bo_vc_content,
  .hy-sub-container .comment_content {
    font-size: 14px;
    line-height: 1.7;
    word-break: break-word;
  }
  .hy-sub-container .bo_vc_w textarea,
  .hy-sub-container #wr_content,
  .hy-sub-container textarea[name="wr_content"] {
    width: 100%;
    min-height: 150px;
    font-size: 14px;
    line-height: 1.6;
  }
  .hy-sub-container #bo_list,
  .hy-sub-container #bo_gall,
  .hy-sub-container .tbl_head01,
  .hy-sub-container .tbl_wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hy-sub-container table {
    min-width: 640px;
  }
}

@media (max-width:420px) {
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1#bo_v_title,
  .hy-sub-container h1 {
    font-size: 22px;
  }
  .hy-sub-container #bo_v_top .btn_bo_user,
  .hy-sub-container .bo_v_top .btn_bo_user {
    gap: 6px;
  }
  .hy-sub-container #bo_v_top .btn_bo_user > li > a,
  .hy-sub-container #bo_v_top .btn_bo_user > li > button,
  .hy-sub-container #bo_v_top .btn_bo_user > a,
  .hy-sub-container #bo_v_top .btn_bo_user > button,
  .hy-sub-container .bo_v_top .btn_bo_user > li > a,
  .hy-sub-container .bo_v_top .btn_bo_user > li > button,
  .hy-sub-container .bo_v_top .btn_bo_user > a,
  .hy-sub-container .bo_v_top .btn_bo_user > button {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }
}

.hy-sub-container #bo_v,
.hy-sub-container .bo_v {
  position: relative;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  min-height: 62px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0 250px 18px 0;
  margin: 0;
  border-bottom: 1px solid #f0e7ee;
}

.hy-sub-container #bo_v_info .profile_img,
.hy-sub-container .bo_v_info .profile_img,
.hy-sub-container #bo_v_info > img:first-child,
.hy-sub-container .bo_v_info > img:first-child {
  margin-top: 0;
}

.hy-sub-container #bo_v_info .sv_wrap,
.hy-sub-container .bo_v_info .sv_wrap,
.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong {
  line-height: 1.35;
}

.hy-sub-container #bo_v_top {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 15 !important;
}

.hy-sub-container #bo_v_top .btn_bo_user,
.hy-sub-container #bo_v_top #bo_v_act,
.hy-sub-container #bo_v_top .bo_fx {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.hy-sub-container #bo_v_top + *,
.hy-sub-container #bo_v_info + #bo_v_top {
  margin-top: 0;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  border-top: 0;
}

.hy-sub-container #bo_v_act_good,
.hy-sub-container #bo_v_act_nogood,
.hy-sub-container #bo_v_sns,
.hy-sub-container .bo_v_com {
  clear: both;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    padding-right: 0;
    padding-bottom: 12px;
    min-height: auto;
  }
  .hy-sub-container #bo_v_top {
    position: static;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 10px 0 12px;
  }
  .hy-sub-container #bo_v_top .btn_bo_user,
  .hy-sub-container #bo_v_top #bo_v_act,
  .hy-sub-container #bo_v_top .bo_fx {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}

html.hy-has-viewport,
html.hy-has-viewport body {
  min-width: 0;
}

@media (max-width:980px) {
  html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body {
    font-size: 15px;
    line-height: 1.62;
    overflow-x: hidden;
  }
  #hd,#wrapper,#container,#contents,#ctt,.container,.wrapper,.content,
  #bo_v,#bo_w,#bo_list,#bo_gall,#bo_vc,#bo_vc_w {
    min-width: 0;
    max-width: 100%;
  }
  .hy-container {
    width: 100%;
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }
  .hy-header {
    position: sticky !important;
    top: 0 !important;
  }
  .hy-brand {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
  }
  .hy-brand a {
    gap: 9px;
    min-width: 0;
  }
  .hy-brand__mark {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    font-size: 18px;
  }
  .hy-brand__text {
    min-width: 0;
    max-width: 100%;
  }
  .hy-brand__text em {
    font-size: 12px;
    line-height: 1.2;
  }
  .hy-account__name {
    display: none !important;
  }
  .hy-account a,
  .hy-account .hy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    min-width: 38px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
  }
  .hy-account__label {
    display: inline;
  }
  .hy-nav {
    order: 4;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f3e9f0;
  }
  .hy-nav.is-open {
    display: block !important;
  }
  .hy-nav ul {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }
  .hy-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #f0e4ed;
    box-shadow: 0 4px 12px rgba(45,31,43,.04);
  }
  .hy-nav li ul {
    position: static;
    display: none !important;
    box-shadow: none;
    margin-top: 6px;
    min-width: 0;
  }
  .hy-nav li:hover>ul {
    display: block;
  }
}

@media (max-width:720px) {
  .hy-main--home,.hy-main--sub {
    padding: 18px 0 36px;
  }
  .hy-hero {
    padding: 22px;
    border-radius: 24px;
    margin-bottom: 16px;
  }
  .hy-hero h2 {
    font-size: 29px;
    line-height: 1.22;
  }
  .hy-hero p,.hy-card p {
    font-size: 15px;
  }
  .hy-card {
    padding: 18px;
    border-radius: 22px;
  }
  .hy-card h3,.hy-card h4 {
    font-size: 18px;
  }
  .hy-board-nav a {
    font-size: 15px;
    min-height: 46px;
  }
  .hy-latest strong {
    font-size: 15px;
  }
  .hy-latest-meta {
    font-size: 13px;
  }
  .hy-search {
    grid-template-columns: minmax(0,1fr) 82px;
    border-radius: 20px;
  }
  .hy-search input,.hy-search button {
    height: 44px;
    font-size: 14px;
  }
  .hy-hero__chips span,.hy-hero__quick a,.hy-actions a {
    height: 38px;
    font-size: 13px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1#bo_v_title,
  .hy-sub-container h1 {
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -.045em;
  }
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-right: 0;
    padding-bottom: 12px;
    white-space: normal;
    font-size: 14px;
    line-height: 1.45;
  }
  .hy-sub-container #bo_v_info .profile_img,
  .hy-sub-container .bo_v_info .profile_img,
  .hy-sub-container #bo_v_info > img:first-child,
  .hy-sub-container .bo_v_info > img:first-child {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    margin: 0;
  }
  .hy-sub-container #bo_v_info .sv_wrap,
  .hy-sub-container .bo_v_info .sv_wrap {
    max-width: 100%;
    min-width: 0;
  }
  .hy-sub-container #bo_v_top {
    position: static;
    width: 100%;
    margin: 10px 0 14px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    clear: both;
  }
  .hy-sub-container #bo_v_top .btn_bo_user,
  .hy-sub-container #bo_v_top #bo_v_act,
  .hy-sub-container #bo_v_top .bo_fx {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
    width: 100%;
  }
  .hy-sub-container #bo_v_top .btn_bo_user > li > a,
  .hy-sub-container #bo_v_top .btn_bo_user > li > button,
  .hy-sub-container #bo_v_top .btn_bo_user > a,
  .hy-sub-container #bo_v_top .btn_bo_user > button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 13px;
  }
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con,
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc {
    font-size: 15.5px;
    line-height: 1.78;
  }
  .hy-sub-container #bo_v_con img,
  .hy-sub-container .bo_v_con img {
    max-width: 100%;
    height: auto;
  }
  .hy-sub-container #bo_vc,
  .hy-sub-container .bo_vc,
  .hy-sub-container .cmt_contents,
  .hy-sub-container .bo_vc_content,
  .hy-sub-container .comment_content {
    font-size: 15px;
    line-height: 1.68;
  }
}

@media (max-width:480px) {
  .hy-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hy-brand__mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 12px;
    font-size: 17px;
  }
  .hy-brand__text em {
    font-size: 11px;
  }
  .hy-account a,.hy-account .hy-btn {
    height: 36px;
    min-width: 36px;
    padding: 0 8px;
    font-size: 12px;
  }
  .hy-account__label {
    display: none !important;
  }
  .hy-main--home,.hy-main--sub {
    padding: 14px 0 30px;
  }
  .hy-hero {
    padding: 18px 16px;
    border-radius: 22px;
  }
  .hy-hero h2 {
    font-size: 26px;
  }
  .hy-card {
    padding: 16px;
    border-radius: 20px;
  }
  .hy-board-box {
    padding: 14px;
  }
  .hy-search {
    grid-template-columns: minmax(0,1fr) 72px;
    padding: 7px;
  }
  .hy-search input {
    padding: 0 10px;
  }
  .hy-search button {
    font-size: 13px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1#bo_v_title,
  .hy-sub-container h1 {
    font-size: 23px;
  }
}

@media (max-width:380px) {
  .hy-menu-btn span + * {
    display: none !important;
  }
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc,
.hy-sub-container section#bo_v_atc {
  position: relative;
}

.hy-sub-container #bo_v_share {
  position: relative;
  display: block;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
  clear: both;
}

.hy-sub-container #bo_v_share a[href*="scrap"],
.hy-sub-container #bo_v_share a[onclick*="win_scrap"],
.hy-sub-container #bo_v_share .hy-scrap-quiet,
.hy-sub-container .hy-scrap-quiet {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  padding: 0;
  margin: 0;
  border-radius: 11px;
  border: 1px solid rgba(232,205,221,.9);
  background: rgba(255,255,255,.92);
  color: #9b6f86;
  box-shadow: 0 8px 18px rgba(87,64,75,.08);
  font-size: 0;
  line-height: 1;
  text-indent: 0;
  overflow: hidden;
  opacity: .55;
  transform: none;
  float: none;
}

.hy-sub-container #bo_v_share a[href*="scrap"]:hover,
.hy-sub-container #bo_v_share a[onclick*="win_scrap"]:hover,
.hy-sub-container #bo_v_share .hy-scrap-quiet:hover,
.hy-sub-container .hy-scrap-quiet:hover {
  opacity: 1;
  background: #fff7fb;
  border-color: #efcddd;
  color: #b25d86;
}

.hy-sub-container #bo_v_share a[href*="scrap"] i,
.hy-sub-container #bo_v_share a[onclick*="win_scrap"] i,
.hy-sub-container #bo_v_share .hy-scrap-quiet i,
.hy-sub-container .hy-scrap-quiet i,
.hy-sub-container #bo_v_share a[href*="scrap"] svg,
.hy-sub-container #bo_v_share a[onclick*="win_scrap"] svg,
.hy-sub-container #bo_v_share .hy-scrap-quiet svg,
.hy-sub-container .hy-scrap-quiet svg {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  text-indent: 0;
  opacity: 1;
}

.hy-sub-container #bo_v_share a[href*="scrap"] span,
.hy-sub-container #bo_v_share a[onclick*="win_scrap"] span,
.hy-sub-container #bo_v_share .hy-scrap-quiet span,
.hy-sub-container .hy-scrap-quiet span,
.hy-sub-container #bo_v_share a[href*="scrap"] .sound_only,
.hy-sub-container #bo_v_share a[onclick*="win_scrap"] .sound_only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap;
  font-size: 0;
}

.hy-sub-container a.hy-scrap-quiet:not(#bo_v_share a),
.hy-sub-container button.hy-scrap-quiet:not(#bo_v_share button) {
  position: relative;
  top: auto;
  right: auto;
  width: 30px;
  height: 30px;
  margin-left: auto;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v_share a[href*="scrap"],
  .hy-sub-container #bo_v_share a[onclick*="win_scrap"],
  .hy-sub-container #bo_v_share .hy-scrap-quiet,
  .hy-sub-container .hy-scrap-quiet {
    top: 6px;
    right: 6px;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    max-width: 28px;
    max-height: 28px;
    border-radius: 10px;
  }
}

.hy-sub-container #fregister .btn_confirm,
.hy-sub-container #fregisterform .btn_confirm,
.hy-sub-container .register .btn_confirm,
.hy-sub-container .register_form .btn_confirm,
.hy-sub-container form[name="fregister"] .btn_confirm,
.hy-sub-container form[name="fregisterform"] .btn_confirm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: center;
  justify-content: stretch;
  width: 100%;
  margin: 16px 0 0;
  padding: 0;
}

.hy-sub-container #fregister .btn_confirm a,
.hy-sub-container #fregister .btn_confirm button,
.hy-sub-container #fregister .btn_confirm input[type="submit"],
.hy-sub-container #fregister .btn_confirm .btn,
.hy-sub-container #fregisterform .btn_confirm a,
.hy-sub-container #fregisterform .btn_confirm button,
.hy-sub-container #fregisterform .btn_confirm input[type="submit"],
.hy-sub-container #fregisterform .btn_confirm .btn,
.hy-sub-container .register .btn_confirm a,
.hy-sub-container .register .btn_confirm button,
.hy-sub-container .register .btn_confirm input[type="submit"],
.hy-sub-container .register .btn_confirm .btn,
.hy-sub-container .register_form .btn_confirm a,
.hy-sub-container .register_form .btn_confirm button,
.hy-sub-container .register_form .btn_confirm input[type="submit"],
.hy-sub-container .register_form .btn_confirm .btn,
.hy-sub-container form[name="fregister"] .btn_confirm a,
.hy-sub-container form[name="fregister"] .btn_confirm button,
.hy-sub-container form[name="fregister"] .btn_confirm input[type="submit"],
.hy-sub-container form[name="fregister"] .btn_confirm .btn,
.hy-sub-container form[name="fregisterform"] .btn_confirm a,
.hy-sub-container form[name="fregisterform"] .btn_confirm button,
.hy-sub-container form[name="fregisterform"] .btn_confirm input[type="submit"],
.hy-sub-container form[name="fregisterform"] .btn_confirm .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 50px;
  margin: 0;
  padding: 0 16px;
  border-radius: 14px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
}

.hy-sub-container #fregister .btn_confirm .btn_submit,
.hy-sub-container #fregisterform .btn_confirm .btn_submit,
.hy-sub-container .register .btn_confirm .btn_submit,
.hy-sub-container .register_form .btn_confirm .btn_submit,
.hy-sub-container form[name="fregister"] .btn_confirm .btn_submit,
.hy-sub-container form[name="fregisterform"] .btn_confirm .btn_submit {
  margin-top: 0;
}

@media (max-width:520px) {
  .hy-sub-container #fregister .btn_confirm,
  .hy-sub-container #fregisterform .btn_confirm,
  .hy-sub-container .register .btn_confirm,
  .hy-sub-container .register_form .btn_confirm,
  .hy-sub-container form[name="fregister"] .btn_confirm,
  .hy-sub-container form[name="fregisterform"] .btn_confirm {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.hy-sub-container #bo_gall {
  width: 100%;
  max-width: 100%;
  min-height: auto;
  padding-bottom: 22px;
}

.hy-sub-container #bo_gall #gall_ul,
.hy-sub-container #bo_gall .gall_row,
.hy-sub-container #bo_gall ul.gall_row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 320px));
  justify-content: flex-start;
  align-items: start;
  gap: 22px;
  width: 100%;
  margin: 18px 0 0;
  padding: 18px 0 24px;
  border-top: 1px solid #efe5ed;
  border-bottom: 1px solid #f3ecf2;
}

.hy-sub-container #bo_gall .gall_li,
.hy-sub-container #bo_gall li.gall_li,
.hy-sub-container #bo_gall .gall_box {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.hy-sub-container #bo_gall .gall_box {
  position: relative;
  overflow: hidden;
  border: 1px solid #eadfe8;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(35,39,52,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.hy-sub-container #bo_gall .gall_box:hover {
  transform: translateY(-2px);
  border-color: #ebd4e2;
  box-shadow: 0 16px 36px rgba(35,39,52,.09);
}

.hy-sub-container #bo_gall .gall_chk {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 5 !important;
  padding: 0;
  margin: 0;
}

.hy-sub-container #bo_gall .gall_img,
.hy-sub-container #bo_gall .gall_img a,
.hy-sub-container #bo_gall .gall_img .no_image {
  display: block;
  width: 100%;
  height: 168px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  background: #f8f5f8;
  border-bottom: 1px solid #efe6ed;
}

.hy-sub-container #bo_gall .gall_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-sub-container #bo_gall .gall_text_href {
  margin: 0;
  padding: 14px 14px 4px;
  font-size: 17px;
  line-height: 1.35;
}

.hy-sub-container #bo_gall .gall_info,
.hy-sub-container #bo_gall .gall_name,
.hy-sub-container #bo_gall .gall_date {
  padding-left: 14px;
  padding-right: 14px;
}

.hy-sub-container #bo_gall .gall_info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 8px;
  padding-bottom: 16px;
  border-top: 1px solid #f5eef4;
  margin-top: 8px;
}

.hy-sub-container #bo_gall #bo_btn_top,
.hy-sub-container #bo_gall #bo_btn_bottom,
.hy-sub-container #bo_gall .bo_fx {
  width: 100%;
  padding: 0;
  margin: 0;
}

.hy-sub-container #bo_gall #bo_btn_bottom {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #efe5ed;
}

.hy-sub-container #bo_gall .empty_table,
.hy-sub-container #bo_gall .empty_list {
  grid-column: 1 / -1;
  min-height: 180px;
  border: 1px dashed #eadfe8;
  border-radius: 20px;
  background: #fffafd;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  margin-top: 18px;
  padding-top: 22px;
  border-top: 1px solid #eadfe8;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  padding-top: 4px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img,
.hy-sub-container #bo_v_atc img,
.hy-sub-container .bo_v_atc img {
  margin-top: 10px;
  margin-bottom: 18px;
}

.hy-sub-container #bo_v_file,
.hy-sub-container #bo_v_link,
.hy-sub-container #bo_v_share,
.hy-sub-container .bo_v_file,
.hy-sub-container .bo_v_link,
.hy-sub-container .bo_v_share {
  margin: 16px 0;
  padding: 14px 0;
  border-top: 1px solid #efe5ed;
  border-bottom: 1px solid #f7f0f5;
}

.hy-sub-container #bo_v_share,
.hy-sub-container .bo_v_share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.hy-sub-container #bo_vc {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #eadfe8;
}

@media (max-width:720px) {
  .hy-sub-container #bo_gall #gall_ul,
  .hy-sub-container #bo_gall .gall_row,
  .hy-sub-container #bo_gall ul.gall_row {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-top: 14px;
  }
  .hy-sub-container #bo_gall .gall_img,
  .hy-sub-container #bo_gall .gall_img a,
  .hy-sub-container #bo_gall .gall_img .no_image {
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc {
    margin-top: 14px;
    padding-top: 18px;
  }
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con {
    padding-bottom: 18px;
  }
}

.hy-sub-container #bo_gall {
  min-height: 0;
  padding-bottom: 0;
}

.hy-sub-container #bo_gall #gall_ul,
.hy-sub-container #bo_gall .gall_row,
.hy-sub-container #bo_gall ul.gall_row {
  min-height: 0;
  margin: 18px 0 12px;
  padding: 18px 0 18px;
  border-top: 1px solid #eadfe8;
  border-bottom: 1px solid #eadfe8;
  align-content: start;
}

.hy-sub-container #bo_gall .gall_li,
.hy-sub-container #bo_gall li.gall_li {
  align-self: start;
}

.hy-sub-container #bo_gall .gall_box {
  min-height: 0;
}

.hy-sub-container #bo_gall #bo_btn_bottom,
.hy-sub-container #bo_gall .bo_fx:last-child {
  position: static;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  border-top: 0;
}

.hy-sub-container #bo_gall #bo_btn_bottom .btn_bo_user,
.hy-sub-container #bo_gall .bo_fx:last-child .btn_bo_user {
  margin-left: auto;
}

.hy-sub-container #bo_gall #bo_btn_top {
  padding-bottom: 14px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  margin-top: 14px;
  padding-top: 16px;
  border-top: 1px solid #eadfe8;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container #bo_v_file:empty,
.hy-sub-container #bo_v_link:empty,
.hy-sub-container #bo_v_share:empty,
.hy-sub-container .bo_v_file:empty,
.hy-sub-container .bo_v_link:empty,
.hy-sub-container .bo_v_share:empty {
  display: none !important;
}

.hy-sub-container #bo_v_file,
.hy-sub-container #bo_v_link,
.hy-sub-container #bo_v_share,
.hy-sub-container .bo_v_file,
.hy-sub-container .bo_v_link,
.hy-sub-container .bo_v_share {
  min-height: 0;
  margin: 8px 0;
  padding: 8px 0;
}

.hy-sub-container #bo_v_share,
.hy-sub-container .bo_v_share {
  border-top: 0;
  border-bottom: 0;
  justify-content: flex-end;
}

.hy-sub-container #bo_v_con img:first-child,
.hy-sub-container .bo_v_con img:first-child,
.hy-sub-container #bo_v_atc img:first-child,
.hy-sub-container .bo_v_atc img:first-child {
  margin-top: 14px;
}

.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img,
.hy-sub-container #bo_v_atc img,
.hy-sub-container .bo_v_atc img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width:720px) {
  .hy-sub-container #bo_gall #gall_ul,
  .hy-sub-container #bo_gall .gall_row,
  .hy-sub-container #bo_gall ul.gall_row {
    margin: 14px 0 10px;
    padding: 14px 0;
    gap: 14px;
  }
  .hy-sub-container #bo_gall #bo_btn_top {
    padding-bottom: 12px;
  }
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc {
    margin-top: 12px;
    padding-top: 14px;
  }
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container #bo_v_info + #bo_v_top,
.hy-sub-container .bo_v_info + #bo_v_top {
  border-top: 0;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  border-top: 0;
  margin-top: 0;
  padding-top: 18px;
}

.hy-sub-container #bo_v hr,
.hy-sub-container .bo_v hr {
  display: none !important;
}

.hy-sub-container #bo_v_info + hr,
.hy-sub-container .bo_v_info + hr,
.hy-sub-container #bo_v_top + hr,
.hy-sub-container .bo_v_top + hr {
  display: none !important;
}

.hy-sub-container #bo_v_info + .bo_v_com,
.hy-sub-container .bo_v_info + .bo_v_com {
  border-top: 0;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container .hy-view-actionbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  margin: 12px 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container .hy-view-actionbar a,
.hy-sub-container .hy-view-actionbar button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  height: 36px;
  padding: 0 13px;
  border: 1px solid #eadfe8;
  border-radius: 999px;
  background: #fff;
  color: #625866;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(36,40,54,.05);
}

.hy-sub-container .hy-view-actionbar a:hover,
.hy-sub-container .hy-view-actionbar button:hover {
  background: #fff4f9;
  border-color: #efd7e5;
  color: #b84d87;
}

.hy-sub-container .hy-view-actionbar .hy-action-list {
  background: #fff8fb;
  color: #8b5578;
  border-color: #efd7e5;
}

.hy-sub-container .hy-view-actionbar .hy-action-delete {
  color: #b95062;
}

.hy-sub-container .hy-hide-original-actions {
  display: none !important;
}

.hy-sub-container .btn_bo_user .more_opt,
.hy-sub-container .btn_bo_user .bo_v_option,
.hy-sub-container .btn_bo_user .bo_v_opt {
  width: 170px;
  min-width: 170px;
  padding: 8px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #eadfe8;
  box-shadow: 0 16px 34px rgba(31,35,47,.12);
}

.hy-sub-container .btn_bo_user .more_opt a,
.hy-sub-container .btn_bo_user .more_opt button,
.hy-sub-container .btn_bo_user .bo_v_option a,
.hy-sub-container .btn_bo_user .bo_v_option button,
.hy-sub-container .btn_bo_user .bo_v_opt a,
.hy-sub-container .btn_bo_user .bo_v_opt button {
  width: 100%;
  min-height: 38px;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: #625866;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width:720px) {
  .hy-sub-container .hy-view-actionbar {
    justify-content: flex-start;
    gap: 6px;
    margin: 10px 0 14px;
    padding-bottom: 12px;
  }
  .hy-sub-container .hy-view-actionbar a,
  .hy-sub-container .hy-view-actionbar button {
    min-width: auto;
    height: 34px;
    padding: 0 11px;
    font-size: 12px;
  }
}

html {
  font-size: 17px;
}

body {
  font-size: 16px;
  line-height: 1.68;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.hy-wrap,
.hy-main,
.hy-card,
.hy-sub-container,
.hy-sub-container table,
.hy-sub-container input,
.hy-sub-container textarea,
.hy-sub-container select,
.hy-sub-container button {
  font-size: 16px;
  line-height: 1.65;
}

.hy-brand__text em {
  font-size: 13px;
}

.hy-nav a,
.hy-account,
.hy-account a,



.hy-hero p,
.hy-card p,
.hy-guide li,
.hy-board-nav a,
.hy-latest a,
.hy-latest strong,
.hy-board-box,
.hy-gallery-card,
.hy-gallery-card strong {
  font-size: 16px;
}

.hy-card h3,
.hy-card h4,
.hy-board-box__head strong {
  font-size: 20px;
  line-height: 1.35;
}

.hy-hero h2 {
  font-size: 34px;
  line-height: 1.22;
}

.hy-sub-container #bo_list,
.hy-sub-container #bo_gall,
.hy-sub-container #bo_list table,
.hy-sub-container #bo_gall .gall_text_href {
  font-size: 16px;
}

.hy-sub-container #bo_gall .gall_text_href {
  font-size: 18px;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container #bo_list .bo_tit,
.hy-sub-container #bo_list .bo_tit a {
  font-size: 16px;
}

.hy-sub-container #bo_v_title,
.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container .bo_v_title,
.hy-sub-container h1 {
  font-size: 30px;
  line-height: 1.32;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  font-size: 14px;
}

.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong,
.hy-sub-container #bo_v_info .sv_member,
.hy-sub-container .bo_v_info .sv_member {
  font-size: 15px;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con,
.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  font-size: 16px;
  line-height: 1.78;
}

.hy-sub-container #bo_vc,
.hy-sub-container #bo_vc article,
.hy-sub-container #bo_vc .cmt_contents,
.hy-sub-container #bo_vc .bo_vc_cnt {
  font-size: 15px;
  line-height: 1.72;
}

.hy-sub-container #bo_vc strong,
.hy-sub-container #bo_vc .sv_member,
.hy-sub-container #bo_vc .sv_guest {
  font-size: 15px;
}

.hy-sub-container #bo_vc_w textarea,
.hy-sub-container #bo_vc_w .frm_input {
  font-size: 16px;
  line-height: 1.65;
}

.hy-sub-container #bo_w,
.hy-sub-container #fwrite,
.hy-sub-container #fregister,
.hy-sub-container #fregisterform,
.hy-sub-container .register,
.hy-sub-container .register_form {
  font-size: 16px;
}

.hy-sub-container #bo_w input,
.hy-sub-container #bo_w textarea,
.hy-sub-container #fwrite input,
.hy-sub-container #fwrite textarea,
.hy-sub-container #fregister input,
.hy-sub-container #fregister textarea,
.hy-sub-container #fregisterform input,
.hy-sub-container #fregisterform textarea {
  font-size: 16px;
}

.hy-sub-container .btn,
.hy-sub-container .btn_b01,
.hy-sub-container .btn_b02,
.hy-sub-container .btn_admin,
.hy-sub-container .btn_submit,
.hy-sub-container .hy-view-actionbar a,
.hy-sub-container .hy-view-actionbar button {
  font-size: 14px;
}

@media (max-width:720px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 16px;
    line-height: 1.68;
  }
  .hy-wrap,
  .hy-main,
  .hy-card,
  .hy-sub-container,
  .hy-sub-container table,
  .hy-sub-container input,
  .hy-sub-container textarea,
  .hy-sub-container select,
  .hy-sub-container button {
    font-size: 16px;
  }
  .hy-brand__text em {
    font-size: 12px;
  }
  .hy-nav a,
  .hy-account,
  .hy-account a,
  

  .hy-hero h2 {
    font-size: 28px;
  }
  .hy-card h3,
  .hy-card h4,
  .hy-board-box__head strong {
    font-size: 19px;
  }
  .hy-hero p,
  .hy-card p,
  .hy-guide li,
  .hy-board-nav a,
  .hy-latest a,
  .hy-latest strong {
    font-size: 16px;
  }
  .hy-sub-container #bo_v_title,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title,
  .hy-sub-container h1 {
    font-size: 24px;
  }
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con,
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc {
    font-size: 16px;
  }
  .hy-sub-container #bo_vc,
  .hy-sub-container #bo_vc article,
  .hy-sub-container #bo_vc .cmt_contents,
  .hy-sub-container #bo_vc .bo_vc_cnt {
    font-size: 15px;
  }
}

@media (max-width:390px) {
  .hy-hero h2 {
    font-size: 26px;
  }
  .hy-sub-container #bo_v_title,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title,
  .hy-sub-container h1 {
    font-size: 22px;
  }
}

.hy-sub-container .hy-view-actionbar {
  justify-content: flex-end;
  gap: 8px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container .hy-view-actionbar .hy-action-extra {
  display: none !important;
}

.hy-sub-container .hy-view-actionbar .hy-action-list,
.hy-sub-container .hy-view-actionbar .hy-action-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 64px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #eadfe8;
  background: #fff;
  color: #625866;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(36,40,54,.05);
}

.hy-sub-container .hy-view-actionbar .hy-action-list {
  background: #fff8fb;
  color: #8b5578;
  border-color: #efd7e5;
}

.hy-sub-container .hy-view-actionbar .hy-action-more {
  min-width: 42px;
  width: 42px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}

.hy-sub-container .hy-action-more-wrap {
  position: relative;
  display: inline-flex;
}

.hy-sub-container .hy-action-more-menu {
  display: none !important;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 144px;
  padding: 8px;
  border: 1px solid #eadfe8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 38px rgba(31,35,47,.13);
  z-index: 3000 !important;
}

.hy-sub-container .hy-action-more-wrap.is-open .hy-action-more-menu {
  display: block;
}

.hy-sub-container .hy-action-more-menu a,
.hy-sub-container .hy-action-more-menu button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  color: #625866;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.hy-sub-container .hy-action-more-menu a:hover,
.hy-sub-container .hy-action-more-menu button:hover {
  background: #fff4f9;
  color: #b84d87;
}

.hy-sub-container .hy-action-more-menu .hy-action-delete {
  color: #b95062;
}

@media (max-width:720px) {
  .hy-sub-container .hy-view-actionbar {
    justify-content: flex-end;
  }
  .hy-sub-container .hy-view-actionbar .hy-action-list {
    height: 34px;
    min-width: 58px;
    padding: 0 12px;
    font-size: 12px;
  }
  .hy-sub-container .hy-view-actionbar .hy-action-more {
    width: 38px;
    height: 34px;
    min-width: 38px;
  }
}

.hy-sub-container .hy-view-actionbar .hy-action-edit,
.hy-sub-container .hy-view-actionbar .hy-action-delete-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 64px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #eadfe8;
  background: #fff;
  color: #625866;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(36,40,54,.05);
}

.hy-sub-container .hy-view-actionbar .hy-action-edit:hover {
  background: #fff4f9;
  border-color: #efd7e5;
  color: #b84d87;
}

.hy-sub-container .hy-view-actionbar .hy-action-delete-visible {
  color: #b95062;
  border-color: #f0d8df;
  background: #fffafb;
}

.hy-sub-container .hy-view-actionbar .hy-action-delete-visible:hover {
  background: #fff0f3;
  border-color: #efc8d2;
  color: #a53d50;
}

@media (max-width:720px) {
  .hy-sub-container .hy-view-actionbar .hy-action-edit,
  .hy-sub-container .hy-view-actionbar .hy-action-delete-visible {
    height: 34px;
    min-width: 54px;
    padding: 0 11px;
    font-size: 12px;
  }
}

.hy-sub-container #bo_v_top.hy-hide-original-actions,
.hy-sub-container .bo_v_top.hy-hide-original-actions,
.hy-sub-container .hy-hide-original-actions {
  display: none !important;
  visibility: hidden !important;
  height: 0;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.hy-sub-container .hy-view-actionbar + #bo_v_top,
.hy-sub-container .hy-view-actionbar + .bo_v_top {
  display: none !important;
}

.hy-sub-container .hy-view-actionbar {
  justify-content: flex-end;
  margin: 10px 0 18px;
  padding: 0 0 14px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container .hy-view-actionbar + *,
.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  margin-top: 0;
}

.hy-sub-container .hy-view-actionbar {
  justify-content: flex-end;
  gap: 8px;
  margin: 10px 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container .hy-view-actionbar .hy-action-more-wrap,
.hy-sub-container .hy-view-actionbar .hy-action-more,
.hy-sub-container .hy-view-actionbar .hy-action-more-menu,
.hy-sub-container .hy-view-actionbar .hy-action-extra {
  display: none !important;
}

.hy-sub-container .hy-view-actionbar .hy-action-list,
.hy-sub-container .hy-view-actionbar .hy-action-edit,
.hy-sub-container .hy-view-actionbar .hy-action-delete-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 62px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #eadfe8;
  background: #fff;
  color: #625866;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(36,40,54,.05);
}

.hy-sub-container .hy-view-actionbar .hy-action-list {
  background: #fff8fb;
  color: #8b5578;
  border-color: #efd7e5;
}

.hy-sub-container .hy-view-actionbar .hy-action-delete-visible {
  color: #b95062;
  border-color: #f0d8df;
  background: #fffafb;
}

.hy-sub-container #bo_v_top.hy-hide-original-actions,
.hy-sub-container .bo_v_top.hy-hide-original-actions,
.hy-sub-container .hy-hide-original-actions {
  display: none !important;
  visibility: hidden !important;
  height: 0;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.hy-sub-container .hy-view-actionbar + hr,
.hy-sub-container #bo_v_info + hr,
.hy-sub-container #bo_v_top + hr,
.hy-sub-container .bo_v_info + hr,
.hy-sub-container .bo_v_top + hr {
  display: none !important;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  border-top: 0;
  margin-top: 0;
  padding-top: 16px;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  border-top: 0;
}

.hy-login-card .hy-actions a.primary[href*="mypage"] {
  background: linear-gradient(135deg,#fff3f8 0%,#f4d2e2 100%);
  border-color: #efd7e5;
  color: #8b5578;
}

.hy-login-card .hy-actions {
  flex-wrap: wrap;
}

@media (max-width:720px) {
  .hy-sub-container .hy-view-actionbar {
    justify-content: flex-end;
    gap: 6px;
    margin: 8px 0 14px;
    padding-bottom: 10px;
  }
  .hy-sub-container .hy-view-actionbar .hy-action-list,
  .hy-sub-container .hy-view-actionbar .hy-action-edit,
  .hy-sub-container .hy-view-actionbar .hy-action-delete-visible {
    height: 34px;
    min-width: 54px;
    padding: 0 11px;
    font-size: 12px;
  }
}

.hy-sub-container .hy-view-actionbar {
  display: none !important;
  visibility: hidden !important;
  height: 0;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.hy-sub-container #bo_v_top,
.hy-sub-container .bo_v_top,
.hy-sub-container #bo_v_top.hy-hide-original-actions,
.hy-sub-container .bo_v_top.hy-hide-original-actions,
.hy-sub-container .hy-hide-original-actions {
  display: flex;
  visibility: visible;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  margin: 12px 0 16px;
  padding: 0;
  border: 0;
}

.hy-sub-container #bo_v_top,
.hy-sub-container .bo_v_top {
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}

.hy-sub-container #bo_v_top .btn_bo_user,
.hy-sub-container .bo_v_top .btn_bo_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  width: auto;
}

.hy-sub-container #bo_v_top .more_opt,
.hy-sub-container #bo_v_top .bo_v_option,
.hy-sub-container #bo_v_top .bo_v_opt,
.hy-sub-container .bo_v_top .more_opt,
.hy-sub-container .bo_v_top .bo_v_option,
.hy-sub-container .bo_v_top .bo_v_opt {
  width: 160px;
  min-width: 160px;
  padding: 8px;
  border: 1px solid #eadfe8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(31,35,47,.12);
  z-index: 3000 !important;
}

.hy-sub-container #bo_v_top .more_opt a,
.hy-sub-container #bo_v_top .more_opt button,
.hy-sub-container #bo_v_top .bo_v_option a,
.hy-sub-container #bo_v_top .bo_v_option button,
.hy-sub-container #bo_v_top .bo_v_opt a,
.hy-sub-container #bo_v_top .bo_v_opt button,
.hy-sub-container .bo_v_top .more_opt a,
.hy-sub-container .bo_v_top .more_opt button,
.hy-sub-container .bo_v_top .bo_v_option a,
.hy-sub-container .bo_v_top .bo_v_option button,
.hy-sub-container .bo_v_top .bo_v_opt a,
.hy-sub-container .bo_v_top .bo_v_opt button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  background: transparent;
  color: #625866;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: none;
  border: 0;
}

.hy-sub-container #new,
.hy-sub-container .new,
.hy-sub-container #fnew,
.hy-sub-container .new_tbl,
.hy-sub-container .tbl_head01,
.hy-sub-container .tbl_head02 {
  font-size: 14px;
  line-height: 1.55;
}

.hy-sub-container #new h1,
.hy-sub-container #new h2,
.hy-sub-container .new h1,
.hy-sub-container .new h2 {
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: -.03em;
}

.hy-sub-container #new table,
.hy-sub-container #fnew table,
.hy-sub-container .new table {
  table-layout: auto;
  width: 100%;
  font-size: 14px;
}

.hy-sub-container #new th,
.hy-sub-container #new td,
.hy-sub-container #fnew th,
.hy-sub-container #fnew td,
.hy-sub-container .new th,
.hy-sub-container .new td {
  font-size: 14px;
  line-height: 1.5;
  padding: 12px 10px;
  vertical-align: middle;
}

.hy-sub-container #new .td_subject,
.hy-sub-container #new .bo_tit,
.hy-sub-container #new .bo_tit a,
.hy-sub-container #fnew .td_subject,
.hy-sub-container #fnew .bo_tit,
.hy-sub-container #fnew .bo_tit a,
.hy-sub-container .new .td_subject,
.hy-sub-container .new .bo_tit,
.hy-sub-container .new .bo_tit a {
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  word-break: keep-all;
}

.hy-sub-container #new .td_name,
.hy-sub-container #new .td_datetime,
.hy-sub-container #new .td_date,
.hy-sub-container #new .td_num,
.hy-sub-container #new .td_board,
.hy-sub-container #fnew .td_name,
.hy-sub-container #fnew .td_datetime,
.hy-sub-container #fnew .td_date,
.hy-sub-container #fnew .td_num,
.hy-sub-container #fnew .td_board,
.hy-sub-container .new .td_name,
.hy-sub-container .new .td_datetime,
.hy-sub-container .new .td_date,
.hy-sub-container .new .td_num,
.hy-sub-container .new .td_board {
  font-size: 13px;
  color: #817785;
  white-space: nowrap;
}

.hy-sub-container #new_sch,
.hy-sub-container .new_sch,
.hy-sub-container #new_sch input,
.hy-sub-container #new_sch select,
.hy-sub-container #new_sch button {
  font-size: 14px;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v_top,
  .hy-sub-container .bo_v_top {
    justify-content: flex-end;
    margin: 10px 0 14px;
  }
  .hy-sub-container #new,
  .hy-sub-container .new,
  .hy-sub-container #fnew {
    font-size: 14px;
  }
  .hy-sub-container #new th,
  .hy-sub-container #new td,
  .hy-sub-container #fnew th,
  .hy-sub-container #fnew td,
  .hy-sub-container .new th,
  .hy-sub-container .new td {
    font-size: 13px;
    padding: 10px 8px;
  }
  .hy-sub-container #new .td_subject,
  .hy-sub-container #new .bo_tit,
  .hy-sub-container #new .bo_tit a,
  .hy-sub-container #fnew .td_subject,
  .hy-sub-container #fnew .bo_tit,
  .hy-sub-container #fnew .bo_tit a {
    font-size: 14px;
  }
}

.hy-sub-container #new,
.hy-sub-container #fnew,
.hy-sub-container .new,
.hy-sub-container .new_tbl,
.hy-sub-container .new_table {
  font-size: 13px;
  line-height: 1.45;
}

.hy-sub-container #new table,
.hy-sub-container #fnew table,
.hy-sub-container .new table,
.hy-sub-container .new_tbl table,
.hy-sub-container .tbl_head01 table,
.hy-sub-container .tbl_head02 table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.hy-sub-container #new th,
.hy-sub-container #new td,
.hy-sub-container #fnew th,
.hy-sub-container #fnew td,
.hy-sub-container .new th,
.hy-sub-container .new td,
.hy-sub-container .tbl_head01 th,
.hy-sub-container .tbl_head01 td,
.hy-sub-container .tbl_head02 th,
.hy-sub-container .tbl_head02 td {
  font-size: 13px;
  line-height: 1.45;
  padding: 11px 8px;
  vertical-align: middle;
  word-break: keep-all;
  overflow: hidden;
}

.hy-sub-container #new .td_group,
.hy-sub-container #new .td_board,
.hy-sub-container #fnew .td_group,
.hy-sub-container #fnew .td_board,
.hy-sub-container .new .td_group,
.hy-sub-container .new .td_board,
.hy-sub-container .tbl_head01 .td_group,
.hy-sub-container .tbl_head01 .td_board {
  width: 78px;
  max-width: 78px;
  text-align: center;
}

.hy-sub-container #new .td_subject,
.hy-sub-container #fnew .td_subject,
.hy-sub-container .new .td_subject,
.hy-sub-container .tbl_head01 .td_subject {
  width: auto;
  min-width: 0;
}

.hy-sub-container #new .td_name,
.hy-sub-container #fnew .td_name,
.hy-sub-container .new .td_name,
.hy-sub-container .tbl_head01 .td_name {
  width: 92px;
  max-width: 92px;
  text-align: center;
  white-space: nowrap;
}

.hy-sub-container #new .td_datetime,
.hy-sub-container #new .td_date,
.hy-sub-container #fnew .td_datetime,
.hy-sub-container #fnew .td_date,
.hy-sub-container .new .td_datetime,
.hy-sub-container .new .td_date,
.hy-sub-container .tbl_head01 .td_datetime,
.hy-sub-container .tbl_head01 .td_date {
  width: 76px;
  max-width: 76px;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
}

.hy-sub-container #new .td_group a,
.hy-sub-container #new .td_board a,
.hy-sub-container #fnew .td_group a,
.hy-sub-container #fnew .td_board a,
.hy-sub-container .new .td_group a,
.hy-sub-container .new .td_board a,
.hy-sub-container .tbl_head01 .td_group a,
.hy-sub-container .tbl_head01 .td_board a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 66px;
  min-height: 26px;
  padding: 3px 7px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.hy-sub-container #new .td_subject a,
.hy-sub-container #new .bo_tit a,
.hy-sub-container #fnew .td_subject a,
.hy-sub-container #fnew .bo_tit a,
.hy-sub-container .new .td_subject a,
.hy-sub-container .new .bo_tit a,
.hy-sub-container .tbl_head01 .td_subject a,
.hy-sub-container .tbl_head01 .bo_tit a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
}

@media (max-width:720px) {
  .hy-sub-container #new,
  .hy-sub-container #fnew,
  .hy-sub-container .new,
  .hy-sub-container .new_tbl,
  .hy-sub-container .tbl_head01,
  .hy-sub-container .tbl_head02 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hy-sub-container #new table,
  .hy-sub-container #fnew table,
  .hy-sub-container .new table,
  .hy-sub-container .tbl_head01 table,
  .hy-sub-container .tbl_head02 table {
    min-width: 620px;
  }
  .hy-sub-container #new th,
  .hy-sub-container #new td,
  .hy-sub-container #fnew th,
  .hy-sub-container #fnew td,
  .hy-sub-container .new th,
  .hy-sub-container .new td,
  .hy-sub-container .tbl_head01 th,
  .hy-sub-container .tbl_head01 td {
    font-size: 12px;
    padding: 10px 7px;
  }
}

.hy-write-shell {
  max-width: 1120px;
  margin: 26px auto 38px;
  padding: 0 16px;
  box-sizing: border-box;
  color: #111827;
}

.hy-write-titlebar {
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}

.hy-write-titlebar>div:first-child,
.hy-write-guide {
  background: #fff;
  border: 1px solid rgba(236,124,169,.20);
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(17,24,39,.07);
}

.hy-write-titlebar>div:first-child {
  padding: 22px 24px;
}

.hy-write-eyebrow {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .14em;
  font-weight: 900;
  color: #db4f8a;
}

.hy-write-titlebar h1 {
  margin: 0 0 8px;
  font-size: clamp(24px,3.2vw,34px);
  line-height: 1.15;
  letter-spacing: -.045em;
  font-weight: 900;
  color: #111827;
}

.hy-write-titlebar span,
.hy-write-guide em {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #667085;
  font-style: normal;
}

.hy-write-guide {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(135deg,#fff 0%,#fff7fb 100%);
}

.hy-write-guide strong {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 900;
  color: #6d2b55;
}

.hy-write-native {
  background: #fff;
  border: 1px solid rgba(236,124,169,.22);
  border-radius: 24px;
  box-shadow: 0 20px 45px rgba(17,24,39,.08);
  padding: 24px;
  overflow: visible;
}

.hy-write-native form,
.hy-write-native #fwrite,
.hy-write-shell #fwrite {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-write-native .tbl_frm01,
.hy-write-native .write-wrap,
.hy-write-native .bo_w {
  width: 100%;
  max-width: none;
}

.hy-write-shell .write_div,
.hy-write-shell .bo_w_link,
.hy-write-shell .bo_w_flie,
.hy-write-shell .bo_w_option,
.hy-write-shell .bo_w_tit,
.hy-write-shell #autosave_wrapper,
#fwrite .write_div,
#fwrite .bo_w_link,
#fwrite .bo_w_flie {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  margin: 12px 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: 0;
  box-sizing: border-box;
  overflow: visible;
}

.hy-write-shell .write_div:before,
.hy-write-shell .write_div:after,
.hy-write-shell .bo_w_link:before,
.hy-write-shell .bo_w_link:after,
.hy-write-shell .bo_w_flie:before,
.hy-write-shell .bo_w_flie:after,
#fwrite .bo_w_flie:before,
#fwrite .bo_w_flie:after {
  display: none !important;
  content: none;
}

.hy-write-shell .lb_icon,
.hy-write-shell label.lb_icon,
.hy-write-shell label[for^="bf_file_"],
.hy-write-shell label[for^="wr_link"],
.hy-write-shell .fa-folder-open,
.hy-write-shell .fa-link,
.hy-write-shell .write_div i.fa,
#fwrite .bo_w_flie .lb_icon,
#fwrite .bo_w_link .lb_icon,
#fwrite label[for^="bf_file_"],
#fwrite label[for^="wr_link"] {
  display: none !important;
  visibility: hidden !important;
  width: 0;
  height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.hy-write-shell input[type="text"],
.hy-write-shell input[type="password"],
.hy-write-shell input[type="email"],
.hy-write-shell input[type="url"],
.hy-write-shell textarea,
.hy-write-shell select,
.hy-write-shell .frm_input,
.hy-write-shell .frm_file,
#fwrite input[type="text"],
#fwrite textarea,
#fwrite select {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  border: 1px solid rgba(236,124,169,.32);
  border-radius: 16px;
  background: #fff;
  color: #273142;
  font-size: 15px;
  line-height: 1.55;
  box-shadow: none;
  outline: none;
}

.hy-write-shell input[type="text"],
.hy-write-shell input[type="password"],
.hy-write-shell input[type="email"],
.hy-write-shell input[type="url"],
.hy-write-shell select,
.hy-write-shell .frm_input,
#fwrite input[type="text"] {
  height: 48px;
  min-height: 48px;
  padding: 0 16px;
}

.hy-write-shell textarea,
#fwrite textarea {
  min-height: 230px;
  padding: 16px;
  resize: vertical;
}

.hy-write-shell input:focus,
.hy-write-shell textarea:focus,
.hy-write-shell select:focus,
#fwrite input:focus,
#fwrite textarea:focus {
  border-color: rgba(219,79,138,.68);
  box-shadow: 0 0 0 4px rgba(255,103,166,.10);
}

.hy-write-shell .file_wr,
.hy-write-shell .filebox,
.hy-write-shell .bo_w_flie .file_wr,
#fwrite .bo_w_flie .file_wr {
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-write-shell input[type="file"],
.hy-write-shell .frm_file,
#fwrite input[type="file"],
#fwrite .frm_file {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  position: static;
  float: none;
  clear: both;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: auto;
  min-height: 58px;
  margin: 0;
  padding: 10px 14px;
  background: linear-gradient(180deg,#fff 0%,#fffafd 100%);
  border: 1px dashed rgba(236,124,169,.55);
  border-radius: 18px;
  color: #667085;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
  box-shadow: none;
}

.hy-write-shell input[type="file"]::file-selector-button,
#fwrite input[type="file"]::file-selector-button {
  height: 36px;
  margin: 0 14px 0 0;
  padding: 0 16px;
  border: 1px solid rgba(236,124,169,.42);
  border-radius: 999px;
  background: #fff;
  color: #4b2038;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
}

.hy-write-shell input[type="file"]::-webkit-file-upload-button,
#fwrite input[type="file"]::-webkit-file-upload-button {
  height: 36px;
  margin: 0 14px 0 0;
  padding: 0 16px;
  border: 1px solid rgba(236,124,169,.42);
  border-radius: 999px;
  background: #fff;
  color: #4b2038;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
}

.hy-write-shell input[name^="wr_link"],
#fwrite input[name^="wr_link"] {
  height: 50px;
  min-height: 50px;
  padding-left: 16px;
  background: #fff;
}

.hy-write-shell input[name^="wr_link"]::placeholder,
.hy-write-shell textarea::placeholder,
.hy-write-shell input[type="text"]::placeholder {
  color: #98a2b3;
}

.hy-write-shell .btn_confirm,
.hy-write-shell .btn_submit,
.hy-write-shell .btn_cancel,
.hy-write-shell .btn_b01,
.hy-write-shell .btn_b02 {
  text-decoration: none;
}

.hy-write-shell .btn_confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 20px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(236,124,169,.18);
}

.hy-write-shell .btn_submit,
.hy-write-shell input[type="submit"],
.hy-write-shell button[type="submit"] {
  min-width: 118px;
  height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(135deg,#ff9ac4 0%,#df6fa8 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(219,79,138,.22);
}

.hy-write-shell .btn_cancel,
.hy-write-shell a.btn_cancel,
.hy-write-shell .btn_b01 {
  min-width: 88px;
  height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(236,124,169,.24);
  border-radius: 15px;
  background: #fff;
  color: #4b5563;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(17,24,39,.04);
}

.hy-write-shell .cke,
.hy-write-shell .tox,
.hy-write-shell iframe {
  max-width: 100%;
  box-sizing: border-box;
}

.hy-write-shell .sound_only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap;
  border: 0;
}

@media (max-width:760px) {
  .hy-write-shell {
    margin: 16px auto 28px;
    padding: 0 10px;
  }
  .hy-write-titlebar {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 12px;
  }
  .hy-write-titlebar>div:first-child,
  .hy-write-guide {
    border-radius: 18px;
    padding: 16px;
  }
  .hy-write-guide {
    display: none;
  }
  .hy-write-native {
    border-radius: 20px;
    padding: 14px;
  }
  .hy-write-titlebar h1 {
    font-size: 23px;
  }
  .hy-write-shell textarea,
  #fwrite textarea {
    min-height: 190px;
  }
  .hy-write-shell input[type="file"],
  #fwrite input[type="file"] {
    min-height: 54px;
    line-height: 32px;
    font-size: 13px;
    padding: 10px;
  }
  .hy-write-shell input[type="file"]::file-selector-button,
  #fwrite input[type="file"]::file-selector-button,
  .hy-write-shell input[type="file"]::-webkit-file-upload-button,
  #fwrite input[type="file"]::-webkit-file-upload-button {
    height: 32px;
    padding: 0 13px;
    margin-right: 10px;
    font-size: 13px;
  }
  .hy-write-shell .btn_confirm {
    justify-content: space-between;
  }
  .hy-write-shell .btn_submit,
  .hy-write-shell input[type="submit"],
  .hy-write-shell button[type="submit"],
  .hy-write-shell .btn_cancel,
  .hy-write-shell a.btn_cancel {
    min-width: 0;
    flex: 1 1 auto;
  }
}

.hy-content-basic {
  max-width: 1100px;
  margin: 28px auto;
  padding: 28px;
  background: #fff;
  border: 1px solid rgba(236,124,169,.18);
  border-radius: 24px;
  box-shadow: 0 18px 44px rgba(17,24,39,.06);
}

.hy-content-basic h1 {
  margin: 0 0 18px;
  font-size: clamp(26px,3.2vw,38px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.045em;
}

.hy-content-body {
  font-size: 16px;
  line-height: 1.75;
  color: #344054;
}

.hy-wrap {
  overflow-x: hidden;
}

.hy-brand,.hy-account,.hy-nav {
  min-width: 0;
}

.hy-account__name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hy-account__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

.hy-nav > ul {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hy-nav li ul {
  z-index: 120 !important;
}

@media (max-width:720px) {
  .hy-header {
    position: relative !important;
  }
  .hy-brand {
    flex: 1 1 auto;
  }
  .hy-brand a {
    gap: 9px;
  }
  .hy-account .hy-btn,.hy-account__link {
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
  }
  .hy-nav {
    order: 4;
    flex: 1 1 100%;
    width: 100%;
    margin-top: 4px;
  }
  .hy-nav.is-open > ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    width: 100%;
  }
  .hy-nav.is-open li {
    width: 100%;
  }
  .hy-nav.is-open li > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--hy-line);
    border-radius: 13px;
    background: #fff;
    font-size: 12px;
  }
  .hy-nav.is-open li ul {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 5px;
    min-width: 0;
    width: 100%;
    margin: 5px 0 0;
    padding: 6px;
    border-radius: 13px;
    box-shadow: none;
    background: #fff9fc;
  }
}

.hy-footer {
  border-top: 1px solid var(--hy-line);
  background: linear-gradient(180deg,#fff 0%,#fff8fb 100%);
}

.hy-footer__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
}

.hy-footer__brand {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.hy-footer__brand p {
  margin: 0;
  color: var(--hy-text);
  font-weight: 850;
  letter-spacing: -.035em;
}

.hy-footer__brand small {
  display: block;
  max-width: 720px;
  color: var(--hy-muted);
  font-size: 12px;
  line-height: 1.55;
  word-break: keep-all;
}



/* Footer business information: shared layout used by every page/board */
.hy-footer__brand {
  max-width: 980px;
  min-width: 0;
}

.hy-footer__meta {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px 26px;
  margin-top: 14px;
  max-width: 940px;
  min-width: 0;
}

.hy-footer__meta-row {
  display: grid;
  grid-template-columns: 122px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
  color: #5f5365;
  font-size: 12.5px;
  line-height: 1.65;
}

.hy-footer__meta-label {
  display: block;
  color: #b57095;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: -.02em;
}

.hy-footer__meta-value {
  display: block;
  min-width: 0;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-footer__notice {
  margin-top: 16px;
  max-width: 940px;
  padding-top: 14px;
  border-top: 1px solid #f0dfe9;
  color: #62576a;
  font-size: 12.5px;
  line-height: 1.8;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@media (max-width:900px) {
  .hy-footer__meta {
    grid-template-columns: 1fr;
  }
  .hy-footer__meta-row {
    grid-template-columns: 122px minmax(0,1fr);
  }
}

@media (max-width:560px) {
  .hy-footer__meta-row {
    grid-template-columns: 92px minmax(0,1fr);
    gap: 8px;
  }
  .hy-footer__meta-label,
  .hy-footer__meta-value {
    font-size: 12px;
  }
  .hy-footer__notice {
    font-size: 12px;
    line-height: 1.7;
  }
}

.hy-footer__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.hy-footer__nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--hy-line);
  border-radius: 999px;
  background: #fff;
  color: #685b69;
  font-size: 12px;
  font-weight: 750;
  box-shadow: var(--hy-shadow-soft);
}

.hy-footer__nav a:hover {
  background: var(--hy-point-soft);
  color: var(--hy-point-dark);
}

@media (max-width:720px) {
  .hy-footer__inner {
    display: grid;
    padding: 18px 0;
  }
  .hy-footer__nav {
    justify-content: flex-start;
  }
  .hy-footer__nav a {
    font-size: 11.5px;
    min-height: 32px;
    padding: 0 9px;
  }
}

.hy-sub-container #bo_list .tbl_head01,
.hy-sub-container #bo_list .tbl_head02,
.hy-sub-container .tbl_head01,
.hy-sub-container .tbl_head02 {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_list table,
.hy-sub-container .tbl_head01 table,
.hy-sub-container .tbl_head02 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
  border-top: 1px solid #eadfe8;
}

.hy-sub-container #bo_list th,
.hy-sub-container #bo_list td,
.hy-sub-container .tbl_head01 th,
.hy-sub-container .tbl_head01 td,
.hy-sub-container .tbl_head02 th,
.hy-sub-container .tbl_head02 td {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #f0e7ef;
  box-shadow: none;
  vertical-align: middle;
}

.hy-sub-container #bo_list tr:last-child td,
.hy-sub-container .tbl_head01 tr:last-child td,
.hy-sub-container .tbl_head02 tr:last-child td {
  border-bottom: 1px solid #eadfe8;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container #bo_list .bo_tit {
  min-width: 0;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_list .td_name,
.hy-sub-container #bo_list .td_datetime,
.hy-sub-container #bo_list .td_num {
  white-space: nowrap;
}

.hy-sub-container #bo_v,
.hy-sub-container .bo_v {
  display: block;
  min-width: 0;
  overflow: visible;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  clear: both;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.hy-sub-container #bo_v_file,
.hy-sub-container #bo_v_link,
.hy-sub-container .bo_v_file,
.hy-sub-container .bo_v_link {
  clear: both;
  width: 100%;
  margin: 14px 0 0;
  padding: 14px;
  border: 1px solid #efe2eb;
  border-radius: 18px;
  background: linear-gradient(180deg,#fff 0%,#fff9fc 100%);
  box-shadow: 0 8px 22px rgba(62,38,55,.035);
  float: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.hy-sub-container #bo_v_file:not(:empty)::before,
.hy-sub-container .bo_v_file:not(:empty)::before {
  content: "📎 첨부파일";
  display: block;
  margin-bottom: 8px;
  color: #7d536f;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.025em;
}

.hy-sub-container #bo_v_link:not(:empty)::before,
.hy-sub-container .bo_v_link:not(:empty)::before {
  content: "🔗 관련 링크";
  display: block;
  margin-bottom: 8px;
  color: #7d536f;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.025em;
}

.hy-sub-container #bo_v_file ul,
.hy-sub-container #bo_v_file ol,
.hy-sub-container #bo_v_link ul,
.hy-sub-container #bo_v_link ol,
.hy-sub-container .bo_v_file ul,
.hy-sub-container .bo_v_file ol,
.hy-sub-container .bo_v_link ul,
.hy-sub-container .bo_v_link ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_v_file li,
.hy-sub-container #bo_v_link li,
.hy-sub-container .bo_v_file li,
.hy-sub-container .bo_v_link li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 13px;
  background: #fff;
  border: 1px solid #f1e8f0;
  color: #514454;
  line-height: 1.45;
}

.hy-sub-container #bo_v_file a,
.hy-sub-container #bo_v_link a,
.hy-sub-container .bo_v_file a,
.hy-sub-container .bo_v_link a {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #7b4a69;
  font-weight: 800;
}

.hy-sub-container #bo_v_share,
.hy-sub-container .bo_v_share {
  clear: both;
  width: 100%;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  float: none;
}

.hy-sub-container #bo_vc,
.hy-sub-container .bo_vc {
  display: block;
  visibility: visible;
  opacity: 1;
  clear: both;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #eadfe8;
  background: transparent;
}

.hy-sub-container #bo_vc article,
.hy-sub-container #bo_vc .cmt_contents,
.hy-sub-container #bo_vc .bo_vc_cnt,
.hy-sub-container .bo_vc_content {
  display: block;
  visibility: visible;
  opacity: 1;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hy-sub-container #bo_vc_w,
.hy-sub-container .bo_vc_w {
  clear: both;
  width: 100%;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #efe2eb;
  border-radius: 20px;
  background: #fffafb;
}

.hy-sub-container #bo_vc_w textarea,
.hy-sub-container .bo_vc_w textarea {
  width: 100%;
  min-height: 120px;
  border-radius: 16px;
  background: #fff;
}

.hy-sub-container #bo_vc_empty,
.hy-sub-container .empty_table {
  padding: 22px 14px;
  border: 1px dashed #e8d5e2;
  border-radius: 18px;
  background: #fff9fc;
  color: #8a7182;
  text-align: center;
}

@media (max-width:720px) {
  .hy-sub-container #bo_list .tbl_head01,
  .hy-sub-container #bo_list .tbl_head02,
  .hy-sub-container .tbl_head01,
  .hy-sub-container .tbl_head02 {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hy-sub-container #bo_list table,
  .hy-sub-container .tbl_head01 table,
  .hy-sub-container .tbl_head02 table {
    min-width: 620px;
  }
  .hy-sub-container #bo_v_file,
  .hy-sub-container #bo_v_link,
  .hy-sub-container .bo_v_file,
  .hy-sub-container .bo_v_link {
    padding: 12px;
    border-radius: 16px;
  }
  .hy-sub-container #bo_v_file li,
  .hy-sub-container #bo_v_link li,
  .hy-sub-container .bo_v_file li,
  .hy-sub-container .bo_v_link li {
    display: block;
    font-size: 13px;
  }
  .hy-sub-container #bo_vc_w,
  .hy-sub-container .bo_vc_w {
    padding: 12px;
    border-radius: 17px;
  }
}

.hy-sub-container #bo_vc span.bo_vc_w:empty,
.hy-sub-container #bo_vc [id^="edit_"].bo_vc_w:empty,
.hy-sub-container #bo_vc [id^="reply_"].bo_vc_w:empty {
  display: none !important;
  visibility: hidden !important;
  height: 0;
  min-height: 0;
  max-height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.hy-sub-container #bo_vc span.bo_vc_w:not(:empty),
.hy-sub-container #bo_vc [id^="edit_"].bo_vc_w:not(:empty),
.hy-sub-container #bo_vc [id^="reply_"].bo_vc_w:not(:empty) {
  display: block;
  visibility: visible;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 14px 0 0;
  padding: 14px;
  border: 1px solid #efe2eb;
  border-radius: 18px;
  background: #fffafb;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_vc span.bo_vc_w:not(:empty) textarea,
.hy-sub-container #bo_vc [id^="edit_"].bo_vc_w:not(:empty) textarea,
.hy-sub-container #bo_vc [id^="reply_"].bo_vc_w:not(:empty) textarea {
  width: 100%;
  min-height: 110px;
  border-radius: 15px;
  background: #fff;
}

.hy-sub-container #bo_vc .bo_vc_w.hy-empty-comment-slot {
  display: none !important;
  visibility: hidden !important;
  height: 0;
  min-height: 0;
  max-height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.hy-sub-container #bo_btn_top,
.hy-sub-container #bo_btn_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}

.hy-sub-container #bo_list_total {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  color: #696073;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.02em;
}

.hy-sub-container #bo_btn_top .btn_bo_user,
.hy-sub-container #bo_btn_bottom .btn_bo_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  width: auto;
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_btn_top .btn_bo_user > li,
.hy-sub-container #bo_btn_bottom .btn_bo_user > li {
  display: inline-flex;
  width: auto;
  margin: 0;
  padding: 0;
}

.hy-sub-container #bo_btn_top .btn_bo_user .btn,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_b01,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_b02,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_admin,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_bo_sch,
.hy-sub-container #bo_btn_bottom .btn_bo_user .btn,
.hy-sub-container #bo_btn_bottom .btn_bo_user .btn_b01,
.hy-sub-container #bo_btn_bottom .btn_bo_user .btn_b02,
.hy-sub-container #bo_btn_bottom .btn_bo_user .btn_admin,
.hy-sub-container #bo_btn_bottom .btn_bo_user .btn_bo_sch {
  width: auto;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(82,46,67,.07);
}

.hy-sub-container #bo_btn_top .btn_bo_user .btn_bo_sch,
.hy-sub-container #bo_btn_bottom .btn_bo_user .btn_bo_sch {
  width: 40px;
  padding: 0;
  font-size: 15px;
}

.hy-sub-container #bo_list .tbl_head01,
.hy-sub-container #bo_list .tbl_head02 {
  display: block;
  overflow: visible;
  border: 1px solid #efe2eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(62,38,55,.035);
}

.hy-sub-container #bo_list table {
  width: 100%;
  min-width: 0;
  table-layout: auto;
  border: 0;
  background: transparent;
}

.hy-sub-container #bo_list thead th {
  height: auto;
  padding: 14px 12px;
  color: #685b68;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  background: #fff7fb;
}

.hy-sub-container #bo_list tbody td {
  height: auto;
  padding: 14px 12px;
  color: #393343;
  font-size: 14px;
  line-height: 1.45;
  background: #fff;
}

.hy-sub-container #bo_list tbody tr:hover td {
  background: #fffafc;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container #bo_list .bo_tit {
  min-width: 0;
  text-align: left;
}

.hy-sub-container #bo_list .bo_tit {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.hy-sub-container #bo_list .bo_tit a {
  display: inline;
  max-width: 100%;
  color: #403645;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.42;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_list .td_name,
.hy-sub-container #bo_list .td_datetime,
.hy-sub-container #bo_list .td_num,
.hy-sub-container #bo_list .td_num2 {
  color: #625869;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
}

.hy-sub-container #bo_list .bo_notice td {
  background: #fff8fb;
}

.hy-sub-container #bo_list .bo_notice .td_num,
.hy-sub-container #bo_list .bo_notice .td_num2,
.hy-sub-container #bo_list tr.bo_notice td:first-child {
  color: #ec2f88;
  font-weight: 900;
}

.hy-sub-container #bo_list .cnt_cmt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  margin-left: 4px;
  border-radius: 7px;
  background: #eaf2ff;
  color: #3689e6;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.hy-sub-container #bo_sch,
.hy-sub-container .bo_sch_wrap {
  max-width: 100%;
  border-radius: 20px;
  border-color: #efe2eb;
  background: #fffafc;
  box-shadow: 0 12px 28px rgba(62,38,55,.06);
}

.hy-sub-container #bo_sch form,
.hy-sub-container .bo_sch_wrap form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-sub-container #bo_sch select,
.hy-sub-container #bo_sch input[type="text"],
.hy-sub-container #bo_sch .frm_input {
  width: auto;
  min-width: 160px;
  height: 40px;
  padding: 0 12px;
}

.hy-sub-container #bo_sch button,
.hy-sub-container .bo_sch_wrap button {
  width: auto;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 13px;
}

.hy-sub-container .pg_wrap {
  margin: 18px 0 0;
  text-align: center;
}

@media (max-width:720px) {
  .hy-header {
    position: sticky !important;
    top: 0 !important;
    background: rgba(255,255,255,.96);
  }
  .hy-header .hy-container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .hy-brand {
    grid-area: brand;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
  }
  .hy-brand a {
    gap: 8px;
    min-width: 0;
  }
  .hy-brand__mark {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    font-size: 18px;
  }
  .hy-brand__text em {
    font-size: 12px;
    line-height: 1.15;
  }
  .hy-account::-webkit-scrollbar {
    display: none !important;
  }
  .hy-account__name {
    display: none !important;
  }
  .hy-account a,
  .hy-account .hy-btn,
  .hy-account__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    min-width: 0;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(82,46,67,.06);
  }
  .hy-account__label {
    display: inline;
  }
  .hy-nav {
    grid-area: nav;
    order: 0;
    margin-top: 0;
    width: 100%;
    min-width: 0;
  }
  .hy-main--sub {
    padding: 14px 0 32px;
  }
  .hy-sub-container #bo_btn_top,
  .hy-sub-container #bo_btn_bottom {
    align-items: center;
    margin-bottom: 12px;
  }
  .hy-sub-container #bo_list_total {
    flex: 1 1 auto;
    max-width: calc(100% - 58px);
    font-size: 13px;
  }
  .hy-sub-container #bo_btn_top .btn_bo_user,
  .hy-sub-container #bo_btn_bottom .btn_bo_user {
    flex: 0 0 auto;
    width: auto;
    margin-left: auto;
    gap: 5px;
  }
  .hy-sub-container #bo_btn_top .btn_bo_user .btn,
  .hy-sub-container #bo_btn_top .btn_bo_user .btn_b01,
  .hy-sub-container #bo_btn_top .btn_bo_user .btn_b02,
  .hy-sub-container #bo_btn_top .btn_bo_user .btn_admin,
  .hy-sub-container #bo_btn_top .btn_bo_user .btn_bo_sch,
  .hy-sub-container #bo_btn_bottom .btn_bo_user .btn,
  .hy-sub-container #bo_btn_bottom .btn_bo_user .btn_b01,
  .hy-sub-container #bo_btn_bottom .btn_bo_user .btn_b02,
  .hy-sub-container #bo_btn_bottom .btn_bo_user .btn_admin,
  .hy-sub-container #bo_btn_bottom .btn_bo_user .btn_bo_sch {
    min-width: 36px;
    width: auto;
    height: 36px;
    min-height: 36px;
    padding: 0 9px;
    border-radius: 13px;
    font-size: 12px;
  }
  .hy-sub-container #bo_btn_top .btn_bo_user .btn_bo_sch,
  .hy-sub-container #bo_btn_bottom .btn_bo_user .btn_bo_sch {
    width: 36px;
    padding: 0;
    font-size: 14px;
  }
  .hy-sub-container #bo_list .tbl_head01,
  .hy-sub-container #bo_list .tbl_head02 {
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .hy-sub-container #bo_list table,
  .hy-sub-container #bo_list thead,
  .hy-sub-container #bo_list tbody,
  .hy-sub-container #bo_list tr,
  .hy-sub-container #bo_list th,
  .hy-sub-container #bo_list td {
    width: 100%;
    min-width: 0;
  }
  .hy-sub-container #bo_list table {
    display: block;
    border: 0;
    background: transparent;
  }
  .hy-sub-container #bo_list thead {
    display: none !important;
  }
  .hy-sub-container #bo_list tbody {
    display: grid;
    gap: 10px;
    background: transparent;
  }
  .hy-sub-container #bo_list tbody tr {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: start;
    gap: 6px 10px;
    width: 100%;
    padding: 14px;
    border: 1px solid #efe1ea;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(62,38,55,.045);
  }
  .hy-sub-container #bo_list tbody tr td {
    display: none !important;
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .hy-sub-container #bo_list tbody tr td:first-child,
  .hy-sub-container #bo_list tbody tr .td_num2 {
    display: inline-flex;
    order: 1;
    grid-column: 1/2;
    align-self: start;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 36px;
    max-width: 86px;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #fff4f9;
    color: #9b4d78;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
  .hy-sub-container #bo_list tbody tr.bo_notice td:first-child,
  .hy-sub-container #bo_list tbody tr.bo_notice .td_num2 {
    background: #fff0f8;
    color: #eb2d86;
  }
  .hy-sub-container #bo_list tbody tr .td_chk {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: auto;
  }
  .hy-sub-container #bo_list tbody tr .td_subject {
    display: block;
    order: 2;
    grid-column: 2/3;
    width: auto;
    text-align: left;
  }
  .hy-sub-container #bo_list tbody tr .td_subject .bo_tit {
    display: block;
    line-height: 1.35;
  }
  .hy-sub-container #bo_list tbody tr .td_subject .bo_tit a {
    display: inline;
    max-width: none;
    color: #3d3442;
    font-size: 15.5px;
    font-weight: 900;
    line-height: 1.42;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .hy-sub-container #bo_list tbody tr .td_subject img {
    display: inline-block;
    max-width: 18px;
    max-height: 18px;
    margin: 2px 3px 0 0;
    vertical-align: middle;
  }
  .hy-sub-container #bo_list tbody tr .td_name,
  .hy-sub-container #bo_list tbody tr .td_datetime {
    display: block;
    grid-column: 2/3;
    width: auto;
    text-align: left;
    color: #807586;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
  }
  .hy-sub-container #bo_list tbody tr .td_name {
    order: 3;
    margin-top: 2px;
  }
  .hy-sub-container #bo_list tbody tr .td_datetime {
    order: 4;
    color: #9a8f98;
  }
  .hy-sub-container #bo_list .cnt_cmt {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 11px;
    vertical-align: middle;
  }
  .hy-sub-container #bo_sch,
  .hy-sub-container .bo_sch_wrap {
    position: static;
    width: 100%;
    max-width: 100%;
    margin: 12px 0 0;
    padding: 12px;
    border-radius: 17px;
  }
  .hy-sub-container #bo_sch form,
  .hy-sub-container .bo_sch_wrap form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .hy-sub-container #bo_sch select,
  .hy-sub-container #bo_sch input[type="text"],
  .hy-sub-container #bo_sch .frm_input,
  .hy-sub-container #bo_sch button,
  .hy-sub-container .bo_sch_wrap button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width:420px) {
  .hy-account__label {
    display: none !important;
  }
  .hy-account a,
  .hy-account .hy-btn,
  .hy-account__link {
    width: 30px;
    min-width: 30px;
    padding: 0;
  }
  .hy-sub-container #bo_list tbody tr {
    padding: 12px;
    border-radius: 16px;
    gap: 5px 8px;
  }
  .hy-sub-container #bo_list tbody tr .td_subject .bo_tit a {
    font-size: 15px;
  }
}

.hy-write-shell {
  max-width: 1080px;
  width: 100%;
  margin: 24px auto 42px;
  padding: 0;
  color: #242634;
}

.hy-write-titlebar {
  display: grid;
  grid-template-columns: minmax(0,1fr) 250px;
  gap: 14px;
  margin: 0 0 14px;
}

.hy-write-titlebar>div:first-child,
.hy-write-guide {
  border: 1px solid #efe2eb;
  border-radius: 24px;
  background: linear-gradient(180deg,#fff 0%,#fff9fc 100%);
  box-shadow: 0 14px 34px rgba(62,38,55,.055);
}

.hy-write-titlebar>div:first-child {
  padding: 22px 24px;
}

.hy-write-guide {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hy-write-eyebrow {
  margin: 0 0 7px;
  color: #d94f88;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .13em;
  line-height: 1.2;
}

.hy-write-titlebar h1 {
  margin: 0 0 7px;
  color: #23232e;
  font-size: clamp(25px,3.2vw,34px);
  font-weight: 950;
  line-height: 1.16;
  letter-spacing: -.055em;
}

.hy-write-titlebar span,.hy-write-guide em {
  display: block;
  color: #74717d;
  font-size: 14px;
  line-height: 1.58;
  font-style: normal;
}

.hy-write-guide strong {
  display: block;
  margin: 0 0 7px;
  color: #6d3155;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
}

.hy-write-card,
.hy-write-native {
  width: 100%;
  padding: 24px;
  border: 1px solid #efe2eb;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(62,38,55,.065);
  overflow: visible;
}

.hy-write-card form,
.hy-write-native form,
.hy-write-card #fwrite,
.hy-write-native #fwrite {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hy-write-grid,
.hy-write-author-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.hy-write-field,
.hy-write-section {
  min-width: 0;
  margin: 0 0 14px;
}

.hy-write-field>label,
.hy-write-label,
.hy-write-section-head strong {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  color: #423344;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
  letter-spacing: -.025em;
}

.hy-write-field>label b {
  color: #e9498b;
  font-size: 12px;
  font-weight: 950;
}

.hy-write-help,
.hy-write-section-head span {
  display: block;
  margin: -2px 0 10px;
  color: #8a8390;
  font-size: 13px;
  line-height: 1.5;
}

.hy-write-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 50px;
  padding: 10px;
  border: 1px solid #efe2eb;
  border-radius: 18px;
  background: #fffafd;
}

.hy-write-check {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}

.hy-write-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}

.hy-write-check span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #eadce7;
  border-radius: 999px;
  background: #fff;
  color: #6b5365;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  box-shadow: 0 5px 14px rgba(82,46,67,.045);
}

.hy-write-check input:checked + span {
  border-color: #ed9abe;
  background: linear-gradient(135deg,#fff4fa 0%,#f7dce9 100%);
  color: #7d2d58;
}

.hy-write-shell input[type="text"],
.hy-write-shell input[type="password"],
.hy-write-shell input[type="email"],
.hy-write-shell input[type="url"],
.hy-write-shell select,
.hy-write-shell textarea,
.hy-write-shell .frm_input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid #eadfe8;
  border-radius: 17px;
  background: #fff;
  color: #252936;
  box-shadow: none;
  outline: none;
  font-size: 15px;
  line-height: 1.5;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.hy-write-shell input[type="text"],
.hy-write-shell input[type="password"],
.hy-write-shell input[type="email"],
.hy-write-shell input[type="url"],
.hy-write-shell select,
.hy-write-shell .frm_input {
  height: 50px;
  min-height: 50px;
  padding: 0 15px;
}

.hy-write-shell textarea {
  min-height: 230px;
  padding: 16px;
  resize: vertical;
}

.hy-write-shell input:focus,
.hy-write-shell textarea:focus,
.hy-write-shell select:focus {
  border-color: #e68ab3;
  box-shadow: 0 0 0 4px rgba(236,124,169,.11);
  background: #fff;
}

.hy-write-field--title {
  margin-top: 2px;
}

.hy-write-title-wrap {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}

.hy-autosave-btn,
.hy-write-shell #btn_autosave {
  width: auto;
  min-width: 96px;
  height: 50px;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid #eadfe8;
  border-radius: 16px;
  background: #fff8fb;
  color: #7d536f;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 6px 15px rgba(82,46,67,.05);
  cursor: pointer;
}

.hy-write-shell #autosave_pop {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 50 !important;
  width: min(340px,100%);
  padding: 14px;
  border: 1px solid #eadfe8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(45,29,42,.14);
}

.hy-write-shell #autosave_pop strong {
  display: block;
  margin-bottom: 8px;
  color: #3e3342;
  font-size: 14px;
  font-weight: 950;
}

.hy-write-shell #autosave_pop ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

.hy-write-shell #autosave_pop li {
  padding: 8px;
  border-radius: 10px;
  background: #fff8fb;
  color: #615665;
  font-size: 13px;
}

.hy-write-shell #autosave_pop .autosave_close {
  margin-top: 10px;
  width: 100%;
  height: 36px;
  border: 0;
  border-radius: 12px;
  background: #f7dce9;
  color: #6d3155;
  font-weight: 900;
}

.hy-write-field--content {
  padding: 18px;
  border: 1px solid #f1e4ec;
  border-radius: 22px;
  background: linear-gradient(180deg,#fff 0%,#fffafd 100%);
}

.hy-write-shell .wr_content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

.hy-write-shell .cke,
.hy-write-shell .cke_chrome,
.hy-write-shell .tox,
.hy-write-shell iframe {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 16px;
}

.hy-write-shell .cke_chrome {
  border-color: #eadfe8;
  overflow: hidden;
}

.hy-write-shell .cke_contents {
  min-height: 260px;
}

.hy-write-section {
  padding: 18px;
  border: 1px solid #f1e4ec;
  border-radius: 22px;
  background: #fffafd;
}

.hy-write-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}

.hy-write-section-head strong {
  margin: 0;
}

.hy-write-section-head span {
  margin: 0;
  text-align: right;
}

.hy-write-repeat {
  display: grid;
  gap: 10px;
}

.hy-write-shell .bo_w_link,
.hy-write-shell .bo_w_flie,
.hy-write-file {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid #f0e5ed;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(82,46,67,.035);
}

.hy-write-file-main,
.hy-write-shell .file_wr {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hy-write-file-main label,
.hy-write-shell .file_wr label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  margin: 0;
  border-radius: 13px;
  background: #fff5fa;
  color: #7d536f;
  font-size: 13px;
  font-weight: 950;
}

.hy-write-shell input[type="file"],
.hy-write-shell .frm_file {
  display: block;
  position: static;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 42px;
  height: auto;
  margin: 0;
  padding: 8px 10px;
  border: 1px dashed #e8cddd;
  border-radius: 14px;
  background: #fff;
  color: #736a76;
  font-size: 13px;
  line-height: 24px;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}

.hy-write-shell input[type="file"]::file-selector-button,
.hy-write-shell input[type="file"]::-webkit-file-upload-button {
  height: 30px;
  margin: 0 10px 0 0;
  padding: 0 12px;
  border: 1px solid #ead5e2;
  border-radius: 999px;
  background: #fff8fb;
  color: #6d3155;
  font-weight: 900;
  font-size: 12px;
  cursor: pointer;
}

.hy-file-delete {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 13px;
  background: #fff7fa;
  color: #8a637a;
  font-size: 13px;
  font-weight: 800;
}

.hy-captcha-box {
  padding: 12px;
  border-radius: 17px;
  background: #fff;
  border: 1px solid #f0e5ed;
  overflow-x: auto;
}

.hy-write-actions,
.hy-write-shell .btn_confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 20px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid #f0e5ed;
}

.hy-write-actions .btn,
.hy-write-shell .btn_confirm .btn,
.hy-write-shell .btn_confirm a,
.hy-write-shell .btn_confirm button {
  width: auto;
  min-width: 112px;
  height: 48px;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.hy-write-shell .btn_cancel,
.hy-write-shell a.btn_cancel {
  border: 1px solid #eadfe8;
  background: #fff;
  color: #5f5865;
  box-shadow: 0 8px 18px rgba(82,46,67,.045);
}

.hy-write-shell .btn_submit,
.hy-write-shell button[type="submit"],
.hy-write-shell input[type="submit"] {
  border: 0;
  background: linear-gradient(135deg,#ff9ac4 0%,#df6fa8 100%);
  color: #fff;
  box-shadow: 0 12px 24px rgba(219,79,138,.23);
}

.hy-write-shell .btn_submit:disabled {
  opacity: .62;
  cursor: wait;
}

.hy-write-shell #char_count_desc {
  margin: 0 0 8px;
  color: #8a8390;
  font-size: 13px;
  line-height: 1.5;
}

.hy-write-shell #char_count_wrap {
  margin-top: 8px;
  text-align: right;
  color: #8a8390;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width:760px) {
  .hy-write-shell {
    margin: 14px auto 30px;
    padding: 0;
  }
  .hy-write-titlebar {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 10px;
  }
  .hy-write-titlebar>div:first-child {
    padding: 17px 16px;
    border-radius: 20px;
  }
  .hy-write-guide {
    display: none !important;
  }
  .hy-write-titlebar h1 {
    font-size: 23px;
  }
  .hy-write-titlebar span {
    font-size: 13px;
  }
  .hy-write-card,
  .hy-write-native {
    padding: 14px;
    border-radius: 20px;
  }
  .hy-write-grid,
  .hy-write-author-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 12px;
  }
  .hy-write-field,
  .hy-write-section {
    margin-bottom: 12px;
  }
  .hy-write-field--content,
  .hy-write-section {
    padding: 13px;
    border-radius: 18px;
  }
  .hy-write-section-head {
    display: block;
  }
  .hy-write-section-head span {
    margin-top: 5px;
    text-align: left;
  }
  .hy-write-title-wrap {
    grid-template-columns: 1fr;
  }
  .hy-autosave-btn,
  .hy-write-shell #btn_autosave {
    width: 100%;
    height: 42px;
    min-height: 42px;
  }
  .hy-write-shell input[type="text"],
  .hy-write-shell input[type="password"],
  .hy-write-shell input[type="email"],
  .hy-write-shell input[type="url"],
  .hy-write-shell select,
  .hy-write-shell .frm_input {
    height: 46px;
    min-height: 46px;
    font-size: 14px;
    border-radius: 15px;
  }
  .hy-write-shell textarea {
    min-height: 190px;
    font-size: 14px;
  }
  .hy-write-shell .cke_contents {
    min-height: 210px;
  }
  .hy-write-file-main,
  .hy-write-shell .file_wr {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .hy-write-file-main label,
  .hy-write-shell .file_wr label {
    justify-content: flex-start;
    height: auto;
    min-height: 34px;
    padding: 0 10px;
  }
  .hy-write-actions,
  .hy-write-shell .btn_confirm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-top: 14px;
  }
  .hy-write-actions .btn,
  .hy-write-shell .btn_confirm .btn,
  .hy-write-shell .btn_confirm a,
  .hy-write-shell .btn_confirm button {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 12px;
    font-size: 14px;
  }
}

@media (max-width:420px) {
  .hy-write-card,
  .hy-write-native {
    padding: 12px;
  }
  .hy-write-titlebar>div:first-child {
    padding: 15px;
  }
  .hy-write-titlebar h1 {
    font-size: 21px;
  }
  .hy-write-options {
    padding: 8px;
    gap: 6px;
  }
  .hy-write-check span {
    min-height: 32px;
    padding: 0 10px;
    font-size: 12px;
  }
}

.hy-account__link,
.hy-account a,
.hy-account .hy-btn {
  width: auto;
  min-width: auto;
  max-width: none;
  padding: 0 13px;
  gap: 0;
  white-space: nowrap;
  letter-spacing: -.03em;
}

.hy-account__label {
  display: inline;
  visibility: visible;
  opacity: 1;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: nowrap;
}

.hy-account__link > span[aria-hidden="true"] {
  display: none !important;
}

@media (max-width:720px) {
  .hy-account::-webkit-scrollbar {
    display: none !important;
  }
  .hy-account__link,
  .hy-account a,
  .hy-account .hy-btn {
    flex: 0 0 auto;
    width: auto;
    min-width: auto;
    height: 32px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
  }
  .hy-account__label {
    display: inline;
  }
}

@media (max-width:420px) {
  .hy-account__label {
    display: inline;
  }
  .hy-account__link,
  .hy-account a,
  .hy-account .hy-btn {
    width: auto;
    min-width: auto;
    padding: 0 10px;
  }
}

.hy-write-section--files {
  display: block;
  margin: 14px 0;
  padding: 18px;
  border: 1px solid #f0dfe9;
  border-radius: 22px;
  background: linear-gradient(180deg,#fffafd 0%,#fff 100%);
  box-shadow: 0 10px 26px rgba(82,46,67,.04);
  overflow: hidden;
}

.hy-write-files-head {
  margin-bottom: 10px;
}

.hy-write-files-head strong {
  color: #493447;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -.03em;
}

.hy-write-files-head span {
  color: #8b7d89;
  font-size: 12px;
  font-weight: 800;
}

.hy-write-files-tip {
  margin: 0 0 10px;
  padding: 9px 12px;
  border: 1px dashed #efd7e5;
  border-radius: 14px;
  background: #fff;
  color: #8a7b87;
  font-size: 12px;
  line-height: 1.45;
}

.hy-write-files-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

#fwrite .hy-write-files-grid .hy-write-file,
.hy-write-shell .hy-write-files-grid .hy-write-file,
#fwrite .hy-write-files-grid .bo_w_flie,
.hy-write-shell .hy-write-files-grid .bo_w_flie {
  display: grid;
  gap: 7px;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid #f0e5ed;
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

#fwrite .hy-write-files-grid .hy-write-file-main,
.hy-write-shell .hy-write-files-grid .hy-write-file-main,
#fwrite .hy-write-files-grid .file_wr,
.hy-write-shell .hy-write-files-grid .file_wr {
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

#fwrite .hy-write-files-grid label[for^="bf_file_"],
.hy-write-shell .hy-write-files-grid label[for^="bf_file_"] {
  display: flex;
  visibility: visible;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 38px;
  min-width: 0;
  min-height: 38px;
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 12px;
  background: #fff3f8;
  color: #75435f;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: visible;
  box-sizing: border-box;
}

#fwrite .hy-write-files-grid input[type="file"],
.hy-write-shell .hy-write-files-grid input[type="file"],
#fwrite .hy-write-files-grid .frm_file,
.hy-write-shell .hy-write-files-grid .frm_file {
  display: block;
  position: static;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 38px;
  height: 38px;
  margin: 0;
  padding: 5px 8px;
  border: 1px dashed #ead2e1;
  border-radius: 12px;
  background: #fff;
  color: #736a76;
  font-size: 12px;
  line-height: 26px;
  opacity: 1;
  visibility: visible;
  cursor: pointer;
  box-sizing: border-box;
}

#fwrite .hy-write-files-grid input[type="file"]::file-selector-button,
.hy-write-shell .hy-write-files-grid input[type="file"]::file-selector-button,
#fwrite .hy-write-files-grid input[type="file"]::-webkit-file-upload-button,
.hy-write-shell .hy-write-files-grid input[type="file"]::-webkit-file-upload-button {
  height: 26px;
  margin: 0 8px 0 0;
  padding: 0 10px;
  border: 1px solid #ead5e2;
  border-radius: 999px;
  background: #fff8fb;
  color: #6d3155;
  font-size: 11px;
  font-weight: 950;
}

#fwrite .hy-write-files-grid input[name="bf_content[]"],
.hy-write-shell .hy-write-files-grid input[name="bf_content[]"] {
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 12px;
}

.hy-write-files-grid .hy-file-delete {
  min-height: 34px;
  padding: 0 9px;
  border-radius: 12px;
  font-size: 12px;
}

@media (max-width:900px) {
  .hy-write-files-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:520px) {
  .hy-write-section--files {
    padding: 13px;
    border-radius: 18px;
  }
  .hy-write-files-head {
    display: block;
  }
  .hy-write-files-head span {
    display: block;
    margin-top: 5px;
    text-align: left;
  }
  .hy-write-files-tip {
    font-size: 11px;
    padding: 8px 10px;
  }
  #fwrite .hy-write-files-grid .hy-write-file-main,
  .hy-write-shell .hy-write-files-grid .hy-write-file-main,
  #fwrite .hy-write-files-grid .file_wr,
  .hy-write-shell .hy-write-files-grid .file_wr {
    grid-template-columns: 62px minmax(0,1fr);
    gap: 7px;
  }
  #fwrite .hy-write-files-grid label[for^="bf_file_"],
  .hy-write-shell .hy-write-files-grid label[for^="bf_file_"] {
    height: 36px;
    min-height: 36px;
    padding: 0 6px;
    font-size: 11px;
  }
  #fwrite .hy-write-files-grid input[type="file"],
  .hy-write-shell .hy-write-files-grid input[type="file"],
  #fwrite .hy-write-files-grid .frm_file,
  .hy-write-shell .hy-write-files-grid .frm_file {
    height: 36px;
    min-height: 36px;
    padding: 4px 7px;
    font-size: 11px;
  }
}

.hy-slideshow {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  min-width: 0;
}

.hy-slideshow__viewport {
  position: relative;
  min-height: 340px;
  border-radius: 30px;
  overflow: hidden;
  background: #fff5fa;
  box-shadow: 0 18px 42px rgba(44,28,42,.10);
  isolation: isolate;
}

.hy-slide {
  display: none;
  position: absolute;
  inset: 0;
  min-height: 340px;
  padding: 34px;
  border: 1px solid rgba(238,219,231,.95);
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.hy-slide:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,248,252,.18));
  pointer-events: none;
  z-index: 1;
}

.hy-slide:after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -130px;
  width: 300px;
  height: 300px;
  border-radius: 999px;
  background: radial-gradient(circle,rgba(255,255,255,.35),rgba(255,255,255,0) 72%);
  pointer-events: none;
  z-index: 1;
}

.hy-slide.is-active {
  display: flex;
  align-items: center;
  animation: hySlideFade .34s ease both;
}

@keyframes hySlideFade {
  from {
    opacity: .35;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hy-slide--pink {
  background: linear-gradient(135deg,#fff7fb 0%,#f8ddea 52%,#fff 100%);
}

.hy-slide--milk {
  background: linear-gradient(135deg,#fff 0%,#fff0f7 44%,#f8d7e5 100%);
}

.hy-slide--violet {
  background: linear-gradient(135deg,#fbf8ff 0%,#eadff8 50%,#fff 100%);
}

.hy-slide--sky {
  background: linear-gradient(135deg,#f6fbff 0%,#dceefa 50%,#fff 100%);
}

.hy-slide--mint {
  background: linear-gradient(135deg,#f7fffb 0%,#dff4ea 50%,#fff 100%);
}

.hy-slide--peach {
  background: linear-gradient(135deg,#fffaf5 0%,#ffe0d0 50%,#fff 100%);
}

.hy-slide__content {
  position: relative;
  z-index: 2;
  width: min(510px,100%);
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 18px 44px rgba(49,27,43,.10);
  backdrop-filter: blur(8px);
}

.hy-slide h2 {
  margin: 14px 0 11px;
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -.055em;
  color: #232029;
  text-shadow: 0 1px 0 rgba(255,255,255,.65);
}

.hy-slide p {
  margin: 0;
  color: #5f5865;
  font-size: 16px;
  line-height: 1.68;
  max-width: 54ch;
  font-weight: 600;
}

.hy-slide__bottom {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.hy-slide__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg,#fff 0%,#fff5fa 48%,#f7dcea 100%);
  border: 1px solid rgba(227,207,221,.95);
  box-shadow: 0 8px 20px rgba(86,45,72,.10);
  color: #6a405e;
  font-weight: 900;
}

.hy-slide__cta:hover {
  background: linear-gradient(135deg,#fff0f7 0%,#f7d9e7 100%);
}

.hy-slide__badge {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(231,215,226,.9);
  color: #715f70;
  font-size: 12px;
  font-weight: 850;
  backdrop-filter: blur(8px);
}

.hy-slideshow__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.hy-hero__chips--slide {
  margin-top: 0;
  flex: 1 1 auto;
}

.hy-slideshow__controls {
  position: absolute;
  right: 22px;
  bottom: 20px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  min-height: 40px;
  padding: 6px 8px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(236,218,229,.92);
  box-shadow: 0 10px 24px rgba(51,30,46,.11);
  backdrop-filter: blur(8px);
}

.hy-slide-nav {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #ead9e5;
  border-radius: 13px;
  background: #fff;
  color: #76536d;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  box-shadow: var(--hy-shadow-soft);
  cursor: pointer;
}

.hy-slide-nav:hover {
  background: #fff5fa;
}

.hy-slide-dots {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 2px;
}

.hy-slide-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #e6d8e2;
  cursor: pointer;
  transition: .2s ease;
}

.hy-slide-dots button.is-active {
  width: 24px;
  background: #b7799f;
}

.hy-slide-admin-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  width: max-content;
  height: 38px;
  padding: 0 13px;
  border-radius: 999px;
  background: #fff;
  border: 1px dashed #d8b8ca;
  color: #7a4a66;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 6px 16px rgba(75,42,65,.07);
}

.hy-slide-admin-link:before {
  content: "⚙️";
  margin-right: 6px;
}

@media (max-width:1020px) {
  .hy-slideshow__viewport,.hy-slide {
    min-height: 320px;
  }
  .hy-slide h2 {
    font-size: 32px;
  }
  .hy-slide {
    padding: 28px;
  }
  .hy-slide__content {
    width: min(500px,100%);
  }
}

@media (max-width:720px) {
  .hy-slideshow__viewport,.hy-slide {
    min-height: 310px;
    border-radius: 24px;
  }
  .hy-slide {
    padding: 22px 20px 72px;
  }
  .hy-slide__content {
    padding: 18px 19px;
    border-radius: 20px;
    background: rgba(255,255,255,.80);
  }
  .hy-slide h2 {
    font-size: 29px;
  }
  .hy-slide p {
    font-size: 15px;
  }
  .hy-slideshow__controls {
    left: 50%;
    right: auto;
    bottom: 16px;
    transform: translateX(-50%);
    justify-content: center;
  }
  .hy-slideshow__meta {
    justify-content: center;
  }
  .hy-hero__chips--slide {
    justify-content: center;
  }
  .hy-slide-admin-link {
    justify-self: center;
  }
}

@media (max-width:480px) {
  .hy-slideshow__viewport,.hy-slide {
    min-height: 305px;
    border-radius: 20px;
  }
  .hy-slide {
    padding: 18px 15px 68px;
    background-position: center;
  }
  .hy-slide__content {
    padding: 16px 15px;
    border-radius: 18px;
  }
  .hy-slide h2 {
    font-size: 25px;
  }
  .hy-slide p {
    font-size: 14px;
    line-height: 1.58;
  }
  .hy-slide__bottom {
    margin-top: 14px;
  }
  .hy-slide__cta {
    height: 38px;
    padding: 0 13px;
    font-size: 13px;
  }
  .hy-slide__badge {
    height: 30px;
    font-size: 11px;
  }
  .hy-slide-nav {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    font-size: 20px;
  }
  .hy-slideshow__controls {
    padding: 5px 7px;
  }
}

.hy-home--mix .hy-hero {
  padding: 22px;
  gap: 22px;
}

.hy-home--mix .hy-hero--mix {
  grid-template-columns: minmax(0,1fr) 320px;
  align-items: stretch;
}

.hy-hero__body {
  min-width: 0;
}

.hy-hero__aside {
  align-self: center;
}

.hy-hero-search-card {
  display: grid;
  gap: 10px;
  padding: 22px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(237,222,232,.95);
  box-shadow: 0 18px 42px rgba(56,33,49,.09);
  backdrop-filter: blur(10px);
}

.hy-hero-search-card strong {
  display: block;
  color: #302833;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.hy-hero-search-card p {
  margin: -3px 0 4px;
  color: #786f7d;
  font-size: 13px;
  line-height: 1.55;
}

.hy-hero-search-card .hy-search {
  grid-template-columns: minmax(0,1fr) 78px;
  padding: 8px;
  border-radius: 18px;
  box-shadow: none;
}

.hy-hero-search-card .hy-search input {
  height: 42px;
  padding: 0 10px;
}

.hy-hero-search-card .hy-search button {
  height: 42px;
  border-radius: 13px;
  font-size: 13px;
}

.hy-hero__quick,
.hy-slideshow__meta,
.hy-hero__chips--slide {
  display: none !important;
}

.hy-slideshow {
  gap: 0;
}

.hy-slideshow__viewport {
  min-height: 332px;
  border-radius: 28px;
}

.hy-slide {
  min-height: 332px;
  padding: 28px;
  border-radius: 28px;
}

.hy-slide__content {
  width: min(500px,88%);
  padding: 24px 26px;
  background: rgba(255,255,255,.68);
  border-color: rgba(255,255,255,.76);
  box-shadow: 0 20px 46px rgba(42,25,39,.13);
}

.hy-slideshow__controls {
  right: 22px;
  bottom: 22px;
}

.hy-actions--member {
  align-items: center;
}

.hy-actions a.hy-admin-action {
  border-style: dashed;
  border-color: #d8b8ca;
  background: linear-gradient(135deg,#fff 0%,#fff7fb 48%,#f8e5ef 100%);
  color: #75455f;
  font-weight: 900;
}

.hy-actions a.hy-admin-action:hover {
  background: linear-gradient(135deg,#fff0f7 0%,#f7d9e7 100%);
}

@media (max-width:1120px) {
  .hy-home--mix .hy-hero--mix {
    grid-template-columns: 1fr;
  }
  .hy-hero__aside {
    align-self: stretch;
  }
  .hy-hero-search-card {
    padding: 16px;
    border-radius: 22px;
  }
}

@media (max-width:720px) {
  .hy-home--mix .hy-hero {
    padding: 16px;
    border-radius: 24px;
  }
  .hy-slideshow__viewport,
  .hy-slide {
    min-height: 315px;
    border-radius: 22px;
  }
  .hy-slide {
    padding: 18px 16px 70px;
  }
  .hy-slide__content {
    width: 100%;
    padding: 17px 16px;
    border-radius: 18px;
  }
  .hy-hero-search-card .hy-search {
    grid-template-columns: 1fr;
  }
  .hy-hero-search-card .hy-search button {
    width: 100%;
  }
  .hy-actions--member a {
    flex: 1 1 calc(50% - 6px);
    min-width: 120px;
  }
}

.hy-home--mix .hy-hero {
  background: linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,246,251,.78) 100%);
}

.hy-slideshow__viewport {
  box-shadow: 0 18px 48px rgba(39,24,36,.12);
  background: #fff;
}

.hy-slide {
  background-size: cover;
  background-position: center;
}

.hy-slide:before {
  background: linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,0) 58%);
}

.hy-slide:after {
  opacity: .28;
}

.hy-slide__content {
  width: min(430px,58%);
  padding: 22px 24px;
  background: rgba(255,255,255,.54);
  border-color: rgba(255,255,255,.68);
  box-shadow: 0 14px 38px rgba(30,20,30,.11);
  backdrop-filter: blur(6px) saturate(1.05);
  -webkit-backdrop-filter: blur(6px) saturate(1.05);
}

.hy-slide .hy-eyebrow {
  background: rgba(255,255,255,.72);
}

.hy-slide h2 {
  font-size: 34px;
  text-shadow: 0 1px 0 rgba(255,255,255,.52);
}

.hy-slide p {
  color: #5d5662;
  text-shadow: 0 1px 0 rgba(255,255,255,.42);
}

.hy-slideshow__controls {
  background: rgba(255,255,255,.78);
}

.hy-slideshow[data-effect="fade"] .hy-slide.is-active {
  animation: hySlideFade .48s cubic-bezier(.2,.8,.2,1) both;
}

.hy-slideshow[data-effect="slide"] .hy-slide.is-active {
  animation: hySlideLeft .54s cubic-bezier(.2,.8,.2,1) both;
}

.hy-slideshow[data-effect="zoom"] .hy-slide.is-active {
  animation: hySlideZoom .58s cubic-bezier(.2,.8,.2,1) both;
}

.hy-slideshow[data-effect="rise"] .hy-slide.is-active {
  animation: hySlideRise .56s cubic-bezier(.2,.8,.2,1) both;
}

.hy-slideshow[data-effect="blur"] .hy-slide.is-active {
  animation: hySlideBlur .62s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes hySlideLeft {
  from {
    opacity: .25;
    transform: translateX(28px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes hySlideZoom {
  from {
    opacity: .28;
    transform: scale(1.035);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hySlideRise {
  from {
    opacity: .25;
    transform: translateY(24px) scale(.992);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes hySlideBlur {
  from {
    opacity: .22;
    filter: blur(10px);
    transform: scale(1.015);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@media (max-width:1020px) {
  .hy-slide__content {
    width: min(460px,70%);
  }
}

@media (max-width:720px) {
  .hy-slide__content {
    width: 100%;
    background: rgba(255,255,255,.68);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
  }
  .hy-slide:before {
    background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);
  }
}

@media (min-width:981px) {
  .hy-layout.hy-layout--mix {
    grid-template-columns: minmax(0,1fr) 300px;
  }
  .hy-layout.hy-layout--mix .hy-content-col {
    order: 1;
  }
  .hy-layout.hy-layout--mix .hy-side {
    order: 2;
    position: sticky !important;
    top: 96px;
  }
  .hy-layout.hy-layout--mix .hy-login-card {
    border-radius: 24px;
  }
}

@media (min-width:1200px) {
  .hy-layout.hy-layout--mix {
    grid-template-columns: minmax(0,1fr) 310px;
    gap: 20px;
  }
}

@media (max-width:980px) {
  .hy-layout.hy-layout--mix .hy-side {
    position: static;
    top: auto;
  }
}

.hy-sub-container .btn,
.hy-sub-container a.btn,
.hy-sub-container button.btn,
.hy-sub-container .btn_b01,
.hy-sub-container .btn_b02,
.hy-sub-container .btn_admin,
.hy-sub-container .btn_cancel,
.hy-sub-container .btn_submit,
.hy-sub-container input[type="submit"],
.hy-sub-container button[type="submit"] {
  border-radius: 999px;
  min-height: 40px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -.02em;
}

.hy-sub-container .btn_submit,
.hy-sub-container input[type="submit"],
.hy-sub-container button[type="submit"],
.hy-sub-container .btn_b02 {
  background: linear-gradient(135deg,#fff3f8 0%,#f4d6e6 52%,#efc2d8 100%);
  color: #6f4964;
  border-color: #ead3df;
}

.hy-sub-container .btn_cancel,
.hy-sub-container .btn_b01 {
  background: #fff;
  color: #6b6170;
}

.hy-sub-container .btn_admin {
  background: linear-gradient(135deg,#fbf7ff 0%,#f0e7ff 100%);
  border-style: dashed;
  color: #6f4b9a;
}

.hy-empty,
.hy-sub-container .empty_table,
.hy-sub-container .empty_list,
.hy-sub-container td.empty_table,
.hy-sub-container td.empty_list,
.hy-sub-container #sch_res_ov + p,
.hy-sub-container .no-data,
.hy-sub-container .empty {
  position: relative;
  min-height: 118px;
  padding: 34px 20px;
  border: 1px dashed #e8cddd;
  border-radius: 22px;
  background: radial-gradient(circle at 18% 18%,rgba(255,224,238,.78),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fff8fb 100%);
  color: #8a7c89;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 8px 24px rgba(58,33,51,.04);
}

.hy-empty:before,
.hy-sub-container .empty_table:before,
.hy-sub-container .empty_list:before {
  content: "🌸";
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 8px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #efd8e5;
  box-shadow: 0 7px 18px rgba(101,55,84,.07);
  line-height: 42px;
  font-size: 18px;
}

.hy-sub-container .empty_table {
  display: block;
  width: 100%;
}

.hy-sub-container table .empty_table {
  display: table-cell;
}

.hy-sub-container #bo_v {
  display: block;
  background: linear-gradient(180deg,#fff 0%,#fffbfe 100%);
  border: 1px solid #f0e4ec;
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 16px 42px rgba(42,25,39,.06);
}

.hy-sub-container #bo_v_title,
.hy-sub-container .bo_v_title {
  padding: 6px 0 18px;
  border-bottom: 1px solid #f1e7ee;
}

.hy-sub-container #bo_v_title .bo_v_cate,
.hy-sub-container .bo_v_cate {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  margin: 0 0 10px;
  border-radius: 999px;
  background: #fff1f8;
  border: 1px solid #efd4e3;
  color: #8a4d72;
  font-size: 12px;
  font-weight: 900;
}

.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container #bo_v_title strong {
  margin: 0;
  color: #24222b;
  font-size: clamp(24px,3vw,36px);
  line-height: 1.22;
  letter-spacing: -.055em;
  word-break: keep-all;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info,
.hy-sub-container #bo_v_top {
  margin: 14px 0 0;
  padding: 14px 0;
  border-bottom: 1px solid #f2e8ef;
  color: #726a76;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  display: flex;
  align-items: center;
  gap: 9px 12px;
  flex-wrap: wrap;
  font-size: 13px;
}

.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong {
  color: #403946;
  font-weight: 900;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc {
  padding: 26px 0 8px;
}

.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  min-height: 170px;
  padding: 18px 4px 26px;
  color: #2f3440;
  font-size: 16px;
  line-height: 1.9;
}

.hy-sub-container #bo_v_con p,
.hy-sub-container .bo_v_con p {
  margin: 0 0 1em;
}

.hy-sub-container #bo_v_img,
.hy-sub-container .bo_v_img {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}

.hy-sub-container #bo_v_img img,
.hy-sub-container .bo_v_img img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(39,27,36,.10);
}

.hy-sub-container #bo_v_file,
.hy-sub-container #bo_v_link,
.hy-sub-container .bo_v_file,
.hy-sub-container .bo_v_link {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #f0e3eb;
  border-radius: 22px;
  background: #fffafc;
}

.hy-sub-container #bo_v_file h2,
.hy-sub-container #bo_v_link h2 {
  margin: 0 0 10px;
  font-size: 15px;
  color: #5c4a5a;
}

.hy-sub-container #bo_v_file ul,
.hy-sub-container #bo_v_link ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.hy-sub-container #bo_v_file li,
.hy-sub-container #bo_v_link li,
.hy-sub-container #bo_v_file a,
.hy-sub-container #bo_v_link a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #f0e4ec;
  color: #5f5360;
  font-weight: 700;
}

.hy-sub-container #bo_v_act {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px 0;
}

.hy-sub-container #bo_v_act a,
.hy-sub-container #bo_v_act button {
  min-width: 86px;
  border-radius: 999px;
}

.hy-sub-container .bo_v_nb,
.hy-sub-container #bo_v_nb {
  display: grid;
  gap: 8px;
  margin: 18px 0;
  padding: 0;
  border: 0;
}

.hy-sub-container .bo_v_nb li,
.hy-sub-container #bo_v_nb li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #f0e4ec;
  border-radius: 16px;
  background: #fff;
  color: #615865;
}

.hy-sub-container #bo_vc {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #f0e4ec;
  border-radius: 24px;
  background: linear-gradient(180deg,#fff 0%,#fff8fb 100%);
}

.hy-sub-container #bo_vc h2,
.hy-sub-container #bo_vc_w h2 {
  margin: 0 0 14px;
  font-size: 18px;
  letter-spacing: -.04em;
}

.hy-sub-container #bo_vc article,
.hy-sub-container #bo_vc .cmt_wrap,
.hy-sub-container #bo_vc .cmt_li {
  border: 1px solid #f0e4ec;
  border-radius: 20px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 8px 22px rgba(50,30,46,.04);
}

.hy-sub-container #bo_vc article + article,
.hy-sub-container #bo_vc .cmt_wrap + .cmt_wrap,
.hy-sub-container #bo_vc .cmt_li + .cmt_li {
  margin-top: 10px;
}

.hy-sub-container .cmt_contents {
  margin-top: 8px;
  color: #323540;
  line-height: 1.75;
}

.hy-sub-container #bo_vc_w,
.hy-sub-container .bo_vc_w {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid #f0e4ec;
  border-radius: 22px;
  background: #fff;
}

.hy-sub-container #bo_vc_w textarea,
.hy-sub-container .bo_vc_w textarea {
  min-height: 120px;
  border-radius: 18px;
  background: #fffdfd;
}

.hy-sub-container #bo_list_total,
.hy-sub-container .bo_fx,
.hy-sub-container #bo_btn_top {
  padding: 12px 14px;
  margin-bottom: 14px;
  border: 1px solid #f0e5ed;
  border-radius: 20px;
  background: #fffafc;
}

.hy-sub-container #bo_list table,
.hy-sub-container .tbl_head01 table,
.hy-sub-container .tbl_head02 table {
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid #f0e4ec;
}

.hy-sub-container #bo_list tbody tr,
.hy-sub-container .tbl_head01 tbody tr {
  transition: background .15s ease, transform .15s ease;
}

.hy-sub-container #bo_list tbody tr:hover,
.hy-sub-container .tbl_head01 tbody tr:hover {
  background: #fff8fb;
}

.hy-sub-container #bo_list .td_subject a,
.hy-sub-container #bo_list td a {
  font-weight: 750;
}

.hy-sub-container #bo_list .cnt_cmt,
.hy-sub-container .cnt_cmt,
.hy-sub-container .new_icon,
.hy-sub-container .hot_icon,
.hy-sub-container .file_icon {
  vertical-align: middle;
  margin-left: 4px;
}

.hy-sub-container #sch_res_detail,
.hy-sub-container #sch_res_ov,
.hy-sub-container #new_sch {
  padding: 16px;
  border: 1px solid #f0e4ec;
  border-radius: 22px;
  background: #fffafc;
  margin-bottom: 16px;
}

.hy-sub-container #sch_res_detail form,
.hy-sub-container #new_sch form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.hy-sub-container #sch_res_detail input[type="text"],
.hy-sub-container #new_sch input[type="text"] {
  flex: 1 1 220px;
}

.hy-layout.hy-layout--mix .hy-side .hy-card {
  box-shadow: 0 16px 36px rgba(44,28,42,.07);
}

.hy-layout.hy-layout--mix .hy-login-card {
  background: radial-gradient(circle at 16% 12%,rgba(255,223,238,.82),transparent 20%),
    linear-gradient(180deg,#fff 0%,#fff9fc 100%);
}

.hy-layout.hy-layout--mix .hy-actions--member a {
  flex: 1 1 auto;
}

.hy-board-nav a:first-of-type {
  background: #fff8fb;
}

.hy-main-list .hy-board-box,
.hy-notice-bar,
.hy-gallery-block {
  border-color: #efe1ea;
}

.hy-board-box__head h4,
.hy-card header h3 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.hy-slide:before {
  background: linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,0) 65%);
}

.hy-slide__content {
  width: min(390px,52%);
  padding: 20px 22px;
  background: rgba(255,255,255,.48);
  border-color: rgba(255,255,255,.62);
  backdrop-filter: blur(5px) saturate(1.02);
  -webkit-backdrop-filter: blur(5px) saturate(1.02);
}

.hy-slide h2 {
  font-size: 32px;
}

.hy-slide p {
  font-size: 15px;
  line-height: 1.62;
}

.hy-sub-container .msg_sound_only,
.hy-sub-container .alert,
.hy-sub-container .error,
.hy-sub-container .warning {
  border-radius: 20px;
}

.hy-sub-container .local_desc01,
.hy-sub-container .local_desc02,
.hy-sub-container .frm_info,
.hy-sub-container .bo_w_info {
  border-radius: 16px;
  background: #fff8fb;
  border: 1px solid #f0e4ec;
  color: #766a78;
}

@media (max-width:980px) {
  .hy-layout.hy-layout--mix .hy-content-col {
    order: 1;
  }
  .hy-layout.hy-layout--mix .hy-side {
    order: 2;
  }
  .hy-sub-container #bo_v {
    padding: 18px;
    border-radius: 22px;
  }
  .hy-slide__content {
    width: min(440px,72%);
  }
}

@media (max-width:720px) {
  .hy-sub-container #bo_v {
    padding: 14px;
    border-radius: 20px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container #bo_v_title strong {
    font-size: 24px;
  }
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    font-size: 12px;
    gap: 7px;
  }
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con {
    font-size: 15px;
    line-height: 1.78;
    padding: 12px 0 20px;
  }
  .hy-sub-container #bo_vc {
    padding: 14px;
    border-radius: 20px;
  }
  .hy-sub-container #bo_vc article,
  .hy-sub-container #bo_vc .cmt_wrap,
  .hy-sub-container #bo_vc .cmt_li {
    padding: 13px;
    border-radius: 17px;
  }
  .hy-sub-container #bo_v_file,
  .hy-sub-container #bo_v_link {
    padding: 13px;
    border-radius: 18px;
  }
  .hy-sub-container #bo_list_total,
  .hy-sub-container .bo_fx,
  .hy-sub-container #bo_btn_top {
    padding: 10px;
    border-radius: 16px;
  }
  .hy-slide__content {
    width: 100%;
    background: rgba(255,255,255,.64);
  }
  .hy-slide h2 {
    font-size: 25px;
  }
}

@media (max-width:520px) {
  .hy-sub-container table {
    min-width: 0;
  }
  .hy-sub-container #bo_list table,
  .hy-sub-container .tbl_head01 table,
  .hy-sub-container .tbl_head02 table {
    border: 0;
    background: transparent;
  }
  .hy-sub-container #bo_list thead,
  .hy-sub-container .tbl_head01 thead,
  .hy-sub-container .tbl_head02 thead {
    display: none !important;
  }
  .hy-sub-container #bo_list tbody,
  .hy-sub-container #bo_list tr,
  .hy-sub-container #bo_list td,
  .hy-sub-container .tbl_head01 tbody,
  .hy-sub-container .tbl_head01 tr,
  .hy-sub-container .tbl_head01 td {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .hy-sub-container #bo_list tr,
  .hy-sub-container .tbl_head01 tr {
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid #f0e4ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(50,30,46,.04);
  }
  .hy-sub-container #bo_list td,
  .hy-sub-container .tbl_head01 td {
    padding: 4px 0;
    border: 0;
    text-align: left;
  }
  .hy-sub-container #bo_list td.td_num,
  .hy-sub-container #bo_list td.td_name,
  .hy-sub-container #bo_list td.td_datetime,
  .hy-sub-container #bo_list td.td_hit,
  .hy-sub-container #bo_list td.td_good,
  .hy-sub-container #bo_list td.td_nogood,
  .hy-sub-container .tbl_head01 td.td_num,
  .hy-sub-container .tbl_head01 td.td_name,
  .hy-sub-container .tbl_head01 td.td_datetime,
  .hy-sub-container .tbl_head01 td.td_hit {
    display: inline-flex;
    width: auto;
    margin-right: 8px;
    color: #8c8290;
    font-size: 12px;
  }
  .hy-sub-container #bo_list td.td_subject,
  .hy-sub-container .tbl_head01 td.td_subject {
    display: block;
    padding: 4px 0 7px;
    font-size: 16px;
  }
}

.hy-slide--image-only {
  align-items: stretch;
}

.hy-slide--image-only:before {
  background: linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,0) 60%);
}

.hy-slide--image-only:after {
  display: none !important;
}

.hy-slide--image-only .hy-slide__content {
  display: none !important;
}

.hy-slide__bottom:empty {
  display: none !important;
}

@media (min-width:1121px) {
  .hy-home--mix .hy-hero {
    padding: 28px;
    border-radius: 34px;
  }
  .hy-home--mix .hy-hero--mix {
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 26px;
  }
  .hy-slideshow__viewport,
  .hy-slide {
    min-height: 440px;
    border-radius: 32px;
  }
  .hy-slide {
    padding: 40px;
  }
  .hy-slide__content {
    width: min(430px,52%);
    padding: 24px 26px;
  }
  .hy-slide h2 {
    font-size: 36px;
  }
  .hy-slide p {
    font-size: 16px;
  }
  .hy-slide--image-only {
    padding: 0;
  }
  .hy-slide--image-only:before {
    background: linear-gradient(90deg,rgba(255,255,255,.015),rgba(255,255,255,0) 54%);
  }
  .hy-slideshow__controls {
    right: 26px;
    bottom: 26px;
  }
  .hy-hero-search-card {
    padding: 24px;
    border-radius: 28px;
  }
}

@media (min-width:1380px) {
  .hy-home--mix .hy-hero--mix {
    grid-template-columns: minmax(0,1fr) 340px;
    gap: 30px;
  }
  .hy-slideshow__viewport,
  .hy-slide {
    min-height: 480px;
  }
  .hy-slide {
    padding: 46px;
  }
  .hy-slide__content {
    width: min(450px,50%);
  }
}

@media (max-width:1120px) and (min-width:721px) {
  .hy-slideshow__viewport,
  .hy-slide {
    min-height: 400px;
  }
  .hy-slide {
    padding: 32px;
  }
}

@media (max-width:720px) {
  .hy-slideshow__viewport,
  .hy-slide {
    min-height: 350px;
  }
}

@media (max-width:480px) {
  .hy-slideshow__viewport,
  .hy-slide {
    min-height: 330px;
  }
}

.hy-home--mix .hy-hero.hy-hero--mix {
  display: block;
  padding: 18px;
  border-radius: 34px;
}

.hy-home--mix .hy-hero__body {
  width: 100%;
}

.hy-home--mix .hy-hero__aside {
  display: none !important;
}

.hy-home--mix .hy-slideshow__viewport,
.hy-home--mix .hy-slide {
  min-height: 560px;
  border-radius: 34px;
}

.hy-home--mix .hy-slide {
  padding: 50px;
}

.hy-home--mix .hy-slide__content {
  width: min(430px,44%);
  padding: 22px 24px;
}

.hy-home--mix .hy-slide h2 {
  font-size: 38px;
}

.hy-home--mix .hy-slide p {
  font-size: 16px;
}

.hy-home--mix .hy-slide--image-only {
  padding: 0;
}

.hy-home--mix .hy-slideshow__controls {
  right: 28px;
  bottom: 28px;
}

.hy-side-search-card {
  margin-top: 16px;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(239,225,234,.95);
  box-shadow: 0 10px 26px rgba(54,31,48,.055);
}

.hy-side-search-card strong {
  display: block;
  margin: 0 0 8px;
  color: #3d3340;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.hy-side-search-card .hy-search,
.hy-search.hy-search--side {
  grid-template-columns: minmax(0,1fr) 64px;
  gap: 6px;
  padding: 6px;
  border-radius: 17px;
  box-shadow: none;
  background: #fff;
}

.hy-side-search-card .hy-search input,
.hy-search.hy-search--side input {
  height: 38px;
  padding: 0 10px;
  font-size: 13px;
}

.hy-side-search-card .hy-search button,
.hy-search.hy-search--side button {
  height: 38px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
}

@media (min-width:1380px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 630px;
  }
  .hy-home--mix .hy-slide {
    padding: 58px;
  }
  .hy-home--mix .hy-slide__content {
    width: min(460px,40%);
  }
}

@media (max-width:1120px) and (min-width:721px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    padding: 16px;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 470px;
  }
  .hy-home--mix .hy-slide {
    padding: 36px;
  }
  .hy-home--mix .hy-slide__content {
    width: min(440px,62%);
  }
}

@media (max-width:720px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    padding: 12px;
    border-radius: 26px;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 390px;
    border-radius: 24px;
  }
  .hy-home--mix .hy-slide {
    padding: 22px 18px 72px;
  }
  .hy-home--mix .hy-slide__content {
    width: min(100%,430px);
    padding: 17px 16px;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: 29px;
  }
}

@media (max-width:480px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 360px;
    border-radius: 22px;
  }
  .hy-home--mix .hy-slide {
    padding: 18px 14px 68px;
  }
  .hy-side-search-card .hy-search,
  .hy-search.hy-search--side {
    grid-template-columns: 1fr;
  }
  .hy-side-search-card .hy-search button,
  .hy-search.hy-search--side button {
    width: 100%;
  }
}

.hy-image-open-safe,
.hy-image-open-safe-img {
  cursor: zoom-in;
}

.hy-image-viewer {
  position: fixed !important;
  inset: 0;
  z-index: 99999 !important;
  display: none !important;
  align-items: center;
  justify-content: center;
  padding: clamp(14px,3vw,34px);
  background: rgba(35,23,32,.74);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.hy-image-viewer.is-open {
  display: flex;
}

body.hy-image-viewer-lock {
  overflow: hidden;
}

.hy-image-viewer img {
  display: block;
  max-width: min(1180px,94vw);
  max-height: 84vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 90px rgba(0,0,0,.34);
}

.hy-image-viewer__close {
  position: fixed !important;
  right: 18px;
  top: 18px;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #4d3444;
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.hy-image-viewer__open {
  position: fixed !important;
  right: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #6d3558;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

@media (max-width:520px) {
  html,body,#hy-wrap,.hy-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .hy-container,
  .hy-sub-container,
  .hy-home .hy-container {
    max-width: 100%;
    min-width: 0;
  }
  .hy-brand {
    max-width: 100%;
    min-width: 0;
  }
  .hy-brand a {
    min-width: 0;
  }
  .hy-brand__text {
    min-width: 0;
  }
  .hy-nav {
    grid-column: 1 / -1;
    order: initial;
  }
  .hy-account__name {
    grid-column: 1 / -1;
    justify-content: center;
    text-align: center;
  }
  .hy-account .hy-account__link,
  .hy-account .hy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 10px;
    border-radius: 14px;
    text-align: center;
  }
  .hy-nav ul {
    grid-template-columns: 1fr;
  }
  .hy-nav a {
    width: 100%;
    text-align: left;
  }
  .hy-home--mix .hy-hero.hy-hero--mix {
    margin-left: -2px;
    margin-right: -2px;
    padding: 10px;
    border-radius: 24px;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 430px;
  }
  .hy-home--mix .hy-slide {
    padding: 18px 14px 76px;
  }
  .hy-home--mix .hy-slide__content {
    width: 100%;
    max-width: 100%;
    padding: 15px 14px;
    border-radius: 20px;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: clamp(25px,7.2vw,32px);
    line-height: 1.15;
  }
  .hy-home--mix .hy-slide p {
    font-size: 14px;
    line-height: 1.62;
  }
  .hy-home--mix .hy-slideshow__controls {
    left: 14px;
    right: 14px;
    bottom: 16px;
    justify-content: space-between;
  }
  .hy-home--mix .hy-slide-dots {
    max-width: 48vw;
    overflow: hidden;
  }
  .hy-layout.hy-layout--mix {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .hy-layout.hy-layout--mix .hy-content-col,
  .hy-layout.hy-layout--mix .hy-side {
    order: initial;
    width: 100%;
    min-width: 0;
  }
  .hy-card,
  .hy-sub-container #bo_v,
  .hy-sub-container #bo_w,
  .hy-sub-container #bo_list,
  .hy-sub-container #bo_gall,
  .hy-sub-container #bo_vc,
  .hy-sub-container #bo_vc_w {
    border-radius: 20px;
  }
  .hy-card__title-row {
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
  }
  .hy-card__title-row h3,
  .hy-card__title-row h2 {
    min-width: 0;
    word-break: keep-all;
  }
  .hy-write-titlebar,
  .hy-write-author-grid,
  .hy-write-grid,
  .hy-write-files-grid {
    grid-template-columns: 1fr;
  }
  .hy-write-guide,
  .hy-write-section,
  .hy-write-field,
  .hy-write-file {
    min-width: 0;
  }
  .hy-write-options {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }
  .hy-write-check {
    width: 100%;
    justify-content: center;
  }
  .hy-write-title-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .hy-autosave-btn {
    width: 100%;
  }
  .hy-write-file-main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .hy-write-file input[type="file"] {
    width: 100%;
    min-width: 0;
  }
  .hy-sub-container table {
    min-width: 0;
  }
  .hy-sub-container .tbl_head01,
  .hy-sub-container .tbl_head02,
  .hy-sub-container .tbl_wrap {
    overflow-x: visible;
  }
  .hy-sub-container input[type="text"],
  .hy-sub-container input[type="password"],
  .hy-sub-container input[type="email"],
  .hy-sub-container input[type="url"],
  .hy-sub-container select,
  .hy-sub-container textarea {
    max-width: 100%;
    min-width: 0;
  }
}

@media (max-width:390px) {
  .hy-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hy-brand__mark {
    width: 36px;
    height: 36px;
    font-size: 17px;
  }
  .hy-brand__text em {
    font-size: 11px;
  }
  .hy-account .hy-account__link,
  .hy-account .hy-btn {
    height: 36px;
    font-size: 12px;
    padding: 0 8px;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 400px;
  }
  .hy-write-options {
    grid-template-columns: 1fr;
  }
  .hy-image-viewer {
    padding: 10px;
  }
  .hy-image-viewer img {
    max-width: 96vw;
    max-height: 78vh;
    border-radius: 18px;
  }
  .hy-image-viewer__close {
    right: 10px;
    top: 10px;
    width: 42px;
    height: 42px;
  }
  .hy-image-viewer__open {
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
  }
}

@media (max-width:360px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-home--mix .hy-slide {
    min-height: 370px;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: 24px;
  }
  .hy-home--mix .hy-slide__content {
    padding: 13px 12px;
  }
  .hy-slide-nav {
    width: 38px;
    height: 38px;
  }
  .hy-card {
    padding: 15px;
  }
}

.hy-actions a.hy-admin-action--home {
  background: linear-gradient(135deg,#fff7fb 0%,#fff 46%,#f7f0ff 100%);
  border-color: #d6b7cb;
  color: #70465f;
}

.hy-actions a.hy-admin-action--home:hover {
  background: linear-gradient(135deg,#fff0f8 0%,#fff 45%,#f1e7ff 100%);
  border-color: #c895b7;
}

.hy-sub-container #bo_v,
.hy-sub-container #bo_w,
.hy-sub-container #bo_list,
.hy-sub-container #bo_gall,
.hy-sub-container #bo_vc,
.hy-sub-container #bo_vc_w,
.hy-sub-container #faq_wrap,
.hy-sub-container #sch_result,
.hy-sub-container #sch_res_detail,
.hy-sub-container #new_sch,
.hy-sub-container #visit,
.hy-sub-container #current_connect {
  border: 1px solid var(--hy-line);
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--hy-shadow-soft);
  padding: 20px;
  overflow: hidden;
}

.hy-sub-container #bo_v_title {
  margin: 0 0 16px;
  padding: 20px 22px;
  border: 1px solid #f0dde8;
  border-radius: 24px;
  background: radial-gradient(circle at 10% 0%,rgba(255,220,236,.72),transparent 35%),
    linear-gradient(180deg,#fffaff,#fff4f9);
  box-shadow: 0 12px 30px rgba(180,116,153,.08);
}

.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title h2 {
  margin: 0;
  color: #281a27;
  font-size: clamp(24px,3.2vw,38px);
  line-height: 1.2;
  letter-spacing: -.06em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid #f0e4ec;
  border-radius: 18px;
  background: #fffafc;
  color: #766b76;
  font-size: 13px;
}

.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong,
.hy-sub-container #bo_v_info .sv_member,
.hy-sub-container .bo_v_info .sv_member {
  color: #7c3c62;
  font-weight: 900;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  color: #2f3137;
  font-size: 16px;
  line-height: 1.85;
}

.hy-sub-container #bo_v_con a,
.hy-sub-container .bo_v_con a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hy-sub-container #bo_v_file,
.hy-sub-container #bo_v_link {
  margin: 16px 0;
  border: 1px solid #f0dde8;
  border-radius: 20px;
  background: #fffafd;
  padding: 12px;
}

.hy-sub-container #bo_v_file h2,
.hy-sub-container #bo_v_link h2 {
  margin: 0 0 8px;
  font-size: 14px;
  color: #7c3c62;
}

.hy-sub-container #bo_v_file a,
.hy-sub-container #bo_v_link a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #f2e2eb;
  text-decoration: none;
  word-break: break-all;
}

.hy-sub-container #bo_v_bot,
.hy-sub-container #bo_btn_bottom {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #f0ebf1;
}

.hy-sub-container #bo_vc h2,
.hy-sub-container #bo_vc_w h2 {
  margin: 0 0 14px;
  font-size: 20px;
  letter-spacing: -.05em;
}

.hy-sub-container #bo_vc article,
.hy-sub-container #bo_vc .cmt_item,
.hy-sub-container #bo_vc .comment,
.hy-sub-container #bo_vc li {
  border-color: #f0e4ec;
}

.hy-sub-container .empty_table:before,
.hy-sub-container .empty_list:before,
.hy-empty:before {
  content: "🌸";
  display: block;
  margin-bottom: 7px;
  font-size: 24px;
}

.hy-sub-container .empty_table,
.hy-sub-container .empty_list,
.hy-empty {
  border-radius: 22px;
  background: linear-gradient(180deg,#fffaff,#fff4f9);
  border: 1px dashed #e8cfe0;
  color: #8f7f8d;
  font-weight: 700;
}

.hy-sub-container #sch_result h2,
.hy-sub-container #sch_res_detail h2,
.hy-sub-container #new_sch h2 {
  margin: 0 0 14px;
  font-size: 24px;
  letter-spacing: -.05em;
}

.hy-sub-container #sch_result .sch_res_list,
.hy-sub-container #sch_res_detail .sch_res_list,
.hy-sub-container .search_board_result,
.hy-sub-container .sch_res_list ul,
.hy-sub-container #new_sch ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hy-sub-container #sch_result li,
.hy-sub-container #sch_res_detail li,
.hy-sub-container .sch_res_list li,
.hy-sub-container #new_sch li {
  border: 1px solid #f0dde8;
  border-radius: 18px;
  background: #fff;
  padding: 14px;
  margin: 10px 0;
  box-shadow: 0 6px 20px rgba(180,116,153,.06);
}

.hy-sub-container #sch_result a,
.hy-sub-container #sch_res_detail a,
.hy-sub-container .sch_res_list a,
.hy-sub-container #new_sch a {
  color: #6f3659;
  font-weight: 850;
  text-decoration: none;
}

.hy-sub-container .sch_word,
.hy-sub-container .search_word,
.hy-sub-container mark {
  display: inline;
  padding: .08em .28em;
  border-radius: .5em;
  background: #ffe1ef;
  color: #b12d72;
}

.hy-actions a.hy-admin-action {
  background: linear-gradient(135deg,#fff7fb 0%,#fff 48%,#f4edff 100%);
  border-color: #dec6d7;
  color: #70465f;
}

.hy-actions a.hy-admin-action:hover {
  background: linear-gradient(135deg,#fff0f8 0%,#fff 48%,#efe5ff 100%);
  border-color: #c895b7;
}

.hy-mobile-bottom-nav {
  display: none;
}

@media (max-width:760px) {
  body {
    padding-bottom: calc(76px + env(safe-area-inset-bottom));
  }
  .hy-mobile-bottom-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 999;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(221,190,210,.85);
    border-radius: 24px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 18px 48px rgba(77,39,62,.22);
    backdrop-filter: blur(18px);
  }
  .hy-mobile-bottom-nav a {
    min-width: 0;
    min-height: 50px;
    display: grid;
    place-items: center;
    gap: 1px;
    color: #705d70;
    text-decoration: none;
    border-radius: 18px;
    font-size: 11px;
    font-weight: 900;
  }
  .hy-mobile-bottom-nav a span {
    font-size: 18px;
    line-height: 1;
  }
  .hy-mobile-bottom-nav a em {
    font-style: normal;
    line-height: 1.1;
    white-space: nowrap;
  }
  .hy-mobile-bottom-nav a.write {
    background: linear-gradient(135deg,#fff0f8,#f0d9ff);
    color: #8b3d6d;
    box-shadow: 0 8px 20px rgba(190,104,159,.18);
  }
  .hy-mobile-bottom-nav a:active {
    transform: translateY(1px);
  }
  .hy-footer {
    padding-bottom: 96px;
  }
  .hy-sub-container #bo_v,
  .hy-sub-container #bo_w,
  .hy-sub-container #bo_list,
  .hy-sub-container #bo_gall,
  .hy-sub-container #bo_vc,
  .hy-sub-container #bo_vc_w,
  .hy-sub-container #faq_wrap,
  .hy-sub-container #sch_result,
  .hy-sub-container #sch_res_detail,
  .hy-sub-container #new_sch {
    padding: 14px;
    border-radius: 22px;
  }
  .hy-sub-container #bo_v_title {
    padding: 16px;
    border-radius: 20px;
  }
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title h2 {
    font-size: 25px;
  }
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    font-size: 12px;
    padding: 10px;
  }
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con {
    font-size: 15px;
    line-height: 1.78;
  }
}

@media (max-width:360px) {
  .hy-mobile-bottom-nav {
    left: 7px;
    right: 7px;
    bottom: calc(7px + env(safe-area-inset-bottom));
    border-radius: 20px;
    padding: 7px;
    gap: 4px;
  }
  .hy-mobile-bottom-nav a {
    min-height: 46px;
    border-radius: 15px;
    font-size: 10px;
  }
  .hy-mobile-bottom-nav a span {
    font-size: 17px;
  }
}

@media (max-width:720px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    padding: 8px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 24px;
    overflow: hidden;
  }
  .hy-home--mix .hy-slideshow {
    gap: 8px;
  }
  .hy-home--mix .hy-slideshow__viewport {
    width: 100%;
    min-height: 0;
    height: clamp(300px,76vw,390px);
    border-radius: 22px;
    overflow: hidden;
    background: #fff5fa;
  }
  .hy-home--mix .hy-slide {
    min-height: 0;
    height: 100%;
    padding: 0;
    border-radius: 22px;
    border: 0;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;
    background-position: center center;
  }
  .hy-home--mix .hy-slide.is-active {
    display: flex;
  }
  .hy-home--mix .hy-slide:before {
    background: linear-gradient(180deg,rgba(30,20,32,.02) 0%,rgba(30,20,32,.00) 42%,rgba(30,20,32,.32) 100%);
  }
  .hy-home--mix .hy-slide:after {
    display: none !important;
  }
  .hy-home--mix .hy-slide__content {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 64px;
    width: auto;
    max-width: none;
    max-height: calc(100% - 86px);
    overflow: hidden;
    padding: 14px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 14px 30px rgba(24,12,22,.18);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
  .hy-home--mix .hy-slide .hy-eyebrow {
    margin-bottom: 7px;
    font-size: 11px;
    letter-spacing: -.02em;
  }
  .hy-home--mix .hy-slide h2 {
    margin: 0 0 7px;
    font-size: clamp(21px,5.9vw,27px);
    line-height: 1.18;
    letter-spacing: -.06em;
    word-break: keep-all;
  }
  .hy-home--mix .hy-slide p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-size: 13.5px;
    line-height: 1.52;
    font-weight: 650;
    word-break: keep-all;
  }
  .hy-home--mix .hy-slide__bottom {
    margin-top: 10px;
    gap: 7px;
  }
  .hy-home--mix .hy-slide__cta {
    height: 34px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 12.5px;
  }
  .hy-home--mix .hy-slide__badge {
    height: 29px;
    padding: 0 10px;
    font-size: 11px;
  }
  .hy-home--mix .hy-slide--image-only {
    padding: 0;
  }
  .hy-home--mix .hy-slide--image-only:before {
    background: linear-gradient(180deg,rgba(0,0,0,.00) 0%,rgba(0,0,0,.00) 68%,rgba(0,0,0,.18) 100%);
  }
  .hy-home--mix .hy-slide--image-only .hy-slide__content {
    display: none !important;
  }
  .hy-home--mix .hy-slideshow__controls {
    left: 50%;
    right: auto;
    bottom: 12px;
    width: auto;
    max-width: calc(100% - 24px);
    min-height: 0;
    padding: 5px 7px;
    gap: 7px;
    justify-content: center;
    transform: translateX(-50%);
    border-radius: 16px;
    background: rgba(255,255,255,.80);
    box-shadow: 0 10px 24px rgba(28,14,26,.18);
  }
  .hy-home--mix .hy-slide-nav {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    font-size: 19px;
    flex: 0 0 auto;
  }
  .hy-home--mix .hy-slide-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 42vw;
    overflow: hidden;
    flex: 0 1 auto;
  }
  .hy-home--mix .hy-slide-dots button {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
  }
  .hy-home--mix .hy-slide-dots button.is-active {
    width: 20px;
  }
}

@media (max-width:430px) {
  .hy-home--mix .hy-slideshow__viewport {
    height: clamp(286px,78vw,350px);
    border-radius: 20px;
  }
  .hy-home--mix .hy-slide {
    border-radius: 20px;
  }
  .hy-home--mix .hy-slide__content {
    left: 10px;
    right: 10px;
    bottom: 58px;
    max-height: calc(100% - 76px);
    padding: 12px 12px;
    border-radius: 16px;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: clamp(20px,6.1vw,25px);
  }
  .hy-home--mix .hy-slide p {
    font-size: 13px;
    line-height: 1.48;
  }
  .hy-home--mix .hy-slideshow__controls {
    bottom: 10px;
    padding: 5px 6px;
  }
  .hy-home--mix .hy-slide-nav {
    width: 30px;
    height: 30px;
  }
}

@media (max-width:374px) {
  .hy-home--mix .hy-slideshow__viewport {
    height: 292px;
  }
  .hy-home--mix .hy-slide__content {
    bottom: 54px;
    padding: 11px;
  }
  .hy-home--mix .hy-slide .hy-eyebrow {
    display: none !important;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .hy-home--mix .hy-slide p {
    -webkit-line-clamp: 2;
    font-size: 12.5px;
  }
  .hy-home--mix .hy-slide__bottom {
    margin-top: 8px;
  }
  .hy-home--mix .hy-slide__cta {
    height: 32px;
  }
  .hy-home--mix .hy-slide__badge {
    display: none !important;
  }
}

.hy-sub-container #bo_v_title,
.hy-sub-container .bo_v_title {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-height: 0;
  margin: 0 0 14px;
  padding: 4px 2px 16px;
  border: 0;
  border-bottom: 1px solid #f0e4ec;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_v_title:before,
.hy-sub-container .bo_v_title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 54px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg,#e9a9cd,#f2d7e7);
}

.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title h2,
.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container .bo_v_title h1,
.hy-sub-container .bo_v_title h2,
.hy-sub-container .bo_v_title .bo_v_tit {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #24202a;
  font-size: clamp(26px,3vw,38px);
  line-height: 1.22;
  letter-spacing: -.065em;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-shadow: none;
}

.hy-sub-container #bo_v_title .btn_bo_user,
.hy-sub-container .bo_v_title .btn_bo_user {
  position: relative;
  top: auto;
  right: auto;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  justify-content: flex-end;
}

.hy-sub-container #bo_v_title .btn_bo_user a,
.hy-sub-container #bo_v_title .btn_bo_user button,
.hy-sub-container .bo_v_title .btn_bo_user a,
.hy-sub-container .bo_v_title .btn_bo_user button {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  border-radius: 14px;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  margin: 0 0 18px;
  border-radius: 18px;
}

@media (max-width:720px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    width: 100%;
    margin: 0;
    padding: 8px;
    border-radius: 24px;
    background: linear-gradient(180deg,#fff 0%,#fff6fb 100%);
    overflow: hidden;
  }
  .hy-home--mix .hy-hero__body,
  .hy-home--mix .hy-slideshow {
    width: 100%;
    min-width: 0;
  }
  .hy-home--mix .hy-slideshow__viewport {
    position: relative;
    width: 100%;
    min-height: 0;
    height: clamp(360px,104vw,500px);
    border-radius: 22px;
    overflow: hidden;
    background: #fff3f9;
    box-shadow: 0 16px 36px rgba(64,34,55,.12);
  }
  .hy-home--mix .hy-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 22px;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;
    background-position: center top;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide.is-active {
    display: flex;
  }
  .hy-home--mix .hy-slide:before {
    background: linear-gradient(180deg,rgba(255,255,255,.00) 0%,rgba(255,255,255,.05) 45%,rgba(36,20,32,.38) 100%);
  }
  .hy-home--mix .hy-slide:after {
    display: none !important;
  }
  .hy-home--mix .hy-slide__content {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 58px;
    width: auto;
    max-width: none;
    max-height: 46%;
    overflow: hidden;
    padding: 14px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: 0 16px 34px rgba(26,13,24,.18);
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
  }
  .hy-home--mix .hy-slide .hy-eyebrow {
    display: inline-flex;
    height: 26px;
    margin: 0 0 7px;
    padding: 0 10px;
    font-size: 10.5px;
    line-height: 26px;
  }
  .hy-home--mix .hy-slide h2 {
    margin: 0 0 7px;
    font-size: clamp(22px,6.4vw,30px);
    line-height: 1.15;
    letter-spacing: -.07em;
    word-break: keep-all;
  }
  .hy-home--mix .hy-slide p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    color: #5d5560;
    font-size: 13.5px;
    line-height: 1.52;
    font-weight: 650;
  }
  .hy-home--mix .hy-slide__bottom {
    margin-top: 10px;
    gap: 7px;
  }
  .hy-home--mix .hy-slide__cta {
    height: 34px;
    padding: 0 12px;
    border-radius: 13px;
    font-size: 12.5px;
  }
  .hy-home--mix .hy-slide__badge {
    height: 28px;
    padding: 0 9px;
    font-size: 10.5px;
  }
  .hy-home--mix .hy-slide--image-only .hy-slide__content {
    display: none !important;
  }
  .hy-home--mix .hy-slide--image-only:before {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,.18) 100%);
  }
  .hy-home--mix .hy-slideshow__controls {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 12px;
    transform: translateX(-50%);
    width: auto;
    max-width: calc(100% - 24px);
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 5px 7px;
    border-radius: 16px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 12px 28px rgba(28,14,26,.16);
  }
  .hy-home--mix .hy-slide-nav {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 12px;
    font-size: 19px;
  }
  .hy-home--mix .hy-slide-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 44vw;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide-dots button {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
  }
  .hy-home--mix .hy-slide-dots button.is-active {
    width: 20px;
  }
  .hy-sub-container #bo_v_title,
  .hy-sub-container .bo_v_title {
    gap: 10px;
    margin-bottom: 12px;
    padding: 2px 0 14px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title h2,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container .bo_v_title h2,
  .hy-sub-container .bo_v_title .bo_v_tit {
    font-size: clamp(24px,7vw,32px);
    line-height: 1.18;
  }
}

@media (max-width:430px) {
  .hy-home--mix .hy-slideshow__viewport {
    height: clamp(330px,103vw,430px);
    border-radius: 20px;
  }
  .hy-home--mix .hy-slide {
    border-radius: 20px;
  }
  .hy-home--mix .hy-slide__content {
    left: 10px;
    right: 10px;
    bottom: 56px;
    max-height: 48%;
    padding: 12px;
    border-radius: 16px;
  }
  .hy-home--mix .hy-slide .hy-eyebrow {
    height: 24px;
    line-height: 24px;
    font-size: 10px;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: clamp(21px,6.6vw,27px);
  }
  .hy-home--mix .hy-slide p {
    font-size: 13px;
    line-height: 1.46;
  }
  .hy-home--mix .hy-slideshow__controls {
    bottom: 10px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title h2,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container .bo_v_title h2,
  .hy-sub-container .bo_v_title .bo_v_tit {
    font-size: 25px;
  }
}

@media (max-width:374px) {
  .hy-home--mix .hy-slideshow__viewport {
    height: 338px;
  }
  .hy-home--mix .hy-slide__content {
    bottom: 52px;
    padding: 11px;
  }
  .hy-home--mix .hy-slide .hy-eyebrow,
  .hy-home--mix .hy-slide__badge {
    display: none !important;
  }
  .hy-home--mix .hy-slide h2 {
    margin-bottom: 5px;
    font-size: 21px;
  }
  .hy-home--mix .hy-slide p {
    font-size: 12.5px;
  }
  .hy-home--mix .hy-slide__cta {
    height: 32px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title h2,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container .bo_v_title h2,
  .hy-sub-container .bo_v_title .bo_v_tit {
    font-size: 23px;
  }
}

body.hy-write-picker-lock {
  overflow: hidden;
}

.hy-write-picker {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: transparent;
}

.hy-write-picker.is-open {
  display: flex;
}

.hy-write-picker__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(37,26,35,.34);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hy-write-picker__panel {
  position: relative;
  z-index: 1;
  width: min(720px,calc(100vw - 32px));
  max-height: min(760px,calc(100vh - 48px));
  overflow: auto;
  border: 1px solid rgba(238,202,224,.94);
  border-radius: 30px;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,247,252,.97));
  box-shadow: 0 30px 90px rgba(134,74,108,.26);
  padding: 26px;
  outline: none;
  animation: hyWritePickerIn .22s ease both;
}

@keyframes hyWritePickerIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.hy-write-picker__close {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border: 1px solid #efd8e6;
  background: #fff;
  color: #9a5577;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(134,74,108,.1);
  cursor: pointer;
}

.hy-write-picker__close:hover {
  background: #fff2f8;
  color: #d84483;
}

.hy-write-picker__head {
  padding: 4px 54px 18px 4px;
  border-bottom: 1px solid #f2e2eb;
  margin-bottom: 16px;
}

.hy-write-picker__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff0f7;
  border: 1px solid #f3d5e5;
  color: #d84483;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
}

.hy-write-picker__eyebrow:before {
  content: "✍️";
  letter-spacing: 0;
}

.hy-write-picker__head h2 {
  margin: 0;
  color: #22222c;
  font-size: clamp(24px,3.3vw,34px);
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: 1.15;
}

.hy-write-picker__head p {
  margin: 10px 0 0;
  color: #736b78;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
}

.hy-write-picker__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.hy-write-picker__item {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 78px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid #f0deea;
  background: #fff;
  color: #413544;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(134,74,108,.07);
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}

.hy-write-picker__item:hover {
  transform: translateY(-2px);
  border-color: #efbfd7;
  background: #fff7fb;
  box-shadow: 0 16px 34px rgba(134,74,108,.13);
}

.hy-write-picker__item:focus-visible {
  outline: 3px solid rgba(232,77,139,.25);
  outline-offset: 2px;
}

.hy-write-picker__item.is-notice {
  background: linear-gradient(135deg,#fff6fb,#fff);
  border-style: dashed;
}

.hy-write-picker__icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(135deg,#fff0f7,#fff);
  border: 1px solid #f1d8e6;
  font-size: 20px;
  box-shadow: inset 0 -6px 12px rgba(232,77,139,.04);
}

.hy-write-picker__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hy-write-picker__text strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2f2d38;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.025em;
}

.hy-write-picker__text em {
  font-style: normal;
  color: #9a7188;
  font-size: 12px;
  font-weight: 800;
}

.hy-write-picker__item>i {
  margin-left: auto;
  color: #d84483;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.hy-write-picker__foot {
  margin-top: 16px;
  padding: 13px 15px;
  border-radius: 18px;
  background: #fff7fb;
  border: 1px solid #f1ddea;
  color: #84687b;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.hy-actions [data-hy-write-picker-open] {
  cursor: pointer;
}

@media (max-width:680px) {
  .hy-write-picker {
    padding: 14px;
    align-items: flex-end;
  }
  .hy-write-picker__panel {
    width: 100%;
    max-height: calc(100vh - 28px);
    border-radius: 26px 26px 20px 20px;
    padding: 20px 16px 16px;
  }
  .hy-write-picker__head {
    padding-right: 48px;
    margin-bottom: 14px;
  }
  .hy-write-picker__head h2 {
    font-size: 24px;
  }
  .hy-write-picker__grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .hy-write-picker__item {
    min-height: 68px;
    border-radius: 19px;
    padding: 12px;
  }
  .hy-write-picker__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 14px;
    font-size: 18px;
  }
  .hy-write-picker__close {
    right: 14px;
    top: 14px;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    font-size: 23px;
  }
  .hy-write-picker__foot {
    font-size: 11px;
  }
}

.hy-wrap,
.hy-wrap * {
  box-sizing: border-box;
}

.hy-main--sub {
  padding: 24px 0 72px;
  background: linear-gradient(180deg,#fff 0%,#fff9fc 100%);
}

.hy-sub-container img {
  max-width: 100%;
  height: auto;
}

.hy-sub-container a {
  word-break: keep-all;
}

.hy-sub-container .btn,
.hy-sub-container .btn_b01,
.hy-sub-container .btn_b02,
.hy-sub-container .btn_admin,
.hy-sub-container a.btn_b01,
.hy-sub-container a.btn_b02,
.hy-sub-container button.btn_b01,
.hy-sub-container button.btn_b02,
.hy-sub-container input.btn_b01,
.hy-sub-container input.btn_b02,
.hy-sub-container input.btn_submit,
.hy-sub-container button.btn_submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 14px;
  margin: 0;
  border: 1px solid #efd8e7;
  border-radius: 16px;
  background: #fff;
  color: #724762;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(105,55,85,.07);
  vertical-align: middle;
  float: none;
}

.hy-sub-container input.btn_submit,
.hy-sub-container button.btn_submit,
.hy-sub-container .btn_b02 {
  background: linear-gradient(135deg,#ffe7f4 0%,#f5c9df 100%);
  color: #6f3357;
  border-color: #efc9dc;
}

.hy-sub-container .btn:hover,
.hy-sub-container .btn_b01:hover,
.hy-sub-container .btn_b02:hover,
.hy-sub-container .btn_admin:hover,
.hy-sub-container input.btn_submit:hover,
.hy-sub-container button.btn_submit:hover {
  transform: translateY(-1px);
  filter: brightness(1.01);
}

.hy-sub-container .btn i,
.hy-sub-container .btn .fa,
.hy-sub-container .btn_b01 i,
.hy-sub-container .btn_b02 i,
.hy-sub-container .btn_admin i {
  color: inherit;
  line-height: 1;
  margin: 0;
}

.hy-sub-container #bo_btn_top,
.hy-sub-container #bo_btn_bottom,
.hy-sub-container #bo_v_top,
.hy-sub-container #bo_v_bot,
.hy-sub-container .bo_fx,
.hy-sub-container .bo_v_com,
.hy-sub-container .bo_v_left,
.hy-sub-container .write_btn_wrap,
.hy-sub-container .btn_confirm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 14px 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  clear: both;
  position: relative;
  min-height: 0;
}

.hy-sub-container #bo_v_top,
.hy-sub-container #bo_v_bot,
.hy-sub-container #bo_btn_bottom {
  justify-content: flex-end;
}

.hy-sub-container .btn_bo_user,
.hy-sub-container ul.btn_bo_user,
.hy-sub-container .bo_v_com ul,
.hy-sub-container .bo_v_left ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  position: relative;
}

.hy-sub-container .btn_bo_user > li,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button,
.hy-sub-container .bo_v_com li,
.hy-sub-container .bo_v_left li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  position: relative;
  width: auto;
  height: auto;
  min-width: 0;
}

.hy-sub-container .btn_bo_user > li > a,
.hy-sub-container .btn_bo_user > li > button,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button,
.hy-sub-container .bo_v_com > li > a,
.hy-sub-container .bo_v_com > li > button,
.hy-sub-container .bo_v_left > li > a,
.hy-sub-container .bo_v_left > li > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-width: 38px;
  max-width: 100%;
  height: 38px;
  padding: 0 13px;
  margin: 0;
  border: 1px solid #efd8e7;
  border-radius: 15px;
  background: #fff;
  color: #6f4764;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(105,55,85,.07);
  overflow: visible;
  text-indent: 0;
  float: none;
  position: relative;
}

.hy-sub-container .btn_bo_user .sound_only {
  position: static !important;
  display: inline !important;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible;
  font-size: 0;
}

.hy-sub-container .btn_bo_user .sound_only::after {
  font-size: 13px;
}

.hy-sub-container .more_opt,
.hy-sub-container .bo_v_option,
.hy-sub-container .bo_v_opt {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 50 !important;
  width: 156px;
  min-width: 156px;
  padding: 8px;
  margin: 0;
  border: 1px solid #efd8e7;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(75,45,65,.16);
  list-style: none;
  text-align: left;
}

.hy-sub-container .more_opt:not(.show):not(.on):not(.is-open):not([style*="display: block"]):not([style*="display:block"]),
.hy-sub-container .bo_v_option:not(.show):not(.on):not(.is-open):not([style*="display: block"]):not([style*="display:block"]),
.hy-sub-container .bo_v_opt:not(.show):not(.on):not(.is-open):not([style*="display: block"]):not([style*="display:block"]) {
  display: none !important;
}

.hy-sub-container .more_opt li,
.hy-sub-container .bo_v_option li,
.hy-sub-container .bo_v_opt li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  float: none;
}

.hy-sub-container .more_opt a,
.hy-sub-container .more_opt button,
.hy-sub-container .bo_v_option a,
.hy-sub-container .bo_v_option button,
.hy-sub-container .bo_v_opt a,
.hy-sub-container .bo_v_opt button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 34px;
  padding: 0 9px;
  border-radius: 11px;
  border: 0;
  background: transparent;
  color: #67445e;
  font-size: 13px;
  font-weight: 800;
  box-shadow: none;
  text-align: left;
}

.hy-sub-container .more_opt a:hover,
.hy-sub-container .more_opt button:hover,
.hy-sub-container .bo_v_option a:hover,
.hy-sub-container .bo_v_option button:hover,
.hy-sub-container .bo_v_opt a:hover,
.hy-sub-container .bo_v_opt button:hover {
  background: #fff3f9;
  color: #ba4c7c;
}

.hy-sub-container #bo_v,
.hy-sub-container .bo_v {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 28px;
  padding: 28px;
  border: 1px solid #efe1ea;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(75,45,65,.06);
  overflow: visible;
}

.hy-sub-container #bo_v_title {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 17px;
  border-bottom: 2px solid #f1dce8;
  background: transparent;
  position: relative;
  overflow: visible;
}

.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title h2,
.hy-sub-container #bo_v_title strong {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  font-size: clamp(25px,3.2vw,38px);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -.04em;
  color: #111827;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  overflow: visible;
  text-overflow: clip;
  background: transparent;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  display: flex;
  align-items: center;
  gap: 9px 14px;
  flex-wrap: wrap;
  width: 100%;
  margin: 16px 0 0;
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid #f2e5ee;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  min-height: 0;
  color: #7d5a72;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  overflow: visible;
}

.hy-sub-container #bo_v_info .profile_img,
.hy-sub-container .bo_v_info .profile_img,
.hy-sub-container #bo_v_info img,
.hy-sub-container .bo_v_info img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 8px;
  flex: 0 0 auto;
  background: #f2eef2;
}

.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong,
.hy-sub-container #bo_v_info .sv_wrap,
.hy-sub-container .bo_v_info .sv_wrap {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  line-height: 1.35;
  color: #6e3159;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 28px 0;
  border: 0;
  background: transparent;
  min-height: 80px;
  line-height: 1.85;
  color: #1f2937;
  font-size: 16px;
  overflow: visible;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_img,
.hy-sub-container .bo_v_img {
  width: 100%;
  margin: 18px 0;
  text-align: center;
  overflow: visible;
}

.hy-sub-container #bo_v_img img,
.hy-sub-container .bo_v_img img,
.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 12px auto;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(45,38,50,.08);
}

.hy-sub-container #bo_v_act,
.hy-sub-container .bo_v_act {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin: 22px 0;
  padding: 18px 0;
  border-top: 1px solid #f3e5ee;
  border-bottom: 1px solid #f3e5ee;
  background: transparent;
}

.hy-sub-container #bo_v_act a,
.hy-sub-container #bo_v_act button,
.hy-sub-container .bo_v_act a,
.hy-sub-container .bo_v_act button {
  min-width: 56px;
  height: 42px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #eadbe5;
  color: #6e4762;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(105,55,85,.06);
}

.hy-sub-container .bo_v_nb,
.hy-sub-container #bo_v_nb {
  width: 100%;
  margin: 18px 0;
  padding: 0;
  border: 0;
  background: transparent;
  list-style: none;
}

.hy-sub-container .bo_v_nb li,
.hy-sub-container #bo_v_nb li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 8px 0;
  padding: 0 14px;
  border: 1px solid #f0dfe9;
  border-radius: 16px;
  background: #fff;
  color: #6b5a67;
  overflow: hidden;
}

.hy-sub-container .bo_v_nb a,
.hy-sub-container #bo_v_nb a {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5f3c55;
  font-weight: 800;
  text-decoration: none;
}

.hy-sub-container #bo_vc,
.hy-sub-container .bo_vc {
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}

.hy-sub-container #bo_vc h2 {
  display: block;
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 2px solid #f1dce8;
  font-size: 20px;
  font-weight: 900;
  color: #111827;
}

.hy-sub-container #bo_vc article,
.hy-sub-container .cmt_contents,
.hy-sub-container .bo_vc_act,
.hy-sub-container .comment-item {
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

.hy-sub-container #bo_vc article,
.hy-sub-container .bo_vc article,
.hy-sub-container #bo_vc .cmt_wrap {
  display: block;
  position: relative;
  margin: 10px 0;
  padding: 18px 18px 18px 72px;
  min-height: 76px;
  border: 1px solid #f0dfe9;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(75,45,65,.04);
}

.hy-sub-container #bo_vc .profile_img,
.hy-sub-container #bo_vc img.avatar,
.hy-sub-container #bo_vc article > img:first-child {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2eef2;
  margin: 0;
}

.hy-sub-container #bo_vc header,
.hy-sub-container #bo_vc .member,
.hy-sub-container #bo_vc .sv_wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  margin: 0 0 6px;
  color: #6e3159;
  font-weight: 900;
  line-height: 1.35;
  white-space: normal;
}

.hy-sub-container #bo_vc p,
.hy-sub-container #bo_vc .cmt_contents {
  margin: 6px 0 0;
  line-height: 1.7;
  color: #1f2937;
  font-size: 15px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container .hy-empty-comment-slot {
  display: none !important;
}

.hy-sub-container #bo_vc_w,
.hy-sub-container .bo_vc_w,
.hy-sub-container #fviewcomment,
.hy-sub-container #fwrite {
  width: 100%;
  max-width: 100%;
  margin: 18px 0;
  padding: 20px;
  border: 1px solid #efdde8;
  border-radius: 22px;
  background: #fffaff;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container textarea,
.hy-sub-container input[type="text"],
.hy-sub-container input[type="password"],
.hy-sub-container input[type="email"],
.hy-sub-container input[type="url"],
.hy-sub-container select {
  max-width: 100%;
  border: 1px solid #eadbe5;
  border-radius: 14px;
  background: #fff;
  color: #1f2937;
  box-shadow: none;
  outline: none;
}

.hy-sub-container textarea:focus,
.hy-sub-container input[type="text"]:focus,
.hy-sub-container input[type="password"]:focus,
.hy-sub-container input[type="email"]:focus,
.hy-sub-container input[type="url"]:focus {
  border-color: #e9b8d0;
  box-shadow: 0 0 0 4px rgba(241,187,213,.22);
}

.hy-sub-container textarea {
  display: block;
  width: 100%;
  min-height: 120px;
  padding: 14px;
  line-height: 1.65;
  resize: vertical;
}

.hy-sub-container #captcha,
.hy-sub-container .captcha,
.hy-sub-container fieldset#captcha,
.hy-sub-container .captcha_box {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 10px 0;
  padding: 14px;
  border: 1px solid #efdde8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(105,55,85,.045);
  min-height: 0;
  overflow: visible;
}

.hy-sub-container #captcha legend,
.hy-sub-container .captcha legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}

.hy-sub-container #captcha_img,
.hy-sub-container #captcha img,
.hy-sub-container .captcha img {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 132px;
  height: 42px;
  min-height: 42px;
  margin: 0;
  border: 1px solid #e8dbe5;
  border-radius: 8px;
  background: #fff;
  object-fit: contain;
  box-shadow: none;
}

.hy-sub-container #captcha_key,
.hy-sub-container input[name="captcha_key"] {
  flex: 0 1 220px;
  width: 220px;
  max-width: 100%;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0 13px;
  border: 1px solid #f0bfd7;
  border-radius: 14px;
  background: #fff;
  color: #111827;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 42px;
  box-shadow: none;
}

.hy-sub-container #captcha_mp3,
.hy-sub-container #captcha_reload,
.hy-sub-container .captcha button,
.hy-sub-container button[id*="captcha"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid #e8c8da;
  border-radius: 13px;
  background: linear-gradient(180deg,#fff 0%,#fff3f9 100%);
  color: #6e3159;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  text-indent: 0;
  box-shadow: 0 8px 18px rgba(105,55,85,.08);
  opacity: 1;
  filter: none;
  overflow: hidden;
}

.hy-sub-container #captcha_mp3 i,
.hy-sub-container #captcha_reload i,
.hy-sub-container .captcha button i,
.hy-sub-container #captcha_mp3 .fa,
.hy-sub-container #captcha_reload .fa {
  color: #6e3159;
  font-size: 17px;
  line-height: 1;
  opacity: 1;
  filter: none;
}

.hy-sub-container #captcha_info,
.hy-sub-container .captcha_info {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  margin: 2px 0 0;
  color: #7e7080;
  font-size: 13px;
  line-height: 1.45;
}

.hy-sub-container #bo_list,
.hy-sub-container .tbl_head01,
.hy-sub-container form#fboardlist {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: auto;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #efdfeb;
  box-shadow: 0 12px 34px rgba(75,45,65,.045);
}

.hy-sub-container #bo_list table,
.hy-sub-container .tbl_head01 table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  background: #fff;
}

.hy-sub-container #bo_list th,
.hy-sub-container .tbl_head01 th {
  height: 48px;
  padding: 12px 10px;
  background: #fff7fb;
  color: #5c4358;
  font-size: 13px;
  font-weight: 900;
  border-bottom: 1px solid #efdfeb;
  white-space: nowrap;
  text-align: center;
}

.hy-sub-container #bo_list td,
.hy-sub-container .tbl_head01 td {
  padding: 12px 10px;
  border-bottom: 1px solid #f3e8ef;
  vertical-align: middle;
  color: #273142;
  font-size: 14px;
  line-height: 1.45;
  background: #fff;
}

.hy-sub-container #bo_list tr:last-child td,
.hy-sub-container .tbl_head01 tr:last-child td {
  border-bottom: 0;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container .tbl_head01 .td_subject {
  text-align: left;
  min-width: 260px;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_list .bo_tit a,
.hy-sub-container .tbl_head01 .bo_tit a {
  display: inline;
  color: #1f2937;
  font-weight: 900;
  line-height: 1.5;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.hy-sub-container #bo_list .td_name,
.hy-sub-container #bo_list .td_date,
.hy-sub-container #bo_list .td_datetime,
.hy-sub-container #bo_list .td_num,
.hy-sub-container #bo_list .td_hit,
.hy-sub-container #bo_list .td_good {
  white-space: nowrap;
  text-align: center;
  color: #6d5b69;
}

.hy-home .hy-hero {
  width: 100%;
  margin-bottom: 22px;
}

.hy-home .hy-slideshow {
  width: 100%;
  min-width: 0;
  border-radius: 30px;
  overflow: hidden;
}

.hy-home .hy-slideshow__viewport {
  min-height: clamp(420px,37vw,620px);
  border-radius: 28px;
  overflow: hidden;
}

.hy-home .hy-slide {
  min-height: clamp(420px,37vw,620px);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: clamp(30px,4vw,54px);
}

.hy-home .hy-slide__content {
  width: min(540px,52%);
  max-width: calc(100% - 32px);
  padding: clamp(22px,3vw,36px);
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(55,35,45,.12);
  border: 1px solid rgba(255,255,255,.75);
}

.hy-home .hy-slide__content h2 {
  font-size: clamp(32px,4vw,56px);
  line-height: 1.08;
  letter-spacing: -.06em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-home .hy-slide__content p {
  font-size: clamp(15px,1.28vw,18px);
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-home .hy-actions,
.hy-home .hy-actions--member {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.hy-home .hy-actions a,
.hy-home .hy-actions--member a,
.hy-home .hy-card__title-row a,
.hy-home .hy-board-box__head a,
.hy-home .hy-main-list header a,
.hy-home .hy-notice-bar header a,
.hy-home .hy-gallery-block header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
  margin: 0;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid #efdde8;
  background: #fff;
  color: #6f4764;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(105,55,85,.06);
}

.hy-home .hy-actions a.primary,
.hy-home .hy-actions--member a.primary {
  background: linear-gradient(135deg,#ffe7f4,#f5c9df);
  color: #6f3357;
}

.hy-home .hy-board-box-grid.hy-board-box-grid--mix {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

.hy-home .hy-board-box {
  min-width: 0;
  padding: 16px;
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
}

.hy-home .hy-board-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f2e4ed;
}

.hy-home .hy-board-box__head h4 {
  min-width: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.35;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-home .hy-latest,
.hy-home .hy-latest li {
  min-width: 0;
  max-width: 100%;
}

.hy-home .hy-latest a {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  text-decoration: none;
  overflow: hidden;
}

.hy-home .hy-latest strong {
  display: block;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.45;
  overflow: visible;
  text-overflow: clip;
  color: #1f2937;
}

.hy-home .hy-latest-meta {
  display: block;
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
  color: #8e7f8c;
  line-height: 1.35;
  white-space: normal;
  text-align: left;
}

.hy-home .hy-notice-bar {
  background: linear-gradient(180deg,#fff 0%,#fff8fc 100%);
}

.hy-home .hy-main-list header h3 span[aria-hidden="true"] {
  filter: none;
}

@media (max-width:980px) {
  .hy-home .hy-layout,.hy-home .hy-layout--mix {
    grid-template-columns: 1fr;
  }
  .hy-home .hy-side {
    order: 2;
  }
  .hy-home .hy-content-col {
    order: 1;
  }
  .hy-home .hy-board-box-grid.hy-board-box-grid--mix {
    grid-template-columns: 1fr;
  }
  .hy-home .hy-slideshow__viewport,.hy-home .hy-slide {
    min-height: clamp(330px,62vw,520px);
  }
  .hy-home .hy-slide {
    align-items: flex-end;
    padding: 18px;
  }
  .hy-home .hy-slide__content {
    width: 100%;
    max-width: 100%;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.76);
  }
  .hy-home .hy-slide__content h2 {
    font-size: clamp(26px,7vw,40px);
  }
  .hy-sub-container #bo_list table,.hy-sub-container .tbl_head01 table {
    min-width: 680px;
  }
}

@media (max-width:640px) {
  .hy-main--sub {
    padding-top: 14px;
  }
  .hy-sub-container #bo_v,.hy-sub-container .bo_v {
    padding: 18px;
    border-radius: 22px;
  }
  .hy-sub-container #bo_v_title .bo_v_tit,.hy-sub-container #bo_v_title h1,.hy-sub-container #bo_v_title h2 {
    font-size: 26px;
  }
  .hy-sub-container #bo_v_info,.hy-sub-container .bo_v_info {
    gap: 6px 10px;
    font-size: 13px;
  }
  .hy-sub-container #bo_v_top,.hy-sub-container #bo_v_bot,.hy-sub-container #bo_btn_bottom,.hy-sub-container .bo_fx,.hy-sub-container .btn_confirm {
    justify-content: flex-start;
    gap: 7px;
  }
  .hy-sub-container .btn_bo_user {
    justify-content: flex-start;
    gap: 7px;
  }
  .hy-sub-container .btn_bo_user > li > a,.hy-sub-container .btn_bo_user > li > button,.hy-sub-container .btn_bo_user > a,.hy-sub-container .btn_bo_user > button {
    height: 36px;
    min-width: 36px;
    padding: 0 11px;
    font-size: 12px;
    border-radius: 14px;
  }
  .hy-sub-container #bo_vc article,.hy-sub-container .bo_vc article,.hy-sub-container #bo_vc .cmt_wrap {
    padding: 16px 14px 16px 62px;
  }
  .hy-sub-container #bo_vc .profile_img,.hy-sub-container #bo_vc img.avatar,.hy-sub-container #bo_vc article > img:first-child {
    left: 14px;
    top: 16px;
    width: 36px;
    height: 36px;
  }
  .hy-sub-container #captcha,.hy-sub-container .captcha,.hy-sub-container fieldset#captcha {
    align-items: center;
    padding: 12px;
    gap: 8px;
  }
  .hy-sub-container #captcha_key,.hy-sub-container input[name="captcha_key"] {
    flex: 1 1 calc(100% - 150px);
    width: auto;
    min-width: 128px;
  }
  .hy-sub-container #captcha_img,.hy-sub-container #captcha img,.hy-sub-container .captcha img {
    max-width: 116px;
    height: 40px;
    min-height: 40px;
  }
  .hy-sub-container #captcha_mp3,.hy-sub-container #captcha_reload,.hy-sub-container .captcha button,.hy-sub-container button[id*="captcha"] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-basis: 40px;
  }
  .hy-home .hy-slideshow__viewport,.hy-home .hy-slide {
    min-height: 320px;
  }
  .hy-home .hy-slide__content {
    padding: 16px;
  }
  .hy-home .hy-slide__content p {
    font-size: 14px;
    line-height: 1.6;
  }
  .hy-home .hy-actions,.hy-home .hy-actions--member {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .hy-home .hy-actions a,.hy-home .hy-actions--member a {
    width: 100%;
  }
}

@media (max-width:420px) {
  .hy-sub-container #captcha_key,.hy-sub-container input[name="captcha_key"] {
    flex: 1 1 100%;
    width: 100%;
    order: 2;
  }
  .hy-sub-container #captcha_info,.hy-sub-container .captcha_info {
    order: 3;
  }
  .hy-home .hy-slide__content h2 {
    font-size: 24px;
  }
}

.hy-sub-container .sound_only,
.hy-sub-container .blind,
.hy-sub-container #bo_vc .sound_only,
.hy-sub-container #bo_vc article h2,
.hy-sub-container #bo_vc article .sound_only,
.hy-sub-container textarea[style*="display:none"],
.hy-sub-container textarea[style*="display: none"],
.hy-sub-container textarea[id^="save_comment_"] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap;
  border: 0;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.hy-sub-container #bo_vc_w,
.hy-sub-container form#fviewcomment {
  position: relative;
  width: 100%;
  height: auto;
  margin: 18px 0 0;
  padding: 18px;
  overflow: visible;
  clip: auto;
  display: block;
  opacity: 1;
  visibility: visible;
  border: 1px solid #efdde8;
  border-radius: 20px;
  background: #fffaff;
}

.hy-sub-container #bo_v,
.hy-sub-container .bo_v {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 24px;
  border: 1px solid #eee1e9;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(27,31,45,.045);
  overflow: visible;
}

.hy-sub-container #bo_v_top,
.hy-sub-container #bo_v_bot,
.hy-sub-container #bo_btn_top,
.hy-sub-container #bo_btn_bottom,
.hy-sub-container .bo_v_com,
.hy-sub-container .bo_fx {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  clear: both;
}

.hy-sub-container #bo_v_bot,
.hy-sub-container #bo_btn_bottom {
  margin: 18px 0 0;
  justify-content: flex-end;
}

.hy-sub-container .btn_bo_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  float: none;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  list-style: none;
}

.hy-sub-container .btn_bo_user > li,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button {
  position: relative;
  float: none;
  margin: 0;
  list-style: none;
  background: transparent;
}

.hy-sub-container .btn_bo_user > li > a,
.hy-sub-container .btn_bo_user > li > button,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button,
.hy-sub-container #bo_v_top a,
.hy-sub-container #bo_v_top button,
.hy-sub-container #bo_v_bot a,
.hy-sub-container #bo_v_bot button,
.hy-sub-container .bo_fx a,
.hy-sub-container .bo_fx button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0 13px;
  margin: 0;
  border: 1px solid #eadbe5;
  border-radius: 14px;
  background: #fff;
  color: #68445e;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(105,55,85,.055);
  white-space: nowrap;
  vertical-align: middle;
}

.hy-sub-container #bo_v_title {
  display: block;
  clear: both;
  position: relative;
  width: 100%;
  margin: 0 0 14px;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 2px solid #f0dfea;
  background: transparent;
  overflow: visible;
}

.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title h2,
.hy-sub-container #bo_v_title strong {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-size: clamp(24px,2.6vw,36px);
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.045em;
  color: #111827;
  background: transparent;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 20px;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #f1e4ec;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #6f5267;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 24px 0;
  min-height: 0;
  border: 0;
  background: transparent;
  font-size: 16px;
  line-height: 1.85;
  color: #1f2937;
  word-break: keep-all;
  overflow-wrap: anywhere;
  overflow: visible;
}

.hy-sub-container #bo_v_atc:empty,
.hy-sub-container #bo_v_con:empty {
  display: none !important;
}

.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img,
.hy-sub-container #bo_v_img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 14px auto;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(31,41,55,.08);
}

.hy-sub-container .bo_v_option,
.hy-sub-container .bo_v_opt,
.hy-sub-container .btn_bo_user .bo_v_option,
.hy-sub-container .btn_bo_user .bo_v_opt {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  left: auto;
  width: 160px;
  min-width: 160px;
  max-width: calc(100vw - 32px);
  padding: 8px;
  margin: 0;
  list-style: none;
  border: 1px solid #eadbe5;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(55,35,45,.14);
  z-index: 80 !important;
}

.hy-sub-container .bo_v_option:not([style*="display: block"]):not(.show):not(.is-open):not(.on),
.hy-sub-container .bo_v_opt:not([style*="display: block"]):not(.show):not(.is-open):not(.on) {
  display: none !important;
}

.hy-sub-container .bo_v_option li,
.hy-sub-container .bo_v_opt li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.hy-sub-container .bo_v_option li + li,
.hy-sub-container .bo_v_opt li + li {
  margin-top: 4px;
  border-top: 0;
}

.hy-sub-container .bo_v_option a,
.hy-sub-container .bo_v_option button,
.hy-sub-container .bo_v_opt a,
.hy-sub-container .bo_v_opt button {
  width: 100%;
  justify-content: flex-start;
  height: 36px;
  box-shadow: none;
  border: 0;
  border-radius: 10px;
  background: transparent;
}

.hy-sub-container .bo_v_option a:hover,
.hy-sub-container .bo_v_option button:hover,
.hy-sub-container .bo_v_opt a:hover,
.hy-sub-container .bo_v_opt button:hover {
  background: #fff4f9;
}

.hy-sub-container #bo_vc {
  display: block;
  width: 100%;
  margin: 28px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}

.hy-sub-container #bo_vc > h2,
.hy-sub-container #bo_vc > h3 {
  display: block;
  position: relative;
  clip: auto;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: auto;
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 2px solid #f0dfea;
  background: transparent;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
  color: #111827;
}

.hy-sub-container #bo_vc article,
.hy-sub-container #bo_vc .cmt_wrap,
.hy-sub-container #bo_vc .comment-item {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  max-width: 100%;
  min-height: 74px;
  margin: 10px 0;
  padding: 18px 56px 18px 78px;
  border: 1px solid #efdde8;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_vc .profile_img,
.hy-sub-container #bo_vc img.avatar,
.hy-sub-container #bo_vc article > img:first-child {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 42px;
  height: 42px;
  max-width: 42px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
  background: #eee;
}

.hy-sub-container #bo_vc header,
.hy-sub-container #bo_vc .cmt_header,
.hy-sub-container #bo_vc .cmt_info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 9px;
  width: auto;
  max-width: 100%;
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 1.35;
}

.hy-sub-container #bo_vc .sv_wrap,
.hy-sub-container #bo_vc .member,
.hy-sub-container #bo_vc .guest,
.hy-sub-container #bo_vc .name {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 0;
  color: #6e3159;
  font-weight: 900;
  line-height: 1.35;
  white-space: normal;
}

.hy-sub-container #bo_vc .cmt_contents,
.hy-sub-container #bo_vc .comment-content,
.hy-sub-container #bo_vc article > p {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin: 6px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 15px;
  line-height: 1.75;
  color: #1f2937;
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: normal;
}

.hy-sub-container #bo_vc .bo_vc_act,
.hy-sub-container #bo_vc .cmt_btn,
.hy-sub-container #bo_vc .comment-action {
  position: absolute;
  right: 12px;
  top: 14px;
  z-index: 4 !important;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-sub-container #bo_vc .bo_vc_act a,
.hy-sub-container #bo_vc .bo_vc_act button,
.hy-sub-container #bo_vc .cmt_btn a,
.hy-sub-container #bo_vc .cmt_btn button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid #eadbe5;
  border-radius: 999px;
  background: #fff;
  color: #704963;
  box-shadow: 0 6px 16px rgba(105,55,85,.05);
}

.hy-sub-container #bo_w,
.hy-sub-container form#fwrite {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.hy-sub-container #bo_w .write_div,
.hy-sub-container .write_div {
  width: 100%;
  max-width: 100%;
  margin: 0 0 12px;
  clear: both;
}

.hy-sub-container #bo_vc_w textarea,
.hy-sub-container #fviewcomment textarea,
.hy-sub-container #bo_w textarea,
.hy-sub-container form#fwrite textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 120px;
  padding: 14px;
  border: 1px solid #eadbe5;
  border-radius: 14px;
  background: #fff;
  color: #111827;
  line-height: 1.65;
  resize: vertical;
  box-shadow: none;
}

.hy-sub-container #captcha,
.hy-sub-container .captcha,
.hy-sub-container fieldset#captcha {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 10px 0;
  padding: 14px;
  border: 1px solid #eadbe5;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #captcha_img,
.hy-sub-container #captcha img,
.hy-sub-container .captcha img {
  flex: 0 0 auto;
  width: auto;
  max-width: 132px;
  height: 42px;
  min-height: 42px;
  margin: 0;
  border: 1px solid #e4d7e1;
  border-radius: 8px;
  background: #fff;
  object-fit: contain;
}

.hy-sub-container #captcha_key,
.hy-sub-container input[name="captcha_key"] {
  flex: 0 1 220px;
  width: 220px;
  max-width: 100%;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #ebb8d1;
  border-radius: 13px;
  background: #fff;
  color: #111827;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: none;
}

.hy-sub-container #captcha_mp3,
.hy-sub-container #captcha_reload,
.hy-sub-container button[id*="captcha"],
.hy-sub-container .captcha button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  margin: 0;
  border: 1px solid #e0c7d6;
  border-radius: 12px;
  background: #fceaf4;
  color: #5f3553;
  box-shadow: 0 6px 14px rgba(105,55,85,.055);
  opacity: 1;
  visibility: visible;
}

.hy-sub-container #captcha_info,
.hy-sub-container .captcha_info {
  flex: 1 1 100%;
  margin: 2px 0 0;
  color: #706b78;
  font-size: 13px;
  line-height: 1.45;
}

.hy-sub-container #bo_list_total,
.hy-sub-container .bo_fx,
.hy-sub-container .btn_bo_user {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-sub-container #bo_list .btn_bo_user,
.hy-sub-container #bo_list_total + .btn_bo_user {
  float: none;
  position: relative;
  justify-content: flex-end;
  margin: 0 0 12px;
}

.hy-sub-container #bo_list table,
.hy-sub-container .tbl_head01 table {
  table-layout: auto;
  width: 100%;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container .tbl_head01 .td_subject {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-home .hy-actions a,
.hy-home .hy-actions--member a,
.hy-home .hy-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}

.hy-home .hy-latest strong {
  display: block;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.hy-home .hy-latest-meta {
  display: block;
  margin-top: 4px;
  white-space: normal;
  text-align: left;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v,.hy-sub-container .bo_v {
    padding: 18px 14px;
    border-radius: 20px;
  }
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title h2 {
    font-size: 24px;
    line-height: 1.28;
  }
  .hy-sub-container #bo_v_top,
  .hy-sub-container #bo_v_bot,
  .hy-sub-container .bo_fx,
  .hy-sub-container .btn_bo_user {
    justify-content: flex-start;
    gap: 6px;
  }
  .hy-sub-container .btn_bo_user > li > a,
  .hy-sub-container .btn_bo_user > li > button,
  .hy-sub-container .btn_bo_user > a,
  .hy-sub-container .btn_bo_user > button {
    height: 36px;
    min-width: 36px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 13px;
  }
  .hy-sub-container #bo_vc article,
  .hy-sub-container #bo_vc .cmt_wrap,
  .hy-sub-container #bo_vc .comment-item {
    padding: 16px 48px 16px 62px;
    border-radius: 16px;
  }
  .hy-sub-container #bo_vc .profile_img,
  .hy-sub-container #bo_vc img.avatar,
  .hy-sub-container #bo_vc article > img:first-child {
    left: 14px;
    top: 16px;
    width: 36px;
    height: 36px;
    max-width: 36px;
  }
  .hy-sub-container #captcha_key,
  .hy-sub-container input[name="captcha_key"] {
    flex: 1 1 150px;
    width: auto;
  }
}

@media (max-width:420px) {
  .hy-sub-container #captcha_key,
  .hy-sub-container input[name="captcha_key"] {
    flex: 1 1 100%;
    width: 100%;
    order: 2;
  }
  .hy-sub-container #captcha_info,
  .hy-sub-container .captcha_info {
    order: 3;
  }
}

.hy-sub-container,
.hy-sub-container * {
  box-sizing: border-box;
}

.hy-sub-container a,
.hy-sub-container button {
  max-width: 100%;
}

.hy-sub-container .sound_only,
.hy-sub-container .blind,
.hy-sub-container caption,
.hy-sub-container legend.sound_only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap;
  border: 0;
}

.hy-sub-container #bo_v,
.hy-sub-container .bo_v {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_v_title,
.hy-sub-container .bo_v_title {
  position: relative;
  width: 100%;
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid #f0e3ec;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}

.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container .bo_v_title h1,
.hy-sub-container h1.bo_v_tit {
  margin: 0;
  padding: 0;
  max-width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #111827;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.05em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_top,
.hy-sub-container .bo_v_top,
.hy-sub-container #bo_v_bot,
.hy-sub-container .bo_v_bot,
.hy-sub-container .bo_v_com {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  margin: 14px 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  float: none;
  clear: both;
}

.hy-sub-container #bo_v_top .btn_bo_user,
.hy-sub-container .bo_v_top .btn_bo_user,
.hy-sub-container #bo_v_bot .btn_bo_user,
.hy-sub-container .bo_v_bot .btn_bo_user,
.hy-sub-container .btn_bo_user {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  overflow: visible;
}

.hy-sub-container .btn_bo_user > li {
  display: flex;
  margin: 0;
  padding: 0;
  float: none;
  position: relative;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container .btn_bo_user > li > a,
.hy-sub-container .btn_bo_user > li > button,
.hy-sub-container .btn_bo_user > a,
.hy-sub-container .btn_bo_user > button,
.hy-sub-container #bo_v_top a.btn_b01,
.hy-sub-container #bo_v_top a.btn_b02,
.hy-sub-container #bo_v_top .btn_admin,
.hy-sub-container #bo_v_bot a.btn_b01,
.hy-sub-container #bo_v_bot a.btn_b02,
.hy-sub-container #bo_v_bot .btn_admin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #eadbe5;
  border-radius: 13px;
  background: #fff;
  color: #5f4b5b;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  text-indent: 0;
  box-shadow: 0 8px 20px rgba(80,42,65,.055);
  float: none;
  overflow: hidden;
}

.hy-sub-container .btn_bo_user > li > a:hover,
.hy-sub-container .btn_bo_user > li > button:hover,
.hy-sub-container #bo_v_top a.btn_b01:hover,
.hy-sub-container #bo_v_top a.btn_b02:hover {
  background: #fff4fa;
  color: #8b4d74;
  border-color: #ecc9dc;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid #f0e1ea;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  color: #6b5f6b;
  font-size: 14px;
  line-height: 1.5;
  overflow: visible;
}

.hy-sub-container #bo_v_info .profile_img,
.hy-sub-container .bo_v_info .profile_img,
.hy-sub-container #bo_v_info img:first-child,
.hy-sub-container .bo_v_info img:first-child {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0 2px 0 0;
  border-radius: 50%;
  object-fit: cover;
  background: #eceaec;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  width: 100%;
  max-width: 100%;
  min-height: 120px;
  margin: 20px 0;
  padding: 18px 0;
  border-top: 1px solid #f2e6ee;
  border-bottom: 1px solid #f2e6ee;
  background: transparent;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.85;
  word-break: keep-all;
  overflow-wrap: anywhere;
  overflow: visible;
}

.hy-sub-container #bo_v_img,
.hy-sub-container .bo_v_img {
  width: 100%;
  max-width: 100%;
  margin: 18px 0;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
}

.hy-sub-container #bo_v_img img,
.hy-sub-container .bo_v_img img,
.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 18px;
  object-fit: contain;
}

.hy-sub-container #bo_v_act,
.hy-sub-container .bo_v_act {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 22px 0;
  padding: 16px 0;
  border-top: 1px solid #f2e6ee;
  border-bottom: 1px solid #f2e6ee;
  background: transparent;
}

.hy-sub-container #bo_vc,
.hy-sub-container .bo_vc {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 28px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}

.hy-sub-container #bo_vc > h2,
.hy-sub-container #bo_vc h2 {
  display: block;
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid #ece7ee;
  background: transparent;
  color: #111827;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -.03em;
}

.hy-sub-container #bo_vc header h2,
.hy-sub-container #bo_vc article h2.sound_only,
.hy-sub-container #bo_vc .cmt_header h2 {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  border: 0;
  white-space: nowrap;
}

.hy-sub-container #bo_vc article,
.hy-sub-container .bo_vc article,
.hy-sub-container #bo_vc .cmt_wrap,
.hy-sub-container #bo_vc .cmt_li,
.hy-sub-container #bo_vc .comment-item {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  min-height: 76px;
  margin: 10px 0;
  padding: 18px 58px 18px 74px;
  border: 1px solid #f0e1ea;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(80,42,65,.035);
  overflow: visible;
  float: none;
}

.hy-sub-container #bo_vc .profile_img,
.hy-sub-container #bo_vc img.avatar,
.hy-sub-container #bo_vc article > img:first-child {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
  background: #eceaec;
}

.hy-sub-container #bo_vc header,
.hy-sub-container #bo_vc .cmt_header,
.hy-sub-container #bo_vc .cmt_info,
.hy-sub-container #bo_vc .bo_vc_hdinfo,
.hy-sub-container #bo_vc .bo_vc_info {
  position: static;
  display: flex;
  align-items: center;
  gap: 5px 8px;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #6b5f6b;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  overflow: visible;
}

.hy-sub-container #bo_vc .sv_wrap,
.hy-sub-container #bo_vc .member,
.hy-sub-container #bo_vc .sv_member,
.hy-sub-container #bo_vc .sv_guest,
.hy-sub-container #bo_vc strong {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  color: #6e3159;
  font-weight: 900;
  line-height: 1.35;
  white-space: normal;
  text-decoration: none;
}

.hy-sub-container #bo_vc .cmt_contents,
.hy-sub-container #bo_vc .bo_vc_content,
.hy-sub-container #bo_vc .comment_content,
.hy-sub-container #bo_vc article > p {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin: 6px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: normal;
  box-shadow: none;
}

.hy-sub-container #bo_vc textarea[id^="save_comment_"] {
  display: none !important;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  opacity: 0;
}

.hy-sub-container #bo_vc .cmt_btn {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 20 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #eadbe5;
  border-radius: 999px;
  background: #fff;
  color: #7a4d68;
  box-shadow: 0 8px 18px rgba(80,42,65,.065);
  font-size: 0;
  line-height: 1;
  text-indent: 0;
  overflow: hidden;
  cursor: pointer;
}

.hy-sub-container #bo_vc .cmt_btn:before {
  content: "⋮";
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  color: #7a4d68;
}

.hy-sub-container #bo_vc .cmt_btn:hover,
.hy-sub-container #bo_vc .cmt_btn.cmt_btn_op {
  background: #fff3f8;
  border-color: #ecc9dc;
  color: #8b4d74;
}

.hy-sub-container #bo_vc .bo_vc_act,
.hy-sub-container #bo_vc .comment-action {
  position: absolute;
  right: 14px;
  top: 54px;
  z-index: 30 !important;
  display: none !important;
  width: 124px;
  min-width: 124px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border: 1px solid #eadbe5;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(37,27,39,.13);
  float: none;
  overflow: visible;
  text-align: left;
}

.hy-sub-container #bo_vc .cmt_btn.cmt_btn_op + .bo_vc_act,
.hy-sub-container #bo_vc .bo_vc_act.hy-cmt-menu-open,
.hy-sub-container #bo_vc .comment-action.hy-cmt-menu-open {
  display: block;
}

.hy-sub-container #bo_vc .bo_vc_act li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
}

.hy-sub-container #bo_vc .bo_vc_act a,
.hy-sub-container #bo_vc .bo_vc_act button,
.hy-sub-container #bo_vc .comment-action a,
.hy-sub-container #bo_vc .comment-action button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #5f4b5b;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  box-shadow: none;
  overflow: hidden;
  text-indent: 0;
}

.hy-sub-container #bo_vc .bo_vc_act a:hover,
.hy-sub-container #bo_vc .bo_vc_act button:hover {
  background: #fff3f8;
  color: #8b4d74;
}

.hy-sub-container #bo_vc .hy-empty-comment-slot,
.hy-sub-container #bo_vc span.bo_vc_w:empty,
.hy-sub-container #bo_vc [id^="edit_"].bo_vc_w:empty,
.hy-sub-container #bo_vc [id^="reply_"].bo_vc_w:empty {
  display: none !important;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

.hy-sub-container #bo_vc_w,
.hy-sub-container .bo_vc_w,
.hy-sub-container #fviewcomment,
.hy-sub-container #fwrite,
.hy-sub-container #bo_w {
  width: 100%;
  max-width: 100%;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #f0e1ea;
  border-radius: 20px;
  background: #fffafd;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #captcha,
.hy-sub-container .captcha,
.hy-sub-container fieldset#captcha {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  width: 100%;
  margin: 12px 0;
  padding: 14px;
  border: 1px solid #eadbe5;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #captcha_mp3,
.hy-sub-container #captcha_reload,
.hy-sub-container button[id*="captcha"],
.hy-sub-container .captcha button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  margin: 0;
  border: 1px solid #dcb9ce;
  border-radius: 12px;
  background: #fff;
  color: #57354f;
  font-size: 18px;
  box-shadow: 0 6px 14px rgba(80,42,65,.08);
  opacity: 1;
  visibility: visible;
  filter: none;
  text-indent: 0;
  overflow: hidden;
}

.hy-sub-container #captcha_mp3 i,
.hy-sub-container #captcha_reload i,
.hy-sub-container button[id*="captcha"] i,
.hy-sub-container .captcha button i {
  color: #57354f;
  opacity: 1;
  filter: none;
}

.hy-sub-container #bo_list_total,
.hy-sub-container .bo_fx,
.hy-sub-container #bo_list .btn_bo_user,
.hy-sub-container form#fboardlist + .btn_bo_user {
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_list,
.hy-sub-container form#fboardlist,
.hy-sub-container .tbl_head01 {
  overflow-x: auto;
  max-width: 100%;
}

.hy-sub-container #bo_list table,
.hy-sub-container .tbl_head01 table {
  width: 100%;
  min-width: 760px;
  table-layout: auto;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container .tbl_head01 .td_subject {
  min-width: 280px;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-align: left;
}

.hy-sub-container #bo_list .bo_tit a,
.hy-sub-container .tbl_head01 .bo_tit a {
  display: inline;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.5;
}

.hy-home .hy-actions,
.hy-home .hy-hero__quick,
.hy-home .hy-card__title-row,
.hy-home .hy-board-box__head {
  align-items: center;
}

.hy-home .hy-actions a,
.hy-home .hy-hero__quick a,
.hy-home .hy-slide__cta,
.hy-home .hy-slide-admin-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}

.hy-home .hy-latest a {
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.hy-home .hy-latest strong {
  min-width: 0;
  display: block;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.hy-home .hy-latest-meta {
  flex: 0 0 auto;
  max-width: 100%;
  white-space: nowrap;
  color: #9a8f9a;
}

.hy-home .hy-notice-bar .hy-latest a,
.hy-home .hy-board-box .hy-latest a {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: start;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1.bo_v_tit {
    font-size: 25px;
    line-height: 1.28;
  }
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    padding: 14px;
    border-radius: 16px;
    font-size: 13px;
    gap: 8px;
  }
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc,
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con {
    font-size: 15px;
    line-height: 1.75;
    margin: 16px 0;
    padding: 16px 0;
  }
  .hy-sub-container #bo_vc article,
  .hy-sub-container .bo_vc article,
  .hy-sub-container #bo_vc .cmt_wrap,
  .hy-sub-container #bo_vc .cmt_li,
  .hy-sub-container #bo_vc .comment-item {
    padding: 16px 52px 16px 62px;
    border-radius: 16px;
  }
  .hy-sub-container #bo_vc .profile_img,
  .hy-sub-container #bo_vc img.avatar,
  .hy-sub-container #bo_vc article > img:first-child {
    left: 14px;
    top: 16px;
    width: 36px;
    height: 36px;
    max-width: 36px;
  }
  .hy-sub-container #bo_vc .cmt_btn {
    right: 12px;
    top: 12px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
  }
  .hy-sub-container #bo_vc .bo_vc_act,
  .hy-sub-container #bo_vc .comment-action {
    right: 10px;
    top: 50px;
    width: 118px;
    min-width: 118px;
  }
  .hy-sub-container #bo_vc_w,
  .hy-sub-container .bo_vc_w,
  .hy-sub-container #fviewcomment,
  .hy-sub-container #fwrite,
  .hy-sub-container #bo_w {
    padding: 14px;
    border-radius: 18px;
  }
  .hy-sub-container #bo_list table,
  .hy-sub-container .tbl_head01 table {
    min-width: 680px;
  }
  .hy-home .hy-notice-bar .hy-latest a,
  .hy-home .hy-board-box .hy-latest a {
    grid-template-columns: 1fr;
  }
  .hy-home .hy-latest-meta {
    white-space: normal;
    margin-top: 3px;
  }
}

@media (max-width:420px) {
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1.bo_v_tit {
    font-size: 22px;
  }
  .hy-sub-container #bo_vc article,
  .hy-sub-container .bo_vc article,
  .hy-sub-container #bo_vc .cmt_wrap,
  .hy-sub-container #bo_vc .cmt_li,
  .hy-sub-container #bo_vc .comment-item {
    padding: 15px 48px 15px 58px;
  }
}

.hy-home--mix .hy-slideshow,
.hy-slideshow[data-hy-slideshow] {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: visible;
}

.hy-home--mix .hy-slideshow__viewport,
.hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hy-slideshow[data-hy-slideshow] [data-hy-slide] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none !important;
  opacity: 0;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity .34s ease,transform .34s ease;
}

.hy-slideshow[data-hy-slideshow] [data-hy-slide].is-active {
  display: flex;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2 !important;
}

.hy-slideshow[data-hy-slideshow].is-ready [data-hy-slide]:not(.is-active) {
  display: none !important;
}

.hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
  z-index: 20 !important;
}

.hy-slideshow[data-hy-slideshow] .hy-slide-dots button {
  font-size: 0;
  color: transparent;
  line-height: 0;
  overflow: hidden;
}

.hy-slideshow[data-hy-slideshow] .hy-slide-dots button[aria-current="true"] {
  box-shadow: 0 0 0 3px rgba(183,121,159,.12);
}

@media (min-width:1021px) {
  .hy-home--mix .hy-slideshow__viewport {
    min-height: clamp(430px,34vw,590px);
  }
  .hy-home--mix .hy-slide {
    min-height: clamp(430px,34vw,590px);
    padding: clamp(34px,4vw,58px);
  }
  .hy-home--mix .hy-slide__content {
    width: min(560px,48%);
    max-width: 560px;
  }
}

@media (max-width:720px) {
  .hy-home--mix .hy-slideshow__viewport {
    height: clamp(320px,92vw,440px);
    min-height: 0;
  }
  .hy-home--mix .hy-slide {
    height: 100%;
    min-height: 0;
    padding: 0;
    align-items: flex-end;
  }
  .hy-home--mix .hy-slide__content {
    left: 12px;
    right: 12px;
    bottom: 58px;
    width: auto;
    max-width: none;
    max-height: 45%;
    overflow: hidden;
  }
}

@media (max-width:430px) {
  .hy-home--mix .hy-slideshow__viewport {
    height: clamp(305px,91vw,390px);
  }
  .hy-home--mix .hy-slide__content {
    left: 10px;
    right: 10px;
    bottom: 54px;
    max-height: 46%;
  }
}

.hy-slide__media {
  display: none !important;
}

@media (min-width:721px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: auto;
    min-height: clamp(430px,34vw,590px);
    overflow: hidden;
  }
  .hy-home--mix .hy-slideshow[data-hy-slideshow] [data-hy-slide],
  .hy-slideshow[data-hy-slideshow] [data-hy-slide] {
    min-height: clamp(430px,34vw,590px);
    height: auto;
    padding: clamp(34px,4vw,58px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    width: min(560px,48%);
    max-width: 560px;
    max-height: none;
    overflow: visible;
    transform: none;
  }
}

@media (max-width:720px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: auto;
    min-height: 0;
    aspect-ratio: 16/9;
    max-height: 360px;
    border-radius: 22px;
    background: #fff8fc;
    overflow: hidden;
  }
  .hy-home--mix .hy-slideshow[data-hy-slideshow] [data-hy-slide],
  .hy-slideshow[data-hy-slideshow] [data-hy-slide] {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff8fc;
    align-items: flex-end;
  }
  .hy-home--mix .hy-slide:before,
  .hy-home--mix .hy-slide:after,
  .hy-slideshow[data-hy-slideshow] .hy-slide:before,
  .hy-slideshow[data-hy-slideshow] .hy-slide:after {
    display: none !important;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 52px;
    top: auto;
    width: auto;
    max-width: none;
    max-height: 42%;
    padding: 12px 13px;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(8px);
  }
  .hy-home--mix .hy-slide--image-only .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide--image-only .hy-slide__content {
    display: none !important;
  }
  .hy-home--mix .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    bottom: 10px;
  }
}

@media (max-width:430px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    aspect-ratio: 16/9;
    max-height: 245px;
    border-radius: 18px;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    bottom: 46px;
    max-height: 43%;
  }
}

.hy-brand--image {
  min-width: 0;
  max-width: min(280px,42vw);
}

.hy-brand--image a {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  max-width: 100%;
}

@media (max-width:720px) {
  .hy-brand--image {
    max-width: calc(100vw - 170px);
  }
}

@media (max-width:390px) {
  .hy-brand--image {
    max-width: calc(100vw - 142px);
  }
}

.hy-related-link-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.hy-related-link-list .hy-related-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.hy-related-link-list .hy-related-link span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hy-brand.hy-brand--image a {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.hy-brand.hy-brand--image > a {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  line-height: 1;
  text-decoration: none;
}

.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-content,
.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-body {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 30px 34px 34px;
  border: 0;
  background: #fff;
  overflow: hidden;
}

.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-content > #bo_v_con,
.hy-sub-container .hy-view-refined #bo_v_con {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width:640px) {
  .hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-content,.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-body {
    padding: 22px 18px 26px;
  }
}

.hy-home--mix .hy-hero.hy-hero--mix,
.hy-home--mix .hy-hero__body,
.hy-home--mix .hy-slideshow,
.hy-home--mix .hy-slideshow__viewport,
.hy-home--mix .hy-slide,
.hy-home--mix .hy-slide__content {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.hy-home--mix .hy-hero__body,
.hy-home--mix .hy-slideshow {
  width: 100%;
  overflow: hidden;
}

.hy-home--mix .hy-slideshow__viewport {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.hy-slideshow[data-hy-slideshow] .hy-slide-dots {
  min-width: 0;
  max-width: min(220px,calc(100vw - 150px));
  overflow: hidden;
}

.hy-slideshow[data-hy-slideshow] .hy-slide-dots button {
  flex: 0 0 auto;
}

@media (min-width:1021px) {
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: auto;
    min-height: clamp(430px,34vw,590px);
    aspect-ratio: auto;
  }
  .hy-home--mix .hy-slide,
  .hy-slideshow[data-hy-slideshow] [data-hy-slide] {
    height: auto;
    min-height: clamp(430px,34vw,590px);
    padding: clamp(34px,4vw,58px);
    background-size: cover;
    background-position: center;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    position: relative;
    inset: auto;
    width: min(560px,48%);
    max-width: 560px;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width:1020px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    display: block;
    grid-template-columns: 1fr;
    width: 100%;
    overflow: hidden;
  }
  .hy-home--mix .hy-slideshow,
  .hy-slideshow[data-hy-slideshow] {
    border-radius: 26px;
    overflow: hidden;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: clamp(360px,58vw,500px);
    min-height: 0;
    aspect-ratio: auto;
    border-radius: 26px;
    background: #fff8fc;
  }
  .hy-home--mix .hy-slide,
  .hy-slideshow[data-hy-slideshow] [data-hy-slide] {
    height: 100%;
    min-height: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: flex-end;
  }
  .hy-home--mix .hy-slide--image-only,
  .hy-slideshow[data-hy-slideshow] .hy-slide--image-only {
    background-size: cover;
    background-position: center;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 72px;
    top: auto;
    width: auto;
    max-width: none;
    max-height: calc(100% - 96px);
    padding: 18px;
    border-radius: 22px;
    overflow: hidden;
    background: rgba(255,255,255,.84);
    border: 1px solid rgba(255,255,255,.76);
    box-shadow: 0 18px 44px rgba(53,31,47,.14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .hy-home--mix .hy-slide h2,
  .hy-slideshow[data-hy-slideshow] .hy-slide h2 {
    font-size: clamp(25px,4.8vw,38px);
    line-height: 1.13;
    margin: 8px 0 8px;
    word-break: keep-all;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide p,
  .hy-slideshow[data-hy-slideshow] .hy-slide p {
    font-size: clamp(13px,2.1vw,15px);
    line-height: 1.58;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide__bottom,
  .hy-slideshow[data-hy-slideshow] .hy-slide__bottom {
    margin-top: 12px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .hy-home--mix .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    left: 50%;
    right: auto;
    bottom: 16px;
    transform: translateX(-50%);
    max-width: calc(100% - 24px);
    overflow: hidden;
    justify-content: center;
  }
}

@media (max-width:720px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    padding: 12px;
    border-radius: 24px;
  }
  .hy-home--mix .hy-slideshow,
  .hy-slideshow[data-hy-slideshow] {
    border-radius: 22px;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: clamp(330px,88vw,430px);
    border-radius: 22px;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    left: 12px;
    right: 12px;
    bottom: 62px;
    max-height: calc(100% - 82px);
    padding: 14px;
    border-radius: 18px;
  }
  .hy-home--mix .hy-slide .hy-eyebrow,
  .hy-slideshow[data-hy-slideshow] .hy-slide .hy-eyebrow {
    height: 27px;
    padding: 0 9px;
    font-size: 10px;
  }
  .hy-home--mix .hy-slide h2,
  .hy-slideshow[data-hy-slideshow] .hy-slide h2 {
    font-size: clamp(22px,7vw,30px);
  }
  .hy-home--mix .hy-slide p,
  .hy-slideshow[data-hy-slideshow] .hy-slide p {
    font-size: 13px;
    -webkit-line-clamp: 2;
  }
  .hy-home--mix .hy-slide__cta,
  .hy-slideshow[data-hy-slideshow] .hy-slide__cta,
  .hy-home--mix .hy-slide__badge,
  .hy-slideshow[data-hy-slideshow] .hy-slide__badge {
    height: 34px;
    padding: 0 11px;
    font-size: 12px;
  }
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots {
    max-width: min(150px,calc(100vw - 154px));
  }
}

@media (max-width:430px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    padding: 8px;
    border-radius: 20px;
  }
  .hy-home--mix .hy-slideshow__viewport,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: clamp(300px,98vw,380px);
    border-radius: 18px;
  }
  .hy-home--mix .hy-slide__content,
  .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    left: 9px;
    right: 9px;
    bottom: 56px;
    padding: 12px;
    border-radius: 16px;
  }
  .hy-home--mix .hy-slide h2,
  .hy-slideshow[data-hy-slideshow] .hy-slide h2 {
    font-size: 22px;
    -webkit-line-clamp: 2;
  }
  .hy-home--mix .hy-slide p,
  .hy-slideshow[data-hy-slideshow] .hy-slide p {
    display: none !important;
  }
  .hy-home--mix .hy-slide__bottom,
  .hy-slideshow[data-hy-slideshow] .hy-slide__bottom {
    margin-top: 9px;
  }
  .hy-home--mix .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    bottom: 10px;
    padding: 5px 6px;
    border-radius: 16px;
  }
  .hy-home--mix .hy-slide-nav,
  .hy-slideshow[data-hy-slideshow] .hy-slide-nav {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
  .hy-slideshow[data-hy-slideshow] .hy-slide-dots {
    max-width: 118px;
  }
}

.hy-slideshow .hy-slide__content {
  background: rgba(255,255,255,.82);
  border-color: rgba(255,255,255,.90);
  box-shadow: 0 16px 42px rgba(34,22,34,.13);
  backdrop-filter: blur(8px) saturate(1.08);
  -webkit-backdrop-filter: blur(8px) saturate(1.08);
}

.hy-slideshow .hy-slide .hy-eyebrow,
.hy-slideshow .hy-slide__badge {
  background: rgba(255,255,255,.86);
  border-color: rgba(232,213,225,.90);
}

.hy-slideshow .hy-slide h2 {
  color: #14111c;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.hy-slideshow .hy-slide p {
  color: #4f4856;
  text-shadow: 0 1px 0 rgba(255,255,255,.58);
}

.hy-slideshow .hy-slideshow__controls {
  background: rgba(255,255,255,.86);
  border-color: rgba(236,218,229,.96);
}

@media (max-width:720px) {
  .hy-slideshow .hy-slide__content {
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(7px) saturate(1.06);
    -webkit-backdrop-filter: blur(7px) saturate(1.06);
  }
}

.hy-home--mix .hy-slideshow.hy-slideshow--image-fit {
  width: 100%;
  min-width: 0;
}

.hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slideshow__viewport {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: min(72vh,720px);
  aspect-ratio: var(--hy-slide-ratio, 16 / 9);
  overflow: hidden;
  background: #fff7fb;
}

.hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide {
  height: 100%;
  min-height: 0;
  padding: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff7fb;
}

.hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide:before,
.hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide:after {
  display: none !important;
}

.hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide__content {
  display: none !important;
}

.hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slideshow__controls {
  left: 50%;
  right: auto;
  bottom: 14px;
  transform: translateX(-50%);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width:720px) {
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slideshow__viewport {
    max-height: none;
    border-radius: 22px;
  }
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide {
    border-radius: 22px;
  }
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slideshow__controls {
    bottom: 10px;
  }
}

@media (max-width:420px) {
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slideshow__controls {
    padding: 5px 6px;
    gap: 6px;
  }
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide-dots {
    gap: 5px;
  }
}

@media (max-width: 768px) {
  .hy-home--mix .hy-hero.hy-hero--mix {
    padding: 10px;
    border-radius: 24px;
    margin-bottom: 14px;
    overflow: hidden;
  }
  .hy-home--mix .hy-hero__body,
  .hy-home--mix .hy-slideshow {
    min-width: 0;
    width: 100%;
  }
  .hy-home--mix .hy-slideshow__viewport {
    min-height: clamp(238px, 60vw, 318px);
    max-height: 318px;
    border-radius: 22px;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide {
    min-height: clamp(238px, 60vw, 318px);
    max-height: 318px;
    padding: 12px 12px 56px;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
    border-radius: 22px;
  }
  .hy-home--mix .hy-slide__content {
    width: 100%;
    max-width: 390px;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.82);
    border-color: rgba(255,255,255,.72);
    box-shadow: 0 12px 28px rgba(41,24,38,.12);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
  }
  .hy-home--mix .hy-slide .hy-eyebrow {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
  }
  .hy-home--mix .hy-slide h2 {
    margin: 9px 0 6px;
    font-size: clamp(22px, 5.8vw, 28px);
    line-height: 1.16;
    letter-spacing: -.06em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide p {
    font-size: 13px;
    line-height: 1.48;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hy-home--mix .hy-slide__bottom {
    margin-top: 10px;
    gap: 6px;
  }
  .hy-home--mix .hy-slide__cta,
  .hy-home--mix .hy-slide__badge {
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
  }
  .hy-home--mix .hy-slideshow__controls {
    left: 50%;
    right: auto;
    bottom: 9px;
    transform: translateX(-50%);
    width: auto;
    max-width: calc(100% - 24px);
    justify-content: center;
    gap: 8px;
    padding: 5px;
    border-radius: 16px;
  }
  .hy-home--mix .hy-slide-dots {
    max-width: 112px;
    overflow: hidden;
    gap: 5px;
  }
  .hy-home--mix .hy-slide-nav {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slideshow__viewport {
    min-height: 0;
    max-height: none;
    aspect-ratio: var(--hy-slide-ratio, 16 / 9);
  }
  .hy-home--mix .hy-slideshow.hy-slideshow--image-fit .hy-slide {
    min-height: 0;
    max-height: none;
    height: 100%;
    padding: 0;
    background-size: contain;
    background-position: center;
    background-color: #fff7fb;
  }
}

@media (max-width: 420px) {
  .hy-home--mix .hy-slideshow__viewport {
    min-height: clamp(220px, 62vw, 280px);
    max-height: 280px;
  }
  .hy-home--mix .hy-slide {
    min-height: clamp(220px, 62vw, 280px);
    max-height: 280px;
    padding: 10px 10px 54px;
  }
  .hy-home--mix .hy-slide__content {
    padding: 11px 12px;
    border-radius: 17px;
  }
  .hy-home--mix .hy-slide h2 {
    font-size: clamp(20px, 6.1vw, 25px);
  }
  .hy-home--mix .hy-slide p {
    font-size: 12.5px;
    -webkit-line-clamp: 1;
  }
  .hy-home--mix .hy-slide__bottom {
    margin-top: 8px;
  }
}

.hy-home.hy-home--mix .hy-hero.hy-hero--mix {
  overflow: hidden;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] {
  overflow: visible;
  border-radius: 26px;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 26px;
  background: #fff7fb;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide {
  overflow: hidden;
  background-repeat: no-repeat;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide--with-image {
  background-size: cover;
  background-position: center center;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide--with-image:before {
  display: block;
  background: linear-gradient(90deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 38%,rgba(255,255,255,0) 72%);
  opacity: .8;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide--with-image:after {
  display: none !important;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__content {
  box-sizing: border-box;
  min-width: 0;
  width: min(500px,46%);
  max-width: 500px;
  max-height: none;
  padding: 18px 20px;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,250,253,.46));
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 14px 38px rgba(35,22,34,.12);
  backdrop-filter: blur(5px) saturate(1.05);
  -webkit-backdrop-filter: blur(5px) saturate(1.05);
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide .hy-eyebrow {
  height: 28px;
  max-width: 100%;
  padding: 0 10px;
  font-size: 11px;
  line-height: 1;
  background: rgba(255,255,255,.70);
  border-color: rgba(239,216,230,.74);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide h2 {
  margin: 8px 0 7px;
  font-size: clamp(27px,3.1vw,42px);
  line-height: 1.12;
  letter-spacing: -.065em;
  color: #17131d;
  text-shadow: 0 1px 0 rgba(255,255,255,.52);
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide p {
  margin: 0;
  color: #3f3945;
  font-size: clamp(13px,1.05vw,15px);
  line-height: 1.52;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255,255,255,.42);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__bottom {
  margin-top: 11px;
  gap: 6px;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__cta,
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__badge {
  height: 34px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1;
}

.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
  z-index: 30 !important;
  background: rgba(255,255,255,.76);
  border-color: rgba(239,218,231,.86);
  box-shadow: 0 12px 30px rgba(45,27,40,.13);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

@media (min-width:1021px) {
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    min-height: clamp(390px,31vw,520px);
    height: auto;
    aspect-ratio: auto;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide {
    min-height: clamp(390px,31vw,520px);
    height: auto;
    padding: clamp(30px,3.5vw,50px);
    align-items: center;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    position: relative;
    inset: auto;
  }
}

@media (max-width:1020px) {
  .hy-home.hy-home--mix .hy-hero.hy-hero--mix {
    padding: 12px;
    border-radius: 24px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: clamp(285px,52vw,395px);
    min-height: 0;
    max-height: 395px;
    aspect-ratio: auto;
    border-radius: 22px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide {
    height: 100%;
    min-height: 0;
    max-height: none;
    padding: 0;
    align-items: flex-end;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    position: absolute;
    left: 14px;
    right: auto;
    bottom: 54px;
    top: auto;
    width: min(430px,calc(100% - 28px));
    max-width: 430px;
    max-height: calc(100% - 72px);
    padding: 13px 14px;
    border-radius: 17px;
    background: linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,250,253,.42));
    backdrop-filter: blur(4px) saturate(1.04);
    -webkit-backdrop-filter: blur(4px) saturate(1.04);
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide .hy-eyebrow {
    display: none !important;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide h2 {
    margin: 0 0 5px;
    font-size: clamp(22px,5.2vw,31px);
    line-height: 1.13;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide p {
    font-size: 12.8px;
    line-height: 1.42;
    -webkit-line-clamp: 1;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__bottom {
    margin-top: 8px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__cta,
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__badge {
    height: 31px;
    padding: 0 10px;
    font-size: 11.5px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    left: 50%;
    right: auto;
    bottom: 10px;
    transform: translateX(-50%);
    max-width: calc(100% - 28px);
    padding: 5px 6px;
    gap: 6px;
    border-radius: 16px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav {
    width: 31px;
    height: 31px;
    min-width: 31px;
    border-radius: 12px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots {
    max-width: 116px;
    gap: 5px;
  }
}

@media (max-width:520px) {
  .hy-home.hy-home--mix .hy-hero.hy-hero--mix {
    padding: 8px;
    border-radius: 20px;
    margin-bottom: 12px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__viewport {
    height: clamp(230px,57vw,285px);
    max-height: 285px;
    border-radius: 18px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__content {
    left: 10px;
    bottom: 47px;
    width: min(360px,calc(100% - 20px));
    padding: 10px 11px;
    border-radius: 15px;
    background: linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,250,253,.36));
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide h2 {
    font-size: clamp(20px,5.8vw,25px);
    -webkit-line-clamp: 2;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide p {
    display: none !important;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__bottom {
    margin-top: 7px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__cta,
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide__badge {
    height: 29px;
    padding: 0 9px;
    font-size: 11px;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    bottom: 8px;
  }
}

.hy-write-shell {
  max-width: 900px;
  margin: 28px auto 48px;
  padding: 0 18px;
}

.hy-write-titlebar {
  grid-template-columns: 1fr;
  gap: 0;
  margin-bottom: 14px;
}

.hy-write-titlebar > div:first-child {
  border-radius: 22px 22px 0 0;
  padding: 20px 24px 16px;
  background: linear-gradient(135deg,#fff5f9,#fff);
  border-bottom: none;
}

.hy-write-guide {
  border-radius: 0 0 22px 22px;
  border-top: 1px dashed rgba(236,124,169,.25);
  padding: 14px 22px;
}

.hy-write-titlebar h1 {
  font-size: clamp(20px,2.8vw,28px);
  margin: 0 0 4px;
}

.hy-write-eyebrow {
  font-size: 11px;
  margin: 0 0 6px;
}

.hy-write-native.hy-write-card {
  border-radius: 22px;
  box-shadow: 0 12px 40px rgba(200,100,160,.1);
  padding: 24px 24px 20px;
}

.hy-write-field {
  margin-bottom: 16px;
}

.hy-write-field label,.hy-write-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 800;
  color: #6d2b55;
  margin-bottom: 7px;
}

.hy-write-field label b {
  font-size: 11px;
  color: #e7478f;
  background: #fff0f7;
  padding: 1px 6px;
  border-radius: 999px;
}

.hy-write-field input[type=text],
.hy-write-field input[type=email],
.hy-write-field input[type=url],
.hy-write-field input[type=password],
.hy-write-field select,
.hy-write-shell .frm_input,
.hy-write-shell .full_input {
  width: 100%;
  min-height: 46px;
  border: 1.5px solid #eadce6;
  border-radius: 14px;
  background: #fff;
  padding: 11px 14px;
  color: #2b2230;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color .15s,box-shadow .15s;
  box-sizing: border-box;
}

.hy-write-shell .frm_input:focus,
.hy-write-shell .full_input:focus,
.hy-write-field input:focus,
.hy-write-field select:focus {
  border-color: #e7478f;
  box-shadow: 0 0 0 4px rgba(231,71,143,.1);
}

.hy-write-section {
  margin-top: 20px;
  padding: 18px;
  background: #fff8fb;
  border: 1px solid #f2dce8;
  border-radius: 16px;
}

.hy-write-section-head {
  margin-bottom: 12px;
}

.hy-write-section-head strong {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: #6d2b55;
}

.hy-write-section-head span {
  font-size: 12px;
  color: #9a8291;
}

.hy-write-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.hy-write-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border: 1.5px solid #eadce6;
  border-radius: 999px;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  color: #5d3a5b;
  cursor: pointer;
}

.hy-write-check input {
  accent-color: #e7478f;
  min-height: auto;
  width: 15px;
  border: none;
  border-radius: 0;
  padding: 0;
}

.hy-write-check:has(input:checked) {
  border-color: #e7478f;
  background: #fff0f7;
}

.hy-write-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f2dce8;
}

.hy-write-actions .btn_submit,
.hy-write-actions button[type=submit] {
  min-height: 46px;
  padding: 0 28px;
  border-radius: 14px;
  border: 0;
  background: linear-gradient(135deg,#ff5ea8,#8f68ff);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(218,69,146,.28);
}

.hy-write-actions .btn_cancel {
  min-height: 46px;
  padding: 0 20px;
  border-radius: 14px;
  border: 1.5px solid #eadce6;
  background: #fff;
  color: #6d2b55;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.hy-write-actions .btn_cancel:hover {
  background: #fff5fa;
}

.hy-write-help {
  font-size: 12px;
  color: #9a8291;
  margin: 4px 0 8px;
}

.hy-write-files-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.hy-write-file {
  background: #fff;
  border: 1px solid #eadce6;
  border-radius: 12px;
  padding: 12px;
}

.hy-autosave-btn {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1.5px solid #eadce6;
  background: #fff;
  color: #6d2b55;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.hy-write-title-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}

.hy-write-title-wrap input {
  flex: 1;
}

@media (max-width:640px) {
  .hy-write-shell {
    padding: 0 10px;
  }
  .hy-write-native.hy-write-card {
    padding: 16px;
  }
  .hy-write-actions {
    flex-direction: column-reverse;
  }
  .hy-write-actions .btn_submit,.hy-write-actions .btn_cancel {
    width: 100%;
    justify-content: center;
  }
  .hy-write-files-grid {
    grid-template-columns: 1fr;
  }
  .hy-write-title-wrap {
    flex-wrap: wrap;
  }
  .hy-autosave-btn {
    width: 100%;
  }
}

.hy-multi-drop {
  margin-bottom: 14px;
  border: 2px dashed #e7b4d4;
  border-radius: 16px;
  background: linear-gradient(135deg,#fff5f9,#fff);
  transition: .15s;
}

.hy-multi-drop.drag-on {
  border-color: #e7478f;
  background: #fff0f7;
}

.hy-multi-drop-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px;
  cursor: pointer;
  text-align: center;
}

.hy-multi-icon {
  font-size: 28px;
}

.hy-multi-drop-inner strong {
  font-size: 13px;
  font-weight: 800;
  color: #5d3a5b;
}

.hy-multi-drop-inner em {
  font-size: 12px;
  color: #9a8291;
  font-style: normal;
}

.hy-slot-name {
  display: none;
  font-size: 11px;
  color: #e7478f;
  font-weight: 700;
  margin-top: 4px;
  word-break: break-all;
}

.hy-view-share {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 0;
  border-top: 1px solid #f2dce8;
  margin-top: 8px;
}

.hy-share-label {
  font-size: 13px;
  font-weight: 800;
  color: #9a8291;
  margin-right: 4px;
}

.hy-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1.5px solid #eadce6;
  background: #fff;
  color: #4a3248;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: .15s;
  font-family: inherit;
}

.hy-share-btn:hover {
  border-color: #e7478f;
  color: #e7478f;
}

.hy-share-kakao:hover {
  background: #fee500;
  border-color: #fee500;
  color: #191600;
}

.hy-share-twitter:hover {
  background: #000;
  border-color: #000;
  color: #fff;
}

.hy-share-copy:hover {
  background: #8065f5;
  border-color: #8065f5;
  color: #fff;
}

.hy-sub-container #bo_v,
.hy-sub-container #bo_w,
.hy-sub-container #bo_list,
.hy-sub-container #bo_gall {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_v *,
.hy-sub-container #bo_list *,
.hy-sub-container #bo_gall * {
  box-sizing: border-box;
}

.hy-sub-container #bo_v_title,
.hy-sub-container .bo_v_title {
  display: block;
  width: 100%;
  margin: 0 0 12px;
  padding: 0 0 14px;
  border: 0;
  border-bottom: 1px solid #eedfea;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_v_title h1,
.hy-sub-container #bo_v_title .bo_v_tit,
.hy-sub-container .bo_v_title h1,
.hy-sub-container h1.bo_v_tit {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111827;
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.055em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 14px 0 16px;
  border: 0;
  border-bottom: 1px solid #f0e5ec;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #6d6370;
  font-size: 14px;
  line-height: 1.45;
}

.hy-sub-container #bo_v_info .profile_img,
.hy-sub-container .bo_v_info .profile_img,
.hy-sub-container #bo_v_info img.avatar,
.hy-sub-container .bo_v_info img.avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  margin: 0 4px 0 0;
  border-radius: 50%;
  object-fit: cover;
  background: #eee;
}

.hy-sub-container #bo_v_info strong,
.hy-sub-container .bo_v_info strong,
.hy-sub-container #bo_v_info .sv_wrap,
.hy-sub-container .bo_v_info .sv_wrap {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  color: #6e3159;
  font-weight: 900;
  line-height: 1.35;
  background: transparent;
  border: 0;
}

.hy-sub-container #bo_v_top,
.hy-sub-container #bo_v_bot,
.hy-sub-container .bo_v_com {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  margin: 14px 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  float: none;
}

.hy-sub-container #bo_v_top .btn_bo_user,
.hy-sub-container #bo_v_bot .btn_bo_user,
.hy-sub-container .bo_v_com .btn_bo_user {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  list-style: none;
}

.hy-sub-container #bo_v_top .btn_bo_user > li,
.hy-sub-container #bo_v_bot .btn_bo_user > li,
.hy-sub-container .bo_v_com .btn_bo_user > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container .bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid #f0e5ec;
  background: transparent;
  box-shadow: none;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.85;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_con:empty,
.hy-sub-container .bo_v_con:empty {
  display: none !important;
}

.hy-sub-container #bo_v_con img,
.hy-sub-container .bo_v_con img,
.hy-sub-container #bo_v_img img,
.hy-sub-container .bo_v_img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 16px auto;
  border-radius: 18px;
}

.hy-sub-container #bo_v_act,
.hy-sub-container .bo_v_act {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid #f0e5ec;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.hy-sub-container #bo_v_act a,
.hy-sub-container #bo_v_act button,
.hy-sub-container .bo_v_act a,
.hy-sub-container .bo_v_act button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 58px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #eadbe5;
  border-radius: 999px;
  background: #fff;
  color: #5f4b5b;
  box-shadow: 0 6px 14px rgba(80,42,65,.045);
  line-height: 1;
}

.hy-sub-container #bo_v_act strong,
.hy-sub-container #bo_v_act b,
.hy-sub-container #bo_v_act span,
.hy-sub-container .bo_v_act strong,
.hy-sub-container .bo_v_act b,
.hy-sub-container .bo_v_act span {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #7a4d68;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.hy-sub-container #bo_v_nb,
.hy-sub-container .bo_v_nb {
  display: block;
  margin: 18px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_v_nb li,
.hy-sub-container .bo_v_nb li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  margin: 8px 0 0;
  padding: 0 16px;
  border: 1px solid #f0e1ea;
  border-radius: 14px;
  background: #fff;
  list-style: none;
}

.hy-sub-container #bo_vc,
.hy-sub-container .bo_vc {
  position: relative;
  display: block;
  width: 100%;
  margin: 28px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_vc > h2,
.hy-sub-container #bo_vc > h3 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  white-space: nowrap;
}

.hy-sub-container #bo_vc header h2,
.hy-sub-container #bo_vc article h2.sound_only,
.hy-sub-container #bo_vc .cmt_header h2 {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  border: 0;
  white-space: nowrap;
}

.hy-sub-container #bo_vc article,
.hy-sub-container .bo_vc article,
.hy-sub-container #bo_vc .cmt_wrap,
.hy-sub-container #bo_vc .cmt_li,
.hy-sub-container #bo_vc .comment-item {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  min-height: 74px;
  margin: 10px 0;
  padding: 17px 58px 17px 74px;
  border: 1px solid #f0e1ea;
  border-radius: 17px;
  background: #fff;
  box-shadow: none;
  overflow: visible;
  float: none;
}

.hy-sub-container #bo_vc .profile_img,
.hy-sub-container #bo_vc img.avatar,
.hy-sub-container #bo_vc article > img:first-child {
  position: absolute;
  left: 18px;
  top: 17px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
  background: #eceaec;
}

.hy-sub-container #bo_vc header,
.hy-sub-container #bo_vc .cmt_header,
.hy-sub-container #bo_vc .cmt_info,
.hy-sub-container #bo_vc .bo_vc_hdinfo,
.hy-sub-container #bo_vc .bo_vc_info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  width: auto;
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #6b5f6b;
  font-size: 13px;
  line-height: 1.4;
}

.hy-sub-container #bo_vc .sv_wrap,
.hy-sub-container #bo_vc .member,
.hy-sub-container #bo_vc .sv_member,
.hy-sub-container #bo_vc .sv_guest,
.hy-sub-container #bo_vc strong {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6e3159;
  font-weight: 900;
  line-height: 1.35;
  white-space: normal;
}

.hy-sub-container #bo_vc .cmt_contents,
.hy-sub-container #bo_vc .bo_vc_content,
.hy-sub-container #bo_vc .comment_content,
.hy-sub-container #bo_vc article > p {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.7;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_vc textarea[id^="save_comment_"] {
  display: none !important;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  opacity: 0;
}

.hy-sub-container #bo_vc .cmt_btn {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 20 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid #eadbe5;
  border-radius: 999px;
  background: #fff;
  color: #7a4d68;
  box-shadow: 0 6px 14px rgba(80,42,65,.055);
  font-size: 0;
  line-height: 1;
  overflow: hidden;
}

.hy-sub-container #bo_vc .cmt_btn:before {
  content: "⋮";
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  color: #7a4d68;
}

.hy-sub-container #bo_vc .bo_vc_act,
.hy-sub-container #bo_vc .comment-action {
  position: absolute;
  right: 12px;
  top: 50px;
  z-index: 30 !important;
  display: none !important;
  width: 122px;
  min-width: 122px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border: 1px solid #eadbe5;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(37,27,39,.13);
  float: none;
  text-align: left;
}

.hy-sub-container #bo_vc .cmt_btn.cmt_btn_op + .bo_vc_act,
.hy-sub-container #bo_vc .bo_vc_act.hy-cmt-menu-open,
.hy-sub-container #bo_vc .comment-action.hy-cmt-menu-open {
  display: block;
}

.hy-sub-container #bo_vc .bo_vc_act li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background: transparent;
}

.hy-sub-container #bo_vc .bo_vc_act a,
.hy-sub-container #bo_vc .bo_vc_act button,
.hy-sub-container #bo_vc .comment-action a,
.hy-sub-container #bo_vc .comment-action button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #5f4b5b;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  box-shadow: none;
}

.hy-sub-container #bo_vc .bo_vc_act a:hover,
.hy-sub-container #bo_vc .bo_vc_act button:hover {
  background: #fff3f8;
  color: #8b4d74;
}

.hy-sub-container #bo_vc .hy-empty-comment-slot,
.hy-sub-container #bo_vc span.bo_vc_w:empty,
.hy-sub-container #bo_vc [id^="edit_"].bo_vc_w:empty,
.hy-sub-container #bo_vc [id^="reply_"].bo_vc_w:empty {
  display: none !important;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

.hy-sub-container #bo_vc_w,
.hy-sub-container .bo_vc_w,
.hy-sub-container #fviewcomment {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 18px 0 0;
  padding: 18px;
  border: 1px solid #f0e1ea;
  border-radius: 18px;
  background: #fffafd;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_vc_w textarea,
.hy-sub-container .bo_vc_w textarea,
.hy-sub-container #fviewcomment textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #eadbe5;
  border-radius: 14px;
  background: #fff;
}

.hy-sub-container #bo_btn_top,
.hy-sub-container #bo_btn_bottom,
.hy-sub-container .bo_fx,
.hy-sub-container #bo_list_total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_btn_bottom {
  margin: 14px 0 0;
  justify-content: flex-end;
}

.hy-sub-container #bo_list_total {
  justify-content: flex-start;
  width: auto;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #f0e1ea;
  border-radius: 999px;
  background: #fff;
  color: #655a67;
  font-weight: 800;
}

.hy-sub-container form#fboardlist,
.hy-sub-container #bo_list .tbl_head01,
.hy-sub-container .tbl_head01 {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #f0e1ea;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow-x: auto;
  overflow-y: hidden;
}

.hy-sub-container form#fboardlist .tbl_head01 {
  border: 0;
  border-radius: 0;
  overflow: visible;
}

.hy-sub-container #bo_list table,
.hy-sub-container .tbl_head01 table {
  width: 100%;
  min-width: 720px;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}

.hy-sub-container #bo_list thead th,
.hy-sub-container .tbl_head01 thead th {
  height: 48px;
  padding: 12px 10px;
  border-top: 0;
  border-bottom: 1px solid #f0e1ea;
  background: #fff7fb;
  color: #6a5968;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.hy-sub-container #bo_list tbody td,
.hy-sub-container .tbl_head01 tbody td {
  padding: 13px 10px;
  border-bottom: 1px solid #f5edf3;
  background: #fff;
  vertical-align: middle;
}

.hy-sub-container #bo_list tbody tr:last-child td,
.hy-sub-container .tbl_head01 tbody tr:last-child td {
  border-bottom: 0;
}

.hy-sub-container #bo_list .td_subject,
.hy-sub-container .tbl_head01 .td_subject {
  min-width: 280px;
  max-width: none;
  text-align: left;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_list .bo_tit a,
.hy-sub-container .tbl_head01 .bo_tit a {
  display: inline;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.hy-sub-container .btn_bo_user a,
.hy-sub-container .btn_bo_user button,
.hy-sub-container #bo_v_top a,
.hy-sub-container #bo_v_top button,
.hy-sub-container #bo_btn_top a,
.hy-sub-container #bo_btn_top button,
.hy-sub-container #bo_btn_bottom a,
.hy-sub-container #bo_btn_bottom button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 38px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid #eadbe5;
  border-radius: 13px;
  background: #fff;
  color: #60465b;
  box-shadow: 0 6px 14px rgba(80,42,65,.045);
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}

.hy-sub-container .btn_bo_user a:hover,
.hy-sub-container .btn_bo_user button:hover,
.hy-sub-container #bo_v_top a:hover,
.hy-sub-container #bo_v_top button:hover,
.hy-sub-container #bo_btn_top a:hover,
.hy-sub-container #bo_btn_top button:hover,
.hy-sub-container #bo_btn_bottom a:hover,
.hy-sub-container #bo_btn_bottom button:hover {
  background: #fff3f8;
  border-color: #ecc9dc;
}

.hy-sub-container #captcha_mp3,
.hy-sub-container #captcha_reload,
.hy-sub-container button[id*="captcha"],
.hy-sub-container .captcha button {
  background: #fff;
  color: #4b2f45;
  border-color: #dcb9ce;
  opacity: 1;
  filter: none;
}

.hy-sub-container #captcha_mp3 i,
.hy-sub-container #captcha_reload i,
.hy-sub-container button[id*="captcha"] i,
.hy-sub-container .captcha button i {
  color: #4b2f45;
  opacity: 1;
}

@media (max-width:720px) {
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container #bo_v_title .bo_v_tit,
  .hy-sub-container .bo_v_title h1,
  .hy-sub-container h1.bo_v_tit {
    font-size: 24px;
    line-height: 1.3;
  }
  .hy-sub-container #bo_v_info,
  .hy-sub-container .bo_v_info {
    padding: 12px 0 14px;
    font-size: 13px;
  }
  .hy-sub-container #bo_v_atc,
  .hy-sub-container .bo_v_atc,
  .hy-sub-container #bo_v_con,
  .hy-sub-container .bo_v_con {
    padding: 20px 0;
    font-size: 15px;
  }
  .hy-sub-container #bo_vc article,
  .hy-sub-container .bo_vc article,
  .hy-sub-container #bo_vc .cmt_wrap,
  .hy-sub-container #bo_vc .cmt_li,
  .hy-sub-container #bo_vc .comment-item {
    padding: 15px 48px 15px 60px;
    border-radius: 16px;
  }
  .hy-sub-container #bo_vc .profile_img,
  .hy-sub-container #bo_vc img.avatar,
  .hy-sub-container #bo_vc article > img:first-child {
    left: 14px;
    top: 15px;
    width: 36px;
    height: 36px;
    max-width: 36px;
  }
  .hy-sub-container #bo_vc .cmt_btn {
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
  }
  .hy-sub-container #bo_vc .bo_vc_act,
  .hy-sub-container #bo_vc .comment-action {
    right: 8px;
    top: 46px;
  }
  .hy-sub-container #bo_vc_w,
  .hy-sub-container .bo_vc_w,
  .hy-sub-container #fviewcomment {
    padding: 14px;
    border-radius: 16px;
  }
  .hy-sub-container #bo_list table,
  .hy-sub-container .tbl_head01 table {
    min-width: 660px;
  }
}

.hy-sub-container {
  overflow: visible;
}

.hy-sub-container #bo_list,
.hy-sub-container #bo_gall,
.hy-sub-container #bo_v {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hy-sub-container #bo_list *,
.hy-sub-container #bo_gall *,
.hy-sub-container #bo_v * {
  box-sizing: border-box;
}

.hy-sub-container #bo_btn_top,
.hy-sub-container #bo_gall #bo_btn_top,
.hy-sub-container #bo_list #bo_btn_top {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_list_total {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 0 15px;
  border: 1px solid #efdcea;
  border-radius: 999px;
  background: #fff;
  color: #574756;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  box-shadow: none;
  white-space: nowrap;
}

.hy-sub-container #bo_btn_top .btn_bo_user,
.hy-sub-container #bo_gall #bo_btn_top .btn_bo_user,
.hy-sub-container #bo_list #bo_btn_top .btn_bo_user {
  grid-column: 2;
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  list-style: none;
  width: auto;
}

.hy-sub-container #bo_btn_top .btn_bo_user > li,
.hy-sub-container #bo_gall #bo_btn_top .btn_bo_user > li,
.hy-sub-container #bo_list #bo_btn_top .btn_bo_user > li {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_btn_top .btn_bo_user a,
.hy-sub-container #bo_btn_top .btn_bo_user button,
.hy-sub-container #bo_btn_top .btn_bo_user .btn,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_b01,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_b02,
.hy-sub-container #bo_btn_top .btn_bo_user .btn_admin,
.hy-sub-container #bo_v_top .btn_bo_user a,
.hy-sub-container #bo_v_top .btn_bo_user button,
.hy-sub-container #bo_v_top .btn_bo_user .btn,
.hy-sub-container #bo_v_top .btn_bo_user .btn_b01,
.hy-sub-container #bo_v_top .btn_bo_user .btn_b02,
.hy-sub-container #bo_v_top .btn_bo_user .btn_admin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid #ead7e5;
  border-radius: 14px;
  background: linear-gradient(135deg,#fff8fb 0%,#f6dce9 100%);
  color: #69435c;
  box-shadow: 0 8px 18px rgba(112,68,95,.08);
  line-height: 1;
  text-decoration: none;
  overflow: hidden;
}

.hy-sub-container #bo_btn_top .btn_bo_user a:hover,
.hy-sub-container #bo_btn_top .btn_bo_user button:hover,
.hy-sub-container #bo_v_top .btn_bo_user a:hover,
.hy-sub-container #bo_v_top .btn_bo_user button:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg,#fff1f8 0%,#f0c6dc 100%);
}

.hy-sub-container #bo_btn_top .btn_bo_user .sound_only,
.hy-sub-container #bo_v_top .btn_bo_user .sound_only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  border: 0;
}

.hy-sub-container #fboardlist > .bo_fx,
.hy-sub-container #fboardlist > #bo_btn_bottom,
.hy-sub-container #bo_list #bo_btn_bottom,
.hy-sub-container #bo_gall #bo_btn_bottom,
.hy-sub-container #bo_list form#fboardlist > .btn_bo_user,
.hy-sub-container #bo_gall form#fboardlist > .btn_bo_user,
.hy-sub-container #bo_list form#fboardlist > ul.btn_bo_user,
.hy-sub-container #bo_gall form#fboardlist > ul.btn_bo_user {
  display: none !important;
}

.hy-sub-container form#fboardlist {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_list .tbl_head01,
.hy-sub-container #bo_list .tbl_wrap,
.hy-sub-container #bo_list .tbl_head01.tbl_wrap {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #efdfea;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.hy-sub-container #bo_list table,
.hy-sub-container #bo_list .tbl_head01 table {
  width: 100%;
  min-width: 780px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: #fff;
}

.hy-sub-container #bo_list thead th {
  height: 50px;
  padding: 12px 10px;
  border: 0;
  border-bottom: 1px solid #efdfea;
  background: #fff6fa;
  color: #60465b;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.hy-sub-container #bo_list tbody td {
  height: 54px;
  padding: 12px 10px;
  border: 0;
  border-bottom: 1px solid #f5edf3;
  background: #fff;
  color: #333844;
  font-size: 14px;
  line-height: 1.45;
  vertical-align: middle;
  text-align: center;
}

.hy-sub-container #bo_list tbody tr:last-child td {
  border-bottom: 0;
}

.hy-sub-container #bo_list .td_subject {
  text-align: left;
  min-width: 320px;
  max-width: none;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_list .bo_tit,
.hy-sub-container #bo_list .bo_tit a {
  display: inline;
  max-width: 100%;
  color: #171827;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.45;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_list td.empty_table,
.hy-sub-container #bo_list td.empty_list,
.hy-sub-container #bo_list .empty_table,
.hy-sub-container #bo_list .empty_list {
  display: table-cell;
  height: 150px;
  min-height: 0;
  padding: 36px 16px;
  border: 0;
  background: #fff;
  color: #2f2531;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  vertical-align: middle;
}

.hy-sub-container #bo_gall form#fboardlist,
.hy-sub-container #bo_gall .tbl_wrap,
.hy-sub-container #bo_gall .tbl_head01 {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.hy-sub-container #bo_gall #gall_ul,
.hy-sub-container #bo_gall ul.gall_row,
.hy-sub-container #bo_gall .gall_row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background: transparent;
}

.hy-sub-container #bo_gall .gall_li,
.hy-sub-container #bo_gall #gall_ul > li {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-sub-container #bo_gall .gall_box {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #efdfea;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(53,36,51,.06);
}

.hy-sub-container #bo_gall .gall_img {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff6fa;
}

.hy-sub-container #bo_gall .gall_img a,
.hy-sub-container #bo_gall .gall_img span {
  display: block;
  width: 100%;
}

.hy-sub-container #bo_gall .gall_img img {
  display: block;
  width: 100%;
  height: 190px;
  min-height: 190px;
  object-fit: cover;
  border-radius: 0;
  margin: 0;
}

.hy-sub-container #bo_gall .gall_chk,
.hy-sub-container #bo_gall .gall_text_href,
.hy-sub-container #bo_gall .gall_name,
.hy-sub-container #bo_gall .gall_info {
  padding-left: 16px;
  padding-right: 16px;
}

.hy-sub-container #bo_gall .gall_chk {
  padding-top: 12px;
  padding-bottom: 0;
}

.hy-sub-container #bo_gall .gall_text_href {
  display: block;
  margin: 12px 0 8px;
  color: #171827;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_gall .gall_name,
.hy-sub-container #bo_gall .gall_info {
  color: #7a7180;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.hy-sub-container #bo_gall .gall_info {
  padding-bottom: 16px;
}

.hy-sub-container #bo_gall .empty_table,
.hy-sub-container #bo_gall .empty_list {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 150px;
  margin: 0;
  padding: 36px 16px;
  border: 1px dashed #e8cddd;
  border-radius: 18px;
  background: #fffafd;
  color: #2f2531;
  font-weight: 900;
  text-align: center;
}

.hy-sub-container #bo_v {
  padding: 0;
}

.hy-sub-container #bo_v_title,
.hy-sub-container .bo_v_title {
  margin: 0 0 14px;
  padding: 0 0 14px;
  border: 0;
  border-bottom: 1px solid #efdfea;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_v_title h1,
.hy-sub-container h1.bo_v_tit,
.hy-sub-container .bo_v_title h1 {
  margin: 0;
  padding: 0;
  color: #111827;
  font-size: clamp(26px,2.4vw,34px);
  font-weight: 900;
  line-height: 1.28;
  letter-spacing: -.05em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.hy-sub-container #bo_v_info,
.hy-sub-container .bo_v_info {
  min-height: 0;
  margin: 0 0 12px;
  padding: 12px 0 14px;
  border: 0;
  border-bottom: 1px solid #f3e8ef;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_v_top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_v_top .btn_bo_user {
  margin: 0;
  padding: 0;
  justify-content: flex-end;
}

.hy-sub-container #bo_v_atc,
.hy-sub-container #bo_v_con,
.hy-sub-container .bo_v_con {
  min-height: 0;
  margin: 0;
  padding: 22px 0;
  border: 0;
  border-bottom: 1px solid #f3e8ef;
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.8;
}

.hy-sub-container #bo_v_act,
.hy-sub-container .bo_v_act {
  margin: 0;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid #f3e8ef;
  background: transparent;
  box-shadow: none;
}

.hy-sub-container #bo_v_nb,
.hy-sub-container .bo_v_nb {
  margin: 16px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.hy-sub-container #bo_vc article,
.hy-sub-container .bo_vc article,
.hy-sub-container #bo_vc .cmt_wrap,
.hy-sub-container #bo_vc .cmt_li {
  overflow: visible;
}

.hy-sub-container #bo_vc .bo_vc_act,
.hy-sub-container #bo_vc .comment-action {
  right: 14px;
}

@media (max-width:980px) {
  .hy-sub-container #bo_gall #gall_ul,
  .hy-sub-container #bo_gall ul.gall_row,
  .hy-sub-container #bo_gall .gall_row {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px) {
  .hy-sub-container #bo_btn_top,
  .hy-sub-container #bo_gall #bo_btn_top,
  .hy-sub-container #bo_list #bo_btn_top {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .hy-sub-container #bo_btn_top .btn_bo_user,
  .hy-sub-container #bo_gall #bo_btn_top .btn_bo_user,
  .hy-sub-container #bo_list #bo_btn_top .btn_bo_user {
    grid-column: 1;
    justify-self: start;
    justify-content: flex-start;
  }
  .hy-sub-container #bo_list .tbl_head01,
  .hy-sub-container #bo_list .tbl_wrap,
  .hy-sub-container #bo_list .tbl_head01.tbl_wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hy-sub-container #bo_list table,
  .hy-sub-container #bo_list .tbl_head01 table {
    min-width: 680px;
  }
  .hy-sub-container #bo_gall #gall_ul,
  .hy-sub-container #bo_gall ul.gall_row,
  .hy-sub-container #bo_gall .gall_row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .hy-sub-container #bo_gall .gall_img img {
    height: 210px;
  }
  .hy-sub-container #bo_v_title h1,
  .hy-sub-container h1.bo_v_tit,
  .hy-sub-container .bo_v_title h1 {
    font-size: 24px;
  }
}

@media (max-width:420px) {
  .hy-sub-container #bo_btn_top .btn_bo_user a,
  .hy-sub-container #bo_btn_top .btn_bo_user button,
  .hy-sub-container #bo_v_top .btn_bo_user a,
  .hy-sub-container #bo_v_top .btn_bo_user button {
    width: 39px;
    min-width: 39px;
    height: 39px;
    min-height: 39px;
    border-radius: 13px;
  }
}

:root {
  --hyb-text: #17141b;
  --hyb-muted: #746b76;
  --hyb-line: #eadde6;
  --hyb-line2: #f3e6ef;
  --hyb-soft: #fff8fc;
  --hyb-soft2: #fff0f7;
  --hyb-point: #d75b98;
  --hyb-point-dark: #63324e;
  --hyb-danger: #c94f64;
  --hyb-shadow: 0 18px 44px rgba(50,34,46,.07);
  --hyb-shadow-sm: 0 9px 24px rgba(50,34,46,.055);
}

.hy-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 100 !important;
}

.hy-brand {
  display: block;
  visibility: visible;
  opacity: 1;
}

.hy-brand a {
  display: flex;
  align-items: center;
}

.hy-brand__mark,.hy-brand__text {
  display: flex;
  visibility: visible;
  opacity: 1;
}

.hy-brand__mark {
  display: grid;
}

.hy-nav {
  visibility: visible;
  opacity: 1;
}

.hy-sub-container:has(.hy-board-screen),
.hy-sub-container:has(.hy-write-shell) {
  max-width: 1180px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  overflow: visible;
}

.hy-board-screen,
.hy-comments,
.hy-comment-write,
.hy-write-shell {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: var(--hyb-text);
  font-family: "Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.hy-board-screen *, .hy-comments *, .hy-comment-write *, .hy-write-shell * {
  box-sizing: border-box;
}

.hy-board-screen a,.hy-comments a,.hy-comment-write a {
  text-decoration: none;
  color: inherit;
}

.hy-board-screen ul,.hy-comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hy-board-title,
.hy-view-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
  padding: 26px 30px;
  border: 1px solid var(--hyb-line);
  border-radius: 28px;
  background: linear-gradient(180deg,#fff 0%,#fff8fc 100%);
  box-shadow: var(--hyb-shadow);
}

.hy-view-head {
  display: block;
}

.hy-board-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  margin: 0 0 10px;
  padding: 0 11px;
  border: 1px solid #efcfe0;
  border-radius: 999px;
  background: #fff;
  color: var(--hyb-point);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hy-board-kicker i {
  font-style: normal;
}

.hy-board-title h1,.hy-view-head h1 {
  margin: 0;
  color: #0f172a;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1.22;
  word-break: keep-all;
}

.hy-board-title p {
  margin: 8px 0 0;
  color: var(--hyb-muted);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.55;
}

.hy-board-actions,.hy-board-adminbar,.hy-view-actions,.hy-view-actions>div,.hy-view-reaction,.hy-comment-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-board-btn,
.hy-board-search button,
.hy-comment-tools a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--hyb-line);
  border-radius: 999px;
  background: #fff;
  color: #594a56;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 6px 14px rgba(50,34,46,.045);
  cursor: pointer;
}

.hy-board-btn.is-primary,.hy-board-search button {
  border-color: #efc5da;
  background: linear-gradient(135deg,#ffe7f2,#f4c2dc);
  color: var(--hyb-point-dark);
}

.hy-board-btn.is-danger {
  border-color: #f0c8d1;
  background: #fff0f4;
  color: var(--hyb-danger);
}

.hy-board-btn:hover,.hy-board-search button:hover {
  transform: translateY(-1px);
  box-shadow: var(--hyb-shadow-sm);
}

.hy-board-category {
  margin: 0 0 14px;
}

.hy-board-category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hy-board-category a,.hy-board-category li a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--hyb-line);
  border-radius: 999px;
  background: #fff;
  color: #594a56;
  font-size: 13px;
  font-weight: 850;
}

.hy-board-category #bo_cate_on,.hy-board-category .on {
  background: var(--hyb-soft2);
  border-color: #efc5da;
  color: var(--hyb-point);
}

.hy-board-toolbar {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 12px;
  align-items: center;
  margin: 0 0 14px;
}

.hy-board-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid var(--hyb-line);
  border-radius: 999px;
  background: #fff;
  color: #5d535d;
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 6px 14px rgba(50,34,46,.035);
}

.hy-board-total strong {
  color: var(--hyb-point);
}

.hy-board-search {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 6px;
  border: 1px solid var(--hyb-line);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 14px rgba(50,34,46,.035);
}

.hy-board-search select,.hy-board-search input {
  height: 38px;
  min-height: 38px;
  border: 1px solid var(--hyb-line);
  border-radius: 999px;
  background: #fff;
  color: #29242c;
  font-size: 14px;
  font-weight: 750;
  outline: 0;
  box-shadow: none;
}

.hy-board-search select {
  min-width: 148px;
  padding: 0 12px;
}

.hy-board-search input {
  width: 230px;
  padding: 0 15px;
}

.hy-board-search button {
  height: 38px;
  min-height: 38px;
  min-width: 64px;
  border: 0;
  padding: 0 15px;
}

.hy-board-listbox {
  overflow: hidden;
  border: 1px solid var(--hyb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--hyb-shadow);
}

.hy-board-row {
  position: relative;
  border-bottom: 1px solid var(--hyb-line2);
  background: #fff;
}

.hy-board-row:last-child {
  border-bottom: 0;
}

.hy-board-row.is-notice {
  background: linear-gradient(90deg,#fff8fc,#fff);
}

.hy-board-rowlink {
  display: grid;
  grid-template-columns: 70px minmax(0,1fr) 24px;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 14px 18px;
}

.hy-board-rowlink:hover {
  background: #fff9fc;
}

.hy-board-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  min-width: 44px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff0f7;
  color: var(--hyb-point);
  font-size: 13px;
  font-weight: 900;
}

.hy-board-rowtext {
  min-width: 0;
}

.hy-board-rowtext strong {
  display: block;
  color: #151219;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-board-rowtext strong em,.hy-gallery-info strong em {
  color: var(--hyb-point);
  font-style: normal;
  font-weight: 900;
}

.hy-board-rowtext small {
  display: block;
  margin-top: 6px;
  color: #776d78;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-board-rowlink>i {
  color: var(--hyb-point);
  font-style: normal;
  font-size: 25px;
  font-weight: 900;
}

.hy-board-check,.hy-gallery-check {
  position: absolute !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: #6e636d;
  font-size: 12px;
  font-weight: 850;
}

.hy-board-check {
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.hy-board-check input,.hy-gallery-check input {
  accent-color: #e061a0;
}

.hy-board-check + .hy-board-rowlink {
  padding-left: 80px;
}

.hy-board-adminbar {
  justify-content: flex-start;
  margin-top: 14px;
}

.hy-board-empty {
  padding: 34px 18px;
  border: 1px dashed var(--hyb-line);
  border-radius: 20px;
  background: #fffafd;
  color: #7b707a;
  text-align: center;
  font-size: 15px;
  font-weight: 800;
}

.hy-board-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.hy-board-pages a,.hy-board-pages strong,.hy-board-pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  border: 1px solid var(--hyb-line);
  border-radius: 12px;
  background: #fff;
  color: #5d535d;
  font-weight: 850;
}

.hy-board-pages strong,.hy-board-pages .pg_current {
  background: var(--hyb-soft2);
  color: var(--hyb-point);
  border-color: #efc5da;
}

.hy-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}

.hy-gallery-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--hyb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--hyb-shadow-sm);
  transition: .18s ease;
}

.hy-gallery-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--hyb-shadow);
}

.hy-gallery-link {
  display: block;
}

.hy-gallery-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  background: linear-gradient(135deg,#fff0f7,#f7f3ff);
  overflow: hidden;
}

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

.hy-gallery-thumb em {
  font-style: normal;
  font-size: 42px;
  opacity: .8;
}

.hy-gallery-info {
  display: block;
  padding: 16px 17px 18px;
}

.hy-gallery-info strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 46px;
  color: #151219;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
}

.hy-gallery-info small {
  display: block;
  margin-top: 10px;
  color: #776d78;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hy-gallery-check {
  top: 12px;
  left: 12px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  border: 1px solid var(--hyb-line);
}

.hy-view-back {
  display: inline-flex;
  margin-bottom: 12px;
  color: #80526d;
  font-size: 14px;
  font-weight: 850;
}

.hy-view-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.hy-view-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid var(--hyb-line);
  border-radius: 999px;
  background: #fff8fc;
  color: #6c626d;
  font-size: 13px;
  font-weight: 750;
}

.hy-view-meta strong {
  color: #2e2930;
}

.hy-view-images {
  display: grid;
  gap: 14px;
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid var(--hyb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--hyb-shadow-sm);
}

.hy-view-images img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 18px;
  border: 1px solid var(--hyb-line2);
}

.hy-view-content {
  min-height: 220px;
  margin: 0 0 18px;
  padding: 28px;
  border: 1px solid var(--hyb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--hyb-shadow);
  color: #2d2830;
  font-size: 16px;
  line-height: 1.85;
  overflow: hidden;
}

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

.hy-view-content p {
  margin: 0 0 1em;
}

.hy-view-box {
  margin: 0 0 16px;
  padding: 18px;
  border: 1px solid var(--hyb-line);
  border-radius: 22px;
  background: #fffafd;
}

.hy-view-box h2 {
  margin: 0 0 12px;
  color: #302a32;
  font-size: 16px;
  font-weight: 900;
}

.hy-view-box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--hyb-line2);
}

.hy-view-box li:last-child {
  border-bottom: 0;
}

.hy-view-actions {
  justify-content: space-between;
  margin: 18px 0 0;
  padding: 18px;
  border: 1px solid var(--hyb-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--hyb-shadow-sm);
}

.hy-view-reaction {
  justify-content: center;
  margin: 18px 0;
}

.hy-comments,.hy-comment-write {
  margin-top: 22px;
  padding: 22px 28px;
  border: 1px solid var(--hyb-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--hyb-shadow-sm);
}

.hy-comments-head h2,.hy-comment-write h2 {
  margin: 0 0 14px;
  color: #1c1820;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.035em;
}

.hy-comments-head strong {
  color: var(--hyb-point);
}

.hy-comment-list {
  display: grid;
  gap: 10px;
}

.hy-comment {
  padding: 16px;
  border: 1px solid var(--hyb-line);
  border-radius: 20px;
  background: #fff;
}

.hy-comment.is-reply {
  margin-left: calc(var(--depth,0) * 22px);
  background: #fffafd;
}

.hy-comment-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.hy-comment-meta strong {
  color: #221b24;
  font-weight: 900;
}

.hy-comment-meta span {
  color: #877c86;
  font-size: 13px;
  font-weight: 700;
}

.hy-comment-content {
  color: #342e36;
  font-size: 15px;
  line-height: 1.7;
}

.hy-comment-tools {
  display: flex;
  gap: 7px;
  margin-top: 10px;
}

.hy-comment-tools a {
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.hy-comment-guest {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.hy-comment-guest input,.hy-comment-write textarea {
  width: 100%;
  border: 1px solid var(--hyb-line);
  border-radius: 16px;
  background: #fff;
  outline: 0;
  box-shadow: none;
  font-family: inherit;
}

.hy-comment-guest input {
  height: 44px;
  padding: 0 13px;
}

.hy-comment-write textarea {
  min-height: 116px;
  padding: 14px;
  resize: vertical;
  font-size: 15px;
  line-height: 1.7;
}

.hy-comment-captcha {
  margin-top: 12px;
  padding: 12px;
  border: 1px dashed var(--hyb-line);
  border-radius: 18px;
  background: #fffafd;
}

.hy-comment-submit {
  margin-top: 12px;
}

.hy-write-shell {
  margin: 0 auto;
  padding: 28px;
  border: 1px solid var(--hyb-line);
  border-radius: 30px;
  background: #fff;
  box-shadow: var(--hyb-shadow);
}

.hy-write-titlebar {
  border: 0;
  border-bottom: 1px solid var(--hyb-line2);
  border-radius: 0;
  padding: 0 0 20px;
  margin: 0 0 18px;
  background: transparent;
  box-shadow: none;
}

.hy-write-native.hy-write-card {
  border: 1px solid var(--hyb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: none;
}

.hy-write-section,.hy-write-file {
  border-color: var(--hyb-line);
}

.hy-write-actions {
  border-top-color: var(--hyb-line2);
}

.hy-sub-container img {
  max-width: 100%;
  height: auto;
}

@media (max-width:980px) {
  .hy-board-title {
    align-items: flex-start;
  }
  .hy-board-toolbar {
    grid-template-columns: 1fr;
  }
  .hy-board-search {
    justify-self: stretch;
    display: grid;
    grid-template-columns: 140px minmax(0,1fr) 64px;
    border-radius: 22px;
  }
  .hy-board-search select,.hy-board-search input,.hy-board-search button {
    width: 100%;
    min-width: 0;
  }
  .hy-gallery-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .hy-view-actions {
    display: block;
  }
  .hy-view-actions>div {
    justify-content: flex-start;
    margin-top: 8px;
  }
}

@media (max-width:640px) {
  .hy-sub-container:has(.hy-board-screen),.hy-sub-container:has(.hy-write-shell) {
    padding: 0 8px;
  }
  .hy-board-title,.hy-view-head,.hy-write-shell {
    padding: 18px;
    border-radius: 22px;
  }
  .hy-board-title {
    display: block;
  }
  .hy-board-actions {
    justify-content: flex-start;
    margin-top: 14px;
  }
  .hy-board-title h1,.hy-view-head h1 {
    font-size: 25px;
  }
  .hy-board-search {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }
  .hy-board-rowlink {
    grid-template-columns: 1fr auto;
    gap: 8px;
    min-height: auto;
    padding: 16px;
  }
  .hy-board-no {
    justify-self: start;
  }
  .hy-board-rowtext {
    grid-column: 1/2;
  }
  .hy-board-rowtext strong,.hy-board-rowtext small {
    white-space: normal;
  }
  .hy-board-rowlink>i {
    grid-column: 2;
    grid-row: 1/3;
  }
  .hy-board-check {
    position: static !important;
    transform: none !important;
    margin: 10px 0 0 12px;
  }
  .hy-board-check + .hy-board-rowlink {
    padding-left: 16px;
  }
  .hy-gallery-grid {
    grid-template-columns: 1fr;
  }
  .hy-view-content,.hy-view-images {
    padding: 18px;
    border-radius: 20px;
  }
  .hy-comments,.hy-comment-write {
    padding: 16px;
    border-radius: 22px;
  }
  .hy-board-btn {
    min-height: 40px;
    padding: 0 13px;
    font-size: 13px;
  }
  .hy-comment-guest {
    grid-template-columns: 1fr;
  }
  .hy-comment.is-reply {
    margin-left: 10px;
  }
}

.hy-board-fallback-wrap {
  min-height: 100vh;
  background: linear-gradient(180deg,#fff 0%,#fff8fc 42%,#ffffff 100%);
}

.hy-board-fallback-wrap .hy-main--sub {
  padding: 30px 0 56px;
}

.hy-board-fallback-container {
  max-width: 1180px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  overflow: visible;
}

.hy-board-fallback-container .hy-board-screen:first-child,
.hy-board-fallback-container .hy-write-shell:first-child {
  margin-top: 0;
}

#bo_list.hy-board-screen,#bo_gall.hy-board-screen,#bo_v.hy-board-screen,#bo_w.hy-write-shell {
  display: block;
}

.hy-board-screen input[type="checkbox"] {
  accent-color: var(--hyb-point);
}

.hy-board-screen .sound_only,.hy-write-shell .sound_only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap;
  border: 0;
}

.hy-gallery-info strong,.hy-board-rowtext strong {
  word-break: keep-all;
}

.hy-gallery-info small,.hy-board-rowtext small {
  color: #786f79;
}

.hy-gallery-card .sv_wrap,.hy-board-row .sv_wrap {
  display: inline;
}

.hy-gallery-card .sv_wrap .sv,.hy-board-row .sv_wrap .sv {
  display: none !important;
}

.hy-board-screen .sv,
.hy-board-screen .sv_wrap,
.hy-board-screen .member-menu,
.hy-board-screen .profile_img + .sv,
.hy-board-screen .sv_member + .sv,
.hy-board-screen .sv_guest + .sv {
  display: none !important;
}

.hy-board-screen .sv_member,
.hy-board-screen .sv_guest {
  display: inline;
  color: inherit;
  text-decoration: none;
}

.hy-view-links a,.hy-view-links .hy-related-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  color: #111827;
  text-decoration: none;
  pointer-events: auto;
  position: relative;
  z-index: 2 !important;
  word-break: break-all;
}

.hy-view-links a:hover,.hy-view-links .hy-related-link:hover {
  color: #d45b9b;
  text-decoration: underline;
}

.hy-view-links li {
  justify-content: flex-start;
}

.hy-youtube-box {
  padding: 18px;
  border: 1px solid var(--hyb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--hyb-shadow-sm);
}

.hy-youtube-box h2 {
  margin: 0 0 12px;
  color: #302a32;
  font-size: 16px;
  font-weight: 900;
}

.hy-youtube-grid {
  display: grid;
  gap: 14px;
}

.hy-youtube-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 20px;
  background: #111;
  border: 1px solid var(--hyb-line2);
  box-shadow: 0 12px 32px rgba(41,29,36,.08);
}

.hy-youtube-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@supports not (aspect-ratio:16/9) {
  .hy-youtube-embed {
    height: 0;
    padding-top: 56.25%;
  }
  .hy-youtube-embed iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media (max-width:640px) {
  .hy-youtube-box {
    padding: 14px;
    border-radius: 20px;
  }
  .hy-youtube-embed {
    border-radius: 16px;
  }
}

.hy-view-link-previews .hy-view-link-preview-grid {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.hy-view-link-previews .hy-related-link {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  background: #fff8fc;
  border: 1px dashed rgba(236,124,169,.28);
  color: #6b4f60;
  font-weight: 800;
  text-decoration: none;
}

.hy-related-link-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.hy-related-link-list .hy-related-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.hy-related-link-list .hy-related-link span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hy-view-refined {
  max-width: 980px;
  margin: 0 auto;
}

.hy-view-refined .hy-view-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
}

.hy-view-refined .hy-view-top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-view-refined .hy-view-back {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid rgba(238,209,224,.9);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #7a5167;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(50,34,46,.045);
}

.hy-view-refined .hy-view-article {
  overflow: hidden;
  border: 1px solid rgba(236,210,224,.95);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(62,42,55,.085);
}

.hy-view-refined .hy-view-hero {
  margin: 0;
  padding: 32px 34px 24px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(245,226,236,.95);
  background: linear-gradient(180deg,#fff8fc 0%,#fff 100%);
  box-shadow: none;
}

.hy-view-refined .hy-board-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  margin: 0 0 12px;
  padding: 0 12px;
  border: 1px solid rgba(239,197,218,.85);
  border-radius: 999px;
  background: #fff;
  color: #b3477e;
  font-size: 13px;
  font-weight: 900;
}

.hy-view-refined .hy-view-hero h1 {
  margin: 0;
  color: #151017;
  font-size: 34px;
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: 1.23;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.hy-view-refined .hy-view-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0 0;
}

.hy-view-refined .hy-view-meta span {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(241,218,231,.95);
  border-radius: 999px;
  background: #fff;
  color: #716774;
  font-size: 12.5px;
  font-weight: 750;
}

.hy-view-refined .hy-view-meta b {
  margin-right: 4px;
  color: #9a8794;
  font-weight: 850;
}

.hy-view-refined .hy-view-meta strong {
  color: #342b35;
  font-weight: 900;
}

.hy-view-refined .hy-view-media,
.hy-view-refined .hy-view-images {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 24px 34px 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.hy-view-refined .hy-view-media a,
.hy-view-refined .hy-view-media .view_image,
.hy-view-refined .hy-view-images a {
  display: block;
  overflow: hidden;
  border-radius: 24px;
  background: #fff7fb;
  border: 1px solid rgba(241,218,231,.95);
}

.hy-view-refined .hy-view-media img,
.hy-view-refined .hy-view-images img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.hy-view-refined .hy-view-body,
.hy-view-refined .hy-view-content {
  min-height: 180px;
  margin: 0;
  padding: 30px 34px 34px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #2e2930;
  font-size: 17px;
  line-height: 1.9;
  letter-spacing: -.015em;
  overflow: hidden;
}

.hy-view-refined .hy-view-content #bo_v_con {
  max-width: 100%;
}

.hy-view-refined .hy-view-content p {
  margin: 0 0 1em;
}

.hy-view-refined .hy-view-content img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}

.hy-view-refined .hy-view-section,
.hy-view-refined .hy-view-box,
.hy-view-refined .hy-youtube-box {
  margin: 0;
  padding: 22px 34px;
  border: 0;
  border-top: 1px solid rgba(246,226,237,.95);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.hy-view-refined .hy-view-section-title,
.hy-view-refined .hy-view-section h2,
.hy-view-refined .hy-view-box h2,
.hy-view-refined .hy-youtube-box h2 {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
  color: #221b24;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -.025em;
}

.hy-view-refined .hy-view-section-title span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: #fff3f9;
  color: #b3477e;
}

.hy-view-refined .hy-related-link-list {
  display: grid;
  gap: 9px;
  margin: 0;
}

.hy-view-refined .hy-related-link {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(241,218,231,.95);
  border-radius: 16px;
  background: #fff9fc;
  color: #463b45;
  text-decoration: none;
  font-size: 14px;
  font-weight: 850;
}

.hy-view-refined .hy-related-link:hover {
  border-color: #efc5da;
  background: #fff3f9;
  color: #b3477e;
}

.hy-view-refined .hy-related-link em {
  font-style: normal;
  flex: 0 0 auto;
}

.hy-view-refined .hy-related-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hy-view-refined .hy-view-files ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hy-view-refined .hy-view-files li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(241,218,231,.95);
  border-radius: 16px;
  background: #fff9fc;
}

.hy-view-refined .hy-view-files li a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #463b45;
  text-decoration: none;
  font-weight: 850;
}

.hy-view-refined .hy-view-files li span {
  flex: 0 0 auto;
  color: #8b7d88;
  font-size: 12px;
  font-weight: 750;
}

.hy-view-refined .hy-view-reaction {
  justify-content: center;
  margin: 0;
  padding: 18px 34px 28px;
  border-top: 1px solid rgba(246,226,237,.95);
  background: #fff;
}

.hy-view-refined .hy-view-neighbor {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 14px 0 0;
}

.hy-view-refined .hy-view-neighbor a {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(236,210,224,.95);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 8px 20px rgba(50,34,46,.045);
  text-decoration: none;
}

.hy-view-refined .hy-view-neighbor b {
  color: #b3477e;
  font-size: 12px;
  font-weight: 950;
}

.hy-view-refined .hy-view-neighbor span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2d2730;
  font-size: 14px;
  font-weight: 850;
}

.hy-view-refined .hy-view-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 0;
  padding: 16px;
  border: 1px solid rgba(236,210,224,.95);
  border-radius: 22px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 20px rgba(50,34,46,.045);
}

.hy-view-refined .hy-view-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hy-view-refined + .hy-comments,
.hy-view-refined + script + .hy-comments,
.hy-board-view ~ .hy-comments {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width:980px) {
  .hy-view-refined {
    max-width: 100%;
  }
  .hy-view-refined .hy-view-neighbor {
    grid-template-columns: 1fr;
  }
  .hy-view-refined .hy-view-actions {
    display: block;
  }
  .hy-view-refined .hy-view-actions>div {
    justify-content: flex-start;
    margin-top: 8px;
  }
  .hy-view-refined .hy-view-actions>div:first-child {
    margin-top: 0;
  }
}

@media (max-width:640px) {
  .hy-view-refined .hy-view-topbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .hy-view-refined .hy-view-article {
    border-radius: 24px;
  }
  .hy-view-refined .hy-view-hero {
    padding: 22px 18px 18px;
  }
  .hy-view-refined .hy-view-hero h1 {
    font-size: 25px;
    line-height: 1.28;
  }
  .hy-view-refined .hy-view-meta span {
    font-size: 12px;
    min-height: 28px;
  }
  .hy-view-refined .hy-view-media,
  .hy-view-refined .hy-view-images {
    padding: 16px 18px 0;
  }
  .hy-view-refined .hy-view-media a,
  .hy-view-refined .hy-view-media .view_image,
  .hy-view-refined .hy-view-images a {
    border-radius: 18px;
  }
  .hy-view-refined .hy-view-body,
  .hy-view-refined .hy-view-content {
    padding: 22px 18px 26px;
    font-size: 16px;
    line-height: 1.85;
  }
  .hy-view-refined .hy-view-section,
  .hy-view-refined .hy-view-box,
  .hy-view-refined .hy-youtube-box {
    padding: 18px;
  }
  .hy-view-refined .hy-view-files li {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
  }
  .hy-view-refined .hy-view-files li a {
    white-space: normal;
  }
}

.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-content,
.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-body,
.hy-view-refined section#bo_v_atc.hy-view-content,
.hy-view-refined section#bo_v_atc.hy-view-body {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 180px;
  margin: 0;
  padding: 30px 34px 34px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #2e2930;
  font-size: 17px;
  line-height: 1.9;
  letter-spacing: -.015em;
  overflow: hidden;
}

.hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-content > #bo_v_con,
.hy-view-refined section#bo_v_atc.hy-view-content > #bo_v_con,
.hy-sub-container .hy-view-refined #bo_v_con,
.hy-view-refined #bo_v_con {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  word-break: break-word;
  overflow-wrap: anywhere;
  overflow: visible;
}

.hy-sub-container .hy-view-refined #bo_v_con > :first-child,
.hy-view-refined #bo_v_con > :first-child {
  margin-top: 0;
}

.hy-sub-container .hy-view-refined #bo_v_con > :last-child,
.hy-view-refined #bo_v_con > :last-child {
  margin-bottom: 0;
}

.hy-sub-container .hy-view-refined #bo_v_con a,
.hy-view-refined #bo_v_con a {
  color: #1f54c5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width:640px) {
  .hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-content,
  .hy-sub-container .hy-view-refined section#bo_v_atc.hy-view-body,
  .hy-view-refined section#bo_v_atc.hy-view-content,
  .hy-view-refined section#bo_v_atc.hy-view-body {
    padding: 22px 18px 26px;
    font-size: 16px;
    line-height: 1.85;
  }
}

.hy-board-list.is-freeboard-list .hy-board-adminbar.is-top {
  justify-content: flex-start;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(236,130,182,.22);
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 28px rgba(236,130,182,.08);
}

.hy-board-list.is-freeboard-list .hy-board-adminbar-label {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  color: #9a5274;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width:640px) {
  .hy-board-list.is-freeboard-list .hy-board-adminbar.is-top {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .hy-board-list.is-freeboard-list .hy-board-adminbar.is-top .hy-board-btn {
    flex: 0 0 auto;
  }
}

.hy-write-field--category {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.hy-write-field--category label {
  font-weight: 900;
  color: #2a1a29;
}

.hy-write-field--category label b {
  display: inline-flex;
  margin-left: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #ffe6f2;
  color: #d94b90;
  font-size: 11px;
  vertical-align: middle;
}

.hy-write-field--category select {
  display: block;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--hyb-line,#f0cfe0);
  border-radius: 16px;
  background: #fff;
  padding: 0 42px 0 16px;
  font-weight: 850;
  color: #201728;
  box-shadow: 0 10px 24px rgba(220,130,170,.08);
}

.hy-write-field--category .hy-write-help {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #8b7187;
}

.hy-board-category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hy-board-category a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--hyb-line,#f0cfe0);
  border-radius: 999px;
  background: #fff;
  color: #7a4a6a;
  font-weight: 850;
  text-decoration: none;
}

.hy-board-category a.on,.hy-board-category #bo_cate_on {
  background: #ffd8eb;
  border-color: #f3b8d5;
  color: #c43c83;
  box-shadow: 0 10px 22px rgba(223,101,157,.16);
}

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

#hy-wrap,.hy-wrap,.hy-main,.hy-container,.hy-sub-container,.hy-board-screen,.hy-write-shell,.hy-board-fallback-wrap,.hy-board-fallback-container {
  min-width: 0;
  max-width: 100%;
}

.hy-board-title,.hy-board-toolbar,.hy-board-listbox,.hy-gallery-grid,.hy-view-article,.hy-view-neighbor,.hy-view-actions,.hy-write-native,.hy-write-card {
  min-width: 0;
  max-width: 100%;
}

.hy-board-rowtext,.hy-gallery-info,.hy-view-content,#bo_v_con {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.hy-view-content a,#bo_v_con a,.hy-related-link span {
  overflow-wrap: anywhere;
  word-break: break-all;
}

.hy-board-cat-chip,.hy-view-cat-chip {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  margin: 0 0 7px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(239,198,222,.95);
  background: linear-gradient(180deg,#fff7fb 0%,#fff 100%);
  color: #d74491;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
}

.hy-view-cat-chip {
  margin: 10px 0 0;
}

.hy-board-empty-rich {
  display: grid;
  place-items: center;
  gap: 9px;
  min-height: 168px;
  padding: 32px 18px;
  border: 1px dashed rgba(235,191,216,.95);
  border-radius: 24px;
  background: linear-gradient(180deg,#fffafd 0%,#fff 100%);
  color: #7a6e7a;
  text-align: center;
  box-shadow: 0 12px 28px rgba(63,42,56,.04);
}

.hy-board-empty-rich:before {
  content: "🌸";
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: #fff1f8;
  border: 1px solid rgba(235,191,216,.95);
  font-size: 20px;
}

.hy-board-empty-rich strong {
  display: block;
  color: #201720;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.hy-board-empty-rich span {
  display: block;
  color: #7f7480;
  font-size: 14px;
  font-weight: 700;
}

.hy-board-empty-rich .hy-board-btn {
  margin-top: 6px;
}

.hy-board-adminbar {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hy-board-adminbar .hy-board-btn {
  white-space: nowrap;
  flex: 0 0 auto;
}

.hy-board-search {
  min-width: 0;
  max-width: 100%;
}

.hy-board-search select,.hy-board-search input {
  min-width: 0;
}

.hy-write-field input,.hy-write-field select,.hy-write-field textarea,.hy-write-section input,.hy-write-section textarea {
  min-width: 0;
  max-width: 100%;
}

.hy-write-title-wrap {
  min-width: 0;
}

.hy-write-field--content .wr_content,.hy-write-field--content .cke,.hy-write-field--content .cke_chrome {
  max-width: 100%;
  min-width: 0;
}

.hy-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hy-gallery-thumb em {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg,#fff5fa,#f7fbff);
  color: #d66ba2;
  font-style: normal;
}

@media (max-width:980px) {
  .hy-board-title {
    margin-left: 0;
    margin-right: 0;
  }
  .hy-board-toolbar {
    gap: 10px;
  }
  .hy-board-category {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 3px;
  }
  .hy-board-category ul {
    display: flex;
    flex-wrap: nowrap;
    min-width: max-content;
  }
}

@media (max-width:720px) {
  .hy-header {
    position: sticky !important;
    top: 0 !important;
    overflow: visible;
  }
  .hy-header__inner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }
  .hy-brand,.hy-brand a,.hy-brand__text {
    min-width: 0;
    max-width: 100%;
  }
  .hy-brand__text strong {
    max-width: calc(100vw - 172px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hy-menu-btn {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    min-width: 54px;
    white-space: nowrap;
  }
  .hy-account {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: 100%;
    justify-content: flex-end;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .hy-account__name {
    max-width: 45vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hy-nav {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  .hy-nav.is-open ul {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    width: 100%;
    min-width: 0;
  }
  .hy-nav.is-open li,.hy-nav.is-open a {
    min-width: 0;
    max-width: 100%;
  }
  .hy-nav.is-open a span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hy-board-title h1,.hy-view-head h1 {
    font-size: clamp(24px,7vw,31px);
    line-height: 1.18;
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .hy-board-rowlink {
    align-items: start;
  }
  .hy-board-rowtext strong {
    font-size: 16px;
    line-height: 1.35;
  }
  .hy-gallery-info strong {
    font-size: 16px;
    line-height: 1.35;
  }
  .hy-view-neighbor {
    grid-template-columns: 1fr;
  }
  .hy-view-actions>div {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
}

@media (max-width:460px) {
  .hy-board-btn {
    min-height: 38px;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 12px;
  }
  .hy-board-title,.hy-view-head,.hy-write-shell {
    padding: 16px;
  }
  .hy-board-search button {
    min-height: 40px;
  }
  .hy-board-empty-rich {
    min-height: 140px;
    padding: 24px 14px;
  }
}

.hy-sub-container .hy-captcha-box,
.hy-sub-container .hy-comment-captcha {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

.hy-sub-container .hy-captcha-box #captcha,
.hy-sub-container .hy-captcha-box fieldset#captcha,
.hy-sub-container .hy-captcha-box .captcha,
.hy-sub-container .hy-comment-captcha #captcha,
.hy-sub-container .hy-comment-captcha fieldset#captcha,
.hy-sub-container .hy-comment-captcha .captcha,
.hy-sub-container #bo_vc_w #captcha,
.hy-sub-container #bo_vc_w fieldset#captcha,
.hy-sub-container #bo_w #captcha,
.hy-sub-container #bo_w fieldset#captcha {
  position: relative;
  float: none;
  clear: both;
  display: grid;
  grid-template-columns: max-content minmax(180px,260px) auto auto;
  align-items: center;
  justify-content: start;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 10px 0;
  padding: 14px;
  border: 1px solid #eadbe5;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow: visible;
  box-sizing: border-box;
}

.hy-sub-container .hy-captcha-box #captcha legend,
.hy-sub-container .hy-captcha-box .captcha legend,
.hy-sub-container .hy-comment-captcha #captcha legend,
.hy-sub-container .hy-comment-captcha .captcha legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}

.hy-sub-container .hy-captcha-box #captcha_img,
.hy-sub-container .hy-captcha-box #captcha img,
.hy-sub-container .hy-captcha-box .captcha img,
.hy-sub-container .hy-comment-captcha #captcha_img,
.hy-sub-container .hy-comment-captcha #captcha img,
.hy-sub-container .hy-comment-captcha .captcha img,
.hy-sub-container #bo_vc_w #captcha_img,
.hy-sub-container #bo_vc_w #captcha img,
.hy-sub-container #bo_w #captcha_img,
.hy-sub-container #bo_w #captcha img {
  position: static;
  float: none;
  grid-column: auto;
  display: block;
  width: auto;
  max-width: 132px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid #e4d7e1;
  border-radius: 9px;
  background: #fff;
  object-fit: contain;
  box-shadow: none;
  box-sizing: border-box;
}

.hy-sub-container .hy-captcha-box #captcha_key,
.hy-sub-container .hy-captcha-box input[name="captcha_key"],
.hy-sub-container .hy-comment-captcha #captcha_key,
.hy-sub-container .hy-comment-captcha input[name="captcha_key"],
.hy-sub-container #bo_vc_w #captcha_key,
.hy-sub-container #bo_vc_w input[name="captcha_key"],
.hy-sub-container #bo_w #captcha_key,
.hy-sub-container #bo_w input[name="captcha_key"] {
  position: static;
  float: none;
  display: block;
  width: 100%;
  max-width: 260px;
  min-width: 160px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #f0bfd7;
  border-radius: 14px;
  background: #fff;
  color: #111827;
  font-size: 16px;
  font-weight: 800;
  line-height: 44px;
  letter-spacing: .04em;
  box-shadow: none;
  box-sizing: border-box;
}

.hy-sub-container .hy-captcha-box #captcha_mp3,
.hy-sub-container .hy-captcha-box #captcha_reload,
.hy-sub-container .hy-captcha-box button[id*="captcha"],
.hy-sub-container .hy-captcha-box .captcha button,
.hy-sub-container .hy-comment-captcha #captcha_mp3,
.hy-sub-container .hy-comment-captcha #captcha_reload,
.hy-sub-container .hy-comment-captcha button[id*="captcha"],
.hy-sub-container .hy-comment-captcha .captcha button,
.hy-sub-container #bo_vc_w #captcha_mp3,
.hy-sub-container #bo_vc_w #captcha_reload,
.hy-sub-container #bo_vc_w button[id*="captcha"],
.hy-sub-container #bo_w #captcha_mp3,
.hy-sub-container #bo_w #captcha_reload,
.hy-sub-container #bo_w button[id*="captcha"] {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 58px;
  max-width: none;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #e4c3d5;
  border-radius: 13px;
  background: linear-gradient(180deg,#fff 0%,#fff3f9 100%);
  color: #5f3553;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  text-indent: 0;
  letter-spacing: -.02em;
  box-shadow: 0 6px 14px rgba(80,42,65,.07);
  opacity: 1;
  visibility: visible;
  filter: none;
  overflow: visible;
  box-sizing: border-box;
}

.hy-sub-container .hy-captcha-box #captcha_reload,
.hy-sub-container .hy-comment-captcha #captcha_reload,
.hy-sub-container #bo_vc_w #captcha_reload,
.hy-sub-container #bo_w #captcha_reload {
  min-width: 72px;
}

.hy-sub-container .hy-captcha-box #captcha_mp3 i,
.hy-sub-container .hy-captcha-box #captcha_reload i,
.hy-sub-container .hy-captcha-box button[id*="captcha"] i,
.hy-sub-container .hy-comment-captcha #captcha_mp3 i,
.hy-sub-container .hy-comment-captcha #captcha_reload i,
.hy-sub-container .hy-comment-captcha button[id*="captcha"] i,
.hy-sub-container #bo_vc_w button[id*="captcha"] i,
.hy-sub-container #bo_w button[id*="captcha"] i {
  color: #5f3553;
  opacity: 1;
  visibility: visible;
  filter: none;
  font-size: 15px;
  line-height: 1;
}

.hy-sub-container .hy-captcha-box #captcha_info,
.hy-sub-container .hy-captcha-box .captcha_info,
.hy-sub-container .hy-comment-captcha #captcha_info,
.hy-sub-container .hy-comment-captcha .captcha_info,
.hy-sub-container #bo_vc_w #captcha_info,
.hy-sub-container #bo_w #captcha_info {
  position: static;
  float: none;
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2px 0 0;
  color: #706b78;
  font-size: 13px;
  line-height: 1.45;
  word-break: keep-all;
  overflow-wrap: break-word;
}

@media (max-width:640px) {
  .hy-sub-container .hy-captcha-box #captcha,
  .hy-sub-container .hy-captcha-box fieldset#captcha,
  .hy-sub-container .hy-captcha-box .captcha,
  .hy-sub-container .hy-comment-captcha #captcha,
  .hy-sub-container .hy-comment-captcha fieldset#captcha,
  .hy-sub-container .hy-comment-captcha .captcha,
  .hy-sub-container #bo_vc_w #captcha,
  .hy-sub-container #bo_vc_w fieldset#captcha,
  .hy-sub-container #bo_w #captcha,
  .hy-sub-container #bo_w fieldset#captcha {
    grid-template-columns: minmax(108px,132px) minmax(0,1fr);
    gap: 8px;
    padding: 12px;
  }
  .hy-sub-container .hy-captcha-box #captcha_img,
  .hy-sub-container .hy-captcha-box #captcha img,
  .hy-sub-container .hy-captcha-box .captcha img,
  .hy-sub-container .hy-comment-captcha #captcha_img,
  .hy-sub-container .hy-comment-captcha #captcha img,
  .hy-sub-container .hy-comment-captcha .captcha img,
  .hy-sub-container #bo_vc_w #captcha_img,
  .hy-sub-container #bo_vc_w #captcha img,
  .hy-sub-container #bo_w #captcha_img,
  .hy-sub-container #bo_w #captcha img {
    width: 100%;
    max-width: 132px;
  }
  .hy-sub-container .hy-captcha-box #captcha_key,
  .hy-sub-container .hy-captcha-box input[name="captcha_key"],
  .hy-sub-container .hy-comment-captcha #captcha_key,
  .hy-sub-container .hy-comment-captcha input[name="captcha_key"],
  .hy-sub-container #bo_vc_w #captcha_key,
  .hy-sub-container #bo_vc_w input[name="captcha_key"],
  .hy-sub-container #bo_w #captcha_key,
  .hy-sub-container #bo_w input[name="captcha_key"] {
    min-width: 0;
    max-width: 100%;
  }
  .hy-sub-container .hy-captcha-box #captcha_mp3,
  .hy-sub-container .hy-captcha-box #captcha_reload,
  .hy-sub-container .hy-captcha-box button[id*="captcha"],
  .hy-sub-container .hy-comment-captcha #captcha_mp3,
  .hy-sub-container .hy-comment-captcha #captcha_reload,
  .hy-sub-container .hy-comment-captcha button[id*="captcha"],
  .hy-sub-container #bo_vc_w #captcha_mp3,
  .hy-sub-container #bo_vc_w #captcha_reload,
  .hy-sub-container #bo_vc_w button[id*="captcha"],
  .hy-sub-container #bo_w #captcha_mp3,
  .hy-sub-container #bo_w #captcha_reload,
  .hy-sub-container #bo_w button[id*="captcha"] {
    width: 100%;
    min-width: 0;
    padding: 0 10px;
  }
}

@media (max-width:420px) {
  .hy-sub-container .hy-captcha-box #captcha,
  .hy-sub-container .hy-captcha-box fieldset#captcha,
  .hy-sub-container .hy-captcha-box .captcha,
  .hy-sub-container .hy-comment-captcha #captcha,
  .hy-sub-container .hy-comment-captcha fieldset#captcha,
  .hy-sub-container .hy-comment-captcha .captcha,
  .hy-sub-container #bo_vc_w #captcha,
  .hy-sub-container #bo_vc_w fieldset#captcha,
  .hy-sub-container #bo_w #captcha,
  .hy-sub-container #bo_w fieldset#captcha {
    grid-template-columns: 1fr;
  }
  .hy-sub-container .hy-captcha-box #captcha_img,
  .hy-sub-container .hy-captcha-box #captcha img,
  .hy-sub-container .hy-captcha-box .captcha img,
  .hy-sub-container .hy-comment-captcha #captcha_img,
  .hy-sub-container .hy-comment-captcha #captcha img,
  .hy-sub-container .hy-comment-captcha .captcha img,
  .hy-sub-container #bo_vc_w #captcha_img,
  .hy-sub-container #bo_vc_w #captcha img,
  .hy-sub-container #bo_w #captcha_img,
  .hy-sub-container #bo_w #captcha img,
  .hy-sub-container .hy-captcha-box #captcha_key,
  .hy-sub-container .hy-captcha-box input[name="captcha_key"],
  .hy-sub-container .hy-comment-captcha #captcha_key,
  .hy-sub-container .hy-comment-captcha input[name="captcha_key"],
  .hy-sub-container #bo_vc_w #captcha_key,
  .hy-sub-container #bo_vc_w input[name="captcha_key"],
  .hy-sub-container #bo_w #captcha_key,
  .hy-sub-container #bo_w input[name="captcha_key"] {
    width: 100%;
    max-width: 100%;
  }
}

.hy-board-row.has-thumb {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 0;
  align-items: stretch;
}

.hy-board-thumb-link {
  display: block;
  width: 100px;
  height: 100%;
  min-height: 72px;
  overflow: hidden;
  border-radius: 14px 0 0 14px;
  flex-shrink: 0;
}

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

.hy-board-row.has-thumb:hover .hy-board-thumb {
  transform: scale(1.05);
}

.hy-board-row.has-thumb .hy-board-rowlink {
  border-radius: 0 14px 14px 0;
}

@media (max-width: 640px) {
  .hy-board-row.has-thumb {
    grid-template-columns: 80px 1fr;
  }
  .hy-board-thumb-link {
    width: 80px;
    min-height: 64px;
  }
}

.hy-board-row {
  display: flex;
  align-items: stretch;
  border-radius: 16px;
  border: 1px solid #f2dce8;
  background: #fff;
  margin-bottom: 6px;
  overflow: hidden;
  transition: box-shadow .15s, border-color .15s;
}

.hy-board-row:hover {
  box-shadow: 0 4px 18px rgba(200,80,160,.1);
  border-color: #e7b4d0;
}

.hy-board-row.is-notice {
  background: linear-gradient(135deg,#fff9fc,#fff);
  border-color: #f5c5d8;
}

.hy-board-no {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  flex-shrink: 0;
  font-size: 13px;
  color: #c8a0b8;
  font-weight: 800;
  padding: 14px 8px;
}

.hy-board-no b {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg,#ff7fb5,#c9a0dc);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.hy-board-rowlink {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  padding: 13px 14px 13px 0;
  text-decoration: none;
  color: inherit;
  gap: 0;
}

.hy-board-rowlink:hover {
  background: none;
}

.hy-board-rowtext {
  flex: 1;
  min-width: 0;
  display: block;
}

.hy-board-rowtext strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #2b1a27;
  letter-spacing: -.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}

.hy-board-row:hover .hy-board-rowtext strong {
  color: #e7478f;
}

.hy-comment-cnt {
  color: #e7478f;
  font-size: 13px;
  font-weight: 800;
}

.hy-board-rowtext small {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: #b8a2b5;
  font-weight: 500;
}

.hy-row-name {
  color: #9a8291;
  font-weight: 700;
}

.hy-board-thumb-link {
  width: 90px;
  min-height: 68px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px;
  margin: 8px;
}

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

.hy-board-row:hover .hy-board-thumb {
  transform: scale(1.06);
}

.hy-board-check {
  display: flex !important;
  align-items: center;
  padding: 0 10px;
}

.hy-board-check input {
  accent-color: #e7478f;
  width: 15px;
  height: 15px;
}

.hy-board-check span {
  display: none !important;
}

.hy-board-cat-chip {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  background: #fff0f7;
  color: #e7478f;
  font-size: 11px;
  font-weight: 900;
  margin-right: 6px;
  border: 1px solid #ffd5e8;
}

@media (max-width: 640px) {
  .hy-board-no {
    min-width: 38px;
    font-size: 12px;
  }
  .hy-board-rowtext strong {
    font-size: 14px;
  }
  .hy-board-thumb-link {
    width: 72px;
    min-height: 58px;
  }
}

.hy-account__mypage {
  font-weight: 900;
  color: #e7478f;
}

.hy-board-emoji {
  margin-right: 8px;
  font-style: normal;
}

.hy-board-row.has-thumb {
  overflow: hidden;
}

.hy-board-thumb-link {
  display: block;
  width: 96px;
  min-height: 72px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 12px;
  margin: 8px 0 8px 8px;
}

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

.hy-board-row:hover .hy-board-thumb {
  transform: scale(1.06);
}

.hy-board-row {
  display: flex;
  align-items: stretch;
  border-radius: 14px;
  border: 1px solid #f2dce8;
  background: #fff;
  margin-bottom: 6px;
  overflow: hidden;
  transition: box-shadow .15s, border-color .15s;
}

.hy-board-row:hover {
  box-shadow: 0 4px 18px rgba(200,80,160,.1);
  border-color: #e7b4d0;
}

.hy-board-row.is-notice {
  background: linear-gradient(135deg,#fff9fc,#fff);
  border-color: #f5c5d8;
}

.hy-board-no {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  flex-shrink: 0;
  font-size: 13px;
  color: #c8a0b8;
  font-weight: 800;
  padding: 14px 8px;
}

.hy-board-no b {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg,#ff7fb5,#c9a0dc);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.hy-board-rowlink {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  padding: 13px 14px 13px 0;
  text-decoration: none;
  color: inherit;
}

.hy-board-rowtext {
  flex: 1;
  min-width: 0;
  display: block;
}

.hy-board-rowtext strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #2b1a27;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
  letter-spacing: -.02em;
}

.hy-board-row:hover .hy-board-rowtext strong {
  color: #e7478f;
}

.hy-board-rowtext small {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: #b8a2b5;
}

.hy-board-check {
  display: flex;
  align-items: center;
  padding: 0 6px 0 12px;
}

.hy-board-check input {
  accent-color: #e7478f;
  width: 14px;
  height: 14px;
}

.hy-board-check span {
  display: none;
}

.hy-board-cat-chip {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  background: #fff0f7;
  color: #e7478f;
  font-size: 11px;
  font-weight: 900;
  margin-right: 6px;
  border: 1px solid #ffd5e8;
}

.hy-comment-cnt {
  color: #e7478f;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 640px) {
  .hy-board-no {
    min-width: 38px;
    font-size: 12px;
  }
  .hy-board-rowtext strong {
    font-size: 14px;
  }
  .hy-board-thumb-link {
    width: 76px;
  }
}

.hy-board-row {
  margin-bottom: 4px;
}

.hy-board-list {
  display: grid;
  gap: 4px;
}

.hy-board-rowlink {
  padding: 11px 12px 11px 0;
  min-height: 0;
}

.hy-board-rowtext strong {
  font-size: 14.5px;
  margin-bottom: 3px;
}

.hy-board-rowtext small {
  font-size: 11.5px;
}

.hy-board-no {
  min-width: 44px;
  font-size: 12px;
  padding: 0 6px;
}

.hy-board-bulk {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 0;
}

.hy-board-bulk__label {
  display: none !important;
}

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

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

@media (max-width: 860px) {
  .hy-menu-btn {
    display: inline-flex !important;
  }
}


/* 2026-06-08 postlist inline fallback mirror */
html body .hy-view-postlist-card{width:100%!important;max-width:100%!important;margin:22px 0 0!important;padding:22px 24px!important;border:1px solid #eedde7!important;border-radius:26px!important;background:#fff!important;box-shadow:0 12px 28px rgba(80,36,67,.045)!important;box-sizing:border-box!important}
html body .hy-view-postlist-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid #f2e3ec!important}
html body .hy-view-postlist-head h2{margin:0!important;color:#17131b!important;font-size:19px!important;font-weight:950!important;letter-spacing:-.04em!important;line-height:1.25!important}
html body .hy-view-postlist-head h2:before{content:"📋";margin-right:7px;font-size:16px}
html body .hy-view-postlist-head a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 13px!important;border:1px solid #eedde7!important;border-radius:999px!important;background:#fff!important;color:#6b5364!important;font-size:12px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important}
html body .hy-view-postlist-items{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;padding:0!important}
html body .hy-view-postlist-row{display:flex!important;align-items:center!important;gap:13px!important;min-height:60px!important;width:100%!important;padding:11px 14px!important;border:1px solid #f0e2eb!important;border-radius:17px!important;background:#fff!important;color:inherit!important;text-decoration:none!important;box-sizing:border-box!important}
html body .hy-view-postlist-row:hover{border-color:#efcfe0!important;background:#fffafd!important}
html body .hy-view-postlist-row.is-current{border-color:#e7b5d0!important;background:linear-gradient(135deg,#fff8fc,#fff)!important}
html body .hy-view-postlist-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 74px!important;width:74px!important;min-height:32px!important;padding:0 8px!important;border-radius:999px!important;background:#fff2fa!important;color:#e38bbb!important;font-size:12px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}
html body .hy-view-postlist-main{flex:1 1 auto!important;min-width:0!important;display:grid!important;gap:4px!important}
html body .hy-view-postlist-main strong{display:block!important;min-width:0!important;max-width:100%!important;color:#19141d!important;font-size:14.5px!important;font-weight:900!important;line-height:1.35!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .hy-view-postlist-main strong em{display:inline-flex!important;margin-left:6px!important;color:#e38bbb!important;font-size:12px!important;font-style:normal!important;font-weight:950!important;vertical-align:baseline!important}
html body .hy-view-postlist-main small{display:block!important;min-width:0!important;color:#8c7c88!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media (max-width:760px){html body .hy-view-postlist-card{margin-top:16px!important;padding:16px!important;border-radius:20px!important}html body .hy-view-postlist-head{align-items:flex-start!important;padding-bottom:10px!important}html body .hy-view-postlist-row{gap:10px!important;min-height:56px!important;padding:10px 11px!important}html body .hy-view-postlist-badge{flex-basis:58px!important;width:58px!important;min-height:30px!important;font-size:11px!important}}


/* 2026-06-08 custom uploaded font fallback */
html body .hy-board-screen,html body .hy-board-screen *,html body .hy-gallery-wrap,html body .hy-gallery-wrap *,html body .hy-att-wrap,html body .hy-att-wrap *,html body .hy-content-page,html body .hy-content-page *,html body .hy-faq-wrap,html body .hy-faq-wrap *{font-family:var(--hy-custom-font, Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif)!important;}


/* 2026-06-09 main profile avatar */
.hy-login-card .hy-main-profile-avatar {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: linear-gradient(135deg,#f77fb5,#c9a0dc);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 950;
  color: #fff;
  flex: 0 0 52px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(201,99,154,.16);
  border: 1px solid rgba(255,255,255,.78);
  box-sizing: border-box;
}
.hy-login-card .hy-main-profile-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: none !important;
  max-height: none !important;
}
.hy-login-card .hy-main-profile-avatar--fallback {
  text-shadow: 0 1px 2px rgba(80,36,67,.16);
}
@media (max-width: 720px) {
  .hy-login-card .hy-main-profile-avatar {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 16px;
  }
}

/* v40 common footer: shared by main, board, group short URLs, member pages */
.hy-footer .hy-footer__inner,
.hy-footer__inner {
  width: min(1180px, calc(100% - 36px));
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 24px 34px;
}
.hy-footer__brand { width: 100%; max-width: 960px; min-width: 0; }
.hy-footer__brand p { display:flex; align-items:center; gap:7px; max-width:100%; white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
.hy-footer__meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 30px; width:100%; max-width:960px; margin-top:16px; }
.hy-footer__meta-row { display:grid; grid-template-columns:126px minmax(0,1fr); gap:12px; align-items:start; min-width:0; }
.hy-footer__meta-label { white-space:nowrap; color:#b05f8d; font-weight:900; }
.hy-footer__meta-value { min-width:0; word-break:keep-all; overflow-wrap:anywhere; }
.hy-footer__notice { width:100%; max-width:960px; }
.hy-footer__nav { justify-content:flex-end; align-content:flex-start; max-width:260px; }
@media (max-width:900px) {
  .hy-footer .hy-footer__inner,
  .hy-footer__inner { grid-template-columns:1fr; }
  .hy-footer__nav { justify-content:flex-start; max-width:none; }
}
@media (max-width:640px) {
  .hy-footer .hy-footer__inner,
  .hy-footer__inner { width:min(100% - 28px, 1180px); gap:18px; }
  .hy-footer__meta { grid-template-columns:1fr; gap:8px; }
  .hy-footer__meta-row { grid-template-columns:98px minmax(0,1fr); gap:8px; }
}


/* 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;
}


/* v42: 상단 공통 메뉴 그룹/게시판 이모지 규격 통일 */
.hy-header .hy-nav a { display: inline-flex !important; align-items: center !important; gap: 7px !important; line-height: 1.25 !important; }
.hy-header .hy-nav .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;
  border-radius: 9px !important;
  background: linear-gradient(135deg,#fff0f7,#f2f4ff) !important;
  border: 1px solid rgba(246,203,226,.9) !important;
  box-shadow: 0 6px 14px rgba(151,92,128,.08) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow: hidden !important;
}
.hy-header .hy-nav .hy-menu-label { display: inline-block !important; min-width: 0 !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;}}

/* 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;}
}

/* v48: 게시글 보기 작성자 프로필 중복 제거/닉네임 옆 정렬 */
html body #bo_v .hy-view-author-panel{display:none!important}
html body #bo_v .hy-view-author-meta{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;vertical-align:middle!important}
html body #bo_v .hy-view-author-meta .hy-author-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important;line-height:1!important}
html body #bo_v .hy-view-author-meta .hy-author-avatar{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:10px!important;border-radius:999px!important}
html body #bo_v .hy-view-author-meta .hy-author-chip__name{font-weight:950!important;color:#4b2f42!important;line-height:1.1!important;max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}


/* v51: 모바일 글목록 썸네일 과대 표시 방지 - 공통 안전장치 */
@media (max-width:760px){
  html body #bo_list.hy-list3-screen .hy-list3-row.has-thumb{grid-template-columns:minmax(0,1fr) 58px!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) 58px!important;align-items:start!important;}
  html body #bo_list.hy-list3-screen .hy-list3-thumb{display:block!important;order:2!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;aspect-ratio:1/1!important;margin:0!important;border-radius:13px!important;overflow:hidden!important;justify-self:end!important;align-self:start!important;box-sizing:border-box!important;}
  html body #bo_list.hy-list3-screen .hy-list3-thumb img{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;}
  html body #bo_list.hy-list3-screen .hy-list3-body{order:1!important;min-width: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
   PC에서 하위메뉴로 마우스를 옮기는 순간 닫히지 않도록 hover 브릿지 + JS 딜레이 상태를 지원합니다. */
@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: 메인 슬라이드쇼 컨트롤바 정돈 */
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
.hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: min(88%, 360px) !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 4px 6px !important;
  gap: 6px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(245,214,233,.92) !important;
  box-shadow: 0 10px 24px rgba(71,38,61,.13) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav,
.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav,
.hy-slideshow[data-hy-slideshow] .hy-slide-nav {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(238,207,228,.95) !important;
  background: rgba(255,255,255,.94) !important;
  color: #9d6890 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 10px rgba(107,62,90,.10) !important;
}
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav:hover,
.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav:hover,
.hy-slideshow[data-hy-slideshow] .hy-slide-nav:hover {
  background: #fff4fa !important;
  color: #8d4f7e !important;
}
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots,
.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots,
.hy-slideshow[data-hy-slideshow] .hy-slide-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 24px !important;
  max-width: min(44vw, 170px) !important;
  padding: 0 7px !important;
  overflow: hidden !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-slideshow[data-hy-slideshow] .hy-slide-dots button,
.hy-slideshow[data-hy-slideshow] .hy-slide-dots button {
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: rgba(214,190,205,.92) !important;
  opacity: .88 !important;
}
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active,
.hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button[aria-current="true"],
.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active,
.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots button[aria-current="true"],
.hy-slideshow[data-hy-slideshow] .hy-slide-dots button.is-active,
.hy-slideshow[data-hy-slideshow] .hy-slide-dots button[aria-current="true"] {
  width: 22px !important;
  height: 6px !important;
  background: linear-gradient(90deg,#d98ab8,#b874a4) !important;
  opacity: 1 !important;
}
@media (max-width: 520px) {
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
  .hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls,
  .hy-slideshow[data-hy-slideshow] .hy-slideshow__controls {
    bottom: 9px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 5px !important;
    gap: 5px !important;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav,
  .hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-nav,
  .hy-slideshow[data-hy-slideshow] .hy-slide-nav {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 17px !important;
  }
  .hy-home.hy-home--mix .hy-slideshow[data-hy-slideshow] .hy-slide-dots,
  .hy-home--mix .hy-slideshow[data-hy-slideshow] .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;
  }
}