/* 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; }

#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; }

/* BASIC css end */