#frame_top #head_block {
  padding: 0 var(--padding_base);
}

#frame_top #head_search {
  display: flex;
  align-items: center;
}

#frame_top #head_search .search_list {
  margin: 0 20px;
  position: relative;
}

#frame_top #head_search .search_frm {
  position: relative;
  margin: 0;
  padding: 4px 20px;
  border: 1px solid var(--bdcolor_base);
  border-radius: 15px;
  width: 200px;
}

#frame_top #head_search .search_frm .search_field {
  border: none;
  width: calc(100% - 14px);
  font-size: 1.2em;
  background-color: var(--bdcolor_base);
}

#frame_top #head_search .search_frm .btnSearch {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 20px;
  padding: 0;
  border: none;
  background: #FFFFFF;
  background-image: url(/ksvc/inc/img/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

#frame_top #head_search .badge {
  display: inline-block;
  width: 25px;
  height: 28px;
  background-image: url(/ksvc/inc/img/alarm.svg);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
}

#frame_top #head_search .badge .newAlarm {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: #F32828;
  border-radius: 50%;
}