/* ============================================
  Reset & Normalize
  ============================================ */

/* ===== 1. 기본 리셋 ===== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

/* ===== 2. 링크 ===== */
a {
  color: unset;
  text-decoration: none;
}

a:hover {
  color: var(--blue-b700);
}

/* ===== 3. 폼 요소 ===== */
button {
  font-family: unset;
  font-size: unset;
  color: unset;
  cursor: pointer;
  border: none;
  background: none;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

input,
textarea,
select {
  font-family: unset;
  font-size: unset;
  color: unset;
  border: none;
  outline: none;
}

textarea {
  resize: vertical;
}

/* ===== 4. 이미지 ===== */
img,
picture {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ===== 7. 목록 ===== */
ul,
ol {
  list-style: none;
}

/* ===== 8. 테이블 ===== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}