@charset "utf-8";
/* ==========================================================================
   TABLE OF CONTENTS
   검색 팁: Ctrl+F / Cmd+F 로 [태그] 검색
   --------------------------------------------------------------------------
   [skip-link]   본문 바로가기
   [logo]        브랜드 로고
   [coming-soon] 준비중
   ========================================================================== */

.ui-skip-link {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  margin: 0;
  display: inline-block;
  background: #222;
  border-radius: 2rem;
  font-size: 16rem;
  color: #fff;
  text-align: center;
  text-decoration: underline;
}

.ui-skip-link:not(:focus-visible) {
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  clip-path: inset(100%);
}

.ui-skip-link:focus-visible {
  padding: 0.5lh 1lh;
  border: 2rem solid currentColor;
}
.ui-logo {
  display: block;
  width: auto;
}
@media (width >= 1280px) {
  .ui-logo {
    height: 72rem;
  }
}
@media (width < 1280px) {
  .ui-logo {
    height: 40rem;
  }
}
.ui-coming-soon {
  padding-block: clamp(60rem, calc(120 / var(--container) * 100vw), 120rem);
  text-align: center;
}
.ui-coming-soon ._icon {
  margin-bottom: 10rem;
  width: 45rem;
  fill: #cfcfcf;
}
.ui-coming-soon ._heading {
  font-size: clamp(30rem, calc(35 / var(--container) * 100vw), 35rem);
}
.ui-coming-soon ._description {
  margin-top: 1.11111111em;
  font-size: clamp(16rem, calc(18 / var(--container) * 100vw), 18rem);
}