/* modal window */
/*
.modal {
	position:fixed;width:100%;height:100%;top:0%;left:0%;
	background:#f7f7f7;overflow:auto;
	-moz-transform: translate(100%,0%);
	-webkit-transform: translate(100%,0%);
	transform:translate(100%,0%);
	opacity:1; visibility:hidden;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	box-sizing: border-box;

}
.aniclassModal { opacity:1; visibility:visible; left:-100%; }
*/

.modal {
	position:fixed;width:100%;height:100%;top:0%;left:0%;/*absolute, fixed 택1*/
	background:#f7f7f7;overflow:auto;
	-moz-transform: translate(100%,0%);
	-webkit-transform: translate(100%,0%);
	transform:translate(100%,0%);
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	filter: alpha(opacity=0); opacity: 0;
}
.aniclassModal { left:-100%; 
filter: alpha(opacity=100); opacity: 1;
}


h1 { text-align:center; padding:20px 0;}

.modal-header {position:fixed;width:100%;box-sizing: border-box;padding:10px;text-align:center;border-bottom:1px solid #e7e7e7;background:#fff;}
.modal-body {height:100%;overflow-y:auto;position:fixed;width:100%;box-sizing: border-box;padding:80px 22px 22px 22px;-webkit-overflow-scrolling: touch;background:#FFF !important;}/* ios 스크롤 끊김 방지*/
.modal-header h2 { color:#444; font-size:1.2em;line-height:35px;background:#fff;}
.backBtn {  position: absolute;top: 15;left: 15px;font-size: 30px;}
.closeBtn {  position: absolute;top: 15;right: 15px;font-size: 30px;margin-left:50%;}
.closeMSG {  position: absolute;top: 15;right: 15px;font-size: 30px;margin-left:50%;}
.modal-content { background:#f7f7f7;  }

/* menu */
.menu {
	position:fixed;width:100%;height:100%;top:0%;left:0%;/*absolute, fixed 택1*/
	background:#f7f7f7;overflow:auto;
	-moz-transform: translate(-100%,0%);
	-webkit-transform: translate(-100%,0%);
	transform:translate(-100%,0%);
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:999;
	filter: alpha(opacity=0); opacity: 0;
}

.aniclassMenu {left:100%; 
filter: alpha(opacity=100); opacity: 1;
}


#menuBtn{font-size:30px;cursor:pointer;padding-left:10px;color:#FFF !important;}
.modal-pop{cursor:pointer;}/*아이폰 사파리 경우 document.on.click 이벤트가 안먹을때 필수*/