* { margin:0; padding:0; font:inherit; color:inherit; }
*, :after, :before { box-sizing:border-box; }
:root { -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:100%; text-size-adjust:100%; cursor:default; line-height:1.5; overflow-wrap:break-word; -moz-tab-size:4; tab-size:4; }
html, body { min-height:100%; }
img, picture, video, canvas, svg { max-width:100%; height:auto; }
button { background:none; border:0; cursor:pointer; }
a { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
ul, ol { list-style:none; }

/* Firefox에서 올바른 높이를 추가, 기본적으로 수평 규칙이 표시되는지 확인 */
hr { height:0; border-top-width:1px; }

/* Chrome, Edge 및 Safari에서 올바른 텍스트 장식을 추가 */
abbr:where([title]) { text-decoration:underline dotted; }

/* Edge 및 Safari에서 올바른 글꼴 두께를 추가 */
b, strong { font-weight:bolder; }

/* 모든 브라우저에서 'sub' 및 'sup' 요소가 줄 높이에 영향을 미치지 않도록 함 */
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }

/* Chrome 및 Safari의 표 내용에서 텍스트 들여쓰기를 제거, 표 테두리 색상 상속을 수정 */
table { width:100%; text-indent:0; border-color:inherit; }
table caption { position:absolute; clip:rect(1px 1px 1px 1px); width:1px; height:1px; margin:-1px; overflow:hidden; }

/* Edge 및 Firefox에서 텍스트 변환 상속을 제거 */
button, select { text-transform:none; appearance:none; }

/* iOS 및 Safari에서 클릭 가능한 유형의 스타일을 지정할 수 없는 문제를 수정, 기본 버튼 스타일을 제거 */
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance:button; background-color:transparent; background-image:none; }

/* 포커스 가능한 모든 요소에 최신 Firefox 포커스 스타일을 사용 */
:-moz-focusring { outline:auto; }

/* Firefox에서 추가 ':invalid' 스타일을 제거 */
:-moz-ui-invalid { box-shadow:none; }

/* Chrome 및 Firefox에서 올바른 수직 정렬을 추가 */
progress { vertical-align:baseline; }

/* Safari에서 증가 및 감소 버튼의 커서 스타일을 수정 */
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height:auto; }

/* 크롬과 사파리에서 이상하게 보이는 현상을 수정, Safari에서 윤곽선 스타일을 수정 */
[type='search'] { -webkit-appearance:textfield; outline-offset:-2px; }

/* macOS의 Chrome 및 Safari에서 내부 패딩을 제거 */
::-webkit-search-decoration { -webkit-appearance:none; }

/* iOS 및 Safari에서 클릭 가능한 유형의 스타일을 지정할 수 없는 문제를 수정, Safari에서 글꼴 속성을 '상속'으로 변경 */
::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; }

/* Chrome 및 Safari에서 올바른 디스플레이를 추가 */
summary { display:list-item; }

/* 기본적으로 텍스트 영역의 크기 조정을 가로로 방지 */
textarea { resize:vertical; }

/* Firefox에서 기본 자리 표시자 불투명도를 재설정, 기본 자리 표시자 색상을 사용자가 구성한 회색 400 색상으로 설정 */
input::placeholder, textarea::placeholder { opacity:1; color:theme('colors.gray.400', #9ca3af); }

/* 비활성화된 버튼이 포인터 커서를 가져오지 않는지 확인 */
:disabled { cursor:default; }

/* 기본적으로 대체된 요소를 'display:block'으로 만듬, 'vertical-align:middle'을 추가하여 기본적으로 교체된 요소를 보다 현명하게 정렬 */
img, svg, video, canvas, audio, iframe, embed, object, picture { display:block; vertical-align:middle; }

/* 'hidden' 속성의 기본 브라우저 동작을 확인 */
[hidden] { display:none; }