@charset "utf-8";



/* 버튼 */

a.cfmBtn {display:inline-block; padding:5px; border-radius:3px; float:left; border:1px solid #ccc; font-size:11px; line-height:14px; background:linear-gradient(#fff, #f8f8f8); }
a.nextBtn{width:50%; font-size:12px; font-weight:600; float:left; border:1px solid #363636; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px; background:#363636; color:#fff;}
a.cancelBtn{width:49%; font-size:12px; margin-right:1%; float:left; border:1px solid #ccc; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px;}
a.nextBtn_pw{width:33%; font-size:12px; font-weight:600; float:left; border:1px solid #363636; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px; background:#363636; color:#fff;}
a.cancelBtn_pw{width:32%; font-size:12px; margin-right:1%; margin-left:1%; float:left; border:1px solid #ccc; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px;}

/*폐쇄화면*/
div.lockWrap001{width:100%; background:#fff; overflow:hidden; display:block; }
div.lockWrap001 div.lockOut{width:100%; position:absolute; top:50%; margin-top:-210px;}
div.lockWrap001 div.lockOut > img{margin:20px auto; text-align:center; display:block;}
div.lockWrap001 div.lockOut > p{width:100%; float:left; font-weight:600; color:#555; text-align:center; font-size:38px; letter-spacing:-2px; margin:20px 0; line-height:43px; word-break:keep-all;}
div.lockWrap001 div.lockOut > p > span{color:#008be7; display:inline-block; }
div.lockWrap001 div.lockOut > span{width:100%; line-height:22px; color:#555; font-size:16px; word-break:keep-all; font-weight:600; margin:20px 0 40px 0; float:left; text-align:center; letter-spacing:-1px; display:block; }

@media all and (max-width:420px){

	/*폐쇄화면*/
	div.lockWrap001 div.lockOut{padding:0 20px; box-sizing:border-box;}
	div.lockWrap001 div.lockOut img{width:100px;}
	div.lockWrap001 div.lockOut p{width:100%; float:left; font-weight:600; color:#555; text-align:center; font-size:26px; letter-spacing:-1px; line-height:32px; word-break:keep-all;}
	div.lockWrap001 div.lockOut > span{width:100%; line-height:20px; color:#555; font-size:14px; word-break:keep-all; font-weight:600; margin:15px 0 30px 0; float:left; text-align:center; letter-spacing:-1px; display:block; }

}


@media all and (min-width:420px) and (max-width:768px){
	
	/*폐쇄화면*/
	div.lockWrap001 div.lockOut{padding:0 20px; box-sizing:border-box;}
	div.lockWrap001 div.lockOut img{width:100px;}
	div.lockWrap001 div.lockOut p{width:100%; float:left; font-weight:600; color:#555; text-align:center; font-size:26px; letter-spacing:-1px; line-height:32px; word-break:keep-all;}
	div.lockWrap001 div.lockOut > span{width:100%; line-height:20px; color:#555; font-size:14px; word-break:keep-all; font-weight:600; margin:15px 0 30px 0; float:left; text-align:center; letter-spacing:0px; display:block; }

}