:root {
  --font-main:
          "NanumSquareNeo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          sans-serif;

  --color-black: #1A2B45;
  --color-white: #fff;
  --color-light: #F0F4FA;
  --color-main: #032e78;
  --color-sub: #001d49;
  --color-border: #eee;

  --filter-white: brightness(0) invert(1);
  --filter-black: brightness(0) saturate(100%) invert(15%) sepia(0%)
  saturate(0%) hue-rotate(0deg) brightness(95%) contrast(85%);
  --filter-sub: brightness(0) saturate(100%) invert(17%) sepia(34%)
  saturate(2300%) hue-rotate(204deg) brightness(94%) contrast(96%);
  --filter-main: brightness(0) saturate(100%) invert(35%) sepia(72%)
  saturate(1800%) hue-rotate(206deg) brightness(94%) contrast(91%);

  --box-shadow-5: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}

html {
  font-size: 62.5%;
}
body {
  font-family: var(--font-main);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  color: var(--color-black);
  word-break: keep-all;
  letter-spacing: -0.05em;
  -webkit-font-smoothing: antialiased;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.m-0 {
  margin: 0 !important;
}
.p-0 {
  padding: 0 !important;
}

.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}

.fw-300 {
  font-weight: 300;
}
.fw-500 {
  font-weight: 500;
}
.fw-900 {
  font-weight: 900;
}

.jc-start {
  justify-content: flex-start !important;
}
.jc-end {
  justify-content: flex-end !important;
}
.ai-start {
  align-items: flex-start !important;
}
.ai-end {
  align-items: flex-end !important;
}
.flex-1 {
  flex: 1;
}
.gap-10 {
  gap: 1rem;
}
.gap-20 {
  gap: 2rem;
}

/* 諛섏쓳�� �④린湲� (紐⑤컮��/PC �꾪솚��) */
@media (max-width: 900px) {
  .pc-only {
    display: none !important;
  }
}
@media (min-width: 901px) {
  .mo-only {
    display: none !important;
  }
}

.bg-center {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.img-fit {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.pos-fix {
  position: fixed;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
}

.d-none {
  display: none !important;
}

.opacity-0 {
  opacity: 0;
}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/images/common/arr-down.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 98% center;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  background-color: #fff;
  color: #111;
  height: 45px;
  width: auto;
}