
/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:767px) {
	
	#loginform { padding-left:20px; padding-right:20px; padding-top:30px; padding-bottom:70px; text-align:center; width:100%; margin:0 auto; }
	.loginform_title { padding-bottom:30px; color:#333; font-size:30px;font-family:NanumSquareBold; text-align:center; letter-spacing: 0.01em; line-height:1em; }
	.loginform_title  img { height:40px; margin-right:20px; }

	.MlangloginInputClass_id {
		width:100%; border:1px solid #ccc; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:20px;
		background-image : url("/Mlang/img/mlangpass_icon_man.png"); 
		background-size:35px 35px; background-position:center left 15px; background-repeat:no-repeat;
		font-size:16px; color:#777; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
		border-radius:20px; margin-bottom:10px;
	} .MlangloginInputClass_id:hover { border:1px solid #222; }
	.MlangloginInputClass_pw {
		width:100%; border:1px solid #ccc; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:20px;
		background-image : url("/Mlang/img/mlangpass_icon_login.png"); 
		background-size:35px 35px; background-position:center left 15px; background-repeat:no-repeat;
		font-size:16px; color:#777; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
		border-radius:20px; margin-bottom:10px;
	} .MlangloginInputClass_pw:hover { border:1px solid #222; }
	.MlangloginInputClass_login {
		border:1px solid #222; width:100%; height:53px; background:#222;  border-radius:30px; 
		text-align:center; color:#fff; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; cursor:pointer; 	
	}
	.MlangloginInputClass_btn1 {
		display:inline-block; width:100%; margin-top:10px; background:#fff; border:1px solid #222; border-radius:30px; padding:18px; 
		text-align:center; color:#222; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; cursor:pointer; 	
	}
	.MlangloginInputClass_btn2 {
		display:inline-block; width:100%; margin-top:20px; 
		color:#777; font-size:16px; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.5em; cursor:pointer; 
	} .MlangloginInputClass_btn2 img { Vertical-align:middle; margin-left:12px; width:6px; }

	.Mlangpage_member_login_box { padding-top:50px; }

} /* 모바일 end */


/* 태블릿 /  PC  ************************************************************************************************************************************************************************/
@media  all and (min-width : 768px) {

	#loginform { padding-top:150px; padding-bottom:150px; text-align:center; width:500px; margin:0 auto; }
	.loginform_title { padding-bottom:30px; color:#333; font-size:40px;font-family:NanumSquareBold; text-align:center; letter-spacing: 0.01em; line-height:1em; }
	.loginform_title  img { height:40px; margin-right:20px; }

	.MlangloginInputClass_id {
		width:100%; border:1px solid #ccc; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:20px;
		background-image : url("/Mlang/img/mlangpass_icon_man.png"); 
		background-size:35px 35px; background-position:center left 15px; background-repeat:no-repeat;
		font-size:16px; color:#777; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
		border-radius:20px; margin-bottom:20px;
	} .MlangloginInputClass_id:hover { border:1px solid #222; }
	.MlangloginInputClass_pw {
		width:100%; border:1px solid #ccc; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:20px;
		background-image : url("/Mlang/img/mlangpass_icon_login.png"); 
		background-size:35px 35px; background-position:center left 15px; background-repeat:no-repeat;
		font-size:16px; color:#777; font-family:NanumSquareBold;  letter-spacing: 0.01em; line-height:1em; 
		border-radius:20px; margin-bottom:20px;
	} .MlangloginInputClass_pw:hover { border:1px solid #222; }
	.MlangloginInputClass_login {
		border:1px solid #222; width:100%; height:53px; background:#222;  border-radius:30px; 
		text-align:center; color:#fff; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; cursor:pointer; 	
	}
	.MlangloginInputClass_btn1 {
		display:inline-block; width:100%; margin-top:10px; background:#fff; border:1px solid #222; border-radius:30px; padding:18px; 
		text-align:center; color:#222; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; cursor:pointer; 	
	}
	.MlangloginInputClass_btn2 {
		display:inline-block; width:100%; margin-top:20px; 
		color:#777; font-size:16px; font-family:NanumSquareBold; letter-spacing: 0.01em; line-height:1.5em; cursor:pointer; 
	} .MlangloginInputClass_btn2 img { Vertical-align:middle; margin-left:12px; width:6px; }

	Mlangpage_member_login_box { text-align:center; }

} /* 태블릿 / PC end */