@import url("./wvFont.css");
@import url("./font/icons/style.css");

:root {
    --color-main: #00398d;
    --color-navy: #00398d;
    --color-darknavy: #26303d;
    --color-navy-hover: #00255e;
    --color-yellow: #ffb800;
    --color-blue: #0066ff;
    --color-blue2: #0a46a5;
    --color-purple: #634daa;
    --color-skyblue: #edf4ff;
    --color-blue-hover: #0043a8;
    --color-danger-hover: rgb(218, 69, 69);
    --color-lightblue: #f7f9fc;
    --color-white: #ffffff;
    --color-black: #121212;
    --color-mainlight: #f4faff;
    --color-gray: #ebebeb;
    --color-gray2: #666;
    --color-lightgray: #f8f8f8;
    --color-darkgray: #757575;
    --color-red: #ff3232;
    --color-green: #40a362;
    --border-input: 1px solid #ddd;
    --border-gray: 1px solid #dbdbdb;
    --font-icon: "ic" !important;
    /* input height */
    --input-height: 68px;
    accent-color: #00398d;
    /* height */
    --gnb-height: 566px;
    --header-height: 138px;
    --readonly-bg: #ebebeb;
    --readonly-color: #898989;
    --readonly-border: 1px solid #ddd;
}

body {
    letter-spacing: -0.6px;
    font-family: "Pretendard", sans-serif;
    color: var(--color-black);
    overflow-x: hidden;
    line-height: 1.2;
    font-size: 1.6rem;
    padding: 0;
    margin: 0;
}

button,
textarea,
a,
select,
input,
pre {
    font-family: "Pretendard", sans-serif;
    font-size: 1.6rem;
    line-height: 1.2;
    word-wrap: break-word;
    word-break: break-all;
}

ul {
    padding: 0;
}
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

hr {
    margin: 30px 0;
    border-top: 1px solid var(--color-gray);
}

em {
    font-style: normal;
}

p {
    margin: 0;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}

.mb-only {
    display: none !important;
}

.scr-custom::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

.scr-custom::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #b2b2b2;
    border-radius: 10px;
    border: 3px solid #e9e9e9;
}

.scr-custom::-webkit-scrollbar-track {
    background-color: #e9e9e9;
    border: 3px solid #e9e9e9;
}

.skip {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
