/* 1160px 이하의 뷰포트 */
@media screen and (max-width: 1160px) {
    :root {
        --headerImageSize: 600px;
        --headerHeight: 80px;
    }
    .tg-logo-1-removebg-11 {
        width: 144px;
        height: 67px;
        margin: 6.4px 0;
    }
    .menu-fill-1 {
        margin: 25px 22px 25px 53px;
    }
    .headder-line {
        display: none;
    }
    .headder_container {
        margin: 0 calc(50% - 40vw);
        width: 80vw;
    }
    .headder-menu {
        display: none;
    }
    .menubar-out {
        width: 780px;
    }
    .menubarLine {
        width: calc(50% - 390px);
    }
}
/* 태블릿 뷰포트 */
@media screen and (max-width: 780px) {
    :root {
        --headerHeight: 70px;
        --headerImageSize: 400px;
        --headerTitleSize : 40px;
    }
    .menubar {
        display: none;
    }
    .tg-logo-1-removebg-11 {
        width: 126px;
        height: 58.8px;
        margin: 5.6px 0;
    }
    .menu-fill-1 {
        margin: 20px 22px 20px 53px;
    }
}
/* 모바일 뷰포트 */
@media screen and (max-width: 480px) {
    :root {
        --headerHeight: 60px;
        --headerImageSize: 200px;
        --headerTitleSize : 20px;
    }
    .tg-logo-1-removebg-11 {
        width: 108px;
        height: 50px;
        margin: 4.8px 0;
    }
    .menu-fill-1 {
        margin: 15px 22px 15px 53px;
    }
}