/* login_common_style */

* {margin:0; padding:0;}
body {font:14px/1.5 'Malgun Gothic', serif; color:#7a7a7a; letter-spacing:-1px; background:#e5e5e5;}

	a {cursor:pointer; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}

	button {cursor:pointer;}
	input[type="submit"] {cursor:pointer;}
	input[type="button"] {cursor:pointer;}



	#log_wrap {width:400px; position:relative; border-radius:5px; background:#fff; border:1px solid #dadada; margin:50px auto 20px;
				padding:20px; overflow:hidden; min-height:540px;}
				
			.l_logo {width:100%; height:117px; background:url(../img/l_logo.png) center center no-repeat; margin:30px 0 10px;}
			
			#log_wrap > li > h2 {height:35px; line-height:35px; margin:5px 0; color:#242424; font-size:23px; text-align:center;}
			
			
			.log_form {width:330px; margin:20px auto;}
				.log_form > li:after {display:block; clear:both; content:"";}	
				.log_form > li:nth-of-type(1) {height:35px; margin-bottom:15px; width:330px; line-height:35px;}
					.log_form > li:nth-of-type(1) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form > li:nth-of-type(1) > p {background:url(../img/log_email.png) center center no-repeat #f7f7f7;}
				.log_form > li:nth-of-type(2) {height:35px; margin-bottom:15px;  width:330px; line-height:35px;}
					.log_form > li:nth-of-type(2) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form > li:nth-of-type(2) > p {background:url(../img/log_pass.png) center center no-repeat #f7f7f7; }
				
				.log_form > li:nth-of-type(3) {height:35px; margin-bottom:15px;  width:330px; line-height:35px;}
					.log_form > li:nth-of-type(3) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form > li:nth-of-type(3) > p {background:url(../img/log_pass.png) center center no-repeat #f7f7f7; }
				.log_form > li:nth-of-type(4) {height:35px; margin-bottom:15px;  width:330px; line-height:35px;}
					.log_form > li:nth-of-type(4) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form > li:nth-of-type(4) > p {background:url(../img/log_pass.png) center center no-repeat #f7f7f7; }
				
				
			
				
				.log_form > li:nth-of-type(5) {height:40px;  width:330px; line-height:40px;}
					.log_form > li:nth-of-type(5) > input {background:#383838; color:#fff; font-size:15px; width:100%; height:40px; }
				.log_form > li:nth-of-type(6) {height:80px;  width:330px; line-height:40px; color:red; }
					
				
				
					.log_form > li > p {float:left;  width:35px; height:35px; border:1px solid #dadada; border-right:none;}
					.log_form > li > input {float:left; display:block; }
					.log_form > li > input:focus {border-color:#242424; color:#242424;}
					.log_form > li > label {float:left; display:block; }
					
						.log_form > li > input[type="checkbox"] {height:15px; width:15px; border:1px solid #dadada; }
						.log_form > li > input[type="checkbox"]:checked {background:url(../img/chk_box.png)center center no-repeat;}
				


			.log_form2 {width:330px; margin:20px auto;}
				.log_form2 > li:after {display:block; clear:both; content:"";}			
				.log_form2 > li:nth-of-type(1) {height:35px; margin-bottom:15px; width:330px; line-height:35px;}
					.log_form2 > li:nth-of-type(1) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form2 > li:nth-of-type(1) > p {background:url(../img/log_email.png) center center no-repeat #f7f7f7;}
				.log_form2 > li:nth-of-type(2) {height:35px; margin-bottom:15px;  width:330px; line-height:35px;}
					.log_form2 > li:nth-of-type(2) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form2 > li:nth-of-type(2) > p {background:url(../img/log_pass.png) center center no-repeat #f7f7f7; }	
						
						
				.log_form2 > li:nth-of-type(3) {width:330px; margin:15px 0 20px; font-size:12px; text-align:center;}
					.log_form2 > li:nth-of-type(3) > b {margin:5px 0; font-weight:bold; display:block;}
					.log_form2 > li:nth-of-type(3) > span {display:block; }	
						
				.log_form2 > li:nth-of-type(4) {height:35px; margin-bottom:15px; width:330px; line-height:35px;}
					.log_form2 > li:nth-of-type(4) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form2 > li:nth-of-type(4) > p {background:url(../img/log_pass.png) center center no-repeat #f7f7f7; }	
				.log_form2 > li:nth-of-type(5) {height:35px; margin-bottom:25px;  width:330px; line-height:35px;}
					.log_form2 > li:nth-of-type(5) > input {width:282px; height:25px; padding:5px; border:1px solid #dadada;}
					.log_form2 > li:nth-of-type(5) > p {background:url(../img/log_pass.png) center center no-repeat #f7f7f7; }	
						
					.log_form2 > li > p {float:left;  width:35px; height:35px; border:1px solid #dadada; border-right:none;}
					.log_form2 > li > input {float:left; display:block; }
					.log_form2 > li > input.on {border-color:#242424; color:#242424;}


				.log_form2 > li:nth-of-type(6) {height:40px;  width:330px; line-height:40px;}
					.log_form2 > li:nth-of-type(6) > input {background:#383838; color:#fff; font-size:15px; width:100%; height:40px; }
					
						
		#log_wrap > li:nth-of-type(1) {margin-bottom:50px; padding-bottom:20px;}
		#log_wrap > li:nth-of-type(2) {position:absolute; bottom:0; height:100px; width:100%; background:#f7f7f7; left:0;}
			#log_wrap > li:nth-of-type(2) > p {width:285px; margin:15px auto; height:18px; line-height:18px; font-size:13px;}
				#log_wrap > li:nth-of-type(2) > p > em {font-size:10px; margin:0 5px;}
		

		
		
		