nav{position:sticky;top:0;z-index:11;background-color:var(--_nav-clr-bg)}nav .nav__inner{display:flex;align-items:center;justify-content:space-between;gap:2.6rem;max-width:calc(var(--max-width) + 5.2rem);margin:auto;padding:0 2.6rem;color:var(--_nav-clr-text);height:8rem;z-index:10;background-color:var(--_nav-clr-bg)}@media(width <= 767px){nav .nav__inner{height:6rem}}@media(width <= 479px){nav .nav__inner{padding:0 var(--x-padding)}}nav .nav__inner .logo img{height:3.6rem}@media(width <= 767px){nav .nav__inner .logo img{height:2.8rem}}nav .nav__inner .display-box{flex:1;display:flex;align-items:center;gap:.8rem;padding:0 1.6rem;height:3.6rem;border-radius:1.2rem;overflow:hidden}@media screen and (max-width: 767px){nav .nav__inner .display-box{display:none}}nav .nav__inner .display-box .i-svg{width:3.2rem}nav .nav__inner .display-box .i-svg svg path{stroke-width:.8rem;stroke:var(--clr-id) !important;fill:var(--clr-id) !important}nav .nav__inner .display-box .row{display:flex;align-items:center;gap:1.6rem;color:#fff}nav .nav__inner .display-box .row img{width:2rem;border-radius:.6rem}nav .nav__inner .display-box .row i{color:var(--_cp-clr);font-size:1.8rem}nav .nav__inner .display-box .row p{display:flex;gap:.2rem;font-weight:600;color:var(--_nav-clr-text)}nav .nav__inner .display-box .row p::after{content:attr(data-label);opacity:.7;font-size:1rem;font-weight:600;color:#fff}nav .nav__inner .display-box .row .desc{font-size:1.2rem;opacity:.6}@media screen and (max-width: 767px){nav .nav__inner .display-box .row .desc{display:none}}nav .nav__inner ul{position:relative;display:flex;align-items:center}@media screen and (max-width: 1089px){nav .nav__inner ul{display:none}}nav .nav__inner ul .item{display:flex;align-items:center;font-size:1.6rem;height:6rem;padding:0 1.6rem;color:var(--_nav-clr-text);cursor:pointer;transition:.2s}@media(hover: hover)and (pointer: fine){nav .nav__inner ul .item:hover{color:var(--clr-id)}}nav .nav__inner ul .marker{position:absolute;top:90%;left:0;width:50%;height:.4rem;background-color:var(--clr-id);border-radius:2em}nav .nav__inner .i-search{width:2.4rem}nav .nav__inner .i-search .lottie-icon svg path{stroke:#fff !important;fill:#fff !important}nav .nav__inner .hamburger_button{position:relative;width:2rem;height:2rem;z-index:99;cursor:pointer}nav .nav__inner .hamburger_button>div{position:relative;width:100%;padding-bottom:100%}nav .nav__inner .hamburger_button>div>div{background-color:#fff;position:absolute;width:100%;height:.1rem;border-radius:1000px;left:0;top:45%;transition:transform .1s linear,top .25s linear .1s,width 0s linear .1s}nav .nav__inner nav.active .hamburger_button>div>div{background-color:var(--gnb_scroll_color)}nav .nav__inner .hamburger_button>div div:nth-child(1){top:15%}nav .nav__inner .hamburger_button>div div:nth-child(3){top:75%}nav .nav__inner .hamburger_button.close div>div{background-color:#242424;transition:transform .25s linear .1s,top .1s linear,width 0s linear .1s}nav .nav__inner .hamburger_button.close>div div:nth-child(1){top:45% !important;transform:rotate(45deg)}nav .nav__inner .hamburger_button.close>div div:nth-child(2){width:0}nav .nav__inner .hamburger_button.close>div div:nth-child(3){top:45% !important;transform:rotate(-45deg)}nav .nav__inner .cp-info-box{position:absolute;top:100%;left:0;transform:translateY(-100%);display:none;flex-direction:column;gap:.8rem;width:100%;padding:2.6rem var(--x-padding) 1.6rem;backdrop-filter:blur(3px);background-color:rgba(0,0,0,.7);transition:transform .3s;z-index:-1}@media screen and (max-width: 767px){nav .nav__inner .cp-info-box{display:flex}}nav .nav__inner .cp-info-box.active{transform:translateY(0)}nav .nav__inner .cp-info-box.active .close-btn{scale:1;opacity:1;pointer-events:auto;transition:.2s .4s}nav .nav__inner .cp-info-box header{display:flex;align-items:center;justify-content:space-between}nav .nav__inner .cp-info-box header span{font-size:1.2rem;opacity:.7}nav .nav__inner .cp-info-box .cp-info-box__inner{height:24rem;overflow-y:auto}nav .nav__inner .cp-info-box .cp-info-box__inner dl{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;border-bottom:1px dashed hsla(0,0%,100%,.3)}nav .nav__inner .cp-info-box .cp-info-box__inner dl:last-child{padding-bottom:0;border-bottom:0}nav .nav__inner .cp-info-box .cp-info-box__inner dl dt,nav .nav__inner .cp-info-box .cp-info-box__inner dl dd{display:flex;align-items:center;gap:.6rem}nav .nav__inner .cp-info-box .cp-info-box__inner dl img{width:2rem;aspect-ratio:1;object-fit:cover;border-radius:.6rem}nav .nav__inner .cp-info-box .cp-info-box__inner dl dd i{color:var(--_cp-clr)}nav .nav__inner .cp-info-box .cp-info-box__inner dl dd p{display:flex;gap:.2rem;font-size:1.6rem;font-weight:600}nav .nav__inner .cp-info-box .cp-info-box__inner dl dd p::after{content:attr(data-label);opacity:.7;font-size:1.2rem}nav .nav__inner .cp-info-box .close-btn{position:absolute;top:100%;right:var(--x-padding);margin-top:.6rem;opacity:0;scale:.6;pointer-events:none;transition:.2s}nav .nav__inner .cp-info-box .close-btn .inner{display:flex;align-items:center;justify-content:center;width:3.6rem;aspect-ratio:1;border-radius:50%;background-color:rgba(0,0,0,.6)}.nav-01{position:sticky;top:0;width:100%;padding:0 var(--x-padding);background-color:var(--_nav-clr-bg)}@media screen and (max-width: 767px){.nav-01{padding:0}}.nav-01 .inner{display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--max-width) + 12rem);width:100%;margin:auto;height:8rem;background-color:var(--_nav-clr-bg)}@media screen and (max-width: 767px){.nav-01 .inner{height:6rem;padding:0 var(--x-padding)}}.nav-01 .inner .logo img{height:3.6rem}@media(width <= 767px){.nav-01 .inner .logo img{height:2.8rem}}.nav-01 .inner .display-box{display:flex;align-items:center;gap:.8rem;max-width:40rem;width:100%;height:3.2rem;overflow:hidden}@media screen and (max-width: 767px){.nav-01 .inner .display-box{display:none}}.nav-01 .inner .display-box .i-svg{width:3.2rem}.nav-01 .inner .display-box .i-svg svg path{stroke-width:.8rem;stroke:var(--clr-id) !important;fill:var(--clr-id) !important}.nav-01 .inner .display-box .row{display:flex;align-items:center;gap:1.6rem;color:var(--_nav-clr-text)}.nav-01 .inner .display-box .row img{width:2rem;border-radius:.6rem}.nav-01 .inner .display-box .row i{color:var(--_cp-clr);font-size:1.8rem}.nav-01 .inner .display-box .row p{display:flex;gap:.2rem;font-weight:600}.nav-01 .inner .display-box .row p::after{content:attr(data-label);opacity:.7;font-size:1rem;font-weight:600;color:#fff}.nav-01 .inner .display-box .row .desc{font-size:1.2rem;opacity:.6}@media screen and (max-width: 767px){.nav-01 .inner .display-box .row .desc{display:none}}.nav-01 .inner .side-warp .svg-wrap{position:relative;width:3rem;cursor:pointer}@media screen and (max-width: 767px){.nav-01 .inner .side-warp .svg-wrap{width:2.4rem}}.nav-01 .inner .side-warp .svg-wrap:hover .tooltip{margin-top:.6rem;opacity:1}.nav-01 .inner .side-warp .svg-wrap .lottie-icon svg path{stroke:var(--_nav-clr-text);fill:var(--_nav-clr-text)}.nav-01 .inner .side-warp .svg-wrap.m-menu{width:3.2rem}.nav-01 .inner .side-warp .svg-wrap .tooltip{position:absolute;white-space:nowrap;top:100%;left:50%;transform:translateX(-50%);margin-top:1.6rem;padding:.5rem .6rem;font-size:1.2rem;color:#fff;background-color:var(--clr-id);border-radius:.6rem;pointer-events:none;opacity:0;transition:.2s}.nav-01 .inner .side-warp .svg-wrap .tooltip::before{content:"";position:absolute;top:0;left:50%;width:.7rem;aspect-ratio:1;translate:-50% -50%;transform:rotate(45deg);background-color:var(--clr-id)}.nav-01 .inner .side-warp ul{display:flex;align-items:center;white-space:nowrap;gap:2.6rem;font-size:1.6rem;font-weight:600;font-family:var(--font-family-02)}@media screen and (max-width: 767px){.nav-01 .inner .side-warp ul{display:none}}.nav-01 .inner .side-warp ul li{color:var(--_nav-clr-text);transition:color .2s}.nav-01 .inner .side-warp ul li:hover{color:var(--clr-point)}.nav-01 .inner .side-warp .btn{white-space:nowrap}.nav-01 .private-member{position:relative;white-space:nowrap;color:var(--_nav-clr-text);padding-right:1.6rem}.nav-01 .private-member::after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:.1rem;height:80%;background-color:var(--_nav-clr-text);opacity:.4}.nav-01 .private-bal{font-size:1.2rem;color:var(--_nav-clr-text);white-space:nowrap}.nav-01 .private-bal span{opacity:.7}.nav-01 .private-bal p{font-size:1.4rem;color:var(--clr-id)}.nav-01 .cp-info-box{position:absolute;top:100%;left:0;transform:translateY(-100%);display:none;flex-direction:column;gap:.8rem;width:100%;color:#fff;padding:2.6rem var(--x-padding) 1.6rem;backdrop-filter:blur(3px);background-color:rgba(0,0,0,.7);transition:transform .3s;z-index:-1}@media screen and (max-width: 767px){.nav-01 .cp-info-box{display:flex}}.nav-01 .cp-info-box.active{transform:translateY(0)}.nav-01 .cp-info-box.active .close-btn{scale:1;opacity:1;pointer-events:auto;transition:.2s .4s}.nav-01 .cp-info-box header{display:flex;align-items:center;justify-content:space-between}.nav-01 .cp-info-box header span{font-size:1.2rem;opacity:.7}.nav-01 .cp-info-box .cp-info-box__inner{height:24rem;overflow-y:auto}.nav-01 .cp-info-box .cp-info-box__inner dl{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px dashed hsla(0,0%,100%,.3)}.nav-01 .cp-info-box .cp-info-box__inner dl:last-child{padding-bottom:0;border-bottom:0}.nav-01 .cp-info-box .cp-info-box__inner dl dt,.nav-01 .cp-info-box .cp-info-box__inner dl dd{display:flex;align-items:center;gap:.6rem}.nav-01 .cp-info-box .cp-info-box__inner dl img{width:2rem;aspect-ratio:1;object-fit:cover;border-radius:.6rem}.nav-01 .cp-info-box .cp-info-box__inner dl dd i{color:var(--_cp-clr)}.nav-01 .cp-info-box .cp-info-box__inner dl dd p{display:flex;gap:.2rem;font-size:1.6rem;font-weight:600}.nav-01 .cp-info-box .cp-info-box__inner dl dd p::after{content:attr(data-label);opacity:.7;font-size:1.2rem}.nav-01 .cp-info-box .close-btn{position:absolute;top:100%;right:var(--x-padding);margin-top:.6rem;opacity:0;scale:.6;pointer-events:none;transition:.2s}.nav-01 .cp-info-box .close-btn .inner{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:rgba(0,0,0,.6)}.nav01--m-side-menu{position:fixed;top:0;left:100%;display:none;flex-direction:column;justify-content:space-between;max-width:48rem;width:100%;height:100%;padding:0 var(--x-padding);padding:0 2.6rem;background-color:var(--clr-bg-01);z-index:50;transition:.4s}@media screen and (max-width: 767px){.nav01--m-side-menu{display:flex}}.nav01--m-side-menu h3{font-size:2rem}.nav01--m-side-menu.active{transform:translateX(-100%);transition:.4s .2s}.nav01--m-side-menu .close-btn{position:absolute;top:1.6rem;right:1.6rem;display:flex;align-items:center;justify-content:center;width:3rem;aspect-ratio:1;border-radius:50%;background-color:var(--clr-bg-03)}.nav01--m-side-menu .close-btn i{font-size:1.8rem}.nav01--m-side-menu .hello-box{padding:6rem 0 0}.nav01--m-side-menu .depth-1,.nav01--m-side-menu .depth-2{font-size:2rem;font-weight:600;font-family:var(--font-family-02)}.nav01--m-side-menu .depth-1 em,.nav01--m-side-menu .depth-2 em{display:block;font-size:1.2rem;color:var(--clr-desc);padding-bottom:.8rem}.nav01--m-side-menu .depth-1 li,.nav01--m-side-menu .depth-2 li{padding:.8rem 0}.nav01--m-side-menu .depth-2 li{font-size:1.6rem;color:var(--clr-desc)}.nav01--m-side-menu .bottom{font-size:1.2rem;color:var(--clr-desc);text-align:center;padding:1.6rem 0;opacity:.6}.nav01--m-side-menu .m-biz-info{display:flex;flex-direction:column;border:1px solid var(--clr-text);border-radius:1rem;overflow:hidden}.nav01--m-side-menu .m-biz-info .private-bal{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.6rem;border-bottom:1px solid var(--clr-border);background-color:color-mix(in oklab, var(--clr-id), #fff 96%);background-color:#222}.nav01--m-side-menu .m-biz-info .private-bal span{color:var(--clr-desc);font-size:1.3rem}.nav01--m-side-menu .m-biz-info .private-bal p{font-size:1.6rem;font-weight:600;color:color-mix(in oklab, var(--clr-id), #fff 30%);color:var(--clr-id)}.nav01--m-side-menu .m-biz-info .private-bal p::after{content:"원";font-size:1.4rem;padding-left:.2rem}.nav01--m-side-menu .m-biz-info .btns{display:flex;align-items:center;width:100%}.nav01--m-side-menu .m-biz-info .btns .my-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:1.2rem .8rem;font-size:1.2rem}.nav01--m-side-menu .m-biz-info .btns .my-btn:last-child::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.1rem;height:60%;background-color:var(--clr-border)}.nav01--m-side-menu .sub-btns{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--clr-desc)}.nav01--m-side-menu .sub-btns .my-btn{position:relative;width:100%;text-align:center}.nav01--m-side-menu .sub-btns .my-btn:first-child::before{content:none !important}.nav01--m-side-menu .sub-btns .my-btn:last-child{color:var(--clr-point)}.nav01--m-side-menu .sub-btns .my-btn::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.1rem;height:90%;background-color:var(--clr-border)}