@charset "UTF-8";.header-container{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 8px 5px -6px #b7b7b7}.header-container .header-box{width:100%;height:80px;max-width:1127px;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.header-container .header-box .logo-flex{align-self:center;width:150px}.header-container .header-box .nav-flex{flex-grow:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:center;margin-left:50px}.header-container .header-box .nav-flex ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.header-container .header-box .nav-flex ul li{padding-left:5px;padding-right:5px;font-size:1.1rem;font-weight:500}.header-container .header-box .header-profile{position:absolute;top:14px;right:5px;width:50px;height:50px;background-color:#fff}.header-container .header-box .header-profile img{border-radius:50%;border-width:1px;border-style:solid}.header-container .header-box .header-profile img.login{border-color:#06ce85}.header-container .header-box .header-profile img.my{border-color:#e06924}@media all and (max-width: 1126px){.header-container .header-box{padding:0 10px}}@media all and (max-width: 767px){.header-container .header-box{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;height:90px}.header-container .header-box .logo-flex{width:100%;text-align:center;margin-top:5px}.header-container .header-box .logo-flex a{display:inline-block}.header-container .header-box .logo-flex a img{max-width:120px}.header-container .header-box .nav-flex{margin-top:8px;margin-left:0;width:100%;flex-grow:0}.header-container .header-box .header-profile{top:20px;right:10px;width:37px;height:37px}}