/* BASIC css start */
.pre_event_no2 { margin: 0 33%;  background-image: url('https://mothersall.img6.kr/event_notice/summer24/background_white.gif'); }
.pre_event_no2 img { width:100%; }

.event_step { background-image: url('https://mothersall.img6.kr/event_notice/summer24/background_green_noise.gif'); background-size: 100%; padding: 15% 5% 10%; margin: 0 auto; text-align: center; }
.event_step > div { background-color: #fff; border: 3px solid #d34417; border-radius: 7px; padding: 5% 7% 7%; }
.event_step > div:nth-child(2) { margin: 25% auto; }
.event_step > div > .steps { width: 30%; margin: -20% 35% 0 !important; }
.event_step > div > p { font-size: 1.25em; line-height: 1.75em; margin: 5% auto; }
.event_step > div > img { margin: 10% auto; }

.event_prd { margin: 15% auto; }
.event_prd p { font-size: 1.35em; line-height: 1.5em; margin: 5% auto; text-align: center; font-weight: 500; }
.event_prd_list { display: flex; flex-wrap: wrap; text-align: center; }
.event_prd_list img { width: 44%; margin: 3% auto; }
.event_prd_list img:nth-child(5) { }

#copyButton, .btn_doit { border: 0; background-color: #ffeb55; border-radius: 99px; font-size: 1.25em; line-height: 4em; text-align: center; font-weight: 500; width: 60%; margin: 10% 20% 5%; display:inline-block; }
.btn_join { border: 0; background-color: #ff99c6; border-radius: 99px; font-size: 1.25em; line-height: 4em; text-align: center; font-weight: 500; width: 60%; margin: 10% 20% 5%; display:inline-block; }


.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  width: 15%;
  max-height: 50%;
  /* background-color: white; */
  padding: 5%;
  text-align: left;
}
.modal-content > p:first-child { text-align: center !important; font-weight: 500; }
.modal-content > p {font-size: 1.15em; line-height: 1.5em; margin: 5% auto; text-align: left; }
.prd_escription {margin-bottom: 20px; }
.prd_escription dt::after {content:"\2714"; float:left; margin: 2px 5px 0 0; }
.prd_escription dd {margin: 3px 0; margin-left: 23px !important; font-size: 1.15em; line-height: 1.5em; margin: 5% auto; }

.backcol1 { background-color: #f2f7f9; }
.backcol2 { background-color: #f3f9f2; }
.backcol3 { background-color: #fffff6; }
.backcol4 { background-color: #f1ebe8; }
.backcol5 { background-color: #f9f2f2; }

.close {
  margin: 5% auto; text-align: center !important;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
}


/* BASIC css end */