/* 헤더 로그인 아이콘(PC)과 모바일 사이트맵 하단 링크 */
/* KR(언어 선택) 바로 왼쪽에 얹는다. absolute라 KR의 자리는 그대로다.
   .ht-inner__right 왼쪽 끝은 KR 왼쪽 끝보다 약 28px 바깥이므로(KR 자체 여백) 그만큼 되돌려, 마지막 메뉴 글자와 KR 사이 가운데에 오게 맞춘다 */
.ht-inner__right{position:relative}
.saero-acct{position:absolute;right:100%;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;margin:0 -24px 0 0}
/* 2026-10-12: 데스크톱에서 아이콘과 KR 사이를 넓힘(요청) — KR은 그대로 두고 아이콘만 왼쪽으로 16px.
   1640px 미만은 메뉴(새로소식)와 아이콘 사이 여유가 없어(1600px에서 20px, 1366px 이하는 이미 겹침) 그대로 둔다. */
@media (min-width:1640px){.saero-acct{margin-right:-8px}}
.saero-acct__btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.saero-acct__btn:hover,.saero-acct__btn:focus-visible{background:rgba(255,255,255,.18)}
.saero-acct__btn.is-in{color:#fff}
/* 헤더가 흰 배경으로 바뀐(scrolled) 때는 다른 헤더 글자와 같은 회색 */
.scrolled .saero-acct__btn,.main-header.scrolled .saero-acct__btn{color:#4f4f4f}
.scrolled .saero-acct__btn:hover,.scrolled .saero-acct__btn:focus-visible{background:rgba(0,0,0,.06)}
.saero-acct__btn:focus-visible{outline:2px solid #6d9ab5;outline-offset:2px}

.saero-acct__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:120px;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #dde7e9;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.saero-acct__menu[hidden]{display:none}
.saero-acct__menu li{margin:0;padding:0;list-style:none}
.saero-acct__menu a{display:block;padding:9px 16px;color:#222 !important;font-size:14px;line-height:1.4;white-space:nowrap;text-decoration:none}
.saero-acct__menu a:hover,.saero-acct__menu a:focus-visible{background:#f2f6f7;color:#222 !important}

/* 모바일 사이트맵 패널 하단: "로그인 / 회원가입" */
.saero-sitemap-acct{display:none;padding:18px 0 4px;font-size:13px;line-height:1.4;color:#fff}
.saero-sitemap-acct a{color:#fff;text-decoration:none}
.saero-sitemap-acct a:hover{text-decoration:underline}
.saero-sitemap-acct span{margin:0 8px;opacity:.8}
@media (max-width:1024px){
	.saero-sitemap-acct{display:block}
}