/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */
:root {
    --basic: #3c4454;
    --primary: #0070e7;
    --primary-white: #fff;
    --primary-blue: #0070e7;
    --primary-rgb: 0, 164, 157;
    --primary-light: #fff;
    --primary-dark: #008882;
    --secondary: #8665ef;
    --secondary-rgb: 134, 101, 239;
    --secondary-light: #ece6ff;
    --secondary-dark: #6a4bcb;
    --tertiary: #3996fc;
    --tertiary-light: #e2f0ff;
    --tertiary-dark: #2776ce;
    --point: #f14a76;
    --point-light: #fee7ec;
    --point-dark: #be113f;
    --warning: #ffb300;
    --warning-light: #fff4dc;
    --warning-dark: #e19e00;
    --wrong: #ce2d2d;
    --wrong-light: #ffe1e1;
    --wrong-dark: #a70404;

    --gray-10: #f5f5f5;
    --gray-20: #f8f8f8;
    --gray-30: #e5e5e5;
    --gray-40: #d9d9d9;
    --gray-50: #c4c4c4;
    --gray-60: #a2a2a2;
    --gray-70: #888888;
    --gray-80: #666666;

    --vip: #b48e5a;
    --vip-rgb: 180, 142, 90;
    --vip-dark: #87673c;

    --background: linear-gradient(
        270deg,
        rgba(111, 164, 255, 0.12) 7.04%,
        rgba(37, 104, 255, 0.12) 92.96%
    );
    --cd-background: linear-gradient(
        313deg,
        rgba(113, 165, 255, 0.91) 27.4%,
        rgba(59, 112, 255, 0.91) 85.73%
    );

    --skeleton: #f4f6fa;
    --skeleton-secondary: #eaedf2;
    --swiper-navigation-size: 30px !important;
}

html {
    font-family: "SpoqaHanSans", "Spoqa Han Sans Neo", "Pretendard", "맑은고딕",
        "Malgun Gothic", "돋움", Dotum, "Apple Gothic", sans-serif;
    color: #222;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.03rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
}

html,
body {
    font-family: "SpoqaHanSans", "Spoqa Han Sans Neo", "Pretendard", "맑은고딕",
        "Malgun Gothic", "돋움", Dotum, "Apple Gothic", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
    font-family: inherit;
    color: inherit;
}
button {
    cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em {
    font-weight: 500;
}

ul,
ol,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
}
img {
    vertical-align: top;
}

button {
    background: none;
    border: 0;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    letter-spacing: inherit;
}
button:focus,
[type="button"]:focus,
[type="submit"]:focus {
    outline-width: 0.5px;
    outline-style: dotted;
}
input:focus-visible {
    outline: none;
}
label {
    cursor: pointer;
    display: none;
}
legend {
    display: none;
}
input {
    caret-color: #0062cc; /* 커서 색상 */
}

input:not([type="range"]) {
}
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* input[type="checkbox"]:focus {
    outline: 1px solid #0070e7; /* 아웃라인 색상 설정 */
/*    outline-offset: 2px; 아웃라인과 체크박스 사이의 거리 설정
} */
input[type="radio"] {
    accent-color: #0070e7;
    width: 17px;
    height: 17px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type="number"],
input[type="date"] {
    white-space: nowrap;
    -moz-appearance: textfield;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
    display: none;
}
input::-webkit-clear-button {
    display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

select {
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}

table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
caption {
    display: none;
}
.noshow {
    display: none;
}
.show {
    display: block;
}
@font-face {
    font-family: "SpoqaHanSans";
    src: url("../font/SpoqaHanSansNeo-Thin.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "SpoqaHanSans";
    src: url("../font/SpoqaHanSansNeo-Light.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SpoqaHanSans";
    src: url("../font/SpoqaHanSansNeo-Regular.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "SpoqaHanSans";
    src: url("../font/SpoqaHanSansNeo-Medium.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "SpoqaHanSans";
    src: url("../font/SpoqaHanSansNeo-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}