@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {width:100%; height:100%; margin:0; padding:0;} 
body{ font-family:'Nanum Gothic'sans-serif; height:100%;}

#wrap {width:100%; height:100%; background:#fff;  }
.login_wp { position:relative; width:100%; height:100%; overflow:hidden }
.login_wp .login_left { position:relative; float:left; width:30%; height:100%; background:url(../images/login_bg.jpg) center 0 no-repeat; background-size:cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login_bg.jpg',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login_bg.jpg',sizingMethod='scale')"; }
.login_wp .login_left .ad_logo { position:absolute; left:35px; top:35px; width:168px; height:33px; }
.login_wp .login_left .ad_logo img { width:100%; }
.login_wp .login_right { position:relative; float:left; width:70%; height:100%; }
.login_wp .login_right .login_inp_info { position:relative; width:30%; text-align:center; margin:25% auto 0 auto;}
.login_wp .login_right .login_inp_info .lg_tl { position:relative; font-size:2.2em; color:#222; font-family:'nanumgothic', sans-serif; line-height:1.2; }

.ip1 { position:relative; background:#fff; border:1px solid #dfdfdf; padding:10px; width:100%; font-size:0.9em; }
.sv_id { font-size:0.95em; color:#888; text-align:left; margin-top:15px; }
.login_btn1 { position:relative; width:100%; background:#e6242c; padding:15px; text-align:center; color:#fff; border:none; cursor:pointer; font-size:1.1em; margin-top:30px;}
.login_btn1:hover { background:#c1131a; }

@media all and (max-width:1000px) {
	
	.login_wp .login_left { position:absolute; float:inherit; width:100%; height:100%; background:url(../images/new/login_bg_m.jpg) center 0 no-repeat; background-size:cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/new/login_bg_m.jpg',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='..//images/new/login_bg_m.jpg',sizingMethod='scale')"; }
	.login_wp .login_left .ad_logo { position:absolute; left:15px; top:15px; width:90px; height:18px; }
	
	.login_wp .login_right { position:relative; float:none; width:70%; height:inherit; margin:100px auto; padding:0;}
	.login_wp .login_right .login_inp_info { position:relative; width:100%; text-align:center; margin:25% auto 0 auto;}
	.login_wp .login_right .login_inp_info .lg_tl { position:relative; font-size:1.4em; color:#222; font-family:'nanumgothic', sans-serif; line-height:1.2; }

	.ip1 { position:relative; background:#fff; border:1px solid #dfdfdf; padding:10px; width:100%; font-size:0.9em; }
	.sv_id { font-size:0.95em; color:#fff; text-align:left; margin-top:15px; }
	.login_btn1 { position:relative; width:100%; background:#e6242c; padding:15px; text-align:center; color:#fff; border:none; cursor:pointer; font-size:1.1em; margin-top:30px;}
	.login_btn1:hover { background:#c1131a; }


}