body{
	border:0px solid #000000;
	padding:0px;
	margin:0px;
    overflow-x:hidden;
    overflow-y:hidden;
    cursor:default;
}
.wrap{
    overflow-x:hidden;
    overflow-y:hidden;
	width: 600px;
	margin: 0px auto;
}
.wrap .login_input{
    width: 570px;
    height: 445px;
    /* margin-top: 177px; */
    margin: 145px auto;
    box-shadow: 0px 1px 9px 1px rgb(0,0,0,0.5);
    /* border: 1px solid; */
    border-radius: 19px;
}
.login_input .login_bt{
	text-align:center;
	width:600px;
	height:100px;
	margin-top:50px;
}
.join_body_area{
	display:none;
	background-color: #fff;
	width:600px;
	height:500px;
	top:100px;
	position:absolute;
	z-index:9999;
}
.join_body_area .content_title{
	width:580px;
	height:50px;
	padding:10px;
	background-color: #2c3e50;
	font-weight:bold;
	font-size:1.6em;
	color: #ffffff;
	text-align:center;
}
.join_body_area .content{
	width:600px;
}
.join_item_title{
	float:left;
	padding:17px 0px 0px 0px;
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	width:200px;
	text-align:right;
}
.join_item_content{
	float:left;
	padding:17px 0px 0px 20px;
	width:278px;
}
.login_logo_img{
	width:600px;
	text-align:center;
    padding-top: 25px;
}
.email_box{
	clear:left;
	padding:60px 0px 0px 93px;
	margin: 0px auto;
    width: 405px;
}

.pw_box{
	clear:left;
	padding:28px 0px 0px 93px;
	margin: 0px auto;
    width: 405px;
}

.checkbox_box{
	clear:left;
	margin:20px 0px 0px 100px; 
	font-size:12pt; 
	color:#999999;
	margin: 0px auto;
	width: 224px;	
}
/*인풋박스*/
.email_box input, .pw_box input {
  display: block;
  font-size: 14px;
  width:240px;
  margin: 10px auto;
  padding: 10px 8px 10px 8px;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0,0,0, .55), 0px 1px 1px rgba(255,255,255,.5);
  border: 1px solid #666;
}

.email_box input, .pw_box input {
  opacity: 0.5;
}

.email_box input, .pw_box input:hover,
.email_box input, .pw_box input:focus {
  opacity: .7;
  color:#08c;
  border: 1px solid #08c;
   box-shadow: 0px 1px 0px rgba(255,255,255,.25),inset 0px 3px 6px rgba(0,0,0,.25);
}

input[type="text"]:focus,
input[type="password"]:focus {
  box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 15px rgba(0,246,255,.5);
  border: 1px solid #08c;
  outline: none;
}

/*로그인버튼*/
.btn_navy{	
	padding: 5px 30px;
	text-align: center;
	text-decoration: none;
	color: #5cbf2a;
	border: 2px solid #5cbf2a;
	font-size:16px;
	display: inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	transition: all 0.2s ease-in-out;
	position: relative;
	overflow: hidden;
	cursor:pointer;
	width: 230px;
}
.btn_navy:hover {
	/* background-color:#5cbf2a; */
	background-color: #5cbf2a;
	 color: #fff;
	 border-bottom: 2px solid #5cbf2a;
}
.btn_navy:active {
	position:relative;
	top:1px;
}
.btn_navy:before {
	 content: "";
	 background-color: rgba(255, 255, 255, 0.5);
	 height: 100%;
	 width: 3em;
	 display: block;
	 position: absolute;
	 top: 0;
	 left: -4.5em;
	 transform: skewX(-45deg) translateX(0);
	 transition: none;
}
.btn_navy:hover:before {
	 transform: skewX(-45deg) translateX(13.5em);
	 transition: all 0.5s ease-in-out;
}