/*******************************************************
	footer
*******************************************************/
#footer{background-color: var(--edm-bg-neutral); padding: 32rem 0 100rem; font: var(--edm-f-body1); font-weight: 400;}
#footer .max-width{max-width: 1712rem;}
#footer .top{margin-bottom: 100rem; align-items: center;}
#footer .top .footer-menu{column-gap: 40rem;}
#footer .top .footer-menu em{color: var(--edm-brand-primary);}
#footer .top .shortcutWrap{column-gap: 40rem;}
#footer .top .shortcutWrap .snsWrap{column-gap: 12rem;}
#footer .top .shortcutWrap .snsWrap a{display: 48rem; height: 48rem;}
#footer .top .shortcutWrap .snsWrap [class^="icon-"]{display: inline-block; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;}
#footer .top .shortcutWrap .snsWrap .icon-youtube{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/footer/icon-youtube-48.svg');}
#footer .top .shortcutWrap .snsWrap .icon-blog{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/footer/icon-blog-48.svg');}
#footer .top .shortcutWrap .snsWrap .icon-instagram{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/footer/icon-instagram-48.svg');}
#footer .top .shortcutWrap .snsWrap .icon-facebook{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/footer/icon-facebook-48.svg');}
#footer .top .shortcutWrap .edm-select-area{width: 260rem; height: 48rem; z-index: 2;}
#footer .bottom{position: relative;}
#footer .bottom .info .logo{width: 188rem; margin-bottom: 40rem;}
#footer .bottom .info ul li{display: flex; column-gap: 12rem; color: var(--edm-color-text-3);}
#footer .bottom .info ul li + li{margin-top: 4rem;}
#footer .bottom .info .notice{font: var(--edm-f-detail); color: var(--edm-color-text-4); margin-top: 24rem;}
#footer .bottom .contactWrap{position: absolute; right: 0; top: 0; text-align: right;}
#footer .bottom .contactWrap .contact .tit{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/footer/icon-contact-24.svg'); background-size: 24rem; background-repeat: no-repeat; background-position: left center; padding-left: 28rem; font: var(--edm-f-h5); display: inline-block;}
#footer .bottom .contactWrap .contact b{font: var(--edm-f-h1);}
#footer .bottom .contactWrap .time{color: var(--edm-color-text-3); column-gap: 12rem;}






@media screen and (max-width: 991px) {
	#footer{padding: 24rem 0 143rem; font: var(--edm-f-body2); font-weight: 400;}
	#footer .top{margin-bottom: 40rem;}
	#footer .top .footer-menu{column-gap: 12rem; row-gap: 4rem; font: var(--edm-f-detail); margin-bottom: 40rem;}
	#footer .top .shortcutWrap{column-gap: 12rem;}
	#footer .top .shortcutWrap .snsWrap{column-gap: 4rem;}
	#footer .top .shortcutWrap .snsWrap a{width: 38rem; height: 38rem;}
	#footer .top .shortcutWrap .edm-select-area{width: 152rem; height: 40rem;}
	#footer .top .shortcutWrap .edm-select-area .edm-select + .select2{height: 40rem; font: var(--edm-f-body2); font-weight: 400; line-height: 40rem;}
	#footer .top .shortcutWrap .edm-select-area .edm-select + .select2 .select2-selection__arrow{width: 16rem; height: 16rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/select-arrow-16.svg');}
	#footer .bottom .contactWrap{position: static; text-align: left; margin-bottom: 40rem;}
	#footer .bottom .contactWrap .contact{display: flex; align-items: center; margin-bottom: 6rem;}
	#footer .bottom .contactWrap .contact a{font: var(--edm-f-h2); margin-left: 8rem; position: relative;}
	#footer .bottom .contactWrap .contact a::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--edm-color-text-1);}
	#footer .bottom .contactWrap .time{font: var(--edm-f-h5); font-weight: 400; column-gap: 8rem;}
	#footer .bottom .info .logo{width: 120rem; margin-bottom: 24rem;}
	#footer .bottom .info ul li{column-gap: 2rem; row-gap: 2rem; flex-wrap: wrap;}
	#footer .bottom .info ul li + li{margin-top: 2rem;}
	#footer .bottom .info .notice{margin-top: 12rem;}
}