* { padding: 0; margin: 0; font-family: NotoSans, sans-serif; font-size:inherit; color:inherit; font-weight: inherit; font-style: inherit; text-decoration: inherit;}
html, body {height: 100%;}
body {font-family: NotoSans, sans-serif; font-size: 17px; font-weight: inherit;}
a {text-decoration: none; color: inherit;}
ol,li { list-style: none; }
input,textarea,select,button { box-sizing: border-box; }
button { background: none; border:none; outline:none; cursor:pointer; }
table { border-spacing: 0; border-collapse: collapse; }
.clearfix::after { content:""; clear: both; display: block; }
.hidden { position: fixed; top:-10000px; }
.center{ width:95%; max-width: 1200px; margin:0 auto;}
.pos_center { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.en {font-family: Raleway, sans-serif;}
@font-face{
  font-family: Raleway;
  src:url(../font/Raleway-ExtraBold.ttf);
  font-weight: 800;
}
@font-face{
  font-family: NotoSans;
  src: url(../font/NotoSansKR-Regular.otf);
  font-weight: normal;
}
@font-face{
  font-family: NotoSans;
  src: url(../font/NotoSansKR-Thin.otf);
  font-weight: 100;
}
@font-face{
  font-family: NotoSans;
  src: url(../font/NotoSansKR-Light.otf);
  font-weight: 300;
}
@font-face{
  font-family: NotoSans;
  src: url(../font/NotoSansKR-Medium.otf);
  font-weight: 500;
}
@font-face{
  font-family: NotoSans;
  src: url(../font/NotoSansKR-Bold.otf);
  font-weight: 700;
}
@font-face{
  font-family: NotoSans;
  src: url(../font/NotoSansKR-Black.otf);
  font-weight: 900;
}
@media screen and (max-width:700px){ .brd{display: none;} } /* 700이하에선 숨긴다 */
@media screen and (min-width:700px){ .brm{display: none;} } /* 700이상에선 숨긴다 */