@charset "utf-8";
/* ---------- 2. 리셋 ---------- */
*, *::before, *::after {box-sizing: border-box;}
html {font-size: 62.5%;-webkit-text-size-adjust: 100%;}
body {margin: 0;font-family: var(--font);font-size: 1.8rem;line-height: 1.7;color: var(--navy);background: var(--white);-webkit-font-smoothing: antialiased;word-break: keep-all;}
body.is-lock {overflow: hidden;}
h1, h2, h3, h4, p, ul, ol, dl, dd, figure {margin: 0;padding: 0;}
ul, ol {list-style: none;}
img, svg {display: block;max-width: 100%;}
a {color: inherit;text-decoration: none;}
button, input, select, textarea {font: inherit;color: inherit;}
button {padding: 0;border: 0;background: none;cursor: pointer;}
:focus-visible {outline: .3rem solid var(--cyan);outline-offset: .3rem;}
.sr-only {position: absolute;width: .1rem;height: .1rem;margin: -.1rem;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.skip {position: fixed;left: 1.6rem;top: -10rem;z-index: 300;padding: 1.2rem 2rem;background: var(--blue);color: #fff;font-weight: 700;}
.skip:focus {top: 1.6rem;}