.wrap{width: 100%; min-width: 1280px;position: relative; background-color: #eff0f4;}

header{width: calc(100% - 330px); height: 90px; display: flex; justify-content: space-between;}
header h1{width: 260px; text-align: center; line-height: 78px;}
header .area_user{width: calc(100% - 330px); display: flex; justify-content: space-between; align-items: center;}
.area_user_name,.area_user_name *,.area_user .btn_logout{display: inline-block;}
.area_user_name{background-color: #e1e1e5; width: 285px; padding: 8px 15px; box-sizing: border-box; border-radius: 19px;}
.area_user_name p{margin-left: 5px;}
.area_user_name img{vertical-align: top;}
.area_user_name .user_name{font-weight: 500; position: relative; padding-left: 15px; margin-left: 10px;}
.area_user_name .user_name::after{position: absolute; content: " "; width: 1px; height: 15px; background-color: #b5b5b5; left: 0; top: 3px;}
.area_user .btn_logout{background-color: #adadb5; font-size: 16px; color: #fff; width: 94px; height: 38px; border-radius: 18px;}