@charset "UTF-8";

@media screen and (max-width: 1280px){ 
	.container {padding: 0 5px;}

	/* ============================= FOOTER STYLE3 ============================= */
	.footer3 .ft_top {padding: 20px 0;}
	.footer3 .ft_top .box .ft_list > .list > li {margin: 0 0 0 10px; padding: 0 0 0 10px;}
    .footer3 .ft_top .box .ft_list > .list > li > a {font-size: 16px; line-height: 24px;}
	.footer3 .ft_top .box .fb_right .sns_list_container .item_list li a {width: 32px; height: 32px;}
	.footer3 .ft_top .box .site_box {margin: 0 0 0 20px;}
	.footer3 .ft_top .box .site_box .baro_box .site_btn {height: 42px; font-size: 14px; line-height: 40px;}
	.footer3 .ft_top .box .site_box .baro_box .site_link {bottom: 42px;}
	.footer3 .ft_top .box .site_box .baro_box .site_link > li > a {font-size: 14px; line-height: 21px;}

	.footer3 .ft_btm {padding: 25px 0;}
	.footer3 .ft_btm .box {padding: 3px 0;}
	.footer3 .ft_btm .box .txt_box .list li {font-size: 14px; line-height: 22px;}
	.footer3 .ft_btm .box .copy_box p {font-size: 14px; line-height: 22px;}
	.footer3 .ft_btm .box .web_mark_link {width: 78px;}
	/* ============================= FOOTER STYLE3 ============================= */
	
	.q_btn_area {bottom: 40px; right: 40px;}
	.q_btn_area .list li .btn {width: 64px; height:64px; background-size: 36px auto;}

	.q_btn_area .list {gap:10px;}

}

@media screen and (max-width: 1080px){

	/* ============================= FOOTER STYLE3 ============================= */
	.footer3 .ft_top {padding: 10px 0;}
	.footer3 .ft_top .box .ft_list > .list > li > a {font-size: 14px; line-height: 21px;}
	.footer3 .ft_top .box .fb_right .sns_list_container .item_list li a {width: 21px; height: 21px;}
	.footer3 .ft_top .box .site_box .baro_box .site_btn {height: 38px; font-size: 12px; line-height: 36px;}
	.footer3 .ft_top .box .site_box .baro_box .site_link > li > a {font-size: 12px; line-height: 21px;}

	.footer3 .ft_btm {padding: 15px 0;}
	/* ============================= FOOTER STYLE3 ============================= */

	.q_btn_area {bottom: 20px; right: 10px;}
	.q_btn_area .list li .btn {width: 46px; height:46px; background-size: 34px auto;}
}

@media screen and (max-width:767px){


	/* ============================= FOOTER STYLE3 ============================= */
	.footer3 .ft_top .box {display: block; text-align: center;}
	.footer3 .ft_top .box .fb_right .sns_list_container {display: block; margin: 0 0 10px;}
	.footer3 .ft_top .box .ft_list {margin: 0 0 15px;}
	.footer3 .ft_top .box .ft_list > .list > li > a {font-size: 12px;}
	.footer3 .ft_top .box .site_box {display: block; margin: 0;}
	.footer3 .ft_top .box .site_box .baro_box .site_link > li > a {text-align: left;}

	.footer3 .ft_btm .box {padding: 0;}
	.footer3 .ft_btm .box .txt_box {text-align: center;}
	.footer3 .ft_btm .box .txt_box .list li {font-size: 12px;}
	.footer3 .ft_btm .box .copy_box {margin: 5px 0 0;}
	.footer3 .ft_btm .box .copy_box p {font-size: 12px;}
	.footer3 .ft_btm .box .web_mark_link {position: inherit; top: inherit; right: inherit; margin: 15px auto 0;}
	/* ============================= FOOTER STYLE3 ============================= */

}

@media screen and (max-width:480px){
}