@charset "utf-8";
/* common */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
i {font-style:normal;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
li{list-style:none;}
img {border:0 none;}
.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}
	/* form reset */
input, select, textarea, button {border-radius:0; box-shadow:none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}

html, body { width:100%; background-color:#fff; font-weight:400; font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size:15px; color:#333; letter-spacing:-1px; }
body,th,td,input,select,textarea,button,
a { font-weight:400; font-size:100%;  font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#555; text-decoration:none; }
* { box-sizing:border-box; }

body { min-width:320px; }

/* 한줄말줄임 */
.ellipsis { overflow:hidden; display:block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }

/* select style */
select { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { 
	display: none; 
}
/* radio */
input[type="radio"] { display:none; }
input[type="radio"] + label { 
	display:inline-block; 
	margin:0 19px; 
	font-size:16px; line-height:20px; 
	color:#222c3e; 
	vertical-align:top;
	cursor:pointer;
}
input[type="radio"] + label:before { 
	content:''; 
	display:inline-block; 
	margin-right:10px; 
	width:20px; height:20px; border-radius:50%; 
	border:1px solid #ccc; box-sizing:border-box; 
	vertical-align:top; 
}
input[type="radio"]:checked + label:before { 
	border:5px solid #0871b9; 
}

/* checkbox */
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { 
	display:inline-block; 
	font-size:13px; line-height:20px; 
	color:#999; 
	vertical-align:top;
	cursor:pointer;
}
input[type="checkbox"] + label:before { 
	content:''; 
	display:inline-block; 
	margin-right:7px; 
	width:20px; height:20px;
	border:1px solid #ccc; box-sizing:border-box; 
	vertical-align:top;
	text-align:center;
}
input[type="checkbox"]:checked + label:before { 
	content:'\f00c';
	border-color:#2c8fdb;
	background:#2c8fdb;
	font-size:12px; line-height:18px;
	font-family:'fontAwesome';
	color:#fff;
}