@charset "UTF-8";
/* ===================================================
   [로그인 전] 기존 스타일 유지
   =================================================== */
.quick_login_wrap { 
    display: flex; 
    gap: 12px;
    padding:10px 14px;
    width: 180px; 
    box-sizing: border-box; 
}
.quick_login_wrap a { 
    flex: 1; 
    text-align: center; 
    padding: 6px; 
    border: 1px solid #bcbcbc;
    text-decoration: none; 
    font-size: 12px; 
    transition: all 0.2s ease; 
    color: #546e7a;  border-radius: 4px; 
}
.quick_login_wrap a:hover { 
    background: #ddd; 
}
.quick_login_wrap .wrap2{}

/* [로그인 후] 아이콘 탑재형 드롭다운 스타일
   =================================================== */

.card_header { display: flex; align-items: center; position: relative; padding: 10px 4px; width: 98%; }
.user_avatar { width: 32px; height: 32px; background: #f1f4f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 5px; }
.user_avatar i { font-size: 32px; color: #bcc4cc; }
.user_meta { display: flex; flex-direction: column; justify-content: center; }

/* 핵심 수정 1: 전체 박스와 부모 레이어가 하위 메뉴를 가두거나 자르지 못하도록 overflow 속성을 강제 제어하고 레이어 순위(z-index)를 최상단으로 끌어올렸습니다 */
.after_login_wrap { display: flex; align-items: center; gap: 0px; white-space: nowrap; position: relative; z-index: 999999 !important; overflow: visible !important; }
.after_login_wrap .user_nick { font-size: 12px; color: #555; font-weight: 400; }
.after_login_wrap .btn_admin_go { display: block; font-size: 10px; color: #0284c7; background: #f0f9ff; padding: 0 2px; border-radius: 4px; margin-left: 0px; text-decoration: none; vertical-align: middle; transition: all 0.15s ease; }
.after_login_wrap .btn_admin_go:hover { background: #e0f2fe; color: #0369a1; }
.after_login_wrap .dropbtn { background: #7e858a; border: none; padding: 0px 4px; cursor: pointer; font-family: inherit; font-size: 12px; color: #fff; letter-spacing: -0.3px; transition: color 0.15s ease-in-out; border-radius: 4px; margin-left: 4px; }
.after_login_wrap .dropbtn:hover { color: #e7e7e7; }

/* 핵심 수정 2: 드롭다운을 감싸는 박스도 내부 메뉴가 잘려 숨지 않도록 차단 구문을 박았습니다 */
.after_login_wrap .dropdown { padding: 0 6px 0 0; display: inline-block; position: relative; overflow: visible !important; }

/* 핵심 수정 3: 최상위 z-index 수치 보강 및 브라우저 강제 렌더링 부여 */
.dropdown-content { position: absolute; top: 100%; right: 0; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 12px 30px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.1); width: 150px; max-width: 150px; min-width: 150px; box-sizing: border-box; z-index: 99999999 !important; display: none; overflow: hidden; padding: 5px; padding-top: 6px; }
.dropdown-content a { display: flex; align-items: center; gap: 10px; padding: 5px 10px; font-size: 13px; text-decoration: none; border-bottom: none; border-radius: 5px; transition: all 0.1s ease-in-out; box-sizing: border-box; }
.dropdown-content a:hover { background: #f5f5f7; }
.dropdown-content .menu_text { color: #444444; font-weight: 400; transition: color 0.1s; }
.dropdown-content a:hover .menu_text { color: #111111; font-weight: 500; }
.dropdown-content .icon_wrapper { display: inline-flex; align-items: center; justify-content: center; font-size: 15px; width: 20px; text-align: center; }
.dropdown-content .c_blue { color: #3b82f6; }   
.dropdown-content .c_green { color: #10b981; }  
.dropdown-content .c_orange { color: #f97316; } 
.dropdown-content .c_pink { color: #ec4899; }   
.dropdown-content .btn_logout_menu { margin-top: 5px; padding-top: 10px; border-top: 1px solid #f1f5f9; }
.dropdown-content .btn_logout_menu .icon_wrapper { color: #a3a3a3; font-size: 14px; }
.dropdown-content .btn_logout_menu .menu_text { color: #888888; }
.dropdown-content .btn_logout_menu:hover { background: #fff1f2; }
.dropdown-content .btn_logout_menu:hover .icon_wrapper, .dropdown-content .btn_logout_menu:hover .menu_text { color: #df2c2c; font-weight: 500; }