
/*페이지 헤더 공통*/
.header { box-shadow: 0px var(--unit-2) var(--unit-18) rgba(19, 27, 62, 0.1); flex-wrap: wrap; z-index: 10; background-color: var(--color_00); position: fixed; width: 100%; display: flex; top: 0; left: 0; } 
.header .pageName { font-size: var(--unit-34); line-height: var(--unit-100); font-weight:var(--fontWeight-semiBold); } 
.header .btnBox { display: flex; } 
.header .btnBox button { width: var(--unit-100); height: var(--unit-100); } 
.header .btnBox button img { width: var(--unit-36); } 


/*페이지 헤더*/
.header { justify-content: space-between; } 
.header .pageName { position: absolute; left: 50%; transform: translateX(-50%); font-size: var(--unit-36); } 
.wrapper { margin-top: var(--unit-100); } 



/*사이드메뉴*/
._popup._sideMenu { z-index: 200; position: fixed; left: 0; top: 0; height: 100%; width:100%; background-color: rgba(0,0,0,0.5); } 
._popup._sideMenu .wrap { animation: _popupright 0.3s ease-out; background-color: var(--mo_bg_light_blue); position: fixed; right: 0; top: 0; max-width: var(--unit-720); width: 80%; height: 100%; } 
._popup._sideMenu .wrap .userBtn { position: absolute; height: var(--unit-120); background-color: #ECEDF1; left: 0; bottom: 0;; width: 100%; display: flex;}
._popup._sideMenu .wrap .userBtn button { position: relative; flex: 1; font-size: var(--unit-30); font-weight: var(--fontWeight-semiBold); } 
._popup._sideMenu .wrap .userBtn button:after { content: ""; display: block; width: 1px; height: var(--unit-24); background-color: var(--color_07); position: absolute; top: 50%; transform: translateY(-50%); right: 0; } 
._popup._sideMenu .wrap .userBtn button:last-child:after { display: none; } 
._popup._sideMenu .top { background-color: var(--mo-main); display: flex; position: relative; padding:0 var(--unit-36); align-items: center; height: var(--unit-130); } 
._popup._sideMenu .top .closeBtn { position: absolute; top: 0; right: 0; width: var(--unit-100); height: 100%; display: flex; align-items: center; justify-content:center; } 
._popup._sideMenu .top .closeBtn img { width: var(--unit-24); } 
._popup._sideMenu .top .user { color: var(--color_00); font-size: var(--unit-36); } 
._popup._sideMenu .wrap .sideMenuList { height: calc(100% - var(--unit-130)); padding-bottom: var(--unit-150); overflow: auto; } 
._popup._sideMenu .wrap .sideMenuList li {height: var(--unit-120); padding:0 var(--unit-42); display: flex; border-bottom: var(--basicLine); align-items: center; font-size: var(--unit-30); font-weight: var(--fontWeight-semiBold); background-image: url(../../img/arrow/arrow-right-07.png); background-position: calc(100% - var(--unit-42)); background-size: var(--unit-20); } 







