/* Keep CI's regular menu layout; fit both panels when landscape height is limited. */
@media screen and (max-width:1279px) and (max-height:550px){
 header > div.nav > .nav-wrap{height:calc(100vh - 160px);height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
 header > div#top-buttons{top:auto;bottom:0;height:160px;margin:0;padding:16px 30px;overflow-y:auto;overscroll-behavior:contain;background:rgba(0,0,0,.95);align-content:flex-start}
 header > div#top-buttons > div.login-buttons{margin-left:0;max-width:100%;flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;font-size:0}
 header > div#top-buttons > div.login-buttons > a{font-size:18px;flex-basis:100%}
 header > div#top-buttons > div.login-buttons > a.login-naver,header > div#top-buttons > div.login-buttons > a.login-kakao{position:static;flex-basis:auto;order:1;padding:0}
 header > div#top-buttons > div.member-info{width:100%;max-width:100%;flex-basis:100%;margin-left:0;padding:0}
 header > div#top-buttons > div.login-buttons + div.member-info{margin-top:16px}
 header > div#top-buttons > div.member-info > div.member-popup{position:relative;right:auto;width:100%;max-width:372px;margin-left:auto}
}
