/* HN_NOTICESKIN 20261006 */
.hnb{max-width:960px;margin:0 auto;padding:clamp(36px,6vw,72px) 20px clamp(48px,7vw,96px);color:#15181b;word-break:keep-all;box-sizing:border-box}
.hnb *{box-sizing:border-box}
.hnb-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.hnb-eye{margin:0 0 8px;font-size:12px;letter-spacing:.16em;color:#9aa2a9;font-weight:600}
.hnb-tt{margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.hnb-sub{margin:10px 0 0;font-size:15px;color:#5b6369;line-height:1.6}
.hnb-sub span{display:inline-block;margin-left:10px;padding:2px 10px;border-radius:999px;background:#eef0f2;font-size:12.5px;font-weight:600;color:#3a3f45}
.hnb-tools{display:flex;align-items:center;gap:10px}
.hnb-search{display:flex;align-items:center;height:44px;padding:0 6px 0 16px;border:1px solid #e3e6e9;border-radius:999px;background:#fff;transition:border-color .2s,box-shadow .2s}
.hnb-search:focus-within{border-color:#15181b;box-shadow:0 0 0 4px rgba(21,24,27,.06)}
.hnb-search input{width:200px;border:0;outline:0;background:transparent;font-size:14px;color:#15181b}
.hnb-search input::placeholder{color:#a3aab0}
.hnb-search button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:#15181b;color:#fff;cursor:pointer}
.hnb-write{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;background:#15181b;color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.hnb-found{margin:-12px 0 18px;font-size:14px;color:#5b6369}
.hnb-found a{color:#15181b;text-decoration:underline}
.hnb-list{list-style:none;margin:0;padding:0;border-top:1px solid #15181b}
.hnb-item{border-bottom:1px solid #eceef0}
.hnb-link{display:flex;align-items:center;gap:18px;padding:22px 8px;color:inherit;text-decoration:none;transition:background .2s}
.hnb-link:hover{background:#f7f8f9}
.hnb-link:hover .hnb-go{transform:translateX(3px);color:#15181b}
.hnb-tag{flex:none;width:52px;text-align:center}
.hnb-no{font-style:normal;font-size:14px;color:#9aa2a9;font-variant-numeric:tabular-nums}
.hnb-pin{display:inline-block;padding:4px 10px;border-radius:999px;background:#fdecee;color:#c8102e;font-style:normal;font-size:12px;font-weight:700}
.hnb-body{flex:1;min-width:0}
.hnb-title{display:block;font-size:16.5px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:#15181b}
.hnb-item.is-pin .hnb-title{font-weight:700}
.hnb-new{display:inline-block;width:7px;height:7px;margin:0 0 3px 8px;border-radius:50%;background:#c8102e;vertical-align:middle}
.hnb-meta{display:block;margin-top:6px;font-size:13px;color:#8b939b}
.hnb-meta b{margin:0 7px;font-weight:400;color:#c4cad0}
.hnb-go{flex:none;color:#c4cad0;transition:transform .2s,color .2s}
.hnb-empty{padding:60px 0;text-align:center;color:#8b939b;font-size:15px}
.hnb-pg{margin-top:32px;display:flex;justify-content:center}
.hnb-pg .pg_wrap,.hnb-pg .pg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0;padding:0;float:none}
.hnb-pg a,.hnb-pg strong{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:999px;font-size:14px;text-decoration:none;color:#5b6369;background:transparent;border:0}
.hnb-pg a:hover{background:#eef0f2;color:#15181b}
.hnb-pg strong,.hnb-pg .pg_current{background:#15181b;color:#fff;font-weight:600}
.hnb-pg .sound_only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:640px){
  .hnb-hd{align-items:stretch}
  .hnb-tools{width:100%}
  .hnb-search{flex:1}
  .hnb-search input{width:100%}
  .hnb-link{gap:12px;padding:18px 4px}
  .hnb-tag{width:auto}
  .hnb-no{display:none}
  .hnb-item:not(.is-pin) .hnb-tag{display:none}
  .hnb-title{font-size:15.5px}
}