/**************************** 모바일 사이드 메뉴 ***********************************/

/* Menu Appearance */
.pushyRight { position: fixed; width: 270px;  height: 100%; text-align:top;  top: 0; z-index: 1100; background: #ffffff; 
/* enables momentum scrolling in iOS overflow elements */}    
/* Menu Movement */
.pushy-right{    right:-100px;
    -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}
.pushy-right-open{    right:0px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.container-right-push{    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}
.push-push{   -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}
/* Menu Transitions */
.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}


/* Site Overlay */
.overlay-pushy{display: none;}
.overlay-pushy.overlay-active {display: block; position: fixed;top: 0; right: 0;bottom: 0;left: 0; z-index: 1100;    
        background-color: rgba(0,0,0,0.8);
        -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}