:root{--navy:#071a33;--navy2:#0c294d;--blue:#1c67c7;--ink:#122033;--muted:#66758a;--line:#dbe5f0;--paper:#f5f8fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(1120px,calc(100% - 36px));margin:0 auto}.top{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:32px 0}.brand-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.brand-row h1{margin:0;font-size:clamp(32px,5vw,50px);letter-spacing:-2px;line-height:1}.brand-row p{margin:8px 0 0;color:#bfd4ee}.home-title{text-decoration:none}.home-title:hover{text-decoration:underline;text-underline-offset:6px}.home-button{display:inline-flex;text-decoration:none;border:1px solid #ffffff42;background:#ffffff12;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:750}.home-button:hover{background:#ffffff22}.board-wrap{padding:30px 0 56px}.board-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #12304b10;overflow:hidden}.board-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:28px;border-bottom:1px solid var(--line)}.kicker{font-size:12px;font-weight:850;letter-spacing:.13em;color:var(--blue)}.board-head h2{font-size:clamp(26px,4vw,38px);letter-spacing:-1.3px;margin:6px 0 5px}.board-head p{margin:0;color:var(--muted)}.search-box input{width:min(250px,36vw);height:42px;border:1px solid var(--line);border-radius:10px;padding:0 13px;font:inherit;color:var(--ink);background:#f9fbfd;outline:none}.search-box input:focus{border-color:#8cb3e3;box-shadow:0 0 0 3px #1c67c714}.board-table{width:100%}.board-row{display:grid;grid-template-columns:72px minmax(0,1fr) 230px 135px;align-items:center;min-height:62px;border-bottom:1px solid #edf1f5}.board-row:last-child{border-bottom:0}.board-row>div{padding:14px 16px}.board-header{min-height:46px;background:#f5f8fc;color:var(--muted);font-size:12px;font-weight:800;text-align:center}.board-header>div:nth-child(2){text-align:left}.column-row{transition:background .15s ease}.column-row:hover{background:#f8fbff}.number,.writer,.date{text-align:center;color:var(--muted);font-size:13px}.title-cell a{display:block;text-decoration:none;font-weight:800;line-height:1.45;letter-spacing:-.35px}.title-cell a:hover{color:var(--blue)}.title-cell p{margin:4px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:44px 24px;text-align:center;color:var(--muted)}.footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:0 18px 36px}.footer a{text-decoration:none;color:var(--blue);font-weight:750}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.brand-row{align-items:flex-start}.board-head{align-items:stretch;flex-direction:column}.search-box input{width:100%}.board-header{display:none}.board-row{display:block;margin:14px;border:1px solid var(--line);border-radius:14px;min-height:0;overflow:hidden}.board-row>div{padding:0}.number{display:none}.title-cell{padding:16px!important}.title-cell p{white-space:normal}.writer,.date{display:inline-block;text-align:left;font-size:12px;padding:0 0 14px 16px!important}.writer:after{content:" · ";margin-right:5px}.column-row:hover{background:#fff}}
@media(max-width:480px){.wrap{width:min(100% - 24px,1120px)}.top{padding:25px 0}.brand-row h1{font-size:34px}.home-button{padding:7px 11px}.board-wrap{padding-top:18px}.board-head{padding:21px}.board-row{margin:10px}.writer{max-width:68%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}}