@charset "utf-8";
/* CSS 초기화 */

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 {
  display: block;
}

body {
  line-height: 1; /*  줄간격 100% - 글자크기 */
}

ol, ul, li {
  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;                /* 테두리 간격 0px */
}


@font-face {
 font-family: Malgunttf;
 src: url(font/MalgunGothic.ttf);
}

@font-face {
 font-family: Malguneot;
 src: url(font/MalgunGothic.eot);
}

@font-face {
 font-family: Malgunwoff;
 src: url(font/MalgunGothic.woff);
}

body,input,textarea,select,button {
 font-family: "나눔스퀘어OTF_ac", "맑은고딕", Malgunttf, Malguneot, 'Droid Sans', sans-serif;
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {
 margin: 0;
 padding: 0;
 text-shadow: none;-webkit-text-size-adjust: none;
}

body,input,textarea,select,table,button {
 font-size: 12px;
 line-height: 1.25em;
}

body {
 position: relative;
 word-wrap: break-word;
 word-break: break-all;
}

img,fieldset {
 border: 0
}

a {
 color: #424242;
 text-decoration: none;
 cursor: pointer;
}