@charset "UTF-8";
/* 공통 SNS 공유 (fw-share.js) - 가운데 팝업 + SNS 아이콘. fwShare.open() 가 표시 */
.fw-share[hidden] {
  display: none;
}
.fw-share {
  position: fixed;
  inset: 0;
  z-index: 2300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fw-share__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}
.fw-share__popup {
  position: relative;
  width: calc(100% - 40px);
  max-width: 330px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.fw-share__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
.fw-share__title {
  font-family: 'Pretendard SemiBold';
  font-weight: normal;
  font-size: 16px;
  color: var(--black-1200, #222);
}
.fw-share__close {
  width: 24px;
  height: 24px;
  border: 0;
  background: url("/../img_1.5/btn-close.svg") no-repeat center / 16px;
  cursor: pointer;
}
.fw-share__list {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 4px 20px 28px;
  list-style: none;
}
.fw-share__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
/* SNS 브랜드 배경색 (레거시 .snsshare 색 계승) */
.fw-share__btn--kakao { background: #f6e24b; }
.fw-share__btn--facebook { background: #46517e; }
.fw-share__btn--twitter { background: #5ab1e9; }
.fw-share__btn--link { background: #9d9fa2; }
/* 글리프 아이콘 (img_1.5 원본 크기 가운데 - 늘리지 않아 안 깨짐) */
.fw-share__ico {
  background: center / contain no-repeat;
}
.fw-share__ico--kakao { width: 28px; height: 26px; background-image: url("/../img_1.5/bg-sns-kakao.png"); }
.fw-share__ico--facebook { width: 11px; height: 23px; background-image: url("/../img_1.5/bg-sns-facebook.png"); }
.fw-share__ico--twitter { width: 25px; height: 21px; background-image: url("/../img_1.5/bg-sns-twitter.png"); }
.fw-share__ico--link { width: 20px; height: 21px; background-image: url("/../img_1.5/bg-link.png"); }
.fw-share__url {
  display: flex;
  gap: 8px;
  padding: 0 20px 20px;
}
.fw-share__url[hidden] {
  display: none;
}
.fw-share__urlInput {
  flex: 1;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--gray-300, #eee);
  border-radius: 6px;
  font-size: 13px;
  color: var(--black-1000, #666);
}
.fw-share__copy {
  height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  background: var(--black-1200, #222);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}