@charset "UTF-8";

:root {
    --body-color: #444;
    --body-bg: #fff;
    --body-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

    --main : #094c76;
    --main-soft : #1679b7;
    --main-pale : #6eabd2;
    --gray : #969699;
    --gray-soft : #c8c8cc;
    --gray-pale : #e8e8eb;
}

*, *::before, *::after { box-sizing: border-box; }

html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%; text-rendering: optimizeLegibility; }
html, body { height: 100%; }

body { margin: 0; min-height: 100dvh; font-size: 16px; color: var(--body-color); background: var(--body-bg); font-family: var(--body-font) }

html, body, section, div, p, ul, ol, dl, li, dt, dd, nav,
h1, h2, h3, h4, h5, h6, address, small, span, i, time, table, th, td,
form, fieldset, label, img, button, textarea { margin: 0; padding: 0; border: 0; }

textarea { resize: none; }

address, i { text-decoration: none; font-style: normal; }
ul, ol { list-style: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

a, a:link, a:visited, a:hover, a:active { color: inherit; font: inherit; text-decoration: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; cursor: pointer; -webkit-user-select: none; user-select: none; }

button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; appearance: none; outline: none; background: none; border: none; -webkit-tap-highlight-color: transparent;}
button:focus { outline: none; }
button:active { outline: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

body.fixed { width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; touch-action: none; }

button.main{font-weight: 500; color: #fff; background: var(--main);}
button.main:disabled{color: #bdb8b5; background: var(--main-pale);}
button.gray{font-weight: 500; color: #fff; background: var(--gray);}
button.gray:disabled{color: #bdb8b5; background: var(--gray-pale);}

main { display: block; }
input.hidden{ display: none; }
.sr-only{ position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* PC */
@media screen and (min-width: 1025px) {
    button.main:hover{ font-weight: 500; background: var(--main-soft); }
    button.gray:hover{ font-weight: 500; background: var(--gray-soft); }
}

/* 모바일 */
@media screen and (max-width: 1024px) {
    button.main:active{ font-weight: 500; background: var(--main-soft); }
    button.gray:active{ font-weight: 500; background: var(--gray-soft); }
}