@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap");

/* Copyright Ⓒ Hanmaceng Corp. All Rights Reserved. */
/* 기술개발센터 김건우A 연구원 b25013@hanmaceng.co.kr */

/* -- ↓ -- style -- ↓ -- */

/* 색상 및 시스템 정의 ===== ===== ===== ===== ===== */
:root {
  --color-red: #f21d0d;
  --color-pink: #e8175e;
  --color-magenta: #b92ed1;
  --color-purple: #6d3dc2;
  --color-navy: #4255bd;
  --color-blue: #0d8df2;
  --color-cyan: #03aefc;
  --color-green: #4db251;
  --color-yellow: #ffbf00;
  --color-orange: #ff9800;
  --color-dahong: #ff3d00;
  --color-brown: #a0705f;
  --color-iron: #7f7f7f;
  --color-steel: #688897;

  --color-red-light: #fee9e7;
  --color-pink-light: #fde8ef;
  --color-magenta-light: #f8ebfb;
  --color-purple-light: #f1ecf9;
  --color-navy-light: #edeef9;
  --color-blue-light: #e7f4fe;
  --color-cyan-light: #e6f7ff;
  --color-green-light: #eef8ee;
  --color-yellow-light: #fff9e6;
  --color-orange-light: #fff5e6;
  --color-dahong-light: #ffece6;
  --color-brown-light: #f6f1ef;
  --color-iron-light: #f3f3f3;
  --color-steel-light: #f0f4f5;

  --color-red-medium: #faa59e;
  --color-pink-medium: #f6a2bf;
  --color-magenta-medium: #e3abec;
  --color-purple-medium: #c5b1e7;
  --color-navy-medium: #b3bbe5;
  --color-blue-medium: #9ed1fa;
  --color-cyan-medium: #9adffe;
  --color-green-medium: #b8e0b9;
  --color-yellow-medium: #ffe599;
  --color-orange-medium: #ffd699;
  --color-dahong-medium: #ffb199;
  --color-brown-medium: #d9c6bf;
  --color-iron-medium: #cccccc;
  --color-steel-medium: #c3cfd5;

  /* 프라이머리컬러스케일 */
  --primary-lv-0: #e9eeed;
  --primary-lv-1: #d2dcdb;
  --primary-lv-2: #a5b9b6;
  --primary-lv-3: #789792;
  --primary-lv-4: #4b746d;
  --primary-lv-5: #35635c;
  --primary-lv-6: #1e5149;
  --primary-lv-7: #1b443d;
  --primary-lv-8: #193833;
  --primary-lv-9: #162a27;
}

/* 컴포넌트 정의 ===== ===== ===== ===== ===== */
html {
  font-size: 0.8vw;
}

body {
  font-family: "Pretendard";
  color: #111;
  user-select: none;
}

/* 한줄 강조 emphasize-20px */
h1 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;
}

/* 프로젝트 제목 project-title-16px */
h2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;
}

/* 본문 제목 title-14px */
h3 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;
}

/* 본문 body-14px */
h4 {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;
}

/* 알약형 capsule-12px */
h5 {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;
}

/* 소본문 body-12px */
h6 {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;
}

/* 주석 caption */
p {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.25rem;
  letter-spacing: -0.0175rem;

  color: #777;
}