@charset "UTF-8";

/* Page Title */

.login_wrap {width:100%; float:left;}
.form2 h3 {width:100%; text-align:center; font-size:24px;  color:#333;  line-height:1.5em}

.login_wrap_50 {width:50%; margin:0 auto;}
.login_wrap_50_bg {width:100%; float:left; background:#fff; }

.login    {width:100%;  float:left; }
.login  table   { width:100%; floaT:left; border:0px solid #ddd; padding:35px;display:block; box-sizing:border-box;}
.login  table  th   {padding:6px; vertical-align:middle; text-align:left; font-size:15px; font-weight:500; color:#333; }
.login  table  td   {padding:6px;vertical-align:middle;  font-size:15px; color:#777; }
.login  table  .input01 {width:100%;}

/*search*/
.searching  {width:100%; margin:0 auto; background-color:#fff; box-sizing:border-box; }
.searching  table   {width:100%;  float:left;  margin-top:10px;}
.searching  table  th   {padding:5px; vertical-align:middle; text-align:left; font-size:15px; font-weight:500; color:#333; }
.searching  table  td   {padding:5px;vertical-align:middle;  font-size:15px; color:#777; }
.searching  table  .input01 {width:100%;}
.searching  .title     {color:#005a96; font-weight:600; font-size:25px;  float:left; width:100%;  }
.searching  .info_text     {line-height:1.3em; color:#777; font-size:15px;}

.s_border_box{width:100%; float:left; border:1px solid #ddd; padding:35px; box-sizing:border-box;}

.left_box {width:52%;   box-sizing:border-box; padding:35px 4%; margin:0 auto; border:0px solid #ddd; box-sizing:border-box; }
.right_box {float:right; width:49%; height:230px;  box-sizing:border-box;  padding:35px 4%;  border:1px solid #ddd; box-sizing:border-box; }



.login  .t     {color:#888;  font-size:0.92em; line-height:1.4em; float:left; width:100%; padding:10px 0px 0px 0;}
.login  .title     {color:#333; font-weight:800; font-size:23px;  float:left; width:100%;  }



.login_btn   { width:100px;  float:right;  font-size:1em;  text-align:Center; border-radius:3px;  background-color:#c66358; border:1px solid #c66358;  }


.login_btn  a {
	display:inline-block;
    text-decoration:none;
	width:100%; line-height:74px; font-weight:500;
	}

.login_btn a:link	{  color:#fff;}
.login_btn a:hover	{color:#fff;}
.login_btn a:active	{ color:#fff;}
.login_btn a:visited	{ color:#fff;}


.login  .login_bottom_box   {width:50%; background-color:#f7f7f7;
							margin:0 auto; padding:15px 20px 15px 20px; color:#666;
                            font-size:16px; line-height:1.6em;
							box-sizing: border-box;
							text-align:left;
							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							}

.login  .login_bottom_box a:link	{ color:#333; font-weight:bold; vertical-align:top;}
.login  .login_bottom_box a:hover	{ color:#333; font-weight:bold; vertical-align:top;}
.login  .login_bottom_box a:active	{ color:#333; font-weight:bold; vertical-align:top;}
.login  .login_bottom_box a:visited	{ color:#333; font-weight:bold; vertical-align:top;}


.login_bottom_box2   {width:100%; background-color:#f7f7f7;
							float:left; padding:15px 10px 15px 10px; color:#666;
                            font-size:16px; line-height:1.6em;
							box-sizing: border-box;
							text-align:center;
							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							}

.login_bottom_box2 a:link	{ color:#333; font-weight:bold; vertical-align:top;}
.login_bottom_box2 a:hover	{ color:#333; font-weight:bold; vertical-align:top;}
.login_bottom_box2 a:active	{ color:#333; font-weight:bold; vertical-align:top;}
.login_bottom_box2 a:visited	{ color:#333; font-weight:bold; vertical-align:top;}


.join_wrap {width:100%; float:left;}

.join_check      {width:100%; float:left; color:#555; font-size:16px;  text-align:right; padding:12px 0 12px 0;  font-weight:300;  }
.join_area  	 { font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif; width:100%; box-sizing:border-box;
                float:left; color:#777; font-weight:300;   font-size:14px;  height:210px; line-height:1.6em; border:1px solid #ddd; padding:10px;}



p.join_notice{color:#666;}

.login-page {width: 100%; float:left; border:1px solid #ddd;}
.login-page .mem_tab {width: 100%; float:left;}


.form {
  position: relative;
  background: #FFF;
  max-width: 50%;
  margin: 0 auto;
  padding: 60px;
  text-align: center;
}

.form input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 16px;
}
.form button {
  text-transform: uppercase;
  outline: 0;
  background: #555;
  width: 100%;
  border: 0;
  padding: 16px;
  color: #FFFFFF;
  font-size: 15px;
  letter-spacing:0.5px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #5973bc;
  text-decoration:underline;
}



.form .message {
  margin: 15px 0 0;
  color: #999;
  font-size: 16px;
}
.form .message a {
  color: #333;
  text-decoration: none;
}
.form .register-form {
  display: none;
}



/* 아이디/비밀번호찾기 */
.form2 {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 100%;
  float:left;
  margin: 0 auto;
  padding: 50px;
  box-sizing:border-box;
  text-align: center;
}
.form2 input {
  outline: 0;
  background: #f2f2f2;
  width: 96%;
  border: 0;
  margin: 0 0 10px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 16px;
  float:left;
}

.form2 button {
  text-transform: uppercase;
  float:left;
  outline: 0;
  background: #555;
  width: 96%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing:0.5px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form2 button:hover,.form2 button:active,.form2 button:focus {
  background: #5973bc;
  text-decoration:underline;
}

.form2 .message {
  margin: 15px 0 0;
  color: #999;
  font-size: 16px;
}
.form2 .message a {
  color: #333;
  text-decoration: none;
}