@charset "UTF-8";

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../webfont/Roboto-Light.woff2") format('woff2'),
  url("../webfont/Roboto-Light.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../webfont/Roboto-Regular.woff2") format('woff2'),
  url("../webfont/Roboto-Regular.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../webfont/Roboto-Medium.woff2") format('woff2'),
  url("../webfont/Roboto-Medium.woff") format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../webfont/Roboto-Bold.woff2") format('woff2'),
  url("../webfont/Roboto-Bold.woff") format('woff');
}



/* 본고딕 Thin */
@font-face {
  font-family: "NotoSansCJKkr";
  font-style: normal;
  font-weight: 200;
  src: url("../webfont/NotoSansKR-Thin.woff2") format("woff2"),
       url("../webfont/NotoSansKR-Thin.woff") format("woff"),
       url("../webfont/NotoSansKR-Thin.otf") format("opentype");
    
}

/* 본고딕 Light */
@font-face {
  font-family: "NotoSansCJKkr";
  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");
    
}
/* 본고딕 Regular */
@font-face {
  font-family: "NotoSansCJKkr";
  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");
}
/* 본고딕 Medium */
@font-face {
  font-family: "NotoSansCJKkr";
  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");
}
/* 본고딕 Bold */
@font-face {
  font-family: "NotoSansCJKkr";
  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");
}

*, *::before, *::after{box-sizing:border-box;-webkit-box-sizing:border-box;}
html, body{-webkit-text-size-adjust:none;text-size-adjust:none;}
html{font-size:20px;}
body{font-size:18px;line-height:1.5;font-family: "NotoSansCJKkr",sans-serif; font-weight:400;color: #000;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, figure{margin:0;padding:0;}
header, footer, main, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;}
ol, ul, li{list-style:none;}
form, fieldset, iframe{display:block;border:none;}
button, optgroup{margin:0;font-family:inherit;font-size:inherit;color:inherit;}
button{padding:0;border:0 none;background:none;cursor:pointer;}
.fe-input, .fe-textarea, .fe-select select{margin:0;-webkit-border-radius:0;border-radius:0;font-family:inherit;font-size:inherit;color:inherit;vertical-align: middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
address, em, i{font-style:normal;}
a{color:inherit; text-decoration:none;}
img{max-width:100%;border:0 none;font-size:0;vertical-align:middle;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption, legend, .hidden, .blind, .hide{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
#skipNav a{position:fixed;top:-99px;left:0;z-index:999;width:100%;padding:10px 0;background:#333;color:#fff;text-align:center;text-decoration:none;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active{position:fixed;top:0;display:block;}