@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: Metropolis;
    src: url("fonts/Metropolis-Bold.woff") format("woff");
    font-weight: 700;
}
@font-face {
    font-family: Metropolis;
    src: url("fonts/Metropolis-Light.woff") format("woff");
    font-weight: 300;
}
@font-face {
    font-family: Metropolis;
    src: url("fonts/Metropolis-Medium.woff") format("woff");
    font-weight: 400;
}

html, body {
    width: 100%; height: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, table, th, tr, td, 
form, fieldset, legend, input, textarea, button, select {
    margin: 0; padding: 0; box-sizing: border-box;
}
body, input, textarea, select, table, a, p {
    font-family: 'Metropolis' 'Noto Sans KR;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img, fieldset { vertical-align: top; border: 0; }
ul, ol, dl { list-style: none; }
a { text-decoration: none; color: #464646; }
table { width: 100%; border: 0; border-collapse: collapse; }
.clear::after { content: ""; display: block; clear: both;}