@charset "utf-8";

:root {
  /* Primary */
  --color-primary: #B1C4DB;
  --color-primary-light: #E9F1FB;
  --color-secondary: #1A2238;
  
  /* Dark */
  --color-dark: #1F2937;           /* 헤더 / 푸터 / 다크 섹션 */
  --color-dark-hover: #111827;     /* 다크 hover */
  
  /* Text */
  --color-text-main: #0A0A0A;      /* 메인 텍스트 */
  --color-text-gray: #7A7A7A; 
  
  /* Gray */
  --color-bg: #F5F7FA;
  --color-border: #E8E8E4;         /* border */
}

* {padding: 0; margin: 0; box-sizing: border-box; font-family: "Inter"; font-weight: 400; line-height: normal; font-optical-sizing: auto; font-weight: 400; scrollbar-width: thin; scrollbar-color: #0B1C2D #DFDFDF; --scrollbar-size: 6px;}

html{scroll-behavior: smooth;font-size: 16px;}
html.hidden{overflow: hidden;}
body{font-size: 16px;overflow-x: hidden;}
html, body {line-height: 1.2; color: var(--color-text-main);}
li {list-style: none;}
a {color: inherit; text-decoration: none; display: inline-block; cursor: pointer;}
span{display: inline-block;}
i {font-style: normal;}
button {background: inherit; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;}
table, th, td {border: none;padding: 0;margin: 0;}

/* 버튼 */


/* 스와이퍼 페이지네이션 */


/* 이미지 */