@charset "UTF-8";

*, *::before, *::after {margin: 0; padding: 0; box-sizing: border-box; word-break: keep-all;}

html {width: 100%; height: 100%;}

body {width: 100%; min-height: 100%; -webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트 크기 자동 확대 방지 */

fieldset,img {border:0 none; vertical-align: top;}

dl,ul,ol,menu,li {list-style:none}

blockquote, q {quotes:none}

blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}

input,select,textarea,button {font-size:100%;vertical-align:middle;outline:none;}

button {border:0 none;background-color:transparent;cursor:pointer}

table {border-collapse:collapse;border-spacing:0}

input[type='text'],input[type='password'],input[type='search'],input[type='date'],input[type='email'],input[type='tel'] {-webkit-appearance:none; border-radius:0;}

input:checked[type='checkbox'] {background-color:var(--gray); -webkit-appearance:checkbox}

button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0; border-width: 0;}

input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

html,body,th,td,input,select,textarea,button {font-size: 16px; font-family: 'Pretendard Variable', sans-serif; font-weight: 400; color:var(--primary);}

a {color:inherit;text-decoration:none}

a:active, a:hover {text-decoration:none}

address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* Chrome */
input[type=range] {width: 100px; cursor: pointer; padding: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; border-color: transparent;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
input[type=range]::-moz-range-thumb {-moz-appearance: none;}
input[type=range]:focus {outline: none;}

/* IE */
input[type=range]::-ms-track {width: 100px; cursor: pointer; background: transparent; border-color: transparent; color: transparent;}

progress[value] {-webkit-appearance: none; appearance: none;}





@media screen and (max-width:992px){
    html,body,th,td,input,select,textarea,button {font-size: 14px;}
}

@media screen and (max-width:480px){
    html,body,th,td,input,select,textarea,button {font-size: 12px;}
}