@charset "UTF-8";

@media screen and (max-width: 1400px){
	/* ============================= FOOTER STYLE1 ============================= */
	.footer { padding: 40px 0 70px;}
	.footer .container > .box.left { width: calc(100% - 510px); padding: 0 50px 0 0;}
	.footer .container > .box.right { width: 510px;}
	.footer .container > .box .ft_link { margin: 0 0 28px;}
	.footer .container > .box .txt_list_box { margin: 0 0 28px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner { height: 60px;}

	.footer .ft_top_btn_area { right: 15px; bottom: 360px;}
	/* ============================= FOOTER STYLE1 ============================= */
}

@media screen and (max-width: 1280px){
	/* ============================= FOOTER STYLE1 ============================= */
	.footer { padding: 35px 0 60px;}
	.footer .container > .box.left { width: calc(100% - 500px); padding: 0 40px 0 0;}
	.footer .container > .box.right { width: 500px;}
	.footer .container > .box .ft_link { margin: 0 0 23px;}
	.footer .container > .box .ft_link .list li { margin: 0 15px 0 0;}
	.footer .container > .box .ft_link .list li a { font-size: 15px; line-height: 22px;}
	.footer .container > .box .txt_list_box { margin: 0 0 23px;}
	.footer .container > .box .txt_list_box > .list > li { font-size: 15px; line-height: 25px;}
	.footer .container > .box .txt_list_box > .list.row > li::after { height: 14px;}
	.footer .container > .box .copy_text { font-size: 15px; line-height: 22px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner { height: 55px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner .txt { font-size: 14px; line-height: 21px;}

	.footer .ft_top_btn_area { bottom: 300px;}
	.footer .ft_top_btn_area .ft_top_btn { width: 43px; height: 43px;}
	.footer .ft_top_btn_area .ft_top_btn .inner i{ font-size: 16px;}
	/* ============================= FOOTER STYLE1 ============================= */
}

@media screen and (max-width: 1080px){
	/* ============================= FOOTER STYLE1 ============================= */
	.footer { padding: 30px 0 40px;}
	.footer .container { flex-direction: column-reverse;}
	.footer .container > .box.left { width: 100%; margin: 30px 0 0; padding: 0; text-align: center;}
	.footer .container > .box.right { width: 100%; text-align: center;}
	.footer .container > .box .ft_link { margin: 0 0 20px;}
	.footer .container > .box .txt_list_box { margin: 0 0 20px;}
	.footer .container > .box .site_list_box > .list > li { margin: 10px 10px 0 0;}
	.footer .container > .box .site_list_box > .list > li:nth-child(3n) { margin: 10px 0 0 0;}
	.footer .container > .box .site_list_box > .list > li:nth-child(3) { margin: 0;}
	.footer .container > .box .site_list_box > .list > li .site_box:hover,
	.footer .container > .box .site_list_box > .list > li .site_box:focus { background-image: inherit;}

	.footer .ft_top_btn_area { bottom: 100px;}
	/* ============================= FOOTER STYLE1 ============================= */
}

@media screen and (max-width: 767px){
	/* ============================= FOOTER STYLE1 ============================= */
	.footer { padding: 25px 0 35px;}
	.footer .container > .box.left { margin: 25px 0 0;}
	.footer .container > .box .ft_link { margin: 0 0 15px;}
	.footer .container > .box .ft_link .list li a { font-size: 14px; line-height: 21px;}
	.footer .container > .box .txt_list_box { margin: 0 0 15px;}
	.footer .container > .box .txt_list_box > .list > li { font-size: 14px; line-height: 23px;}
	.footer .container > .box .txt_list_box > .list.row > li::after { height: 12px;}
	.footer .container > .box .copy_text { font-size: 14px; line-height: 21px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner { height: 50px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner .txt { font-size: 13px; line-height: 20px;}
	/* ============================= FOOTER STYLE1 ============================= */
}

@media screen and (max-width: 480px){
	/* ============================= FOOTER STYLE1 ============================= */
	.footer .container > .box .ft_link .list li a { font-size: 13px; line-height: 20px;}
	.footer .container > .box .txt_list_box > .list > li { font-size: 13px;}
	.footer .container > .box .copy_text { font-size: 13px; line-height: 20px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner { height: 45px;}
	.footer .container > .box .site_list_box > .list > li .site_box .inner .txt { font-size: 12px; line-height: 18px;}
	/* ============================= FOOTER STYLE1 ============================= */
}