@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:700,600,300,800,400|Alumni+Sans+SC:400|Noto+Serif+KR:400,700");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/691e7d5b45495de2a7d9dc9b.691e7d5c45495de2a7d9dc9e.KonuinX.hcp.png");



.screen a {
  display: contents;
  text-decoration: none;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.no {
  align-items: center;
  background-color: var(--mirage);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 8px;
  position: relative;
}

.li {
  height: 26px;
  position: relative;
  width: 6.69px;
}

.icon-1,
.icon-4 {
  height: 20px;
  position: relative;
  width: 20px;
}

.logo,
.logo-1 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
}

.frame-84,
.frame-83,
.frame-82 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
}

.span {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.container-32 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}