/* footer reset */
.fix_footer .ft_info {float: initial;}
.fix_footer {margin-top: 0;border-top: none;padding: 50px 0;}
.fix_footer .container_fix {width: var(--ft-container); position: relative; display: flex; flex-direction: column; gap:50px;}

.fix_footer .certification {margin-top: 20px;}
.fix_footer .ft_logo {font-size: 15px; font-weight: 600;color: #0c0c0c; margin-bottom: 14px;}
.fix_footer .ft_info {display: flex; flex-direction: column; gap: 14px;}
.fix_footer .ft_info .info_ul_flex {display: flex; gap: 28px;}
.fix_footer .ft_info .info_ul {display: flex; justify-content: flex-start; align-items: center; gap: 28px;}
.fix_footer .ft_info .info_ul_flex .info_ul {position: relative;}
.fix_footer .ft_info .info_ul_flex .info_ul::before {display: none; position: absolute; content: ''; width: 1px; height: 12px; background-color: #ccc; left: -14px; top:50%; transform: translateY(-50%);}
.fix_footer .ft_info .info_ul_flex .info_ul + ul::before {display: block;}
.fix_footer .ft_info .info_ul li  {font-size: 15px; font-weight: 500; color: #5d5d5d; position: relative;}
.fix_footer .ft_info .info_ul li::before {display: none; position: absolute; content: ''; width: 1px; height: 12px; background-color: #ccc; left: -14px; top:50%; transform: translateY(-50%);}
.fix_footer .ft_info .info_ul li + li::before {display: block;}
.fix_footer .ft_info .info_ul li i {color: #222; font-weight: 500; margin-right: 5px;}
.fix_footer .copylight {display: block; font-size: 13px; color: #777777; margin-top: 18px;}

.fix_footer .ft-right {position: absolute; bottom: 0; right: 15px;}


.fix_footer .ft-right .ft_sns {display: flex; gap: 8px;}
.fix_footer .ft-right .ft_sns li {width: 35px; height: 35px; border: 1px solid #e1e1e1; border-radius: 100%; transition: all 400ms;}
.fix_footer .ft-right .ft_sns li a {display: flex; justify-content: center; align-items: center;}
.fix_footer .ft-right .ft_sns li a img {display: block; width: 100%;}
.fix_footer .ft-right .ft_sns li:hover {background-color: #00c73c;}
.fix_footer .ft-right .ft_sns li:hover a img {filter: brightness(0) invert(1); }

.fix_footer .ft-right .footer-sns {
	display: flex;
	gap: 8px;
}

.fix_footer .ft-right .footer-sns li {
	width: 35px;
	height: 35px;
	border: 1px solid #e1e1e1; 
	 border-radius: 100%; 
	 transition:all .3s ease;
}
 
.fix_footer .ft-right .footer-sns li a  {
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	 align-items: center;
}


.fix_footer .ft-right .footer-sns li:nth-child(3) a img {
	margin-top: 3px;
}

.fix_footer .ft-right .footer-sns li:hover {
	background-color: #00c73c;
		border:1px solid #00c73c;
}

.fix_footer .ft-right .footer-sns li .no_hover {
	display: block;
}

.fix_footer .ft-right .footer-sns li .on_hover {
	display: none;
}

.fix_footer .ft-right .footer-sns li:hover .no_hover {
	display: none;
}

.fix_footer .ft-right .footer-sns li:hover .on_hover {
	display: block;
}


/* family site */
.fix_footer .btn_famsite{position:relative;  width: 100%; padding:15px 0; border-bottom:1px solid #aaa; font-size:14px; color:#5d5d5d; cursor:pointer}
.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:calc(1px + 4px); transform:rotate(-45deg)}
.fix_footer .btn_famsite::after{right:1px; 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 .ft_family_site {position: relative; max-width:200px; width: 100%; }
.fix_footer .famsite_ul {display:none; position:absolute; width:100%; bottom:100%; left:0; border:1px solid #eee; border-bottom:0; background-color:#fff; z-index: 1;}
.fix_footer .famsite_ul > li a{display:block; padding:20px; font-size:15px; line-height:1.2; color:#999;}


@media (max-width: 991px) {
	.fix_footer {background-color: #fff; padding: 30px 0 15px;}
	.fix_footer .container_fix {gap: 20px;}
	.fix_footer .container_fix .ft_top_wrap {order: 2; width: 100%;}
	.fix_footer .container_fix .ft_info_wrap {order: 1;}
	.fix_footer .ft_info .info_ul_flex {flex-direction: column; gap: 0;}
	.fix_footer .ft_logo {font-size: 12.5px;}
	.fix_footer .ft_info .info_ul li {font-size: 12.5px; line-height: 1.8;}
	.fix_footer .ft_info .info_ul li i {margin-right: 0;}
	.fix_footer .ft_info {gap: 0;}
	.fix_footer .copylight {margin-top: 5px; font-size: 11.5px;}
	.fix_footer .btn_famsite {font-size: 13px;}
	.fix_footer .certification img {width: 100%;}
	.fix_footer .famsite_ul {border: none;}
	.fix_footer .famsite_ul > li a {font-size: 13px; padding: 20px 0;}
	.fix_footer .ft-right {position: initial; order: 2;}
}