@charset "utf-8";

.sub_wrap {background:#fafafa;}
.login_wrap {position:absolute;top:50%;left:50%;width:850px;height:300px;margin-top:-150px;margin-left:-425px;border:1px solid #ccc;background:#eff0f4;box-shadow:4px 4px 4px rgba(115, 115, 115, 0.5);}
.login_wrap .login_visual_lock {float:left;width:50%;height:300px;background:url(../image/admin/icon_lock.png) no-repeat 50% 50%;}
.login_wrap .login_visual_unlock {float:left;width:50%;height:300px;background:url(../image/admin/icon_unlock.png) no-repeat 50% 50%;}
.login_wrap .loginbox {float:right;width:50%;}

/*로그인 전*/
.login_form {padding:45px 50px 0 0;}
.login_form .login_id span,
.login_form .login_pw span {display:inline-block;width:20%;font-size:15px;font-weight:bold;text-align:left;}
.login_form .login_id input,
.login_form .login_pw input {width:80%;height:34px;margin-bottom:8px;padding-left:12px;font-size:14px;font-weight:bold;border:1px solid #d6d6d6;background:#fff;border-radius:3px;}
.login_form .btn_login {margin:15px 0 30px;}
.login_form .btn_login input {width:100%;padding:10px 0;border-radius:3px;background:#3e61b2;font-size:15px;font-weight:bold;color:#fff;text-align:center;cursor:pointer}
.login_form .login_info {padding-top:10px;border-top:1px solid #d8d8d8;font-size:14px;font-weight:bold;color:#888;}

/*로그인 후*/
.admin_form {padding:60px 50px 0 0;}
.admin_form h2 {font-size:21px;font-weight:bold;}
.admin_form h2 span {color:#3e61b2;}
.admin_form .admin_point {margin:8px 0;padding-left:32px;background:url(../image/admin/icon_coin.png) no-repeat 0 50%;font-size:16px;line-height:28px;}
.admin_form .btn_admin {margin-top:40px;}
.admin_form .btn_admin input {width:48%;padding:10px 0;border-radius:3px;font-size:15px;font-weight:bold;color:#fff;text-align:center;letter-spacing:1px;cursor:pointer}
.btn_jisa {background:#3eb29d;}
.btn_logout {background:#606060;}


@media (max-width:768px) {
	.sub_wrap {height:auto !important;}

	.contents {padding: 20% 10%;height: auto;height: 100%;}
	.login_wrap {position:static;width:100%;height:50%;margin-top:0;margin-left:0px;}
	.login_wrap .login_visual_lock {float:none;width:100%;height:200px;background:url(../image/admin/icon_lock.png) no-repeat 50% 50%;}
	.login_wrap .login_visual_unlock {float:none;width:100%;height:200px;background:url(../image/admin/icon_unlock.png) no-repeat 50% 50%;}
	.login_wrap .loginbox {float:right;width:100%;}
	
	/*로그인 전*/
	.login_form {padding:6%;}
	.login_form .login_id span,
	.login_form .login_pw span {width:30%;}
	.login_form .login_id input,
	.login_form .login_pw input {width:70%;}
	.login_form .login_info {text-align:center;}
	.login_form .login_info span {display:block;width:100%;text-align:center;}
	
	/*로그인 후*/
	.admin_form {padding:6%;}
	.admin_form .btn_admin input {width:100%;margin-bottom:3%;}
}