메뉴 배치를 어떻게 해야 이런식으로 가능할까요?

.dr_menu {
    width:100%;
    height:auto;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    }
.dr_menu ul {
    text-align:center;
    font-size:14px;
    display:inline-block;
    *display:inline;
    zoom:1;
    }
.dr_menu li {
    width:132px;
    height:55px;
    line-height:55px;
    color:#ffffff;
    float:left;
    margin:0px 13px;
    background-color:#fbced3;
    border-radius:15px;
    }
.dr_menu li a {
    font-family:'Noto Sans Korean';
    font-style: normal;
    font-weight: 600;
    color:#ffffff;
    display:block;
    }
.dr_menu li:nth-child(4) {
    clear: both;
    }
.dr_menu li:nth-child(5) {
    float:left;
    }

제가 원하는 건 이런 배친데,

위 소스대로 하면 이렇게 되거든요.

어떻게 해야 2번째줄 메뉴들도 센터에 오게 할 수 있을까요??