/* pc */
.popup_kancho .popup_center {
    width: 100%;
    max-width: 600px;
    max-height: 100%;
}

.popup_kancho .popup_center .popup_body {
    padding: 0;
}

/* 랭킹팝업 */
.popup_ranking .ranking_cont {
    background: linear-gradient(175.34deg, #FFE7EF -1.56%, #F4E6FF 102.28%);
    position: relative;
    padding-bottom: 8%;
}

.ranking_cont .event_rank_box {
    width: 40.952%;
    margin: 0 auto 3.81%;
    background-color: #7D5CA5;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.587%;
    color: #fff;
    font-size: 1rem;
    text-align: center;
}

.ranking_cont .event_rank_box::before,
.ranking_cont .event_rank_box::after {
    content: "";
    display: block;
    width: 9.302%;
    aspect-ratio: 1/1;
    background: url("/static/app_www/base/img/img_rankingPopup_deco01.png") center / cover no-repeat;
    flex-shrink: 0;
}

.ranking_cont .event_rank_box p {
    display: block;
}

.ranking_cont .event_ranking_area {
    position: relative;
}

.ranking_cont .ranking_deco {
    position: absolute;
    display: flex;
}

.ranking_cont .ranking_deco.deco02 {
    width: 10.794%;
    left: 2.54%;
    top: -3.2rem;
}

.ranking_cont .ranking_deco.deco03 {
    width: 9.067%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.ranking_cont .ranking_deco.deco04 {
    width: 12.063%;
    left: -10%;
    top: -23%;
}

.ranking_cont .pagination {
    margin-top: 1.429rem;
}

.ranking_cont .btn_group {
    margin-top: 12.698%;
    position: relative;
}

.ranking_cont .btn_group .btn_kancho {
    aspect-ratio: 1/0.2;
    background: url("/static/app_www/base/img/img_rankingPopup_btn.png") center / cover no-repeat;
}

/* 약관 팝업 */
.popup_terms.popup_kancho .popup_center .popup_body {
    display: flex;
    flex-direction: column;
    gap: 2.857rem;
    background-color: #FAE2EC;
    padding: 8%;
}

.popup_terms .popup_title {
    width: 20.286rem;
    margin: 0 auto;
}

.popup_terms .terms_area {
    padding: 1.429rem 1.429rem 0;
    position: relative;
}

.popup_terms .terms_area::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: calc(100% - 1.429rem);
    background: url("/static/app_www/base/img/bg_terms.png") top / 100% no-repeat;
}

.popup_terms .terms_area::after {
    content: "";
    display: block;
    width: calc(100% + 2.858rem);
    margin-left: -1.429rem;
    height: calc(1.429rem + 1px);
    background: url("/static/app_www/base/img/bg_terms.png") bottom / 100% no-repeat;
}

.popup_terms .terms_area .edk_edit_admin {
    position: relative;
    z-index: 3;
    max-height: 39.071rem;
    overflow-y: auto;
}

.popup_terms .btn_group .btn_kancho {
    background-image: url("/static/app_www/base/img/img_rankingPopup_btn.png");
}

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

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