#header{width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 10px -6px rgba(0,0,0,.1019607843),0 20px 25px -5px rgba(0,0,0,.1019607843);padding:var(--base-number-12) var(--base-number-16)}@media(min-width:900px){#header{padding:var(--base-number-16) var(--base-number-24)}}@media(min-width:1440px){#header{padding:var(--base-number-16) var(--base-number-32)}}#header .header-left{display:flex;align-items:center}#header .header-left .menu-icon{display:none}#header .header-left .header-left-logo-wrapper{cursor:pointer;padding:14px 18px 6px}@media(min-width:900px){#header .header-left .header-left-logo-wrapper{padding:14px 18px 6px}}@media(min-width:1440px){#header .header-left .header-left-logo-wrapper{padding:14px 18px 6px}}#header .header-left .header-left-menu,#header .header-right{display:flex;align-items:center}#header .header-right{gap:var(--base-number-8)}@media(min-width:900px){#header .header-right{gap:var(--base-number-12)}}@media(min-width:1440px){#header .header-right{gap:var(--base-number-16)}}#header .header-right .album-btn{height:48px}#header .header-right #profile-wrapper{border-radius:50%;width:48px;height:48px;overflow:hidden;cursor:pointer}@media(max-width:900px){#header .header-left .menu-icon{display:block}#header .header-left .header-left-menu{display:none}}#profile-menu{display:flex;flex-direction:column;gap:var(--base-number-8)}@media(min-width:900px){#profile-menu{gap:var(--base-number-12)}}@media(min-width:1440px){#profile-menu{gap:var(--base-number-16)}}#profile-menu .user-info-section .user-info-detail{display:flex;justify-content:space-between}#profile-menu .setting-element{display:flex;align-items:center;padding:6px 0 6px 8px;cursor:pointer;gap:8px}#profile-menu .setting-element .credit-num{border-radius:12px;background-color:#f3f4f6;padding:4px 8px}#mobile-header-menu-drawer .mobile-header-menu{width:250px;display:flex;flex-direction:column;gap:var(--base-number-8)}@media(min-width:900px){#mobile-header-menu-drawer .mobile-header-menu{gap:var(--base-number-12)}}@media(min-width:1440px){#mobile-header-menu-drawer .mobile-header-menu{gap:var(--base-number-16)}}#mobile-header-menu-drawer .mobile-header-menu{padding:var(--base-number-12) var(--base-number-16)}@media(min-width:900px){#mobile-header-menu-drawer .mobile-header-menu{padding:var(--base-number-16) var(--base-number-24)}}@media(min-width:1440px){#mobile-header-menu-drawer .mobile-header-menu{padding:var(--base-number-16) var(--base-number-32)}}