/* reset */
@import url('touch.css') screen and (any-pointer: coarse); 

* { margin: 0; padding: 0; border: 0; box-sizing: border-box; } 
/* html, body { width: 100%; height: 100%; } */
html { font-size: 62.5%; /*scroll-behavior: smooth;*/ } /* -webkit-user-select:none; 모바일 드래그 막기 */
body { min-width: 320px; max-width: 100%; height: 100%; font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem; box-sizing: border-box; overflow: hidden; } 
ol,ul,li { list-style: none; } 
table,th,td { border-collapse: collapse; /*border-spacing: 0; */ } 
input { font-family: 'Noto Sans KR', sans-serif; accent-color: var(--color-r); } 
/* 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; } 
p { word-break: keep-all; } 
img { display: block; border: 0; max-width: 100%; width: 100%; } 
.icon { width: auto; max-width: 100%; } 

.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(--point-s-color); } 



@media screen and (any-pointer:coarse) { 
/*터치 스크린 장치를 위한 CSS*/
 body { overflow:auto; }
 #main, #sub {overflow-x: hidden;}
 .scroll-track { display: none;}
} 

@media all and (max-width:1200px) { 
    #main, #sub {overflow-x: hidden;}
} 

@media all and (max-width:900px) { 
 html { font-size: 52.5%; } 
} 
@media all and (max-width:768px) { 
    html {letter-spacing: -0.03em;}
   } 
   
@media all and (max-width:500px) { 
 html { font-size: 62.5%;}
}