@font-face {
  font-family: IBMPlexSansKR;
  src: url(./fonts/IBMPlexSansKR-ExtraLight.ttf);
  font-weight: 100;
}
@font-face {
  font-family: IBMPlexSansKR;
  src: url(./fonts/IBMPlexSansKR-Light.ttf);
  font-weight: 200;
}
@font-face {
  font-family: IBMPlexSansKR;
  src: url(./fonts/IBMPlexSansKR-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: IBMPlexSansKR;
  src: url(./fonts/IBMPlexSansKR-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: IBMPlexSansKR;
  src: url(./fonts/IBMPlexSansKR-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: IBMPlexSansKR;
  src: url(./fonts/IBMPlexSansKR-Bold.ttf);
  font-weight: 700;
}


* {padding: 0; margin: 0; font-family: inherit; font-size:inherit; color:inherit; font-weight: inherit; font-style: inherit; text-decoration: inherit;}
html, body {width: 100%; height: 100%;}
body {font-family: 'IBMPlexSansKR', sans-serif; font-size: 16px;}
a {text-decoration: none; color: inherit;}
ol,li {list-style: none; }
input,textarea,select,button {border: none; 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%);}


/* @media screen and (max-width:720px){ .brd{display: none;} }
@media screen and (min-width:720.1px){ .brm{display: none;} } */

@media screen and (min-width:1200.1px){
  .brt{display: none;}
  .brm{display: none;}
}/* lg */

@media screen and (max-width:1200px) and (min-width:800.1px){
  .brd{display: none;}
  .brm{display: none;}
}/* md */

@media screen and (max-width:800px){
  .brd{display: none;}
  .brt{display: none;}
}/* sm */