@charset utf-8;

/* reset */

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    font-family: ng;
}

hr {
    display: none;
}

ul,
ol,
li {
    list-style: none;
}

img,
fieldset {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

table {
    border-collapse: collapse;
}

address,
em,
optgroup {
    font-style: normal;
}

object {
    vertical-align: top;
}

input,
button,
select {
    vertical-align: middle;
}

/* skip */

.skip,
legend,
caption {
    position: absolute;
    left: -5000px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

caption {
    position: static;
}

/* skipNavi */

#skipNavi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

#skipNavi li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

#skipNavi a {
    display: block;
    width: 1px;
    height: 1px;
    margin-bottom: -1px;
    font-size: 0;
    overflow: hidden;
}

#skipNavi a:active,
#skipNavi a:focus {
    width: 100%;
    height: auto;
    padding: 5px 0;
    background: #3ab8e5;
    color: #fff;
    font-size: 1em;
    text-align: center;
}

/* font */

body {
    color: #545454;
    font-size: .93rem;
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

input,
select,
textarea {
    color: #444;
    font-size: 100%;
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
textarea {
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

/* linkStyle */

a {
    color: #444;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #000;
    text-decoration: underline;
}

/* 웹폰트 CSS */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/webfont/NotoSansKR-Thin.woff2) format('woff2'),
       url(/webfont/NotoSansKR-Thin.woff) format('woff'),
       url(/webfont/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/webfont/NotoSansKR-Light.woff2) format('woff2'),
       url(/webfont/NotoSansKR-Light.woff) format('woff'),
       url(/webfont/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/webfont/NotoSansKR-Regular.woff2) format('woff2'),
        url(/webfont/NotoSansKR-Regular.woff) format('woff'),
        url(/webfont/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/webfont/NotoSansKR-Medium.woff2) format('woff2'),
        url(/webfont/NotoSansKR-Medium.woff) format('woff'),
        url(/webfont/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/webfont/NotoSansKR-Bold.woff2) format('woff2'),
        url(/webfont/NotoSansKR-Bold.woff) format('woff'),
        url(/webfont/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/webfont/NotoSansKR-Black.woff2) format('woff2'),
        url(/webfont/NotoSansKR-Black.woff) format('woff'),
        url(/webfont/NotoSansKR-Black.otf) format('opentype');
 }