/**************
  quick menu
**************/
.quick_menu{position:fixed; top:0; right:0; height:100%; padding:1.3rem; border-left:1px solid #e8e8ee; background-color:#fff;}
.quick_menu>ul>li{position:relative;}
.quick_menu>ul>li+li{margin-top:1.2rem;}

/* quickmenu button */
.btn_quick{position:relative; border-radius:0.5rem; overflow: hidden; perspective: 1000px;}
.btn_quick_inner{display:block; position:relative; transition: transform 0.3s ease;}
.btn_quick_inner_m{display:none;}
.btn_quick .front{display: block;}
.btn_quick .back{display:none; justify-content: center; align-items: center; position:absolute; top:0; left:0; width:100%; height:100%;}
.btn_quick.opened .back{display:flex;}

/* sub depth */
.quick_subdepth{display:none; position:absolute; top:-0.6rem; right:7.6rem; padding:2rem 1.3rem; /* font-size:1.2rem; */ font-size:1.4rem; white-space: nowrap; letter-spacing: -0.02em; border:1px solid #e8e8ee; border-radius:1.5rem; background-color:#fff; box-shadow: 0px 0px 1.72rem 0.28rem rgba(0, 0, 0, 0.1);}
.quick_subdepth:after{content:""; display:block; position:absolute; top:2.4rem; right:0; width:1.2rem; height:1.2rem; background:url(../img/ico_quick_arrow.png) no-repeat top left; transform:translateX(100%);}
.quick_subdepth_group+.quick_subdepth_group{margin-top:1.8rem; padding-top:1.8rem; border-top:1px solid #e8e8ee;}
.tit_quick_subdepth_group{margin-bottom:1.2rem; /* font-size:1.4rem; */ font-size:1.6rem; font-weight:700; line-height: 1;}
.quick_subdepth_group ul{/* min-width:16rem; */ min-width:18.5rem; margin-left:-0.4rem; overflow-x:hidden; overflow-y:auto; scrollbar-color: #e8e8ee #fff; scrollbar-width: thin;}

.quick_subdepth_group ul::-webkit-scrollbar{width:0.5rem;}
.quick_subdepth_group ul::-webkit-scrollbar-track{background-color: #fff;}
.quick_subdepth_group ul::-webkit-scrollbar-thumb{border-radius:2em; background-color: #e8e8ee;}
.quick_subdepth_group a{display:flex; align-items: center; position:relative; padding:0.3rem 1rem 0.3rem 0.8rem; border-radius:0.6rem; transition:background-color 0.2s ease;}
.quick_subdepth_group a:before{content:""; display:block; width:0.4rem; height:0.4rem; margin-right:0.5rem; border-radius:50%;}
.quick_subdepth_group a:hover{background-color:#e8e8ee;}

/* 기업회원전용 메뉴 */
.subdepth_member .tit_quick_subdepth_group{color:#ea6018;}
.subdepth_member .quick_subdepth_group a:before{background-color:#ebae8d;}
.subdepth_member .back{background-color:#ebae8d;}

/* 마이메뉴 */
.subdepth_mypage .quick_subdepth_group a:before{background-color:#e895be;}
.subdepth_mypage .back{background-color:#e895be;}
.subdepth_mypage .quick_subdepth_group ul{max-height:calc(2.7rem * 18);}

/* 외부링크 */
.subdepth_link .tit_quick_subdepth_group{color:#0092c9;}
.subdepth_link .quick_subdepth_group a:before{background-color:#9fd1e3;}
.subdepth_link .back{background-color:#9fd1e3;}
.subdepth_link .quick_subdepth_group ul{max-height:calc(2.7rem * 3);}

/* 관리자페이지 */
.subdepth_admin .tit_quick_subdepth_group{color:#0092c9;}
.subdepth_admin .quick_subdepth_group a:before{background-color:#7aa2df;}
.subdepth_admin .back{background-color:#7aa2df;}
.subdepth_admin .quick_subdepth_group ul{max-height:calc(2.7rem * 10);}

/* 유틸메뉴 */
.subdepth_util .tit_quick_subdepth_group{color:#9c92d8;}
.subdepth_util .quick_subdepth_group a:before{background-color:#9c92d8;}
.subdepth_util .back{background-color:#9c92d8;}
.subdepth_util .quick_subdepth_group ul{max-height:calc(2.7rem * 10);}

/* 메뉴 오픈 애니메이션 */
.btn_quick.opened+.quick_subdepth{display:block; opacity:0; animation: quickSubmenu 0.35s ease forwards alternate;}

@keyframes quickSubmenu{
  0%{opacity:0; transform:translateX(0.5rem);}
  100%{opacity:1; transform:translateX(0);}
}

@media screen and (max-width:1024px){
	.tit_quick_subdepth_group{position:relative; width:100%; padding-bottom:1.5rem; font-size:3.6rem;}
}