@charset "utf-8";
@charset "utf-8";
#beauty_lounge_best_ranking {
    width: 1200px;
    padding: 200PX 30px;
    max-width: 100vw;
}
#beauty_lounge_best_ranking .title_area {
    font-family: 'BareunDotumPro1', sans-serif;
    text-align: center;
}

#beauty_lounge_best_ranking .title_area .title {
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 0.8em;
    letter-spacing: 0.01em;
}

#beauty_lounge_best_ranking .title_area .msg {
    font-size: 1.6em;
    font-weight: 400;
    text-align: center;
    line-height: 1.8;
    max-width: 660px;
    margin: 0 auto;
    padding: 0 18px;
    word-break: break-word;
    white-space: pre-line;
}
#beauty_lounge_best_ranking .ranking_list_wrap {
    border: 2px solid #c5c5c5;
    border-left: 0;
    border-right: 0;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 3em;
}
#beauty_lounge_best_ranking .ranking_list_wrap>* {
    flex: 1 100%;
    display: block;
    overflow: auto;
    position: relative;
}
#beauty_lounge_best_ranking .ranking_list_wrap>button {
    flex: 1 60px;
    min-width: 60px;
    max-width: 60px;
}
#beauty_lounge_best_ranking .ranking_list {
    display: flex;
}
#beauty_lounge_best_ranking .ranking_list>* {
    flex: 1 0px;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    line-height: 8.7em;
}
#beauty_lounge_best_ranking .ranking_list>* a {
    font-family: 'BareunDotumPro1';
    color: #ff5a00;
    font-weight: 600;
    font-size: 2.5em
}
#beauty_lounge_best_ranking .ranking_list>*._on {
    flex: 1 auto;
    max-width: 100%;
}
#beauty_lounge_best_ranking a.event_link {
    position: relative;
    font-family: 'BareunDotumPro1';
    display: block;
    width: auto;
    margin: 0 auto;
    color: #ff5a00;
    font-weight: 600;
    font-size: 2.5em;
    flex: 0 auto;
    line-height: 3.65em;
    margin-bottom: 0.4em;
    text-align: center;
}
#beauty_lounge_best_ranking a.event_link::before {
    content: "";
    display: block;
    position: absolute;
    border-top: 2px solid;
    bottom: 0.8em;
    left: 0;
    width: 100%;
}
@media (max-width: 914px) {
    #beauty_lounge_best_ranking {
        padding: 8em 2em;
    }
    #beauty_lounge_best_ranking .title_area {
        line-height: 2.1em;
    }
    #beauty_lounge_best_ranking .title_area .title {
        font-family: 'BareunDotumPro2';
        font-size: 1.6em;
    }
    #beauty_lounge_best_ranking .title_area .msg {
        font-size: 1.2em;
    }
    #beauty_lounge_best_ranking .ranking_list_wrap {
        margin-top: 3em;
    border: 0;
    }
    #beauty_lounge_best_ranking .ranking_list_wrap>* {
        flex: 1 100%;
    }
    #beauty_lounge_best_ranking .ranking_list_wrap>button {
        display: none;
    }
    #beauty_lounge_best_ranking .ranking_list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #beauty_lounge_best_ranking .ranking_list::after {
        content: "";
        position: absolute;
        background: white;
        height: 2px;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    #beauty_lounge_best_ranking .ranking_list>* {
        flex: 0 auto;
        line-height: 4em;
        display: none;
    }
    #beauty_lounge_best_ranking .ranking_list>* a {
        font-size: 1.6em
    }
    #beauty_lounge_best_ranking .ranking_list>*._on {
        flex: 0 auto;
        min-width: 20%;
        max-width: 100%;
        display: block;
        padding: 0 1em;
        border-bottom: 1px solid #b8b8b8;
    }
    #beauty_lounge_best_ranking a.event_link {
        font-size: 1.6em;
        flex: 0 auto;
        line-height: 2.3em;
        margin-bottom: 0.4em;
        text-align: center;
    }
    #beauty_lounge_best_ranking a.event_link::before {
        content: "";
        display: block;
        position: absolute;
        border-top: 2px solid;
        bottom: 0.3em;
        left: 0;
        width: 100%;
    }
}