

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

.agbar{position:sticky;top:0;z-index:50;height:68px;width:100%;flex-shrink:0;margin:0;box-sizing:border-box;
  background:#fff;border-bottom:1px solid #E6E1D6;display:flex;align-items:center;gap:28px;padding:0 28px;
  color:#171319;font-family:Pretendard,-apple-system,'Malgun Gothic',sans-serif;line-height:1.2;letter-spacing:0;text-align:left}
.agbar *,.agbar-mmenu *{box-sizing:border-box}
.agbar a,.agbar-mmenu a{text-decoration:none}
.agbar-logo{display:flex;align-items:center;flex-shrink:0;margin:0;padding:0}
.agbar-logo img{height:26px;width:auto;display:block}
.agbar-menu{display:flex;gap:30px;margin:0 0 0 12px;padding:0}
.agbar-menu a{font-size:16px;font-weight:600;color:#3d3841;padding:6px 0;margin:0;white-space:nowrap;position:relative;line-height:1.2}
.agbar-menu a:hover{color:#171319}
.agbar-menu a.on{color:#171319}
.agbar-menu a.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#E8334E}
.agbar-menu a small{font-size:10px;font-weight:700;letter-spacing:.06em;color:#b0a9a3;margin-left:5px;vertical-align:2px}
.agbar-menu a.ext{color:#8f8891}.agbar-menu a.ext small{margin-left:4px}
.agbar-menu a.ext::before{content:"";display:inline-block;width:1px;height:14px;background:#E6E1D6;margin:0 14px 0 -2px;vertical-align:-2px}
.agbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}
.agbar-dl{display:inline-flex;align-items:center;height:38px;padding:0 16px;margin:0;border-radius:999px;background:#E8334E;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.agbar-dl:hover{filter:brightness(1.06)}
.agbar .agatha-nav__account{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 16px;margin:0;border:0;border-radius:999px;
  background:#EEF4FF;color:#2F7BFF;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap;text-transform:none;box-shadow:none}
.agbar .agatha-nav__account:disabled{cursor:default;opacity:.7}
.agbar .agatha-nav__account span,.agbar .agatha-nav__account .acc-name{color:inherit;display:inline;font-weight:700}
.agbar-mmenu{display:none}

@media (max-width:700px){
  .agbar{height:56px;padding:0 14px;gap:12px}
  .agbar-logo img{height:22px}
  .agbar-menu{display:none}
  .agbar-dl,.agbar .agatha-nav__account{height:34px;padding:0 12px;font-size:13px}
  .agbar-mmenu{display:flex;gap:20px;overflow-x:auto;padding:0 16px;margin:0;height:42px;width:100%;flex-shrink:0;align-items:center;
    background:#fff;border-bottom:1px solid #E6E1D6;scrollbar-width:none;font-family:Pretendard,-apple-system,'Malgun Gothic',sans-serif}
  .agbar-mmenu::-webkit-scrollbar{display:none}
  .agbar-mmenu a{flex-shrink:0;font-size:14px;font-weight:600;color:#3d3841;padding:11px 0;margin:0;position:relative;white-space:nowrap;line-height:1.2}
  .agbar-mmenu a.on{color:#171319;font-weight:700}
  .agbar-mmenu a.on::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:#E8334E}
}


@media (max-width:1100px){.agbar-menu{gap:16px}.agbar-menu a small{display:none}.agbar-menu a.ext{display:none}}
@media (max-width:860px) and (min-width:701px){.agbar-menu{gap:12px}.agbar-menu a{font-size:14px}.agbar{padding:0 16px;gap:16px}}
