@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&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,
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 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
    box-sizing: border-box;
}

body {
    line-height: 1;
    font-size: 72.5%;
    width: 100%;
    height: 100%;
    font-display: swap;
    -webkit-text-size-adjust: none;
    font-family: "Inter", "Roboto", sans-serif !important;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

a {
    text-decoration: none;
    display: flex;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

img {
    width: 100%;
}

button {
    color: #333;
    border: 0;
    background: none;
    padding: 0;
}

input {
    outline: none;
    padding: 0 15px;
}

input::placeholder {
    color: var(--color-Neutral3);
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body.modal-open {
    overflow: visible !important;
}

body.modal-open[style] {
    padding-right: 0px !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.no-scroll {
    overflow: hidden;
    height: 100%;
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
    width: 24px;
    height: 24px;
}

.cl0 {
    color: #000 !important;
}

.bd_btm {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

.wrap {
    background: #ffffff;
    display: flex;
    position: relative;
}
@media (max-width: 768px) {
    .wrap {
        margin-bottom: 160px;
    }
}

:root {
    --color-point: #000;
    --color-pointG: #000;
    --color-black: #000;
    --color-gray: #f2f2f2;
    --color-warning: #fbc02d;
    --color-danger: #e53835;
    --color-success: #2e7d31;
    --color-primary: #d3a12e;
    --color-secondary: #e6e1cc;
    --color-thirdly: #f5f5f5;
    --color-fourthly: #18662a;
    --color-fourthlyHv: #56169b;
    --color-tbBg: #ebebeb;
    --color-darkColor1: #ffad2b;
    --color-darkColor2: #252b42;
    --color-darkColor3: #8b8c8f;
    --color-darkColor3Hv: #141722;
    --color-grayTxt: #999999;
    --color-blk: #263238;
    --color-tbborder: #ccc;
    --color-tbwhite: #ccc;
    --color-Neutral1: #515b60;
    --color-Neutral2: #7d8488;
    --color-Neutral3: #a8adaf;
    --color-Neutral4: #e0e0e0;
    --color-Neutral5: #bfa729;
    --color-Silver: #e9ebeb;
    --color-White: #ffffff;
    --Bg-White: #ffffff;
    --Bg-Black: #222222;
    --Bg-darkColor1: #181c2d;
    --Bg-darkColor2: #252b42;
    --Bg-darkColor3: #202537;
    --Txt-h1: 64px;
    --Txt-h2: 36px;
    --Txt-h3: 28px;
    --Txt-h4: 20px;
    --Txt-p18: 18px;
    --Txt-p16: 16px;
    --Txt-p14: 14px;
    --Txt-p12: 12px;
    --border-r5: 5px;
    --border-r10: 15px;
    --border-r15: 15px;
    --border-r20: 20px;
    --border-r100: 100px;
    --bx-shadow2: 0 2px 4px rgba(0, 0, 0, 0.1);
    --bx-shadow4: 0 4px 8px rgba(0, 0, 0, 0.1);
    --bx-shadow6: 0 6px 12px rgba(0, 0, 0, 0.1);
    --bx-shadow8: 0 8px 16px rgba(0, 0, 0, 0.1);
    --bx-shadow16: 0 16px 42px rgba(0, 0, 0, 0.1);

    --primary-100: #212529;
    --primary-200: #000;
    --primary-300: #ffffff;
    --accent-100: #f5f5f5;
    --accent-200: #929292;
    --text-100: #1d1f21;
    --text-200: #444648;
    --bg-100: #ffffff;
    --bg-200: #f5f5f5;
    --bg-300: #cccccc;
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6,
.editor-content p,
.editor-content span,
.editor-content b,
.editor-content strong,
.editor-content ul,
.editor-content ol,
.editor-content li {
  all: revert;
  line-height: normal;
}