/* s: footer */
.docker-wrapper {
	position: fixed;
	height: 76px;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 9;
	transform: translateY(0);
	transition: transform 0.35s;
}
.docker-wrapper .docker-inner {
	position: relative;
	height: 100%;
	background: #fff;
	padding: 0 42px;
	border-top: 1px solid #e8eaec;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 12px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
	box-sizing: border-box;
	z-index: 1;
}
.docker-wrapper .docker-list {
	position: relative;
	display: flex;
	height: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.docker-wrapper .docker-list .docker-item {
	width: 38px;
	height: 38px;
}
.docker-wrapper .docker-list .docker-item .btn-docker {
	display: block;
	height: 100%;
	text-align: center;
	padding-top: 29px;
	box-sizing: border-box;
}
.docker-wrapper .docker-list .docker-item .btn-docker.home, .docker-wrapper .docker-list .docker-item .btn-docker.contract, .docker-wrapper .docker-list .docker-item .btn-docker.variable, .docker-wrapper .docker-list .docker-item .btn-docker.product, .docker-wrapper .docker-list .docker-item .btn-docker.my-assets, .docker-wrapper .docker-list .docker-item .btn-docker.content {
	background-size: 24px 24px;
	background-position: top center;
	background-repeat: no-repeat;
}
.docker-wrapper .docker-list .docker-item .btn-docker.home {
	background-image: url(/html/mydata/images/common/btn_docker_home.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.contract {
	background-image: url(/html/mydata/images/common/btn_docker_contract.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.variable {
	background-image: url(/html/mydata/images/common/btn_docker_variable.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.product {
	background-image: url(/html/mydata/images/common/btn_docker_product.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.my-assets {
	background-image: url(/html/mydata/images/common/btn_docker_my_assets.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.content {
	background-image: url(/html/mydata/images/common/btn_docker_content.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.home, .docker-wrapper .docker-list .docker-item .btn-docker.active.contract, .docker-wrapper .docker-list .docker-item .btn-docker.active.variable, .docker-wrapper .docker-list .docker-item .btn-docker.active.product, .docker-wrapper .docker-list .docker-item .btn-docker.active.my-assets, .docker-wrapper .docker-list .docker-item .btn-docker.active.content {
	height: auto;
	background-size: 38px 38px;
	padding-top: 38px;
	border-radius: 50%;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.home {
	background-image: url(/html/mydata/images/common/btn_docker_home_active.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.contract {
	background-image: url(/html/mydata/images/common/btn_docker_contract_active.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.variable {
	background-image: url(/html/mydata/images/common/btn_docker_variable_active.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.product {
	background-image: url(/html/mydata/images/common/btn_docker_product_active.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.my-assets {
	background-image: url(/html/mydata/images/common/btn_docker_my_assets_active.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active.content {
	background-image: url(/html/mydata/images/common/btn_docker_content_active.png);
}
.docker-wrapper .docker-list .docker-item .btn-docker.active .menu-name {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	line-height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font: 0/0 Arial;
}
.docker-wrapper .docker-list .docker-item .menu-name {
	display: inline-block;
	color: #767676;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: -0.025em;
	vertical-align: top;
	line-height: normal;
}
.docker-wrapper .btn-box {
	position: absolute;
	display: inline-block;
	right: 25px;
	top: -60px;
	transform: translateX(65px);
	transition: transform 0.35s;
}
.docker-wrapper .btn-box .btn-top {
	width: 40px;
	height: 40px;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	background: #fff url(/html/mydata/images/common/btn_top_scroll.png) no-repeat center;
	background-size: 12px 7px;
	font-size: 0;
}
.docker-wrapper:before {
	content: "";
	position: absolute;
	height: 40px;
	background: linear-gradient(0deg, #ebebeb 0%, rgba(255, 255, 255, 0) 100%);
	left: 0;
	right: 0;
	top: -16px;
	opacity: 1;
	transition: opacity 0.35s;
}
.docker-wrapper.no-menu {
	height: auto;
	padding-bottom: 0;
}
.docker-wrapper.no-menu:before {
	content: none;
}
.docker-wrapper.no-menu .docker-inner {
	display: none;
}
.docker-wrapper.show-btn-top .btn-box {
	transform: translateX(0);
}

.has-docker .contents-inner:last-child .contents-box:last-child {
	padding-bottom: 110px !important;
}

body.scroll-down .docker-wrapper {
	transform: translateY(100%);
}
body.scroll-down .docker-wrapper:before {
	display: none;
}

/* e: footer */