/* Canonical navigation layout. Mirrored to cash and Login for standalone hosting. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700;800&display=swap');
html{overflow-y:scroll}
body>nav:is(.site-nav,nav).site-nav,body>nav:is(.site-nav,nav):not(.pagination-wrap){position:fixed;inset:0 0 auto;z-index:200;box-sizing:border-box;height:82px!important;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;padding:0 max(28px,calc((100% - 1184px)/2))!important;margin:0;background:#faf9f4f5!important;border:0;border-bottom:1px solid #dfe5d7!important;box-shadow:none!important;backdrop-filter:blur(16px);font-family:'Noto Sans KR',sans-serif}
body>nav:is(.site-nav,nav) .nav-logo{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#243d32;font-size:21px;font-weight:800;letter-spacing:-1px;line-height:1.3;text-decoration:none;margin:0;padding:0;position:relative;z-index:1}body>nav:is(.site-nav,nav) .nav-logo-icon{display:block;width:46px;height:50px;object-fit:contain;border-radius:0}body>nav:is(.site-nav,nav) .nav-menu{display:flex;align-items:center;justify-content:center;position:static;flex:1;min-width:0;gap:2px;list-style:none;margin:0;padding:0;pointer-events:auto}body>nav:is(.site-nav,nav) .nav-menu>li{position:relative;list-style:none;margin:0;padding:0}body>nav:is(.site-nav,nav) .nav-menu>li>a,body>nav:is(.site-nav,nav) .nav-menu>li>.nav-drop-btn{display:flex;align-items:center;gap:4px;padding:10px 9px;margin:0;border:0;border-radius:0;background:none;color:#243d32;font:600 12px/1.5 'Noto Sans KR',sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer}body>nav:is(.site-nav,nav) .nav-menu>li>a:hover,body>nav:is(.site-nav,nav) .nav-drop-btn:hover,body>nav:is(.site-nav,nav) .nav-menu>li.open>.nav-drop-btn{color:#426b48}body>nav:is(.site-nav,nav) .chev{width:10px;height:10px;flex-shrink:0;transition:transform .18s}body>nav:is(.site-nav,nav) li.open>.nav-drop-btn .chev{transform:rotate(180deg)}body>nav:is(.site-nav,nav) .nav-dropdown{position:absolute;top:calc(100% + 10px);left:50%;min-width:200px;padding:8px;background:white;border:1px solid #dfe5d7;border-radius:12px;box-shadow:0 15px 35px #243d3210;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px);transition:.18s}body>nav:is(.site-nav,nav) li.open>.nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}body>nav:is(.site-nav,nav) .nav-dropdown a{display:block;padding:10px 12px;color:#637262;text-decoration:none;font-size:12px;line-height:1.5;border-radius:7px;white-space:nowrap}body>nav:is(.site-nav,nav) .nav-dropdown a:hover{background:#edf1e5;color:#426b48}body>nav:is(.site-nav,nav) .nav-auth{display:flex;align-items:center;justify-content:flex-end;flex:0 0 70px;min-width:70px;margin:0;gap:0;position:relative;z-index:1}body>nav:is(.site-nav,nav) .nav-cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:70px;height:40px;margin:0;padding:0 13px;border:1px solid #dfe5d7;border-radius:9px;background:#edf1e5;color:#426b48;font:600 12px/1 'Noto Sans KR',sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}body>nav:is(.site-nav,nav) .nav-cash{display:inline-flex;align-items:center;justify-content:center;flex:0 0 88px;box-sizing:border-box;width:88px;height:40px;margin:0;padding:0 12px;border:0;border-radius:9px;background:#426b48;color:white;font:700 12px/1 'Noto Sans KR',sans-serif;white-space:nowrap;text-decoration:none}body>nav:is(.site-nav,nav) .nav-user-avatar{display:block;width:36px;height:36px;margin:0;border:1px solid #dfe5d7;border-radius:9px;background:#edf1e5;overflow:hidden}body>nav:is(.site-nav,nav) .nav-user-avatar img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}body>nav:is(.site-nav,nav) .nav-burger{display:none;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:36px;margin:0;padding:0;border:0;background:none;cursor:pointer}body>nav:is(.site-nav,nav) .nav-burger span{display:block;position:relative;width:18px;height:2px;background:#243d32}body>nav:is(.site-nav,nav) .nav-burger span:before,body>nav:is(.site-nav,nav) .nav-burger span:after{content:'';position:absolute;left:0;width:18px;height:2px;background:#243d32;transition:transform .2s,top .2s}body>nav:is(.site-nav,nav) .nav-burger span:before{top:-6px}body>nav:is(.site-nav,nav) .nav-burger span:after{top:6px}body>nav:is(.site-nav,nav) .nav-burger.open span{background:transparent}body>nav:is(.site-nav,nav) .nav-burger.open span:before{top:0;transform:rotate(45deg)}body>nav:is(.site-nav,nav) .nav-burger.open span:after{top:0;transform:rotate(-45deg)}
body>.nav-mobile-panel{display:none;position:fixed;left:0;right:0;top:82px;z-index:190;padding:18px 24px 24px;max-height:calc(100dvh - 82px);overflow-y:auto;background:#faf9f4;border-bottom:1px solid #dfe5d7;box-shadow:0 15px 25px #243d3210;font-family:'Noto Sans KR',sans-serif}body>.nav-mobile-panel>a,body>.nav-mobile-panel .nav-mobile-group-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 10px;border:0;background:none;text-decoration:none;color:#243d32;font:600 13px/1.5 'Noto Sans KR',sans-serif;cursor:pointer}body>.nav-mobile-panel .chev{width:11px;height:11px}body>.nav-mobile-panel .nav-mobile-sub{display:none;padding:0 10px 8px}body>.nav-mobile-panel .open>.nav-mobile-sub{display:block}body>.nav-mobile-panel .nav-mobile-sub a{display:block;padding:10px;color:#637262;font-size:12px;text-decoration:none}body>.nav-mobile-panel .nav-mobile-social{justify-content:center;background:#edf1e5;color:#426b48;border-radius:9px;margin-bottom:10px}body>.nav-mobile-panel .nav-mobile-cash{justify-content:center;background:#426b48;color:white;border-radius:9px;margin-top:10px}body>nav:is(.site-nav,nav) :focus-visible,body>.nav-mobile-panel :focus-visible{outline:3px solid #c98048;outline-offset:4px}
body.home-v2{padding-top:82px}body.login-v2{padding-top:82px}.login-v2 .login-layout{min-height:calc(100vh - 82px)}.login-v2 .login-scene{min-height:calc(100vh - 82px)}
@media(max-width:1100px){body>nav:is(.site-nav,nav) .nav-menu>li>a,body>nav:is(.site-nav,nav) .nav-menu>li>.nav-drop-btn{font-size:11px;padding:10px 6px}}
@media(max-width:1000px){body>nav:is(.site-nav,nav).site-nav,body>nav:is(.site-nav,nav):not(.pagination-wrap){height:72px!important;padding:0 22px!important;gap:10px}body>nav:is(.site-nav,nav) .nav-menu{display:none!important}body>nav:is(.site-nav,nav) .nav-logo{font-size:19px}body>nav:is(.site-nav,nav) .nav-logo-icon{width:40px;height:46px}body>nav:is(.site-nav,nav) .nav-auth{margin-left:auto}body>nav:is(.site-nav,nav) .nav-burger{display:flex}body>.nav-mobile-panel{top:72px;max-height:calc(100dvh - 72px)}body>.nav-mobile-panel.open{display:block}body.home-v2,body.login-v2{padding-top:72px}.login-v2 .login-layout,.login-v2 .login-scene{min-height:calc(100vh - 72px)}}
@media(max-width:540px){body>nav:is(.site-nav,nav).site-nav,body>nav:is(.site-nav,nav):not(.pagination-wrap){padding:0 18px!important;gap:8px}body>nav:is(.site-nav,nav) .nav-logo{font-size:17px;gap:6px}body>nav:is(.site-nav,nav) .nav-logo-icon{width:34px;height:40px}body>nav:is(.site-nav,nav) .nav-auth{flex-basis:56px;min-width:56px}body>nav:is(.site-nav,nav) .nav-cta{min-width:56px;height:36px;font-size:11px;padding:0 9px}body>nav:is(.site-nav,nav) .nav-cash{flex-basis:70px;width:70px;height:36px;font-size:11px;padding:0 9px}body>nav:is(.site-nav,nav) .nav-burger{flex-basis:28px;width:28px}}
@media(max-width:800px){.login-v2 .login-scene{min-height:0}}
@media(prefers-reduced-motion:reduce){body>nav:is(.site-nav,nav) *,body>.nav-mobile-panel *{transition:none}}