:root {
    color-scheme: light only;
}

/* elements general */
a, abbr, address, applet, article, aside, audio, b, big, blockquote, body,
button, canvas, caption, center, cite, code, dd, del, details, dfn, dialog,
div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3,
h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, label, legend,
li, main, mark, menu, nav, object, ol, optgroup, output, p, pre, progress, q,
ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup,
svg, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var,
video {
    vertical-align: baseline;
    box-sizing: content-box;
    padding: 0;
    border: 0;
    margin: 0;
    overflow: visible;
    background: transparent;
    color: #181a1f;
    font: normal normal 100%/120% Pretendard, sans-serif;
    text-decoration: none;
    text-shadow: none;
    outline: none;
    -webkit-print-color-adjust: exact;
}

/* additional display */
article, aside, details, dialog, figcaption, figure, footer, header, main,
menu, nav, section, summary, svg {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
}
[hidden], template {
    display: none !important;
}

/* decoration */
html {
    font-size:6.25%;
    background-color:#fff;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}
html, body {
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}
abbr[title] {
    border-bottom: none;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
b, strong {
    font-weight: bold;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, b:after {
    content: none;
}
code, kbd, pre, samp {
    font-family: Consolas, "Lucida Console", monospace, "Courier New";
}
hr {height: 1px;background-color:#ccc;margin: 20px 0;}
img {
    border-style: none;
    max-width: 100%;
    font-size:16rem;
    min-height:10px;
    vertical-align:top;
}
img, video, canvas {
    overflow: hidden;
}
ol, ul {
    list-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
table {
    border-spacing: 0;
}
table caption {font-size: 1rem;line-height: 0 !important;text-align: left !important;text-indent: -99999px !important;white-space: nowrap !important;}
table, th, td {
    border-collapse: collapse;
}

/* user interface */
a, button, input, option, select, textarea,
[type=checkbox] + label, [type=radio] + label {
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action:manipulation;
}
button > * {pointer-events:none;}
textarea, [type=email], [type=number], [type=password], [type=search],
[type=tel], [type=text], [type=url] {
    cursor: text;
}
optgroup, [type=date], [type=datetime], [type="datetime-local"],
[type=month], [type=range], [type=time], [type=week]  {
    cursor: default;
}
button:disabled, input:disabled, option:disabled, select:disabled,
textarea:disabled {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a {
    box-sizing: content-box;
    -webkit-text-decoration-skip: objects;
}
button:active {
    outline: none !important;
}
button > * {
    position: relative;
}
button, input, select, textarea {
    border: 1px solid #ccc;
}
button, select {
    text-transform: none;
}
button, [type=button], html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: auto;
}
[type=number], [type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: auto;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
[type=search] {
    outline-offset: -2px;
}
optgroup {
    font-weight: bold;
}
select, textarea {
    overflow: auto;
}
textarea {
    resize: none;
}
[type=checkbox], [type=radio] {
    width: 13px;
    height: 13px;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input::-ms-clear {
    display: none;
}
input::-ms-reveal {
    display: none;
}
p, span, a, button {
    /*letter-spacing: -0.02em;*/
}
::-webkit-input-placeholder {
    color: #6f7685 !important;
    font: inherit !important;
}
::-moz-placeholder {
    color: #6f7685 !important;
    font: inherit !important;
}
:-ms-input-placeholder {
    color: #6f7685 !important;
    font: inherit;
}
:-moz-placeholder {
    color: #6f7685 !important;
    font: inherit !important;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: auto;
    font: inherit;
}
button, input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
}
select::-ms-expand {
    display: none;
}
input[type=password] {
    font-family: sans-serif !important;
}
input[type=password]::-webkit-input-placeholder {
    font-family: Pretendard, sans-serif !important;
}
input[type=password]::-moz-placeholder {
    font-family: Pretendard, sans-serif !important;
}
input[type=password]:-ms-input-placeholder {
    font-family: Pretendard, sans-serif;
}
input[type=password]:-moz-placeholder {
    font-family: Pretendard, sans-serif !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #181a1f !important;
}

::selection { background-color: #e37500;color:#fff;-webkit-text-fill-color: #fff !important;text-shadow:none; }
::-moz-selection { background-color: #e37500;color:#fff;-webkit-text-fill-color: #fff !important;text-shadow:none; }

*:focus-visible {
    outline: 2px solid #043b72;
    outline-offset: -2px;
}

/*.focus-inset:focus-visible {
    outline-offset: -1px;
}*/


@media screen and (min-width:900px) {
    .mobile-only {display:none !important;}
}

@media screen and (min-width:900px) and (max-width:1599px) {
    html {font-size:0.062539087vw;}
}

@media screen and (max-width:899px) {
    html {font-size:0.254452926vw;}
    .pc-only {display:none !important;}
}