/* reset */


*{margin: 0;padding: 0;border: 0;box-sizing: border-box;word-break: keep-all;}
html{font-size: 62.5%;}/* -webkit-user-select:none; 모바일 드래그 막기 */
body{min-width: 320px;max-width: 100%;height: 100%; background-color: var(--color-bg); color: #000; font-family: 'Pretendard', sans-serif; font-size: 1.6rem; font-weight: 500;  letter-spacing: -0.025em; box-sizing: border-box; }
ol,ul,li{list-style: none;}
table,th,td{border-collapse: collapse;/*border-spacing: 0;*/}
input, button {font-family:'Pretendard',  sans-serif;}
/* input[type=text]::-ms-clear,
input[type=tel]::-ms-clear{display: none;} */
/*
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;} IE 10, 11의 네이티브 화살표 숨기기 */
div {outline: none;}
label{cursor: pointer;}
label img{pointer-events: none;}
a{text-decoration: none;color: #000;}
img{display: block;border: 0;max-width: 100%; width: 100%;}
button {background-color: transparent; cursor: pointer;}
p {word-break: keep-all;}
i {font-style: normal;}

/* .scroll-track { position: fixed; top: 0;right: 0; height: 100%; z-index:9999; background-color: transparent; }
.progress-container { width: 5px; height:100%; background: transparent; }
.progress-bar { width: 5px; height: 0%; background: var(--color-point); } */
::-webkit-scrollbar { width: .4rem; background: transparent; }
::-webkit-scrollbar-thumb { height: 30%; background: var(--color-point); border-radius: 1rem; }
::-webkit-scrollbar-track { background: transparent; }




@media all and (max-width:900px) {
    html {font-size: 52.5%;}
}
@media all and (max-width:768px) {
    html {font-size: 50.5%;}
}

@media screen and (any-pointer:coarse){
 /* body {overflow: inherit; overflow-x: hidden;} */
}