/****************************************************
	quickMenu
****************************************************/
#quickMenu{position: fixed; top: clamp(100rem, 38%, 307rem); right: 0; z-index: 999; width: 120rem; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
#quickMenu .menu-btn{width: 32rem; height: 64rem; background-color: var(--edm-brand-red); border-radius: var(--edm-radius2) 0 0 var(--edm-radius2); 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); 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); 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-auto-modal */
#quickMenu.open-auto-modal{z-index: 10000;}


#back-to-top{position: fixed; bottom: 120rem; right: 14rem; z-index: 9990; width: 60rem; height: 60rem; background-color: #fff; border-radius: 50%; border: 1px solid var(--edm-color-border-neutral);}
#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'); }




@media screen and (max-width: 1400px) {
	#quickMenu{top: clamp(100rem, 23%, 307rem);}
}

@media screen and (max-width: 991px) {
	#quickMenu{bottom: 0; top: auto; width: 100%; background-color: #fff; border-top: 1px solid var(--edm-color-border-blue); padding: 16rem 16rem 24rem; height: 83rem; transition: none;}
	#quickMenu .menu-btn{opacity: 0; }
	#quickMenu .inner{width: 100%; border-radius:0; 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);}

	#back-to-top{width: 38rem; height: 38rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/icon-back-to-top-38.svg'); bottom: 103rem;}
	#back-to-top.type2{bottom: 108rem;}
}