/* 메뉴 컨테이너 */
#DB_navi3_1 {
    width: 1110px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    border-bottom: 0px solid #ccc; /* 메뉴 전체 밑줄 */
}

/* 메뉴 항목 */
#DB_navi3_1 li {
    float: left;
    margin-left: 22px; /* 메뉴 간격 조정 */
	margin-top: 12px;
}

/* 텍스트 메뉴 항목 스타일 */
#DB_navi3_1 li a {
    display: block;
    padding: 10px 0;
    color: #000;
    text-decoration: none;
    position: relative; /* 밑줄 효과를 위해 필요 */
    font-size: 14px; /* 폰트 크기 설정 */
}

/* 마우스 오버 효과 */
#DB_navi3_1 li a:hover {
    color: #9c3305;
}

/* 오버 시 밑줄 효과 */
#DB_navi3_1 li a::after {
    content: '';
    position: absolute;
    left: 0;
     bottom: -12px;
    width: 0;
    height: 1px;
    background-color: #9c3305;
    transition: width 0.01s ease;
}

#DB_navi3_1 li a:hover::after {
    width: 100%;
}

/* 현재 페이지의 고정 밑줄 */
#DB_navi3_1 li a .underline {
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    background-color: #9c3305;
}

#DB_navi3_1 li a:hover::after {
    width: 100%; /* 마우스 오버 시 밑줄 확장 */
}