.front-event{min-height:100vh;background:#fff;color:#1a1a1a}.front-event a{text-decoration:none}.front-event__sticky{position:sticky;top:52px;z-index:30;border-bottom:1px solid #ececec;background:#fff}.front-event__header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 16px 10px}.front-event__title{display:flex;align-items:center;gap:9px}.front-event__title a{display:grid;margin-left:-2px;color:#1a1a1a;place-items:center}.front-event__title .material-symbols-outlined{font-size:24px}.front-event__title h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.4px}.front-event__round-button,.front-event__calendar-button{position:relative;display:grid;width:38px;height:38px;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:#f2f2f2;color:#3a3a3a;cursor:pointer;place-items:center}.front-event__round-button.is-active,.front-event__calendar-button.is-active{background:#e6007e;color:#fff}.front-event__round-button .material-symbols-outlined{font-size:20px}.front-event__active-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border:1.5px solid #fff;border-radius:50%;background:#e6007e}.front-event__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.front-event__date-row{display:flex;align-items:flex-start;gap:8px;padding:0 16px 12px}.front-event__date-rail{display:flex;min-width:0;flex:1;gap:9px}.front-event__day{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;color:#3a3a3a;text-align:center}.front-event__weekday{margin-bottom:5px;color:#9a9a9a;font-size:11px;font-weight:700}.front-event__day-number{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#f2f2f2;font-size:16px;font-weight:700}.front-event__day--selected .front-event__day-number{background:#e6007e;color:#fff;font-weight:800}.front-event__today-dot{width:5px;height:5px;margin:4px auto 0;border-radius:50%;background:#e6007e}.front-event__calendar-control{display:flex;flex:0 0 auto;flex-direction:column;align-items:center}.front-event__weekday--placeholder{visibility:hidden}.front-event__calendar-button{width:42px;height:42px}.front-event__panel{overflow:hidden}.front-event__panel-content{padding:0 16px 16px}.front-event__panel-content h2{margin:0 0 9px;color:#9a9a9a;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.front-event__panel-content h2:nth-of-type(2){margin-top:16px}.front-event__chips{display:flex;flex-wrap:wrap;gap:7px}.front-event__chips a{padding:7px 13px;border-radius:20px;background:#f2f2f2;color:#3a3a3a;font-size:12.5px;font-weight:700}.front-event__chips a.is-active{background:#e6007e;color:#fff}.front-event__calendar{padding:4px 16px 16px}.front-event__calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.front-event__calendar-heading h2{margin:0;font-size:15px;font-weight:800}.front-event__calendar-heading button{display:grid;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#f2f2f3;cursor:pointer;place-items:center}.front-event__calendar-heading .material-symbols-outlined{font-size:16px}.front-event__calendar-week,.front-event__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.front-event__calendar-week{margin-bottom:6px;color:#9a9a9a;font-size:10.5px;font-weight:700}.front-event__calendar-day{display:grid;aspect-ratio:1;border-radius:10px;color:#c7c7c7;font-size:12.5px;font-weight:700;place-items:center}.front-event__calendar-day--available{background:#fce4f1;color:#e6007e;cursor:pointer}.front-event__calendar-day--available.is-selected{background:#e6007e;color:#fff}.front-event__calendar-grid[data-calendar-offset="1"]>:first-child{grid-column-start:2}.front-event__calendar-grid[data-calendar-offset="2"]>:first-child{grid-column-start:3}.front-event__calendar-grid[data-calendar-offset="3"]>:first-child{grid-column-start:4}.front-event__calendar-grid[data-calendar-offset="4"]>:first-child{grid-column-start:5}.front-event__calendar-grid[data-calendar-offset="5"]>:first-child{grid-column-start:6}.front-event__calendar-grid[data-calendar-offset="6"]>:first-child{grid-column-start:7}.front-event__view-toggle{display:flex;gap:2px;margin:0 16px 12px;padding:3px;border:1px solid #eee;border-radius:14px;background:#f9f9fa}.front-event__view-toggle a{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:11px;color:#767676;font-size:13px;font-weight:700}.front-event__view-toggle a.is-active{background:#fff;color:#e6007e}.front-event__view-toggle .material-symbols-outlined{font-size:17px}.front-event__count{margin:0;padding:14px 16px 4px;color:#767676;font-size:13px}.front-event__count strong{color:#1a1a1a}.front-event__list{display:flex;flex-direction:column;gap:13px;padding:8px 16px 0}.front-event-card{display:flex;gap:13px;padding:11px;border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgb(0 0 0/5%);color:#1a1a1a}.front-event-card__media{position:relative;display:grid;width:100px;flex:0 0 100px;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#f2f2f2;place-items:center}.front-event-card__media img{display:block;width:100%;height:100%;object-fit:cover}.front-event-card__placeholder{color:#ababab;font-size:31px}.front-event-card__date{position:absolute;top:6px;left:6px;padding:3px 6px;border-radius:6px;background:#1a1a1a;color:#fff;font-size:9.5px;font-weight:800}.front-event-card__body{display:flex;min-width:0;flex:1;flex-direction:column}.front-event-card__body>strong{display:-webkit-box;overflow:hidden;font-size:14.5px;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.front-event-card__meta{display:flex;align-items:center;gap:3px;margin-top:5px;color:#767676;font-size:12px}.front-event-card__meta+.front-event-card__meta{margin-top:2px}.front-event-card__meta .material-symbols-outlined{font-size:14px}.front-event-card__badges{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap}.front-event-card__price,.front-event-card__type{padding:3px 9px;border-radius:20px;background:#fce4f1;color:#e6007e;font-size:10.5px;font-weight:800}.front-event-card__price--paid{background:#fcf1e2;color:#b97400}.front-event-card__type--default{background:#f2f2f2;color:#3a3a3a}.front-event__empty{padding:40px 20px;color:#9a9a9a;text-align:center}.front-event__empty .material-symbols-outlined{color:#d8d8d8;font-size:34px}.front-event__empty p{margin:8px 0 0;font-size:13.5px;font-weight:600}.front-event__map-placeholder{display:flex;height:360px;align-items:center;justify-content:center;flex-direction:column;margin:12px 16px 0;border-radius:16px;background-color:#f7e9f1;background-image:linear-gradient(#e8cedb 1px,transparent 1px),linear-gradient(90deg,#e8cedb 1px,transparent 1px);background-size:32px 32px;color:#9a6a82}.front-event__map-placeholder .material-symbols-outlined{font-size:36px}.front-event__map-placeholder p{margin:7px 0 0;font-size:13px;font-weight:700}
@media(max-width:340px){.front-event__header,.front-event__date-row,.front-event__panel-content,.front-event__calendar,.front-event__list{padding-right:12px;padding-left:12px}.front-event__title h1{font-size:19px}.front-event__date-rail{gap:7px}}
.front-event__calendar-day--available{position:relative}.front-event__calendar-day--available::after{position:absolute;bottom:3px;width:3px;height:3px;border-radius:50%;background:currentColor;content:""}

/* base 기본색과 동일하지만 명시해 base 변경에 깨지지 않게 한다 */
.front-event-card__type--popup { background: #fce4f1; color: #e6007e; }