@charset "utf-8";

/*─────────────────────────┐
	name: reset.css
	data: 2018.09.11
└─────────────────────────*/

* {
	box-sizing: border-box;
}
/* 초기화 */
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, button, img,
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: none;
	font-size: 100%;
	font: sans-serif;
	vertical-align: baseline;
	text-decoration: none;

	/* 
	-webkit-touch-callout: none;  - iOS Safari
	-webkit-user-select: none;    - Chrome/Safari/Opera
	-khtml-user-select: none;     - Konqueror
	-moz-user-select: none;       - Firefox
	-ms-user-select: none;        - Internet Explorer/Edge
	user-select: none;			      - Non-prefixed version, currently not supported by any browser
	*/

	/* -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;  */

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

table, tr, th, td { vertical-align: middle; font-weight: normal; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section { display: block; }
ol, ul, li { 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;
	table-layout: fixed;
}

a { color: inherit; text-decoration:none; }
a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }

caption, legend { display: none; }

input[type="checkbox"], input[type="radio"] {
	background: none;
	border: none;
	cursor: pointer;
}
input:focus,
textarea:focus { outline: none; }

b,strong { font-weight: bold; }
button {
	margin: 0;
	padding: 0;
	color: none;
	border: none;
	outline: none;
	background: none;
}

body { /*overflow: hidden;*/ }

/* span, strong, p, b, h1, h2, h3 { cursor: default; } */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { width: 100%; }

/* input 기본 스타일 초기화 */
input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* Select box 스타일 초기화 */
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; }

/* input placeholder 색상 변경 */
::-webkit-input-placeholder { /* 크롬 4–56 */
	color: gray;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
	color: gray;
	opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
	color: gray;
	opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
	color:  gray;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
	color: gray;
	opacity:  1;
}