/* color */
:root {
    --primary-color: #4E32F6;
    --gradient-M: #4E32F6;
    --gradient-M: #4E32F6;
    --gradient-S: #4E28E9;
    --gradient-S: #8939E8;
    --main-light-600: #1e216f;
    --main-light-500: #5671FF;
    --main-light-400: #90A1FF;
    --main-light-300: #B4C0FD;
    --main-light-200: #D4DCFF;
    --main-light-100: #EBEEFF;
    --main-light-50: #F7F8FF;
    --blue-grey-700: #191F28;
    --blue-grey-600: #4E5968;
    --blue-grey-500: #6B7684;
    --blue-grey-400: #B0B8C1;
    --blue-grey-300: #D1D6DB;
    --blue-grey-200: #E5E8EB;
    --blue-grey-100: #F2F4F6;
    --blue-grey-50: #F9FAFB;
    --gray-color-700: #1D1D1F;
    --gray-color-600: #6B6B6B;
    --gray-color-500: #999999;
    --gray-color-400: #A8A8A8;
    --gray-color-300: #D6D6D6;
    --gray-color-200: #E2E2E8;
    --gray-color-100: #EEEEEF;
    --gray-color-50: #F9F9FB;
    --black-color: #000;
    --white-color: #fff;
    --green-color: #1DD5A5;
    --red-color: #FF2C52;
    --border-primary: #E5E8EB;
    --max-width: 1366px;
    --min-width: 1024px;
    --box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s cubic-bezier(0, .21, .03, 1.01);
    --vh: 100%;
}

/* font */
@font-face {
    font-family: "Pretendard ExtraBold";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Pretendard-ExtraBold.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src:local(""), url("../fonts/Pretendard-ExtraBold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/Pretendard-ExtraBold.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/Pretendard-ExtraBold.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/Pretendard-ExtraBold.ttf") format("truetype"),
    /* Safari, Android, iOS */
     url("../fonts/Pretendard-ExtraBold.svg#NotoSansKR") format("svg");
}
@font-face {
    font-family: "Pretendard ExtraLight";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/Pretendard-ExtraLight.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src:local(""), url("../fonts/Pretendard-ExtraLight.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/Pretendard-ExtraLight.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/Pretendard-ExtraLight.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/Pretendard-ExtraLight.ttf") format("truetype"),
    /* Safari, Android, iOS */
     url("../fonts/Pretendard-ExtraLight.svg#NotoSansKR") format("svg");
}
@font-face {
    font-family: "Pretendard Bold";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Pretendard-Bold.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src:local(""), url("../fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/Pretendard-Bold.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/Pretendard-Bold.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/Pretendard-Bold.ttf") format("truetype"),
    /* Safari, Android, iOS */
     url("../fonts/Pretendard-Bold.svg#NotoSansKR") format("svg");
}

@font-face {
    font-family: "Pretendard SemiBold";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Pretendard-SemiBold.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src:local(""), url("../fonts/Pretendard-SemiBold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/Pretendard-SemiBold.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/Pretendard-SemiBold.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/Pretendard-SemiBoldr.ttf") format("truetype"),
    /* Safari, Android, iOS */
     url("../fonts/Pretendard-SemiBold.svg") format("svg");
}

@font-face {
    font-family: "Pretendard Regular";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Pretendard-Regular.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src:local(""), url("../fonts/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/Pretendard-Regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/Pretendard-Regular.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/Pretendard-Regular.ttf") format("truetype"),
    /* Safari, Android, iOS */
     url("../fonts/Pretendard-Regular.svg") format("svg");
}

@font-face {
    font-family: "Pretendard Light";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Pretendard-Light.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src:local(""), url("../fonts/Pretendard-Light.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/Pretendard-Light.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../fonts/Pretendard-Light.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/Pretendard-Light.ttf") format("truetype"),
    /* Safari, Android, iOS */
     url("../fonts/Pretendard-Light.svg") format("svg");
}

@font-face {
    font-family: "Hakgyoansim Chilpanjiugae B";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Hakgyoansim-Chilpanjiugae-B.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/Hakgyoansim-Chilpanjiugae-B.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Hakgyoansim-Chilpanjiugae-B.woff2") format("woff2"),
        /* Super Modern Browsers */
        url("../fonts/Hakgyoansim-Chilpanjiugae-B.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Hakgyoansim-Chilpanjiugae-B.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../fonts/Hakgyoansim-Chilpanjiugae-B.svg") format("svg");
}

@font-face {
    font-family: "Hakgyoansim Chilpanjiugae L";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Hakgyoansim-Chilpanjiugae-L.eot");
    /* Legacy iOS */
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/Hakgyoansim-Chilpanjiugae-L.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Hakgyoansim-Chilpanjiugae-L.woff2") format("woff2"),
        /* Super Modern Browsers */
        url("../fonts/Hakgyoansim-Chilpanjiugae-L.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Hakgyoansim-Chilpanjiugae-L.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../fonts/Hakgyoansim-Chilpanjiugae-L.svg") format("svg");
}
/* reset */
* {
    margin: 0;
    padding: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* ::after,
* ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button {
    border: none;
}

strong {
    font-family: "Pretendard Bold";
}
.block {
    display: block;
}
.scroll-lock {
    overflow: hidden;
}
.blind {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    margin: -1px;
}

.off {
    display: none !important;
}

.primary-color {
    color: var(--primary-color);
}

select {
    vertical-align: middle;
    border-radius: 6px;
}

html {
    font-size: 62.25%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    height: 100vh;
    height: var(--vh);
}

body {
    background: var(--white-color);
    font-style: normal;
    font-family: "Pretendard Regular", sans-serif, "맑은 고딕", arial;
    color: var(--black-color);
    scroll-behavior: smooth;
    -webkit-text-size-adjust: none;
    word-break: break-all;
}

ol ul {
    margin: 0;
    padding: 0;
}

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

a {
    color: var(--black-color);
    text-decoration: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

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

textarea {
    font-family: "Noto Sans", "Karla-Bold", sans-serif, "맑은 고딕", arial;
    letter-spacing: -0.35px;
    width: 100%;
    resize: none;
    border-color: transparent;
}

textarea:focus {
    outline: 0;
}

button,
input,
textarea,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button,
select,
textarea {
    border-radius: 0;
}

input {
    vertical-align: middle;
    opacity: 1;
}

input:-webkit-autofill {
    box-shadow: var(--white-color) 0 0 0 1000px inset;
}
::-webkit-input-placeholder {
    /* Edge */
    color: rgba(61, 61, 61, 0.3);
    font-family: "Pretendard Regular";
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(61, 61, 61, 0.3);
    font-family: "Pretendard Regular";
}

::-moz-placeholder {
    color: rgba(61, 61, 61, 0.3);
    font-family: "Pretendard Regular";
}

::-ms-input-placeholder {
    color: rgba(61, 61, 61, 0.3);
    font-family: "Pretendard Regular";
}

::placeholder {
    color: rgba(61, 61, 61, 0.3);
    font-family: "Pretendard Regular";
}

input::-webkit-search-cancel-button,
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:focus-visible {
    outline: 0;
    border: 0;
}

select::-ms-expand {
    display: none;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

button ::-moz-focus-inner {
    border: 0;
    padding: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    width: 100%;
}
.container{
    overflow: hidden;
}
.scroll-box {
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.scroll-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.scroll-box::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.scroll-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ddd;
}

.scroll {
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.scroll::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ddd;
}