:root {
  /* Font Weight */
  --font-regular:400;
  --font-medium:500;
  --font-semibold:600;
  --font-bold:700;
  --font-extrabold: 800;
  /* Font color */
  --font-color-white:#ffffff;
  --font-color-dark:#1f1f1f;
  --font-color-dark-black:#000;
  --font-color-gray:#aaaaaa;
  --font-color-palegray:#cdcdcd;
  /* background */
  --background-dark:#000;
  --background-white:#fff;
}
html, body {
  width: 100%;
  height: 100%;
}
html {
  font-size: 20px;
}
body {
  font-size: 1rem;
  overflow-x: hidden;
}
body{ -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; }
img {
  width:100%;
}
.wrap {
  display:none;
}
/* Common layout */
.container_fluid {
  width:100%;
  min-width:64rem;
  overflow-x:hidden;
}
.container {
  width: 64rem;
  max-width:64rem;
  margin: 0 auto;
  padding:0 0.9rem;
  box-sizing:border-box;
}
.flex {
  display:flex;
  align-items:center;
}
.flex-direction {
  display:flex;
  flex-direction:column;
}
/* Common Footer */
.footer_wrap {
  width:100%;
  background:#000;
  box-sizing:border-box;
  padding:3.75rem;
}
.footer_content {
  gap:0.5rem;
  grid-gap:0.5rem;
}
.footer_content .flex__ {
  display:flex;
  flex-wrap:wrap;
  gap:0.8rem;
  grid-gap:0.8rem;
}
.footer_content .flex__ div , .footer_content .flex__ div a {
  font-size:0.65rem;
  letter-spacing:-0.23px;
  color:#707070;
  font-family: "Pretendard Variable";
  font-weight:var(--font-regular);
}

@media screen and (max-width:500px){
  html,body {
    -webkit-tap-highlight-color:transparent;
  }
}

/* Toggle menu */
.toggle_wrap {
  position:fixed;
  right:-100%;
  top:2.8rem;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.35);
  z-index:100;
  transition:right .4s ease-in-out;
  overflow:hidden;
}
.toggle_wrap.on {
  right:0;
}
.toggle_menu {
  position:absolute;
  right:-100%;
  top:0;
  width:90%;
  height:100%;
  box-sizing:border-box;
  background:#171717;
  padding:3rem 1.2rem;
  transition:right .4s ease-in-out;
  transition-delay:.2s;
}
.toggle_wrap.on .toggle_menu {
  right:0;
}
.toggle_menu .toggle_navigation h6 {
  font-size:2rem;
  letter-spacing:0;
  color:#fff;
  font-weight:var(--font-bold);
}
.toggle_menu .toggle_navigation ul.flex-direction {
  gap:0.5rem;
  grid-gap:0.5rem;
}
.header_menu .toggle_menu .toggle_navigation a.link {
  font-size:1rem;
  line-height:2.4rem;
  letter-spacing:0;
  color:var(--font-color-white);
  font-weight:var(--font-bold);
}
.toggle_menu .toggle_navigation ul li a {
  color:#fff !important;
  font-size:0.85rem !important;
}
.toggle_menu .toggle_navigation a::after {
  display:none;
}
.toggle_menu .toggle_navigation.navi2 {
  margin-top:3.2rem;
}
.toggle_menu .toggle_navigation.navi2 .flex {
  margin-top:0.7rem;
}
.toggle_menu .toggle_navigation > .flex {
  position:relative;
  gap:1rem;
  grid-gap:1rem;
}
.toggle_menu .toggle_navigation > .flex a {
  display:inline-flex;
  align-items:center;
  gap:0.3rem;
  grid-gap:0.3rem;
}
.toggle_menu .toggle_navigation > .flex a img {
  width:0.8rem;
  height:0.8rem;
}