@charset="utf-8";
/*--------------- CSS 초기화 ---------------*/
* { margin: 0 auto; padding: 0; box-sizing: border-box; color: #444444;}
body { margin: 0 auto; padding: 0; box-sizing: border-box; font-size: 16px;}
ol, ul { list-style: none;}
a { text-decoration: none; color: inherit;}
button { border: 0; cursor: pointer; background-color: transparent; font-size: inherit; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    border: 0;
    color: inherit;
}

input, input::placeholder, textarea, textarea::placeholder, select, option {
    color: inherit;
    box-sizing: border-box;
    padding: 0;
}

/*

HTML/CSS: dash-case
javaScript: camelCase
PHP/ruby: underscore_case

CSS는 하이픈으로 구분된 구문!
font-size, line-height, border-bottom 등과의 일관성 유지 및
js등과 충돌방지를 위해 하이픈으로 구성할 것.

네이밍 규칙의 하이픈(-) 조합은CSS 네이밍에 사용하는 것을 권장한다. HTML 문서 안에서 언더스코어(_)의 조합은 form, input 엘리먼트등의 name 어트리뷰트의 값을 사용하는 것을 권장한다. 이유는 클래스 네임이 서버사이드 스크립트의 변수와 자바스크립트의 변수 정의시 혼돈을 방지하기 위함이다.

*/