*{margin:0;padding:0;}


    .header{
        width: 100%;
        height: 50px;
        background: #2E75B6;
    }
    .header_cellspacing{
        height:0px;
        background: #2E75B6;
    }
    .menu_bg{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        position: absolute;
        top:0;
        display: none;
    }
   .sidebar_menu{
        display: none;
        width: 30%;
        height: 100%;
        background: #2E75B6;
        position: absolute;
        top:0;
        right: -30%;
        
    }
    .close_btn{
        width: 25px;
        height: 25px;
    }
    .close_btn > a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .menu_wrap{
        list-style: none;
        padding: 20px 20px;   
        margin:5px;
    }
    .menu_wrap li a{
        color: #fff;
        text-decoration: none;
    }
	.depth_1{
		margin-left:10px;
        color: #fff;
        text-decoration: none;
    }
	.sidebar_menu ul.menu_wrap li .depth_1 a{ position:relative; float:left; margin-left:10px;display:block; width:100%; z-index:999;}
	.sidebar_menu ul.menu_wrap li .depth_1 a:hover{ padding-left:1px;background:#023B76; color:#fff; }
	ul{
	   list-style:none;
	}
 
    /* 화면 너비 0 ~ 801px -> 768px에서 수정*/
    @media (max-width: 801px){
        .sidebar_menu{
            display: none;
            width: 40%;
            height: 100%;
            background: #2E75B6;
            position: absolute;
            top:0;
            right: -40%;
            
        }
        .header_cellspacing{
            height:6px;
        }
    }
    /* 화면 너비 0 ~ 480px */
    @media (max-width: 480px){
        .sidebar_menu{
            display: none;
            width: 50%;
            height: 100%;
            background: #2E75B6;
            position: absolute;
            top:0;
            right: -50%;
        }
        .header_cellspacing{
            height:12px;
        }
    }