@charset "utf-8";
/* *******************************************************
 * filename : reset.css
 * description : 태그초기화 CSS
 * date : 2017-05-30
******************************************************** */

html {
	overflow-y:scroll;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
input, select, textarea {
	line-height:1;
	vertical-align:middle;
}
body, table, th, td, input,
textarea, button, select {
	font-size:14px;
	color:#666;
}
button, select {
    text-transform: none;
    font-family: 'Roboto','Noto Sans KR',"돋움체",dotum, sans-serif !important;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}

button{
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:0px;
	background:none;
}
button:focus{
	outline:none;
}
/*스크롤바 변경*/
*::-webkit-scrollbar {
	width: 0.32vw;
	height: 0.62vh;
	margin-right: -0.32vw;
	background: none;
	position: absolute;
	border-radius: 0.52vw;
}

*::-webkit-scrollbar-thumb {
	background: #999;
	opacity: .4;
	border-radius: 0.52vw;
	margin-right: -0.32vw;
}

*::-webkit-scrollbar-track {
	background: #555;
	margin-right: -0.32vw;
	border-radius: 0.52vw;
}
@media only screen and (max-width:1024px) {
	/*스크롤바 변경*/
	*::-webkit-scrollbar {
		width: 3px;
		height: 3px;
		margin-right: -3px;
		background: none;
		position: absolute;
		border-radius: 10px;
	}

	*::-webkit-scrollbar-thumb {
		background: #999;
		opacity: .4;
		border-radius: 10px;
		margin-right: -3px;
	}

	*::-webkit-scrollbar-track {
		background: #555;
		margin-right: -3px;
		border-radius: 10px;
	}
}