/* 위쪽 메뉴. 사이트 화면과 영상 설정 화면(원본 settings.html 을 불러 쓰는 화면)이 함께 쓴다.
   설정 화면의 스타일과 부딪히지 않게 rs- 로 시작하는 이름만 쓴다. */
.rs-bar{border-bottom:1px solid #e9eae5;background:#fff}
.rs-in{max-width:var(--maxw,1120px);margin:0 auto;padding:10px var(--gutter,20px);display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;min-height:62px}
.rs-brand{font-size:18px;font-weight:700;letter-spacing:-.01em;text-decoration:none;color:#262923;margin-right:auto;white-space:nowrap}
.rs-brand span{color:#9b7b37}
.rs-nav{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.rs-nav a{padding:7px 10px;border-radius:6px;text-decoration:none;color:#555b52;font-size:14.5px;font-weight:600;white-space:nowrap}
.rs-nav a:hover{background:#eeefed;color:#262923}
.rs-nav a[aria-current="page"]{color:#816221;background:#f1ecde}
.rs-me{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#767c74}
.rs-me form{margin:0}
.rs-me button{border:1px solid #dcddd8;background:#fff;border-radius:6px;padding:5px 11px;font-size:13px;cursor:pointer;color:#262923;font-family:inherit}
.rs-me button:hover{background:#eeefed}
.rs-me .rs-login{color:#262923;text-decoration:none;font-weight:600;font-size:14.5px;padding:7px 4px}
.rs-me .rs-start{background:#9b7b37;color:#fff;text-decoration:none;font-weight:600;font-size:14px;border-radius:6px;padding:8px 14px;white-space:nowrap}
.rs-me .rs-start:hover{background:#816221}
@media (max-width:640px){
  .rs-nav{order:3;width:100%;margin-inline:-8px}
  .rs-nav a{padding:6px 8px}
  .rs-office{display:none}
}