@charset "UTF-8";


div.profile_wrap { width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
div.profile_wrap.s16 { --photo-frame-size:16px; line-height:16px }
div.profile_wrap.s24 { --photo-frame-size:24px; line-height:24px }
div.profile_wrap.s32 { --photo-frame-size:32px; line-height:32px }
div.profile_wrap.s32 { --photo-frame-size:32px; line-height:32px }
div.profile_wrap.s56 { --photo-frame-size:56px; line-height:56px }
div.profile_wrap.s66 { --photo-frame-size:66px; line-height:66px }
div.profile_wrap div.profile_left  { display: flex; flex-direction: row; align-items: center; height:var(--photo-frame-size); line-height:var(--photo-frame-size); }
div.profile_wrap div.profile_right { font-size:12px; font-weight:700; color:var(--color-G6); } 

/************** profile_left *****************/
/* user_photo */
div.profile_wrap span.user_photo         { display:inline-block; width:var(--photo-frame-size); height:var(--photo-frame-size); border-radius:100%; overflow:hidden }
div.profile_wrap span.user_photo img     { display:inline-block; width:calc( var(--photo-frame-size) + 2px); height:calc( var(--photo-frame-size) + 2px); }
div.profile_wrap span.user_photo span.ci { display:inline-block; width:calc( var(--photo-frame-size) + 2px); height:calc( var(--photo-frame-size) + 2px); line-height:calc( var(--photo-frame-size) + 4px); text-align:center; }

/* user_nick */
div.profile_wrap span.user_nick        { margin-left:6px; font-size:14px; color:#000; font-weight:800; height:inherit; line-height:inherit }
div.profile_wrap span.user_nick::before { content: attr(data-nick); }
div.profile_wrap span.user_nick.me::before { content: '(나) ' attr(data-nick); }
div.profile_wrap span.user_nick[data-nick=""]::after { content:'(탈퇴회원)'; }

/* label */
div.profile_wrap label { margin-left:4px;  }

/* user_badge */
div.profile_wrap label.user_badge         { height:20px; line-height:20px; background-color:#E5FBEE; border-radius:2px; padding:0px 4px; font-size:10px; font-weight:800; color:#01B574  }
div.profile_wrap label.user_badge::before { content: attr(data-badge); }
div.profile_wrap label.user_badge[data-badge=""]  { display: none; }

/* user_info_wrap 2줄 사용시 */
div.profile_wrap span.user_info_wrap { height:auto; line-height:1.0; }
div.profile_wrap span.user_info_wrap .etc_info { margin-left:6px; font-size:12px; color:var(--color-G6); font-weight:700 }