/* container */
#section_alpha .section_alpha_list {
    padding: 32px 0 74px 0;
    margin: 0 auto;
    max-width: 970px;
}

/* Header */
#section_alpha .alpha_list_header {
    color: #000;
    font-weight: 700;
    letter-spacing: -0.7px;
}

/* location tab menu */
#section_alpha .alpha_list_location_wrap {
    margin: 40px 0;
}

#section_alpha .alpha_list_location_wrap {
    width: 970px;
    border-bottom: 1px solid #EDEDED; /* --gray-gray-04 */
}

#section_alpha .alpha_list_location_item {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    letter-spacing: -0.4px;

    span {
        display: block;
        padding: 12px 8px;
        color: #767676; /* --gray-767676 */
        text-align: center;
    }

    span.active {
        color: #4294FF; /* --blue-blue */
        position: relative;
    }

    span.active::after {
        content: '';
        display: block;
        position: absolute;;
        bottom:0; left:0; right: 0;
        height: 2px;
        background-color: #4294FF; /* --blue-blue */
    }
}

/* alpha report list */
#section_alpha .alpha_list_page { width: 100%; }

#section_alpha .alpha_list_items {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#section_alpha .alpha_list_article {
    width: 844px;
    display: flex;
    flex-direction: row;
    gap: 32px;
}

#section_alpha  .alpah_list_text_wrapper {
    min-width: 641px;
}

#section_alpha .alpha_list_text_title {
    -webkit-line-clamp:2;
    color: #111; /* --gray-gray-11 */
    font-weight: 700;
    line-height: 1.6;
}

#section_alpha .alpha_list_text {
    -webkit-line-clamp: 2;
    font-size: 18px;
    color: #767676; /* --gray-gray-09 */
    line-height: 1.7;
    margin: 8px 0;
}

#section_alpha .common_alpha_post_meta.alpha_list {
    color: #999; /* --gray-gray-08 */
    font-weight: 500;
    letter-spacing: -0.35px;
}

#section_alpha .common_alpha_img_wrapper.alpha_list {
    width: 297px;
    height: 197px;
    border-radius: 6px;
    flex-shrink: 0;
}

/* paging */
#section_alpha .pagination_alpha_list_wrapper {
    margin-top: 64px;
}

#section_alpha .pagination_alpha_list,
#section_alpha_report .pagination_alpha_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #999;
}

#section_alpha .btn_prev_wrap, .btn_next_wrap,
#section_alpha_report .btn_prev_wrap, .btn_next_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

    span {
        display: block;
        width: 10px;
        height: 10px;
    }

    a {
        display: block;
        padding: 7px;
        border-radius: 4px;
        border: 1px solid #EDEDED;
    }

    span.first { background: url('../../../images/tokenpost_new/alpha/arrow_first.svg') center no-repeat; }
    span.prev { background: url('../../../images/tokenpost_new/alpha/arrow_prev.svg') center no-repeat; }
    span.next { background: url('../../../images/tokenpost_new/alpha/arrow_next.svg') center no-repeat; }
    span.last { background: url('../../../images/tokenpost_new/alpha/arrow_last.svg') center no-repeat; }
}

.page_item.alpha_list span {
    line-height: 26px;
    color: #999;
}

.page_item.alpha_list.active a {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: #E6F1FF;
    text-align: center;

    span {
        font-weight: 700;
        color: #4294FF;
        line-height: 26px;
    }
}