@charset "utf-8";
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NanumGothic-Regular.eot);
    src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
    url(../fonts/NanumGothic-Regular.woff) format('woff'),
    url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/NanumGothic-Bold.eot);
    src: url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
    url(../fonts/NanumGothic-Bold.woff) format('woff'),
    url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NanumGothic-ExtraBold.eot);
    src: url(../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
    url(../fonts/NanumGothic-ExtraBold.woff) format('woff'),
    url(../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset */
body, div,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, caption, tr, td, th,
form, fieldset, legend, p,
address, blockquote, figure {margin:0; padding:0;} /* 사용한 블록요소 모두 표기 */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, em {font-style:normal;}
fieldset, img {border:0 none;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul, li {list-style:none;}
padding, border {box-sizing:border-box;}

/**
 * IE8/9에서 정의되지 않은 HTML5 요소를 'block'으로 지정.
 * IE10/11, Firefox에서 정의되지 않은 `detail` 혹은 `summary` 를 `block`으로 지정.
 * IE11에서 정의되지 않은 `main`을 `block`으로 지정
 */

article, aside, details,
figcaption, figure,
footer, header,
hgroup, main,
menu, nav,
section, summary {
    display: block;
}

/* 마크업을 하지 않은 상태와 같음 */
hr {display:none;}

/* base */
* h1, h2, h3, h4, h5, h6, html, body, input{font-family:'나눔고딕', NanumGothic, Nanum Gothic, 'Nanum Gothic', 'NanumGothic', sans-serif;}

html,body {
    font-size:13px;
    background-color:#fff;
    color:#444;
    height:100%;
}
/* 화면에서는 가려야 하지만 스크린 리더가 읽어야 하는 경우 */
.skip {
    text-indent:-9000px;
    width:0; height:0;
    line-height:0; font-size:0;}


a {color:#333; text-decoration:none;}
a:link, a:visited, a:active, a:hover, a:focus {text-decoration:none;}


img {vertical-align:middle;}
select {vertical-align:middle; padding-left:5px; height:34px; border:1px solid #eaeaea; box-sizing:border-box; color:#444; font-size:13px;}
input[type=text], input[type=button], input[type=file], input[type=number]
{vertical-align:middle; border:1px solid #eaeaea; box-sizing:border-box; font-size:13px;}
input[type=text], input[type=number] {padding-left:8px; color:#444; height:34px;}
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=password] {vertical-align:middle; padding-left:8px; height:34px; border:1px solid #eaeaea; box-sizing:border-box;
    color:#444; font-size:13px;}
input[type=file] {min-height:34px}
input[type=button], input[type=submit], input[type=file]  {cursor:pointer;box-sizing:border-box; border:none}
input[type=checkbox] {vertical-align:middle;}
input[type=radio] {vertical-align:middle; margin:0 5px 0 0; padding:0; width:14px; height:14px;}
input[readonly="readonly"] {background:#f9f9f9; border:1px solid #dadada}
textarea {vertical-align:middle; background:#f9f9f9; border:1px solid #d9d9d9; box-sizing:border-box; color:#616161;resize:none}
caption {position:absolute; width:0; height:0; line-height:0; font-size:0;}
.offscreen-caption{position:static;visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

table th {font-size:13px;}
table td {font-size:12px;}
