/* 열쇠콜:게시판 v2 */
.bd-wrap{margin-top:16px;--line:#eaeaf2;--ink:#20212d;--ink-2:#515363;--ink-3:#686b80;--bg-card:#fff;--brand:#3730d5}
.bd-head b{font-family:var(--heading)}
.bd-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bd-grid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.bd-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bd-grid.n1{grid-template-columns:minmax(0,1fr)}
.bd{position:relative;min-width:0;border:1px solid var(--line,#e6e9ee);border-radius:16px;overflow:hidden;
  background:var(--bg-card,#fff);box-shadow:0 6px 20px rgba(20,30,60,.06)}
.bd::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--bd-c,var(--brand,#1a4fd6))}
.bd-r{--bd-c:#ef4444}.bd-c{--bd-c:var(--brand,#1a4fd6)}.bd-v{--bd-c:#f5a524}.bd-k{--bd-c:#03a95a}
.bd-head{display:flex;align-items:center;gap:8px;padding:14px 16px 11px;border-bottom:1px solid var(--line,#e6e9ee)}
.bd-head b{display:flex;align-items:center;gap:7px;font-size:15.5px;font-weight:800;color:var(--ink,#1b1d21);letter-spacing:-.02em;white-space:nowrap}
.bd-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;flex:none;
  background:color-mix(in srgb,var(--bd-c) 14%,transparent);color:var(--bd-c)}
.bd-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bd-meta{font-size:12px;color:var(--ink-3,#7c848d);white-space:nowrap}
.bd-all{margin-left:auto;font-size:12.5px;color:var(--ink-3,#7c848d);white-space:nowrap;text-decoration:none}
.bd-all:hover{color:var(--bd-c)}
.bd-head-link{color:inherit;text-decoration:none}.bd-head-link:hover{color:var(--bd-c)}.bd-map{margin-left:auto;color:#03a95a;font-weight:700}
.bd-live{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:bd-pulse 1.6s ease-out infinite}
.bd-body{position:relative;height:236px;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 26px),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 26px),transparent 100%)}
.bd-body.bd-still{height:auto;max-height:236px;-webkit-mask-image:none;mask-image:none}
.bd-roll{animation:bd-up var(--dur,40s) linear infinite}
.bd:hover .bd-roll,.bd:focus-within .bd-roll{animation-play-state:paused}
.bd-list{list-style:none;margin:0;padding:0}
.bd-list li{margin:0;border-bottom:1px dashed var(--line,#e6e9ee)}
.bd-list a{display:block;padding:10px 16px;color:inherit;text-decoration:none}
.bd-list a:hover{background:rgba(127,127,127,.07);text-decoration:none}
.bd-res{display:grid;grid-template-columns:70px minmax(0,1fr) auto;grid-template-areas:"w a s" "w b s";
  column-gap:10px;align-items:center;padding:9px 16px;font-size:14px;line-height:1.45}
.bd-res time{grid-area:w;font-size:12px;color:var(--ink-3,#7c848d);font-variant-numeric:tabular-nums}
.bd-res .bd-where{grid-area:a;font-weight:700;color:var(--ink,#1b1d21);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-res .bd-what{grid-area:b;font-size:12.5px;color:var(--ink-2,#4b5158);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-st{grid-area:s;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}
.bd-st.s-new{background:rgba(59,91,255,.13);color:#4f6bff}
.bd-st.s-go{background:rgba(255,120,40,.15);color:#ea6a1f}
.bd-st.s-work{background:rgba(245,165,36,.17);color:#c98506}
.bd-st.s-done{background:rgba(34,170,90,.15);color:#1f9d55}
.bd-top{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-3,#7c848d);margin-bottom:3px;min-width:0}
.bd-top .bd-where{font-weight:700;color:var(--ink-2,#4b5158)}
.bd-date{margin-left:auto;font-variant-numeric:tabular-nums}
.bd-tag{font-size:11px;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,var(--bd-c) 13%,transparent);color:var(--bd-c);white-space:nowrap}
.bd-title{display:block;font-size:14px;color:var(--ink,#1b1d21);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-stars{color:#f5a524;letter-spacing:1px}.bd-stars i{font-style:normal;opacity:.28}
.bd-quote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.55;color:var(--ink,#1b1d21)}
.bd-by{display:block;font-size:12px;color:var(--ink-3,#7c848d);margin-top:2px}
@keyframes bd-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes bd-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 7px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@media (max-width:1000px){.bd-grid,.bd-grid.n2,.bd-grid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-grid.n3 .bd-r{grid-column:1/-1}}
@media (max-width:640px){.bd-wrap{margin-top:14px}.bd-grid,.bd-grid.n2,.bd-grid.n4{grid-template-columns:1fr}.bd-body{height:200px}}
@media (prefers-reduced-motion:reduce){.bd-roll{animation:none}.bd-copy{display:none}.bd-body{overflow-y:auto}.bd-live{animation:none}}

.bd-item{display:block;padding:10px 16px}
.bd-desc{display:block;font-size:12.5px;color:var(--ink-2,#4b5158);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
/* /열쇠콜:게시판 */