@charset "utf-8";
/* HY HEADER TRUTH COMPACT 20260605
   실제 보이는 폭 기준으로 공용헤더/홍보배너/모바일 메뉴를 다시 고정합니다.
   기존 누적 CSS보다 가장 마지막에 로드되어야 합니다. */

#hy-wrap .hy-header.hy-common-header,
.hy-header.hy-common-header{
  position:relative!important;
  z-index:80!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border-bottom:1px solid #f2d9e6!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#hy-wrap .hy-header.hy-common-header > .hy-container,
.hy-header.hy-common-header > .hy-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
#hy-wrap .hy-header__top,
.hy-header__top{
  width:min(1180px, calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:10px 0!important;
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) auto auto!important;
  grid-template-areas:"brand search account menu"!important;
  align-items:center!important;
  gap:12px!important;
  min-height:56px!important;
}
#hy-wrap .hy-brand,
.hy-brand{
  grid-area:brand!important;
  justify-self:start!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:170px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  text-align:left!important;
}
#hy-wrap .hy-brand a,
.hy-brand a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
}
#hy-wrap .hy-brand__image-logo,
.hy-brand__image-logo{
  display:block!important;
  width:auto!important;
  max-width:136px!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
  margin:0!important;
}
#hy-wrap .hy-header-search,
.hy-header-search{grid-area:search!important;min-width:0!important;max-width:560px!important;width:100%!important;margin:0 auto!important;}
#hy-wrap .hy-account,
.hy-account{grid-area:account!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;max-width:100%!important;margin:0!important;}
#hy-wrap .hy-menu-btn,
.hy-menu-btn{grid-area:menu!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 12px!important;border:1px solid #efbdd5!important;border-radius:999px!important;background:#fff7fb!important;color:#5b4052!important;font-size:12px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important;}
#hy-wrap .hy-account__name,
#hy-wrap .hy-account__memo-link,
#hy-wrap .hy-account__link,
.hy-account__name,
.hy-account__memo-link,
.hy-account__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #efbdd5!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5b4052!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  float:none!important;
  clear:none!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
#hy-wrap .hy-account__name{justify-content:flex-start!important;max-width:190px!important;}
#hy-wrap .hy-account__avatar,
.hy-account__avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:26px!important;overflow:hidden!important;border-radius:50%!important;margin:0!important;}
#hy-wrap .hy-account__avatar img,
#hy-wrap .hy-account__avatar-inner img,
.hy-account__avatar img,
.hy-account__avatar-inner img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
#hy-wrap .hy-account__name-text,
#hy-wrap .hy-account__label,
#hy-wrap .hy-account__memo-text,
.hy-account__name-text,
.hy-account__label,
.hy-account__memo-text{display:inline-block!important;min-width:0!important;max-width:100%!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* PC: 메뉴 목록은 가로형으로만. */
#hy-wrap .hy-nav,
.hy-nav{
  width:min(1180px, calc(100% - 32px))!important;
  margin:0 auto 10px!important;
  padding:0!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
}
#hy-wrap .hy-nav > ul,
.hy-nav > ul{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#hy-wrap .hy-nav li,
.hy-nav li{display:block!important;min-width:0!important;margin:0!important;padding:0!important;list-style:none!important;}
#hy-wrap .hy-nav a,
.hy-nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  max-width:100%!important;
  padding:8px 12px!important;
  border:1px solid #f1d7e5!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#332c38!important;
  text-decoration:none!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
}
#hy-wrap .hy-menu-desc,
.hy-menu-desc{display:none!important;}

/* JS가 실제 헤더 폭이 좁다고 판단한 경우: 모바일처럼 정리 */
#hy-wrap .hy-header.is-compact .hy-header__top,
.hy-header.is-compact .hy-header__top{
  width:calc(100% - 24px)!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"brand menu" "account account"!important;
  gap:8px!important;
  min-height:0!important;
  padding:9px 0!important;
}
#hy-wrap .hy-header.is-compact .hy-brand,
.hy-header.is-compact .hy-brand{max-width:132px!important;justify-self:start!important;text-align:left!important;}
#hy-wrap .hy-header.is-compact .hy-brand__image-logo,
.hy-header.is-compact .hy-brand__image-logo{max-width:116px!important;max-height:38px!important;}
#hy-wrap .hy-header.is-compact .hy-header-search,
.hy-header.is-compact .hy-header-search{display:none!important;}
#hy-wrap .hy-header.is-compact .hy-menu-btn,
.hy-header.is-compact .hy-menu-btn{display:inline-flex!important;height:34px!important;min-height:34px!important;padding:0 11px!important;justify-self:end!important;}
#hy-wrap .hy-header.is-compact .hy-account,
.hy-header.is-compact .hy-account{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  justify-content:stretch!important;
}
#hy-wrap .hy-header.is-compact .hy-account__memo-link,
.hy-header.is-compact .hy-account__memo-link{display:none!important;}
#hy-wrap .hy-header.is-compact .hy-account__name,
.hy-header.is-compact .hy-account__name{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  justify-content:flex-start!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
}
#hy-wrap .hy-header.is-compact .hy-account__link,
.hy-header.is-compact .hy-account__link{width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;}
#hy-wrap .hy-header.is-compact .hy-nav,
.hy-header.is-compact .hy-nav{display:none!important;width:calc(100% - 24px)!important;margin:0 auto 10px!important;}
#hy-wrap .hy-header.is-compact.is-menu-open .hy-nav,
#hy-wrap .hy-header.is-compact .hy-nav.is-open,
.hy-header.is-compact.is-menu-open .hy-nav,
.hy-header.is-compact .hy-nav.is-open{display:block!important;}
#hy-wrap .hy-header.is-compact .hy-nav > ul,
.hy-header.is-compact .hy-nav > ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#hy-wrap .hy-header.is-compact .hy-nav a,
.hy-header.is-compact .hy-nav a{
  min-height:42px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  justify-content:center!important;
  font-size:13px!important;
}

/* HY removed unscoped responsive media block: desktop boundary fix 20260605 */

/* HY removed unscoped responsive media block: desktop boundary fix 20260605 */


/* 상단 홍보배너: 실제 칸 높이만 줄이고 컨텐츠는 중앙 정렬 */
#hy-wrap .hy-top-promo,
.hy-top-promo{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 0 0!important;background:#fff!important;overflow:visible!important;max-height:none!important;}
#hy-wrap .hy-top-promo__inner,
.hy-top-promo__inner{position:relative!important;width:min(1180px,calc(100% - 32px))!important;max-width:100%!important;margin:0 auto!important;padding:0!important;}
#hy-wrap .hy-top-promo__viewport,
.hy-top-promo__viewport{height:54px!important;min-height:54px!important;max-height:54px!important;border:1px solid #f2d0e1!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;}
#hy-wrap .hy-top-promo__slide,
.hy-top-promo__slide{height:54px!important;min-height:54px!important;max-height:54px!important;}
#hy-wrap .hy-top-promo__banner,
#hy-wrap .hy-top-promo__textbar,
.hy-top-promo__banner,
.hy-top-promo__textbar{height:54px!important;min-height:54px!important;max-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
#hy-wrap .hy-top-promo__banner-image,
.hy-top-promo__banner-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
#hy-wrap .hy-top-promo__overlay,
.hy-top-promo__overlay{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;max-width:100%!important;padding:6px 54px 6px 14px!important;background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.38))!important;}
#hy-wrap .hy-top-promo__copy,
.hy-top-promo__copy{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;}
#hy-wrap .hy-top-promo__copy strong,
.hy-top-promo__copy strong{font-size:13px!important;font-weight:900!important;color:#d84f91!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hy-wrap .hy-top-promo__copy em,
.hy-top-promo__copy em{font-size:12px!important;font-style:normal!important;color:#6d5b67!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hy-wrap .hy-top-promo__btn,
.hy-top-promo__btn{flex:0 0 auto!important;height:28px!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;font-size:12px!important;line-height:28px!important;white-space:nowrap!important;}
#hy-wrap .hy-top-promo__close,
.hy-top-promo__close{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;border-radius:999px!important;z-index:5!important;}
/* HY removed unscoped responsive media block: desktop boundary fix 20260605 */


/* 메인/서브 공통: 헤더 아래 첫 컨텐츠가 들러붙지 않게 */
#hy-wrap #hy-main,
#hy-wrap .hy-main{clear:both!important;min-width:0!important;max-width:100%!important;}
#hy-wrap .hy-main--home{padding-top:16px!important;}
#hy-wrap .hy-main--sub{padding-top:16px!important;}
/* HY removed unscoped responsive media block: desktop boundary fix 20260605 */