:root {
  --max-width: 1920px;
  --color-personal-green: #009F40;
  --color-personal-blue: #008EE5;
  --color-personal-dark-blue: #00489C;
  --color-personal-dark-gray: #3E3A39;
  --color-personal-yellow: #FFCF3E;
  --color-personal-gray: #646464;
  --color-personal-orange: #F57B00;
  --color-personal-red: #FD2727;
  --color-footer: #2F2F2F;
  --color-white: #fff;
  --color-yellow: #FED900;
  --color-dark-blue: #0E2D74;
  --color-red: #E73A3A;
  --color-dark-gray: #727272;
  --color-gray: #9F9F9F;
  --bg-gray: #F6F7F9;
  --btn-dark-blue: #081D4D;
  --color-light-gray: #DEDEDE;
  --ff-default: 'Noto Sans KR', system-ui, -apple-system, helvetica, sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
}

html,
body {
  font-size: clamp(14px, 1.1vw, 16px);
  font-family: 'Paperlogy', system-ui, -apple-system, helvetica, sans-serif;
  font-weight: 500;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 350px;
  background: #fff;

}

body::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

input[type='checkbox'] {
  width: 24px;
  height: 24px;
  padding: 5px;
  background: url(../img/chkbox_default.svg) no-repeat center;
  background-color: var(--bg-gray);
  border: 1px solid var(--color-light-gray);
  filter: none;
  appearance: none;
  border-radius: 5px;
}

input[type='checkbox']:checked {
  background-image: url(../img/chkbox_checked.svg);
  background-color: var(--color-blue);
  border: none;
}

input[type='radio'] {
  width: clamp(20px, 1.56vw, 30px);
  height: clamp(20px, 1.56vw, 30px);
  background: url(../img/radio_default.svg) no-repeat center / contain;
  background-color: transparent;
  filter: none;
  appearance: none;
}
input[type='radio']:checked {
  background-image: url(../img/radio_checked.svg);
  background-color: transparent;
  filter: none;
  appearance: none;
}