.un_cautionInfo{
  background-color: #d00010;
  color: #fff;
  padding: 15px 10px;
}

.un_cautionInfo .title{
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: .5px;
  position: relative;
}

.un_cautionInfo .sub{
  font-size: 12px;
}

.un_cautionInfo .arrow{
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 5px;
  right: 0;
  transform: rotate(-135deg);
  transform-origin: 3px 3px;
}

.un_cautionInfo .body{
  display: none;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  padding: 10px;
}

.un_cautionInfo .title.active .arrow {
  transform: rotate(45deg);
}

.un_cautionInfo .title.active .sub{
  visibility: hidden;
}