/* One shared navigation for the entire public site. */
.hg-quick, .oms-dock, .hg-header, .oms-header:not([data-oms-global-header]) { display: none !important; }
.oms-quick {
  --oms-quick-width: 76px;
  --oms-quick-row: clamp(48px, calc((100dvh - 230px) / 6), 64px);
  position: fixed;
  z-index: 40;
  right: 24px;
  top: clamp(100px, 16dvh, 176px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: var(--oms-quick-width);
  color: #353d35;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: -.035em;
}
.oms-quick *, .oms-quick *::before, .oms-quick *::after { box-sizing: border-box; }
.oms-quick__pill {
  width: 100%;
  overflow: hidden;
  padding-top: 16px;
  border: 1px solid #e7e9e3;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 28px rgb(53 61 53 / 3%);
}
.oms-quick__links { display: flex; flex-direction: column; }
.oms-quick__link {
  display: flex;
  width: 100%;
  height: var(--oms-quick-row);
  padding: 8px 2px;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: #fff;
  font: inherit;
  text-align: center;
  text-decoration: none;
}
.oms-quick__link--naver { color: #fff; background: #00ad4d; font-weight: 600; }
.oms-quick__link:hover { color: inherit; background: #f4f6f1; text-decoration: none; }
.oms-quick__link--naver:hover { color: #fff; background: #009d45; }
.oms-quick__link[aria-disabled="true"] { cursor: default; }
.oms-quick__link[aria-disabled="true"]:hover { background: #fff; }
.oms-quick__link span { white-space: nowrap; }
.oms-quick__icon { display: block; width: 24px; height: 24px; flex: none; }
.oms-quick__fold {
  display: flex;
  width: calc(100% - 16px);
  height: 64px;
  margin: 2px 8px 0;
  padding: 12px 0 9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  border: 0;
  border-top: 1px solid #d3d9cf;
  color: #767e71;
  background: #fff;
  font: inherit;
  cursor: pointer;
}
.oms-quick__fold-icon { position: relative; display: block; width: 17px; height: 1px; background: #353d35; }
.oms-quick.is-collapsed .oms-quick__links { display: none; }
.oms-quick.is-collapsed .oms-quick__pill { padding-top: 0; border-radius: 38px; }
.oms-quick.is-collapsed .oms-quick__fold { height: 76px; margin-top: 0; border-top: 0; }
.oms-quick.is-collapsed .oms-quick__fold-icon::after { content: ''; position: absolute; left: 8px; top: -8px; width: 1px; height: 17px; background: #353d35; }
.oms-quick__top {
  display: flex;
  width: 60px;
  height: 60px;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #e7e9e3;
  border-radius: 50%;
  color: #414c42;
  background: #fff;
  box-shadow: 0 8px 28px rgb(53 61 53 / 3%);
  cursor: pointer;
}
.oms-quick__top svg { display: block; width: 24px; height: 24px; }
.oms-quick__top:hover { background: #f4f6f1; }
.oms-quick button:focus-visible, .oms-quick a:focus-visible { outline: 2px solid #353d35; outline-offset: -4px; }
@media (max-width: 1439px) { .oms-quick { right: 12px; --oms-quick-width: 72px; font-size: 11px; } }
@media (min-width: 1200px) and (max-width: 1599px) {
  .hg-desktop [data-name$="/ Editorial content"] > div {
    padding-right: max(112px, calc((100% - 1280px) / 2));
  }
}
@media (min-width: 992px) and (max-width: 1199px) { .oms-quick { top: auto; bottom: 24px; } }
@media (max-width: 991px) { .oms-quick { display: none; } }
@media (max-height: 600px) { .oms-quick { top: 92px; } .oms-quick__fold { height: 52px; } .oms-quick__top { width: 48px; height: 48px; } }

@media (min-width: 1200px) and (max-width: 1839px) {
  .oms-home .oms-shell, .oms-home .oms-hero { max-width: min(var(--oms-width, 1600px), calc(100% - 224px)); }
}