@charset "utf-8";
/* HY HEADER TWO LINE REALFIX 20260605
   PC header must be exactly 2 visible rows:
   1) logo + search + account buttons
   2) menu strip
   Mobile: no search; logo/menu row + compact account row. */

:root{
  --hy-header-2line-max:1180px;
  --hy-header-2line-gutter:32px;
  --hy-header-2line-line:#f0dbe7;
  --hy-header-2line-text:#3a2b36;
  --hy-header-2line-soft:#fff7fb;
}

/* ===== PC / default: force one top row + one nav row ===== */
html body #hy-wrap .hy-header.hy-common-header,
html body .hy-header.hy-common-header{
  display:block!important;
  position:relative!important;
  z-index:700!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid var(--hy-header-2line-line)!important;
  box-shadow:none!important;
  overflow:visible!important;
}

html body #hy-wrap .hy-header.hy-common-header > .hy-container.hy-header__inner,
html body #hy-wrap .hy-header.hy-common-header > .hy-header__inner,
html body .hy-header.hy-common-header > .hy-container.hy-header__inner,
html body .hy-header.hy-common-header > .hy-header__inner{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:min(var(--hy-header-2line-max),calc(100% - var(--hy-header-2line-gutter)))!important;
  max-width:var(--hy-header-2line-max)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:10px 0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-header__top,
html body .hy-header.hy-common-header .hy-header__top{
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) auto!important;
  grid-template-areas:"brand search account"!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  float:none!important;
  transform:none!important;
  overflow:visible!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-header__left,
html body .hy-header.hy-common-header .hy-header__left{
  grid-area:brand!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:142px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  position:static!important;
  transform:none!important;
  overflow:hidden!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-brand,
html body .hy-header.hy-common-header .hy-brand,
html body #hy-wrap .hy-header.hy-common-header .hy-brand > a,
html body .hy-header.hy-common-header .hy-brand > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  text-decoration:none!important;
  overflow:hidden!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-brand__image-logo,
html body .hy-header.hy-common-header .hy-brand__image-logo{
  display:block!important;
  width:auto!important;
  max-width:126px!important;
  height:auto!important;
  max-height:40px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-header-search,
html body #hy-wrap .hy-header.hy-common-header form.hy-header-search,
html body .hy-header.hy-common-header .hy-header-search,
html body .hy-header.hy-common-header form.hy-header-search{
  grid-area:search!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:540px!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0 auto!important;
  padding:5px 6px 5px 13px!important;
  border:1px solid #ead6e1!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
  position:static!important;
  float:none!important;
  transform:none!important;
  overflow:hidden!important;
  clip:auto!important;
  clip-path:none!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-header-search__icon,
html body .hy-header.hy-common-header .hy-header-search__icon{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  min-width:20px!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-header-search input[type="search"],
html body .hy-header.hy-common-header .hy-header-search input[type="search"]{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#3d303a!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:30px!important;
  outline:0!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-header-search button,
html body .hy-header.hy-common-header .hy-header-search button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:54px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:0!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:#efd0e4!important;
  color:#5f2f50!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-account,
html body .hy-header.hy-common-header .hy-account{
  grid-area:account!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  justify-self:end!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  position:static!important;
  transform:none!important;
  overflow:visible!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-account__name,
html body #hy-wrap .hy-header.hy-common-header .hy-account__memo-link,
html body #hy-wrap .hy-header.hy-common-header .hy-account__link,
html body .hy-header.hy-common-header .hy-account__name,
html body .hy-header.hy-common-header .hy-account__memo-link,
html body .hy-header.hy-common-header .hy-account__link{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:170px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #ead6e1!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#513748!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  float:none!important;
  position:static!important;
  transform:none!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-account__name,
html body .hy-header.hy-common-header .hy-account__name{
  max-width:168px!important;
  padding-left:6px!important;
  justify-content:flex-start!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-account__avatar,
html body .hy-header.hy-common-header .hy-account__avatar{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 26px!important;
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-account__avatar img,
html body #hy-wrap .hy-header.hy-common-header .hy-account__avatar-inner img,
html body .hy-header.hy-common-header .hy-account__avatar img,
html body .hy-header.hy-common-header .hy-account__avatar-inner img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:999px!important;
}

html body #hy-wrap .hy-header.hy-common-header .hy-account__label,
html body #hy-wrap .hy-header.hy-common-header .hy-account__name-text,
html body #hy-wrap .hy-header.hy-common-header .hy-account__memo-text,
html body .hy-header.hy-common-header .hy-account__label,
html body .hy-header.hy-common-header .hy-account__name-text,
html body .hy-header.hy-common-header .hy-account__memo-text{
  display:inline-block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}

/* PC에는 메뉴 버튼 자체를 노출하지 않습니다. 메뉴는 2번째 줄 nav가 담당합니다. */
html body #hy-wrap:not(.hy-g5se-mobile) .hy-header.hy-common-header .hy-menu-btn,
html body .hy-g5se-desktop .hy-header.hy-common-header .hy-menu-btn,
html body #hy-wrap .hy-header.hy-common-header:not(.is-g5se-mobile) .hy-menu-btn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

html body #hy-wrap:not(.hy-g5se-mobile) .hy-header.hy-common-header .hy-nav,
html body .hy-g5se-desktop .hy-header.hy-common-header .hy-nav,
html body #hy-wrap .hy-header.hy-common-header:not(.is-g5se-mobile) .hy-nav{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html body #hy-wrap:not(.hy-g5se-mobile) .hy-header.hy-common-header .hy-nav > ul,
html body .hy-g5se-desktop .hy-header.hy-common-header .hy-nav > ul,
html body #hy-wrap .hy-header.hy-common-header:not(.is-g5se-mobile) .hy-nav > ul{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
html body #hy-wrap:not(.hy-g5se-mobile) .hy-header.hy-common-header .hy-nav > ul::-webkit-scrollbar{display:none!important;}

html body #hy-wrap .hy-header.hy-common-header .hy-nav li,
html body .hy-header.hy-common-header .hy-nav li{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

html body #hy-wrap:not(.hy-g5se-mobile) .hy-header.hy-common-header .hy-nav a,
html body .hy-g5se-desktop .hy-header.hy-common-header .hy-nav a,
html body #hy-wrap .hy-header.hy-common-header:not(.is-g5se-mobile) .hy-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #f0dce7!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--hy-header-2line-text)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow:hidden!important;
}
html body #hy-wrap .hy-header.hy-common-header .hy-menu-desc,
html body .hy-header.hy-common-header .hy-menu-desc{display:none!important;}

/* ===== Tablet: still exactly two visual rows, but compacted. ===== */
@media (max-width:1100px) and (min-width:901px){
  html body #hy-wrap .hy-header.hy-common-header > .hy-container.hy-header__inner,
  html body .hy-header.hy-common-header > .hy-container.hy-header__inner{width:calc(100% - 24px)!important; gap:8px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-header__top,
  html body .hy-header.hy-common-header .hy-header__top{grid-template-columns:auto minmax(210px,1fr) auto!important; gap:9px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-brand__image-logo,
  html body .hy-header.hy-common-header .hy-brand__image-logo{max-width:112px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-header-search,
  html body .hy-header.hy-common-header .hy-header-search{max-width:410px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account{gap:5px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account__name,
  html body #hy-wrap .hy-header.hy-common-header .hy-account__memo-link,
  html body #hy-wrap .hy-header.hy-common-header .hy-account__link,
  html body .hy-header.hy-common-header .hy-account__name,
  html body .hy-header.hy-common-header .hy-account__memo-link,
  html body .hy-header.hy-common-header .hy-account__link{height:36px!important; min-height:36px!important; max-height:36px!important; padding:0 9px!important; font-size:11.5px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account__name,
  html body .hy-header.hy-common-header .hy-account__name{max-width:145px!important; padding-left:5px!important;}
  html body #hy-wrap:not(.hy-g5se-mobile) .hy-header.hy-common-header .hy-nav a,
  html body .hy-g5se-desktop .hy-header.hy-common-header .hy-nav a,
  html body #hy-wrap .hy-header.hy-common-header:not(.is-g5se-mobile) .hy-nav a{padding:0 11px!important; font-size:12.5px!important;}
}

/* ===== Mobile: no search. Two compact header rows before menu opens. ===== */
@media (max-width:900px), (pointer:coarse){
  html body #hy-wrap .hy-header.hy-common-header > .hy-container.hy-header__inner,
  html body .hy-header.hy-common-header > .hy-container.hy-header__inner,
  html body #hy-wrap .hy-header.hy-common-header > .hy-header__inner,
  html body .hy-header.hy-common-header > .hy-header__inner{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 10px 10px!important;
    gap:8px!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-header-search,
  html body #hy-wrap .hy-header.hy-common-header form.hy-header-search,
  html body .hy-header.hy-common-header .hy-header-search,
  html body .hy-header.hy-common-header form.hy-header-search{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    left:-99999px!important;
    top:auto!important;
    width:1px!important;
    min-width:0!important;
    max-width:1px!important;
    height:1px!important;
    min-height:0!important;
    max-height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-header__top,
  html body .hy-header.hy-common-header .hy-header__top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand menu" "account account"!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-header__left,
  html body .hy-header.hy-common-header .hy-header__left{max-width:none!important; width:100%!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-brand__image-logo,
  html body .hy-header.hy-common-header .hy-brand__image-logo{max-width:106px!important; max-height:34px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-menu-btn,
  html body .hy-header.hy-common-header .hy-menu-btn{
    grid-area:menu!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    justify-self:end!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 7px!important;
    border:1px solid #efcadd!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#673354!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-menu-btn span,
  html body .hy-header.hy-common-header .hy-menu-btn span{font-size:14px!important; line-height:1!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-menu-btn b,
  html body .hy-header.hy-common-header .hy-menu-btn b{display:inline!important; font-size:9px!important; line-height:1!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account,
  html body .hy-header.hy-common-header .hy-account{
    grid-area:account!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(72px,.44fr) minmax(72px,.44fr)!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:stretch!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-account.hy-account--guest,
  html body .hy-header.hy-common-header .hy-account.hy-account--guest{grid-template-columns:1fr 1fr!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account__memo-link,
  html body .hy-header.hy-common-header .hy-account__memo-link{display:none!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account__name,
  html body #hy-wrap .hy-header.hy-common-header .hy-account__link,
  html body .hy-header.hy-common-header .hy-account__name,
  html body .hy-header.hy-common-header .hy-account__link{
    width:100%!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 8px!important;
    font-size:11px!important;
    justify-content:center!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-account__name,
  html body .hy-header.hy-common-header .hy-account__name{justify-content:flex-start!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-account__avatar,
  html body .hy-header.hy-common-header .hy-account__avatar{width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-nav,
  html body .hy-header.hy-common-header .hy-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    max-height:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body #hy-wrap .hy-header.hy-common-header.is-menu-open .hy-nav,
  html body #hy-wrap .hy-header.hy-common-header.menu-open .hy-nav,
  html body #hy-wrap .hy-header.hy-common-header .hy-nav.is-open,
  html body .hy-header.hy-common-header.is-menu-open .hy-nav,
  html body .hy-header.hy-common-header.menu-open .hy-nav,
  html body .hy-header.hy-common-header .hy-nav.is-open{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #f0dbe7!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(67,36,54,.06)!important;
    overflow:visible!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-nav > ul,
  html body .hy-header.hy-common-header .hy-nav > ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    overflow:visible!important;
  }
  html body #hy-wrap .hy-header.hy-common-header .hy-nav a,
  html body .hy-header.hy-common-header .hy-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    height:auto!important;
    padding:8px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
}

@media (max-width:380px){
  html body #hy-wrap .hy-header.hy-common-header .hy-account,
  html body .hy-header.hy-common-header .hy-account{grid-template-columns:minmax(0,1fr) 68px 68px!important; gap:5px!important;}
  html body #hy-wrap .hy-header.hy-common-header .hy-menu-btn,
  html body .hy-header.hy-common-header .hy-menu-btn{width:58px!important; min-width:58px!important; max-width:58px!important; padding:0 6px!important;}
}

/* G5 mobile class can be rendered wider than 900px during testing; keep it mobile regardless of viewport. */
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header > .hy-container.hy-header__inner,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile > .hy-container.hy-header__inner{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 10px 10px!important;
  gap:8px!important;
}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-header-search,
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header form.hy-header-search,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-header-search,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile form.hy-header-search{
  display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important;
  position:absolute!important; left:-99999px!important; width:1px!important; max-width:1px!important; height:1px!important; max-height:1px!important;
  margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important;
}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-header__top,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-header__top{
  display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"brand menu" "account account"!important;
  gap:7px!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; min-height:0!important;
}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-menu-btn,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-menu-btn{
  grid-area:menu!important; display:inline-flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important;
  justify-self:end!important; align-items:center!important; justify-content:center!important; width:62px!important; min-width:62px!important; max-width:62px!important;
  height:34px!important; min-height:34px!important; max-height:34px!important; padding:0 7px!important; border:1px solid #efcadd!important; border-radius:999px!important;
  background:#fff!important; color:#673354!important; font-size:10px!important; font-weight:800!important;
}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-account,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-account{
  grid-area:account!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(72px,.44fr) minmax(72px,.44fr)!important;
  gap:6px!important; width:100%!important; max-width:100%!important; justify-content:stretch!important;
}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-account.hy-account--guest,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-account.hy-account--guest{grid-template-columns:1fr 1fr!important;}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-account__memo-link,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-account__memo-link{display:none!important;}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-nav,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-nav{
  display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; max-height:0!important; overflow:hidden!important;
}
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header.is-menu-open .hy-nav,
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header.menu-open .hy-nav,
html body #hy-wrap.hy-g5se-mobile .hy-header.hy-common-header .hy-nav.is-open,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile.is-menu-open .hy-nav,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile.menu-open .hy-nav,
html body #hy-wrap .hy-header.hy-common-header.is-g5se-mobile .hy-nav.is-open{
  display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; height:auto!important; max-height:none!important;
  margin:0!important; padding:8px!important; border:1px solid #f0dbe7!important; border-radius:16px!important; background:#fff!important; overflow:visible!important;
}