@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/****************************************************************************************************************************************
웹폰트시작
*****************************************************************************************************************************************/
@font-face {
    font-family: 'BebasNeue';
    src: url('../Lib/font/BebasNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/****************************************************************************************************************************************
reset 시작
*****************************************************************************************************************************************/
*{margin:0; padding:0; font-size:14px; font-weight:400; font-family: "Noto Sans KR", serif;}

html,body {width:100%; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, p, a, span, td, th {word-break: keep-all;}
li,p,span,strong,i,em, address {font-size:inherit;color:inherit;font-family:inherit;}
b, strong {font-weight:700;color: inherit;font-size: inherit;}

input,select,button,img {vertical-align:middle; outline: none;}
img,fieldset,iframe {border:0 none}
img {max-width: 100%;}

label,button {cursor:pointer}
input,select,button,textarea {margin:0; padding:0; border:0; transition: all 300ms ease;}
button:focus,
textarea:focus,
textarea:focus-visible {outline: none !important; border: none !important;}

ol, ul {position:relative; margin:0 auto; padding:0;}
ol, ul, li {list-style: none;}
li {transition: all 300ms ease;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

textarea {resize: none; outline: none;}

div {display: block;}

table{border-collapse:collapse;border-spacing:0;width:100%;}
th {font-weight: normal;}


a {text-decoration:none; color:#fff; outline:none; transition: all 300ms ease;}
a:hover {text-decoration:none; color:#fff; outline:none;}
a:active {text-decoration:none; color:#fff; outline:none;}
a:visited {text-decoration:none; color:#fff; outline:none;}
a:focus {text-decoration:none; color:#fff; outline: none; box-shadow:none;}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ::-webkit-scrollbar {width:10px; height:10px; background: #181818;}
::-webkit-scrollbar-track {background:#181818;}
::-webkit-scrollbar-thumb {background:#c1ad8b;} */