body, section, header, article, main, aside, footer, div, a, h1, h2, h3, h4, p, span, ul, li { padding: 0; margin: 0; }
a { text-decoration: none; }
ul, li {list-style: none;}
h2 { font-size: 2em; color: #0a2a57; }
* { font-family: Cafe24Ssurround; }

body {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
  }

/* header */
header { width: 100%; height: 60px; background-color: #fff; position: fixed; top: 0; z-index: 50; }
header h2 { font-family: ClimateCrisisKR; margin-top: 10px; }
.header_wrap { width: 100%; max-width: 1024px; margin: 0px auto; }

.header_logo { float: left; }
.header_logo > img { width: 150px; height: 40px; margin-top: 10px; background-color: red; }
.header_nav > ul { float: right; }
.header_nav > ul > li { float: left; margin-right: 10px; margin-top: 10px; }
.header_nav > ul > li > a > img { width: 40px; height: 40px; background-color: red; }


@media (max-width: 1024px) {
    .header_wrap { width: 90%; }
}

@media (max-width: 500px) {
    .header_wrap { width: 95%; }
}
@font-face {
    font-family: 'ClimateCrisisKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/ClimateCrisisKR-1979.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}


/* aside */
.aside_wrap { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; background: red; position: absolute; bottom: 50px; right: 5%; position: fixed; cursor: pointer; }
.aside_wrap img { width: 100%; height: 100%; }

@media (max-width: 720px) {
    aside { display: none; }
}



/* footer */
footer { background-color: #0a2a57; color: #fff; padding: 20px 0px; }
.footer_wrap { width: 100%; max-width: 1024px; height: auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin: 0px auto; padding-bottom: 5px; }
.footer_wrap > div { padding: 20px; }

.footer_wrap .footer_nav img { width: 40px; height: 40px; }

.footer_logo h2 { color: #fff; font-family: ClimateCrisisKR; margin-bottom: 10px; text-align: left; }
.footer_logo img { width: 150px; height: 30px; }
.footer_info ul li { float: left; color: #6b747e; padding-right: 10px;}

.footer_nav ul { float: right; }
.footer_nav ul li { float: left; margin-right: 10px; }
.footer_nav ul li:last-child { margin-right: 0px; }

@media (max-width: 720px) {
    .footer_wrap { grid-template-columns: 1fr; grid-gap: 0px; }
    .footer_nav ul { float: left; }
}


@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}