html{overflow-x: hidden; overflow-anchor: none; overflow-y: scroll;}
*{box-sizing: border-box; line-height: 1;}
body,h1,h2,h3,h4,h5,h6,input,textarea,button{font-family : 'NotoSansKR'; font-size : 10px; font-weight: normal;}
pre, code {font-family : 'roboto';}
body,h1,h2,h3,h4,h5,h6,p,pre{margin : 0;}
ul,li,dl,dd,dt,ol{list-style: none; margin : 0; padding : 0;}
a{color : #000; text-decoration: none;}
a,button{cursor: pointer;}
em, i{font-style: normal;}
table{border-collapse: collapse;}
body{margin: 0 auto; -webkit-text-size-adjust: none; word-break: keep-all;}

figure {margin: 0;}
button,input,textarea{appearance:none; -webkit-appearance : none;}
textarea{resize: none;}
button{border : none; display : inline-block; padding : 0; margin : 0;}
input:focus, textarea:focus{outline: none;}
input[type=checkbox], input[type=radio]{margin : 0;}
input[type=text], input[type=password]{border : solid 1px #999;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	transition : background-color 50000s 0s;
}


.temp-check { font-size : 10px !important; animation-duration:1s; animation-name:tempcheck; animation-iteration-count : infinite;}
@keyframes tempcheck{0% {color : #fff;} 25% {color : #ff0000;} 50%{color : #ff0000;} 100%{color : #fff;}}
/* Common Class TODO*/
main{min-height: calc(100vh - var(--headerHeight) - var(--footerHeight));}
.inner{width : 1190px; margin : 0 auto;}
.inner:after{content:''; display : block; clear : both;}

@media (max-width: 1250px) {
	.inner{width : calc(100% - 60px); margin : 0 30px;}
	body {overflow-x: hidden; }
}
@media (max-width: 980px) {
	* {-webkit-overflow-scrolling : touch;}
	.inner{width : calc(100% - 40px); margin : 0 20px;}
	body{width : 100%; overflow-y: visible; height: auto; position: static;}
	body.fixed{overflow-y: hidden; height: 100vh; position: fixed;}
}

@media (max-width: 500px) {
	.inner{width : calc(100% - 30px); margin : 0 15px;}
}

@media (max-width: 340px) {
	
}