#ft{padding:50px;align-items: flex-start;}
#ft-top .ft-top-inner{padding: 60px 60px 83px;display: flex;gap: 2rem;background: #F4F4F4;}
#ft-top .ft-top-inner > div {position: relative;flex: 1;}
#ft-top .ft-top-inner > div:not(:last-child):after{content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 50%;transform:translateY(-50%);background: rgba(0,0,0,0.1);}
#ft-top .gw-title {font-size: var(--main-text01);line-height: 1.55;}
#ft-top .gw-text > li {line-height: 1.75;color: #333;letter-spacing: -0.015em;}
#ft-top .gw-text .gw-num{font-size:var(--main-title02);color:var(--main-color);}

#ft-bottom{border-top: 1px solid #ddd;margin-top: 2rem;padding: 2rem 0;}

/* logo */
#ft-logo{max-width: 300px;}
#ft-logo > img {width: auto;height: 100%;object-fit: cover;}

/* sns */
#ft-sns {gap: 10px;}
#ft-sns > li > a { display: flex;width: 2rem;height: 2rem;justify-content: center;align-items: center;color: #000;text-align: center;transition: all .3s;}
#ft-sns > li > a:hover{color: var(--main-color);}

/* 회사정보 */
.ft_info{display: flex;flex-wrap: wrap;align-items: center;gap:0.3rem;font-size: 14px;color:#333;}
.ft_info > span{position: relative;display: inline-block;margin-right: 10px;}
.ft_info .gw-btn03 {padding: 6px 9px;display: inline-block;border-radius:5px;font-size: 12px;border: none;margin-left: 5px;}

/* link */
#ft_link{margin-bottom:20px;gap:24px;}
#ft_link > li {position: relative;}
#ft_link > li:not(:last-child):before {content: '';display: block;width: 1px;height: 12px;position: absolute;right: -12px;top: 50%;margin-top: -6px;background: rgba(0,0,0,0.25);}

/* family-site */
.family-site-container{position:relative; text-align:left;min-width: 13rem;}
.family-site-container > button{padding:15px;border:2px solid #eee;width:100%;text-align:left;color: #000;}
.family-site-list{position:absolute; bottom:100%; left:0; width:100%;  z-index:11;background: #000; border:1px solid #666;display:none;}
.family-site-list > li > a{display:block; padding:15px 10px; color:#fff; font-size:14px;font-weight:400;transition:background .4s;}
.family-site-list > li > a:hover{background: #282828;}
.family-site-container .gw-arrow {position: relative;display: flex;align-items: center;justify-content: center;backdrop-filter: saturate(180%) blur(20px);}
.family-site-container .gw-arrow .xi-angle-down-min {width: 24px;height: 9px;transition: transform 1s cubic-bezier(.86, 0, .07, 1), transform-origin 1s cubic-bezier(.86, 0, .07, 1);}
.family-site-container .gw-arrow .xi-angle-down-min:before,
.family-site-container .gw-arrow .xi-angle-down-min:after {content: "";position: absolute;bottom: 0;width: 12px;height: 2px;background-color: #888;transition: transform 1s cubic-bezier(.86, 0, .07, 1), transform-origin 1s cubic-bezier(.86, 0, .07, 1);}
.family-site-container .gw-arrow .xi-angle-down-min:before {right: 50%;border-radius: 2px 0 0 2px;transform-origin: 100% 100%;transform: rotate(40deg);}
.family-site-container .gw-arrow .xi-angle-down-min:after {left: 50%;border-radius: 0 2px 2px 0;transform-origin: 0 100%;transform: rotate(-40deg);}
.family-site-container .gw-arrow.on .xi-angle-down-min {transform: translateY(-8px);}
.family-site-container .gw-arrow.on .xi-angle-down-min:before {transform-origin: 100% 0;transform: rotate(-40deg);}
.family-site-container .gw-arrow.on .xi-angle-down-min:after {transform-origin: 0 0;transform: rotate(40deg);}

/* copyright */
#ft_copy {font-size: 15px;letter-spacing: -0.02em;font-weight: 600;color: #000;}


/*하단 고정 메뉴*/
#gw-fixed-menu{display: none;}