@charset "UTF-8";

/* Page Title */

.login_wrap {width:100%; float:left;}
.form2 h3 {width:100%; text-align:center; font-size:1.1em; font-weight:600;  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:0.98em; font-weight:500; color:#333; }
.login  table  td   {padding:6px;vertical-align:middle; font-size:0.95em; 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; }

/* 이용약관 박스 */
.mem_t_txt_wrap {width:100%; float:left; height:100px; overflow-y:auto; border:1px solid #ddd; border-radius:5px; font-size:0.85em; color:#999; line-height:1.25em; padding:1%; 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: 1.05em;  float:left; width:100%;  }



.login_btn   { width:100px;  float:right;  font-size:0.98em;  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: 0.95em; 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:0.92em;  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: 0.95em;
 height:210px; line-height:1.6em; border:1px solid #ddd; padding:10px;}



p.join_notice{color:#666;}

.box_48 {width:48%; float:left;}
.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: 88%;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing:border-box;
  text-align: center;
}

.form input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding:12px 15px;
  box-sizing: border-box;
  font-size: 0.95em;
}
.form button {
  text-transform: uppercase;
  outline: 0;
  background: #555;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 0.95em;
  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: #bd2929;
  text-decoration:underline;
}



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



/* 아이디/비밀번호찾기 */
.form2 {
  position: relative;
  width:100%;
  z-index: 1;
  background: #FFFFFF;
  max-width: 100%;
  float:left;
  padding: 30px;
  box-sizing:border-box;
  text-align: center;
}
.form2 input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding:12px 15px;
  box-sizing: border-box;
  font-size: 0.95em;
}
.form2 button {
  text-transform: uppercase;
  outline: 0;
  background: #555;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 0.95em;
  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;
}



@media (max-width:900px){
.box_48{width:100%;float:left; margin-bottom:40px;}
}
.box_48:last-child{margin-bottom:0}
}
/* 900px end */