footer a, footer li, footer p {color: #c2c2c2;font-weight: 300;}
footer h5 {color: #e1e1e1;font-weight: 600;margin-bottom: 16px;}
footer {background-color: #333;}
footer article.contetns {
    padding: 78px 0;
    margin: 0 auto;
    
}
footer .footer-infor,
footer .footer-sns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

footer article .footer-r {width: 32%;}
footer .ft-16 {margin-bottom: 4.8rem;font-weight: 300;}
footer .l-top {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
footer .l-top .logo {
    width: 150px;
    margin-right: 40px;
}
footer .l-top .logo img {
    width: 100%
}
footer .l-top span {color: #c2c2c2;}
footer .ft-16 {line-height: 160%;}

/* 이용서비스 */
footer .service {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 4.8rem;
}
footer .service div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}


/* ----- sns ------ */
footer .sns {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}
footer .sns span {
    display: block;
    width: 35px;
    cursor: pointer;
}
footer .sns span img {
    width: 100%;
    object-fit: cover;
    object-position: center;

}
footer .sns .iconWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    
}


/* ------- 패밀리 사이트 --------------- */
footer > .ft-area {
padding:20px 0 0 950px;
width:100%;
overflow:hidden;
box-sizing:border-box;
}

footer > .ft-area::after {
content:"";
display:block;
clear:both;
}

footer > .ft-area > .family-site {
float:right;
width:33.3333%;
}

footer > .ft-area > .family-site > .select-box {
position:relative;
width:258px;
height:33px;
}

footer > .ft-area > .family-site > .select-box > .hide {
display:block;
position:absolute;
}

.select-box {
position: relative;
width: 200px;
z-index: 1;
}

.select-box label {
position:absolute;
top:1px;
left:5px;
padding:0.8em 0.5em;
color:#999999;
z-index:-1;
}
footer .sns .falily-lnk {
    position: absolute;
    width: 197px;
    height: 33px;
    font-size: 11px;
    right: 0;
    bottom: -1rem;
}
.select-box select {
width:100%;
height:auto;
line-height:normal;
border: 1px solid transparent;
margin:0;
padding:0;
color:#9999a8;
font-weight:bold;
cursor:pointer;
padding-left:15px;
background-color:#e2e2e2;
}
.select-box select:focus {
outline: 0;
}
.select-box select > option {
color:black;
background-color:white;
}


@media all and (max-width: 1380px) {
	footer .contetns {padding: 78px 0;}
}
@media all and (max-width: 1024px) {
    footer .l-top .logo {height: auto;margin-right: 20px;}
    footer .ft-16 {margin-bottom: 0;}
    footer .ft-14 {margin-top: 16px;}
    footer .footer-r {margin-top: 24px;}
    footer article .footer-r {
        width: 48%;
    }
}
@media all and (max-width: 786px) {
    footer .l-top {margin-bottom: 30px;}
    footer .footerWrap .footer-infor{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    footer article .footer-r {width: 60%;}
    footer .service {margin-bottom: 24px;}
    footer .footer-sns {margin-top: 4.8rem;}
}

@media all and (max-width: 603px) {
    footer .ft-14 {margin-top: 0;line-height: 154%;}
    footer article.contetns {padding: 48px 0;}
    footer .l-top {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    footer .l-top .logo {
        width: auto;
        margin-top: 20px;
    }
    footer .l-top p {width: max-content;margin-top: 16px;}
    footer .l-top p span,
    footer .l-top p span a {font-size: 14px;}

    footer h5 {margin-bottom: 6px;}
    footer .footer-r {width: 100%;}
    footer .footer-r .service {
        gap: 20px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 3rem;
    }

    footer .footer-l .ft-16 {font-size: 14px;line-height: 160%;}

    footer .footer-sns {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 20px;
    }
    footer .footer-sns .ft-14 {margin-bottom: 16px;}
    footer .sns {gap: 16px;}
    footer .sns span {width: 30px;}
    .select-box {width: 187px;}
    footer .sns .falily-lnk {width: 170px;}
}
    @media all and (max-width: 407px) {
        .select-box {width: 156px;}
        footer .sns .falily-lnk {width: 150px;}
    }