/* reset+base */
@charset "UTF-8";


@-ms-viewport {
    width: device-width;
}

@o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* reset */
* {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
}

a,
a:link,
a:visited {
    text-decoration: none;
    color: inherit;
}

ul,
ol,
li {
    list-style: none;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html {
    overflow-x: hidden;
}

/* base */
* {
    /* 수정할부분 */
    font-size: 16px;
    letter-spacing: -.6px;
    line-height: 1.45;
    color: #151515;
    /* user-select: none; */
    -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;s
}

/* font */
@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Aritaburi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Daeojamjil';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

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

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

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

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

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
textarea,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
    font-family: "Pretendard Variable", sans-serif;
    font-weight: 400;
}

::selection {
    background-color: var(--black);
    color: var(--white);
}

a,
a:link,
a:visited {
    transition: var(--transition);
}

b {
    font-weight: 700;
}

button {
    outline: none;
    border: none;
    cursor: pointer;
}

/* style */
:root {
    --max-w: 1600px;

    /* Primary Colors */
    --primary-900: #0D1B2A;
    --primary-800: #102A43;
    --primary-700: #1C3A5E;
    --primary-600: #24527A;
    --primary-500: #2C7BE5;
    --primary: #2C7BE5;
    --primary-400: #5AA9F9;
    --primary-300: #9AC9FF;
    --primary-200: #CFE6FF;
    --primary-100: #EAF4FF;
    --gradient: linear-gradient(90deg, rgba(0, 184, 132, 1) 0%, rgba(0, 58, 167, 1) 100%);

    /* Secondary Colors */
    --secondary-mint: #45D0C1;
    --secondary-mint-light: #C9FFFA;

    --secondary-green: #6CCB8A;
    --secondary-green-light: #D3F5E1;


    /* Grayscale */
    --black: #0E1113;
    --grey-900: #121417;
    --grey-800: #1F242B;
    --grey-700: #2D333B;
    --grey-600: #4A5058;
    --grey-500: #5B626B;
    --grey-400: #8B95A1;
    --grey-300: #C8D0D9;
    --grey-200: #E1E6EB;
    --grey-100: #F2F5F8;
    --white: #FFFFFF;

    /* Accent Colors */
    --accent-green: #30df6e;
    --accent-blue-dark: #1e3052;

    /* Transparent Colors */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --overlay-light: rgba(255, 255, 255, 0.95);
    --glass-grey: rgba(220, 223, 226, 0.6);
    --glass-grey-light: rgba(134, 134, 134, 0.25);
    --shadow-primary: rgba(46, 119, 228, 0.3);
    --shadow-primary-hover: rgba(46, 119, 228, 0.4);
}