/* new ligin */

#login_box {margin:2rem auto 5rem; clear:both; border:1px solid #D9D9D9; display: table; border-radius: 2rem;}
#login_box p.title { text-align: center; }
#login_box p.title img { margin-top: -5rem;}
#login_box #con_l h2 { text-align: center; color: #212F74; font-size: 3rem; font-weight: 700; margin-top: 3.2rem;}

#member_login {  margin: 0; position: relative; padding:3.2rem 4rem 4rem 4rem; min-width: 58rem; }
input.idinput, input.pwinput { border: 1px solid #D9D9D9; color: #555; font-size: 1.6rem; height: 8rem; padding: 1rem 1rem 1rem 6.8rem; width: 100%;}
input.idinput { border-bottom: none; border-radius: 1rem 1rem 0 0;}
input.pwinput { border-radius: 0 0 1rem 1rem;}
#member_login .daumhide01, #member_login .daumhide02 { color: #777; font-size: 1.6rem; left: 6.8rem; margin: 0; padding: 0; position: absolute; top: 2.8rem;}

#member_login .btn input.btnSubmit { margin-top: 2rem; width: 100%; background-color:#212F74; border: none; color: #fff; padding: 1.5rem; border-radius: 1rem; }
#member_login p.id, #member_login p.upw  {padding:0; margin:0; position:relative;}
#member_login p.id::before, #member_login p.upw::before { content: ''; display: block; width: 3.4rem; height: 3.4rem; position: absolute; left: 2.5rem; top: 2.2rem; }
#member_login p.id::before { background: url(/layout/images/module/board/ico_login_n.png) no-repeat 0 0;}
#member_login p.upw::before { background: url(/layout/images/module/board/ico_pw_n.png) no-repeat 0 0;}

@media screen and (max-width: 800px) {
	#login_box { display: block;}
	#member_login{min-width:inherit; width: 100%; padding: 3.2rem 3rem 4rem 3rem;}	
}
@media screen and (max-width: 360px) {
	#member_login .daumhide01 em, #member_login .daumhide02 em { display: none;}
}