@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/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;
}

/* reset */
html{}
body{margin:0;padding:0;font-size:16px;font-family:'Pretendard','Pretendard','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;;color: var(--color-slate-900); background:var(--color-white);-webkit-tap-highlight-color:transparent !important;}
html,body{-webkit-overflow-scrolling:touch;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;font-family:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ol,ul,dl,dt,dd{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img{vertical-align:middle;font-size:100%}
input, button{margin:0;padding:0;font-size:100%;}
button{border:0;}
button, input[type="submit"]{cursor:pointer;outline:0;}
button, input[type="submit"]:not([class*='_btn']){font-family:inherit;}
button{cursor:pointer;background:transparent;color:inherit;}
textarea, select{font-size:1em}
select{margin:0}
table{border-collapse:collapse;border-spacing:0;}
p{margin:0;padding:0;word-break:break-all}
hr{width:100%;height:1px;background-color:rgba(0,0,0,0.12);border:none;}
pre{overflow-x:scroll;font-size:1.1em;font-family:inherit;}
i{font-style:normal;}
img{max-width:100%;}
a{color:inherit;text-decoration:none}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */-webkit-overflow-scrolling:touch;}
input, button, textarea, select{font-family:inherit;}

/* html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} */


/* select custom */
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;font-size: var(--text-16); border-radius:10px;background:#fff url("../images/icon/icon_arrow_bottom.svg") no-repeat right 16px center;background-size:24px;cursor:pointer;}
select::-ms-expand{display:none}
select:focus{outline:none;border-color:#111}
select:disabled{opacity:.5;cursor:not-allowed}

/* scrollbar */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{cursor:pointer;background:var(--scrollbarColor);border-radius: 50px;}
::selection{background-color:var(--scrollbarColor);color:#fff;}
-webkit-::selection{background-color:var(--scrollbarColor);color:#fff;}
::-moz-selection{background-color:var(--scrollbarColor);color:#fff;}

/* @media screen and (max-width: 1540px) {
    body, html {font-size: 14px;}
} */