/* pc */

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: #FFFFFF;
}

footer .footer_inner {
    border-top: 1px solid #EFEFEF;
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.03);
}

#footer_wrap {
    width: 100%;
    padding: 8px 4px;
}

#footer_wrap .footer_list {
    display: flex;
}

#footer_wrap .footer_list>li {
    width: 20%;
}

#footer_wrap .footer_item {
    display: block;
    padding-top: 22px;
    text-align: center;
    color: #9E9E9E;
    font-size: 12px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

#footer_wrap .footer_item.main {
    background-image: url("/static/app_www/base/img/icon_footer_main_default.png");
}

#footer_wrap .footer_item.mission {
    background-image: url("/static/app_www/base/img/icon_footer_mission_default.png");
}

#footer_wrap .footer_item.ranking {
    background-image: url("/static/app_www/base/img/icon_footer_ranking_default.png");
}

#footer_wrap .footer_item.program {
    background-image: url("/static/app_www/base/img/icon_footer_program_default.png");
}

#footer_wrap .footer_item.my {
    background-image: url("/static/app_www/base/img/icon_footer_my_default.png");
}

#footer_wrap .footer_item.active {
    color: #222222;
}

#footer_wrap .footer_item.active.main {
    background-image: url("/static/app_www/base/img/icon_footer_main_active.png");
}

#footer_wrap .footer_item.active.mission {
    background-image: url("/static/app_www/base/img/icon_footer_mission_active.png");
}

#footer_wrap .footer_item.active.ranking {
    background-image: url("/static/app_www/base/img/icon_footer_ranking_active.png");
}

#footer_wrap .footer_item.active.program {
    background-image: url("/static/app_www/base/img/icon_footer_program_active.png");
}

#footer_wrap .footer_item.active.my {
    background-image: url("/static/app_www/base/img/icon_footer_my_active.png");
}

/* tablet */
@media screen and (max-width: 1023px) {}

/* mobile */
@media screen and (max-width: 767px) {}