.gnb{--font-sans:Apple SD Gothic Neo,Pretendard JP Variable,Pretendard Variable,Pretendard,sans-serif;background-color:transparent;box-sizing:border-box;font-family:var(--font-sans);left:0;position:fixed;right:0;top:0;transition:background-color .1s ease-out;z-index:999}.gnb--background{background-color:#fff;border-bottom:1px solid #e0e0e0;height:50px}.dark .gnb--background:not(:where([class~=no-dark] *)){background-color:#000;border-color:#383838}.gnb .tit_story{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;color:transparent;display:block;height:27px;overflow:hidden;width:119px}.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{color:#555;font-size:14px;letter-spacing:-.5px;line-height:20px}.gnb .gnb__left>.tit_g{margin-top:2px}.gnb .txt_g{font-size:14px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnb .button,.gnb button{background:transparent;border-width:0;display:block;font-family:var(--font-sans);line-height:0;padding:0}.gnb a:active,.gnb button{transition:opacity .2s ease-out}.gnb a:active,.gnb button:active{opacity:.8}.gnb a:hover{text-decoration:none}.gnb .gnb__left{align-items:center;display:flex;height:50px;left:20px;position:absolute}.gnb__logo{display:block;line-height:0;padding: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{height:30px;width:30px}.gnb .dropdown-icon{height:25px;width:43px}.gnb .kakaostory-logo,.gnb .story-logo,.gnb .tistory-logo{height:23px;width:23px}.gnb .back-icon,.gnb .close-icon,.gnb .search-icon{height:30px;width:30px}.gnb .reading-club-icon{height:32px;width:32px}.gnb__center{align-items:center;display:flex;flex:1;gap:4px;height:50px;justify-content:center;left:77px;position:absolute;right:77px}.gnb .brunchbook-chip-icon,.gnb .magazine-chip-icon{flex-shrink:0}.gnb .brunchbook-chip-icon-wrap{display:none;line-height:0}.gnb__right{align-items:center;display:flex;gap:10px;height:50px;position:absolute;right:15px}.gnb .more-icon{height:30px;width:30px}.gnb .login-chip{align-items:center;background-color:#231f20;border-radius:15px;color:#fff;display:flex;font-size:10px;height:24px;justify-content:center;line-height:24px;width:62px}.dark .gnb .login-chip:not(:where([class~=no-dark] *)){background-color:#e7e7e7;color:#111}.gnb .profile-icon{border-radius:50%;height:30px;overflow:hidden;width:30px}.gnb .profile-icon img{height:100%;width: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 .info_idx,.gnb .txt_g,.gnb--background.gnb--white .gnb__title .info_idx,.gnb--background.gnb--white .gnb__title .txt_g{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}.dropdown-icon,.gnb--background.gnb--white .dropdown-icon{stroke:#979797}.gnb--background.gnb--white .dropdown-icon,.search-icon{stroke:#444}.reading-club-icon{color:#444}.back-icon,.close-icon,.gnb--background.gnb--white .back-icon,.gnb--background.gnb--white .close-icon,.gnb--background.gnb--white .more-icon,.more-icon{fill:#444}.gnb--white .gnb__title .info_idx,.gnb--white .gnb__title .tit_g,.gnb--white .gnb__title .txt_episode,.gnb--white .gnb__title .txt_g{color:#e7e7e7}.dark .gnb--background.gnb--white .gnb__title .info_idx:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .gnb__title .txt_g:not(:where([class~=no-dark] *)),.dark .info_idx:not(:where([class~=no-dark] *)),.dark .tit_g:not(:where([class~=no-dark] *)),.dark .txt_g: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 .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] *)),.dark .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 .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] *)),.dark .magazine-chip-icon text:not(:where([class~=no-dark] *)){fill:#e7e7e7}.gnb--white .dropdown-icon,.gnb--white .search-icon{stroke:#e7e7e7}.gnb--white .reading-club-icon{color:#e7e7e7}.dark .dropdown-icon:not(:where([class~=no-dark] *)),.dark .gnb--background .search-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .dropdown-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .search-icon:not(:where([class~=no-dark] *)),.dark .search-icon:not(:where([class~=no-dark] *)){stroke:#e7e7e7}.dark .gnb--background .reading-club-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .reading-club-icon:not(:where([class~=no-dark] *)),.dark .reading-club-icon:not(:where([class~=no-dark] *)){color:#e7e7e7}.gnb--white .back-icon,.gnb--white .close-icon,.gnb--white .more-icon{fill:#f8f8f8}.dark .gnb .back-icon:not(:where([class~=no-dark] *)),.dark .gnb .close-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .back-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .close-icon:not(:where([class~=no-dark] *)),.dark .gnb--background.gnb--white .more-icon:not(:where([class~=no-dark] *)),.dark .more-icon:not(:where([class~=no-dark] *)){fill:#f8f8f8}.popup-layer{display:none}.gnb-story-layer{background-color:#fff;border-radius:8px;box-shadow:1px 1px 10px #00000021;box-sizing:border-box;height:145px;left:0;padding:11px 20px;position:absolute;top:50px;width:203px;z-index:9999}.dark .gnb-story-layer:not(:where([class~=no-dark] *)){background-color:#000;border:1px solid #383838;padding:10px 19px}.gnb-story-layer__item{align-items:center;display:flex;padding:9px 0}.gnb-story-layer__item .txt_g{margin-left:7px}.gnb-story-layer__item .direct-chip-icon{height:18px;margin-left:auto;width:42px}.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{background-color:#fff;border-radius:8px;box-shadow:1px 1px 10px #00000021;box-sizing:border-box;padding:9px 20px;position:absolute;right:0;top:50px;z-index:9999}.dark .gnb .gnb-control-layer:not(:where([class~=no-dark] *)){background-color:#000;border:1px solid #383838}.gnb .gnb-control-layer__item{color:#444;display:block;font-size:13px;line-height:19px;padding:7px 9px;text-align:center;white-space:nowrap;width:100%}.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{left:calc(77px + env(safe-area-inset-left));right:calc(77px + env(safe-area-inset-right))}}.gnb .info_idx{min-width:25px}.gnb .tit_state{align-items:center;background-color:#000c;border-radius:9px;box-sizing:border-box;color:#fff;display:flex;font-size:11px;height:18px;justify-content:center;line-height:18px;margin-right:1px;min-width:44px;padding:2px 6px}.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{background-color:#fffc;color:#000}.dark .gnb--dark .back-icon,.dark .gnb--dark .close-icon,.dark .gnb--dark .more-icon{fill:#444!important}.dark .gnb--dark .dropdown-icon{stroke:#444!important}.dark .gnb--dark.gnb--background .back-icon,.dark .gnb--dark.gnb--background .close-icon,.dark .gnb--dark.gnb--background .more-icon{fill:#f8f8f8!important}.dark .gnb--dark.gnb--background .dropdown-icon{stroke:#f8f8f8!important}