/****************************************************
	quickMenu
****************************************************/
#quickMenu{position: fixed; /*bottom: min(26%, 230rem);*/ bottom: clamp(4%, 19%, 200rem); right: 0; z-index: 999; width: 120rem; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 393rem;}
#quickMenu .menu-btn{width: 32rem; height: 64rem; background-color: var(--edm-brand-red); border-radius: var(--edm-radius2) 0 0 var(--edm-radius2); isolation: isolate; position: absolute; bottom: 32rem; left: 0; opacity: 1;}
#quickMenu .menu-btn svg{width: 10rem; height: 18rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#quickMenu .inner{padding: 24rem 20rem; margin: 0 0 0 auto; border-radius: var(--edm-radius4) 0 0 var(--edm-radius4); isolation: isolate; box-shadow: var(--edm-sd-neutral-1); overflow: hidden; background-color: #fff; width: 88rem; height: auto; border: 1px solid var(--edm-color-border-blue); border-right: none; }
#quickMenu .inner a{font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); text-align: center;}
#quickMenu .inner a + a{margin-top: 20rem;}
#quickMenu .inner a i{width: 28rem; height: 28rem; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto 4rem; display: block;}
#quickMenu .icon-quick-consultation{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-quick-consultation.svg');}
#quickMenu .icon-quick-kakao{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-quick-kakao.svg');}
#quickMenu .icon-quick-estimate{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-quick-estimate.svg');}
#quickMenu .icon-quick-review{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-quick-review.svg');}
#quickMenu .icon-quick-guidebook{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-quick-guidebook.svg');}
/* close */
#quickMenu.close .menu-btn svg{transform: translate(-50%, -50%) rotate(180deg);}
#quickMenu.close{transform: translateX(88rem);}
/* open-auth-modal */
#quickMenu.open-auth-modal{z-index: 10000;}



#back-to-top{position: fixed; bottom: 36rem; right: 14rem; z-index: 9990; width: 60rem; height: 60rem; background-color: #fff; border-radius: 50%; isolation: isolate; border: 1px solid var(--edm-color-border-neutral); opacity: 0; visibility: hidden; transition: all 0.3s ease; }
#back-to-top .btn{width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-back-to-top-60.svg'); }
#back-to-top.active{opacity: 1; visibility: visible;}












@media screen and (max-width: 991px) {
	#quickMenu.close{transform: none;}

	#quickMenu{bottom: 0; top: auto; width: 100%; background-color: #fff; border-top: 1px solid var(--edm-color-border-blue); padding: 16rem; height: 75rem; transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transform: translateY(0);}
	#quickMenu .menu-btn{opacity: 0; }
	#quickMenu .inner{width: 100%; border-radius:0; isolation: isolate; border: none; padding: 0; display: flex; justify-content: space-between; align-items: center; max-width: 744rem; margin: 0 auto; box-shadow: none;}
	#quickMenu .inner a + a{margin-top: 0;}
	#quickMenu .inner a i{width: 24rem; height: 24rem; margin: 0 auto 2rem;}
	#quickMenu .inner a{font-size: 11rem; letter-spacing: -0.11rem; color: var(--edm-color-text-2);}
	/* hide */
	#quickMenu.hide{transform: translateY(100%);}

	#back-to-top{width: 38rem; height: 38rem; bottom: 95rem; transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) bottom 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);}
	#back-to-top .btn{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-back-to-top-38.svg'); }
	#back-to-top.type2{bottom: 108rem;}
	#back-to-top.down{bottom: 20rem;}
}