/* NotoSansKR */
@font-face {
    font-family:'NotoSansKR';
	src: url('../font/NotoSansKR-Thin.eot');
	src: url('../font/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSansKR-Thin.woff2') format('woff2'),
	     url('../font/NotoSansKR-Thin.woff') format('woff'),
         url('../font/NotoSansKR-Thin.otf') format('opentype'),
		 url('../font/NotoSansKR-Thin.svg#notokr-thinregular') format('svg');
    font-weight:100;
    font-style:normal;
}
@font-face {
    font-family:'NotoSansKR';
	src: url('../font/NotoSansKR-Regular.eot');
	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:300;
    font-style:normal;
}
@font-face {
    font-family:'NotoSansKR'; 
	src: url('../font/NotoSansKR-Medium.eot');
	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:'NotoSansKR';
	src: url('../font/NotoSansKR-Bold.eot');
	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;
}
/* Lato */
@font-face {
    font-family:'Lato';
	src: url('../font/Lato-Light.eot');
	src: url('../font/Lato-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Light.woff2') format('woff2'),
	     url('../font/Lato-Light.woff') format('woff'),
         url('../font/Lato-Light.ttf') format('truetype'),
		 url('../font/Lato-Light.svg#Lato') format('svg');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Lato';
	src: url('../font/Lato-Regular.eot');
	src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Regular.woff2') format('woff2'),
	     url('../font/Lato-Regular.woff') format('woff'),
         url('../font/Lato-Regular.ttf') format('truetype'),
		 url('../font/Lato-Regular.svg#Lato') format('svg');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Lato';
	src: url('../font/Lato-Bold.eot');
	src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Bold.woff2') format('woff2'),
	     url('../font/Lato-Bold.woff') format('woff'),
         url('../font/Lato-Bold.ttf') format('truetype'),
		 url('../font/Lato-Bold.svg#Lato') format('svg');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Lato';
	src: url('../font/Lato-Black.eot');
	src: url('../font/Lato-Black.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Black.woff2') format('woff2'),
	     url('../font/Lato-Black.woff') format('woff'),
         url('../font/Lato-Black.ttf') format('truetype'),
		 url('../font/Lato-Black.svg#Lato') format('svg');
    font-weight:800;
    font-style:normal;
}
/* Nanum Gothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{font:12px/1.3 'Lato', 'NotoSansKR', Dotum, '돋움', Gulim, '굴림', Helvetica, sans-serif; color:#666;}
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;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block; margin:0; padding:0;}
hr, table caption, legend, .hd_element{width:0; height:0; overflow:hidden; font-size:0 !important; 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:'Lato', 'NotoSansKR', Dotum, '돋움', Gulim, '굴림', Helvetica, sans-serif;}
button::-moz-focus-inner{padding:0; border:0;}
button:focus{outline:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
input, select, button, textarea{font:12px/1.3 'Lato', 'NotoSansKR', Dotum, '돋움', Gulim, '굴림', Helvetica, sans-serif; color:#666;}

/* 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;}