@charset "utf-8";

/*  상단 한 줄 스크롤 스킨 (latest) */
.hd-top-banner { background-color:#537193; overflow:hidden; height:40px; position:relative; }
.hd-top-banner .banner-item { display:flex; width:1050px; height:40px; margin:0 auto; align-items:center; }
.hd-top-banner a { color:#fff !important; text-decoration:none !important; }
.hd-top-banner a:hover, .hd-top-banner a:focus { font-weight:bold; }
.hd-top-banner .banner-control { position:absolute; top:0; right:8px; height:100%; display:flex; align-items:center; justify-content:flex-end; gap:10px; color:#fff; }
.hd-top-banner .banner-check { display:inline-flex; align-items:center; gap:6px; font-size: 12px;  opacity:.95; cursor:pointer; user-select:none; }
.hd-top-banner .banner-check input[type="checkbox"] { width:14px; height:14px; accent-color:#ffffff; border-radius:3px; }
.hd-top-banner .btn-close { display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; cursor:pointer; transition:background .2s ease, transform .08s ease; }
.hd-top-banner .btn-close:hover { background:rgba(255,255,255,.2); }
.hd-top-banner .btn-close:active { transform:scale(.96); }
.hd-top-banner .btn-close:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.hd-top-banner.is-hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
