.elementor-25338 .elementor-element.elementor-element-3d29b512{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25338 .elementor-element.elementor-element-e300c27 > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-25338 .elementor-element.elementor-element-f193a13 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-25338 .elementor-element.elementor-element-e73c832 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 10px 0px 0px;}.elementor-25338 .elementor-element.elementor-element-e73c832 .jet-login input.input{color:var( --e-global-color-b0fc461 );font-family:"Noto Sans KR", Sans-serif;font-size:12px;margin:10px 10px 15px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#CECECE;border-radius:10px 10px 10px 10px;}.elementor-25338 .elementor-element.elementor-element-e73c832 .jet-login input::placeholder{color:var( --e-global-color-b0fc461 );}.elementor-25338 .elementor-element.elementor-element-e73c832 .jet-login label{font-family:"Noto Sans KR", Sans-serif;font-size:12px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-25338 .elementor-element.elementor-element-e73c832 input[type="submit"]{background-color:#3A89E4;color:#FFFFFF;font-family:"Noto Sans KR", Sans-serif;font-size:14px;font-weight:500;padding:10px 10px 10px 10px;margin:20px 10px 20px 0px;border-style:none;border-radius:2px 2px 2px 2px;}.elementor-25338 .elementor-element.elementor-element-e73c832 .login-submit{text-align:center;}.elementor-25338 .elementor-element.elementor-element-e73c832 .jet-login-lost-password-link{font-family:"Noto Sans KR", Sans-serif;font-size:12px;margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-25338 .elementor-element.elementor-element-3d29b512{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25338 .elementor-element.elementor-element-e73c832 .jet-login input.input{padding:5px 5px 5px 5px;margin:10px 10px 15px 0px;}.elementor-25338 .elementor-element.elementor-element-e73c832 input[type="submit"]{font-size:12px;padding:6px 12px 6px 12px;}}@media(min-width:768px){.elementor-25338 .elementor-element.elementor-element-3d29b512{--width:400px;}}/* Start custom CSS for shortcode, class: .elementor-element-e300c27 *//* ===== 소셜 로그인: Semantic UI(.ui.form) 아이콘 버튼 (Scoped) ===== */

/* 🔒 3번: 로그인 폼 안에서만 적용 */
#mshop_form_34922 .ui.form .fields {
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

/* 각 SNS 필드 */
#mshop_form_34922 .ui.form .fields > .field.three.wide,
#mshop_form_34922 .ui.form .fields > .three.wide.field {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* 버튼(동그란 아이콘 버튼) */
#mshop_form_34922 .ui.form .fields > .field.three.wide a,
#mshop_form_34922 .ui.form .fields > .three.wide.field a {
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* ❌ 2번 제거: 과한 프리미엄 효과 없음 */
  background: rgba(0,0,0,.04) !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

/* hover: 아주 미묘한 반응만 */
#mshop_form_34922 .ui.form .fields > .field.three.wide a:hover,
#mshop_form_34922 .ui.form .fields > .three.wide.field a:hover {
  transform: translateY(-2px) !important;
  background: rgba(0,0,0,.06) !important;
  border-color: rgba(0,0,0,.12) !important;
}

/* ========================================================= */
/* ✅ 1번 유지: 아이콘 또렷하게                               */
/* ========================================================= */

/* 아이콘이 이미지(PNG)일 경우 */
#mshop_form_34922 .ui.form .fields > .field.three.wide a img,
#mshop_form_34922 .ui.form .fields > .three.wide.field a img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
  transform: translateZ(0);
  filter: none !important;
}

/* 아이콘이 font / SVG 인 경우 */
#mshop_form_34922 .ui.form .fields > .field.three.wide a svg,
#mshop_form_34922 .ui.form .fields > .three.wide.field a svg,
#mshop_form_34922 .ui.form .fields > .field.three.wide a i,
#mshop_form_34922 .ui.form .fields > .three.wide.field a i {
  width: 26px !important;
  height: 26px !important;
  font-size: 26px !important;
  line-height: 1 !important;
  transform: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

/* 텍스트 라벨 숨김 */
#mshop_form_34922 .ui.form .fields > .field.three.wide a span,
#mshop_form_34922 .ui.form .fields > .three.wide.field a span {
  display: none !important;
}

/* 하단 라벨 안전 제거 */
#mshop_form_34922 .ui.form .fields > .field.three.wide .label,
#mshop_form_34922 .ui.form .fields > .three.wide.field .label {
  display: none !important;
}


/* ===== 소셜 로그인 아이콘: hover 툴팁(말풍선) ===== */
#mshop_form_34922 .ui.form .fields > .three.wide.field a{
  position: relative !important;
}

/* 공통: 툴팁 박스 */
#mshop_form_34922 .ui.form .fields > .three.wide.field a::after{
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(4px);
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  background: rgba(0,0,0,.82);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 9999;
}

/* 공통: 말풍선 꼬리 */
#mshop_form_34922 .ui.form .fields > .three.wide.field a::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%) translateY(4px);
  border: 6px solid transparent;
  border-top-color: rgba(0,0,0,.82);
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 9999;
}

/* hover 시 표시 */
#mshop_form_34922 .ui.form .fields > .three.wide.field a:hover::after,
#mshop_form_34922 .ui.form .fields > .three.wide.field a:hover::before{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* 모바일(터치)에선 hover가 없으니 툴팁 숨김 */
@media (hover: none){
  #mshop_form_34922 .ui.form .fields > .three.wide.field a::after,
  #mshop_form_34922 .ui.form .fields > .three.wide.field a::before{
    display: none !important;
  }
}

/* data-tooltip이 비어있을 때 기본 문구 */
#mshop_form_34922 .ui.form .fields > .three.wide.field a:not([data-tooltip])::after{
  content: "로그인하기" !important;
}
/* 툴팁 꼬리(역삼각형) 제거 */
#mshop_form_34922 .ui.form .fields > .three.wide.field a::before{
  display: none !important;
}
#mshop_form_34922 .ui.form .fields > .three.wide.field a::after{
  padding: 7px 12px;
  border-radius: 12px;
}
#mshop_form_34922 .ui.form .fields > .three.wide.field a::after{
  padding: 7px 12px;
  border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f193a13 */.divider-or {
  display: flex;
  align-items: center;
  text-align: center;
  color: #999;
  font-size: 14px;
  margin: 0px 0;
}

.divider-or::before,
.divider-or::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e5e5e5;
}

.divider-or span {
  padding: 0 12px;
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for jet-login, class: .elementor-element-e73c832 *//* Jet Login 로그인 버튼: 좌우 꽉 차게 */
.jet-login input#wp-submit,
.jet-login .login-submit input[type="submit"],
.jet-login .login-submit input[type="button"]{
  display: block;
  width: 100% !important;
  box-sizing: border-box;
  border-radius: 10px; /* ← 추가 */
}

/* 혹시 부모가 폭을 제한하면 같이 100% */
.jet-login .login-submit{
  width: 100%;
}/* End custom CSS */