#banner_blog h1, #banner_blog h2{
    font-family: 'Nanum Myeongjo', serif;
    letter-spacing: 3px;
    color: rgb(2, 31, 42);
} 
#banner_blog h2{
    font-style: italic;
}

#banner_blog nav ul li{
    font-family: 'Cinzel', serif;
    color: #0A4C67 !important;
    font-weight: 600;
}
#banner_blog nav ul li:hover{
    color: rgb(2, 31, 42);
    border-bottom: #0A4C67 1px solid;
}
#banner_blog nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    align-items: center;
}
#banner_blog nav{
    max-width: 700px;
    margin: 40px auto;
}
#banner_blog .active{
    color: rgb(227, 174, 27) !important;
}
#banner_blog .active:hover{
    border-bottom: rgb(227, 174, 27) 1px solid;
}
#banner_blog a .backHome{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 150px;
    z-index: 5;
}
#blog{
    margin-left: 3%;
    margin-right: 3%;
}
@media screen and (width >= 768px) {
    #blog{
        margin-left: 10%;
        margin-right: 10%;
    }
}
@media screen and (width >= 992px) {
    #blog{
        max-width: 950px;
        margin: 0 auto;
    }
}

/* TABCONTENT */

.tabcontent{
    display: none;
    padding: 6px 50px;
    animation: animation 0.8s ease-out
}

/* animation */
@keyframes animation {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* BLOCK NEWS */
#news{
    display: block;
}
#news img{
    width: 90%;
    max-width: 600px;
}