/* BASIC css start */
#loginWrap { min-height: 1000px; }
#loginWrap button:focus { outline: none; }
#loginWrap .sub_title { text-align: center; font-size: 35px; margin: 50px auto 0px; font-weight: bold; }
#loginWrap .loginBox { width: 660px; margin:-106px auto 0; border: 1px solid #FFF; padding-bottom:50px;  min-height: 300px; }

/* tab menu */
#loginWrap .login_tab .login_tablinks { width: 50%; padding: 40px 0; float: left; font-size: 25px; font-weight: bold; border-bottom: 2px solid #cdcdcd; background-color: #fff; color: #cdcdcd; }
#loginWrap .login_tab .login_active { color:#000; border-bottom: 2px solid #000; transition: 0.2s; }
#loginWrap .loginBox .login_input input { padding: 0 30px; border: 1px solid #f3f3f3; background-color: #f3f3f3; height: 60px; width: 100%; font-size: 17px; box-sizing: border-box; }
#loginWrap .loginBox .login_input input::placeholder { color: #9b9b9b; }
#loginWrap .loginBox .login_input input:focus { background-color: #fff;  border-color: #000; }
#loginWrap .loginBox .login_tabcontent { width: 650px; margin: 150px auto 0; }


/* member login */
#loginWrap .loginBox .signleft  h2 { padding-bottom:30px;  }
#loginWrap .loginBox .signleft .btn_lost { padding-top:5px; }
#loginWrap .loginBox .signleft .log_list { display: flex; }
#loginWrap .loginBox .signleft .log_list .se-log:first-child { margin-left: 0px; }
#loginWrap .loginBox .signleft .log_list .se-log { margin: 15px 10px; font-size: 16px; }
#loginWrap .loginBox .signleft .log_list .se-log input { width: 20px; height: 20px; margin-top: -3px; }


#loginWrap .loginBox .signleft .login_join { height: 38px; padding: 20px 0 25px; margin-top: 90px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
#loginWrap .loginBox .signleft .login_join li:last-child { border-right: none; }
#loginWrap .loginBox .signleft .login_join li { float: left; width: 50%; text-align: center; border-right: 1px solid #cdcdcd; box-sizing: border-box; margin: 10px 0; }
#loginWrap .loginBox .signleft .login_join li a { font-size: 17px; }
#loginWrap .loginBox .signleft .login_sns_txt { text-align: center; margin: 40px 0 -13px; }
#loginWrap .loginBox .signleft .login_sns_txt p { font-size: 20px; display: inline; background-color: #fff; padding: 0 30px; color: #696969; }
#loginWrap .loginBox .signleft .login_sns { width: 100%; text-align: center; border-top: 1px solid #cdcdcd; padding: 45px 0 35px; }
#loginWrap .loginBox .signleft .login_sns li { display: inline-block; margin: 0 30px; border-radius: 5px; }
#loginWrap .loginBox .signleft .login_sns li a { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
#loginWrap .loginBox .signleft .login_sns li img { width: 90px; margin-top: 3px; }
#loginWrap .loginBox .signleft .login_sns li.Naver { background-color: #29B500; }
#loginWrap .loginBox .signleft .login_sns li.Kakao { background-color: #F4D609; }
#loginWrap .loginBox .signleft .login_sns li.Apple { background-color: #191919; }


#loginWrap .-btn-login { display: inline-block; width: 100%; border: 1px solid #333; background-color: #181818; color: #fff; margin-top: 15px; text-align: center; padding: 20px 0; font-size: 21px; font-weight: normal; }
#loginWrap .-btn-join { background-color: #fff; border: 1px solid #000; color: #000; font-size: 19px; margin-top: 0; }

/* BASIC css end */