header .slogan-wrap {
  background: #fff;
  padding: 60px 0 20px 0;
}
header .slogan-wrap .slogan {
  text-align: left;
}

.cdlg {
  display: none;
}


.noti > div {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 6px;
}
.noti > div .sm {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}


.cercl-1, .prog-sec-1 {
  background-color: #dc6282;
}
.cercl-2, .prog-sec-2 {
  background-color: #6e72e1;
}
.cercl-3, .prog-sec-3 {
  background-color: #78cde4;
}
.cercl-4 {
  width: 9px !important;
  height: 9px !important;
  background-color: #dbb16d;
  border-radius: 50%;
  margin: 3px 7px 0 0
}


.prog-sec-4-main {
  width: 30%;
  overflow: hidden;
  height: 100%
}
.prog-sec-4 {
  background-color: #dbb16d;
  width: 0%;
  height: 100%
}