#footer { background-color: #000; }
#footer .inner { padding: 5rem 1.25rem 4rem; max-width: 1600px; margin: 0 auto; }
#footer .top { display: flex; /* justify-content: space-between; */ flex-wrap: wrap; margin-bottom: 2rem; }
#footer .top .left, #footer .top .right , #footer .top .right2 { flex: 1; }
#footer .top .left { max-width: 800px; }
#footer .top .right { max-width: 350px; }
#footer .top .right2 { max-width: 300px; }
#footer .top .txt h3 { font-size: 1.25rem; color: #fff; font-weight: 500; padding-bottom: 1.25rem; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em; }
#footer .top .txt ul { padding: 0; list-style: none; }
#footer .top .txt ul li { font-size: 1.0625rem; color: #fff; padding: 0.5rem 0; display: flex; align-items: center; flex-wrap: wrap; font-size:1rem }
#footer .top .txt ul li h2 { font-weight: 500; color: #fff; font-size: 1.125rem; margin-right: 1rem; font-size:1rem; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em; }
#footer .top .txt ul li span { font-size: 1.125rem; color: #838383; font-weight: 500; font-size:1rem; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em; }
#footer .top .txt ul li a { font-size: 14px; color: #fff; font-weight: 400; font-size: 1.0625rem; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em;}
#footer .top .txt ul.sns_box li a { color:#000; text-indent:-9999999px }
#footer .bottom { margin-top: 3rem; }
#footer .bottom ul { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0; }
#footer .bottom ul li { margin-right: 2rem; margin-bottom: 1rem; }
#footer .bottom ul li a { font-size: 14px; color: #ccc; font-weight: 400; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em;}
#footer .bottom ul li span { color: #bbb; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em; }
#footer .copy { font-size: 0.9375rem; color: #fff; opacity: 0.8; font-weight: 400; margin-top: 2rem; /* font-family: "Open Sans", sans-serif; */ letter-spacing: -0.025em;}
#footer .sns_box { display: flex; gap: 1.5rem; margin-top: 1rem; padding: 0; }
#footer .sns_box .sns a { display: block; width: 3rem; height: 3rem; border: 1px solid rgba(255,255,255,0.2); font-size: 0; background: url(../img/youtube.png) no-repeat center / 1.5rem; opacity:0.7; }
#footer .sns_box .sns.n2 a { background-image: url(../img/insta.png); background-size: 2rem; background-size: 1.3rem; }
#footer .sns_box .sns.n3 a { background-image: url(../img/tictok.png); background-size: 1.8rem; background-size: 1rem;}

@media (max-width: 768px) {
    #footer .top { flex-direction: column; }
    #footer .top .left, #footer .top .right { width: 100%; margin-bottom: 2rem; }
    #footer .bottom ul { flex-direction: column; }
    #footer .bottom ul li { margin-right: 0; }
}

@media (max-width: 576px) {
    #footer .inner { padding: 2.5rem 1.25rem 1.25rem; }
    #footer .top .txt h3 {font-size: 15px; margin-bottom: 8px; padding-bottom: 0;}
    #footer .top .txt ul li h2 { font-size: 13px}
    #footer .top .txt ul li span { font-size: 13px}
    #footer .top .txt ul li { padding: 0.35rem 0 0.35rem 0;}
    #footer .top .txt ul li a { font-size: 14px}
    #footer .copy { font-size: 13px}
    #footer .sns_box { gap: 1rem; }
    #footer .sns_box .sns a { display: block; width: 3rem; height: 3rem; border: 1px solid rgba(255,255,255,0.2); font-size: 0; background: url(../img/youtube.png) no-repeat center / 1.5rem; }
    #footer .sns_box .sns.n2 a { background-image: url(../img/insta.png); background-size: 1.3rem; }
    #footer .sns_box .sns.n3 a { background-image: url(../img/tictok.png); background-size: 1.0rem; }
    #top_btn { bottom:46px; }
}