@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('fonts/font.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');

/* 나눔고딕 : font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; */
/* 본고딕 : font-family:'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; */

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,input,select,textarea,
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 {	
	padding:0;
	margin:0;
	vertical-align:top
}
span{vertical-align:middle;}
/* default setting */
html { width:100%; margin:0; padding:0; }
* html * { zoom:1; }
body { width:100%; height:auto; font-family:'Noto Sans KR','Open Sans',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; color:#666; -webkit-text-size-adjust:none;     letter-spacing: -0.05em;}
* {
	line-height:1.5;
	font-family:'Noto Sans KR','Open Sans',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif;
	word-break:keep-all; 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	box-sizing:border-box; 
}
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,p,a,
button,
fieldset,
blockquote { margin:0; padding:0; border:0; outline:0; font-size:100%; *line-height:normal; }
body { line-height:1.5; }
a { margin:0; padding:0; font-size:100%; color: #666; }
table { border-collapse:collapse; border-spacing:0; } 
ul, ol { list-style:none; }
input, textarea { vertical-align:middle; }
input[type=text],
input[type=password],
input[type=number] { padding:5px; border:1px solid #ebebeb; background:#fff; color:#696969; -webkit-appearance:none; border-radius:0; box-sizing:border-box; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:#696969; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:#696969; }
	input[type=text]::-moz-placeholder,
	input[type=password]::-moz-placeholder { color:#696969; } /* firefox 19+ */
	input[type=text]:-ms-input-placeholder,
	input[type=password]:-ms-input-placeholder { color:#696969; } /* ie */
	input[type=text]:-moz-placeholder,
	input[type=password]:-moz-placeholder { color:#696969; }

input[type=checkbox],
input[type=radio] { vertical-align:middle; }
input[type=submit],
input[type=button] { -webkit-appearance:none; border-radius:0; cursor:pointer; }
button { border:0; cursor:pointer; width:auto; overflow:visible; }
textarea { resize:none; border:1px solid #ebebeb; }
address, em { font-style:normal; }
th, td { padding:0; vertical-align:middle; font-weight:normal; }
a, button,
input[type=button],
input[type=submit],
input[type=reset] { text-decoration:none; *line-height:normal; }

legend,
caption { display:none; }
iframe,
object,
video,
embed { position:relative; max-width:100%; }
*+ html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote { vertical-align:top; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type=radio] { vertical-align: top; }
	label.radio { line-height:1; }
}
@-moz-document url-prefix() {
	input[type=radio] { vertical-align:top; }
	label.radio { line-height:1; }
}

/* inline */
img { display:inline-block; border:none; vertical-align:baseline; max-width:100%;}
cite, code, dfn, del, em, ins, label, q, span, strong { display:inline-block; *line-height:normal; }
label { *vertical-align:middle; }
cite, em, dfn { font-style:normal; }
sub { vertical-align:bottom; }
sup { vertical-align:top;}
hr { display:none; }

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; padding:0; margin:0; }