:root{--primary-blue:#3b82f6;--accent-purple:#8b5cf6;--deep-indigo:#4338ca;--light-bg:#f8fafc;--notice-bg:#f5f3ff;--gray-200:#e2e8f0;--gray-500:#64748b;--gray-800:#1e293b;--white:#fff}.board-container{max-width:1000px;color:var(--gray-800);margin:0 auto;padding:50px 20px;font-family:Pretendard,sans-serif}.board-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.board-title{background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));-webkit-text-fill-color:transparent;letter-spacing:-1.2px;-webkit-background-clip:text;padding-top:40px;font-size:34px;font-weight:800}.btn-write-main{background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #3b82f633}.btn-write-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf64d}.board-list-wrapper{background-color:var(--white);border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.list-item{border-bottom:1px solid var(--gray-200);color:inherit;align-items:center;padding:20px 24px;text-decoration:none;transition:background-color .2s;display:flex}.list-item:hover{background-color:#f1f5f9}.notice-row{background-color:var(--notice-bg)}.notice-row:hover{background-color:#ede9fe}.badge-notice{background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));border-radius:4px;padding:2px 8px;color:#fff!important;font-size:11px!important;font-weight:800!important}.item-id-badge{width:50px;color:var(--gray-500);font-size:13px;font-weight:500}.item-title-text{color:#1e293b;margin-bottom:4px;font-size:17px;font-weight:600;display:block}.text-notice{color:var(--deep-indigo);font-weight:700}.item-info-row{color:var(--gray-500);align-items:center;gap:10px;font-size:13px;display:flex}@media screen and (max-width:400px){.board-container{padding:30px 15px}.board-title{font-size:26px}.list-item{padding:15px}.item-id-badge{width:40px;font-size:11px}.item-title-text{font-size:15px}.item-arrow{display:none}}.pagination-container{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.current-page{color:var(--primary-blue);font-weight:800}