@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* @import url('http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css'); */

/* basic */
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}


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;
	font-size: 1em;
}
html, body {
	height: 100%;
	min-height:100vh;
}

/* html5 되면서 block 되어야 하는 요소들 */
header, footer, nav, section, article, aside, menu, figure, figcaption, body {
	display:block;
	padding:0;
	margin:0;
}
dl, ul, ol, menu, li {list-style:none}
/* LIST FLOAT CLEAR 
ol:after, ul:after {content: '';clear: both;display: table;}
*/
body {
	font-family: 'Pretendard', 'Noto Sans jp',  sans-serif;
	font-weight:400;
	line-height:35px;
	font-size:21px;
	color: #000;
}
a {
	color: #000;
	text-decoration:none;
	outline:0;
}
a:link, a:visited, a:active {text-decoration: none}
a:hover {color: #000;}
button, input[type="button"] {outline:none;}
hr {display:none;}
img {border: none;vertical-align:middle;}
caption, summary {display: none;}

/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
textarea {-webkit-appearance: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: sans-serif;}
input[type=radio] {border-radius: 100%;}

/* PLACEHOLDER */
::-webkit-input-placeholder {font-family: 'Pretendard', sans-serif;font-size: 1em;color: #666;}
::-moz-placeholder {font-family: 'Pretendard', sans-serif;font-size: 1em;color: #666;}
:-ms-input-placeholder {font-family: 'Pretendard', sans-serif;font-size: 1em;color: #666;}

input, select, textarea, button {
	font-family:"Pretendard",  sans-serif, cursive;
}
input, select {
	vertical-align:middle;
	margin:0;
	height: 40px;
	line-height: 40px;
	padding: 8px;
	font-size:1em;
	line-height:1.6em;
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
	color: #313131;
}
input[type="button"], input[type="submit"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input[type="file"] {
	padding: 5px;
	font-size:1em;
	margin: 0;
	width: 85%;
	line-height: 30px;
}
label {padding: 0 10px 0 4px;}
textarea {
	border: 1px solid #cdcdcd;
	font-size:1em;
	color: #313131;
	padding: 8px;
}