/* BASIC css start */
body {
    font-family:'NanumSquare', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:400;
    color: #000;
    margin: 0;
    padding: 0;
}

.benefit_eventwrap { width:100%; margin:60px 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:30px 0; position:relative; }
.benefit_eventwrap .regi_btnwrap .regi_btn { display:table; margin:0 auto; }
.benefit_eventwrap .regi_btnwrap .regi_btn img { max-width:130px; }

.flip_sec { width:100%; box-sizing:border-box; padding:20px; 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:10px; width:100%; margin:0 auto; }
/* BASIC css end */