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

.foot_area{ background: url("../images/foot_bg.jpg"); background-position: 50%; padding: 80px 10px 20px 10px;}
.foot_main{ max-width: 1280px; width: 100%; margin: auto; overflow: hidden; display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: center;}


/****/
.foot_info{ display: flex; }
.foot_info .logo{ text-align: center; margin: auto;}
.foot_info .logo img{ margin-bottom: 15px;}
.foot_info .logo span{ display: block;}
.foot_info .logo .name_ch, .foot_info .logo .name_eng{ color: var(--white); line-height: 22px;} 
.foot_info .logo .name_ch{ letter-spacing: 5px;}
.foot_info .logo .name_eng{ font-size: 55%;}

.divider_line{ color: #606060; width: 1px; height: 165px; background-color: #606060; margin: auto 15px;} 

.foot_add_area{ color: #fcfcfc; font-weight: 400; max-width: 360px; width: 100%; }
.foot_add_area a{ color: #fcfcfc;}
.foot_add_area a:hover, .foot_area_area a:focus{ color: #b9b8b7; text-decoration: none;}

.foot_add_area .fa{ color: #d04b51; width: 30px; text-align: center;}
.fa-phone:before, .fa-fax:before, .fa-envelope-o:before{ font-size: 20px;}
.fa-map-marker:before{font-size: 24px;}

.foot_add_area .tel_fax a{ color: #fcfcfc;}
.foot_add_area .a_noline { pointer-events: none; cursor: text;}
.foot_add_area .e-mail{ margin: 5px 0px;}
.foot_add_area .e-mail a{color: #fcfcfc;}
.foot_add_area .e-mail a:hover, .foot_add_area .e-mail a:focus {color: #b9b8b7; text-decoration: none;}
.foot_add_area .foot_Loc{margin-left: 5px; margin-bottom: 5px;}

.all{min-width: 291px;}

/****/
.foot_icon_list{ max-width: 350px; width: 90%; margin: auto;}
.foot_icon_list ul{ width: 100%; padding: 0px; margin:0px; display: flex; align-items: center; flex-wrap: wrap;}
.foot_icon_list ul li{ list-style: none; width: 33.33%; text-align: center;}
.foot_icon_list ul li a{ display: block; color: #fcfcfc; padding: 0px 0px 10px 0px;}
.foot_icon_list ul li a:hover, .foot_icon_list ul li a:focus{ color: #d04b51; text-decoration: none; transition: 0.3s ease-in-out;}

.copyright{ font-size: 16px; color: #fcfcfc; text-align: center; margin:5% auto 0px auto; }


/******************/

@media all and (max-width: 1280px) {
	.foot_icon_list{ max-width: 230px;}
	.foot_icon_list ul li{ width: 50%;}
}
@media all and (max-width: 1024px) {
	.foot_area{padding-top: 40px;}
	.foot_main{ flex-direction: column;}
	.foot_icon_list{ max-width: inherit; margin-bottom: 3%;}
	
	.foot_icon_list ul li{width: 33.33%;}
	.foot_info{width: 100%;flex-wrap: wrap;justify-content: center;}
	.foot_info .logo{width: 100%;margin-bottom: 25px;}
}
@media all and (max-width: 991px) {
	.a_noline { pointer-events: initial;}
	
}
@media all and (max-width: 768px) {
	.foot_icon_list{ align-items: center; flex-direction: column; width: 100%;}	
	.foot_icon_list ul{ align-items: center; flex-direction: column;  width: 100%;}
	.foot_icon_list ul li{ padding: 0px; text-align: center; width: 90%; border-bottom: 1px solid #423e3e;}
	.foot_icon_list ul li a{ font-size: 18px;}
	.foot_info{ margin: auto; flex-direction: column;}
	.divider_line{ width: 100%; height: 1px; margin: 10px auto;}
	.foot_info .all{ min-width: 335px; margin: 0 auto;}
	
}
@media all and (max-width: 540px) { 
	.foot_add_area, .copyright{font-size: 90%; line-height: 24px;}

}
@media all and (max-width: 414px) {
		
}

@media all and (max-width: 350px) {
	.foot_info .all{min-width: auto;margin: 0;}
}
@media all and (max-width: 280px) {	
	.foot_info .all{ font-size: 90%;}

}