@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'NotoSans' !important;
    font-weight: 400;
    font-size: 14px !important;
    background-color: var(--body-bg_color);
    color: var(--black_color);
    overflow-x: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'NotoSans';
    font-weight: 700;
    margin-bottom: 0;
    color: var(--black_color);
}

ul,
ol,
dl {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: #0377ab;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

b {
    font-weight: 700;
}

input::placeholder {
    color: #ccc;
}

button {
    white-space: nowrap;
}


/*사이즈 관련 css 시작*/
.w-10 {
    width: 10% !important;
}

.w-12 {
    width: 12% !important;
}

.w-16 {
    width: 16% !important;
}

.w-19 {
    width: 19% !important;
}

.w-29 {
    width: 29% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-45 {
    width: 45% !important;
}

.w-49 {
    width: 49% !important;
}

.w-64 {
    width: 64% !important;
}

.w-70 {
    width: 70% !important;
}

.w-50px {
    width: 50px !important;
}

.w-70px {
    width: 70px !important;
}

.w-85px {
    width: 85px !important;
}

.w-120px {
    width: 120px !important;
}

.w-200px {
    width: 200px !important;
}

.w-300px {
    width: 300px !important;
}

.w-500px {
    width: 500px !important;
}

.w-800px {
    width: 800px !important;
}

.w-1000px {
    width: 1000px !important;
}

.w-1200px {
    width: 1200px !important;
}

.max-w-500 {
    max-width: 500px !important;
}

.h-30px {
    height: 30px !important;
}

.h-80px {
    height: 80px !important;
}

.h-100px {
    height: 100px !important;
}

.h-130px {
    height: 130px !important;
}

.h-250px {
    height: 250px !important;
}

.h-350px {
    height: 350px !important;
}

.h-500px {
    height: 500px !important;
}

.h-600px {
    height: 600px !important;
}

.h-650px {
    height: 650px !important;
}

.max-h-130 {
    max-height: 130px !important;
}

.max-h-170 {
    max-height: 170px !important;
}

.max-h-280 {
    max-height: 280px !important;
}

.max-h-300 {
    max-height: 300px !important;
}

.max-h-335 {
    max-height: 335px !important;
}

.max-h-350 {
    max-height: 350px !important;
}

.max-h-400 {
    max-height: 400px !important;
}

.max-h-450 {
    max-height: 450px !important;
}

.max-h-500 {
    max-height: 500px !important;
}

.max-h-600 {
    max-height: 600px !important;
}

.max-h-750 {
    max-height: 750px !important;
}

.min-h-300 {
    min-height: 300px !important;
}

.min-h-500 {
    min-height: 500px !important;
}

/*사이즈 관련 css 끝*/