/******************************************************************************************************
(주) 인터스코프 : 하기 내용은 저작권법에 의하여 보호받으며 도용시 법적 조치를 받을 수 있습니다.
*******************************************************************************************************/


@media (max-width:1080px){
    .main--car--section{
        flex-direction: column;
        padding:20px;
        width:100%;
        box-sizing: border-box;
    }
    .ov--rev .main--car--section{
        flex-direction: column-reverse;
    }

    .main--car--section .text--section{
        width:100%;
        padding:30px 20px;
        box-sizing: border-box;
    }
    .main--car--section .pic--section{
        width:100%;
        padding-bottom: 100%;
    }
}
@media (max-width:1024px){
    footer{
        padding: 24px 60px 68px;
    }
    footer .sitemap--wrap > ul > li{
        width: calc(100% / 3);
    }
    footer .sitemap--wrap > ul > li > div:nth-of-type(1){
        margin-bottom:28px;
    }
    footer .sitemap--wrap > ul > li > div:nth-of-type(1) a{
        font-size:16px;
    }
}

@media (max-width:790px){
    .board--list--wrap img{
        max-width:100%;
        height:auto;
    }
}

@media (max-width:760px){
    footer{
        padding: 24px 28px 28px;
    }

    footer .sitemap--wrap{
        margin-top:36px;
        padding-bottom:0px;
    }
    footer .sitemap--wrap > ul{
        margin: 0 0 36px calc(-1 * 28px);
        width: calc(100% + (2 * 28px));
    }
    footer .sitemap--wrap > ul > li{
        width: 100%;
        margin-bottom:-1px;
    }

    footer .sitemap--wrap > ul > li > div:nth-of-type(1){
        margin:0px;
        border-bottom: 1px solid rgb(51, 51, 51);
        border-top: 1px solid rgb(51, 51, 51);
        padding:0 28px;
    }
    footer .sitemap--wrap > ul > li > div:nth-of-type(1).actv + div{
        background-color: rgb(26, 26, 26);
        height: auto;
        max-height: 2000px;
        opacity: 1;
    }

    footer .sitemap--wrap > ul > li > div:nth-of-type(1) a{
        display: flex;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 12px 0;
        width: 100%;
        font-family: AudiType, sans-serif;
    }
    footer .sitemap--wrap > ul > li > div:nth-of-type(1) a > svg{
        display: block;
        transition: transform 240ms cubic-bezier(0.75, 0.02, 0.5, 1) 0s;
    }

    footer .sitemap--wrap > ul > li > div:nth-of-type(1).actv > a > svg{
        transform: rotate(-180deg);
    }


    footer .sitemap--wrap > ul > li > div:nth-of-type(2){
        max-height: 0px;
        opacity: 0;
        overflow: hidden;
        transition: all 240ms cubic-bezier(0.75, 0.02, 0.5, 1) 0s;
    }

    footer .sitemap--wrap > ul > li > div:nth-of-type(2) > ul{
        padding:16px 0px;
    }
    footer .sitemap--wrap > ul > li > div:nth-of-type(2) > ul > li{
        padding:0 28px;
    }
    footer .sitemap--wrap > ul > li > div:nth-of-type(2) > ul > li > a{
        display: block;
        padding:8px 0px;
    }


    footer .social--media--wrap{
        justify-content: flex-start;
    }

    footer .copy--right--wrap > div ul li a{
        margin-bottom:12px;
        display: inline-block;
    }

    .nm-social-media-stream-list li{
        width:100%!important;
    }
}

@media (min-width: 480px){
    .audi--button {
        max-width: 600px;
        min-width: 240px;
        width: auto;
    }
}