@charset "UTF-8";

@media screen and (max-width: 1400px){
	.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li { margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li a { font-size: 16px; line-height: 24px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list li { margin: 0 5px 0 0;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area { margin: 0 10px 0 0;}
	.footer .foot_btm .ft_bot_box { padding: 30px 0;}
	.footer .user_guide_area { right: 20px;}
	.footer .user_guide_area .user_guide_inner .user_guide_box img { height: 200px;}
	.footer .user_guide_area .user_guide_inner .close_btn { width: 12px; height: 12px;}
}

@media screen and (max-width: 1280px){
	.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li a { font-size: 14px; line-height: 21px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list li a img { width: 40px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn { width: 250px; height: 40px; padding: 0 25px 0 15px; font-size: 14px; line-height: 40px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn .arr_btn { right: 15px; width: 10px; height: 4px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link { bottom: 40px; max-height: 127px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link > li > a { padding: 10px 15px; font-size: 14px; line-height: 21px;}
	.footer .foot_btm .ft_bot_box { padding: 25px 0;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li { margin: 0 0 5px 0; font-size: 14px; line-height: 21px;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area .copyright { margin: 5px 0 0 0; font-size: 14px; line-height: 21px;}
	.footer .foot_btm .ft_bot_box .container .ft_logo_area .logo img { width: 182px;}
	.footer .user_guide_area { right: 10px;}
	.footer .user_guide_area .user_guide_inner .user_guide_box img { height: 180px;}
}

@media screen and (max-width: 1080px){
	.footer .foot_btm .ft_top_box .container { flex-direction: column;}
	.footer .foot_btm .ft_top_box .container .ft_left_box { margin: 0 0 15px 0;}
	.footer .foot_btm .ft_top_box .container .ft_right_box { flex-direction: column; align-items: center;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area { margin: 0 0 15px 0;}
	.footer .foot_btm .ft_bot_box { padding: 20px 0;}
	.footer .foot_btm .ft_bot_box .container { flex-direction: column; align-items: center;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area { width: 100%; margin: 0 0 15px 0; text-align: center;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li > .list2 { justify-content: center;}
	.footer .user_guide_area .user_guide_inner .user_guide_box img { height: 160px;}
	.footer .user_guide_area .user_guide_inner .close_btn { top: 20%;}
}

@media screen and (max-width: 767px){
	.footer .foot_btm .ft_bot_box { padding: 15px 0;}
	.footer .foot_btm .ft_top_box .container .ft_left_box { margin: 0 0 10px 0;}
	.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li a { font-size: 12px; line-height: 18px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area { margin: 0 0 10px 0;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list li a img { width: 35px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn { width: 230px; height: 38px; font-size: 12px; line-height: 38px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link { bottom: 38px; max-height: 118px;}
	.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link > li > a { font-size: 12px; line-height: 18px;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area { margin: 0 0 10px 0;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li { font-size: 12px; line-height: 18px;}
	.footer .foot_btm .ft_bot_box .container .ft_info_area .copyright { font-size: 12px; line-height: 18px;}
	.footer .foot_btm .ft_bot_box .container .ft_logo_area .logo img { width: 150px;}
	.footer .user_guide_area { top: unset; bottom: 15px; transform: unset;}
}

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