/* @import url(common.css); */
.login_wrap *{margin:0;}
.login_wrap{
  margin:0 auto;
  width:95%;
  max-width:500px;
}
/*텍스트*/
h2{
  font-size:22px;
  text-align:center;
  padding-bottom:20px;
}
.login_in2{
  margin:10px auto;
}
.login_in2>input{
  display:block;
  margin:20px 0;
  width:100%;
  height:46px;
  border:1px solid #ccc;
  border-radius:10px;
  box-sizing:border-box;
  outline:0;
  text-indent:15px;
  font-size:16px;
  -webkit-appearance:none;
}
input::-ms-input-placeholder{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:focus{border:1px solid #6E3EFA;}
.login_text{
  width:97%;
  margin:0 auto;
  padding-bottom:20px;
  font-size:14px;
}
.login_left{
  float:left;
  color:#666;
}
.login_left input{
  margin-right:3px;
  cursor:pointer;
}
input[type=checkbox]{zoom: 1.4;}
.login_right{
  float:right;
}
.login_right a{
  color:#666;
  cursor:pointer;
}
/*로그인*/ 
.loginbtn{ 
  display: block;
  padding:10px 0px;
  margin:20px 0;
  width:100%;
  color:#fff;
  background:transparent linear-gradient(270deg, #8743FF 0%, #4136F1 100%) 0% 0% no-repeat padding-box;
  box-shadow:0px 10px 20px #1466CC29;
  border-radius:10px;
  border-style:none;
  font-size:18px;
  outline:none;
}
/*회원가입*/
.joinbtn{ 
  display:block;
  margin:20px 0;
  width:100%;
  border:1px solid #6E3EFA;
  box-shadow: 0px 10px 20px #1466CC29;
  border-radius:10px;
  box-sizing:border-box;
  outline:none;
  background:none;
  text-align: center;
}
.joinbtn a{
  display:block;
  padding:10px 0px;
  font-size:18px;
  color:#6E3EFA;
}
/*sns 간편 로그인*/
.sns_login{
  padding:20px 0;
  text-align:center;
  font-size:18px;
  font-weight:500;
  color:#666;
}
/*메디25*/
.m{ 
  display:block;
  width:100%;
  margin:20px auto;
  padding:10px 0px;
  color:#666;
  border: 1px solid #eee;
  box-shadow: 0px 10px 20px #61616129;
  box-sizing: border-box;
  border-radius:10px;
  font-size:18px;
  outline:none;
}
.m>img{
  margin-top:5px;
  width:130px;
}
/*카카오*/
.k{ 
  display:block;
  width:100%;
  margin:20px auto;
  padding:10px 0px;
  color:#333;
  background-color:#fbe200;
  border-radius:10px;
  border-style:none;
  font-size:18px;
  outline:none;
}
/*네이버*/
.n{ 
  display:block;
  width:100%;
  margin:20px auto;
  padding:10px 0px;
  color:#fff;
  background-color:#1bc500;
  border-radius:10px;
  border-style:none;
  font-size:18px;
  outline:none;
}
/*sns이미지*/
button>img{
  margin-top: 3px;
  width:40px;
}
/*_______________________________________________모바일 기준으로*/
@media screen and (max-width:767px){
  .login_wrap{
    width:90%;
  }
  /*텍스트*/
h2{
  font-size:18px;
  padding-bottom:10px;
}
.login_in2{
  margin:5px auto;
}
.login_in2>input{
  margin:10px 0;
  height:38px;
  font-size:14px;
}
.login_text{
  padding-bottom:10px;
  font-size:12px;
}
input[type=checkbox]{zoom: 1.2;}
/*로그인*/ 
.loginbtn{ 
  padding:7px 0px;
  margin:10px 0;
  font-size:16px;
  box-shadow: 0px 5px 10px #1466CC29;
}
/*회원가입*/
.joinbtn{ 
  margin:10px 0;
  box-shadow: 0px 5px 10px #1466CC29;
}
.joinbtn a{
  padding:7px 0px;
  font-size:16px;
}
/*sns 간편 로그인*/
.sns_login{
  padding:10px 0;
  font-size:16px;
}
/*메디25*/
.m{ 
  margin:10px auto;
  padding:7px 0px;
  box-shadow: 0px 5px 10px #61616129;
  font-size:16px;
}
.m>img{
  margin-top:5px;
  width:100px;
}
/*카카오*/
.k{ 
  margin:10px auto;
  padding:7px 0px;
  font-size:16px;
}
/*네이버*/
.n{ 
  margin:10px auto;
  padding:7px 0px;
  font-size:16px;
}
/*sns이미지*/
button>img{
  margin-top:2px;
  width:35px;
}
}