@charset "utf-8";

@media only screen and (min-width: 1280px) {
    html { font-size: 6.7px; }

    .banner .navs .logo { margin-right: 0rem; margin-left: -8%; }

    .banner .navs .logo img { transform: scale(.66); }
    .busarea .buslist .item:nth-child(1),
    .busarea .buslist .item:nth-child(4) { width: calc(100% / 3.3); }
}

@media screen and (min-width: 1360px) {
    html { font-size: 7.2px; }

    .banner .navs .logo { margin-left: 0; }

    .banner .nav { width: 98%; }

    .banner .navs .logo img { transform: scale(.88); }

    .busarea .buslist .item:nth-child(1),
    .busarea .buslist .item:nth-child(4) { width: calc(100% / 3.2); }
}

@media screen and (min-width: 1400px) {
    html { font-size: 7.4px; }
}

@media screen and (min-width: 1600px) {
    html { font-size: 8.4px; }

    .banner .nav { width: 96%; }

    .banner .navs .logo { margin-right: 10rem; }

    .banner .navs .logo img { transform: scale(1); }

    .busarea .buslist .item:nth-child(1),
    .busarea .buslist .item:nth-child(4) { width: calc(100% / 3.3); }
}

@media screen and (min-width: 1680px) {
    html { font-size: 8.9px; }
}

@media screen and (min-width: 1920px) {
    html { font-size: 10px; }

    .banner .nav { width: 90%; }

    .footcon .item:first-child { margin-left: 5%; }

    .footcon .item:last-child { margin-right: 5%; }
}