@charset "utf-8";
/* 폰트 */
/* 프리텐다드 */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
/* 지마켓산스 */
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* 컬러팔레트 */
:root {
  --primary: #2B73FF;
  --blue: #0056D2;
  --green: #00B894;
  --red: #E53935;
  --yellow: #F39C12;
  --bg: #F5F7FA;
  --text1: #1E1E1E;
  --text2: #4B4B4B;
  --text3: #6C757D;
  --text4: #b4b8bc;
  --line: #E0E0E0;
  --line2: #BDBDBD;
  --input-dis: #F3F4F6;
  --input-placeholder: #9CA3AF;
  --th-bg: #F1F3F5;
  --th-txt: #343A40;
  --td-odd: #FFFFFF;
  --td-even: #FAFAFA;
  --td-hover: #E3EDFF;
  --td_txt: #1E1E1E;
  --td-line: #DEE2E6;
  --ft-bg: #343A40;
}

* {font-family: 'Pretendard'; padding: 0; margin: 0; box-sizing: border-box;}
html{background: var(--bg);}
html.no-scroll {overflow: hidden;}
html, body {font-size: 16px; line-height: 1.2;  font-family: 'Pretendard', sans-serif; color: #000; margin: 0 auto;}
textarea {font-family: 'Pretendard', sans-serif;}
li {list-style: none;}
a {color: inherit; text-decoration: none; display: inline-block;}
span{display: inline-block;}
i {font-style: normal;}
h1,h2,h3,h4,h5 {font-weight: normal;}
button {background: inherit; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer;}
/* 스크롤 커스텀 */
* {scrollbar-width: thin; scrollbar-color: var(--primary) var(--bg); --scrollbar-size: 5px;}
*::-webkit-scrollbar {width: var(--scrollbar-size);height: var(--scrollbar-size);}
*::-webkit-scrollbar-track {background-color: var(--bg);}
*::-webkit-scrollbar-thumb {background-color: var(--primary); border-radius: 0; border: 1px solid var(--bg);}

@media screen and (max-width: 1280px) {
    html, body {font-size: 15px;}
}
@media screen and (max-width: 1024px) {
    html, body {overflow-x: hidden;}
}
@media screen and (max-width: 768px) {
    html, body {font-size: 14px;}
}