/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');

/* variable */
:root {
  --alt-font: 'Noto Sans KR', 'Plus Jakarta Sans', sans-serif;
  --primary-font: 'Noto Sans KR', 'Golos Text', sans-serif;
  --dark-gray: #15161d;
  --dark-slate-blue: #1e1e28;
  --medium-gray: #7a7a83;
  --light-medium-gray: #f0f2f8;
  --very-light-gray: #f4f5fa;
  --red: #e75050;
  --light-red: #ffeded;
  --green: #1b855d;
  --crusoe-green: #dbf2e7;
}

@-webkit-keyframes footeranimatedgradient {
  0% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  to {
    background-position: 0 50%;
  }
}

/* text gradient color */
.text-gradient-light-blue-dark-black,
.text-gradient-dark-blue-dark-black,
.text-gradient-light-gray-white {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.text-gradient-dark-blue-dark-black {
  background: linear-gradient(to bottom, #363a46 38%, #0a0b0d 100%);
}
.text-gradient-light-blue-dark-black {
  background: linear-gradient(to bottom, #2e3148 38%, #15161d 105%);
}
.text-gradient-light-gray-white {
  background: linear-gradient(to bottom, #d8dbe7 38%, #f0f2f8 95%);
}
.text-light-blue {
  color: #ebeef5;
}
.top-45 {
  top: 45% !important;
}
/* bg gradient color */
.bg-gradient-dark-green-light-green {
  background: linear-gradient(to right, #4c9100 40%, #8cb453 100%);
}
.bg-gradient-top-very-light-gray {
  background-image: linear-gradient(to top, #ffffff, #fefefe, #f3f2f8, #f3f4f9, #f4f5fa);
}
.bg-gradient-very-light-gray-transparent {
  background: linear-gradient(to right, #dddfeb 15%, transparent 100%);
}
.bg-gradient-light-pink-transparent {
  background: linear-gradient(to right, #d6cad6 15%, transparent 100%);
}
.bg-gradient-extra-very-light-gray-transparent {
  background: linear-gradient(to right, #ecf0f6 15%, transparent 100%);
}
.bg-dark-red {
  background: #d1372a;
}
.bg-light-pink {
  background: #eee2ef;
}
.border-color-transparent-white-very-light {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
/* margin */
.mb-minus-90px {
  margin-bottom: -90px;
}
.mb-minus-100px {
  margin-bottom: -100px;
}