@charset "utf-8";


/* 스타일 초기화 */
html { font-size: 62.5%; }

/* 요소 여백 초기화  */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* 하이퍼링크 설정 */
a { color: #000; text-decoration: none; }

/* 목록 불릿 없애기 */
ol, ul { list-style: none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table { border-collapse: collapse; border-spacing: 0; border: 0 none; width: 100%; }

/* 텍스트 관련 요소 초기화 */
address, caption, em, i, strong, b { font-weight: normal; font-style: normal; }

/* 웹브라우저에서  */
caption, legend, hr { display: none; }

/* 테두리 없애기 */
fieldset, img, input, select, textarea, button { border: 0 none; outline: none; }

/* 수직정렬 */
input, select, textarea { vertical-align: middle; }




html {
  /* 세로 스크롤 overlay 처리 */
  overflow-y: overlay;

  /* 스크롤바의 box-shadow 색상값을 지정 */
  color: 000;
  transition: all 0.4s ease; /* 부드러운 애니메이션 */
}

html::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

html::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 10px;
  border: 3px solid transparent;
  /* box-shadow 색상은 지정 안했을 경우 기본적으로 color 값을 따라감 */
  box-shadow: inset 6px 6px 0; 
}

html::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: transparent;
}