/* 기본 스타일 (PC용 또는 데스크탑 우선 접근) */
body {
  font-family: Arial, sans-serif;
  font-size: 18px;
  background-color: #f9f9f9;
}

/* 노트북 (1024px ~ 1440px) */
@media (max-width: 1440px) {
  body {
    font-size: 17px;
  }
}

/* 태블릿 (768px ~ 1023px) */
@media (max-width: 1023px) {
  body {
    font-size: 16px;
    background-color: #e0f7fa;
  }
}

/* 모바일 (480px ~ 767px) */
@media (max-width: 767px) {
  body {
    font-size: 15px;
    background-color: #ffe0b2;
  }
}

/* 소형 모바일 (479px 이하) */
@media (max-width: 479px) {
  body {
    font-size: 14px;
    background-color: #ffcdd2;
  }
}