@charset "utf-8";

/* --------------------------------------------------------
outlogin
----------------------------------------------------------*/
/* 아웃로그인 스킨 */
.outloginUser {display:flex; align-items:center; position:relative;}
.outloginUser .outloginUserMenu.on {opacity:1; pointer-events:unset; top:46px;}
.outloginUser .outloginUserMenu {position:absolute; z-index:9; top:20px; left:50%; border:1px solid #eee; border-radius:6px; background:#fff; transform:translate(-80%, 0); box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1); opacity:0; pointer-events:none;}
.outloginUser .outloginUserMenu ul {display:flex ; flex-direction:column; list-style:none;}
.outloginUser .outloginUserMenu ul li {border-bottom:1px dashed var(--border-sub-color);}
.outloginUser .outloginUserMenu ul li .pointBox,
.outloginUser .outloginUserMenu ul li a {padding:10px 14px; white-space:nowrap; display:flex; gap:4px; font-size:13px; font-weight:500; min-width:120px;}
.outloginUser .outloginUserMenu ul li .pointBox .bx,
.outloginUser .outloginUserMenu ul li a .bx {font-size:16px;}
.outloginUser .outloginUserMenu ul li:last-child {border-bottom:none; border-radius:0 0 4px 4px;}
.outloginUser .outloginUserMenu .user {display:flex; justify-content:center; align-items:center; height:40px; background:var(--bg-third-color); font-size:14px; font-weight:400;}
.outloginUser .pfImg img {width:38px; height:38px; border-radius:50%;}
.outloginUser .pfImg .num {display:flex; justify-content:center; align-items: center; position:absolute; width:17px; height:17px; top:4px; right:0px; border-radius:50%; background:#ff4900; color:#fff; font-size:11px;}

.outloginUser a.win_memo {display:flex !important ; align-items:center; gap:4px;}
.outloginUser a.win_memo .num {display:flex; justify-content:center; align-items: center; width:17px; height:17px; border-radius:50%; background:#ff4900; color:#fff; font-size:11px;}