/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

/* 기본 박스 사이징 및 리셋 */
* {
  box-sizing: border-box;
}

html,
body {
  font-family:
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    Roboto,
    "Helvetica Neue",
    "Segoe UI",
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif;
  background-color: var(--white);
  color: var(--gray-900);
  line-height: 1.5;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  /* overflow: hidden; */
}

* {
  box-sizing: border-box;
}

#__next {
  height: 100%;
}

/* 이미지, SVG 기본 정렬 */
img,
svg {
  display: block;
  max-width: 100%;
}

/* 색상 변수 */
:root {
  /* --primary: #1e5eff; */
  --primary: #007AFF;
  --black: #000000;
  --white: #ffffff;
  --gray-50: #f8f9fa; /* 리스트 아이템 hover 색상 */
  --gray-100: #f4f7fb; /* 배경 (Background) */
  --gray-200: #ebebeb; /* 탭 (Tab) */
  --gray-300: #e5ebf4; /* 구분선 (Divider) */
  --gray-400: #9a9a9a;
  --gray-500: #717171; /* 보조 텍스트 (Subtext) */
  --gray-600: #666666; /* 아이콘 (Icon) */
  --gray-700: #383838; /* 라벨 (Label) */
  --gray-900: #121212; /* 텍스트 (Text) */

  --secondary: #f1f6ff; /* 연한 메인 그린 */
 
  --link: #1849d6;
  --link-hover: #1239a8;
  --th: #d6e2f3;}

/* 본문 기본 스타일 */
body {
  background-color: var(--white);
  color: var(--gray-900);
  line-height: 1.5;
}

/* 공용 레이아웃 컨테이너 */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
}