@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100; 300; 400; 500; 700; 900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100; 200; 300; 400; 500; 600; 700; 800; 900&display=swap'); 


/* reset */
* { margin: 0; padding: 0; border: 0; outline-style: none; box-sizing: border-box; } 
html { scroll-behavior: smooth; font-size: 62.5%; } 
body { position: relative; overflow-x: hidden; color: #1A2606; font-family:'Poppins','Noto Sans KR'; font-size: 1.8rem; box-sizing: border-box; line-height: 1.3; } 
ol,ul,li { list-style: none; } 
table,th,td { border-collapse: collapse; /*border-spacing: 0; */ } 
input { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; font-family: 'Noto Sans KR'; } 
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의 네이티브 화살표 숨기기 */
button { border: none; background: none; cursor: pointer; outline: none; } 
label { cursor: pointer; } 
label img { pointer-events: none; } 
a { text-decoration: none; color:initial; } 
button { border: none; background: none; cursor: pointer; -webkit-transform: translate3d(0,0,0); outline: none; } 
img { display: block; border: 0; width: 100%; } 
img.icon { display: inline-block; width: auto; vertical-align: middle; } 
.material-symbols-rounded { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;vertical-align: sub; } 


html::-webkit-scrollbar { width: 6px; } 
/* 스크롤바 막대 설정*/
html::-webkit-scrollbar-thumb { height: 15%; background-color:#21252b; } 
/* 스크롤바 뒷 배경 설정*/
html::-webkit-scrollbar-track { background-color: #32394361; } 


@media all and (max-width:768px) { 
 html { overflow-x: hidden; font-size: 46.5%; } 
 body { font-size: 2.5rem; } 

 }