/* BASIC css start */
.benefit_eventwrap { width:100%; max-width:1200px; margin:120px auto 0; padding:0; }
.benefit_eventwrap div img { width:100%; }
.benefit_eventwrap .eventbn_box { width:100%; display:flex; gap:10px; position:relative; }
.benefit_eventwrap .eventbn_box .flip_bn { cursor:pointer; }

.benefit_eventwrap .regi_btnwrap { width:100%; background:#fff; padding:100px 0; position:relative; }
.benefit_eventwrap .regi_btnwrap .regi_btn { display:table; margin:0 auto; }
.benefit_eventwrap .regi_btnwrap .regi_btn img { max-width:320px; }

.flip_sec { width:100%; box-sizing:border-box; padding:60px; background:#f8f8f8; transform: scaleY(0); transform-origin:top; opacity:0; display:none; transition:transform 0.3s ease-out, opacity 0.3s ease-out; }
.flip_sec.flipon { transform:scaleY(1); opacity:1; }

.flip_product_wrap { display:flex; gap:50px; width:1000px; margin:0 auto; }
/* BASIC css end */