/* FOOTER */
.fix_footer {margin-top: 0; padding: 0; border-top: none; padding: 60px 0; position: relative;}
.fix_footer.margin-top_footer {margin-top: 140px;}
.fix_footer .container_fix {width: 1430px; align-items: flex-end;}
.ft-left .logo_box {margin-bottom: 30px;}
.ft_info {display: flex; flex-direction: column; gap: 10px;}
.ft_info .info_ul_wrap {display: flex; gap: 28px;}
.ft_info ul {display: flex; gap: 28px; position: relative; }
.ft_info ul li {font-size: 15px; font-weight: 400; color: #444; position: relative;}
.ft_info ul li b {color: #0c0c0c;}

.ft_info .info_ul_wrap ul + ul::before {position: absolute; content: ''; top: 50%; left: -14px; transform: translateY(-50%); width: 1px; height: 14px; background: #737373;}

.ft_info ul:nth-child(1) li + li::before {position: absolute; content: ''; top: 50%; left: -14px; transform: translateY(-50%); width: 1px; height: 14px; background: #737373;}
.copy_r {font-size: 13px; color: #777; padding-top: 5px;}
.ft_sns {display: flex; gap: 10px;}
.fix_link {position: absolute; top: 0; right: 15px; display: flex; gap: 28px;}
.fix_link li {position: relative;}
.fix_link li + li::before {position: absolute; content: ''; top: 50%; left: -14px; transform: translateY(-50%); width: 1px; height: 14px; background: #cccccc;}
.fix_link li a {font-size: 15px; color: #777; font-weight: 400;}
.ft-right {display: flex; gap: 10px;}

.ft_sns li a {border-radius: 100px; display: block; background-color: #c6c6c6;}

.ft_sns:nth-child(1) li:nth-child(1):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(2):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(3):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(4):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(5):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(6):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(7):hover a {background-color: #888;}
.ft_sns:nth-child(1) li:nth-child(8):hover a {background-color: #888;}

/* SUB */
.fix_footer.sub {border-top: 1px solid #e1e1e1;}

@media (max-width:991px) {
	.fix_footer {padding: 45px 0; background: #fff;}
	.fix_footer.margin-top_footer {margin-top: 70px;}
	.fix_footer .container_fix {flex-direction: column; align-items: flex-start;}
	.ft-left .logo_box {margin-bottom: 30px;}
	.ft-left .logo_box img {height: 36px;}
	.fix_link {position: initial;}
	.fix_link {flex-wrap:wrap; gap: 12px 24px;}
	.fix_link li a {font-size: 13px;}
	.ft_sns li a img {height: 40px;}
	.ft_info {margin-top: 28px;}
	.ft_info ul {gap: 24px;}
	.ft_info ul li {font-size: 13px;}
	.ft_info .info_ul_wrap {flex-direction: column; gap: 10px;}
	.copy_r {font-size: 12px; }
	.ft-right {margin-top: 28px; flex-direction: column;}
	.fix_link li + li::before {position: absolute; content: ''; top: 50%; left: -12px; transform: translateY(-50%); width: 1px; height: 10px; background: #cccccc;}
	.ft_info ul:nth-child(2) li + li::before {position: absolute; content: ''; top: 50%; left: -12px; transform: translateY(-50%); width: 1px; height: 10px; background: #cccccc;}
	.fix_link li:nth-child(4)::before {display: none;}

	/* 아코디언 메뉴 */
	.fix_footer {padding: 0;}
	.footer-info {display: none;margin: 0 -15px; width: calc(100% + 30px);}
	.fix_footer .logo_box_wrap {margin: 0 -15px; width: 100%;}
	.fix_footer .logo_box {padding: 15px; width: calc(100% + 30px); border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
	.fix_footer .logo_box a {display: flex; justify-content: space-between; align-items: center;}
	.fix_footer .logo_box a figure img {height: 28px;}
	.fix_footer .logo_box a span img {height: 5px;}
	.fix_footer .logo_box.on a span img {transform: rotate(180deg);}
	.fix_link {padding: 15px; border-bottom: 1px solid #e1e1e1;}
	.ft_info {margin-bottom: 35px;}
	.fix_footer .ft_family_site,
	.ft_info,.ft_sns,
	.fix_footer .famsite_ul {padding: 0 15px;}
	.ft_sns {padding: 17px 15px; border: 1px solid #e1e1e1;}
	.ft_sns li a img {height: 33px;}
	
	.fix_footer.sub {border-top: none}
}

/* 패밀리사이트 */
.fix_footer .ft_family_site {position: absolute; top: 50px; right: 15px;}
.fix_footer .btn_famsite{position:relative; min-width:200px; padding:15px 5px; border-bottom:1px solid #9b9b9b; font-size:14px; color:#777; 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:5px; transform:rotate(45deg)}
.fix_footer .btn_famsite::after{right:10px; 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 #fff; border-bottom:0; background-color:#fff; z-index: 1;}
.fix_footer .famsite_ul > li a{display:block; padding:15px 5px; font-size:14px; line-height:1.2; color:#777;}

@media (max-width: 991px) {
.fix_footer .ft_family_site {position: relative; top: unset; right: unset;}
.ft_family_site {margin: 30px 0;}
.fix_footer .btn_famsite {min-width: 150px;padding: 12px 0;font-size: 12px;}
.fix_footer .famsite_ul > li a {padding: 12px 0;font-size: 12px;}
.ft-left {width: 100%;}
/* .ft-right {position: absolute; top: 0; right: 15px; margin-top: 0;} */
}