body, div, ul, li, h1, h2, h3, h4, h5, h6 {
  font-family: 'pretendard', 'Noto Sans KR';
}

h3 {
  font-size: 26px;
  font-weight: 700;
}

h3 .number {
  display: inline-block;
  margin-right: 10px;
  color: #FFBB00;
}

h4 {
  font-size: 24px;
}

p {
  font-size: 16px;
  font-weight: 500;
}

li {
  font-size: 16px;
  font-weight: 500;
}

.keyword {
  display: inline-block;
}

.keyword li {
  float: left;
  font-size: 18px;
  color: #00aaf0;
  margin: 0 10px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.btn_readingtest {
  background: #FFBB00 url(../images/common/arrow_btn.png) no-repeat 90% 50%;
  border: 1px solid #FFBB00;
  padding: 10px 50px 10px 30px;
}

.bg_wrap {
  padding: 20px 0;
  background: #FCFCFC;
  border-radius: 20px;
}

.bg_wrap a {
  font-size: 18px;
}

.bg_wrap2 {
  padding: 20px 0;
  background: #fefefe;
  border-radius: 20px;
}

.notice_list {
  padding: 10px 40px 10px 30px;
}

.notice_list li {
  margin-top: 10px;
  padding-left: 20px;
  font-weight: 400;
  position: relative;
}

.notice_list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #c40001;
}

.list_txt_red {
  color: #c40001;
  font-weight: 700;
}

.notice_list.blue li:before {
  background: #00aaf0;
}

.cbook_thead {
  background: #00aaf0;
}

.table>thead>tr>th {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.table>tbody>tr>td {
  font-size: 16px;
  font-weight: 500;
}