/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
font-family: "Inter", "Noto Sans KR", "Noto Sans", sans-serif;
}

img, video {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
  color: inherit;
}
button {
  border: none;
  background: none;
  cursor: pointer;
}
ul, ol {
  list-style: none;
}



html {


}

body {
font-weight:400;
  color: #1a1a1a;
  background-color: #fff;
  font-size:clamp(14px, 2.5vw, 17px);
line-height:1.3;
}







.container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 2rem;
}


.flex { display: flex; }
.flex.center {justify-content:center; }
.flex.middle {align-items:center; }
.flex.between {  justify-content:space-between; }
.flex.column { flex-direction:column; }


/* spacing */
.mt10 { margin-top: 1rem; }
.mt20 { margin-top: 2rem; }
.mb10 { margin-bottom: 1rem; }
.pt20 { padding-top: 2rem; }



/* text */
.center { text-align:center; }
.bold { font-weight:700; }

/* hide */
.hidden { display:none !important; }