@charset "utf-8";

/* 사이드 메뉴 mobile ============================================ */
#side_menu_wrap{max-width:140rem;width:100%;margin:-3.5rem auto 0;border-radius: 2rem 1rem 1rem 2rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2);position:relative;z-index:20}
.side_menu_mobile{max-width:60rem;width:100%}
.side_menu_mobile .drop_header{position:relative;display:flex}
.side_menu_mobile .home{width:7rem;height:7rem;border-radius:1rem 0 0 1rem;background:var(--pt-color);position:relative}
.side_menu_mobile .home a{display:block}
.side_menu_mobile .home img{width:1.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.side_menu_mobile ul{width:100%}

/* 첫번째 depth */
.side_menu_mobile ul.dep1{width:calc((100% - 5rem) / 2);border-right:1px solid #ddd;background:#fff}
.side_menu_mobile ul.dep1>li{width:100%;position:relative}
.side_menu_mobile 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_mobile ul.dep1>li.active::after{transform:rotate(135deg)}
.side_menu_mobile ul.dep1>li>a{display:block;height:100%;padding:0 2.2rem 0 1.2rem;font-size:1.6rem;line-height:7rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.side_menu_mobile ul.sub_menu_list_m.dep1>li>a{background:#f7f7f7}

/* 두번째 depth */
.side_menu_mobile ul.dep2{display:none;width:calc(100% + 2px);border:1px solid #ddd;border-top:none;border-radius:0 0 1rem 1rem;background:#fff;overflow:hidden;position:absolute;top:7rem;left:-1px;z-index:99}
.side_menu_mobile ul.sub_menu_list_m.dep2{left:auto;right:-1px}
.side_menu_mobile ul.dep2>li{width:100%;margin-right:-1px;border-top:1px solid #ddd;transition:.2s}
.side_menu_mobile ul.dep2>li>a{display:block;height:4.8rem;padding:0 1.2rem;font-size:1.6rem;line-height:5rem;white-space:nowrap}
.side_menu_mobile ul.dep2>li.sub_menu_on>a{font-weight:600}
.side_menu_mobile ul.dep2>li:hover a{background:#f7f7f7}

#side_menu_wrap .page_root{font-size:1.6rem;font-weight:500;line-height:100%;color:#888;white-space:nowrap;position:absolute;top:50%;right:4rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem 2rem}
#side_menu_wrap .page_root li{position:relative;line-height:.7;display:flex;align-items:center;gap:.5rem}
#side_menu_wrap .page_root li:after {content: "\f105";color:#ccc;position:absolute;right:-1.4rem;top:50%;transform:translateY(-56%);font-family:'fontawesome';}
#side_menu_wrap .page_root li:last-child{font-weight:700;}
#side_menu_wrap .page_root li:last-child:after{display:none}
#side_menu_wrapp .page_root li img{width:1.8rem}

@media(max-width:1024px){
#side_menu_wrap{border-radius:0}	
.side_menu_mobile .home{width:6rem;height:6rem;border-radius:0}
.side_menu_mobile ul.dep1>li>a{line-height:6rem}
.side_menu_mobile ul.sub_menu_list_m.dep2{top:6rem}
.side_menu_mobile ul.dep2{top:6rem}

#side_menu_wrap .page_root{top:-3rem;right:1rem;transform:none;}
#side_menu_wrap .page_root li{color:rgba(255,255,255,.8)}
}