@import url('/fonts/pretendard/pretendard.css');

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

.page-section-anchor {
    display: block;
    height: 0;
}

[data-page-section-anchor] {
    scroll-margin-top: var(--site-header-height, 80px);
}

body {
    margin: 0;
    background: #fff;
    color: #1d2924;
    font-family: var(--font-suit);
    font-size: 16px;
    line-height: 1.65;
}

body[data-site-background],
body[data-site-background] > main,
body[data-site-background] > main > section {
    background-color: var(--site-background) !important;
}

body[data-site-body-background] {
    background-color: var(--site-body-background) !important;
}

button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    width: 100%;
}

p,
h1,
h2,
h3,
blockquote {
    margin-top: 0;
}

/* Main_390 reference layout, applied through the 600px compact header breakpoint. */
@media (max-width: 600px) {
    body > main {
        --site-header-offset: var(--site-header-height, 80px);
        padding-top: var(--site-header-offset);
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}