:root {
	/* color */
	--color--basic: #ed3626;
	--color--hover: #d32616;
}

body,
html {
    width: 100%;
    font-family: Noto Sans KR, Malgun Gothic, 맑은 고딕, sans-serif;
    overflow-x: hidden
}
body {
    background-color: #000000 !important;
    color: #eee;
    margin: 0
}
html {
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
a {
    color: #eee;
    background-color: transparent;
    text-decoration: none !important
}
a:active,
a:focus,
a:hover {
    color: #eee;
    outline: none;
    text-decoration: none
}
img {
    border: 0
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    outline: none !important;
    box-shadow: none !important
}
li,
ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
    outline: none
}

.pagination{display: block; text-align: center; }
.pagination a{display: inline-block; vertical-align: middle; width: 34px; height: 34px; line-height: 34px; margin: -1px 0 0 -1px; border: 1px solid var(--color--basic); color: var(--color--basic); background-color: #fff; }
.pagination a:hover,
.pagination .active{background-color: var(--color--basic) !important; border-color: var(--color--basic) !important; color: #fff !important; }
.pagination .arrow{border: 0; background-color: transparent; }
.pagination span.active, .pagination span i{display: inline-block; vertical-align: middle; width: 34px; height: 34px; line-height: 34px; margin: -1px 0 0 -1px; border: 1px solid var(--color--basic); color: var(--color--basic); background-color: #fff; }