footer{
	position:relative;
	width:100%;
	max-width:1560px;
	margin:0px auto;
	height:auto;
	padding:20px 15px 24px 15px;
	transition-duration: 300ms;
    transition-property: all;
	transition-timing-function:ease-in-out;
	opacity:0;
	margin-top:120px;
	}
footer.on{
	opacity:1;
	}
footer .upper{
	position:relative;
	height:auto;
	width:100%;
	color:#111;
	padding-top:30px;
	padding-bottom:30px;
	display:block;
	}
footer .upper .left{
	position:relative;
	height:auto;
	}
footer .upper .left .logo{
	position:relative;
	width:130px;
	margin:0px auto;
	padding-bottom:30px;
	}
footer .upper .left .accessBtn{
	position:relative;
	width:125px;
	float:none;
	text-align:center;
	margin:0px auto;
	margin-top:30px;
	}
footer .upper .left .accessBtn a{
	font-size:19px;
	line-height:19px;
	text-transform:uppercase;
	border:2px solid #111;
	padding:4px 8px 4px 8px;
	}
footer .upper .left .accessBtn:hover a{
	background-color:#111;
	transition-duration:200ms;
    transition-property: all;
	transition-timing-function:ease-in;
	}
footer .upper .right{
	position:relative;
	height:auto;
    display: block;
	}
footer .upper .right .onpha-badge{
	position:relative;
    width: 130px;
    height: 130px;
    margin: 0px auto;
    margin-bottom: 24px;
	}
footer .upper .right .contact{
	position:relative;
	width:auto;
	float:none;
	text-align:center;
	margin-top:-8px;
	}
footer .upper .right .contact .header{
	font-size:21px;
	line-height:27px;
	}
footer .upper .right .contact a{
	color:rgb(17, 17, 17) !important;
	}
footer .upper .right .contact a:hover{
	color:rgb(255, 0, 0) !important;
	}
footer .lower{
	position:relative;
    display: block;
	color:#111;
	border-top:1px solid #b9b9b9;
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	line-height:17px;
	}
footer .lower .left{
	float:none;
	text-align:center;
	padding-bottom:7px;
	}
footer .lower .right{
	float:none;
	text-align:center;
	padding-bottom:7px;
	}
footer .lower a{
	color:#111 !important;
	}
footer .lower a:hover{
	color:#FF0000 !important;
	}
@media(min-width:768px){
footer{
	padding:20px 30px 24px 30px;
	}
footer .upper{
	display:flex;
    justify-content: space-between;
	}
footer .upper .right{
    display: flex;
	}
footer .upper .right .onpha-badge{
	display: inline-block;
	}
footer .upper .right .contact{
    display: inline-block;
	text-align:right;
    margin-top: 0px;
    padding-left: 36px;
	}
footer .upper .left .accessBtn{
	float:left;
	margin:118px 0px 0px 40px;
	}
footer .upper .right .logo{
	position:relative;
	float:right;
	padding:110px 0px 0px 0px;
	margin-left:30px;
	right:auto;
	top:auto;
	}
footer .upper .right .logo2{
	position:relative;
	float:right;
	padding:82px 0px 0px 0px;
	margin-left:30px;
	right:auto;
	top:auto;
	}
footer .upper .right .logo3{
	position:relative;
	float:right;
	padding:94px 0px 0px 0px;
	margin-left:30px;
	right:auto;
	top:auto;
	}
footer .lower .left{
	float:left;
	text-align:left;
	}
footer .lower .right{
	float:right;
	text-align:right;
	}
}