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: 'Noto Sans KR'; 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;}

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 - 140px);}
.inner {width: 1190px; margin: 0 auto;}
.inner:after {content: ''; display: block; clear: both;}

@media (max-width: 1250px) {
	body {overflow-x: hidden;}
	main {min-height: calc(100vh - 180px);}
	.inner {width: calc(100% - 60px); margin: 0 30px;}
}
@media (max-width: 980px) {
	.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;}
	main {min-height: calc(100vh - 133px);}
}
@media (max-width: 500px) {
	main {min-height: calc(100vh - 166px);}
	.inner {width: calc(100% - 30px); margin: 0 15px;}
}
@media (max-width: 340px) {
}