@charset "UTF-8";

#footer {padding: 40px 50px; background: var(--bluegray);}
#footer address {width: 100%; max-width: 1200px; margin: 0 auto; font-weight: 300; font-size: 1.063rem; color: #fff; text-align: center;}
#footer p {display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-bottom: 12px; flex-wrap: wrap;}
#footer p:last-of-type {margin-bottom: 24px;}
#footer span::after {display: inline-block; content: ''; width: 1px; height: 12px; background: #C7C7C7; margin: 0 6px;}
#footer span:last-child::after {display: none;}
#footer .company {font-weight: 500;}
#footer .copy {font-weight: 200; font-size: 0.938rem; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#footer .copy span::after {display: none;}


#sns {width: 44px; height: 44px; position: fixed; z-index: 555;}
#sns>* {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0 2px 2px #050F3E; overflow: hidden; transform: translate3d(0, 0, 0); backface-visibility: hidden;}
#sns .sns {opacity: 0; transition: all .3s;}
#sns .sns img {width: 100%; height: 100%; object-fit: cover;}
#sns.open .sns {opacity: 1;}

#sns.open .sns:nth-child(1) {
    -webkit-transform: translateY(calc(-100% - 6px)); transform: translateY(calc(-100% - 6px));
    -webkit-transition-delay: 0ms; transition-delay: 0ms;
}
#sns.open .sns:nth-child(2) {
    -webkit-transform: translateY(calc(-200% - 12px)); transform: translateY(calc(-200% - 12px));
    -webkit-transition-delay: 0ms; transition-delay: 0ms;
}
#sns.open .sns:nth-child(3) {
    -webkit-transform: translateY(calc(-300% - 18px)); transform: translateY(calc(-300% - 18px));
    -webkit-transition-delay: 0ms; transition-delay: 0ms;
}
#sns.open .sns:nth-child(4) {
    -webkit-transform: translateY(calc(-400% - 24px)); transform: translateY(calc(-400% - 24px));
    -webkit-transition-delay: 0ms; transition-delay: 0ms;
}
#sns.open .sns:nth-child(5) {
    -webkit-transform: translateY(calc(-500% - 30px)); transform: translateY(calc(-500% - 30px));
    -webkit-transition-delay: 0ms; transition-delay: 0ms;
}

#sns .btn-sns {background: #fff; transition: transform .3s;}
#sns .btn-sns svg {width: 19px; height: 19px;}
#sns.open .btn-sns {transform: rotate(45deg);}





/* Safari 14.1 이전 버전 */
@supports not (inset: 0){
}



@media screen and (min-width:993px){
    #sns {width: 56px; height: 56px; bottom: 4%; right: 3%;}
}

@media screen and (max-width:992px){
    #sns {bottom: 4%; right: 3%;}
}

@media screen and (max-width:768px){
    #footer {padding: 40px;}
}

@media screen and (max-width:480px){
    #footer {padding: 30px 12px;}

    #footer p {row-gap: 6px; margin-bottom: 6px;}

    #footer .ceo::after, #footer .address::after {display: none;}
    #footer .address {width: 100%;}

    #sns {bottom: 16px; right: 12px;}
}