/* footer reset */
.fix_footer {margin-top: 0;border-top: none;padding: 30px 0;}
.fix_footer.sub {border-top: 1px solid #eee;}
.fix_footer.no-bdt {border-top: none; border-top: none;}
.fix_footer .container_fix {position: relative; display: flex; flex-direction: column; width: calc(1440px + 15px * 2);}
.fix_footer .ft_family_site {position: absolute; top: 0; right: 15px;}
.fix_footer .ft_bottom {position: absolute; bottom: 0; right: 15px;}
.fix_footer .logo_box {margin-bottom: 45px;}
.fix_footer .ft_info {display: flex; flex-direction: column; gap: 10px;}
.fix_footer .info_ul {display: flex; gap: 30px;}
.fix_footer .info_ul li {font-size: 16px; color: #888;}
.fix_footer .copylight {font-size: 14px; color: #888;}

.fix_footer .btn_famsite{position:relative; min-width:240px; padding:20px; background-color: #f8f9fa; border:1px solid #f8f9fa; font-size:14px; color:#999; cursor:pointer; border-radius: 5px;}
.fix_footer .btn_famsite::before, 
.fix_footer .btn_famsite::after{display:block; content:""; position:absolute; top:0; bottom:0; width:1px; height:7px; margin:auto;background-color:#999; transition:0.2s}
.fix_footer .btn_famsite::before{right:20px; transform:rotate(-45deg)}
.fix_footer .btn_famsite::after{right:16px; transform:rotate(45deg)}
.fix_footer .btn_famsite.active::before{transform:rotate(45deg); transition:0.2s}
.fix_footer .btn_famsite.active::after{transform:rotate(-45deg); transition:0.2s}
.fix_footer .famsite_ul{display:none; position:absolute; width:100%; bottom:100%; left:0; border:1px solid #f8f9fa; border-bottom:0; background-color:#f8f9fa; z-index: 1;}
.fix_footer .famsite_ul > li a{display:block; padding:20px; font-size:15px; line-height:1.2; color:#999;}

.ft_sns {display: flex; gap: 10px; justify-content: flex-end; margin-bottom: 15px; margin-right: -10px;}
.ft_sns li a {border-radius: 100px; display: block; /* background-color: rgba(0, 0, 0, 0.1); */}
.ft_sns:nth-child(1) li:nth-child(1):hover a {background-color: #fff;}
.ft_sns:nth-child(1) li:nth-child(2):hover a {background-color: #fff;}
.ft_sns:nth-child(1) li:nth-child(3):hover a {background-color: #fff;}
.ft_sns:nth-child(1) li:nth-child(4):hover a {background-color: #fff;}
.ft_sns:nth-child(2) li:nth-child(1):hover a {background-color: #fff;}
.ft_sns:nth-child(2) li:nth-child(2):hover a {background-color: #fff;}
.ft_sns:nth-child(2) li:nth-child(3):hover a {background-color: #fff;}
.ft_sns:nth-child(2) li:nth-child(4):hover a {background-color: #fff;}

@media (max-width: 991px) {
	.fix_footer {background-color: #fff; padding: 30px 0;}
	.fix_footer .copylight {position: initial;}
	.fix_footer .ft_family_site {position: relative; margin-left: 15px;}
	.fix_footer .logo_box {margin-bottom: 25px;}
	.fix_footer .logo_box img {height: 36px}
	.fix_footer .ft_info {gap: 10px;}
	.fix_footer .info_ul li {font-size: 14px;}
	.fix_footer .info_ul {gap: 10px 20px;}
	.fix_footer .info_ul:first-child {flex-direction: column;}
	.ft_family_site {margin: 25px 0 15px;}
	.fix_footer .btn_famsite {min-width: 150px;padding: 12px 16px;font-size: 12px;}
	.fix_footer .famsite_ul > li a {padding: 12px 16px;font-size: 12px;}
	.fix_footer .ft_bottom {position: initial;}
	.fix_footer .copylight {font-size: 12px; line-height: 18px;}
	.ft_sns {justify-content: flex-start; gap: 21px; margin-bottom: 25px;}
	.ft_sns li a > img {height: 17px;}
}