@charset "utf-8";


@media (min-width: 300px) {
	.loginArea {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;height: 200px;margin: 30px auto 30px;width: 311px;}
	.loginArea .loginFrm {float: left;height: 154px;position: relative;width: 311px;}
}

@media (min-width: 400px) {
	.loginArea {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;height: 200px;margin: 30px auto 30px;width: 411px;}
	.loginArea .loginFrm {float: left;height: 154px;position: relative;width: 411px;}
}

@media (min-width: 600px) {
	.loginArea {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;height: 200px;margin: 30px auto 30px;width: 411px;}
	.loginArea .loginFrm {float: left;height: 154px;position: relative;width: 411px;}
}

@media (min-width: 800px) {
	.loginArea {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;height: 200px;margin: 30px auto 30px;width: 411px;}
	.loginArea .loginFrm {float: left;height: 154px;position: relative;width: 411px;}
}

@media (min-width: 900px) {
	.loginArea {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;height: 200px;margin: 30px auto 30px;width: 411px;}
	.loginArea .loginFrm {float: left;height: 154px;position: relative;width: 411px;}
}
		
		
		
		
		
		
		
		
		
		
		
		img,fieldset {
			border: 0 none;
		}
		
	@media (min-width: 300px) {
		.loginArea .loginFrm .id { left: 36px; top: 41px; }
		.loginArea .loginFrm .pw { left: 36px; top: 78px; }	
	}
		
	@media (min-width: 400px) {
		.loginArea .loginFrm .id { left: 36px; top: 61px; }
		.loginArea .loginFrm .pw { left: 36px; top: 98px; }
	}
		.loginArea .loginFrm label {
			position: absolute;
		}
		
		.loginArea .loginFrm label span {
			background: url("../commons/images/bg_dot_9x9.gif") no-repeat scroll 0 5px
				rgba(0, 0, 0, 0);
			color: #333;
			float: left;
			font-size: 12px;
			font-weight: bold;
			margin: 5px 0 0;
			padding: 0 0 0 15px;
			width: 58px;
		}
		
		.loginArea .loginFrm label {
			position: absolute;
		}
		
		.loginArea .loginFrm label .txt {
			border: 2px solid #ddd;
			color: #333;
			float: left;
			height: 25px;
			line-height: 25px;
			padding: 0 0 0 5px;
			width: 165px;
		}
		
		.loginArea .loginFrm label .txt {
			border: 2px solid #ddd;
			color: #333;
			float: left;
			height: 25px;
			line-height: 25px;
			padding: 0 0 0 5px;
			width: 165px;
		}
		
		.loginArea .loginFrm .keep {
			color: #666;
			cursor: pointer;
			left: 267px;
			position: absolute;
			top: 140px;
		}
		
		.loginArea .loginFrm .keep input {
			margin: -2px 4px 0 0;
		}
		
@media (min-width: 300px) {
	.loginArea .loginFrm .loginBtn {background: none repeat scroll 0 0 #e72429;border: 1px solid #c71300;color: #fff;cursor: pointer;display: block;font-size: 16px;height: 64px;left: 0px;position: absolute;text-align: center;top: 140px;width:311px;}
}

@media (min-width: 400px) {
	.loginArea .loginFrm .loginBtn {background: none repeat scroll 0 0 #e72429;border: 1px solid #c71300;color: #fff;cursor: pointer;display: block;font-size: 16px;height: 64px;left: 293px;position: absolute;text-align: center;top: 61px;width: 77px;}
}
		
		
		
		
		
		
		
		
		
		
		.loginArea .etc {
		    float: left;
		    height: 80px;
		    margin: 10px 0 0 20px;
		    width: 375px;		   
		    border: 1px solid #d6d6d6; 
		}
		
		.loginArea .etc .signUp {
			font-weight: bold;
		}
		
		.loginArea .etc a {
			color: #333;
			font-size: 14px;
		}
		

		.loginArea .loginBanner {
		    border-left: 1px solid #d6d6d6;
		    float: right;
		    height: 280px;
		    width: 323px;
		    background: #cccccc;
		}	
		.loginArea .etc1 {
    		
    		float: left;
    		padding: 0 0 0 36px;
    		width: 375px;
		}
			
		.btn_agree_area {
			text-align: center;
		}
		
		.contents .loginTab {
		    border-bottom: 1px solid #d6d6d6;
		    height: 40px;
		    margin: 25px auto;
		    margin-bottom: 0px;
		    width: 750px;
		}		
				
		.contents .loginTab li {
		    background: url("../commons/images/svc_tab_off.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		    float: left;
		    height: 29px;
		    line-height: 1.2em;
		    margin: 0 2px 0 0;
		    padding: 12px 0 0;
		    text-align: center;
		    width: 212px;
		}			
			
		.contents .loginTab li.on {
		    background: url("../commons/images/svc_tab_on.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		}		
				
		.contents .loginTab ul {
		    list-style: none outside none;
		}
		
		.contents .loginTab li {
		    float: left;
		}
		
		.nonUserLoginFrm {
			display: none;
		}