﻿@charset "utf-8";
    
@media (min-width: 700px) {
	.login_wrap{width:100%;height:auto;padding:150px 0 200px;background-color:#ffedde;text-align:center;}
	.login_img{margin:50px 0 30px;}
	 #writeBtn {  /*float: right;*/ width: 70px; height: 25px; text-align: center; line-height: 25px; font-weight: 500;color: #fff; border: 1px solid #663b12; border-radius: 5px;margin:0 auto;
				background:#bc732a; cursor:pointer; }
	#writeBtn:hover { background:#412203; }
	
	#login_mail{width:430px; height:50px; margin:0 auto;}
	input[type=text]{ width:300px; height:35px; text-align:center; font-size:20px; border:1px solid #412203;background:#eaeaea;}
	input[type=password]{width:300px;height:35px;text-align:center;font-size:20px;border:1px solid#412203;background:#eaeaea;margin-top:2px;margin-bottom:20px;}
	.login_input{margin-top:30px;}
}
@media (max-width: 699px) {
	.login_wrap{width:100%;height:auto;padding:130px 0; background-color:#ffedde;text-align:center;}
	.login_img{margin:50px 0 30px;}
	#writeBtn {  /*float: right;*/ width: 90px; height: 35px; text-align: center; line-height: 35px; font-weight: 500;color: #fff; border: 1px solid #663b12;border-radius: 5px;margin:0 auto;font-size:15px;
	         background:#bc732a; cursor:pointer; }
	#writeBtn:hover { background:#412203; }
	
	#login_mail{width:200px; margin:0 auto;}
	#login_passworld{width:200px; margin:0 auto;}
	input[type=text]{ width:200px; height:30px; text-align:center; font-size:14px; border:1px solid #412203;background:#eaeaea;margin-left:-1px;}
	input[type=password]{width:200px;height:30px;text-align:center;font-size:14px;border:1px solid#412203;background:#eaeaea;margin-top:7px;margin-bottom:20px;}
	.login_input{margin-top:30px;}
	.login_title img{width:300px;height:auto;}
}
