@charset "utf-8";

:root {
    --a11y-focus-ring: #1f6feb;
    --a11y-focus-bg: rgba(31, 111, 235, 0.18);
}

html,
body {
    font-family: "Pretendard Variable", Pretendard, "SUIT", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

code,
pre,
kbd,
samp {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.g5SkipLink {
    position: absolute;
    left: 8px;
    top: -100px;
    z-index: 2147483646;
    padding: 10px 14px;
    border-radius: 10px;
    border: 2px solid #0f172a;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.g5SkipLink:focus,
.g5SkipLink:focus-visible {
    top: 10px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--a11y-focus-ring) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px var(--a11y-focus-bg) !important;
}

button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.btn {
    min-height: 40px;
}

.bx {
    font-family: boxicons, "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
}

.icon-font-fallback .btnTools i.bx,
.icon-font-fallback .tnbLink i.bx,
.icon-font-fallback .headerMoreItem i.bx {
    display: none !important;
}

.icon-font-fallback .btnTools[title]::after,
.icon-font-fallback .tnbLink[title]::after {
    content: attr(title);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1;
}

img {
    max-width: 100%;
    height: auto;
}

table {
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

@media (max-width: 768px) {
    .tbl_head01,
    .tbl_frm01,
    .tbl_wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}