/* BASIC css start */
#loginWrap button:focus { outline: none; }

#loginWrap .sub_title { font-size: 34px; margin: 80px auto 50px; text-align: center; }
#loginWrap .loginBox { width: 500px; margin:0 auto; padding-bottom:50px;  min-height: 300px; }

#loginWrap .loginBox .login_tabcontent { width: 100%; margin: 30px auto 0; }
#loginWrap .loginBox .login_input { margin-bottom: 10px; }
#loginWrap .loginBox .login_input input { padding: 0 20px; border: 1px solid #cdcdcd; background-color: #fff; height: 50px; 
                                          width: 100%; font-size: 15px; box-sizing: border-box; }

#loginWrap .loginBox .box_title_text { font-size: 18px; margin-bottom: 15px; }

/* member login */
#loginWrap .loginBox .signleft  h2 { padding-bottom:30px;  }
#loginWrap .loginBox .signleft .MS_login_id {}
#loginWrap .loginBox .signleft .MS_login_pw {}
#loginWrap .loginBox .signleft .btn_lost { padding-top:5px; }
#loginWrap .loginBox .signleft .log_list { display: inline-block; width: 100%; }
#loginWrap .loginBox .signleft .log_list .se-log { float: left; margin: 10px; font-size: 15px; }
#loginWrap .loginBox .signleft .log_list .se-log input { width: 18px; height: 18px; margin-top: -1px; }
#loginWrap .loginBox .signleft .log_list .se-log:first-child { margin-left: 0px; }
#loginWrap .loginBox .signleft .log_list .se-log:last-child { float: right; margin-right: 0; }
#loginWrap .loginBox .signleft .log_list .se-log:last-child a { font-size: 15px; vertical-align: baseline; color: #848484; }

#loginWrap .login_button_box { margin: 30px 0 40px; }
#loginWrap .-btn-login,
#loginWrap .-btn-join { display: block; margin-bottom: 10px; text-align: center; padding: 25px 0; font-size: 18px; color: #fff; background-color: #090909; font-weight: 300; }
#loginWrap .-btn-join { background-color: #a37949; }

#loginWrap .loginBox .signleft .login_sns { display: flex; justify-content: space-between; }
#loginWrap .loginBox .signleft .login_sns p { display: block; }
#loginWrap .loginBox .signleft .login_sns li { width: 32%; height: 55px; border: 1px solid #e2e2e2; box-sizing: border-box; margin-bottom: 5px; }
#loginWrap .loginBox .signleft .login_sns li a { display: inline-block; width: 100%; height: 100%; }
#loginWrap .loginBox .signleft .login_sns li span.sns_logo_pic { display: inline-block; width: 60px; height: 100%; float: left; background: url(//efairplay.img2.kr/www/018_site/img/site_img/login_sns_icon.png) no-repeat 0 center;  }
#loginWrap .loginBox .signleft .login_sns li span.sns_name_text { display: inline-block; width: 93px; text-align: center; line-height: 53px; font-size: 15px; }
#loginWrap .loginBox .signleft .login_sns li a.Kakao span.sns_logo_pic { background-position-x: -75px; background-color: #fae100; }
#loginWrap .loginBox .signleft .login_sns li a.Naver span.sns_logo_pic { background-position-x: 5px; background-color: #01c73c; }
#loginWrap .loginBox .signleft .login_sns li a.Facebook span.sns_logo_pic { background-position-x: -151px; background-color: #4367b3; }
#loginWrap .loginBox .signleft .login_sns li a.Apple span.sns_logo_pic { background-position-x: -231px; background-color: #333; }

/* sign */
#loginWrap .loginBox .signright {}
#loginWrap .loginBox .signright h2 { padding-bottom:30px; }
#loginWrap .loginBox .signright h3 { padding-top: 14px; font-size: 22px; font-weight: 600; letter-spacing: -1px; padding-bottom: 8px; border-bottom: 1px solid; margin-bottom: 5px; text-align: center; }
#loginWrap .loginBox .signright .btns { width: 100px; }
#loginWrap .loginBox .signright .btns a { display: block; margin-top: 8px; }

/* BASIC css end */