.custom-header{padding:0 16px;max-width:600px;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:50%;transform:translate(-50%);background:#fff;z-index:9000;transition:transform .3s ease;will-change:transform}.custom-header.transparent{background:transparent;position:absolute;top:0;left:50%;transform:translateX(-50%,0);transition:background-color .3s ease,filter .3s ease,transform .3s ease}.custom-header.transparent img{filter:brightness(0) invert(1);transition:filter .3s ease}.custom-header.transparent .toggle-container,.custom-header.transparent .lang-toggle-wrapper{background:#ffffff26}.custom-header.transparent .toggle-button{color:#fff}.custom-header.transparent.scrolled{background:#111;position:fixed;// img{// filter: none;//}}.custom-header.transparent.scrolled .toggle-button{color:#fff9}.custom-header.transparent.scrolled .toggle-button.active{color:var(--b-w-gray-900, #111)}.custom-header.with-back{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee}.custom-header.with-back .back-button{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.custom-header.with-back .page-title{font-family:Pretendard;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.016px;text-transform:uppercase;color:#111}.custom-header .logo{display:inline-block;line-height:0}.custom-header .right-items{display:flex;align-items:center;gap:8px}.custom-header .toggle-container{padding:2px;display:flex;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.05);background:#00000026}.custom-header .toggle-button{padding:8px 0;width:74px;text-decoration:none;text-align:center;border-radius:20px;cursor:pointer;font-family:Pretendard;font-size:12px;font-weight:500;line-height:normal;text-transform:uppercase;color:#666}.custom-header .toggle-button.active{width:80px;background-color:#fff;color:var(--b-w-gray-900, #111)}.custom-header .lang-toggle-wrapper{width:36px;height:36px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(255,255,255,.05);background:#00000026}.custom-header .lang-icon-btn{background:none;border:none;padding:0;line-height:0;cursor:pointer;color:#fff}.custom-header .lang-dropdown{padding:20px;min-width:85px;gap:24px;position:absolute;top:52px;right:0;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--b-w-gray-50, #FFF);z-index:999}.custom-header .lang-dropdown a{display:block;font-family:Pretendard;font-size:13px;font-weight:500;line-height:13px;letter-spacing:-.013px;text-transform:capitalize;color:#999;text-decoration:none}.custom-header .lang-dropdown a.active{pointer-events:none;color:var(--b-w-gray-900, #111)}.custom-header.hide{transform:translate(-50%,-100%)}.custom-header.show{transform:translate(-50%)}.drawer-join-us{position:fixed;left:50%;max-width:600px;width:100%;height:100%;background-color:#fff;transform:translate(-50%);transition:bottom .2s ease;z-index:9100;bottom:-100%}.drawer-join-us .drawer-header{padding:12px 12px 12px 16px;display:flex;justify-content:space-between;align-items:center}.drawer-join-us .drawer-header .title{margin:0;height:40px;display:flex;flex-direction:column;justify-content:flex-end;font-family:var(--font-body-family);font-size:20px;font-style:normal;line-height:20px;color:#111}.drawer-join-us .drawer-header-comment{padding:4px 16px 24px;font-family:Pretendard;font-size:15px;font-style:normal;font-weight:400;line-height:normal;color:#666;border-bottom:1px solid #eee}.drawer-join-us .close-button{padding:0;background:none;border:none;cursor:pointer}.drawer-join-us .drawer-body{height:calc(100% - 111px)}.drawer-join-us.open{bottom:0}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-header.css.map */