.coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 920px; margin: 0 auto; color: #212121; }

.coupon-title { padding: 0 48px; padding-bottom: 16px; font-weight: 300; }

@media (max-width: 768px) { .coupon-title { display: none; } }

.coupon-notify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media (max-width: 768px) { .coupon-notify { margin-left: -16px; margin-right: -16px; margin-top: -10px; } }

.coupon-notify__img { max-width: 343px; }

.coupon-notify__img img:first-child { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.coupon-notify__content { margin-left: 24px; margin-top: 16px; }

.coupon-notify__content .button { min-width: 0; min-height: 21px; margin-bottom: 4px; padding: 2px 8px; color: #ff6b00; font-size: 1.2rem; font-weight: 600; border-color: #ffbe88; border-radius: 4px; }

.coupon-notify__content-name { font-size: 2rem; font-weight: 600; }

.coupon-notify__content-calender { margin-top: 16px; }

.coupon-notify__content-calender .calender-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 1.6rem; font-weight: 600; }

.coupon-notify__content-calender .calender-title .svg-icon { width: 20px; height: 20px; fill: #0a2d88; }

.coupon-notify__content-calender .calender-content { margin-top: 4px; font-size: 1.4rem; font-weight: 300; }

@media (max-width: 768px) { .coupon-notify { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .coupon-notify__img { max-width: none; width: 100%; height: 100%; }
  .coupon-notify__content { margin-left: 16px; }
  .coupon-notify__content-calender { margin-top: 4px; }
  .coupon-notify__content .calender-title { font-size: 1.4rem; }
  .coupon-notify-name { font-size: 1.8rem; } }

.coupon-products { margin-top: 24px; }

.coupon-products__title { font-size: 1.8rem; font-weight: 600; }

@media (max-width: 768px) { .coupon-products__title { font-size: 1.6rem; } }

.coupon-products__list-name { margin-top: 8px; font-size: 1.4rem; font-weight: 300; }

.coupon-products__list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; }

@media (max-width: 768px) { .coupon-products__list { grid-template-columns: repeat(2, 1fr); grid-gap: 16px; } }

.coupon-products__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 24px 0; }

.coupon-products__button .button { width: 100%; max-width: 260px; }

@media (max-width: 768px) { .coupon-products__button .button { max-width: 100%; } }