/* === XS === */

body > .canvas > footer {
	width:      100vw;
	max-width:  1920px;
	overflow:   hidden;
	padding:    0;
	margin:     0;
	border-top: 2px solid rgb(153, 153, 153);
}

body > .canvas > footer .footer-inner {
	position:  relative;
	width:     100%;
	max-width: 1280px;
	margin:    0 auto;
	padding:   24px 24px 48px;
	font-size: 0;
}

body > .canvas > footer .footer-inner > .footer-logo {
	display:  block;
	position: relative;
	width:    236px;
}

body > .canvas > footer .footer-inner > .footer-logo > img {
	width:  190px;
	height: auto;
}

body > .canvas > footer .footer-inner > .footer-menu {
	display:        block;
	position:       relative;
	width:          100%;
	vertical-align: top;
	margin-top:     12px;
}

body > .canvas > footer ul#footer-menu {
	width:     100%;
	font-size: 0;
	margin:    0;
	padding:   0;
}

body > .canvas > footer ul#footer-menu > li {
	display:        block;
	vertical-align: top;
	width:          100%;
	font-size:      15px;
	font-weight:    700;
	margin-top:     12px;
}

body > .canvas > footer ul#footer-menu > li ul.sub-menu {
	display:         block;
	margin:          0;
	padding:         0 0 0 9px;
	font-weight:     500;
	list-style-type: none;
}

body > .canvas > footer ul#footer-menu > li:last-of-type ul.sub-menu {
	display:        block;
	vertical-align: top;
	font-weight:    700;
	padding:        0;
}

/*
 * === SM ===
 */

@media screen and (min-width: 500px) {

}

/*
 * === MD ===
 */

@media screen and (min-width: 800px) {

	body > .canvas > footer .footer-inner {
		padding:   24px 12px 48px;
	}

	body > .canvas > footer ul#footer-menu > li {
		display:       inline-block;
		width:         calc(36% - 40px * 5 / 6);
		margin-bottom: 24px;
	}

}

/*
 * === LG ===
 */

@media screen and (min-width: 1100px) {

	body > .canvas > footer .footer-inner > .footer-logo {
		display: inline-block;
		width:   236px;
	}

	body > .canvas > footer .footer-inner > .footer-logo > img {
		width:  190px;
		height: auto;
	}

	body > .canvas > footer .footer-inner > .footer-menu {
		display: inline-block;
		width:   calc(100% - 256px);
	}

	body > .canvas > footer ul#footer-menu > li {
		width: calc(20% - 40px * 5 / 6);
	}

}