@charset "utf-8";

/* 로그인 */
html, body { width:100%; height:100%; margin:0px; padding:0px; }
.login{background:url(../new/bg_login_all.png); margin:0; padding:0;height:100%;overflow:hidden; clear:both;}
.login_wrap{overflow:hidden; margin:89px auto 0px auto; width:1281px; height:619px; background:url(../new/bg_login.png) no-repeat;}
.login_wrap .idpwd_wrap{padding:225px 0px 0px 800px; }
.login_wrap .idpwd_wrap li{margin-bottom:20px;}
.login_wrap .idpwd_wrap input{padding:12px; border:1px solid #a0a0a0; font-size:13px; width:250px;}
.login_wrap .idpwd_wrap button{padding:8px 98px;  background:#0068bb; color:#fff; font-weight:300; font-size:20px; letter-spacing:-2px; text-align:center;}


/* 미디어쿼리 */
@media all and (max-width: 1024px){
.login{background:url(../new/bg_login_tablet_all.png);margin:0; padding:0;height:100%;}
.login_wrap{overflow:hidden; margin:71px auto 0px auto; width:1000px; height:753px; background:url(../new/bg_login_tablet.png) no-repeat;}
.login_wrap .idpwd_wrap{padding:173px 0px 0px 630px;}
.login_wrap .idpwd_wrap li{margin-bottom:12px;}
.login_wrap .idpwd_wrap input{padding:10px; border:1px solid #a0a0a0; font-size:13px; width:200px;}
.login_wrap .idpwd_wrap button{padding:8px 74px;  background:#0068bb; color:#fff; font-weight:300; font-size:20px; letter-spacing:-2px; text-align:center;}
}

@media all and (max-width:768px){ 
.login{background:url(../new/bg_login_tablet_all.png);margin:0; padding:0;height:100%;}
.login_wrap{overflow:hidden; margin:11px auto 0px auto; width:480px; height:595px; background:url(../new/bg_mobile.png) no-repeat;}
.login_wrap .idpwd_wrap{padding:280px 0px 0px 150px;}
.login_wrap .idpwd_wrap li{margin-bottom:12px;}
.login_wrap .idpwd_wrap input{padding:8px; border:1px solid #a0a0a0; font-size:13px; width:224px;}
.login_wrap .idpwd_wrap button{padding:8px 30px; margin-left:110px; background:#0068bb; color:#fff; font-weight:300; font-size:20px; letter-spacing:-2px; text-align:center;}
}

@media all and (max-width:640px){
.login{background:url(../new/bg_login_tablet_all.png);margin:0; padding:0;height:100%;}
.login_wrap{overflow:hidden; margin:11px auto 0px auto; width:480px; height:595px; background:url(../new/bg_mobile.png) no-repeat;}
.login_wrap .idpwd_wrap{padding:280px 0px 0px 150px;}
.login_wrap .idpwd_wrap li{margin-bottom:12px;}
.login_wrap .idpwd_wrap input{padding:8px; border:1px solid #a0a0a0; font-size:13px; width:224px;}
.login_wrap .idpwd_wrap button{padding:8px 30px; margin-left:110px; background:#0068bb; color:#fff; font-weight:300; font-size:20px; letter-spacing:-2px; text-align:center;}

}

@media all and (max-width:400px) { /* mobile ver */
.login{background:url(../new/bg_login_tablet_all.png);margin:0; padding:0;height:100%;}
.login_wrap{overflow:hidden; margin:11px auto 0px auto; width:480px; height:595px; background:url(../new/bg_mobile.png) no-repeat;}
.login_wrap .idpwd_wrap{padding:280px 0px 0px 150px;}
.login_wrap .idpwd_wrap li{margin-bottom:12px;}
.login_wrap .idpwd_wrap input{padding:8px; border:1px solid #a0a0a0; font-size:13px; width:224px;}
.login_wrap .idpwd_wrap button{padding:8px 30px; margin-left:110px; background:#0068bb; color:#fff; font-weight:300; font-size:20px; letter-spacing:-2px; text-align:center;}

}