/* Noto Sans KR */
@font-face {
    font-family:'Noto Sans KR';
	font-display:auto;
	src: url('../font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSansKR-Light.woff2') format('woff2'),
	     url('../font/NotoSansKR-Light.woff') format('woff'),
         url('../font/NotoSansKR-Light.otf') format('opentype'),
		 url('../font/NotoSansKR-Light.svg#notokr-lightregular') format('svg');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Noto Sans KR';
	font-display:auto;
	src: url('../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSansKR-Regular.woff2') format('woff2'),
	     url('../font/NotoSansKR-Regular.woff') format('woff'),
         url('../font/NotoSansKR-Regular.otf') format('opentype'),
		 url('../font/NotoSansKR-Regular.svg#notokr-regularregular') format('svg');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Noto Sans KR';
	font-display:auto;
	src: url('../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSansKR-Medium.woff2') format('woff2'),
	     url('../font/NotoSansKR-Medium.woff') format('woff'),
         url('../font/NotoSansKR-Medium.otf') format('opentype'),
		 url('../font/NotoSansKR-Medium.svg#notokr-mediumregular') format('svg');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Noto Sans KR';
	font-display:auto;
	src: url('../font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSansKR-Bold.woff2') format('woff2'),
	     url('../font/NotoSansKR-Bold.woff') format('woff'),
         url('../font/NotoSansKR-Bold.otf') format('opentype'),
		 url('../font/NotoSansKR-Bold.svg#notokr-boldregular') format('svg');
    font-weight:700;
    font-style:normal;
}
/* Titillium Web */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700&display=swap');

/* reset */
body{font:12px/1.2 'Noto Sans KR', Dotum, '돋움', Gulim, '굴림', Helvetica, sans-serif; color:#888}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea{margin:0; padding:0}
section, article, header, footer, nav, aside, hgroup, figure, figcaption{display:block; margin:0; padding:0}
hr, table caption, legend, .hd_element{display:block; width:0; height:0; overflow:hidden; font-size:0; line-height:0}
table{width:100%; border-spacing:0; table-layout:fixed}
table th{font-weight:normal}
img, fieldset, button, input{border:0; vertical-align:middle}
img{max-width:100%}
ul, ol, li{list-style:none}
em, address{font-style:normal}
label, button{cursor:pointer}
a{text-decoration:none}
a:hover{text-decoration:underline}
button{vertical-align:top; background:transparent; font-family:'Noto Sans KR', Dotum, '돋움', Gulim, '굴림', Helvetica, sans-serif}
button::-moz-focus-inner{padding:0; border:0}
h1, h2, h3, h4, h5, h6{font-size:1em; font-weight:normal}
input, select, button, textarea{font:12px/1.2 'Noto Sans KR', Dotum, '돋움', Gulim, '굴림', Helvetica, sans-serif; color:#888}
textarea{resize:none}

/* skip navigation */
#accessibility{position:absolute; z-index:99999; top:0; left:5%; width:90%}
#accessibility a{display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; color:#000}
#accessibility a:focus, #accessibility a:active{height:50px}
#accessibility a span{display:block; height:50px; border:1px solid #000; text-align:center; line-height:50px}