.m-wrap {width:100%;}
.m-o-gnb{position: fixed; right: 0px; width: 50px; min-height: 60px; z-index: 999;}
.m-o-gnb .c-btn-1 {line-height: 43px; height: 42px; width: 42px; font-size: 24px; margin-top: 7px; margin-right: 8px; color: #000; cursor: pointer; text-align: center;}
.m-o-sideBar{display: none;z-index: 9; position: fixed; top: 0px; height: 100%; left: 0px; width: 260px; overflow: auto; -webkit-overflow-scrolling: touch; background: #39464f;}

.m-o-sideBar .c-menuBox .editBtn, .m-o-sideBar .c-menuBox button{display: block; width: 100%; margin-top: 8px; padding: 10px 0; letter-spacing: -1px; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; text-align: center; border: 0; border-radius: 3px;}
.m-o-gnb{display: none}



@media screen and (max-width: 720px){

    .m-btn c-btn-1{display: block;}
    /*슬라이드메뉴*/
    #wrap {position:relative;transition: 300ms;-webkit-transition: 300ms ease-in-out;overflow:hidden;background:#efefef;}
    .m-wrap.expand #wrap {transform : translate(260px,0);-webkit-transform : translate(260px,0);}
    .m-o-gnb {display: block;transition: 300ms;-webkit-transition: 300ms ease-in-out;}
    .m-wrap.expand .m-o-gnb {transform : translate(260px,0);-webkit-transform : translate(260px,0);}
    .m-imageBox {display:block;}
    .m-menuBar {position:absolute;right:0px;top:40px; }
    .m-innerWrap {position:relative;z-index:10;width:100%;height:100%;background-color: #efefef;}
    .m-section {position:relative;z-index: 5;}
    .m-o-sideBar {display:none;}
    .m-shadow {position:absolute;z-index:-1;width:100%;height:100%;left:0px;top:0px;overflow:scroll; transition: opacity 300ms ease-in-out;-webkit-transition: opacity 300ms ease-in-out;background:#000; opacity: 0;  }
    .expand .m-shadow { opacity: 0.5; }

    .m-o-sideBar {display:none;z-index:0;position:fixed;top:0px;height:100%;left:0px;width:260px;overflow:auto;-webkit-overflow-scrolling:touch; background:#294254;}


    .m-o-sideBar .c-menuBox {width:85%;margin:20px auto;}
    .m-o-sideBar .c-top_menu li{color:white;  font-size:16px;font-weight:500;padding:0;letter-spacing: -1px; margin: 10px 0;}
    .m-o-sideBar .c-top_menu li:hover{text-decoration: none;background:#233541;}

    .m-o-sideBar .c-sub_menu {display: block;}
    .m-o-sideBar .c-sub_menu li{ padding: 15px 0; width: 46%; border: 1px solid #ccc; display: inline-block; text-align: center; margin: 5px 2px; border-radius: 3px; font-size:15px;font-weight:500;}
    .m-o-sideBar .c-sub_menu .on{background-color:#18965c;}
    /*.m-o-sideBar .c-sub_menu .on a{color:#233541;}*/
	
	button.login{background:#fff;}
	button.member{background:#1e70ec; color:#fff;}

}