/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */

body { height:100%; }
#wrap { overflow:hidden; position:relative; min-height:100%; width:100%; }

/* 확장 */
html.expand #wrap { height:100%; }
html.expand #container {-webkit-transform: translate(70%, 0); -moz-transform: translate(70%, 0); -ms-transform: translate(70%, 0); -o-transform: translate(70%, 0); transform: translate(70%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside { z-index:0; overflow-x:hidden; }

/* aside */
#aside { position:absolute; left:0px; top:0px; bottom:0; min-width:100px; width:70%; border-right:0px solid #ff0000; background:rgba(65, 66, 68,0.98); z-index:-1; visibility:hidden; overflow:auto; overflow-x:hidden; }
#aside .l_menu { float:left; padding-top:50px; }
#aside .l_menu li { float:left; display:inline-block; margin:0 0px 0 0; padding:0px 0 0; }
#aside .l_menu li img { width:100%; }

#aside .btnClose { position:absolute; top:0; right:0; display:block; margin:15px 0px 0px 0px; }


/* conatiner */
#container {
    z-index:100; position:relative; overflow:hidden; margin-top:0px; margin-left:0px; background-color:#fff;
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}


/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:70%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}