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

.foot_area{	padding: 3% 0px; background-color: var(--foot_bg); }
.foot_main{ margin: auto; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}

/****/
.foot_logo{ text-align: center; margin-bottom: 30px;}
.foot_logo img{ width: 270px;}
/****/
.foot_add_area{ color: var(--white); max-width: 1180px; width: 90%; display: flex; justify-content: center; margin-left: auto; margin-right: auto; }
.foot_add_area .col-xxl-4, .foot_add_area .col-xl-4, .foot_add_area .col-lg-12 , .foot_add_area .col-sm-12{ display: flex; justify-content: center;}
.add_info{ display: flex;  flex-direction: column; align-items: flex-start; width: fit-content;  text-align: left;}
.foot_company{font-size: 20px; font-weight: 700; color: var(--foot_company); margin-bottom: 15px;}
.foot_add_area{ font-size: 17px;}
.foot_add_area a{ color: var(--white);}
.foot_add_area a:hover, .foot_area_area a:focus{ color: var(--blue); text-decoration: none;}

.foot_add_area .fa{ color: var(--foot_i); width: 30px; text-align: center;}
.foot_add_area .a_noline {	pointer-events: none; cursor: text;}

.tel_fax, .tel_phone, .e-mail, .add{ display: flex;}

.copyright{ font-size: 17px; color: var(--white); text-align: center; margin:3% 3% 1% 3%; }
.bi-diagram-3-fill::before{ font-size: 24px;}
.copyright a{ color: var(--white); padding: 0px 5px;}
.copyright a:hover{ color: var(--blue);}
/******************/


@media all and (max-width: 1024px) {
	.foot_add_area{ font-size: 16px;}
	.tel_fax, .tel_phone, .e-mail, .add{line-height: 28px;}
}
@media all and (max-width: 991px) {
	.a_noline { pointer-events: initial;}
	/****/
}
@media all and (max-width: 820px) {
	.foot_company{ font-size: 17px; margin-bottom:5px; text-align: center;}
}
@media all and (max-width: 768px) {
	.foot_add_area .col-md-4{ padding-right: 10px; padding-left: 10px; }
}
@media all and (max-width: 712px) {
	.add_info{ max-width: 310px; width: 100%;}
}

@media all and (max-width: 540px) {
	.copyright span{ display: block; text-align: center;}
	.foot_add_area { font-size: 15px;}
	.copyright{ font-size: 15px;}
}
@media all and (max-width: 430px) {
	.foot_add_area .col-xxl-4, .foot_add_area .col-xl-4, .foot_add_area .col-lg-12, .foot_add_area .col-sm-12{ justify-content: flex-start;}
}

@media all and (max-width: 280px) {	
	.foot_company{ font-size: 16px;}
}