@charset "utf-8";

.side_menu{max-width:130rem;width:100%;height:100%;margin:-4rem auto 0;border-radius:1rem;background:#fff;position:relative;z-index:10;box-shadow:0 0 2rem rgba(0,0,0,.15)}
.side_menu .drop_header{position:relative;display:flex;}
.side_menu .home{width:8rem;height:8rem;border-radius:1rem 0 0 1rem;background:#1a4a6e;position:relative;}
.side_menu .home a{display:block;}
.side_menu .home img{width:1.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

/* 첫번째 depth */
.side_menu ul.dep1{width:26rem;border-right:1px solid #ddd}
.side_menu ul.dep1 > li{width:100%;position:relative;}
.side_menu ul.dep1 > li::after{content:'';width:0.8rem;height:0.8rem;border-left:2px solid #666;border-bottom:2px solid #666;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%) rotate(-45deg);transition:all 0.2s;}
.side_menu ul.dep1 > li.active::after{transform:rotate(135deg);}
.side_menu ul.dep1 > li > a{display:block;height:8rem;padding:0 2.5rem;font-size:1.7rem;line-height:8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* 두번째 depth */
.side_menu ul.dep2{width:26rem;border-top:1px solid #ddd;background:#fff;position:absolute;top:8rem;left:-1px;z-index:9;display:none;}
.side_menu ul.sub_menu_list_m.dep2{left:auto;right:-1px;}
.side_menu ul.dep2 > li{width:100%;margin-right:-1px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;transition:.2s;}
.side_menu ul.dep2 > li > a{display:block;height:5.5rem;padding:0 2.5rem;font-size:1.6rem;color:#666;line-height:5.5rem;}
.side_menu ul.dep2 > li.sub_menu_on > a{font-weight:500;color:#333}  /* 해당페이지 메뉴 */
.side_menu ul.dep2 > li:hover a{background:#f7f7f7;}

/*페이지경로*/

.page_path{position:absolute;right:3rem;top:50%;transform:translateY(-50%)}
.page_path li{float:left;color:#666}
.page_path li i{display:inline-block;padding:0 .7rem 0 1rem;color:#999}

@media(max-width:1024px){
.side_menu{margin:0 auto;border-radius:0}
.side_menu .home{border-radius:0}	
.page_path{display:none}
}

@media(max-width:767px){
	.side_menu .home{width:5rem;height:5rem}
	.side_menu ul.dep1{width:calc(50% - 2.5rem)}
	.side_menu ul.dep1 > li > a{height:5rem;padding:0 2rem;line-height:5rem}
	.side_menu ul.dep2{width:calc(100% + 1px);left:0;top:5rem}
	.side_menu ul.sub_menu_list_m.s_dep2{width:calc(100% + 2px);right:-1px}
	.side_menu ul.dep2 > li > a{height:4.8rem;line-height:4.8rem}
}

@media(max-width:480px){
	.side_menu ul.dep2, .side_menu ul.sub_menu_list_m.s_dep2{width:calc(160% + 2px)}
	.side_menu ul.dep2 > li > a{padding:0 1.5rem}
}