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

.loginMiddle .sns-btn { margin: 0px px 10px 20px; }
.loginMiddle .sns-btn a { display: block; height: 50px; line-height: 50px; font-size: 1.25em; font-weight: bold; text-align: center; color: #fff; border: 1px solid #dfdfdf; border-radius: 5px; background-color: #999; }
.loginMiddle .sns-btn p { margin-top: 10px; font-size: 1em; color: #999; text-align: center; 
/* BASIC css end */