@charset "UTF-8";
/* 서울우유500ml */
@font-face {
  font-family: "seoulmilk-500ml";
  src: url("../font/SEOULMILK 500mL TTF.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* 서울우유1000ml */
@font-face {
  font-family: "seoulmilk-1000ml";
  src: url("../font/SEOULMILK 1000mL TTF.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 100 */
@font-face {
  font-family: "s-core-100";
  src: url("../font/SCDream1.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 200 */
@font-face {
  font-family: "s-core-200";
  src: url("../font/SCDream2.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 300 */
@font-face {
  font-family: "s-core-300";
  src: url("../font/SCDream3.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 400 */
@font-face {
  font-family: "s-core-400";
  src: url("../font/SCDream4.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 500 */
@font-face {
  font-family: "s-core-500";
  src: url("../font/SCDream5.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 600 */
@font-face {
  font-family: "s-core-600";
  src: url("../font/SCDream6.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 700 */
@font-face {
  font-family: "s-core-700";
  src: url("../font/SCDream7.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 800 */
@font-face {
  font-family: "s-core-800";
  src: url("../font/SCDream8.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* s-core 900 */
@font-face {
  font-family: "s-core-900";
  src: url("../font/SCDream9.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* variable css */
/* footer-section */
footer {
  /* border: 1px solid red; */
  width: 100%;
  height: 100px !important;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .container {
  /* border: 1px solid red; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .container span {
  font-size: 14px;
  line-height: 1;
  color: #2a2a2a;
}
footer .container a.back-top-btn {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .container a.back-top-btn span {
  font-family: "s-core-400";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  transition: transform 0.2s ease-out;
  transform-origin: 100% 0%;
  position: relative;
}
footer .container a.back-top-btn span::before {
  content: "Back Top";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
  height: 100%;
  transition: transform 0.2s ease-out;
}
footer .container a.back-top-btn .arrow-icon-box {
  margin-right: 14px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: url("../img/arrow-img03.svg") no-repeat center top/100% auto;
}
footer .container a.back-top-btn .arrow-icon-box img {
  width: 100%;
  display: none;
}
footer .container a.back-top-btn:hover span {
  transform: translateY(-100%);
  transform-origin: 0% 0%;
}
footer .container span.copyrights {
  text-align: center;
}
footer .container span.copyrights span {
  font-family: "s-core-400";
}
footer .container a.privacy span {
  font-family: "s-core-400";
}