@charset "utf-8";
/* ----------
css
---------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
html {
	overflow-y:scroll;
}
html { 
      -webkit-text-size-adjust:100%; 
}



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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
body {
	line-height:1.6;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
input, select, textarea {
	line-height:1.4;
	vertical-align:middle;
}
body, table, th, td, input,
textarea, button, select {
	font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:15px;
	color:#555; 
}
button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}

button {
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; cursor: pointer;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
a:hover {
	color:#333;
}



.gr-fl { float:left; }
.gr-fr { float:right; }

.gr-cb { clear:both; }
.gr-cf { clear:both; height:1px; }

.gr-al { text-align:left !important; }
.gr-ac { text-align:center !important; }
.gr-ar { text-align:right !important; }
.gr-aj { text-align:justify !important; }

.gr-vt { vertical-align:top; }
.gr-vm { vertical-align:middle; }
.gr-vb { vertical-align:bottom; }

.gr-oh { overflow:hidden; }

.gr-cp { cursor:pointer; }

.gr-di { display:inline; }
.gr-db { display:block; }
.gr-dn { display:none; }

.gr-vv { visibility:visible; }
.gr-vh { visibility:hidden; }

.gr-bn { border:0 none; }
.gr-btn { border-top:0 none; }
.gr-brn { border-right:0 none; }
.gr-bbn { border-bottom:0 none; }
.gr-bln { border-left:0 none; }

.gr-bgn { background:none; }

.gr-fb { font-weight:bold; }
.gr-f600 { font-weight:600; }
.gr-f700 { font-weight:700; }
.gr-f800 { font-weight:800; }



.cm-accessibility a {
	background: rgb(197, 34, 39); left: -9999px; width: 200px; text-align: center; color: rgb(255, 255, 255); display: block; position: absolute;
}
.cm-accessibility a:hover {
	left: 50%; margin-left: -100px; z-index: 999999;
}
.cm-accessibility a:focus {
	left: 50%; margin-left: -100px; z-index: 999999;
}
.cm-accessibility a:active {
	left: 50%; margin-left: -100px; z-index: 999999;
}