@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}


@font-face {
    font-family: 'DeokongPrincess';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/DeogonPrincess.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

:root {
  /* Primary */
  --color-primary: #181CCF;
  --color-secondary: #3B82F6;
  --color-accent: #00C2FF;
  --color-primary-bg: #EEF4FF;
  
  /* Dark */
  --color-dark: #1F2937;           /* 헤더 / 푸터 / 다크 섹션 */
  --color-dark-hover: #111827;     /* 다크 hover */
  
  /* Text */
  --color-text-main: #0F172A;      /* 메인 텍스트 */
  --color-text-gray: #6B7280;
  --color-text-lightgray: #94A3B8;
  
  /* Gray */
  --color-bg: #F8FAFC;
  --color-border: #E2E8F0;         /* border */
}

* {padding: 0; margin: 0; box-sizing: border-box; font-family: "Pretendard", sans-serif; 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;}

/* 버튼 */


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


/* 이미지 */