@charset "utf-8";

/* 2026-06-07 final PC/header/board/connect repair
   목적: 이전 누적 CSS 위에 최소 범위로 실제 PC 레이아웃을 다시 잡는다. */

@media (min-width: 761px) {
  body .hy-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 300 !important;
    background: rgba(255,255,255,.96) !important;
    border-bottom: 1px solid rgba(239,213,229,.82) !important;
    box-shadow: 0 10px 28px rgba(63,37,55,.045) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  body .hy-header > .hy-container.hy-header__inner,
  body .hy-container.hy-header__inner {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    min-height: 102px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 14px 0 12px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand spacer account"
      "nav nav nav" !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 28px !important;
    row-gap: 10px !important;
    box-sizing: border-box !important;
  }

  body .hy-brand {
    grid-area: brand !important;
    justify-self: start !important;
    align-self: center !important;
    flex: none !important;
    width: auto !important;
    max-width: 120px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    order: initial !important;
  }

  body .hy-brand > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 44px !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  body .hy-brand__image-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 92px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body .hy-header-search-quick,
  body .hy-menu-btn {
    display: none !important;
  }

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

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

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

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

  body .hy-nav[data-hy-nav],
  body .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: 8px 12px !important;
    background: rgba(255,248,252,.72) !important;
    border: 1px solid rgba(245,218,235,.86) !important;
    border-radius: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
    box-sizing: border-box !important;
  }

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

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

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

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

  body .hy-nav > ul > li > a:hover,
  body .hy-nav a:focus-visible {
    color: #d94b8f !important;
    background: #fff !important;
    box-shadow: 0 7px 16px rgba(201,99,154,.10) !important;
  }

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

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

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

  body .hy-sub-container {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  body .hy-header > .hy-container.hy-header__inner,
  body .hy-container.hy-header__inner {
    width: min(100% - 32px, 1040px) !important;
    column-gap: 18px !important;
  }
  body .hy-nav > ul,
  body .hy-nav ul { gap: 7px 17px !important; }
  body .hy-nav > ul > li > a,
  body .hy-nav a,
  body .hy-account__name,
  body .hy-account span,
  body .hy-account a,
  body .hy-account .hy-btn,
  body .hy-account__link { font-size: 13px !important; }
}

/* PC 게시판 목록: 썸네일/제목/메타가 세로로 무너지는 문제 고정 */
@media (min-width: 761px) {
  body #bo_list.hy-board-screen,
  body .hy-board-screen.hy-board-list {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 26px auto 70px !important;
    color: #15121a !important;
  }

  body #bo_list .hy-board-title {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 22px !important;
    margin-bottom: 26px !important;
    padding: 0 4px !important;
  }

  body #bo_list .hy-board-title h1 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.045em !important;
  }

  body #bo_list .hy-board-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  body #bo_list .hy-board-toolbar {
    display: grid !important;
    grid-template-columns: auto minmax(360px, 560px) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #bo_list .hy-board-total {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(238,204,225,.95) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #5f4b58 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body #bo_list .hy-board-search {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) 88px !important;
    align-items: center !important;
    gap: 0 !important;
    height: 56px !important;
    min-width: 0 !important;
    padding: 0 6px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(237,205,225,.95) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(111,58,90,.045) !important;
  }

  body #bo_list .hy-board-search select,
  body #bo_list .hy-board-search input,
  body #bo_list .hy-board-search button {
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    outline: 0 !important;
  }

  body #bo_list .hy-board-search select { padding: 0 18px !important; color: #201620 !important; border-right: 1px solid rgba(239,218,231,.95) !important; }
  body #bo_list .hy-board-search input { padding: 0 18px !important; color: #201620 !important; }
  body #bo_list .hy-board-search button {
    align-self: center !important;
    justify-self: end !important;
    width: 76px !important;
    height: 44px !important;
    margin-right: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,#fff2f8,#edc0d9) !important;
    color: #74395f !important;
    font-weight: 900 !important;
  }

  body #bo_list .hy-board-adminbar {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 58px !important;
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(239,211,229,.95) !important;
    border-radius: 20px !important;
    background: rgba(255,250,253,.92) !important;
    box-shadow: none !important;
  }

  body #bo_list .hy-board-listbox {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body #bo_list .hy-board-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 104px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px 22px !important;
    overflow: visible !important;
    border: 1px solid rgba(240,205,227,.95) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(65,37,55,.035) !important;
    box-sizing: border-box !important;
  }

  body #bo_list .hy-board-row.has-check { grid-template-columns: 28px minmax(0, 1fr) !important; }
  body #bo_list .hy-board-row.has-thumb { grid-template-columns: 92px minmax(0, 1fr) !important; }
  body #bo_list .hy-board-row.has-check.has-thumb { grid-template-columns: 28px 92px minmax(0, 1fr) !important; }

  body #bo_list .hy-board-check {
    position: static !important;
    grid-column: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body #bo_list .hy-board-check input { width: 15px !important; height: 15px !important; margin: 0 !important; }
  body #bo_list .hy-board-check span { display: none !important; }

  body #bo_list .hy-board-thumb-link {
    position: static !important;
    display: block !important;
    grid-column: auto !important;
    width: 82px !important;
    height: 62px !important;
    min-width: 82px !important;
    min-height: 62px !important;
    max-width: 82px !important;
    max-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(239,211,229,.95) !important;
    border-radius: 16px !important;
    background: #fff7fb !important;
    box-shadow: none !important;
  }

  body #bo_list .hy-board-thumb {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 15px !important;
  }

  body #bo_list .hy-board-rowlink {
    position: static !important;
    grid-column: auto !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #bo_list .hy-board-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff0f8 !important;
    color: #e7478f !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body #bo_list .hy-board-row.is-notice .hy-board-no {
    width: 58px !important;
    background: linear-gradient(180deg,#ffeff8,#eeadd0) !important;
    color: #fff !important;
  }

  body #bo_list .hy-board-rowtext {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    line-height: 1.45 !important;
  }

  body #bo_list .hy-board-rowtext strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.38 !important;
    letter-spacing: -0.04em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body #bo_list .hy-board-rowtext small {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #7b6875 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  body #bo_list .hy-board-rowtext small span {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body #bo_list .hy-comment-cnt {
    color: #e7478f !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }
}

@media (max-width: 760px) {
  body #bo_list .hy-board-row { min-height: 0 !important; }
  body #bo_list .hy-board-rowlink { min-width: 0 !important; }
}

/* PC 글읽기 화면 기본 규격 복구 */
@media (min-width: 761px) {
  body #bo_v.hy-board-view,
  body article#bo_v.hy-board-screen {
    width: min(960px, 100%) !important;
    max-width: 960px !important;
    margin: 28px auto 78px !important;
    padding: 0 !important;
    color: #15121a !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #bo_v .hy-view-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 14px !important;
    padding: 0 4px !important;
  }

  body #bo_v .hy-view-article {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 30px 34px 34px !important;
    border: 1px solid rgba(239,207,227,.95) !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(65,37,55,.055) !important;
    box-sizing: border-box !important;
  }

  body #bo_v .hy-view-head,
  body #bo_v .hy-view-hero {
    display: block !important;
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
    border-bottom: 1px solid rgba(242,220,234,.95) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body #bo_v .hy-board-kicker,
  body #bo_v .hy-view-cat-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 30px !important;
    margin: 0 8px 12px 0 !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #fff2f8 !important;
    color: #b8427a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body #bo_v #bo_v_title,
  body #bo_v .hy-view-head h1 {
    display: block !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    color: #111827 !important;
    font-size: 30px !important;
    font-weight: 920 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.052em !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  body #bo_v .hy-view-meta,
  body #bo_v #bo_v_info {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #7b6875 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
  }

  body #bo_v .hy-view-meta span,
  body #bo_v #bo_v_info span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body #bo_v .hy-view-content,
  body #bo_v .hy-view-body,
  body #bo_v #bo_v_atc {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #bo_v #bo_v_con {
    display: block !important;
    width: 100% !important;
    min-height: 140px !important;
    color: #26202a !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.86 !important;
    letter-spacing: -0.018em !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  body #bo_v #bo_v_con p { margin: 0 0 1.05em !important; }
  body #bo_v #bo_v_con img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 18px !important;
  }

  body #bo_v .hy-view-media {
    display: grid !important;
    gap: 14px !important;
    margin: 0 0 24px !important;
  }

  body #bo_v .hy-view-actions,
  body #bo_v .hy-view-share,
  body #bo_v .hy-view-neighbor,
  body #bo_v .hy-view-section {
    margin-top: 22px !important;
  }
}


/* 2026-06-08 실제 요청 반영: PC 헤더/게시판 목록 재정렬
   기존 hy-board-row 계열과 충돌하지 않도록 hy-list3 전용 클래스로 분리 */
@media (min-width: 761px) {
  body .hy-header > .hy-container.hy-header__inner,
  body .hy-container.hy-header__inner {
    width: min(1180px, calc(100% - 56px)) !important;
    min-height: 78px !important;
    padding: 12px 0 !important;
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) auto !important;
    grid-template-areas: "brand nav account" !important;
    align-items: center !important;
    column-gap: 28px !important;
    row-gap: 0 !important;
  }
  body .hy-brand { grid-area: brand !important; max-width: 118px !important; }
  body .hy-brand__image-logo { max-width: 88px !important; max-height: 38px !important; }
  body .hy-nav[data-hy-nav], body .hy-nav {
    grid-area: nav !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body .hy-nav > ul, body .hy-nav ul {
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0 26px !important;
    overflow: visible !important;
  }
  body .hy-nav > ul > li > a, body .hy-nav a {
    height: 38px !important;
    padding: 0 !important;
    gap: 7px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: -0.025em !important;
  }
  body .hy-account {
    grid-area: account !important;
    gap: 12px !important;
    justify-content: flex-end !important;
  }
  body .hy-account__name,
  body .hy-account span,
  body .hy-account a,
  body .hy-account .hy-btn,
  body .hy-account__link {
    height: 38px !important;
    padding: 0 3px !important;
    font-size: 14px !important;
  }
  body .hy-account .hy-btn,
  body .hy-account a[href*="logout"],
  body .hy-account a[href*="register"] {
    min-width: 74px !important;
    padding: 0 17px !important;
  }
  body .hy-home--mix { padding-top: 22px !important; }
}

@media (min-width: 761px) and (max-width: 1160px) {
  body .hy-header > .hy-container.hy-header__inner,
  body .hy-container.hy-header__inner { grid-template-columns: 104px minmax(0, 1fr) auto !important; column-gap: 18px !important; }
  body .hy-nav > ul, body .hy-nav ul { gap: 0 15px !important; }
  body .hy-nav > ul > li > a, body .hy-nav a,
  body .hy-account__name, body .hy-account span, body .hy-account a, body .hy-account .hy-btn, body .hy-account__link { font-size: 13px !important; }
}

/* 게시판 목록 v3: 제목/메타/썸네일이 사라지거나 세로 막대로 깨지는 문제 차단 */
#bo_list.hy-list3-screen, .hy-list3-screen {
  box-sizing: border-box !important;
}
.hy-list3-screen *, .hy-list3-screen *::before, .hy-list3-screen *::after {
  box-sizing: border-box !important;
}
@media (min-width: 761px) {
  #bo_list.hy-list3-screen {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 30px auto 72px !important;
    padding: 0 !important;
  }
  #bo_list.hy-list3-screen .hy-list3-titlebar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
  }
  #bo_list.hy-list3-screen .hy-list3-titlebar h1 {
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.05em !important;
  }
  #bo_list.hy-list3-screen .hy-list3-toolbar {
    display: grid !important;
    grid-template-columns: auto minmax(420px, 560px) !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #bo_list.hy-list3-screen .hy-list3-total {
    display: inline-flex !important;
    align-items: center !important;
    height: 46px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(239,205,227,.95) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #594553 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }
  #bo_list.hy-list3-screen .hy-list3-search {
    display: grid !important;
    grid-template-columns: 150px minmax(0,1fr) 82px !important;
    height: 56px !important;
    padding: 0 6px 0 0 !important;
    border: 1px solid rgba(239,205,227,.95) !important;
    border-radius: 999px !important;
    background: #fff !important;
    overflow: hidden !important;
  }
  #bo_list.hy-list3-screen .hy-list3-search select,
  #bo_list.hy-list3-screen .hy-list3-search input,
  #bo_list.hy-list3-screen .hy-list3-search button {
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 750 !important;
  }
  #bo_list.hy-list3-screen .hy-list3-search select { padding: 0 18px !important; border-right: 1px solid rgba(239,222,233,.95) !important; color: #201620 !important; }
  #bo_list.hy-list3-screen .hy-list3-search input { padding: 0 18px !important; color: #201620 !important; }
  #bo_list.hy-list3-screen .hy-list3-search button {
    align-self: center !important;
    justify-self: end !important;
    width: 72px !important;
    height: 44px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,#fff2f8,#edc0d9) !important;
    color: #74395f !important;
    font-weight: 900 !important;
  }
  #bo_list.hy-list3-screen .hy-list3-adminbar {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 54px !important;
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(239,211,229,.95) !important;
    border-radius: 18px !important;
    background: rgba(255,250,253,.92) !important;
  }
  #bo_list.hy-list3-screen .hy-list3-listbox {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #bo_list.hy-list3-screen .hy-list3-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 96px !important;
    padding: 18px 22px !important;
    margin: 0 !important;
    border: 1px solid rgba(240,205,227,.95) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(65,37,55,.035) !important;
    overflow: visible !important;
  }
  #bo_list.hy-list3-screen .hy-list3-row.has-check { grid-template-columns: 28px minmax(0,1fr) !important; }
  #bo_list.hy-list3-screen .hy-list3-row.has-thumb { grid-template-columns: 82px minmax(0,1fr) !important; }
  #bo_list.hy-list3-screen .hy-list3-row.has-check.has-thumb { grid-template-columns: 28px 82px minmax(0,1fr) !important; }
  #bo_list.hy-list3-screen .hy-list3-check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #bo_list.hy-list3-screen .hy-list3-check input { width: 15px !important; height: 15px !important; margin: 0 !important; }
  #bo_list.hy-list3-screen .hy-list3-check span { display: none !important; }
  #bo_list.hy-list3-screen .hy-list3-thumb {
    display: block !important;
    width: 72px !important;
    height: 54px !important;
    min-width: 72px !important;
    overflow: hidden !important;
    border: 1px solid rgba(239,211,229,.95) !important;
    border-radius: 14px !important;
    background: #fff7fb !important;
  }
  #bo_list.hy-list3-screen .hy-list3-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  #bo_list.hy-list3-screen .hy-list3-body {
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  #bo_list.hy-list3-screen .hy-list3-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #fff0f8 !important;
    color: #e7478f !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  #bo_list.hy-list3-screen .hy-list3-row.is-notice .hy-list3-badge {
    width: 58px !important;
    background: linear-gradient(180deg,#ffeff8,#eeadd0) !important;
    color: #fff !important;
  }
  #bo_list.hy-list3-screen .hy-list3-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  #bo_list.hy-list3-screen .hy-list3-content strong {
    display: block !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.38 !important;
    letter-spacing: -0.04em !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }
  #bo_list.hy-list3-screen .hy-list3-content small {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px 14px !important;
    color: #7b6875 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
  }
  #bo_list.hy-list3-screen .hy-list3-content small span {
    display: inline-flex !important;
    max-width: 220px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #bo_list.hy-list3-screen .hy-list3-cmt { color: #e7478f !important; font-style: normal !important; }
}

@media (max-width: 760px) {
  #bo_list.hy-list3-screen { width: 100% !important; margin: 12px auto 72px !important; padding: 0 12px !important; }
  #bo_list.hy-list3-screen .hy-list3-titlebar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 0 14px !important; }
  #bo_list.hy-list3-screen .hy-list3-titlebar h1 { font-size: 24px !important; line-height: 1.25 !important; }
  #bo_list.hy-list3-screen .hy-list3-toolbar { display: grid !important; gap: 10px !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  #bo_list.hy-list3-screen .hy-list3-total { justify-self: start !important; min-height: 36px !important; padding: 0 12px !important; border-radius: 999px !important; background: #fff !important; border: 1px solid rgba(239,205,227,.95) !important; font-size: 12px !important; }
  #bo_list.hy-list3-screen .hy-list3-search { display: grid !important; grid-template-columns: 104px minmax(0,1fr) 64px !important; height: 44px !important; border-radius: 999px !important; background: #fff !important; border: 1px solid rgba(239,205,227,.95) !important; overflow: hidden !important; }
  #bo_list.hy-list3-screen .hy-list3-search select, #bo_list.hy-list3-screen .hy-list3-search input, #bo_list.hy-list3-screen .hy-list3-search button { height: 100% !important; border: 0 !important; background: transparent !important; font-size: 12px !important; }
  #bo_list.hy-list3-screen .hy-list3-search select { padding: 0 10px !important; border-right: 1px solid rgba(239,222,233,.95) !important; }
  #bo_list.hy-list3-screen .hy-list3-search input { padding: 0 10px !important; }
  #bo_list.hy-list3-screen .hy-list3-search button { align-self: center !important; width: 56px !important; height: 34px !important; margin-right: 5px !important; border-radius: 999px !important; background: #f3c6dc !important; color: #74395f !important; font-weight: 900 !important; }
  #bo_list.hy-list3-screen .hy-list3-listbox { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  #bo_list.hy-list3-screen .hy-list3-row { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; min-height: 0 !important; padding: 14px !important; border: 1px solid rgba(240,205,227,.95) !important; border-radius: 18px !important; background: #fff !important; }
  #bo_list.hy-list3-screen .hy-list3-row.has-check { grid-template-columns: 22px minmax(0,1fr) !important; }
  #bo_list.hy-list3-screen .hy-list3-row.has-thumb { grid-template-columns: 64px minmax(0,1fr) !important; }
  #bo_list.hy-list3-screen .hy-list3-row.has-check.has-thumb { grid-template-columns: 22px 64px minmax(0,1fr) !important; }
  #bo_list.hy-list3-screen .hy-list3-check { display: flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 28px !important; margin: 0 !important; }
  #bo_list.hy-list3-screen .hy-list3-check input { width: 14px !important; height: 14px !important; margin: 0 !important; }
  #bo_list.hy-list3-screen .hy-list3-check span { display: none !important; }
  #bo_list.hy-list3-screen .hy-list3-thumb { display: block !important; width: 58px !important; height: 58px !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid rgba(239,211,229,.95) !important; background: #fff7fb !important; }
  #bo_list.hy-list3-screen .hy-list3-thumb img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
  #bo_list.hy-list3-screen .hy-list3-body { display: grid !important; grid-template-columns: 48px minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; color: inherit !important; text-decoration: none !important; }
  #bo_list.hy-list3-screen .hy-list3-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 30px !important; border-radius: 999px !important; background: #fff0f8 !important; color: #e7478f !important; font-size: 12px !important; font-weight: 900 !important; }
  #bo_list.hy-list3-screen .hy-list3-row.is-notice .hy-list3-badge { width: 46px !important; background: linear-gradient(180deg,#ffeff8,#eeadd0) !important; color: #fff !important; }
  #bo_list.hy-list3-screen .hy-list3-content { display: grid !important; gap: 4px !important; min-width: 0 !important; }
  #bo_list.hy-list3-screen .hy-list3-content strong { color: #111827 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.38 !important; letter-spacing: -0.04em !important; word-break: keep-all !important; overflow-wrap: anywhere !important; }
  #bo_list.hy-list3-screen .hy-list3-content small { display: flex !important; flex-wrap: wrap !important; gap: 3px 8px !important; color: #7b6875 !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1.35 !important; }
  #bo_list.hy-list3-screen .hy-list3-adminbar { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; padding: 10px !important; border-radius: 16px !important; }
}

/* 2026-06-08 requested real fix: PC header nowrap + basic board list repair
   - 계정 메뉴가 줄바꿈/누락되지 않게 고정
   - 기본 게시판 목록을 카드형이되 과하게 크지 않게 재정렬
   - 사진 썸네일이 세로 막대처럼 깨지는 문제 차단 */
@media (min-width: 761px) {
  html body .hy-header > .hy-container.hy-header__inner,
  html body .hy-header .hy-container.hy-header__inner {
    width: min(1200px, calc(100% - 48px)) !important;
    max-width: 1200px !important;
    min-height: 74px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    box-sizing: border-box !important;
  }

  html body .hy-header .hy-brand {
    flex: 0 0 96px !important;
    width: 96px !important;
    max-width: 96px !important;
    min-width: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
  }
  html body .hy-header .hy-brand > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 !important;
  }
  html body .hy-header .hy-brand__image-logo {
    width: auto !important;
    height: auto !important;
    max-width: 82px !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }

  html body .hy-header .hy-header-search-quick,
  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 {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    border: 0 !important;
    border-radius: 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: center !important;
    flex-wrap: nowrap !important;
    gap: 0 20px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-nav > ul > li,
  html body .hy-header .hy-nav li {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !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: 38px !important;
    min-height: 38px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #473843 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-menu-emoji {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .hy-header .hy-account {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 11px !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-account__name,
  html body .hy-header .hy-account span,
  html body .hy-header .hy-account a,
  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;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #54424f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  html body .hy-header .hy-account__mypage,
  html body .hy-header .hy-account__label {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  html body .hy-header .hy-account .hy-btn,
  html body .hy-header .hy-account a[href*="logout"],
  html body .hy-header .hy-account a[href*="register"] {
    min-width: 70px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(235,195,220,.95) !important;
    background: linear-gradient(180deg,#fff,#f9dce9) !important;
    color: #765167 !important;
    box-shadow: 0 8px 18px rgba(201,99,154,.10) !important;
  }
}

@media (min-width: 761px) and (max-width: 1160px) {
  html body .hy-header > .hy-container.hy-header__inner,
  html body .hy-header .hy-container.hy-header__inner {
    width: min(100% - 32px, 1128px) !important;
    gap: 14px !important;
  }
  html body .hy-header .hy-brand {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
  }
  html body .hy-header .hy-brand__image-logo { max-width: 72px !important; }
  html body .hy-header .hy-nav > ul,
  html body .hy-header .hy-nav ul { gap: 0 13px !important; justify-content: flex-start !important; }
  html body .hy-header .hy-nav > ul > li > a,
  html body .hy-header .hy-nav a,
  html body .hy-header .hy-account__name,
  html body .hy-header .hy-account span,
  html body .hy-header .hy-account a,
  html body .hy-header .hy-account .hy-btn,
  html body .hy-header .hy-account__link { font-size: 12.5px !important; }
  html body .hy-header .hy-account { gap: 8px !important; }
  html body .hy-header .hy-account .hy-btn,
  html body .hy-header .hy-account a[href*="logout"],
  html body .hy-header .hy-account a[href*="register"] { min-width: 64px !important; padding: 0 12px !important; }
}

@media (min-width: 761px) {
  html body #bo_list.hy-list3-screen {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 28px auto 72px !important;
    padding: 0 !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-titlebar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 0 22px !important;
    padding: 0 2px !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-titlebar h1 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: 30px !important;
    font-weight: 920 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.05em !important;
  }
  html body #bo_list.hy-list3-screen .hy-board-category,
  html body #bo_list.hy-list3-screen .hy-board-category ul {
    margin-bottom: 18px !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-toolbar {
    display: grid !important;
    grid-template-columns: auto minmax(420px,560px) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-listbox {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 78px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    border: 1px solid rgba(240,205,227,.95) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 7px 18px rgba(65,37,55,.028) !important;
    overflow: visible !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-row.has-check { grid-template-columns: 24px minmax(0,1fr) !important; }
  html body #bo_list.hy-list3-screen .hy-list3-row.has-thumb { grid-template-columns: 96px minmax(0,1fr) !important; }
  html body #bo_list.hy-list3-screen .hy-list3-row.has-check.has-thumb { grid-template-columns: 24px 96px minmax(0,1fr) !important; }
  html body #bo_list.hy-list3-screen .hy-list3-check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-check input {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-check span { display: none !important; }
  html body #bo_list.hy-list3-screen .hy-list3-thumb {
    display: block !important;
    width: 86px !important;
    height: 64px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(239,211,229,.95) !important;
    border-radius: 16px !important;
    background: #fff7fb !important;
    box-shadow: none !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 15px !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-body {
    position: static !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #fff0f8 !important;
    color: #e7478f !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-row.is-notice .hy-list3-badge {
    width: 54px !important;
    background: linear-gradient(180deg,#ffeff8,#eeadd0) !important;
    color: #fff !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-content strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.38 !important;
    letter-spacing: -0.035em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-content small {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #7b6875 !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-content small span {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


/* 2026-06-08 CORE REPAIR: PC header one-line, default board fallback, image-list normalization, mypage avatar polish
   - 기존 정상 영역을 지우지 않고 마지막 우선순위에서 실제 깨진 출력만 수습한다. */
@media (min-width: 761px) {
  html body .hy-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 300 !important;
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid rgba(239,213,229,.82) !important;
    box-shadow: 0 8px 22px rgba(63,37,55,.038) !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 {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    min-height: 76px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) auto !important;
    grid-template-areas: "brand nav account" !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 18px !important;
    box-sizing: border-box !important;
  }
  html body .hy-header .hy-brand {
    grid-area: brand !important;
    width: 104px !important;
    max-width: 104px !important;
    min-width: 0 !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .hy-header .hy-brand > a {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  html body .hy-header .hy-brand__image-logo {
    max-width: 82px !important;
    max-height: 38px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !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;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 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: center !important;
    flex-wrap: nowrap !important;
    gap: 0 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-nav > ul > li,
  html body .hy-header .hy-nav li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !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;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4b3a47 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-menu-emoji {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
  }
  html body .hy-header .hy-account {
    grid-area: account !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-account__name,
  html body .hy-header .hy-account__mypage,
  html body .hy-header .hy-account__label,
  html body .hy-header .hy-account span,
  html body .hy-header .hy-account a,
  html body .hy-header .hy-account .hy-btn,
  html body .hy-header .hy-account__link {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #594553 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  html body .hy-header .hy-account__name {
    max-width: 132px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body .hy-header .hy-account .hy-btn,
  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: 82px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(235,195,220,.95) !important;
    background: linear-gradient(180deg,#fff,#f9dce9) !important;
    color: #765167 !important;
    box-shadow: 0 8px 18px rgba(201,99,154,.10) !important;
  }
  html body .hy-header-search-quick,
  html body .hy-menu-btn {
    display: none !important;
  }
}

@media (min-width: 761px) and (max-width: 1220px) {
  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 {
    width: calc(100% - 32px) !important;
    grid-template-columns: 86px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }
  html body .hy-header .hy-brand { width: 86px !important; max-width: 86px !important; }
  html body .hy-header .hy-brand__image-logo { max-width: 72px !important; }
  html body .hy-header .hy-nav > ul,
  html body .hy-header .hy-nav ul { gap: 0 16px !important; }
  html body .hy-header .hy-nav a,
  html body .hy-header .hy-account a,
  html body .hy-header .hy-account span,
  html body .hy-header .hy-account__name,
  html body .hy-header .hy-account .hy-btn { font-size: 12.5px !important; }
  html body .hy-header .hy-account { gap: 8px !important; }
  html body .hy-header .hy-account .hy-btn,
  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 12px !important; }
}

/* 기본/구 스킨 목록 출력까지 카드형으로 수습 */
@media (min-width: 761px) {
  html body #bo_list:not(.hy-list3-screen),
  html body #bo_list.basic-board,
  html body #bo_list.bo_list {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 28px auto 72px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body #bo_list:not(.hy-list3-screen) .tbl_head01,
  html body #bo_list:not(.hy-list3-screen) .tbl_wrap,
  html body #bo_list:not(.hy-list3-screen) .bo_list,
  html body #bo_list:not(.hy-list3-screen) .list_01 {
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html body #bo_list:not(.hy-list3-screen) table {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    background: transparent !important;
  }
  html body #bo_list:not(.hy-list3-screen) thead { display: none !important; }
  html body #bo_list:not(.hy-list3-screen) tbody {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }
  html body #bo_list:not(.hy-list3-screen) tr,
  html body #bo_list:not(.hy-list3-screen) .list_01 li,
  html body #bo_list:not(.hy-list3-screen) .bo_list li {
    display: grid !important;
    grid-template-columns: 24px 58px minmax(0,1fr) auto auto auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 64px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 18px !important;
    border: 1px solid rgba(240,205,227,.95) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 7px 18px rgba(65,37,55,.028) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html body #bo_list:not(.hy-list3-screen) td,
  html body #bo_list:not(.hy-list3-screen) th {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #5d4b59 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  html body #bo_list:not(.hy-list3-screen) .td_chk,
  html body #bo_list:not(.hy-list3-screen) td:first-child { justify-content: center !important; }
  html body #bo_list:not(.hy-list3-screen) input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
  }
  html body #bo_list:not(.hy-list3-screen) .td_num,
  html body #bo_list:not(.hy-list3-screen) .td_num2,
  html body #bo_list:not(.hy-list3-screen) td:nth-child(2) {
    justify-content: center !important;
    min-width: 48px !important;
    height: 32px !important;
    border-radius: 999px !important;
    background: #fff0f8 !important;
    color: #e7478f !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }
  html body #bo_list:not(.hy-list3-screen) .td_subject,
  html body #bo_list:not(.hy-list3-screen) .bo_tit,
  html body #bo_list:not(.hy-list3-screen) .bo_subject {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  html body #bo_list:not(.hy-list3-screen) .td_subject a,
  html body #bo_list:not(.hy-list3-screen) .bo_tit a,
  html body #bo_list:not(.hy-list3-screen) .bo_subject a,
  html body #bo_list:not(.hy-list3-screen) tr > a,
  html body #bo_list:not(.hy-list3-screen) li > a {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
    text-decoration: none !important;
  }
  html body #bo_list:not(.hy-list3-screen) .td_name,
  html body #bo_list:not(.hy-list3-screen) .td_datetime,
  html body #bo_list:not(.hy-list3-screen) .td_num_c,
  html body #bo_list:not(.hy-list3-screen) .td_hit,
  html body #bo_list:not(.hy-list3-screen) .td_date {
    justify-content: flex-end !important;
    color: #7d6a78 !important;
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body #bo_list:not(.hy-list3-screen) img,
  html body #bo_list:not(.hy-list3-screen) .td_subject img,
  html body #bo_list:not(.hy-list3-screen) .bo_tit img,
  html body #bo_list:not(.hy-list3-screen) .bo_subject img {
    width: 86px !important;
    max-width: 86px !important;
    height: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(239,211,229,.95) !important;
    flex: 0 0 86px !important;
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  html body #bo_list:not(.hy-list3-screen) .bo_notice,
  html body #bo_list:not(.hy-list3-screen) .notice,
  html body #bo_list:not(.hy-list3-screen) .cnt_cmt {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    min-width: 34px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #fff0f8 !important;
    color: #e7478f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }
}

/* 테마 basic/gallery 목록 실제 이미지 영역 최종 수습 */
@media (min-width: 761px) {
  html body #bo_list.hy-list3-screen .hy-list3-listbox { gap: 10px !important; }
  html body #bo_list.hy-list3-screen .hy-list3-row {
    min-height: 74px !important;
    padding: 13px 18px !important;
    border-radius: 18px !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-thumb {
    width: 86px !important;
    height: 64px !important;
    max-width: 86px !important;
    max-height: 64px !important;
    flex: 0 0 86px !important;
  }
  html body #bo_list.hy-list3-screen .hy-list3-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  html body #bo_gall.hy-board-gallery .hy-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 20px auto 0 !important;
  }
  html body #bo_gall.hy-board-gallery .hy-gallery-thumb {
    display: block !important;
    width: 100% !important;
    height: 210px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff7fb !important;
  }
  html body #bo_gall.hy-board-gallery .hy-gallery-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* 마이페이지: 프로필 이미지/카드 간격 최종 보정 */
.hy-myp {
  width: min(1080px, calc(100% - 48px)) !important;
  max-width: 1080px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.hy-myp, .hy-myp * {
  box-sizing: border-box !important;
}
.hy-myp-hero {
  grid-template-columns: 94px minmax(0,1fr) auto !important;
  gap: 22px !important;
  align-items: center !important;
}
.hy-myp-av {
  width: 86px !important;
  height: 86px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 22px rgba(201,99,154,.18) !important;
}
.hy-myp-av img,
.hy-myp-av .hy-myp-av-img,
.hy-myp-av .profile_img img,
.hy-myp-av .mb_img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}
.hy-myp-av span.hy-myp-av-initial {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 950 !important;
}
.hy-myp-grid {
  grid-template-columns: minmax(0,1fr) minmax(280px,320px) !important;
  align-items: start !important;
  width: 100% !important;
}
.hy-myp-card {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.hy-myp-quick {
  grid-template-columns: 1fr !important;
}
.hy-myp-qbtn {
  min-width: 0 !important;
  overflow: hidden !important;
}
.hy-myp-qtext {
  min-width: 0 !important;
}
.hy-myp-qtext strong,
.hy-myp-qtext span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media(max-width:900px){
  .hy-myp-grid{grid-template-columns:1fr !important;}
  .hy-myp-quick{grid-template-columns:1fr !important;}
}
@media(max-width:700px){
  .hy-myp{width:calc(100% - 24px) !important;}
  .hy-myp-hero{grid-template-columns:76px minmax(0,1fr) !important;gap:14px !important;}
  .hy-myp-av{width:72px !important;height:72px !important;border-radius:22px !important;}
  .hy-myp-grid{grid-template-columns:1fr !important;}
  .hy-myp-quick{grid-template-columns:1fr !important;}
}

/* 20260610: 마이페이지 빠른메뉴 텍스트 잘림 방지 */
html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn{
  min-height:78px!important;
  padding:14px 14px!important;
  overflow:visible!important;
}
html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn .hy-myp-qtext,
html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn .hy-myp-qtext strong,
html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn .hy-myp-qtext span{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
  max-height:none!important;
}
html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn .hy-myp-qtext strong{line-height:1.25!important;letter-spacing:-.03em!important;}
html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn .hy-myp-qtext span{line-height:1.35!important;letter-spacing:-.03em!important;}
@media(max-width:420px){
  html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;padding:13px 12px!important;}
  html.hy-page-mypage body .hy-myp .hy-myp-quick > a.hy-myp-qbtn .hy-myp-qicon{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;}
}



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

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


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


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


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


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

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