@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'SeoulNamsan';
    src: url('../font/SeoulNamsan.eot');
    src: url('../font/SeoulNamsan.eot?#iefix') format('embedded-opentype'),
         url('../font/SeoulNamsan.woff') format('woff'),
         url('../font/SeoulNamsan.ttf') format('truetype'),
         url('../font/SeoulNamsan.svg#SeoulNamsan') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*************** base ***************/
body {font:12px/1.5 "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "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, main {display:block; margin:0; padding:0;}
hr, table caption{display:none;}
legend, .hd-element{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, fieldset, button, input{border:0; vertical-align:middle;}
ul, ol, li{list-style:none;}
em, address{font-style:normal;}
label, button{cursor:pointer;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline;}
button{vertical-align:top; background:transparent;}
button::-moz-focus-inner{padding:0; border:0;}
h1, h2, h3, h4, h5, h6{font-size:1em;}
input, select, button{font:12px/1.5 "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif"; color:#666;}

/* 접근성 메뉴 */
#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;}