/* FOOTER */
.fix_footer {margin-top: 0; padding: 0; border-top: none; padding: 45px 0; position: relative; background-color: #162038;}
.fix_footer.margin-top_footer {margin-top: 140px;}
.fix_footer .container_fix {width: var(--header-width); align-items: flex-end;}
.ft-left {width: 100%;}
.ft-left .logo_box {margin-bottom: 30px;}
.ft_info {display: flex; flex-direction: column; gap: 10px; float: initial;}
.ft_info .info_ul_wrap {display: flex; gap: 28px;}
.ft_info ul {display: flex; gap: 28px; position: relative;  }
.ft_info ul:first-child {margin-top: 0;}
.ft_info ul li {font-size: 16px; font-weight: 400; color: #fff; 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: #414751;}

.ft_info ul li + li::before {position: absolute; content: ''; top: 50%; left: -14px; transform: translateY(-50%); width: 1px; height: 14px; background: #fff;}
.copy_r {font-size: 16px; color: #fff; margin-top: 5px;}
.ft_sns {display: flex; gap: 10px;}

/* .fix_link {position: absolute; top: 0; right: 15px; display: flex; gap: 28px;} */
.fix_link {display: flex; gap: 28px; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(131,141,158,0.4);}

.fix_link li {position: relative;}
.fix_link li + li::before {display: none; position: absolute; content: ''; top: 50%; left: -14px; transform: translateY(-50%); width: 1px; height: 14px; background: #cccccc;}
.fix_link li a {font-size: 17px; color: #fff; font-weight: 400;}
.ft-right {display: flex; gap: 10px;}

.ft_sns li a {border-radius: 100px; display: block; background-color: #2c3b5f;}
.ft_sns li a img {opacity: 0.4; transition: all 400ms;}
.ft_sns li:hover a img {opacity: 1;}

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

.fix_footer .flex-box {display: flex; justify-content: space-between; align-items: center; /*border-bottom: 1px solid rgba(131,141,158,0.4);*/ padding-bottom: 35px;}

@media (max-width:991px) {
	.fix_footer .flex-box {justify-content: center;}
	.fix_footer {padding: 25px 0 100px;}
	.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; border-top: none; margin-top: 0; padding-top: 0;}
	.fix_link {flex-wrap:wrap; gap: 12px 24px; justify-content: center;}
	.fix_link li a {font-size: 13px;}
	.ft_sns {justify-content: center; margin-top: 0; margin-bottom: 25px;}
	.ft_sns li a img {height: 28px;}
	.ft_info {align-items: center;}
	.ft_info ul {gap: 24px; margin-top: 0;}
	.ft_info ul:first-child {margin-top: 0;}
	.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 {display: none; 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;}

	.ft_info ul li + li::before {height: 10px;}
	.fix_footer .flex-box {padding-bottom: 25px;}
}

/* 패밀리사이트 */
.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 #737373; 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-right {position: absolute; top: 0; right: 15px; margin-top: 0;}
}

/* 2025-03-11 추가 푸터 */
.custom_service {margin-top: 30px;}
.custom_service ul {display: flex; gap:30px;}
.custom_service ul + ul {margin-top: 10px;}
.custom_service ul li {color: #fff; position: relative;}
.custom_service ul:first-child li {font-size: 25px; font-weight: 500;}
.custom_service ul:last-child li {font-size: 16px; font-weight: 400;}
.custom_service ul li + li::before {position: absolute;content: '';top: 50%;left: -15px;transform: translateY(-50%);width: 1px;height: 80%;background: #fff;}
@media (max-width: 991px) {
.custom_service {margin-top: 0; margin-bottom: 0; display: flex;flex-direction: column;align-items: center;}
.custom_service ul {gap:20px;}
.custom_service ul:first-child li {font-size: 15px;}
.custom_service ul:last-child li {font-size: 12px;}
.custom_service ul li + li::before {left: -10px;}
.custom_service ul + ul {margin-top: 15px;}
.mob_link_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; gap: 12px; padding-top: 25px; margin-top: 25px; border-top: 1px solid rgba(131,141,158,0.4);}
}