@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=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

/****************************************************************************************************************************************
reset 시작
*****************************************************************************************************************************************/
* {margin:0; padding:0; font-size:14px; font-weight: 400; font-family:'Noto Sans KR', 'sans-serif'; word-break:keep-all;}

html, body {width:100%; height:100%;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}

img {border:0; vertical-align:middle;}
form {border:0;}
fieldset {border:0;}
ul,ol,li {list-style:none;}
input, select, button {border:none; vertical-align:middle; color:#fff;}
input[type=checkbox], 
input[type=radio] {width:18px; height:18px;}
textarea {resize: none; vertical-align:middle}

table {border-spacing:0px; border-collapse:collapse;}
caption {display:none;}
th {font-weight: normal;}

button {cursor:pointer;}

a {cursor:pointer; color:#fff; text-decoration:none; transition: 0.3s;}
a:hover, 
a:focus, 
a:active {color:#fff; text-decoration:none;}

button:hover,
li:hover {transition: 0.3s;}

img {max-width: 100%;}

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

@media (min-width: 768px) {
    ::-webkit-scrollbar {width: 5px; height: 3px; border-radius: 3px;}
    ::-webkit-scrollbar-track {background-color: #000; border-radius: 3px;}
    ::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #16bbf7;}
    ::-webkit-scrollbar-button {width: 0; height: 0;} 

    body::-webkit-scrollbar {width: 5px; height: 3px; border-radius: 3px;}
    body::-webkit-scrollbar-track {background-color: #000; border-radius: 3px;}
    body::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #000;}
    body::-webkit-scrollbar-button {width: 0; height: 0;}
}