* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 0.8547vw;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("font/NotoSansJP-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("font/NotoSansKR-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
body {
  font-family: "Noto Sans JP", "Noto Sans KR";
  font-family: "noto-sans-cjk-jp", sans-serif, "Noto Sans JP", "Noto Sans KR";
  -webkit-font-smoothing: antialiased; /* 폰트 부드럽게 */
  color: #333; /* 기본 글자색 */
  line-height: 1.5; /* 줄간격 여유 */
}

/* 3. 리스트 점/숫자 제거 */
ul,
ol,
li {
  list-style: none;
}

/* 4. 링크 밑줄 제거 및 색상 상속 */
a {
  text-decoration: none;
  color: inherit;
}

/* 5. 이미지가 박스 밖으로 삐져나가는 것 방지 (반응형 필수) */
img {
  max-width: 100%;
  display: block; /* 이미지 하단 미세한 여백 제거 */
}

/* 6. 버튼/입력창 기본 스타일 초기화 (매우 중요) */
button,
input,
textarea,
select {
  font-family: inherit; /* 부모 폰트 상속 */
  border: none;
  background: none;
  outline: none;
}

button {
  cursor: pointer; /* 마우스 올렸을 때 손가락 모양 */
}
@media (min-width: 1170px) {
  html {
    font-size: 10px;
  }

  body {
    background-color: #f0f0f0;
  }

  .wrap {
    max-width: 1170px;
    margin: 0 auto;
    background-color: #fff;
    min-height: 100vh;
  }
  .bottom-bar {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    border-top: 0.2rem solid #eee;
  }
}
/* 1. 표준 및 모던 브라우저 */
input::placeholder {
  color: #848484;
  opacity: 1; /* 중요: 브라우저 기본 투명도 제거해줘야 정확한 색이 나옴 */
}

/* 2. (혹시 모를 구형 브라우저/안드로이드 하위 호환용) */
input::-webkit-input-placeholder {
  color: #848484;
  opacity: 1;
}
input::-moz-placeholder {
  color: #848484;
  opacity: 1;
}