@import url("../font/pretendard/pretendard.css");

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 62.5%; } /* 10px = 1rem */
body { font-family: 'Pretendard', sans-serif; line-height: 1.5; }
ul, ol { list-style: none; }

a { color: inherit; text-decoration: none; }
button { font-family: inherit; font-size: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
img { max-width: 100%; display: block; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px none inset !important;
}


/* 전역 커스텀 스크롤바 */
* {
	scrollbar-width: thin;
	scrollbar-color: rgba(178, 186, 194, 0.6) transparent;
}

*::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background: #B2BAC2;
	border-radius: 99px;
	opacity: 0.6;
	transition: opacity 0.25s ease;
}

*::-webkit-scrollbar-thumb:hover {
	opacity: 0.6;
	filter: brightness(10);
}

::selection {
  background: var(--color-primary);
  color: #fff;
}

::-moz-selection {
  background: var(--color-primary);
  color: #fff;
}