.position {
  margin-bottom: 0;
}
.com-top {
  position: relative;
  margin-bottom: 3.27rem;
  margin-top: 2.73rem;
}
.com-top h2 {
  position: relative;
  font-size: 1.09rem;
  color: #0b3e64;
}
.com-top h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.05rem;
  width: 100%;
  height: 0.09rem;
  background-color: #0b3e64;
  z-index: 2;
}
.com-top .more {
  color: #0b3e64;
}
.com-top::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.05rem;
  width: 100%;
  height: 0.05rem;
  background-color: #f0f0f0;
}
.no-date {
  display: none;
  text-align: center;
  padding: 4.55rem 0;
  font-size: 0.82rem;
}
.legal-box .item {
  margin-top: 0.45rem;
  padding: 0.45rem 0;
}
.legal-box .item h3 {
  width: calc(100% - 4.55rem);
  padding-right: 0.45rem;
  font-size: 0.73rem;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.legal-box .item .date {
  width: 4.55rem;
  color: #777;
  text-align: right;
}
.legal-box .item:hover h3,
.legal-box .item:hover .date {
  color: #0b3e64;
}
.legal-box:nth-child(odd) {
  margin-bottom: 2.27rem;
}
.legal-box:nth-child(even) {
  background-color: #f7f7f7;
  padding: 2.73rem 0 2.27rem;
}
.legal-box:nth-child(even) .com-top {
  margin-top: 0;
}
.legal-box:nth-child(even) .com-top::after {
  background-color: #fff;
}
.legal-box-active {
  display: block;
}