/* ] ----- DOM 초기화 (normalize) ----- [ */
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    overflow: visible;
    border: 0;
    padding: 0;
    /* -moz-appearance: none; Firefox */
    /* -webkit-appearance: none; Safari and Chrome */
    /* appearance: none; */
    border-radius: 0; /* for iOS input button */
}

button, select {
    text-transform: none;
}

/* ios와 safari에서 클릭가능 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/* 버튼태그 firefox에서 padding 제거 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

textarea {
    overflow: auto;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 1. iOS와 Safari에서 클릭 가능한 유형의 스타일을 지정할 수 없는 것 교정.
 2. safari에서 글꼴 속성 상속으로 변경
*/
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

html, body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dd, dt, p, div, header, section, footer, img, article, form, fieldset, select, a {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
}

img, fieldset, iframe {
    border: none;
    outline: none;
}

legend {
    display: none;
}

input:focus, select:focus, button:focus, textarea:focus {
    outline: none;
}

ol, ul, li {
    list-style: none;
}

a, a:hover {
    text-decoration: none;
    color: #4d5256;
}

select {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    text-align-last: right;
}

select::-ms-expand {
    display: none;
}

button {
    border: none;
    box-shadow: none;
    background: transparent;
    cursor: pointer;
}

label {
    cursor: pointer;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}

/* login input 박스에 Chrome 자동 완성을 위해 입력 배경색을 제거  */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* input / select font 선언 */
input, select {
    font-family: 'Roboto', 'Noto Sans', sans-serif;
}

table, tbody, thead, tr, td, th {
    border-collapse: collapse;
    border-spacing: 0;
}

table {
    width: 100%;
    table-layout: fixed;
}