.card_container{width:25rem;height:10.5rem;position:relative}.card_container img{width:100%}.back,.card_container .cover,.couponpoint{width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .25s ease-in-out}.card_container .cover{transform:rotateY(0);z-index:2}.card_container:hover .cover{--transform:rotateY(180deg)}.card_container .back{color:#1a1a1a;transform:rotateY(-180deg);z-index:1}.card_container:hover .back{--transform:rotateY(0deg)}.card_container .couponpoint{width:16.5rem;height:4rem;z-index:3;top:4rem;left:.5rem;opacity:0;font-size:3rem;font-weight:700;transition:opacity .1s ease-in .1s}.coupon_warp{width:100%;display:flex;justify-content:space-between;background-color:#0c0c0e;padding:3rem}.coupon{width:25rem;flex-wrap:nowrap;flex-direction:column;position:relative;-webkit-animation:pulse;animation:pulse;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}.coupon,.coupon .cuponcount{display:flex;justify-content:center;align-items:center}.coupon .cuponcount{border-radius:20rem;position:absolute;z-index:4;top:.1rem;right:.7rem;color:#fff9ff;transition:opacity .1s ease-in .1s}@media screen and (max-width:1024px){.coupon_warp{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-color:#1f1f1f;padding:3rem}.coupon{margin-bottom:2rem}}