.step_sub {border-bottom:1px solid #dddddd;}
.step_sub .inner{width:1400px;margin:0 auto;max-width: 100%;}
.step_sub .inner>ul{display: flex;}
.step_sub li.home{text-align: center;background:none;width:60px;padding:0;}
.step_sub li.home a{padding: 0; text-align: center; color: #c30d23;}
.step_sub li.home img{vertical-align: -3px;}
.step_sub li{text-align:center;display:inline-block;position:relative;}
.step_sub li{box-sizing:border-box;width: 300px; height: 60px; line-height: 60px;}
.step_sub li:last-child .menu{color: #fff; background-color: #c30d23;}
.step_sub .menu_list {width: 100%;z-index:999;display:none;box-sizing:border-box;position:absolute;background:#fff;left:0;top:60px;border:0; border-top: 1px solid #ddd;


    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.11);


}
.step_sub .menu_list li a{color:#000;font-weight:300;}
.step_sub li {
    background: none;
    box-sizing: content-box;
    text-align: center;
    border-left: 1px solid #dddddd;
}
.step_sub li a{display:block; text-align: left; padding: 0 30px; box-sizing: border-box; font-size: 16px; line-height: 60px; transition: all .3s;}
.step_sub .menu_list li{display:block;border:0; border-bottom: 1px solid #ddd;}
.step_sub .menu_list li:last-child{border-bottom: none;}
.step_sub li .tab{display:block;}
.step_sub .menu_list li{padding:0;}

.step_sub .menu .arrow {
    position: absolute;
    right: 30px;
    top: 0px;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.step_sub .tab.active .menu .arrow {
    transform: rotate(180deg); /* 화살표 위로 */
}

.step_sub .menu_list li.active a {
    background-color: #c30d23;
    color: #fff;

}

.step_sub .menu_list li:hover a{
    background-color: #c30d23;
    color: #fff;
}

@media (max-width: 768px) {
    .step_sub .inner {
        display: block;
        height: auto;
    }

    .step_sub ul {
        display: flex;
    }

    .step_sub li {
        width: auto;
        padding: 0;
        border-left: none;
        border-bottom: 1px solid #ddd;
        text-align: left;
        height: 40px;
        line-height: 40px;
    }

    .step_sub li a{padding: 0 15px; padding-right: 30px; font-size: 14px; line-height: 40px;}
    .step_sub .menu .arrow{right: 10px;}
    .step_sub li.home{display: none;}

    .step_sub .menu_list{top: 40px; min-width: 180px;}
}