@charset "utf-8"; 

/********************************************************
■ SideBar : 사이드바(모바일 메뉴)
********************************************************/
/* sidebar Box */
#sidebar { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); position: fixed; top: 0; left: 0; z-index: 999999; box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); } 
#sidebar .inner {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;height: 100%;margin: 0 auto;} 
.sidebar__header { height: 100px; } 
.sidebar__header .inner { height: 100px; } 
.sidebar__header-logo {display: flex;width: 186px;} 
.sidebar__header-logo img { max-width: 100%; } 
.sidebar__btn-close { display: flex; align-items: center; width: 30px; height: 22px; position: relative; } 
.sidebar__btn-close::before, .sidebar__btn-close::after { content: ''; display: block; width: 100%; height: 3px; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } 
.sidebar__btn-close::before { transform: rotate(45deg); } 
.sidebar__btn-close::after { transform: rotate(-45deg); } 
.sidebar__cont {height: calc(100vh - 100px);overflow-y: auto;} 
.sidebar__menu {height: 90%;overflow-y: auto;} 
.sidebar__menu_depth1 {width: 100%;} 
.sidebar__menu_depth1::-webkit-scrollbar { width: 0px; border-radius: 10px; } 
.sidebar__menu_depth1::-webkit-scrollbar-thumb { background-color: #000; border-radius: 10px; } 
.sidebar__menu_depth1::-webkit-scrollbar-track { background-color: unset; border-radius: 10px; } 
.sidebar__menu_depth1 .sm-ul1 {width: 100%;} 
.sidebar__menu_depth1 .sm-li1 {display: flex;justify-content: center;align-items: center;} 
.sidebar__menu_depth1 .sm-li1:not(:last-child) {margin-bottom: 50px;} 
.sidebar__menu_depth1 .sm-a1 {/* margin: 0 40px 0 0; */color: #fff;font-size: 2.0em;font-weight: 700;} 
.sidebar__menu_depth2 .sm-ul2 {display: flex;gap: 0 30px;} 
.sidebar__menu_depth2 .sm-a2 {color: #A4A4A4;font-weight: 500;} 
.sidebar__menu_depth3 .sm-li3 { padding: 3px 0; } 
.sidebar__menu_depth3 .sm-a3 { color: rgba(255,255,255,.4); font-size: .90em; padding: 5px 0; } 
.sidebar__menu_depth3 .sm-a3:hover, 
.sidebar__menu_depth3 .sm-a3:focus { color: #fff; text-decoration: underline; text-underline-offset: 4px; } 
[class*=sidebar__menu_depth] a { transition: .35s; } 
[class*=sidebar__menu_depth] a.sm-a2:hover, 
[class*=sidebar__menu_depth] a.sm-a2:focus,
.sidebar__menu_depth2 .sm-li2.active .sm-a2  { color: #fff; text-decoration: underline; text-underline-offset: 8px; } 

@media all and (max-width: 1499px ){
	#sidebar .inner { margin: 0 50px;} 
}
@media all and (max-width: 1199px){
	.sidebar__header {height: 80px;}
	.sidebar__header-logo img {max-width: 85%;}
	.sidebar__cont {height: calc(100vh - 80px);}
}
@media all and (max-width: 768px ){
	#sidebar .inner { margin: 0 30px;}
	#sidebar .sidebar__menu .inner {/* align-items: flex-start; *//* height: 100%; *//* margin: 0; */}
	.sidebar__menu_depth1 {/* padding: 30px 0; */}
	/* .sidebar__menu_depth1 .sm-li1 {flex-direction: column;align-items: flex-start;border-bottom: 1px solid rgba(255,255,255,.3);box-sizing: border-box;position: relative;}
    .sidebar__menu_depth1 .sm-li1:has(.sidebar__menu_depth2) .toggle-arrow {display: block;width: 16px;height: 16px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg);position: absolute;top: 30px;right: 38px;cursor: pointer;transition: transform 0.3s ease-in-out;}
    .sidebar__menu_depth1 .sm-li1:has(.sidebar__menu_depth2).active .toggle-arrow {transform: rotate(-45deg);}
	.sidebar__menu_depth1 .sm-li1:not(:last-child) {margin-bottom: 0;} 
	.sidebar__menu_depth1 .sm-a1 {display: block;max-width: 85%;width: 100%;margin: 0;padding: 20px 30px;font-size: 1.25em;}
	.sidebar__menu_depth2 {max-height: 0px;overflow: hidden;transition: max-height 0.3s ease-in-out;}
    .sidebar__menu_depth2.open {width: 100%;max-height: 500px;background: #000000;}
	.sidebar__menu_depth2 .sm-ul2 {flex-direction: column;padding: 10px 0;}
	.sidebar__menu_depth2 .sm-a2 {display: block;padding: 10px 30px;font-size: 18px;}*/
}