@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-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:#333;}
input[type=checkbox], 
input[type=radio] {width:18px; height:18px;}
textarea {resize: none; vertical-align:middle}

table {
    border-spacing:0px; 
    border-collapse:collapse;
    border: 1px solid #ffde51;
    box-shadow: 0 0 5px rgba(255,222,81,.5), 0 0 10px rgba(255,222,81,.4), 0 0 15px rgba(255,222,81,.3);
}
caption {display:none;}
th {
    font-weight: normal;
    border: 1px solid #ffde51;
    box-shadow: 0 0 3px rgba(255, 222, 81, 0.5), inset 0 0 3px rgba(255, 222, 81, 0.2);
}
td {
    border: 1px solid #ffde51;
    box-shadow: 0 0 3px rgba(255, 222, 81, 0.5), inset 0 0 3px rgba(255, 222, 81, 0.2);
}

button {cursor:pointer;}

a {
    cursor:pointer; 
    color:var(--neo-accent, #ff7a21); 
    text-decoration:none; 
    transition: 0.3s;
}
a:hover, 
a:focus, 
a:active {
    color:var(--neo-accent-2, #ff8c3a); 
    text-decoration:none;
}

/* Typography polish */
h1,h2,h3,h4,.tit,.title{
  letter-spacing:-0.01em;
}
.small, .muted, .desc, .sub{
  color:var(--neo-muted, #6b7280) !important;
}

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: #f5f5f5; border-radius: 3px;}
    ::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #ffde51;}
    ::-webkit-scrollbar-button {width: 0; height: 0;} 

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

/* Neon Orange Refresh base */
body{background:#0a0a0a !important;}

/* Utility classes */
.hidden {
    display: none !important;
}