@charset "utf-8";

/* 전체 SNB 메뉴 바 둥글게 처리 */
#shSnb {
    display: flex;
    justify-content: center;
    margin: 0 auto 50px;
    background: var(--primary);
    
    /* 메뉴 바 전체 모서리 둥글게 (필요에 따라 8px~12px 조정 가능) */
    border-radius: 12px;
    
    /* 내부 메뉴가 선택되었을 때 배경색이 모서리 밖으로 튀어나가지 않도록 설정 */
    overflow: hidden; 
}

#shSnb li + li {
    border-left: 1px solid rgba(255, 255, 255, .15);
}

#shSnb li a {
    display: block;
    min-width: 160px;
    height: 62px;
    padding: 0 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    color: #fff;
    
    /* 마우스 호버 및 선택 시 부드러운 전환 효과 */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* 선택된(활성화) 메뉴 스타일 */
#shSnb li.on a {
    font-weight: 600;
    color: var(--primary);
    background: #fff;
    
    /* 선택된 버튼 내부 상단/하단 모서리 도 약간의 둥글림 적용 */
    border-radius: 8px;
}