@charset "utf-8";

/*
@font-face{
    font-family:'NGothic'; src:url('../font/NanumGothic.woff') format('woff');
}
@font-face{
    font-family:'NGothicEB'; src:url('../font/NanumGothicExtraBold.woff') format('woff');
}
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Noto+Serif+KR');

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;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
 display: block;
}
body {
 line-height: 1;
}
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;
}




address {font-style: normal}

a {color: inherit}
a:link,  a:visited {color:#777;text-decoration:none;}
a:hover,  a:active {color:#444;text-decoration:none;}

body{ font: 14px/1 'Noto Sans KR', Dotum, AppleGothic, sans-serif;}

.hidden { width: 0;height: 0; overflow: hidden;
    font-size: 0; line-height: 0; 
    position: absolute; left: -9999px;
}


.skip-menu a {position:absolute; left:-3000%;}
.skip-menu a:focus { display:block;  width:100%; height:30px;
    left:0; top:0; z-index:10000; 
    background:#039; 
    color:#fff; text-align:center; line-height:30px; 
}