.of-orange {
    color: #FF6A13;
}

.of-blue {
    color: #0072CE;
}

.category-container {
    text-align: left;
    padding-top: 80px;
    margin-left: 1%;
}

.category-box h1 {
    font-size: 1.7rem;
    padding-bottom: 10px;
    font-weight: bold;
}

.category-box h3 {
    font-size: 1rem;
    font-weight: 300;
    font-family: 'Montserrat', 'Noto Sans', 'Noto Sans KR', sans-serif;
    letter-spacing: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-btn-container {
    text-align: center;
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 1%;
}

.nav-btn-box {
    margin-right: 10px;
}

.nav-btn-box .active {
    color: #FFF;
    background-color: #FF6A13;
}

.nav-btn {
    width: 96px;
    height: 42px;
    box-sizing: border-box;
    border-radius: 21px;
    background-color: #F2F2F2;
    line-height: 42px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'NanumSquareRound', sans-serif !important;
}

.nav-btn:hover {
    cursor: pointer;
}