body{position:fixed; width:100%; height:100%; left:0; top:0; background:#fbfbfb; min-width:1090px;}
footer{position:absolute; width:100%; left:0; bottom:0;}

/*에이전트 로그인*/
.login_wrap{position:absolute; left:50%; top:50%; margin:-400px 0 0 -540px; box-shadow: 0px 0px 20px 3px #cdcdcd; }
.login_wrap:after{content:""; clear:both; display: block;}
.login_wrap h2{width:400px; height:165px; background:url(/admin/img/logo.png) no-repeat; margin-bottom:20px;}
.login_wrap .notice{float:left; }
.login_wrap .login{float:left; padding:100px 40px 0 40px; background:#fff;  border-right:1px solid #eee; height:500px; width:400px;}
.login_wrap .login h3{font-size:29px; font-weight:600; line-height:29px; margin-bottom:20px;}
.login_wrap .login p{width:100%; margin:5px 0;}
.login_wrap .login p.login_btn{margin-top:20px;}
.login_wrap .login p input{width:calc(100% - 42px); border:1px solid #dbdbdb; line-height:48px; height:48px; padding:0 20px;}
.login_wrap .login p a{display: block; width: 100%; font-size: 17px; color: #fff;font-weight: bold; background-color: #b61b33; text-align: center; height: 60px; line-height: 58px; border-radius:5px;}
.login_wrap .login p.join a{background:#f7f7f7; border:1px solid #b61b33; color:#b61b33;}
.login_wrap .login p.inquiry a{background:#f7f7f7; border:1px solid #e5e6e7; color:#676a6c;}

/*에이전트 회원가입*/
.join_wrap{position:absolute; left:50%; top:62px; margin:0 0 0 -275px; width:550px; font-size:14px;}
.join_wrap h1{text-align:center; min-height:160px;}
.join_wrap h1 a{width:250px; height:103px; display:inline-block; background: url(/img/logo_b_400.png) no-repeat; background-size:100% 100%; text-indent:-9999px;}
.join_wrap ul{border:1px solid #cdcdcd; background:#fff; margin-bottom:10px;}
.join_wrap ul li{box-sizing: border-box; padding: 11px 11px 11px 13px; border-top: solid 1px #f0f0f0;}
.join_wrap ul li:first-child{border-top:0;}
.join_wrap ul li:after{content:""; clear:both; display: block;}
.join_wrap ul li input{width: 100%; height: 16px; padding: 6px 0; border: none; background: #fff; border:0; float:left;}
.join_wrap ul li textarea{width: 100%; height: 100px; padding: 6px 0; border: none; background: #fff; border:0; float:left; resize:none;}
.join_wrap ul li span{fon	t-size: 12px; display: block; margin: 5px 0 3px 0; color: red; display:none; float:left; width:100%;}
.join_wrap ul li span.ok{color:blue;}
.join_wrap ul li span.tit{display:block; color:#333; font-weight:500;}
.join_wrap ul li span.note{display:block;  color:#666;}
.join_wrap ul li b{line-height:28px;}
.join_wrap ul li.kmail b{font-size:14px; text-align:right;}
.join_wrap ul li.kmail input{width:390px;}
.join_wrap ul li span b{line-height:18px; font-weight:500; color:#333;}
.join_wrap .join_btn a{width:100%; text-align:center; line-height: 48px; background: #b51b33; color: #fff; display: inline-block;}
.join_wrap p{text-align:center; font-size:12px; margin:15px 0 150px 0;}

@media only screen and (max-width: 800px) {
	
	.login_wrap{width:100%; position:relative; margin:0; left:0; top:0;} 
	.login_wrap .login{width:90%; padding:5%;  height:auto; text-align:center;} 
	.login_wrap .notice img{width:100%;}
	
	footer{width:100%; position: static; min-width:100%;}
	footer .footerin .f_logo{position:static; margin-bottom:20px;}
	footer .footerin .sns_wrap{position: static; margin-top: 15px;}
	footer .footerin .copy_wrap p{font-size:12px; line-height:22px;}
}
@media only screen and (max-width: 740px) {

	.login_wrap .login{margin-top:400px;}
	.login_wrap .notice{width:100%; text-align:center; position:absolute; top:0px; left:0;}
	
	
}