@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : common.css - 추가할 스타일
    속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/


/* media */
@media screen and (max-width: 1440px) {
    html {
        font-size: 55%;
    }
    .gnb-menu-inner {
        max-width: 80%;
    }
    .breadcrumb .inner {
        max-width: 80%;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 45%;
    }
    .gnb-menu-inner {
        max-width: 90%;
    }
    .breadcrumb .inner {
        max-width: 90%;
    }
}

/* 태블릿/모바일 */
@media screen and (max-width: 1024px) {
    html {
        font-size: 62.5%;
    }
    .mob-block {
        display: block !important;
    }
    .mob-none {
        display: none !important;
    }
    .gnb-menu-wrap {
        display: none;
    }
    .sub-content-section {
        margin-top: 11rem;
    }
    .breadcrumb {
        border-top: 1px solid #e6e6e6;
    }
    .header-btn .btn-big-push-st,
    .header-btn .btn-login {
        display: none;
    }
    .sub .header .my-page {
        left: 0;
        right: 0 !important;
    }
    .breadcrumb{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 55%;
    }
}

@media screen and (max-width: 640px) {
    html {
        font-size: 50%;
    }
    .breadcrumb-menu-list > li {
        height: 50px;
    }
}

@media screen and (max-width: 425px) {
    html {
        font-size: 43.75%;
    }
    .breadcrumb-menu-list > li {
        height: 45px;
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size: 37.5%;
    }
    .breadcrumb-menu-list > li {
        height: 40px;
    }
    .sub .header .my-page {
        left: -2.5rem;
        right: 0 !important;
    }
}