/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, button,
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;
}

/* 접근성을 위해 몇 가지 포커스 스타일을 설정해야합니다. */
/* 191226 :focus 삭제 */

/**
 * Chrome과 다른 브라우저 간의 'outline'불일치 문제를 해결합니다.
 */

/* s: 191226 [tabindex]:focus {} 속성 삭제 */
button:focus,
a:focus,
textarea:focus,input:focus,input[type="checkbox"]:focus + label,
select:focus,
[tabindex]:focus {}

/* 옛 브라우저의 HTML5 display 재설정 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
    word-break: keep-all;
}

blockquote, q {
    quotes: none;
    word-break: keep-all;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * IE 6/7/8/9 및 Firefox 3에서는 정의되지 않은 'inline-block'을 수정.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * 최신 브라우저가 컨트롤없이 '오디오'를 표시하지 안함.
 * iOS 5 기기에서 초과 높이를 제거하십시오.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * [hidden] 스타일은 IE 7/8/9, Firefox 3 및 Safari 4에는 없습니다.
 * 알려진 문제 : IE 6 지원 없음.
 */

[hidden] {
    display: none;
}

/**
 * 1. `em` 단위로 `font-size' body를 설정할 때 IE 6/7에서 텍스트의 크기가 이상하게 수정되었습니다.
 * 2. 사용자 줌을 사용 중지하지 않고 방향 변경 후 iOS 텍스트 크기를 조정하지 못하게합니다.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}


/**
 * 초점을 맞출 때 가독성을 높이고 모든 브라우저에서 마우스 hover 했습니다.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. IE 6/7/8/9와 Firefox 3에서`a` 요소 내부에 테두리를 제거하십시오.
 * 2. IE 7에서 크기가 조정되면 이미지 품질이 향상됩니다.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * IE 6/7/8/9, Safari 5 및 Opera 11에는 figure 여백이 없습니다.
 */

figure {
    margin: 0;
}

/**
 * 여백이 IE 6/7에서 이상하게 표시됩니다.
 */

form {
    margin: 0;
}

/**
 * 일관된 경계, 여백 및 패딩 정의.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. IE 6/7/8/9에서 상속되지 않는 올바른 색상.
 * 2. Firefox 3에서 줄 바꿈하지 않는 텍스트를 수정.
 * 3. 올바른 정렬은 IE 6/7에서 이상하게 표시됩니다.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. 모든 브라우저에서 올바른 글꼴 크기가 상속되지 않습니다.
 * 2. 여백은 IE 6/7, Firefox 3 이상, Safari 5 및 Chrome에서 다르게 설정됩니다.
 * 3. 모든 브라우저에서 모양과 일관성을 향상시킵니다.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
    font-family:inherit;
}

/**
 * UA 스타일 시트에서`! important`를 사용하여 Firefox 3+에 `line-height`를 `input'에 설정하십시오.
 */

button,
input {
    line-height: normal;
}

/**
 * `button`과`select`에 대한 일관성없는`text-transform` 상속을 처리합니다.
 * 다른 모든 폼 컨트롤 요소는`text-transform` 값을 상속받지 않습니다.
 * Chrome, Safari 5 이상 및 IE 6 이상에서 '버튼'스타일 상속을 수정합니다.
 * Firefox 4+와 Opera에서`select` 스타일 상속을 수정하십시오.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. 안드로이드 4.0에서 WebKit 버그를 피하십시오. * (2)는 네이티브`audio`와`video` 컨트롤을 파괴합니다.
 * 2. iOS에서 클릭 가능한 '입력'유형의 스타일을 수정하지 못합니다.
 * 3. 이미지 타입의 입력과 다른 입력 사이의 커서 스타일의 유용성과 일관성을 향상시킵니다.
 * 4. 일반 텍스트 입력에 영향을주지 않고 IE 7에서 내부 간격을 제거하십시오.
 *    알려진 문제 : 내부 간격은 IE 6에 남아 있습니다.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * 비활성화 된 요소의 기본 커서를 다시 설정합니다.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. 상자 크기 조정은 IE 8/9의 내용 상자로 설정됩니다.
 * 2. IE 8/9에서 여분의 패딩을 제거하십시오.
 * 3. IE 7에서 여분의 패딩을 제거하십시오.
 *    알려진 문제 : 잉여 패딩은 IE 6에 남아 있습니다.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Safari 5 및 Chrome에서 'appearance'가 'searchfield'로 설정되었습니다.
 * 2. Safari 5 및 Chrome에서 'box-sizing'이 'border-box'로 설정되었습니다.
 *    (`-moz`를 미래 보장에 포함).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Safari 5 및 OS X의 Chrome에서 안쪽 여백을 제거하고 취소 버튼을 검색합니다.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Firefox 3 이상에서 안쪽 여백과 테두리를 제거하십시오.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. IE 6/7/8/9에서 기본 세로 스크롤 막대를 제거하십시오.
 * 2. 모든 브라우저에서 가독성과 정렬 성을 향상시킵니다
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * 표 셀 사이의 간격을 대부분 제거하십시오.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #333;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    padding: 0;
    background: transparent;
    border: 0;
    color: inherit;
}

button span{
    position:relative;
    top:0;
    left:0;
}

br {
    font-family: arial;
}