/* BASIC css start */
.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 {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;}

.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: 20px 0 20px 0;  }
.sns-login .sns-title img { width: 300px; padding: 0 20px; }
.sns-login ul { padding: 0 20px; 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; }

.join-type { margin:15px 15px 0; }
.join-type .member-type { text-align:center; }
.join-type .member-type dt { color:#333; font-size:1.25em; font-weight:bold; letter-spacing:-1px; }
.join-type .member-type dd { color:#000; margin-top:5px; }
.join-type .member-both { overflow:hidden; margin-top:15px; padding-bottom:20px; }
.join-type .member-both li { float:left; width:50%; box-sizing:border-box; color:#000; text-align:center; }
.join-type .member-both li:first-child { padding-right:15px; border-right:1px solid #dcdcdc; }
.join-type .member-both li:last-child { padding-left:15px; }
.join-type .member-both p em { font-size:1.375em; font-weight:bold; letter-spacing:-1px; }
.join-type .member-both li:first-child p em { color:#ff6600; }
.join-type .member-both li:last-child p em { color:#0087dd; }
.join-type .member-both .btn-join { display:inline-block; width:100%; height:40px; line-height:40px; margin-top:10px; border:1px solid #3d3d3d; background:#515151; border-radius:5px; box-sizing:border-box; color:#fff; font-size:1.25em; text-align:center; }
.sns-join { position: relative;  margin: 20px 0 20px 0;  }
.sns-join .sns-title img { width: 300px; padding: 0 20px; }
.sns-join ul { padding: 0 20px; padding-bottom: 20px; border-bottom: 1px solid #dadada;text-align:center;  }
.sns-join ul li { position: relative; margin-top: 10px; padding-left: 15px; height: 50px; line-height: 50px; border: 1px solid #dfdfdf; border-radius: 0px; list-style: none;  width:100%; text-align:center;  }
.sns-join ul li a{ display: block;   color: #999; font-size:1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-join ul li span {position: absolute; top: 10%; left: 24%; width: 40px; height: 40px; }
.sns-join ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 16px auto; }
.sns-join ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 10px auto; }
.sns-join ul li.kakao span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
.sns-join ul li.apple span { background: url(/images/d3/m_01/icon/ico_sns_apple.gif) no-repeat 50% 50%; background-size: 18px auto; }

.sns-join .sns-btn { margin: 20px 20px 10px 20px; }
.sns-join .sns-btn a { display: block; height: 50px; line-height: 50px; font-size: 1.25em; padding-top: 10px;line-height: 20px; font-size: 1.40em; text-align: center; color: #fff; background-color: #2a2ec5 }
.sns-join .sns-btn p { margin-top: 10px; font-size: 1em; color: #999; text-align: center; 


/* BASIC css end */