/* compiled by scssphp 1.6.0 on Wed, 08 Jun 2022 17:45:59 +0000 (0.0347s) */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/*@mixin breakpoint($point) {
  @if $point == desktop {
    @media (max-width: 75em) { @content; }
  }
  @else if $point == laptop {
    @media (min-width: 75em) { @content; }
  }
  @else if $point == small-laptop {
    @media (max-width: 62em) { @content; }
  }
  @else if $point == large-tablet {
    @media (max-width: 62em)  { @content; }
  }
  @else if $point == tablet {
    @media (max-width: 48em)  { @content; }
  }
  @else if $point == small-tablet {
    @media (max-width: 34em)  { @content; }
  }
  @else if $point == phone {
    @media (max-width: 25em)  { @content; }
  }
  @else if $point == small-phone {
    @media (max-width: 21.875em)  { @content; }
  }
}*/
html body#root .section.header {
  position: relative;
  margin-top: 0 !important;
  z-index: 0;
  padding: 50px 0;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 59.9375rem) {
  html body#root .section.header {
    background-position: bottom right !important;
  }
}
html body#root .section.header .container {
  align-items: center;
  justify-content: space-between;
  align-items: center;
  height: 350px;
}
@media only screen and (max-width: 59.9375rem) {
  html body#root .section.header .container {
    flex-direction: column-reverse;
  }
}
html body#root .section.header .image-col {
  margin-right: 0;
}
html body#root .section.header .image-container {
  max-width: 100%;
  height: 500px;
}
@media only screen and (max-width: 59.9375rem) {
  html body#root .section.header .image-container {
    height: auto;
  }
}
html body#root .section.header .image-container img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 59.9375rem) {
  html body#root .section.header .image-container img {
    max-width: 100%;
  }
}
html body#root .section.header p {
  font-size: 22px;
  max-width: 550px;
}
@media only screen and (max-width: 33.6875rem) {
  html body#root .section.header p {
    font-size: 18px;
  }
}
html body#root .section.header h1, html body#root .section.header p, html body#root .section.header a {
  color: #fff;
}