@charset "utf-8";
/* CSS Document */

.foot{ background-color:#12131d; font-size:14px; color:#a6a6a6; line-height:1.6;}
.foot a{ color:#a6a6a6; display:inline-block;}
.foot a:hover{ color:#FFF;}
@media (min-width: 992px) {
	.foot{ font-size:16px;}
}


.foot1{ background-color:#1b1f2b; padding:30px 0;}
.foot1_1{ width:100%;}
.foot1_2{ width:100%;}
.foot1_3{ width:100%;}
@media (min-width: 768px) {
	.foot1_1{ width:23%;}
	.foot1_2{ width:27%;}
	.foot1_3{ width:50%;}
}
@media (min-width: 992px) {
	.foot1{ padding:40px 0;}
}


.foot1_1 .con{ margin:0 -3%;}
.foot1_1 .item{ width:50%; padding:0 3%; text-align:center;}
.foot1_1 .item img{ width:100%; max-width:140px; margin:0 auto;}
.foot1_1 .item .txt{ margin-top:10px;}
@media (min-width: 992px) {
	.foot1_1 .con{ margin:0 -5%;}
	.foot1_1 .item{ padding:0 5%;}
}


.foot1_2 .info{ padding:24px 0;}
.foot1_2 h4{ color:#FFF; margin:6px 0 10px;}
@media (min-width: 768px) {
	.foot1_2 .info{ padding:0; padding-left:8%;}
}
@media (min-width: 992px) {
	.foot1_2 .info{ padding-left:12%;}
}


.foot1_3 .menu{}
.foot1_3 .menu .item{ width:25%;}
.foot1_3 .menu .title{ font-size:16px; margin-bottom:10px; color:#FFF;}
.foot1_3 .menu .title a{ color:#FFF;}
.foot1_3 .menu li a{ padding:3px 0;}
@media (min-width: 992px) {
	.foot1_3 .menu .title{ font-size:18px;}
}


.foot2{ color:#FFF; text-align:center; padding:24px 0;}
@media (min-width: 992px) {
	.foot2{ padding:30px 0;}
}