@charset "utf-8";

html, body, header, section, article, aside, footer, nav, hgroup, h1, h2, h3, h4, h5, h6, div, p, ul, li, figure, fieldset {
    padding: 0;
    margin: 0;
}
html, body { height:100% }
[hidden], area, base, basefont, command, datalist, head, input[type=hidden], link, menu[type=context], meta, noembed, noframes,
param, script, source, style, track, title { /* case-insensitive */
    display: none;
}

address, article, aside, blockquote, body, center, dd, dir, div, dl, dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre, section, summary, ul, xmp { 
    display: block; 
}

table { display: table; border-collapse: collapse; }
caption {display: none; }
colgroup { display: table-column-group; }
col { display: table-column; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; }
td, th { display: table-cell; }

li { display: list-item; }

ruby { display: ruby; }
rt { display: ruby-text;}

fieldset, img, img a { border: 0 none; }
ul, li { list-style: none; margin:0; padding:0;}
dl, dd, dt {list-style: none; margin:0;padding:0 }
em, address, i { font-style: normal; }
a {color:#666; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }

b, strong {font-family:'Lato', 'Noto Sans KR', sans-serif; font-weight:700}
h1, h2, h3, h4, h5	{margin:0; padding:0;  line-height:100%;}
button	{border:none; cursor:pointer;  line-height:100%; font-family:'Lato', 'Noto Sans KR', sans-serif;}

input[readonly] {!important;background:#f1f1f1;}
input::placeholder {color:#777}
input:-ms-input-placeholder {color:#777} 

textarea[readonly] {!important;background:#f1f1f1;}
textarea::placeholder {color:#777}
textarea:-ms-input-placeholder {color:#777}

/*input*/
input[type="text"],
input[type="password"],
input[type="email"]	{
	border:1px solid #cdcdcd;
	color:#666;
	font-size:14px;
	padding:0 10px;
	vertical-align:middle;
	height:30px;
}
textarea	{
	border: 1px solid #cdcdcd;
	padding:10px;
	font-family:'Lato', 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #444;	
	margin:0;
}
/* === file upload === */
.filebox {
	display:inline-block;
	margin-bottom:6px
}
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	vertical-align:middle;
	display:inline-block;
	text-align:center;
	color:#fff;
	width:80px;
	height:30px;
	line-height:30px;
	margin-left:2px;
	margin-bottom:0px;
	font-size:14px;
	background:#474a4d;
	border:1px solid #474a4d;
	cursor:pointer
}
.filebox .upload-name {
	display: inline-block;
	padding:0px 5px;
	height:30px;
    font-size:14px;
	letter-spacing:-1px;
    color:#555;
    background:#fff;
    border:1px solid #959595;
    position: relative;
    vertical-align: middle;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
}