/* BASIC css start */
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%; height:34px; border:1px solid #bdbdbd; /* border-top:3px solid #bdbdbd;*/ border-bottom:1px solid #000; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#000; background-color:#fff; border:1px solid #000;  /*border-top:3px solid #ab3e41;*/ border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }


.sns-login ul li {
  padding: 0 !important; 
  display: block;
}

.sns-title {
  font-size: 4.8vw;
  display: flex;
  align-items: flex-end;
  font-weight: 500;
}

.sns-title p {
  font-size: 3vw;
  color: #666;
  margin-left: 1vw;
}

.sns-login li.naver a {
  width: 100%;
  height: 12vw;
  background-color: #03c75a;
}

.sns-login li.kakao a {
  width: 100%;
  height: 12vw;
  background-color: #fee500;
}

.sns-login li a {
  display: flex;               /* ✅ 핵심 */
  justify-content: center;     /* 가로 중앙 */
  align-items: center;         /* 세로 중앙 */
  text-align: center;
}

.sns-login ul li img {
  width: 43%;
  margin: 4.1%/* 이미지 크기 조절 */
}

/* BASIC css end */