/**
@Date 21-09-27
@Author Dabee-Noh
 */

/* 헤더 기본 틀 */
#header { background:#FFFFFF; height: 80px; position: relative; box-shadow: 0 5px 5px rgba(0,0,0,0.2); z-index: 1; }

#header .head-inner { width: 95%; }

/* 로고 */
.logo { float: left; width:auto; height:60px; margin:12px; }

/* 사용자 메뉴 틀 (정보 수정 & 로그아웃 버튼)*/
.user_name { width: 180px; height: 20px; padding : 10px 30px; color:#5a5858; font-weight:bold; text-indent:10px; text-align:center; border-radius:5px; border: 1px solid var(--gray); }

.userInfo { position: relative; float: right; margin-top: 25px; }

/* 드롭다운 */
.userMenu { display: none; position: relative; transition: all 0.3s; }

.menuInner { display: flex; position: absolute; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 40px; top: 10px; width: 155px; right: 0px; background: #fff; border-radius: 5px; border: 1px solid #ececec; }

/*.menuInner::after { content: ''; position: absolute; width: 30px; height: 30px; background: #777; top: -15px; left: 150px; z-index: -1; transform: rotate(-45deg); }*/

.userMenu.active { display: flex; }

/* 유저 메뉴 전용 버튼 스타일 */
.menuInner button { width: 130px; height: 35px; border: none; background: white; margin: 7px; border-radius: 3px; }

.menuInner button a { color: #888; }

.menuInner button a:hover { color: #111; }