@charset "utf-8";

/*=================================================================================
* Reset
=================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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;
	letter-spacing: -0.03em;
}
span{vertical-align:middle;}
/* default setting */
html { width:100%; margin:0; padding:0; scroll-behavior: smooth; }
* html * { zoom:1; }
body { width:100%; height:auto; font-family:'Pretendard',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif; color:var(--color-def); -webkit-text-size-adjust:none; letter-spacing: -0.02em; scroll-behavior: smooth; }
* {
	line-height:1.5;
	font-family:'Pretendard',Dotum,Helvetica,AppleGothic,Gulim, '굴림',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; background: transparent; }
body { line-height:1.5; }
a { margin:0; padding:0; font-size:100%; color: var(--color-def); }
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: 0 10px; border:1px solid var(--line); background:#fff; color:var(--color-def); -webkit-appearance:none; box-sizing:border-box; border-radius: 3px; height: 2.3125rem; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:var(--color-gra); }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:var(--color-gra); }
	input[type=text]::-moz-placeholder,
	input[type=password]::-moz-placeholder { color:var(--color-gra); } /* firefox 19+ */
	input[type=text]:-ms-input-placeholder,
	input[type=password]:-ms-input-placeholder { color:var(--color-gra); } /* ie */
	input[type=text]:-moz-placeholder,
	input[type=password]:-moz-placeholder { color:var(--color-gra); }

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 var(--line); border-radius: 3px; }
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; }
}

.han { font-family: Dotum!important; }
/* inline */
img { display:inline-block; border:none; vertical-align:top; 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; }
strong{font-weight:700; }
small { font-size: var(--fs-13); color: var(--color-gra); }

@media (max-width: 768px) {
	body,
	div,
	dl,dt,dd,
	ul,ol,li,
	h1,h2,h3,h4,h5,h6,
	form,p,a,
	button,
	fieldset,
	blockquote { font-size: var(--fs-13); }
}

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