[data-auth-show] {
  display: contents;
}

html[data-auth="guest"] [data-auth-show="member"],
html[data-auth="member"] [data-auth-show="guest"] {
  display: none !important;
}

html[data-site-type="A"] [data-site-type]:not([data-site-type~="A"]),
html[data-site-type="B"] [data-site-type]:not([data-site-type~="B"]),
html[data-site-type="C"] [data-site-type]:not([data-site-type~="C"]) {
  display: none !important;
}

html[data-page-type="main"] [data-page-type]:not([data-page-type~="main"]),
html[data-page-type="sub"] [data-page-type]:not([data-page-type~="sub"]) {
  display: none !important;
}

/* 마이페이지 헤더: join_type 에 맞는 SNS/아이디만 표시 (1 네이버, 2 구글, 3 카카오) */
.user_id > [data-join-type] {
  display: none !important;
}

html[data-join-type="1"] .user_id > [data-join-type="1"],
html[data-join-type="2"] .user_id > [data-join-type="2"],
html[data-join-type="3"] .user_id > [data-join-type="3"] {
  display: inline-flex !important;
}

html[data-join-type="etc"] .user_id > [data-join-type="etc"] {
  display: inline !important;
}

.user_sns_label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  vertical-align: middle;
}

.user_sns_label.naver {
  background: #03c75a;
  color: #fff;
}

.user_sns_label.kakao {
  background: #fee500;
  color: #191919;
}

.user_sns_label.google {
  background: #4285f4;
  color: #fff;
}

/* 마이페이지 퀵메뉴: FOUC용 1em+overflow 때문에 아이콘이 아래로 잘리는 것 보정 */
.menu_card .menu_item .menu_ico {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.menu_card .menu_item .menu_ico .material-symbols-rounded {
  display: block;
  width: auto;
  height: auto;
  overflow: visible;
  line-height: 1;
  font-size: 34px;
}