footer { display: none; font-size:13px; color:#FFFFFF; width:100%; height:250px; background-color:#222; padding:130px 100px 0; position:absolute; bottom: -160px; }

footer.short:not(.carzal) {
    position: relative;
    height: 160px;
    bottom: 0;
    padding: 30px 80px; 
}

footer.short #media_icons_wrapper {
    top: 30px;
}

footer.carzal {
    position: relative;
    height: 250px;
    bottom: 0;
    padding: 30px 80px 150px; 
}

footer a { font-size:14px; color:#FFFFFF; font-weight:bold; }
footer .footer_menu li            { display:inline-block; }
footer .footer_menu li:after      { content:' | '; margin:0 4px; }
footer .footer_menu li.last:after { content:''; margin:0; }
footer .footer_menu li a,
footer .footer_menu li:after      { font-size:14px; font-weight:500; font-stretch:normal; font-style:normal; letter-spacing:normal; text-align:left; color:#bdbdbd; }

footer address { margin-top:22px; }
footer address ul { line-height:18px; width:672px; }
footer address ul li,
footer address ul li:before,
footer address ul li:after               { color:#bdbdbd; font-size:13px; font-weight:normal; font-stretch:normal; font-style:normal; line-height:14px; letter-spacing:normal; text-align:left; }
footer address ul li                     { display:inline-block; }
footer address ul li:before              { display:inline-block; margin-right:4px; }
footer address ul li:after               { display:inline-block; margin:0 4px; }
footer address ul li:nth-child(1):after  { content:'|'; }
footer address ul li:nth-child(2):before { content:'대표'; }
footer address ul li:nth-child(2):after  { content:'|'; }
footer address ul li:nth-child(3):after  { content:''; width:100px; }
footer address ul li:nth-child(4):before { content:'사업자등록번호:'; }
footer address ul li:nth-child(4):after  { content:'|'; }
footer address ul li:nth-child(7):before { content:'Tel:'; }
footer address ul li:nth-child(7):after  { content:'|'; }
footer address ul li:nth-child(8):before { content:'Fax:'; }
footer address ul li:nth-child(6):after  { content:'|'; }

footer.carzal > div:first-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

footer.carzal > div a {
    width: 30px;
}

footer.carzal > div a img {
    width: 30px;
}

footer.carzal > div.adress {
    margin-top: 40px;
}

footer.carzal > div.adress ul li {
    display: inline-block;
}

footer .carzal-footer {
    display: flex;
    align-items: center;
    gap: 25px;
    position: absolute;
    top: 50px;
    right: 90px;
}

footer .carzal-footer > img {
    width: 55px;
    height: 55px;
}

footer .carzal-footer h2 {
    font-size: 16px;
}

footer .carzal-footer h1 {
    font-size: 24px;
}

footer .carzal-footer h3 {
    font-size: 12px;
}

#media_icons_wrapper { position:absolute; right:100px; top:175px; z-index: 10001; }
#media_icons_wrapper li { display:inline-block; vertical-align:middle; margin-left:10px; width:30px; }
#media_icons_wrapper li.footer-m { display:none; }
#media_icons_wrapper li a { display:block; height:100%; width:100%; position: relative; }
#media_icons_wrapper li a img { width:100%; position:absolute; top:50%; transform:translateY(-50%); }
#media_icons_wrapper li:last-child a img { width: 100px; }

.bg-car {
    position: absolute;
    top: -220px;
    right: 0;
    width: 660px;
    z-index: 1;
    animation: mymove 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#kakaoButton {
    position: absolute;
    top: 10%;
    right: 2.5%;
}

#kakaoButton.mobile {
    display: none;
}

#kakaoButton img {
    width: 100px;
}

@keyframes mymove {
    from {
        right: 2290px;
    }
    to {
        right: 0;
    }
}

@media (max-width:1024px) {
    footer { font-size:1.270vw; color:#FFFFFF; width:100%; height:13.086vw; background-color:#222; padding:2.930vw 7.188vw; position:relative; }
    footer a { font-size:1.367vw; color:#FFFFFF; font-weight:bold; }
    footer .footer_menu li            { display:inline-block; }
    footer .footer_menu li:after      { content:' | '; margin:0 0.391vw; }
    footer .footer_menu li.last:after { content:''; margin:0; }
    footer .footer_menu li a,
    footer .footer_menu li:after      { font-size:1.367vw; font-weight:500; font-stretch:normal; font-style:normal; letter-spacing:normal; text-align:left; color:#bdbdbd; }

    footer address { margin-top:2.148vw; }
    footer address ul { line-height:1.758vw; width:65.625vw; }
    footer address ul li,
    footer address ul li:before,
    footer address ul li:after               { color:#bdbdbd; font-size:1.270vw; font-weight:normal; font-stretch:normal; font-style:normal; line-height:1.367vw; letter-spacing:normal; text-align:left; }
    footer address ul li                     { display:inline-block; }
    footer address ul li:before              { display:inline-block; margin-right:0.391vw; }
    footer address ul li:after               { display:inline-block; margin:0 0.391vw; }
    footer address ul li:nth-child(1):after  { content:'|'; }
    footer address ul li:nth-child(2):before { content:'대표'; }
    footer address ul li:nth-child(2):after  { content:'|'; }
    footer address ul li:nth-child(3):after  { content:''; width:9.766vw; }
    footer address ul li:nth-child(4):before { content:'사업자등록번호:'; }
    footer address ul li:nth-child(4):after  { content:'|'; }
    footer address ul li:nth-child(7):before { content:'Tel:'; }
    footer address ul li:nth-child(7):after  { content:'|'; }
    footer address ul li:nth-child(8):before { content:'Fax:'; }
    footer address ul li:nth-child(6):after  { content:'|'; }

    footer .carzal-footer {
        align-items: center;
        gap: 2.4414vw;
        top: 4.8828vw;
        right: 8.7891vw;
    }
    
    footer .carzal-footer > img {
        width: 5.3711vw;
        height: 5.3711vw;
    }
    
    footer .carzal-footer h2 {
        font-size: 1.5625vw;
    }
    
    footer .carzal-footer h1 {
        font-size: 2.3438vw;
    }
    
    footer .carzal-footer h3 {
        font-size: 1.1719vw;
    }

    #media_icons_wrapper { position:absolute; right:12vw; top:2.930vw; }
    #media_icons_wrapper li { display:inline-block; vertical-align:middle; margin-left:0.977vw; }
    #media_icons_wrapper li a { display:block; height:100%; width:100%; }
    #media_icons_wrapper li a img { width:100%; }
    #media_icons_wrapper li:last-child a img { width: 10vw; height: 30px; }
    
    #kakaoButton img {
        width: 15vw;
    }
}

@media (max-width:768px) {
    footer       { display:none; font-size:16px; color:#FFFFFF; width:100%; height:442px; background-color:#222; padding:40px 55px; position:relative; }
    footer.carzal{ display:block; bottom: -25px; padding: 20px 40px 150px; }
    footer.index { display:block; }
    footer       a { font-size:16px; color:#FFFFFF; font-weight:bold; }
    footer       .footer_menu li            { display:inline-block; }
    footer       .footer_menu li:after      { content:' | '; margin:0 4px; }
    footer       .footer_menu li.last:after { content:''; margin:0; }
    footer       .footer_menu li a,
    footer       .footer_menu li:after      { font-size:16px; font-weight:bold; font-style:normal; line-height:20px; text-align:left; color:#fff; }

    footer       address { margin-top:38px; }
    footer       address ul { line-height:17px; width:672px; }
    footer       address ul li,
    footer       address ul li:before,
    footer       address ul li:after               { color:#bdbdbd; font-size:16px; font-weight:normal; font-stretch:normal; font-style:normal; line-height:17px; letter-spacing:normal; text-align:left; }
    footer       address ul li                     { display:block; margin-bottom:14px; }
    footer       address ul li:before              { color:#777; display:inline-block; font-style:normal; font-weight:500; font-size:16px; line-height:16px; margin-right:4px; }
    footer       address ul li:after               { display:inline-block; margin:0; }
    footer       address ul li:nth-child(1)        { font-style:normal; font-weight:normal; font-size:22px; line-height:20px; margin-bottom:20px; }
    footer       address ul li:nth-child(1):after  { content:''; }
    footer       address ul li:nth-child(2):before { content:'대표'; }
    footer       address ul li:nth-child(2):after  { content:''; }
    footer       address ul li:nth-child(4):before { content:'사업자등록번호'; }
    footer       address ul li:nth-child(4):after  { content:''; }
    footer       address ul li:nth-child(6):before { content:'주소'; }
    footer       address ul li:nth-child(6):after  { content:''; }
    footer       address ul li:nth-child(7):before { content:'Tel:'; }
    footer       address ul li:nth-child(7):after  { content:''; }
    footer       address ul li:nth-child(8):before { content:'Fax:'; }
    footer       address ul li:nth-child(6):after  { content:''; }

    #media_icons_wrapper { bottom:43px; left:55px; position:absolute; right:unset; top:unset; }
    #media_icons_wrapper li { display:none; }
    #media_icons_wrapper li.footer-m { display:inline-block; vertical-align:middle; margin-left:0; margin-right:4px; height:46px; width:46px; }
    #media_icons_wrapper li a { display:block; height:100%; width:100%; position: relative; }
    #media_icons_wrapper li a img { width:100%; position:absolute; top:50%; transform:translateY(-50%); }
    
    #kakaoButton.pc {
        display: none;
    }
    
    #kakaoButton.mobile {
        display: block;
        top: 5%;
        right: 5%;
    }
    
    #kakaoButton img {
        width: 13vw;
    }
}

@media (max-width:767px) {
    footer { font-size:2.083vw; color:#FFFFFF; width:100%; height:59.9739vw; background-color:#222; padding:5.208vw 7.161vw; position:relative; }
    footer.carzal{ display:block; bottom: -25px; padding: 20px 40px 150px; }
    footer a { font-size:2.083vw; color:#FFFFFF; font-weight:bold; }
    footer .footer_menu li            { display:inline-block; }
    footer .footer_menu li:after      { content:' | '; margin:0 0.521vw; }
    footer .footer_menu li.last:after { content:''; margin:0; }
    footer .footer_menu li a,
    footer .footer_menu li:after      { font-size:2.083vw; font-weight:bold; font-style:normal; line-height:2.604vw; text-align:left; color:#fff; }

    footer address { margin-top:4.948vw; }
    footer address ul { line-height:2.214vw; width:87.500vw; }
    footer address ul li,
    footer address ul li:before,
    footer address ul li:after               { color:#bdbdbd; font-size:3.520vw; font-weight:normal; font-stretch:normal; font-style:normal; line-height:2.214vw; letter-spacing:normal; text-align:left; }
    footer address ul li                     { display:block; margin-bottom:1.823vw; }
    footer address ul li:before              { color:#777; display:inline-block; font-style:normal; font-weight:500; font-size:3.520vw; line-height:2.083vw; margin-right:0.521vw; }
    footer address ul li:after               { display:inline-block; margin:0; }
    footer address ul li:nth-child(1)        { font-style:normal; font-weight:normal; font-size:3.520vw; line-height:2.604vw; margin-bottom:2.604vw; }
    footer address ul li:nth-child(1):after  { content:''; }
    footer address ul li:nth-child(2):before { content:'대표'; }
    footer address ul li:nth-child(2):after  { content:''; }
    footer address ul li:nth-child(4):before { content:'사업자등록번호'; }
    footer address ul li:nth-child(4):after  { content:''; }
    footer address ul li:nth-child(6):after  { content:''; }
    footer address ul li:nth-child(6):before { content:'주소'; }
    footer address ul li:nth-child(7):before { content:'Tel:'; }
    footer address ul li:nth-child(7):after  { content:''; }
    footer address ul li:nth-child(8):before { content:'Fax:'; }
    footer address ul li:nth-child(6):after  { content:''; }

    footer .carzal-footer {
        display: none;
        align-items: center;
        gap: 3.2552vw;
        top: 6.5104vw;
        right: 11.7188vw;
    }
    
    footer .carzal-footer > img {
        width: 7.1615vw;
        height: 7.1615vw;
    }
    
    footer .carzal-footer h2 {
        font-size: 2.0833vw;
    }
    
    footer .carzal-footer h1 {
        font-size: 3.1250vw;
    }
    
    footer .carzal-footer h3 {
        font-size: 1.5625vw;
    }

    #media_icons_wrapper { bottom:5.599vw; left:7.161vw; position:absolute; right:unset; top:unset; }
    #media_icons_wrapper li { display:none; }
    #media_icons_wrapper li.footer-m { display:inline-block; vertical-align:middle; margin-left:0; margin-right:0.521vw; height:5.990vw; width:5.990vw; }
    #media_icons_wrapper li a { display:block; height:100%; width:100%; position: relative; }
    #media_icons_wrapper li a img { width:100%; position:absolute; top:50%; transform:translateY(-50%); }
}

@media(max-width: 421px) {
    footer { height:64.1330vw; }
}

@media(max-width: 550px) {
    footer.carzal {
        position: relative;
        height: 250px;
        bottom: 0;
        padding: 30px 30px 100px; 
    }
}

@media(max-width: 450px) {
    footer.carzal {
        height: 300px;
    }
}

@media(max-height: 900px){
    .bg-car {
        width: 780px;
        top: -220px;
    }
}

@media(max-height: 768px){
    .bg-car {
        width: 660px;
        top: -168px;
    }
}