/* A11-64 · 공지/ASTRA 슬림 배너 (기존 57px → 30px) */
.home-notice-banner,.home-astra-banner{
  position:relative;isolation:isolate;display:flex;align-items:center;
  width:100%;height:30px;min-height:30px;min-width:0;gap:7px;
  padding:3px 9px;border:1px solid #f0cdd1;border-radius:9px;
  background:linear-gradient(115deg,#fff0f1 0%,#fff8f8 100%);
  color:#902b3a;box-shadow:0 3px 11px rgba(116,32,51,.045);
}
.home-notice-banner{margin:12px 0 0;text-align:left;cursor:pointer}
.home-notice-banner:active{background:#ffe6e9}
.home-notice-roll{position:relative;display:block;min-width:0;flex:1;height:19px;overflow:hidden}
.home-notice-line{
  position:absolute;inset:0;display:flex;align-items:center;min-width:0;
  color:#5f3039;font-size:11.5px;font-weight:750;line-height:1.25;
  transition:transform .50s cubic-bezier(.22,.7,.17,1);
}
.home-notice-line.next{transform:translateY(115%)}
.home-notice-line>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-notice-icon{
  width:22px;height:22px;flex:0 0 22px;border-radius:6px;
  background:#fbe0e4;display:flex;align-items:center;justify-content:center;
  color:#d54053;
}
.home-notice-icon svg{width:15px;height:15px}
.home-astra-banner{
  margin:6px 0 0;
  background:#fff;
  border-color:#dfe3e6;
  box-shadow:0 2px 9px rgba(31,43,54,.10);
}
.home-astra-banner strong{
  flex:1;min-width:0;color:#39434c;font-size:11.5px;line-height:1.2;
  font-weight:800;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.home-astra-banner .home-astra-icon{
  width:22px;height:22px;flex:0 0 22px;border-radius:6px;
  background:#fff0e9;display:flex;align-items:center;justify-content:center;color:#e16a39;
}
.home-astra-icon svg{width:15px;height:15px}
.home .home-mywork-peek{margin:15px 0 0}
@media(max-width:390px){
  .home-notice-banner,.home-astra-banner{gap:6px;padding-left:8px;padding-right:7px}
  .home-notice-line{font-size:11px}
  .home-astra-banner strong{font-size:10.8px;letter-spacing:-.25px}
}
.home-notice-overlay{
  position:fixed;z-index:4000;inset:0;display:flex;align-items:flex-end;
  justify-content:center;background:rgba(15,22,31,.52);
  padding-top:env(safe-area-inset-top);
}
body.home-notice-editing{overflow:hidden}
.home-notice-modal{
  display:flex;flex-direction:column;min-height:0;width:100%;max-width:520px;
  max-height:min(92dvh,850px);border-radius:24px 24px 0 0;
  overflow:hidden;background:#fff;box-shadow:0 -14px 42px rgba(15,22,31,.14);
  animation:home-notice-enter .24s ease-out;
}
@keyframes home-notice-enter{from{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.home-notice-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:23px 20px 16px}
.home-notice-modal-kicker{color:#ce5363;font-size:10px;font-weight:900;letter-spacing:1.2px}
.home-notice-modal-head h2{margin:6px 0 6px;font-size:23px;letter-spacing:-.6px;color:#253138}
.home-notice-modal-head p{margin:0;color:#7d898e;font-size:12px;line-height:1.65;word-break:keep-all}
.home-notice-close{width:33px;height:33px;flex:0 0 33px;border:0;border-radius:50%;background:#f1f3f5;color:#748088;font-size:23px;line-height:1}
.home-notice-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;border-block:1px solid #eef0f2;background:#fafbfc;font-size:12px}
.home-notice-toolbar strong{color:#384850}
.home-notice-toolbar span{font-size:11px;color:#dc5766;font-weight:850}
.home-notice-fields{padding:13px 20px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}
.home-notice-edit-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;margin-bottom:10px}
.home-notice-number{display:flex;justify-content:center;align-items:center;border-radius:10px;background:#f2f5f6;color:#809096;height:44px;font-size:12px;font-weight:900}
.home-notice-edit-row.has-text .home-notice-number{color:#c94454;background:#fff0f1}
.home-notice-edit-row textarea{display:block;width:100%;min-height:44px;max-height:105px;resize:vertical;padding:10px 12px;border:1px solid #dfe6e9;border-radius:10px;background:#fafbfc;color:#24323b;font:inherit;font-size:16px;line-height:1.4;outline:none}
.home-notice-edit-row textarea:focus{border-color:#ed7684;background:#fff;box-shadow:0 0 0 2px rgba(229,82,106,.1)}
.home-notice-message{margin:0;padding:8px 20px 2px;color:#b82c43;font-size:12px;line-height:1.5}
.home-notice-modal-actions{display:flex;gap:10px;flex:0 0 auto;padding:13px 20px max(15px,env(safe-area-inset-bottom));border-top:1px solid #edf0f1;background:#fff}
.home-notice-modal-actions button{min-height:47px;border:0;border-radius:12px;font-size:13px;font-weight:850}
.home-notice-cancel{flex:0 0 85px;background:#f1f4f5;color:#5d6c75}
.home-notice-save{flex:1;background:#dc4257;color:#fff}
.home-notice-save:disabled{opacity:.6}
.home-notice-toast{position:fixed;z-index:4200;left:50%;bottom:25px;transform:translateX(-50%);max-width:90vw;border-radius:999px;white-space:nowrap;padding:10px 17px;background:#26313a;color:#fff;box-shadow:0 10px 26px #0002;font-size:12px;font-weight:800}
@media(min-width:620px){.home-notice-overlay{align-items:center;padding:18px}.home-notice-modal{border-radius:20px;max-height:780px}}
@media(prefers-reduced-motion:reduce){.home-notice-line{transition:none}.home-notice-modal{animation:none}}