.message-notice-host { position:relative; }
.message-notice { position:relative; display:flex; align-items:center; gap:6px; box-sizing:border-box; max-width:100%; margin:8px 0 0; padding:8px 7px 8px 10px; border:1px solid #b6d8e6; border-radius:3px; background:#fffced; color:#18496a; box-shadow:0 2px 5px #1e557518; font-family:Dotum,'돋움',sans-serif; font-size:12px; line-height:1.55; text-align:left; }
.message-notice-link { display:flex; flex:1; min-width:0; flex-direction:column; color:#174d72; text-decoration:none; overflow-wrap:anywhere; }
.message-notice-link:hover strong { text-decoration:underline; }
.message-notice-count { font-size:11px; color:#526a75; }
.message-notice .message-notice-close { display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; min-height:28px; margin:0; padding:0; border:1px solid transparent; background:transparent; color:#557581; font:20px/1 Arial,sans-serif; cursor:pointer; }
.message-notice .message-notice-close:hover { border-color:#b6d8e6; background:#f0f9fc; }
.message-notice-link:focus-visible,.message-notice-close:focus-visible { outline:2px solid #1763a0; outline-offset:2px; }
.message-notice-floating { display:none; }
@media(max-width:760px) { .message-notice-floating { position:absolute; display:flex; top:calc(100% + 6px); left:50%; transform:translateX(-50%); z-index:1020; width:calc(100% - 24px); max-width:360px; margin:0; font-size:13px; } .message-notice .message-notice-close { flex-basis:44px; width:44px; min-height:44px; } .mobile-menu-open .message-notice-floating,.mobile-search-open .message-notice-floating { display:none; } }