.header-container{position:fixed;top:0;left:0;background-color:#fff;z-index:6}.header-container .header-search>article{flex:1 1;min-width:0}.header-container .header-profile-wrapper{position:relative;justify-content:flex-end}.header-container .header-profile-wrapper .header-noti{position:relative}.header-container .header-profile-wrapper .header-noti div{position:absolute;background-color:#ff5078}.header-container .header-profile-wrapper .header-login{color:#9b9b9b}.header-container .header-profile-wrapper .header-login:hover{background-color:#4567ff;color:#fff;box-shadow:none}@media screen and (min-width:769px){.header-container{border-bottom:1px solid #d6dbe1}.header-container .header-search{gap:8px;height:56px;padding-inline:20px}.header-container .header-wrapper{height:56px;padding-inline:20px}.header-container .header-wrapper :is(.header-logo-wrapper,.header-profile-wrapper){flex-basis:135px}.header-container .header-wrapper .header-logo-wrapper,.header-container .header-wrapper .header-profile-wrapper{width:132px}.header-container .header-wrapper .header-logo-wrapper .header-hamburger-menu{display:none}.header-container .header-wrapper .header-logo-wrapper .header-logo{width:100px;height:42px;margin-left:16px}.header-container .header-wrapper .header-logo-wrapper .header-board-artist,.header-container .header-wrapper .header-logo-wrapper .header-logo-mo{display:none}.header-container .header-wrapper .header-input{width:480px}.header-container .header-wrapper .header-profile-wrapper{gap:16px}.header-container .header-wrapper .header-profile-wrapper .search{display:none}.header-container .header-wrapper .header-profile-wrapper .header-noti div{width:8px;height:8px;outline:2px solid #fff;top:2px;right:2px}.header-container .header-wrapper .header-profile-wrapper .header-profile{width:32px;height:32px}.header-container .header-wrapper .header-profile-wrapper .header-login{padding:6px 18px;box-shadow:inset 0 0 0 1px #d6dbe1}}@media screen and (max-width:1280px){.header-container .header-wrapper .header-logo-wrapper .header-logo{margin-left:0}.header-container .header-wrapper .header-logo-wrapper .header-hamburger-menu{display:block}}@media screen and (max-width:1024px){.header-container{border-bottom:none}.header-container .header-wrapper .header-input,.header-container .header-wrapper .header-profile-wrapper p{display:none}.header-container .header-wrapper .header-profile-wrapper .search{display:block}.header-container .header-wrapper .header-logo-wrapper{flex-basis:100%}.header-container .header-wrapper .header-logo-wrapper .header-logo{display:none}.header-container .header-wrapper .header-logo-wrapper .header-logo-mo{width:28px;height:28px;margin-left:8px;display:block}.header-container .header-wrapper .header-logo-wrapper .header-board-artist{display:flex;gap:6px;margin-left:16px}.header-container .header-wrapper .point{display:none}}@media screen and (max-width:768px){.header-container .header-search{gap:min(2.1333333333vw,.9852216749svh)}.header-container .header-search,.header-container .header-wrapper{height:min(14.9333333333vw,6.8965517241svh);padding-inline:min(5.3333333333vw,2.4630541872svh)}.header-container .header-wrapper .header-logo-wrapper .header-logo{display:none}.header-container .header-wrapper .header-logo-wrapper .header-logo-mo{width:min(7.4666666667vw,3.4482758621svh);height:min(7.4666666667vw,3.4482758621svh);margin-left:min(2.1333333333vw,.9852216749svh)}.header-container .header-wrapper .header-logo-wrapper .header-board-artist{gap:min(1.6vw,.7389162562svh);margin-left:min(4.2666666667vw,1.9704433498svh)}.header-profile-wrapper{gap:min(4.2666666667vw,1.9704433498svh)}.header-profile-wrapper .header-noti div{width:min(2.1333333333vw,.9852216749svh);height:min(2.1333333333vw,.9852216749svh);outline:min(.5333333333vw,.2463054187svh) solid #fff;top:min(.5333333333vw,.2463054187svh);right:min(.5333333333vw,.2463054187svh)}.header-profile-wrapper .search{display:block}.header-profile-wrapper .header-profile{width:min(8.5333333333vw,3.9408866995svh);height:min(8.5333333333vw,3.9408866995svh)}.header-profile-wrapper .header-login{width:max-content;padding:min(1.6vw,.7389162562svh) min(4.8vw,2.2167487685svh);box-shadow:0 0 0 min(.2666666667vw,.1231527094svh) inset #d6dbe1}}