.header {position: relative;z-index: 5;}
.header .inner{display: flex;align-items: center;justify-content: space-between;padding: 26px 24px;background: #fff;border-radius: 0 0 25px 25px;}
.header .logo{display: flex;align-items: center;}
.header .logo a{display: flex;align-items: center}
.header .logo a .txt{margin: 0 10px;font-size: 20px;font-weight: 600}
.header .logo .login_division{display: flex;align-items: center;justify-content: center;padding: 8px 10px;background: var(--gray-50);font-size: 18px;font-weight: 600;color: var(--primary);border-radius: 18px}
#evaluator .header .logo .login_division{color: var(--evaluator);}
#managed .header .logo .login_division{color: #222;}
.header .header_info{display: flex;align-items: center;}
.header .header_info .user_info{display: flex;align-items: center;}
.header .header_info .user_info .user_img{display: flex;align-items: flex-end;justify-content: center;margin-right: 5px;border: 1px solid var(--gray-150);width: 40px;height: 40px;border-radius: 14px;}
.header .header_info .user_info .user_name{margin-right: 8px;padding-right: 8px;position: relative;font-weight: 600;}
.header .header_info .user_info .user_name:after{display: block;position: absolute;top: 50%;right: 0;width: 1px;height: 17px;background: var(--gray-150);content: '';transform: translateY(-50%);}
.header .header_info .user_position{font-size: 14px;font-weight: 500;color: var(--gray-600)}
.header .header_info .btn_area{display: flex;gap:5px;align-items: center;margin-left: 30px;}
.header .header_info .btn_area .white_btn{display: flex;align-items: center;justify-content: center;border: 1px solid var(--gray-150);width: 80px;height: 40px;font-weight: 500;border-radius: 18px}
.header .header_info .btn_area .logout_btn{width: 40px;height: 40px;background: url(../../img/ico_logout.svg) no-repeat center var(--gray-700);text-indent: -9999px;border-radius: 18px}

.m_show{display: none;}

/* ------ 반응형 시작 */
@media screen and (max-width:1280px){
.header .inner{width: calc(100% - 32px);}
}

@media screen and (max-width:1024px){
.m_show{display: flex;gap: 15px;align-items: center;}
.info_more{display: flex;border-radius: 44px;background:url(../../img/ico_m_people.svg) no-repeat right 19px center var(----primay_light, #CC5B8F);text-indent: -9999px;width: 47px;height: 34px;justify-content: center;align-items: center;}
.header .header_info.show{display: flex;}
.header .header_info{position: absolute;left: 50%;top:66px;transform: translateX(-50%);width: calc(100% - 52px);background: #fff;border-radius: 12px;padding: 18px 15px;flex-direction: column;align-items: flex-end;gap: 10px;display: none;box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.2);}
.info_more.active:after{transform: rotate(180deg);}
.info_more:after{content: '';background: url(../../img/ico_arrow_down.svg) no-repeat;width: 8px;height: 6px;margin-left: 20px;}
.menu_open{width: 28px;height: 24px;background: url(../../img/ico_menu.svg) no-repeat center;text-indent: -9999px;}
}


@media screen and (max-width:768px){
.header .logo a img{width: 52px;}
.header .logo a .txt{font-size: 1.125rem;margin: 0 5px;}
.header .logo .login_division{font-size: 1rem;padding: .3125rem .375rem;}
.header .header_info .user_info .user_img{display: none;}
.header .header_info .btn_area{margin-left: 0;}
.header .header_info .btn_area .white_btn{width: auto;height: auto;padding: 10px 20px;}
.header .header_info .btn_area .logout_btn{height: 36px;height: 36px;background-size: 15px;}

}

@media screen and (max-width:480px){
.header .inner{padding: 1.5625rem 1.25rem;}
.header .logo a .txt{font-size: .875rem;}
.header .logo a img{width: 45px;}
.header .logo .login_division{font-size: .875rem;}
.m_show{gap: 5px;}
.info_more{width: 43px;height:30px ;background-size: 15px;}
.menu_open{background-size: 25px;width: 25px;}
}