@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

html, body {margin:0; padding:0; width:100%; height:100%;font-family:'Noto Sans KR',sans-serif; font-size:14px; font-weight:normal;}




		/* base */
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-family:'Noto Sans KR',sans-serif; font-weight:300; list-style:none; vertical-align:baseline;
}
hr {display:none;}
img,input,button,fieldset,form,legend,hr {border:0 none;}
dl,ul,ol,li {list-style:none;}
body,h1,h2,h3,h4,h5,h6,big,small,input,select,textarea,button {font-size:1em; line-height:1.12em;}
h1,h2,h3,h4,h5,h6 {font-weight:600;}
q,blockquote {quotes:none;}
q:before,q:after {content:''}
caption,legend {height:0px; overflow:hidden; opacity:0; text-align:left; text-indent:-9999px; font:1px/1px serif;}
caption,legend {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
a,a:visited,a:focus,a:active {text-decoration:none;}
a:hover {text-decoration:none;}
dfn,em,cite,address,sup,sub {font-style:normal; font-variant:normal; text-transform:none;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {display:block;}
a,img,button {border:0; outline:none;}

/* common */
table {margin:0; padding:0; border-width:0; border-collapse:collapse;}
button {display:block; background-repeat:no-repeat; background-position:0 0; background-color:transparent; overflow:hidden; cursor:pointer;}
.trans {position:absolute !important; left:0 !important; top:-999% !important; width:0px !important; height:0px !important; overflow:hidden !important; opacity:0 !important; filter:alpha(opacity=0) !important;}
.fnts {display:block; overflow:hidden; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
.behind {visibility:hidden; position:absolute; top:-9999px; left:-9999px; width:0; height:0; font-size:0; line-height:0;}
.clfix:after {content: "."; display: block; height:0px; clear:both; visibility:hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
input[type="text"], input[type="password"] {height:13px; margin:0 2px; padding:5px 0 6px 8px; border:1px solid #999; line-height:13px; font:13px  'Noto Sans KR',sans-serif, Tahoma, Dotum, arial; color:#737373;}
input[type="radio"],input[type="checkbox"] {width:15px; height:15px; margin:0; padding:0;}

/* default */
textarea {margin:0 0 0 0; line-height:18px; border:1px solid #b3b3b3; color:#333;}
textarea {padding:6px !important; resize:none;}
.inp-txt {height:20px; padding:3px 6px 1px 6px; border:1px solid #b3b3b3; color:#333;}
body,input,textarea,a,select,button {font:13px 'Noto Sans KR',sans-serif, Tahoma, Dotum, arial; line-height:18px; color:#333; padding:0; margin:0}
textarea {border:1px solid #999;}

h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}

@media (max-width: 768px) {
	h1 {font-size:20px;}
	h2 {font-size:18px;}
	h3 {font-size:16px;}
	h4 {font-size:14px;}
	h5 {font-size:12px;}
}

a, a:hover, a:focus {text-decoration:none;}
a {color:#222;}
a:hover, a:focus {color:#000;}