/* 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 #000; 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; }

.kakao {background: url(/design/buddy4772/mobile_vitaline/renewal_img/kakao.png)  no-repeat center left;   background-size: 30px; background-repeat:no-repeat; background-position:10px;  width:100%; float: left;margin:0 0%;height:50px;line-height:50px;font-family: "Noto Sans KR";font-weight:bold;  color:#111;  background-color:#fae300; text-align:center; font-size:14px; margin-top:0px;}
.loginbtn {margin-bottom: 10px; width:100%; float: left;margin:0 0%;height:50px;line-height:50px;font-weight:bold;  color:#fff;  background-color:#000; text-align:center; font-size:14px; margin-top:0px;}
.loginbtn2 { display: inline-block;  width:100%; float: left;margin:0 0%;height:50px;line-height:50px;font-family: "Noto Sans KR";font-weight:bold;  color:#000;  background-color:#fff; text-align:center; font-size:14px; margin-top:0px; border:1px solid #000;}
.BMtitle{    max-width: 100%; height: auto;
    padding: 30px 30px  0; text-align: center; font-size: 18px;
    line-height: 1.3; font-family: 'Noto Sans KR', sans-serif;}



.sns-login { position: relative;  margin:auto;  }
.sns-login .sns-title img { width: 300px; padding: 0 20px; }
.sns-login ul {  padding-bottom: 0px; border-bottom: 0px solid #dadada;text-align:center;  }
.sns-login ul li { position: relative; margin-top: 10px; padding-left: 0px; height: 50px; line-height: 50px; border: 1px solid #dfdfdf; border-radius: 0px; list-style: none;  width:100%; text-align:center;  }
.sns-login ul li a{ display: block;   color: #999; font-size:1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-login ul li span {position: absolute; top: 10%; left: 24%; width: 40px; height: 40px; }
.sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 16px auto; }
.sns-login ul li.kakao span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
/* BASIC css end */