@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-slide-up{opacity:0;animation:.5s forwards slideUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.board-layout{background-color:#f0f4f8;min-height:100vh;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;display:flex}.board-sidebar{background-image:url(/seoul-sidebar.png);background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:240px;min-width:240px;display:flex;position:relative;overflow:hidden}.board-sidebar:before{content:"";z-index:0;background:linear-gradient(#dce8fbd1 0%,#c8ddf5a6 55%,#b4d2ee66 100%);position:absolute;inset:0}.board-sidebar__brand{z-index:1;padding:28px 24px 20px;position:relative}.board-sidebar__brand-sub{color:#1a56a0;letter-spacing:.08em;margin-bottom:4px;font-size:13px;font-weight:700}.board-sidebar__brand-title{color:#0d3b7a;letter-spacing:-.5px;font-size:22px;font-weight:800}.board-sidebar__nav{z-index:1;flex:1;padding:0 16px;position:relative}.board-sidebar__nav-btn{cursor:pointer;color:#4a6fa0;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.board-sidebar__nav-btn.active{color:#1a56a0;background:#ffffffd9;font-weight:700;box-shadow:0 2px 8px #1a56a01f}.board-sidebar__nav-btn .nav-icon{opacity:.7;align-items:center;display:flex}.board-sidebar__nav-btn.active .nav-icon{opacity:1}.board-main{flex:1;min-width:0;padding:40px 48px}.board-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.board-header__title{color:#0d2a4e;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.board-header__desc{color:#6b8aad;margin:6px 0 0;font-size:14px}.board-header__actions{align-items:center;gap:12px;display:flex}.board-search-wrap{position:relative}.board-search-wrap input{color:#1a3a5c;box-sizing:border-box;background:#fff;border:1.5px solid #d0dff0;border-radius:10px;outline:none;width:240px;padding:10px 40px 10px 16px;font-family:inherit;font-size:14px;transition:border-color .15s}.board-search-wrap input:focus{border-color:#2563eb}.board-search-icon{color:#6b8aad;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.board-write-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #2563eb40}.board-write-btn:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.board-list{flex-direction:column;gap:12px;display:flex}.board-card{cursor:pointer;background:#fff;border:1.5px solid #e4edf8;border-radius:14px;align-items:center;gap:16px;padding:20px 24px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 4px #0000000a}.board-card:hover{border-color:#93b8e8;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb1a}.board-card__icon{color:#2563eb;background:#eef4ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.board-card__body{flex:1;min-width:0}.board-card__meta{color:#7a9abf;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.board-card__author{color:#3a6aaa;font-weight:600}.board-card__title{color:#0d2a4e;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.board-card__stats{color:#7a9abf;flex-shrink:0;align-items:center;gap:20px;font-size:13px;display:flex}.board-card__stat{align-items:center;gap:5px;display:flex}.board-empty{text-align:center;color:#7a9abf;padding:60px 0;font-size:15px}.board-pagination{justify-content:center;align-items:center;gap:6px;margin-top:36px;display:flex}.board-pagination__btn{cursor:pointer;color:#4a6fa0;background:#fff;border:1.5px solid #d0dff0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.board-pagination__btn:disabled{opacity:.4;cursor:default}.board-pagination__btn.active{color:#fff;background:#2563eb;border:none;font-weight:700}.board-pagination__btn:not(.active):not(:disabled):hover{background:#f0f7ff;border-color:#93b8e8}.board-pagination__ellipsis{color:#7a9abf;font-size:14px;line-height:36px}.board-fab{color:#fff;cursor:pointer;z-index:999;background:#2563eb;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;height:64px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 6px 20px #2563eb59}.board-fab:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 28px #2563eb66}@media (width<=900px){.board-sidebar{width:180px;min-width:180px}.board-main{padding:28px 24px}.board-header{flex-direction:column;gap:14px}.board-search-wrap input{width:180px}.board-card__stats{gap:12px}}@media (width<=680px){.board-layout{flex-direction:column}.board-sidebar{width:100%;min-width:unset;min-height:unset;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;overflow:auto hidden}.board-sidebar__brand{display:none}.board-sidebar__nav{flex-direction:row;flex:unset;white-space:nowrap;gap:6px;padding:0;display:flex}.board-sidebar__nav-btn{white-space:nowrap;background:#fff9;border-radius:20px;margin-bottom:0;padding:7px 14px;font-size:13px}.board-main{padding:20px 16px}.board-header__title{font-size:20px}.board-header__actions{flex-direction:column;align-items:stretch;width:100%}.board-search-wrap,.board-search-wrap input{width:100%}.board-write-btn{justify-content:center;width:100%}.board-card{gap:10px;padding:14px 16px}.board-card__stats{display:none}.board-fab{width:56px;height:56px;bottom:24px;right:20px}}