/* common.front.css */



body {
    background-color:#F5F5F5 !important;
    
    /* 기본 흰색배경에서 연회색으로 변경 필요한 페이지는 별도적용 할것
    background-color:#FFFFFF !important;
    */
}



nav.navbar {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

nav.navbar.navbar-light.bg-light {
    background-color:rgba(255, 255, 255, 0.95) !important;
}


/* responsive */
@media only screen and (min-width:768px) {
    nav.navbar {
        height:5rem;
    }

    .navbar-gap {
        padding-top:5rem !important;
    }
}
@media only screen and (max-width:768px) {
    .navbar-gap {
        padding-top:3.5rem;
    }
}


/* image mask */
.img-mask.mask-1 img {
    -webkit-mask-image: url(/assets/images/hex.svg);
    mask-image: url(/assets/images/hex.svg);
}

.img-mask.mask-2 img {
    -webkit-mask-image: url(/assets/images/hex.svg);
    mask-image: url(/assets/images/hex.svg);
    max-width:255px;
}