@charset "UTF-8";

@media screen and (max-width: 1700px){
	.footer .logo {width:300px}
}

@media screen and (max-width: 1400px){
	.footer {padding:50px 0 55px 0}
	.footer .logo {width:284px}
	.footer .grid .col.left {width:calc(50% - 10px);padding-right:22px}
	.footer .grid .col.right {width:calc(50% + 10px);padding-left:22px}
	.footer .quick_slide .bold_txt {font-size:21px}
	.footer .quick_slide .slide_box .text {font-size:16px}
	.footer .quick_slide .slide_ctrl {top:3px}
}

@media screen and (max-width: 1280px){
	.footer {padding:40px 0 45px 0}
	.footer .logo {width:270px}
	.footer .grid .col.left {width:calc(50% + 40px);padding-right:20px}
	.footer .grid .col.right {width:calc(50% - 40px);padding-left:20px}
	.footer .quick_page .link {padding:10px 12px}
	.footer .quick_slide .bold_txt {margin-bottom:20px;font-size:19px}
	.footer .quick_slide .slick-slide > div {padding-right:1px}
	.footer .quick_slide .slide_box {max-width:calc(50% - 6px);height:72px}
	.footer .quick_slide .slide_ctrl .arrow {font-size:20px;line-height:20px}
	.footer .f_bottom {padding-top:20px}
	.footer .family_site .site_list {max-height:260px}
}

@media screen and (max-width: 1080px){
	.footer {padding:35px 0 40px 0}
	.footer .grid {display:block}
	.footer .grid .col.left {width:auto;margin-bottom:25px;padding:0 0 30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,0.2)}
	.footer .grid .col.right {width:auto;padding:0}
}

@media screen and (max-width:767px){
	.footer {padding:28px 0 30px 0}
	.footer .logo {width:250px;margin-bottom:18px}
	.footer .dl_list {margin-bottom:15px}
	.footer .dl_list .dl:first-child {margin-right:0}
	.footer .quick_page {grid-template-columns:1fr}
	.footer .quick_slide .bold_txt {font-size:18px}
	.footer .quick_slide .slide_ctrl {justify-content:center;margin-top:16px;position:relative;right:auto;top:auto}
	.footer .quick_slide .slide_ctrl .arrow {display:none}
	.footer .quick_slide .slide_ctrl .paging {display:block}
	.footer .f_bottom {display:block}
	.footer .f_bottom .col {justify-content:space-between;margin-top:20px}
}

@media screen and (max-width:480px){
	.footer {padding:25px 0}
	.footer .logo {width:220px}
	
	.footer .grid .col.left {margin-bottom:20px;padding-bottom:26px}
	.footer .quick_slide .bold_txt {margin-bottom:16px;font-size:16px}
	.footer .quick_slide .slick-slide > div {gap:6px;margin-bottom:6px}
	.footer .quick_slide .slide_box {max-width:calc(50% - 3px)}
	.footer .quick_slide .slide_box .text {font-size:14px}
	.footer .quick_slide .slide_box .s_txt {margin-top:4px;font-size:13px}
	
	.footer .family_site {width:100%;margin-top:18px}
}