@charset "UTF-8";

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-style: normal;
  color: var(--main-color);
  font-size: var(--font-s-16);
  font-weight: var(--font-w-medium);
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/* 폰트 설정 */
html {
  font-size: 62.5%;
} /* 1rem = 10px */

/* 리스트 스타일 제거 */
ol,
ul {
  list-style: none;
}

/* 링크 초기화 */
a {
  text-decoration: none;
  color: #333;
}

/* 테이블 초기화 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 버튼, 인풋 초기화 */
button,
input,
select,
textarea,
a {
  background: none;
}
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
  outline: 2px solid var(--skyBlue-color);
  border-radius: 0.3rem;
}

button,
input,
select,
textarea,
label,
a {
  cursor: pointer;
}

input[type="text"],input.box-form{
  height: 4.4rem;
  width: var(--max-full);
  padding-left: var(--blank-10);
  padding-right: var(--blank-10);
  border: 1px solid var(--muted-color);
  border-radius: var(--r-7);
}
input[type="text"]::placeholder,input.box-form::placeholder{
  color: var(--extra-color);
  font-weight: var(--font-w-light);
}

input[type="radio"],
input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  aspect-ratio: 1/1;
}

/* 이미지 */
img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}