@charset "utf-8";

/* 리빌더 이벤트 게시판 전용 스타일 */
.rb_event_board,.rb_event_view,.rb_bbs_write_wrap{--event-accent:#5b5ce2;--event-accent-dark:#494abd;--event-accent-soft:rgba(91,92,226,.10);--event-accent-soft-strong:rgba(91,92,226,.18);--event-dark:#151827;--event-muted:#74798c;--event-line:#e8eaf0;color:var(--event-dark)}
.event-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:12px 0 28px;padding:32px;border-radius:24px;background:linear-gradient(135deg,var(--event-accent-soft),var(--event-accent-soft-strong))}
.event-list-head h2{margin:3px 0 8px;font-size:30px;line-height:1.25}.event-list-head p{margin:0;color:var(--event-muted)}
.event-eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.18em;color:var(--event-accent)!important}
.event-total{flex:none;padding:9px 14px;border-radius:99px;background:#fff;font-size:13px;font-weight:700;box-shadow:0 5px 20px rgba(30,37,70,.08)}
.event-filter-tabs{display:flex;gap:8px;width:max-content;max-width:100%;margin-bottom:22px;padding:5px;border:1px solid var(--event-line);border-radius:14px;background:#fff}
.event-filter-tabs button{border:0;background:transparent;padding:10px 17px;border-radius:10px;color:#6f7482;font-weight:700;cursor:pointer}
.event-filter-tabs button.is-active{color:#fff;background:var(--event-accent);box-shadow:0 6px 16px rgba(75,76,190,.2)}
.event-admin-select{margin:0 0 12px;font-size:13px}
.event-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.event-card{position:relative;min-width:0;border:1px solid var(--event-line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 30px rgba(27,32,55,.07);transition:transform .25s ease,box-shadow .25s ease}
.event-card:hover{transform:translateY(-5px);box-shadow:0 15px 38px rgba(27,32,55,.13)}
.event-card-link{display:block;color:inherit!important;text-decoration:none!important}
.event-card-thumb{position:relative;aspect-ratio:12/7;overflow:hidden;background:#eceef3}
.event-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}
.event-card:hover .event-card-thumb img{transform:scale(1.035)}
.event-ended .event-card-thumb img,.event-view-hero.event-ended img{filter:grayscale(1);opacity:.72}
.event-card-check{position:absolute;z-index:4;top:13px;right:13px;padding:7px;border-radius:8px;background:rgba(255,255,255,.9)}
.event-card-check input[type="checkbox"] + label{left:2px;top:1px}
.event-state-badge,.event-notice-badge{position:absolute;left:14px;top:14px;z-index:2;padding:7px 10px;border-radius:99px;background:var(--event-accent);color:#fff;font-size:12px;font-weight:800}
.event-notice-badge{left:auto;right:14px;background:#151827}.event-ended .event-state-badge,.event-view-hero.event-ended .event-state-badge{background:#717581}.event-upcoming .event-state-badge{background:#f09b2d}
.event-card-body{padding:20px}.event-card-subtitle{margin:0 0 7px;color:var(--event-accent);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-card h3{margin:0 0 18px;font-size:20px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card h3 small{margin-left:6px;color:var(--event-accent);font-size:12px}
.event-period{display:flex;align-items:center;gap:7px;color:var(--event-muted);font-size:12px;white-space:nowrap}.event-period i{font-style:normal;color:#b5b8c2}
.event-progress-meta,.event-view-progress-meta{display:flex;justify-content:space-between;align-items:center;margin:19px 0 8px}.event-progress-meta strong,.event-view-progress-meta strong{color:var(--event-accent);font-size:14px}.event-progress-meta span,.event-view-progress-meta span{color:var(--event-muted);font-size:12px}
.event-time-rotator{display:block;position:relative;height:1.5em;min-width:150px;overflow:hidden;line-height:1.5em;white-space:nowrap}.event-time-track{display:flex!important;flex-direction:column;color:inherit!important;font-size:inherit!important;animation:eventTimeSlide 6s cubic-bezier(.65,0,.35,1) infinite}.event-time-track>span{display:block;height:1.5em;flex:0 0 1.5em;color:inherit!important;font-size:inherit!important}.event-time-countdown{font-variant-numeric:tabular-nums}.event-upcoming-label{color:var(--event-accent)!important}.event-ended-label{color:#777b85!important}
.event-progress{height:9px;border-radius:99px;background:#eceef4;overflow:hidden}.event-progress[data-event-state="upcoming"]{background:var(--event-accent-soft-strong)}.event-progress>span{position:relative;display:block;width:var(--event-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--event-accent),var(--event-accent-dark));overflow:hidden;animation:eventProgressGrow .85s ease both;transition:width 1s linear}.event-progress>span:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-120%);animation:eventProgressShine 1.8s linear infinite}.event-progress[data-event-state="upcoming"]>span:after{display:none}.event-ended .event-progress>span,.event-progress[data-event-state="ended"]>span{width:100%;background:#9da0aa;animation:none;transition:none}.event-ended .event-progress>span:after,.event-progress[data-event-state="ended"]>span:after{display:none;animation:none}
.event-filter-empty,.rb_event_board .no_data{padding:60px 20px;text-align:center;color:var(--event-muted)}
@keyframes eventProgressGrow{from{width:0}to{width:var(--event-progress)}}@keyframes eventProgressShine{to{transform:translateX(350%)}}
@keyframes eventTimeSlide{0%,38%{transform:translateY(0)}50%,88%{transform:translateY(-33.333%)}100%{transform:translateY(-66.666%)}}
.event-write-fields{margin:0 0 18px;padding:22px;border:1px solid #e8eaf0;border-radius:16px;background:#f8f9fc}.event-write-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.event-write-heading strong{font-size:17px}.event-write-heading span,.event-field-help{color:#74798c;font-size:12px}.event-field-label{display:block;margin:0 0 7px;font-size:13px;font-weight:700}.event-datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-write-fields .rb_inp_wrap{margin-bottom:12px}.event-field-help{margin:0}
.event-view-layout{display:grid;grid-template-columns:minmax(300px,4fr) minmax(0,6fr);gap:52px;align-items:stretch;margin:25px 0 45px;overflow:visible!important}.event-view-aside{align-self:stretch;min-width:0;overflow:visible!important}.event-view-sticky{position:-webkit-sticky;position:sticky;top:90px;z-index:5}.event-view-hero{position:relative;aspect-ratio:12/8;overflow:hidden;border-radius:22px;background:#eef0f4;box-shadow:0 12px 35px rgba(28,32,50,.12)}.event-view-hero img{display:block;width:100%;height:100%;object-fit:cover}.event-view-subtitle{margin:24px 0 7px;color:var(--event-accent);font-size:14px;font-weight:700}.event-view-aside h1{margin:0 0 22px;font-size:30px;line-height:1.3}.event-view-period{margin:0;padding:17px;border:1px solid var(--event-line);border-radius:14px;background:#fafbfc}.event-view-period>div{display:grid;grid-template-columns:52px 1fr;gap:8px}.event-view-period>div+div{margin-top:9px}.event-view-period dt{color:var(--event-muted);font-size:12px}.event-view-period dd{margin:0;font-size:13px;font-weight:700}.event-view-mini-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--event-muted);font-size:12px}.event-view-content{align-self:start;min-width:0;padding-top:4px}.event-view-content #bo_v_con{min-height:380px;margin:0;padding:8px 0 35px;font-size:16px;line-height:1.8}.event-view-content #bo_v_con img{max-width:100%;height:auto}.event-comments{margin-top:32px}
.event-participation-notice{display:flex;flex-direction:column;align-items:center;gap:7px;padding:28px 20px;border:1px solid var(--event-line);border-radius:16px;background:var(--event-accent-soft);text-align:center}.event-participation-notice strong{color:var(--event-accent);font-size:16px}.event-participation-notice span{color:var(--event-muted);font-size:13px}.event-refresh-button{margin-top:8px;padding:9px 15px;border:0;border-radius:8px;background:var(--event-accent);color:#fff;font-weight:700;cursor:pointer}
body.event-modal-open{overflow:hidden}
.event-expired-modal[hidden]{display:none!important}.event-expired-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.event-expired-backdrop{position:absolute;inset:0;background:rgba(24,28,30,.58);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}.event-expired-dialog{position:relative;width:min(100%,440px);padding:42px 34px 30px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;color:#30363a;text-align:center;box-shadow:0 28px 80px rgba(18,22,24,.28);box-sizing:border-box;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .22s ease,transform .22s ease}.event-expired-modal.is-open .event-expired-backdrop{opacity:1}.event-expired-modal.is-open .event-expired-dialog{opacity:1;transform:translateY(0) scale(1)}
.event-expired-close{position:absolute;top:14px;right:16px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f2f3f3;color:#596166;font-size:26px;line-height:34px;cursor:pointer}.event-expired-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#697176,#4f575c);color:#fff;font-size:30px;font-weight:800;box-shadow:0 10px 24px rgba(57,64,68,.2)}.event-expired-eyebrow{margin:0 0 7px;color:#8a6b45;font-size:11px;font-weight:800;letter-spacing:.18em}.event-expired-dialog h3{margin:0;color:#272d30;font-size:24px;line-height:1.35}.event-expired-dialog>p:not(.event-expired-eyebrow){margin:14px 0 0;color:#70787c;font-size:14px;line-height:1.75}.event-expired-actions{display:flex;gap:10px;margin-top:28px}.event-expired-actions button{flex:1;min-height:46px;padding:10px 14px;border:0;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .16s ease,filter .16s ease}.event-expired-cancel{background:#eef0f0;color:#555e62}.event-expired-confirm{background:linear-gradient(135deg,#697176,#4f575c);color:#fff}.event-expired-actions button:hover{filter:brightness(.96);transform:translateY(-1px)}.event-expired-actions button:focus-visible,.event-expired-close:focus-visible{outline:3px solid rgba(105,113,118,.3);outline-offset:2px}.event-expired-confirm:disabled{opacity:.6;cursor:wait;transform:none}
@media(max-width:480px){.event-expired-dialog{padding:38px 20px 22px;border-radius:20px}.event-expired-actions{flex-direction:column-reverse}.event-expired-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.event-progress>span,.event-progress>span:after,.event-time-track{animation:none}.event-card{transition:none}}
@media(max-width:1100px){.event-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-view-layout{gap:32px;grid-template-columns:minmax(270px,4fr) minmax(0,6fr)}}
@media(max-width:700px){.event-list-head{align-items:flex-start;padding:24px}.event-list-head h2{font-size:25px}.event-total{display:none}.event-filter-tabs{width:100%;overflow:auto}.event-filter-tabs button{flex:none}.event-card-grid{grid-template-columns:1fr;gap:16px}.event-datetime-grid{grid-template-columns:1fr}.event-view-layout{display:block;margin-top:15px}.event-view-sticky{position:static}.event-view-aside h1{font-size:25px}.event-view-content{padding-top:35px}.event-write-heading{display:block}.event-write-heading span{display:block;margin-top:5px}}