/* BASIC css start */
#shopEvent .event-tab-wrap{width:600px; margin:0 auto;}
#shopEvent .event-tab-wrap .event-tab { display: flex; justify-content: space-between; margin: 60px 0 var(--spacing-xl); }
#shopEvent .event-tab-wrap .event-tab li { width: 100%; box-sizing: border-box; }
#shopEvent .event-tab-wrap .event-tab li a { display: flex; justify-content: center; align-items: center; height: 100%;  font-size:var(--font-size-xl); font-weight: 600;  }
#shopEvent .event-tab-wrap .event-tab li.now { padding:var(--spacing-md) 0; border-bottom:2px solid var(--color-secondary-500); margin-bottom: -2px;}
#shopEvent .event-tab-wrap .event-tab li.now a { color: var(--color-secondary-500);}
#shopEvent .event-list-wrap { display: grid; gap: var(--spacing-2xl) var(--spacing-lg); grid-template-columns: repeat(2, minmax(0, 1fr)); }
#shopEvent .event-list-wrap .event-lst a img {aspect-ratio:4/2; width:100%; border-radius:var(--radius-regular)}
#shopEvent .event-list-wrap .event-lst .noimg { display: flex; justify-content: center; align-items: center; height: 200px; box-sizing: border-box; border: 1px solid #e9e9e9; font-size: 18px; font-weight: bold; color: #f2f2f2; }
#shopEvent .event-list-wrap .event-lst p {font-size: var(--font-size-xl); font-weight: bold; color: var(--color-neutral-500); word-break: break-all; margin:var(--spacing-sm) 0 var(--spacing-3xs) 0; width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#shopEvent .event-list-wrap .event-lst span { font-size: var(--font-size-lg); color: var(--color-neutral-400); }
#shopEvent .none-data { text-align: center; margin: 40px 0; }

/* BASIC css end */