#ft{background: #000;}
#ft-top {padding:1rem 3.5vw;border-bottom: 1px solid rgba(255,255,255,0.2);}
#ft-top .ft-quick > ul {gap: 2rem;font-size: 14px;}
#ft-top .ft-quick > ul > li > a {color: rgba(255,255,255,0.8);}
#ft-middle {padding:3rem 3.5vw;color: #888;align-items: flex-start;}
#ft-middle .gw-sec-container {align-items: flex-start;}
#ft-middle .ft-middle-left{width: 45%;}
#ft-middle .ft-middle-right {align-items: flex-start;gap: 1rem;width: 65%;height: 12rem;border-radius: 10px;}
#ft-middle .ft-middle-right > div {display: flex;flex-direction: column;gap: 1rem;border: 1px solid rgba(255,255,255,0.2);padding: 1rem;height: 100%;flex: 1;border-radius: 10px;background: rgba(255,255,255,0.03);}
#ft-middle .gw-title {color: #666;}
#ft-middle .gw-text{font-size: 14px;}
#ft-middle .gw-text > li {line-height: 1.75;}
#ft-middle .gw-num{font-size:var(--main-title03);color:#fff;}
#ft-bottom{padding:3rem 3.5vw;padding-top: 0;}

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

/* 회사정보 */
#ft_copy {font-size: 14px;color:#888;}
#ft_company{font-size:14px;}
#ft_company .ft_info {display: flex;flex-wrap: wrap;align-items: center;line-height: 1.5;color: #555;}
#ft_company .ft_info > li {margin: 0 10px 5px 0;}
#ft_company .ft_info > li > span {font-weight:500;}
#ft_company .gw-btn03 {padding: 3px;font-size:14px;}

/* family site */
.family-site-container{position:relative; width:210px; text-align:left;}
.family-site-container > button{padding:15px;border:2px solid #eee;width:100%;text-align:left;color: #fff;}
.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);}
.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:500;transition:background .4s;}
.family-site-list > li > a:hover{background: #282828;}

/* sns */
#ft-sns {gap: 10px;}
#ft-sns > li > a {position:relative;display: block;width: 36px;height: 36px;color: #fff;transition: all .3s;}
#ft-sns > li > a:hover{border-color: #666;;color: #111;}

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