/* 헤더 서브 색 조정*/
.gnb_menu {
    background-color: var(--white);
    color: var(--black);
}


.mainNav > li > a {
    color: var(--black);
}

.mainNav>li.skill:hover > a > img {
    filter: invert(42%) sepia(97%) saturate(1480%) hue-rotate(187deg) brightness(100%) contrast(101%);
}

.gnb_sub_w {
    background-color: var(--black);
}

.subNav>ul.skillFit>li {
    padding: 0;
}

/* 서브 공통 타이틀 섹션 */

.tittle {
    background-color: var(--gray-dark);
    color: var(--white);
    height: 204px;
    display: flex;
    padding: 0 0 0 5%;
    gap: 5%;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.tittle > p {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 56px;
}

.tittle> div {
    overflow: hidden;
    height: 204px;
    position: relative;
    right: 5%;
}

.tittle>div >img {
    width: 100%;
    height: 264px;
    position: relative;
}

/* 서브 메인 마진 */
.mainOne {
    margin: -3% 5% 5%;
}


.mob li:last-child {
    filter: invert(100%);
}

@media screen and (max-width:1024px) {
    .tittle>div {
        right: -4%;
    }

    .tittle>div>img {
        bottom: -18%;
    }
}

@media screen and (max-width:920px) {
    .tittle>p {
        font-size: 40px;
    }
}

@media screen and (max-width:740px) {
    .tittle>p {
        font-size: 28px;
    }
    .tittle>div {
        right: -20%;
    }
    .tittle>div>img {
        bottom: -25%;
    }
}

@media screen and (max-width:516px) {
    .tittle>div {
        right: -38%;
    }
    .tittle>div>img {
        width: auto;
    }
}

@media screen and (max-width:480px) {
    .tittle>p {
        font-size: 28px;
    }
}