.gnb{--font-sans: Apple SD Gothic Neo, Pretendard JP Variable, Pretendard Variable, Pretendard, sans-serif;position:fixed;top:0;right:0;left:0;z-index:999;box-sizing:border-box;font-family:var(--font-sans);background-color:transparent;transition:background-color .1s ease-out}.gnb--background{height:50px;background-color:#fff;border-bottom:1px solid #e0e0e0}.dark .gnb--background:not(:where([class~=no-dark] *)){background-color:#000;border-color:#383838}.gnb .tit_story{display:block;width:119px;height:27px;overflow:hidden;color:transparent;background-image:url(//t1.daumcdn.net/brunch/static/img/help/mw/brunch_story_logo_mw_250520.svg);background-repeat:no-repeat;background-size:119px 27px}.dark .gnb .tit_story{background-image:url(//t1.daumcdn.net/brunch/static/img/help/mw/brunch_story_logo_mw_dark_250520.svg)}.gnb .tit_g{font-size:14px;line-height:20px;color:#555;letter-spacing:-.5px}.gnb .gnb__left>.tit_g{margin-top:2px}.gnb .txt_g{overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:19px;white-space:nowrap}.gnb button,.gnb .button{display:block;padding:0;font-family:var(--font-sans);line-height:0;background:transparent;border-width:0}.gnb button,.gnb a:active{transition:opacity .2s ease-out}.gnb button:active,.gnb a:active{opacity:.8}.gnb a:hover{text-decoration:none}.gnb .gnb__left{position:absolute;left:20px;display:flex;align-items:center;height:50px}.gnb__logo{display:block;padding:0;line-height:0}.gnb .gnb__left .tit_g{padding-left:12px}.dark .gnb .gnb__left .story-home-logo:not(:where([class~=no-dark] *)){fill:#fff}.gnb .brunch-logo,.gnb .dropdown-icon{width:25px;height:25px}.gnb .story-logo,.gnb .kakaostory-logo,.gnb .tistory-logo{width:23px;height:23px}.gnb .back-icon,.gnb .close-icon,.gnb .search-icon{width:30px;height:30px}.gnb__center{position:absolute;right:77px;left:77px;display:flex;flex:1;gap:4px;align-items:center;justify-content:center;height:50px}.gnb .brunchbook-chip-icon,.gnb .magazine-chip-icon{flex-shrink:0}.gnb .brunchbook-chip-icon-wrap{display:none;line-height:0}.gnb__right{position:absolute;right:15px;display:flex;gap:10px;align-items:center;height:50px}.gnb .more-icon{width:30px;height:30px}.gnb .login-chip{display:flex;align-items:center;justify-content:center;width:62px;height:24px;font-size:10px;color:#fff;background-color:#231f20;border-radius:15px}.dark .gnb .login-chip:not(:where([class~=no-dark] *)){color:#111;background-color:#e7e7e7}.gnb .login-chip span{margin-bottom:1px}.gnb .profile-icon{width:30px;height:30px;overflow:hidden;border-radius:50%}.gnb .profile-icon img{width:100%;height:100%}.gnb .gnb__right .login-chip,.gnb .gnb__right .profile-icon{margin-right:5px}.gnb .tit_g,.gnb--background.gnb--white .gnb__title .tit_g{color:#555}.gnb .txt_g,.gnb--background.gnb--white .gnb__title .txt_g,.gnb .info_idx,.gnb--background.gnb--white .gnb__title .info_idx{color:#444}.gnb .brunchbook-chip-icon rect,.gnb .magazine-chip-icon rect,.gnb--background.gnb--white .brunchbook-chip-icon rect,.gnb--background.gnb--white .magazine-chip-icon rect{stroke:#bbb}.gnb .brunchbook-chip-icon text,.gnb .magazine-chip-icon text,.gnb--background.gnb--white .brunchbook-chip-icon text,.gnb--background.gnb--white .magazine-chip-icon text{fill:#666}.brunch-logo path:first-of-type,.gnb--background.gnb--white .brunch-logo path:first-of-type{fill:#231f20}.brunch-logo path:last-of-type,.gnb--background.gnb--white .brunch-logo path:last-of-type{fill:#fff}.dropdown-icon,.gnb--background.gnb--white .dropdown-icon{stroke:#979797}.search-icon,.gnb--background.gnb--white .dropdown-icon{stroke:#444}.more-icon,.gnb--background.gnb--white .more-icon,.back-icon,.gnb--background.gnb--white .back-icon,.close-icon,.gnb--background.gnb--white .close-icon{fill:#444}.gnb--white .gnb__title .tit_g,.gnb--white .gnb__title .txt_g,.gnb--white .gnb__title .txt_episode,.gnb--white .gnb__title .info_idx{color:#e7e7e7}.dark .tit_g:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .gnb__title .txt_g:not(:where([class~=no-dark] *)),.dark .txt_g:not(:where([class~=no-dark] *)),.dark .info_idx:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .gnb__title .info_idx:not(:where([class~=no-dark] *)){color:#e7e7e7}.gnb--white .brunchbook-chip-icon rect,.gnb--white .magazine-chip-icon rect{stroke:#fff;stroke-opacity:.6}.dark .brunchbook-chip-icon rect:not(:where([class~=no-dark] *)),.dark .magazine-chip-icon rect:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .brunchbook-chip-icon rect:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .magazine-chip-icon rect:not(:where([class~=no-dark] *)){stroke:#fff;stroke-opacity:.6}.gnb--white .brunchbook-chip-icon text,.gnb--white .magazine-chip-icon text{fill:#e7e7e7}.dark .brunchbook-chip-icon text:not(:where([class~=no-dark] *)),.dark .magazine-chip-icon text:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .brunchbook-chip-icon text:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .magazine-chip-icon text:not(:where([class~=no-dark] *)){fill:#e7e7e7}.gnb--white .brunch-logo path:first-of-type{fill:#fff}.dark .brunch-logo path:first-of-type:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .brunch-logo path:first-of-type:not(:where([class~=no-dark] *)){fill:#fff}.gnb--white .brunch-logo path:last-of-type{fill:#231f20}.dark .brunch-logo path:last-of-type:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .brunch-logo path:last-of-type:not(:where([class~=no-dark] *)){fill:#231f20}.gnb--white .search-icon,.gnb--white .dropdown-icon{stroke:#e7e7e7}.dark .search-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .search-icon:not(:where([class~=no-dark] *)),.dark .dropdown-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .dropdown-icon:not(:where([class~=no-dark] *)){stroke:#e7e7e7}.gnb--white .more-icon,.gnb--white .back-icon,.gnb--white .close-icon{fill:#f8f8f8}.dark .more-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .more-icon:not(:where([class~=no-dark] *)),.dark .gnb .back-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .back-icon:not(:where([class~=no-dark] *)),.dark .gnb .close-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .close-icon:not(:where([class~=no-dark] *)){fill:#f8f8f8}.popup-layer{display:none}.gnb-story-layer{position:absolute;top:50px;left:0;z-index:9999;box-sizing:border-box;width:203px;height:145px;padding:11px 20px;background-color:#fff;border-radius:8px;box-shadow:1px 1px 10px #00000021}.dark .gnb-story-layer:not(:where([class~=no-dark] *)){padding:10px 19px;background-color:#000;border:solid 1px #383838}.gnb-story-layer__item{display:flex;align-items:center;padding:9px 0}.gnb-story-layer__item .txt_g{margin-left:7px}.gnb-story-layer__item .direct-chip-icon{width:42px;height:18px;margin-left:auto}.dark .direct-chip-icon rect:not(:where([class~=no-dark] *)){stroke:#aaaaaa50}.dark .direct-chip-icon text:not(:where([class~=no-dark] *)){fill:#aaa}.gnb-control-layer{position:absolute;top:50px;right:0;z-index:9999;box-sizing:border-box;padding:9px 20px;background-color:#fff;border-radius:8px;box-shadow:1px 1px 10px #00000021}.dark .gnb .gnb-control-layer:not(:where([class~=no-dark] *)){background-color:#000;border:solid 1px #383838}.gnb .gnb-control-layer__item{display:block;width:100%;padding:7px 9px;font-size:13px;line-height:19px;color:#444;text-align:center;white-space:nowrap}.dark .gnb-control-layer__item:not(:where([class~=no-dark] *)){color:#e7e7e7}.gnb .gnb-control-layer__item--cancel{color:#cfcfcf}.dark .gnb-control-layer__item--cancel:not(:where([class~=no-dark] *)){color:#777}@media only screen and (orientation: landscape){.gnb .gnb__left{left:calc(20px + env(safe-area-inset-left))}.gnb .gnb__right{right:calc(15px + env(safe-area-inset-right))}.gnb .gnb__center{right:calc(77px + env(safe-area-inset-right));left:calc(77px + env(safe-area-inset-left))}}.gnb .info_idx{min-width:25px}.gnb .tit_state{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:44px;height:18px;padding:2px 6px;margin-right:1px;font-size:11px;line-height:18px;color:#fff;background-color:#000c;border-radius:9px}.dark .gnb_cmt_cheeer{background-color:#000;border-color:#383838}.dark .gnb_cmt_cheeer .brunchbook-close-icon path{fill:#ccc}.dark .gnb_cmt_cheeer .tit_cheer_cmt{color:#f8f8f8}.dark .gnb--background .tit_state{color:#000;background-color:#fffc}.dark .gnb--dark .brunch-logo path:first-of-type{fill:#231f20!important}.dark .gnb--dark .brunch-logo path:last-of-type{fill:#fff!important}.dark .gnb--dark.gnb--background .brunch-logo path:first-of-type{fill:#fff!important}.dark .gnb--dark.gnb--background .brunch-logo path:last-of-type{fill:#231f20!important}.dark .gnb--dark .more-icon,.dark .gnb--dark .back-icon,.dark .gnb--dark .close-icon{fill:#444!important}.dark .gnb--dark .dropdown-icon{stroke:#444!important}.dark .gnb--dark.gnb--background .more-icon,.dark .gnb--dark.gnb--background .back-icon,.dark .gnb--dark.gnb--background .close-icon{fill:#f8f8f8!important}.dark .gnb--dark.gnb--background .dropdown-icon{stroke:#f8f8f8!important}