/* ALBAM09 unified site navigation. No legacy conflicting responsive rules. */
html body.ui-unified-page > .area-wrap {
  display:block!important; width:calc(100% - 36px)!important;
  max-width:1144px!important; min-width:0!important;
  margin:0 auto 24px!important; padding:0!important;
  overflow:visible!important; box-sizing:border-box!important;
}
html body.ui-unified-page > .area-wrap nav.area-list {
  display:block!important; width:100%!important; max-width:100%!important;
  min-width:0!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important; overflow:hidden!important;
}
html body.ui-unified-page > .area-wrap nav.area-list > ul {
  display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:stretch!important; justify-content:initial!important;
  gap:8px!important; width:100%!important; max-width:100%!important;
  min-width:0!important; padding:0!important; margin:0!important;
  list-style:none!important; overflow:visible!important; box-sizing:border-box!important;
  flex-wrap:unset!important;
}
html body.ui-unified-page > .area-wrap nav.area-list > ul > li {
  display:block!important; min-width:0!important; width:100%!important; max-width:100%!important;
  margin:0!important; padding:0!important; flex:none!important; box-sizing:border-box!important;
  list-style:none!important;
}
html body.ui-unified-page > .area-wrap nav.area-list > ul > li > a {
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; max-width:100%!important; min-width:0!important;
  height:44px!important; min-height:44px!important; max-height:44px!important;
  margin:0!important; padding:3px 3px!important; box-sizing:border-box!important;
  font-size:clamp(10px,.78vw,12px)!important; line-height:1.16!important;
  letter-spacing:-.065em!important; font-weight:750!important;
  white-space:normal!important; word-break:keep-all!important; overflow-wrap:anywhere!important;
  overflow:hidden!important; border:1px solid #e7e2ef!important;
  border-radius:12px!important; background:#fff!important; color:#21182f!important;
  text-align:center!important; text-decoration:none!important;
  box-shadow:0 3px 12px rgba(25,12,54,.035)!important;
}
html body.ui-unified-page > .area-wrap nav.area-list > ul > li.current > a,
html body.ui-unified-page > .area-wrap nav.area-list > ul > li[aria-current="page"] > a {
  background:linear-gradient(135deg,#9945f4,#8635ee)!important;
  border-color:transparent!important; color:#fff!important;
  box-shadow:0 5px 14px rgba(136,61,231,.14)!important;
}
@media (min-width:701px) and (max-width:1050px) {
  html body.ui-unified-page > .area-wrap nav.area-list > ul {gap:5px!important;}
  html body.ui-unified-page > .area-wrap nav.area-list > ul > li > a {
    height:43px!important;min-height:43px!important;max-height:43px!important;
    font-size:10px!important;padding:2px!important;border-radius:10px!important;
  }
}
/* Phone and narrow tablet: SIX columns * TWO rows, never horizontal scroll. */
@media (max-width:700px) {
  html body.ui-unified-page > .area-wrap {
    width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important;
    margin:0 auto 16px!important;padding:0!important;
  }
  html body.ui-unified-page > .area-wrap nav.area-list > ul {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;
  }
  html body.ui-unified-page > .area-wrap nav.area-list > ul > li > a {
    font-size:clamp(8.8px,2.45vw,10.5px)!important;
    line-height:1.17!important;letter-spacing:-.065em!important;
    min-height:40px!important;height:40px!important;max-height:40px!important;
    padding:2px 1px!important;border-radius:9px!important;
    white-space:normal!important;overflow-wrap:anywhere!important;word-break:keep-all!important;
  }
}
@media (max-width:350px) {
  html body.ui-unified-page > .area-wrap nav.area-list > ul {gap:4px!important;}
  html body.ui-unified-page > .area-wrap nav.area-list > ul > li > a {
    font-size:8.5px!important;max-height:42px!important;height:42px!important;
  }
}
html body[data-current-page="index"] main .info-panel-stack > #index-secondary-search-guide {
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important;
}
/* At the narrowest supported phone width, show the concise location label in the
   same navigation cell. The original full link text remains in the HTML. */
@media(max-width:350px) {
 html body.ui-unified-page > .area-wrap nav.area-list > ul > li[data-page="karaoke2"] > a {
  font-size:0!important;
 }
 html body.ui-unified-page > .area-wrap nav.area-list > ul > li[data-page="karaoke2"] > a::after {
  content:"광천동";font-size:8.5px;letter-spacing:-.03em;
 }
}