@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap");
@font-face {
  font-family: "WG&S Headline";
  src: url("../fonts/WGSHeadline-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sabon MT Pro";
  src: url("../fonts/SabonMTPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-grey: #313131;
}

html[lang=en] *.kr {
  display: none;
}

html[lang=kr] *.kr {
  font-weight: normal !important;
}
html[lang=kr] *.en {
  display: none;
}

html,
body {
  margin: 0;
  height: 100%;
}

#doc {
  min-height: calc(var(--vh, 1vh) * 100);
  background: url("../images/bg.jpg") no-repeat;
  background-size: cover;
  max-width: 768px;
  margin: auto;
  color: var(--color-grey);
}
#doc nav {
  padding-top: clamp(1px, 3.5623409669vw, 27.358778626px);
  padding-bottom: clamp(1px, 11.9592875318vw, 91.8473282443px);
  display: flex;
  margin: 0 clamp(1px, 2.7989821883vw, 21.4961832061px);
  justify-content: space-between;
}

.logo {
  width: 64.1221374046vw;
  max-width: 492.4580152672px;
  margin: auto;
  display: block;
}

.btn-lang {
  width: 6.6157760814vw;
  max-width: 50.8091603053px;
}

.btn-menu {
  width: 6.6157760814vw;
  max-width: 50.8091603053px;
  visibility: hidden;
}

h3 {
  text-align: center;
  font-family: "WG&S Headline", "Noto Serif KR";
  font-size: clamp(1px, 6.106870229vw, 46.9007633588px);
  font-style: normal;
  font-weight: 700;
  line-height: 105%; /* 33.6px */
  margin: 0;
  margin-bottom: clamp(1px, 3.5623409669vw, 27.358778626px);
}

.desc {
  text-align: center;
  font-family: "Sabon MT Pro";
  font-size: clamp(1px, 3.5623409669vw, 27.358778626px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  margin-bottom: clamp(1px, 3.5623409669vw, 27.358778626px);
}

.btn-signup {
  display: inline-block;
  margin-bottom: clamp(1px, 5.8524173028vw, 44.9465648855px);
}
.btn-signup img {
  width: 25.9541984733vw;
  max-width: 199.3282442748px;
}

.social {
  text-align: center;
  margin: auto;
  margin-bottom: clamp(1px, 9.4147582697vw, 72.3053435115px);
}
.social img {
  width: 6.6157760814vw;
  max-width: 50.8091603053px;
  margin: 0 clamp(1px, 2.0356234097vw, 15.6335877863px);
}

.bottle {
  width: 63.1043256997vw;
  max-width: 484.641221374px;
  display: block;
  margin: auto;
  padding-bottom: clamp(1px, 23.155216285vw, 177.8320610687px);
}

.text-center {
  text-align: center;
}/*# sourceMappingURL=style.css.map */