@charset "utf-8";
body { background: none;}
/* CSS Document basic*/
#wrap { min-height:100%; position:relative;}
#wrap_body {background: none;}
#login_header { width:768px; margin:0px auto !important; padding:15px 0 0;}

#box_login { border:1px solid #c7c7c7; padding:15px; background-color:#f2f2f2; height:auto; overflow:hidden; width:500px; position:relative; margin:0px auto;}
#box_login label { font-size:15px; height:35px; line-height:35px;}
#txtMemID,#txtMemPW { height:35px; width:450px;}

#box_btns { padding-top:10px; height:auto; height:auto; line-height:13px;}
#box_btns a,#login_footer a { font-size:12px; line-height:13px; display:inline-block; color:#666; text-decoration:none; margin:0; padding:0; }
#box_btns a:link {}
#box_btns .f_bar { margin:0px 4px; background-color:#ccc; padding:0px;}

#wrap_content .type_footer { border:none; padding-top:10px;}
#login_footer { line-height:13px;}

#login_footer .f_bar { margin:0px 4px; background-color:#c7c7c7; }
#copy_area { font-size:12px ; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}

@media screen and (min-width : 500px) and (max-width: 800px){
	body { background-color:#fff;}
	#wrap_body { max-width:500px; overflow:hidden; min-height:500px;}
	#login_header { width:100%;}
	#box_login { width:100%;}
}

@media screen and (max-width : 500px) {
	body { padding:10px;}
	#wrap_body { width:100%; max-width:auto;}
	#login_header { width:100%;}
	#login_header img { max-width:150px;}
	#box_login { width:100%;}
	#txtMemID,#txtMemPW { height:35px; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}