@charset 'utf-8';  

*{
	margin:0;
	padding:0;
    box-sizing:border-box;
	font-family: 'Roboto','Noto Sans KR', sans-serif;
} 
.cn *{font-family: 'Roboto','Noto Sans SC', sans-serif;}  
html,body{
	font-family:'Roboto','Noto Sans KR', sans-serif; 
	font-weight:500;
	letter-spacing: -0.05em;
	overflow-x:hidden;
	font-size:16px;
	line-height:1.5;
}
* html * { zoom:1; }

body.bg::before{
	content:"";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index: 10;
}
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; font-size:100%; *line-height:normal; }
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:baseline;}
li{
	list-style:none;
}
a{	
	text-decoration:none;
	color:#000;
}
table { border-collapse:collapse; border-spacing:0; } 
img{max-width:100%;}
.hide{display:none;}

figure{
	line-height:0;
}
img{
    max-width:100%;
}
input, textarea { vertical-align:middle; }
input[type=text],
input[type=password],
input[type=number] { padding:5px; border:1px solid #ddd; 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; background-color:transparent; font-family: 'Noto Sans KR'; }
textarea { resize:none; border:1px solid #ddd; }
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; }
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

/* skip menu */
.skip__nav {
	position:absolute !important;
	left:-9999px;
	top:0;
	z-index:9999;
}
.skip__nav a {
	display:block;
	height:1px;
	width:1px;
	margin-bottom:-1px;
	overflow:hidden;
	font-size:1rem;
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
}
.skip__nav a:focus, .skip__nav a:active {
	height:auto;
	width:100%;
	padding:0;
	margin-bottom:0;
	position:absolute;
	left:0;
	top:0;
}