@charset "utf-8";

/* 아웃로그인 2 스킨 기본 프로필 스타일 */
.gnb_outlogin_profile_wrap {position:relative;display:inline-flex;align-items:center;height:24px;vertical-align:middle;}
.gnb_outlogin_profile_btn {
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    height:24px;
    font-family:inherit;
    color:inherit;
    text-align:left;
    outline:none;
    user-select:none;
    line-height:1;
}

.pf_icon_list_t {margin-right:5px;padding:0;display:inline-flex;align-items:center;height:24px;}
.pf_icon_list_t img {border-radius:50%;width:22px;height:22px;padding:0;display:block;object-fit:cover;}
.pf_nick {color:#7e848b;padding:0 12px 0 0;display:inline-flex;align-items:center;height:24px;line-height:1;}

/* 회원 드롭다운 팝업 레이어 (body 최상위 노드로 포탈 이동하여 모든 조상 z-index 무시) */
.gnb_outlogin_menu_pop {
    display:none !important;
    position:fixed !important;
    z-index:2147483647 !important;
    background:#ffffff !important;
    border-radius:16px !important;
    border:1px solid #eef2f6 !important;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    min-width:170px !important;
    padding:12px 0 !important;
    margin:0 !important;
    text-align:left !important;
}

.gnb_outlogin_menu_pop.is-open {
    display:block !important;
}

.user_menu_list {
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.user_menu_list .menu_item {
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.user_menu_list .menu_item a {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:9px 22px !important;
    font-size:14px !important;
    color:#333333 !important;
    text-decoration:none !important;
    transition:background 0.15s ease, color 0.15s ease !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}

.user_menu_list .menu_item a:hover {
    background:#f4f6f8 !important;
    color:#111111 !important;
}

.user_menu_list .menu_item a strong {
    font-weight:700 !important;
    color:#111111 !important;
    margin-left:12px !important;
}

.user_menu_list .menu_divider {
    height:1px !important;
    background-color:#f0f3f6 !important;
    margin:8px 0 !important;
    padding:0 !important;
    list-style:none !important;
}

@media (max-width:768px) {
    .gnb_outlogin_menu_pop {
        max-width:calc(100vw - 20px) !important;
        box-sizing:border-box !important;
    }
}

.noti-count {
    background-color:#b8181a;
    color:#ffffff !important;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:10px;
    font-size:11px;
    font-weight:600;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:4px;
    line-height:1 !important;
    box-sizing:border-box;
}
.fa-bell-red {color:#b8181a !important;}
@keyframes blink {0%, 100% {opacity:1;} 50% {opacity:0.3;}}
/* 알림이 있을 때 깜빡이 ㅋ */
.noti-blink {color:#b8181a !important;animation:blink 1s infinite;}

/* 알림 버튼 수직 중앙 정렬 및 구분선/아이콘 간격 보정 */
#topbar .top_right a.noti {
    display:inline-flex !important;
    align-items:center !important;
    height:24px !important;
    line-height:1 !important;
    padding:0 12px !important;
    border-left:1px solid #e9e9e9 !important;
}
#topbar .top_right a.noti i {
    margin-right:4px !important;
}