@charset "utf-8";

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; }

html { overflow-y: scroll; overflow-x: hidden; font-size: 62.5%; font-weight: 400; }

body { font-family: "Pretendard",sans-serif; color: var(--gray3); font-size: 1.6vw; line-height: 1.75; width: 100%; height: 100%; position: relative; }

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

.h1, h1 { font-size: 6.2vw; font-weight: 600; }

.h2, h2 { font-size: 5vw; font-weight: 600; }
.h3, h3 { font-size: 2.4vw; font-weight: 600; }
.h4, h4 { font-size: 2vw; font-weight: 600; }

.caption { font-size: 1.4rem; font-weight: 400; }

.link { font-size: 2rem; font-weight: 500; }

:root { --primary: #8b6dfa; --secondary: #d8e7ff; --gradation: #fafdff; --gray1: #dedede; --gray2: #e5e5e5; --gray3: #222222; }

.inner { max-width: 83%; margin: 0 auto; }

.progress { position: fixed; width: 100%; left: 50%; top: 0; height: 3px; transform: translateX(-50%); text-align: center; line-height: 1; z-index: 10; }

.progress .bar { position: absolute; width: 0%; height: 100%; background: linear-gradient(270deg, #8b6dfa 0, #e97cff 49.48%, #e97cff 100%); left: 0; }

.txt { position: absolute; left: 15vw; top: 1.5vw; font-size: 1.2vw; font-weight: 700; }

@media screen and (max-width: 510px) {
  a,   p, span { font-size: 2vw; }
}