@charset "utf-8"; :root { --bg: #f3f6fb; --surface: #ffffff; --surface-soft: #eef3f8; --text: #111111; --muted: #666666; --border: #d8dde6; --brand: #003526; --blue: #004097; --green: #015E4B; --red: #C50030; --accent: #eb4249; --orange: #be5400; --focus-ring: #1d4ed8; --focus-ring-contrast: #ffffff; --shadow: 0 18px 40px rgba(12, 28, 44, 0.12); --shadow-sm: 0 0px 6px rgba(12, 28, 44, 0.07); --radius-lg: 24px; --radius-md: 20px; --radius-sm: 14px; --app-max-width: 430px; --form-select-size-height: 40px; --form-input-size-height: 40px; --form-button-size-height: 40px; } /* PretendardGOV */ @font-face { font-family: 'PretendardGOV'; font-weight: 900; src: url('/font/PretendardGOV-Black.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 800; src: url('/font/PretendardGOV-ExtraBold.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 700; src: url('/font/PretendardGOV-Bold.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 600; src: url('/font/PretendardGOV-SemiBold.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 500; src: url('/font/PretendardGOV-Medium.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 400; src: url('/font/PretendardGOV-Regular.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 300; src: url('/font/PretendardGOV-Light.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 200; src: url('/font/PretendardGOV-ExtraLight.ttf') format('ttf'); } @font-face { font-family: 'PretendardGOV'; font-weight: 100; src: url('/font/PretendardGOV-Thin.ttf') format('ttf'); } /* Common */ * { box-sizing: border-box; } html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } body { background-color: var(--bg); font-family: "Pretendard", "Pretendard GOV", sans-serif; font-size: 1.6rem; line-height: 150%; color: var(--text); } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, form, fieldset, p, button, address, table, tbody, tfoot, thead, th, tr, td, video, tt { margin: 0; padding: 0; box-sizing: border-box; } header, article, aside, canvas, details, figcaption, figure, footer, hgroup, menu, nav, section, summary, mark { display: block; margin: 0; padding: 0; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, input, button, textarea, select, table { font-size: 1.5rem; box-sizing: border-box; } input, button, textarea, select { font-family: inherit; box-sizing: border-box; } button, textarea { /* -webkit-appearance: none */ } img, fieldset, iframe { border: 0 none; } li { list-style: none; line-height: 150%; } img, input, select, button, textarea { vertical-align: middle; box-sizing: border-box; } img { display: inline-block; max-width: 100%; } em, address, optgroup { font-style: normal } label, button { cursor: pointer } label { position: relative; top: 2px; } button { margin: 0; padding: 0; border: 0; background: none; font: inherit; } a, ::after, ::before { box-sizing: border-box } a { display: inline-block; color: inherit; text-decoration: none; } hr { display: none; } legend, caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; } p { text-align: left; word-break: keep-all } dt, dd, li { word-break: keep-all; } table { width: 100%; font-weight: 400; border-spacing: 0; }