@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%; height: 100%; -webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트 크기 자동 확대 방지 */

fieldset,img {border:0 none}

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='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;}

input:checked[type='checkbox'] {background-color:#666; -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}

body,th,td,input,select,textarea,button {font-size: 16px; line-height: 1.5; font-family: "Pretendard Variable", Pretendard, futura-pt, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight: 400; color:var(--primary);}

a {color:#333;text-decoration:none;display: inline-block;}

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; padding: 0; -webkit-appearance: none; background: transparent; border-color: transparent;}
input[type=range]::-webkit-slider-thumb {-webkit-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:1280px){
    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;}
}