/* @import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css"); */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("security2021-reset.css");

html {
  font-size: 20px;
}

@media screen and (max-width: 960px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: 'Noto Sans KR', sans-serif;
/*
  font-size  : 1rem;  
  font-weight: 300;
*/
  color      : #333;
}

h1 {
  font-size  : 2.4rem;
  font-weight: 600;
}

h2 {
  font-size  : 2rem;
  font-weight: 600;
}

h3 {
  font-size  : 1.6rem;
  font-weight: 500;
}

h4 {
  font-size  : 1.2rem;
  font-weight: 500;
}

h5 {
  font-size  : 1rem;
  font-weight: 500;
}

h6 {
  font-size  : 0.8rem;
  font-weight: 500;
}

.fw__light {
  font-weight: 300;
}

.fw__normal {
  font-weight: 400;
}

.fw__xbold {
  font-weight: 500;
}

.fw__bold {
  font-weight: 600;
}

.fw__ubold {
  font-weight: 900;
}

strong {
  font-weight: 500;
}

.i-bar {
  margin: 0 0.3rem;
}

.line-break {
  display: inline;
}

.line-break::after {
  content: "";
  display: block;
}