header{max-width:1920px;margin:0 auto;padding:15px 156px;position:relative}header *{font-family:var(--font-pretendard)}.header-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}nav{justify-content:space-between}.left,nav{display:flex;align-items:center}.left{gap:16px}.left ul{display:flex;gap:16px;list-style:none}.left ul li{padding:8px 6px}.left ul li a{font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.02em;color:var(--gray-5)}header[data-pathname="/"] .left ul li a,header[data-pathname="/"] .more-text{color:var(--real-black)}header[data-pathname="/"] .more img{filter:invert(1)}.right-pc{display:flex;align-items:center;gap:24px}.right-mobile{display:none;height:24px}.right-mobile img{filter:invert(1)}.more-text,.right a{font-size:14px;font-weight:400;line-height:21px;letter-spacing:-.02em}.login-btn{color:#ff3478}.more{display:flex;align-items:center;gap:8px;cursor:pointer}.more-container,.user-container{position:relative}.more:hover+.sub-menu,.sub-menu:hover{opacity:1;transform:translateY(0);pointer-events:auto;z-index:100}.more-container .sub-menu{left:0}.user-container .sub-menu{right:0}.sub-menu{position:absolute;top:150%;background:#fff;border-radius:10px;padding:16px;opacity:0;transition:all .3s ease;z-index:-1;box-shadow:0 0 4px 0 #00000040}.sub-menu a{display:block;color:var(--black);text-decoration:none;transition:background-color .2s;width:160px;text-align:center;height:27px;line-height:27px;font-weight:500}.sub-menu ul{display:flex;flex-direction:column;gap:4px}.sub-menu a:hover{font-weight:700}.hamburger{width:12px;height:12px;position:relative;background:none;border:none;padding:0;cursor:pointer;z-index:9999999}.hamburger span{display:block;width:100%;height:2px;background:var(--black);position:absolute;left:0;transition:all .3s;border-radius:10px}header[data-pathname="/"] .hamburger span{background:var(--real-white)}header:not([data-pathname="/"]) .mobile-menu-view{filter:invert(1)}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span{background:var(--black)!important}.hamburger.active span:first-child{transform:rotate(40deg);top:57%;height:2px}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-42deg);bottom:30%;height:2px}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100%;background:#fff;transition:right .3s ease;z-index:9999;box-shadow:-4px 0 12px rgba(0,0,0,.1)}.mobile-menu.open{right:0}.mobile-menu nav ul{list-style:none;padding:0;margin:0}.mobile-menu nav ul li{margin:20px 0}.mobile-menu nav ul li a{color:var(--black);text-decoration:none;font-size:18px;display:block}.mobile-login-btn{position:fixed;width:calc(100% - 32px)!important;bottom:16px;background-color:var(--real-white)!important}.mobile-menu-content{height:calc(100% - (24px + 36px));overflow-y:auto}.mobile-menu-content-inner{gap:16px}.mobile-menu-title{font-size:18px;font-weight:700;border-bottom:1px solid var(--gray-5);padding-bottom:4px;margin-bottom:8px}.mobile-menu-content-inner ul{display:flex;gap:8px}.mobile-menu-content-inner a{display:flex;flex-direction:column;gap:4px;align-items:center}.mobile-menu-content-inner a:hover{font-weight:700}.mobile-menu-icon{display:none}.mobile-menu-user{display:flex;align-items:center;gap:8px}.mobile-menu-user h3{font-weight:600;font-size:18px}.mobile-menu-user span{display:inline-block;color:var(--real-white);padding:3px 5px;background-color:var(--black);border-radius:2px;font-size:12px}.mobile-menu-content-inner{display:flex;flex-direction:column;gap:24px;padding:24px 16px;border-bottom:2px solid var(--gray-1)}.mobile-main-menu ul{width:100%;overflow-x:auto}.mobile-main-menu li{padding:14px 5px;background-color:var(--gray-0);min-width:75px;flex:1 1;border-radius:5px}.mobile-main-menu li a{font-size:12px}.hamburger-menu-container{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 16px}.mobile-menu-subs{padding:16px}.mobile-menu-subs h4{font-weight:500;font-size:16px;color:var(--gray-5);margin-bottom:16px}.login-button{display:block;width:100%;background-color:var(--black);color:var(--real-white);padding:16px;text-align:center}@media screen and (max-width:1300px){.right-mobile{display:flex;align-items:center}.left ul,.right-pc{display:none}.mobile-menu-icon{display:block}}