/* BASIC css start */
/* */

#SMS_login_warp #contents { background: #fff !important; }
.login { background: #fff; }
.sns-title { width: 80%; margin: 0 auto; border-bottom: 1px solid #e7e2db; font-family: 'Josefin Sans', sans-serif; font-size: 13px; padding: 0px 0px 5px 0px; }
.sns-join { position: relative;  margin: 30px 0px 0px 0px; font-family: 'Noto Sans KR', sans-serif; }
.sns-join .sns-title img { width: 300px; padding: 0 20px; }
.sns-join ul { background-color: #fff; padding: 8px 40px 20px 40px; }
.sns-join ul li { position: relative; margin-top: 10px; height: 40px; line-height: 40px; border: 1px solid #f4f0ea; border-radius: 4px; list-style: none; background: #f4f0ea; }
.sns-join ul li a { text-align:center; display: block; color: #434343; font-size: 1.1em; font-family: 'Noto Sans KR', sans-serif;  }
.sns-join ul li span { position: absolute; top: 0; left: 0; width: 50px; 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: 18px auto; }
.sns-join ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-join ul li.kakao span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.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; font-weight: bold; text-align: center; color: #fff; border: 1px solid #dfdfdf; border-radius: 5px; background-color: #999; }
.sns-join .sns-btn p { margin-top: 10px; font-size: 1em; color: #999; text-align: center; }
.h_title  { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.1em; color: #000 !important; font-weight: 400 !important; padding-top: 20px !important; background: #fff !important; }
.btn_black { font-family: 'Josefin Sans', sans-serif; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; display: block; box-sizing: border-box; vertical-align: middle; font-size: 1.1em; margin: 15px 0 0; background: #000; border: 0; } 
.join-btn { border: 1px solid #000; background: #fff; padding: 11px 50px 10px; font-family: 'Josefin Sans', sans-serif; }
.pw-btn { border: 1px solid #000; background: #fff; padding: 11px 30px 10px; font-family: 'Josefin Sans', sans-serif; }
.login-footwarp { margin: 0 auto; padding: 10px 40px 0px; text-align: center; background: #fff; display: flex; justify-content: space-between; }

.login-input { margin: 5px 0px 0px 0px; width: 100%; }

input.login-input { background-color: #f4f0ea; color: #898989; height: 40px; font-family: 'Lato', 'Noto Sans KR', sans-serif; border: 1px solid #f4f0ea; }
input.login-input:focus { background-color: #fff; }


/* BASIC css end */