.list_parent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}

.list_main {
    width: 1220px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
}
.list_main_title {
    margin-top: 42px;
    font-weight: 700;
    color: #000000;
    font-size: 32px;
    letter-spacing: -0.8px;
}
.list_main_question_guide {
    position: absolute;
    right: 0px;
    top:43px;
    width: 88px;
    height: 36px;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-weight: 500;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;

}

.list_filter_container {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    position: relative;
}
.list_filter_container_left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}
.list_filter {
    height: 44px;
    padding: 13px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid;
    border-color: #e5e5e5;
    cursor: pointer;
}
.list_filter_text_title {
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    white-space: nowrap;
}
.list_filter_text_name {
    margin-left: 13px;
    font-weight: 500;
    color: #f14556;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;

}
.list_filter_job_type_count {
    margin-left: 4px;
    width: 22px;
    height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 22px;
    background-color: #f14556;
    font-weight: 500;
    color: #ffffff;
    font-size: 12px;

}
.list_filter_dropdown_image {
    margin-left: 13px;
    width: 18px;
    height: 18px;
}

.list_filter_container_right {
    position: absolute;
    right: 0px;
}
.mentor_container {

}

.mentor_list_container {
    width: 1220px;
    margin-top: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 65px; /* 상하 (수직) 갭을 지정합니다. */
    -webkit-column-gap: 70px;
       -moz-column-gap: 70px;
            column-gap: 70px; /* 좌우 (수평) 갭을 지정합니다. */
    position: relative;
}


.mentor_list_item {
    width: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
}
.mentor_list_image_container {
    width: 206px;
    height: 206px;
    position: relative;
}
.mentor_list_image {
    width: 206px;
    height: 206px;
    border-radius: 206px;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 100;
}
.mentor_list_image_mask_1 {
    position: absolute;
    width: 206px;
    height: 206px;
    top: 0px;
    left: 0px;
    background-color: #0000000d;
    border-radius: 206px;
    z-index: 110;
}
.mentor_honor_sticker {
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 200;
}
.mentor_list_name_container {
    max-width: 250px;
    margin-top: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    z-index: 130;
    font-weight: 700;
    color: #000000;
    font-size: 17px;
}


.mentor_list_name_mentor {
    margin-left: 2px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}
.mentor_list_organization_container {
    max-width: 250px;
    margin-top: 9px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}

.mentor_list_organization {
    max-width: 250px;
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
    text-align: center;
}
.mentor_list_department {
    max-width: 250px;
    margin-top: 3px;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
    text-align: center;
}
.mentor_list_expertise {
    width: 250px;
    margin-top: 20px;
    font-weight: 400;
    color: #000000b2;
    font-size: 12px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
    text-align: center;

}

.mentor_list_bottom_container {
    margin-top: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}
.mentor_list_question_sticker {
    height: 24px;
    padding: 3px 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    background-color: #f2f2f2;
    border-radius: 4px;
    font-weight: 600;
    color: #595959;
    font-size: 12px;
}
.mentor_list_question_sticker_ok {
    height: 24px;
    padding: 3px 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff2f2;
    border-radius: 4px;
    font-weight: 600;
    color: #ec415a;
    font-size: 12px;
}
.mentor_list_question_sticker_ok_image {
    margin-left: 3px;
    width: 12px;
    height: 12px;
}


.list_pagination {
    margin-top: 36px;
    width: 1220px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
}
.pagination li {
    width: 40px;
    height: 40px;
}

.pagination li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 700;
    color: #000000;
    font-size: 14px;
    text-decoration: none; /* 밑줄 제거 */
}
.pagination li.active {
    background-color: transparent;
}

.pagination li.active a {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #fc4760cc;
    border-radius: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.pagination li:not(.prev):not(.next):not(.active):hover {
    background-color: #f5f5f5;
    border-radius: 20px;
}

.pagination .disabled, .pagination .first, .pagination .last {
    display: none;
}

.page_arrow {
    width: 40px;
    height: 40px;
}


.job_type_layer {
    position: absolute;
    width: 551px;
    height: 315px;
    top: 163px;
    left: 0px;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e5e5e5;
    -webkit-box-shadow: 0px 4px 8px #00000029;
            box-shadow: 0px 4px 8px #00000029;
    z-index: 300;
}

.job_type_item_list {
    margin-top: 7px;
    width: 551px;
    height: 245px;

    -webkit-column-count: 3; /* 크롬, 사파리, 오페라용 */
    -moz-column-count: 3;    /* 파이어폭스용 */
    column-count: 3;         /* 일반 */

    /*-webkit-column-gap: 20px; !* 크롬, 사파리, 오페라용 *!*/
    /*-moz-column-gap: 20px;    !* 파이어폭스용 *!*/
    /*column-gap: 20px;         !* 일반 *!*/

    max-height: 260px; /* 예시 높이, 필요에 따라 조정 */

}

.job_type_item, .job_type_item_all {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid-column;
    width: 172px;
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 20px;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.job_type_item:hover, .job_type_item_all:hover, .mentoring_type_item:hover, .mentoring_type_item_all:hover, .sort_layer_item:hover {
    background-color: #f1455614;
}

.job_type_layer_line {
    width: 551px;
    height: 1px;
    background-color: #00000014;
}
.job_type_layer_button_container {
    height: 60.5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
}
.job_type_active {
    color: #f14556;
}
.job_type_check {
    margin-left: 11px;
    width: 9px;
    height: 5px;
}

.job_type_filter_ok {
    margin-right: 20px;
    width: 73px;
    height: 36px;
    background-color: #f14556;
    border-radius: 8px;
    border: 1px solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
    cursor: pointer;
}
.job_type_filter_cancel {
    margin-right: 32px;
    font-weight: 500;
    color: #00000099;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
    cursor: pointer;
}

.career_active {
    color: #f14556;
}

.sort_layer {
    position: absolute;
    top: 163px;
    right: 0px;
    width: 102px;
    height: 114px;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e5e5e5;
    -webkit-box-shadow: 0px 4px 8px #00000029;
            box-shadow: 0px 4px 8px #00000029;
    overflow: hidden;
    z-index: 300;
}
.sort_layer_item {
    width: 102px;
    height: 38px;
    padding-left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    white-space: nowrap;
}

.sort_filter_dropdown_image {
    margin-left: 13px;
    width: 18px;
    height: 18px;
}

.mentoring_type_layer {
    position: absolute;
    width: 288px;
    height: 289px;
    top: 163px;
    left: 202px;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e5e5e5;
    -webkit-box-shadow: 0px 4px 8px #00000029;
            box-shadow: 0px 4px 8px #00000029;
    z-index: 300;
    overflow: hidden;
}

.mentoring_type_item_list {
    padding-top: 7px;
    width: 288px;
    height: 228px;

    -webkit-column-count: 2; /* 크롬, 사파리, 오페라용 */
    -moz-column-count: 2;    /* 파이어폭스용 */
    column-count: 2;         /* 일반 */

    -webkit-column-gap: 0; /* 크롬, 사파리, 오페라용 */
    -moz-column-gap: 0;    /* 파이어폭스용 */
    column-gap: 0;         /* 일반 */


    max-height: 228px; /* 예시 높이, 필요에 따라 조정 */
}

.mentoring_type_item, .mentoring_type_item_all {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid-column;
    width: 144px;
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 20px;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.mentoring_type_layer_line {
    width: 288px;
    height: 1px;
    background-color: #00000014;
}
.mentoring_type_layer_button_container {
    height: 60.5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
}
.mentoring_type_active {
    color: #f14556;
}
.mentoring_type_check {
    margin-left: 11px;
    width: 9px;
    height: 5px;
}

.mentoring_type_filter_ok {
    margin-right: 20px;
    width: 73px;
    height: 36px;
    background-color: #f14556;
    border-radius: 8px;
    border: 1px solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
    cursor: pointer;
}
.mentoring_type_filter_cancel {
    margin-right: 32px;
    font-weight: 500;
    color: #00000099;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
    cursor: pointer;
}

.mentoring_type_filter_dropdown_image {
    margin-left: 13px;
    width: 18px;
    height: 18px;
}

.mobile_list_top_area {
    margin-top: 66px;
}
.mobile_list_main_title {
    margin-left: 20px;
    font-weight: 700;
    color: #101010;
    font-size: 20px;
}
.mobile_list_main_question_guide {
    margin-right: 20px;
    margin-top: 7px;
    font-weight: 700;
    color: #00000080;
    font-size: 12px;
    text-decoration: underline;
}


.mobile_list_filter_container_parent {
    width: 100vw;
    margin-top: 16px;
    overflow: scroll;
}
.mobile_list_filter_container_parent::-webkit-scrollbar {
    display: none; /* Webkit 기반 브라우저(Chrome, Safari 등)의 스크롤바를 숨김 */
}

.mobile_list_filter_container_parent {
    scrollbar-width: none; /* Firefox 브라우저의 스크롤바를 숨김 */

}
.mobile_list_filter_container {
    /*width: 414px;*/
    width: 100vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
/* Chrome, Edge, Safari 등을 위한 설정 */
::-webkit-scrollbar {
    display: none;  /* 스크롤바 숨김 처리 */
}

/* Firefox를 위한 설정 */
scrollbar-width: none;  /* 스크롤바 숨김 처리 */
}

.mobile_list_filter {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 42px;
    padding: 12px 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid;
    border-color: #e5e5e5;
}
.mobile_list_filter_text_title {
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    white-space: nowrap;
}

.mobile_list_filter_text_name {
    margin-left: 13px;
    font-weight: 500;
    color: #f14556;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}

.mobile_list_filter_job_type_count {
    margin-left: 4px;
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 22px;
    background-color: #f14556;
    font-weight: 500;
    color: #ffffff;
    font-size: 11px;
}

.mobile_list_filter_dropdown_image {
    margin-left: 6px;
    width: 18px;
    height: 18px;
}

.mobile_mentoring_type_filter_dropdown_image {
    margin-left: 6px;
    width: 18px;
    height: 18px;
}

.mobile_sort_filter_dropdown_image {
    margin-left: 6px;
    width: 18px;
    height: 18px;
}

.mobile_mentor_list_container {
    margin-top: 28px;
    margin-left: 24px;
    margin-right: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2열 */
    grid-template-rows: auto auto auto; /* 3행 */
    -webkit-column-gap: 21px;
       -moz-column-gap: 21px;
            column-gap: 21px;
    row-gap: 39px;
}

.mobile_mentor_list_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
}
.mobile_mentor_image_container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;

}
.mobile_mentor_list_image {
    width: 153px;
    height: 153px;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    z-index: 100;
}
.mobile_mentor_list_image_mask_1 {
    position: absolute;
    top: 0px;
    width: 153px;
    height: 153px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #0000000d;
    z-index: 110;
}

.mobile_mentor_list_image_mask_2 {
    position: absolute;
    top: 0px;
    width: 153px;
    height: 153px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60.94%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.94%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 120;
}

.mobile_mentor_list_name_container {
    max-width: calc((100vw - 40px - 12px) / 2);
    margin-top: 20px;
    margin-top: 18px;
    font-weight: 700;
    color: #000000;
    font-size: 15px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
    z-index: 130;
}

.mobile_mentor_list_organization {
    max-width: calc((100vw - 40px - 12px) / 2);
    margin-top: 10px;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
}

.mobile_mentor_list_department {
    margin-top: 2px;
    max-width: calc((100vw - 40px - 12px) / 2);
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
}

.mobile_mentor_honor_sticker {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 2px;
    top: 6px;
    z-index: 200;
}



.mobile_mentor_list_expertise {
    max-width: calc((100vw - 40px - 12px) / 2);
    margin-top: 10px;
    font-weight: 400;
    color: #000000a6;
    font-size: 12px;
    white-space: nowrap; /* 텍스트를 한 줄로 처리 */
    overflow: hidden; /* 넘치는 부분을 감춤 */
    text-overflow: ellipsis;
    text-align: center;
}

.mobile_mentor_list_bottom_container {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}

.mobile_list_pagination {
    margin-top: 32px;
    width: 100vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
}


.mobile_job_type_layer,  .mobile_mentoring_type_layer{
    position: fixed;
    bottom: 0px;
    width: 100vw;
    height: 456px;
    background-color: white;
    z-index: 10000001;  /*채널톡(10000000) 위로 올리기 위해*/
}
.mobile_job_title, .mobile_mentoring_type_title, .mobile_sort_title {
    width: 100%;
    height: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 700;
    color: #101010;
    font-size: 16px;
}
.mobile_job_type_cancel, .mobile_mentoring_type_cancel, .mobile_sort_cancel {
    position: absolute;
    right: 20px;
    top: 17px;
    font-weight: 500;
    color: #10101080;
    font-size: 14px;

}

.mobile_job_type_item_list, .mobile_mentoring_type_item_list {
    width: 100%;
    height: 343px;
    overflow: scroll;
    padding-left: 20px;
    padding-right: 20px;
}
.mobile_job_type_item, .mobile_job_type_item_all, .mobile_mentoring_type_item, .mobile_mentoring_type_item_all, .mobile_sort_layer_item {
    width: 100%;
    height: 46px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}
.mobile_job_type_check, .mobile_job_type_check_all, .mobile_mentoring_type_check, .mobile_mentoring_type_check_all {
    width: 22px;
    height: 22px;
}
.mobile_job_type_item_text, .mobile_mentoring_type_item_text {
    margin-left: 12px;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.mobile_job_type_filter_ok, .mobile_mentoring_type_filter_ok, .mobile_sort_filter_ok {
    margin-top: 20px;
    width: 100%;
    height: 42px;
    background-color: #f14556;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
}

.mobile_sort_layer {
    position: fixed;
    bottom: 0px;
    width: 100vw;
    height: 252px;
    background-color: white;
    z-index: 10000001;  /*채널톡(10000000) 위로 올리기 위해*/
}

.mobile_sort_radio {
    width: 22px;
    height: 22px;
    margin-left: 20px;
}