.event-top-img{
  width: 100vw;
  height: 120px;
  object-fit: cover;
}

.event-info-title{
  display: flex;
  font-size: 16px;
  font-weight: bolder;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border-radius: 15px;

  position: relative;
}
.event-info-title::-webkit-details-marker {
  display: none;
}
.event-info-title::after {
  content: '+';
  position: absolute;
  top: 50%;
  transform: translate(80px, -50%);
  transition: transform 0.5s;
  font-size: 30px;
  font-weight: lighter;
}
.event-info[open] .event-info-title::after {
  transform: translate(80px, -50%) rotate(45deg);
}


.event-info {
  width: 100vw;
  padding-left: 10vw;
  padding-right: 10vw;
  padding-bottom: 60px;
}

.detail-title{
  font-weight: bolder;
}
.detail-content{
  padding-left: 10px;
}
.detail-content-end{
  padding-left: 10px;
  border-bottom: 2px solid #696969;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.visit-submit-btn{
  margin-top: 15px;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.visit-contents{
  width: 100vw;
  padding-left: 15vw;
  padding-right: 15vw;
  display: flex;
  flex-direction: column;
}

.event-title{
  font-size: 30px;
  font-weight: bolder;
  width: 100vw;
  padding-left: 5vw;
  padding-right: 5vw;
}

.form-item-bold{
  font-weight: bolder;
  margin-top: 15px;
}

.form-item{
  margin-top: 15px;
}

.checkbox-layout{
  display: flex;
  flex-direction: row;
  align-items: center;
}


input[type=checkbox] {
  display: none;
}
.checkbox-receive {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 10px 30px;
  position: relative;
  width: auto;
  font-weight: bold;
}
.checkbox-receive::before {
  background: #fff;
  border: 1px solid #231815;
  content: '';
  display: block;
  height: 20px;
  width: 20px;
  left: 5px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.checkbox-receive::after {
  border-right: 3px solid #182d87;
  border-bottom: 3px solid #182d87;
  content: '';
  display: block;
  height: 16px;
  left: 11px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 7px;
}
input[type=checkbox]:checked + .checkbox-receive::after {
  opacity: 1;
}
input[type=checkbox]:checked + .checkbox-receive::before {
  background-color: #b3d4fc;
}