.DG4-FixNav-Modal{--fg:#000;--bg:#fff;--anchor-bg:#f5f5f6;z-index:2300;--m:120px;--r:16px;--w:min(1080px, calc(100vw - 240px));--p:40px;--gap:40px;font-family:var(--ff-woff2-B);color:var(--fg);line-height:1.3;position:fixed;inset:0}.DG4-FixNav-Modal.theme-light{--fg:#fff;--bg:#000;--anchor-bg:#343434}.DG4-FixNav-Modal .cover{transition:background .6s linear;position:absolute;inset:0}.DG4-FixNav-Modal .modal-body,.DG4-FixNav-Modal .close{opacity:0;pointer-events:none;transition:opacity .6s linear}.DG4-FixNav-Modal.active .cover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d}.DG4-FixNav-Modal.active .modal-body,.DG4-FixNav-Modal.active .close{opacity:1;pointer-events:all}.DG4-FixNav-Modal .modal-body{width:100%;height:100dvh;padding:var(--m) 0;position:relative;overflow:hidden auto}.DG4-FixNav-Modal .modal-body::-webkit-scrollbar{display:none}.DG4-FixNav-Modal .content{gap:var(--gap);width:var(--w);padding:var(--p) 0;border-radius:var(--r);background:var(--bg);color:var(--fg);flex-direction:column;margin:0 auto;display:flex;position:relative}.DG4-FixNav-Modal .items,.DG4-FixNav-Modal .c-title,.DG4-FixNav-Modal .overview,.DG4-FixNav-Modal .menus{padding:0 var(--p)}.DG4-FixNav-Modal .items{box-sizing:border-box;gap:16px;width:100%;display:flex}.DG4-FixNav-Modal .item{text-align:center;flex-direction:column;gap:8px;width:200px;padding:12px;display:flex}.DG4-FixNav-Modal .item-img{height:160px;overflow:hidden}.DG4-FixNav-Modal .item-img .eco-img,.DG4-FixNav-Modal .item-img img{object-fit:contain;width:100%;height:100%}.DG4-FixNav-Modal .item-name{margin:0;font-size:16px}.DG4-FixNav-Modal .item-btn{color:#3f68e0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:40px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:auto;padding:6px 12px;font-size:12px;display:flex}.DG4-FixNav-Modal .item-btn:not(.is-disable):hover{color:#3f4ce0;border-color:#3f4ce0}.DG4-FixNav-Modal .item-btn.is-disable{opacity:.55;cursor:not-allowed}.DG4-FixNav-Modal .devide{background:var(--anchor-bg);width:100%;height:2px}.DG4-FixNav-Modal .c-title{margin:0;font-size:32px;font-weight:500}.DG4-FixNav-Modal .overview{gap:var(--gap);flex-direction:column;display:flex}.DG4-FixNav-Modal .overview-name{color:#949494;margin:0;font-size:20px}.DG4-FixNav-Modal .anchors{flex-wrap:wrap;gap:24px;display:flex}.DG4-FixNav-Modal .anchor{background:var(--anchor-bg);color:var(--fg);cursor:pointer;border-radius:40px;padding:8px 24px;font-size:16px}.DG4-FixNav-Modal .anchor:hover{background:var(--fg);color:var(--bg)}.DG4-FixNav-Modal .menus{flex-wrap:wrap;gap:24px;margin:0;list-style:none;display:flex}.DG4-FixNav-Modal .menu-link{color:#3f68e0;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.DG4-FixNav-Modal .menu-link:hover{text-decoration:underline}.DG4-FixNav-Modal .close-box{top:calc(var(--m) + 20px);z-index:20;width:var(--w);box-sizing:border-box;pointer-events:none;justify-content:flex-end;padding:0 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.DG4-FixNav-Modal .close{cursor:pointer;pointer-events:all}.DG4-FixNav-Modal .close rect{fill:var(--fg)}.DG4-FixNav-Modal .close path{fill:var(--bg)}@media (max-width:1024px){.DG4-FixNav-Modal{--w:calc(100vw - 96px);--m:60px;--gap:20px}.DG4-FixNav-Modal .c-title{font-size:24px}.DG4-FixNav-Modal .item{width:140px;padding:8px}.DG4-FixNav-Modal .item-img{height:112px}.DG4-FixNav-Modal .item-name{font-size:12px}.DG4-FixNav-Modal .anchor{padding:12px 16px;font-size:14px}}@media not (min-width:768px){.DG4-FixNav-Modal{--w:calc(100vw - 24px);--p:24px}.DG4-FixNav-Modal .items{overflow-x:auto}}
.DG4-FixNav{--box:min(1440px, calc(100vw - 240px));--nav-p:20px 0;--r:40px;--pill-bg:#181819b3;--pill-fg:#fff;--pill-border:#3a3c3f;z-index:2400;width:100%;padding:var(--nav-p);font-family:var(--ff-woff2-B);line-height:1.3;position:fixed;top:0;left:0}.DG4-FixNav.theme-light{--pill-bg:#ffffffb3;--pill-fg:#000;--pill-border:#cfd0d2}.DG4-FixNav .naver{z-index:500;width:var(--box);border:1px solid var(--pill-border);border-radius:var(--r);background:var(--pill-bg);opacity:0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);will-change:opacity,transform;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 24px;transition:opacity .6s,transform .6s,background .3s,border-color .3s;display:flex;position:relative;transform:translateY(-100%)}.DG4-FixNav.enter .naver{opacity:1;transform:translateY(0)}.DG4-FixNav.is-pinned{--nav-p:12px 0;position:sticky;top:0}.DG4-FixNav.is-pinned .naver{opacity:1;transition:background .3s,border-color .3s;transform:none}.DG4-FixNav .naver-name{color:var(--pill-fg);margin:0;font-size:14px}.DG4-FixNav .naver-btns{flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;display:flex}.DG4-FixNav .btn{border:1px solid var(--pill-fg);cursor:pointer;border-radius:40px;padding:6px 12px;font-size:12px;line-height:1.2}.DG4-FixNav .btn-explore{color:var(--pill-fg);background:0 0}.DG4-FixNav .btn-explore:hover,.DG4-FixNav .btn-buy{background:var(--pill-fg);color:var(--pill-bg)}.DG4-FixNav .btn-buy:hover{color:var(--pill-fg);background:0 0}@media (max-width:1024px){.DG4-FixNav{--box:calc(100vw - 96px)}}@media not (min-width:768px){.DG4-FixNav{--box:calc(100vw - 48px);--nav-p:0;--r:0}.DG4-FixNav .naver{box-sizing:border-box;border-top:none;border-left:none;border-right:none;border-radius:0;width:100%}.DG4-FixNav .naver-name{font-size:12px}.DG4-FixNav .naver-btns{flex-wrap:nowrap}.DG4-FixNav .btn{flex:none;font-size:10px}}