:root {
    --primary-color: #E77199;
    --primary-dark-color: #8A4B5D;
    --secondary-color: #e9e9e9;
    --divider-color: #ebebeb;
    --black-color: #333333;
    --black-deep-color: #000000;
    --white-color: #ffffff;
    --default-form-underline: 0.5px solid var(--secondary-color);
}

.section {
    position: relative;
}

.section.section_13 {
   /*  padding-bottom: calc(70 / 414 * 100vw); 
    background-color: #333333;*/
}

/* 유틸 */
.position_relative {
    position: relative;
}
.trans_x_center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.trans_y_center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.w-100 {
    width: 100%;
}
/*논문 등재 확인하기*/
.btn_check_thesis {
    bottom: calc(93 / 414 * 100vw);
    width: calc(368 / 414 * 100vw);
    cursor: pointer;
}

/* 리얼생착 보러가기 */
.btn_check_real_transplant_rate {
    bottom: calc(65 / 414 * 100vw);
    width: calc(222 / 414 * 100vw);
    cursor: pointer;
}

/* 리얼성공기 보러가기 */
.btn_check_real_success {
    bottom: calc(42 / 414 * 100vw);
    width: calc(222 / 414 * 100vw);
    cursor: pointer;
}

/* 실험결과 확인하기 */
.btn_check_experiment_result {
    bottom: calc(42 / 414 * 100vw);
    width: calc(222 / 414 * 100vw);
    cursor: pointer;
}

/* 정통 줄기세포 생착데이터 보러가기 */
.btn_check_data {
    bottom: calc(33 / 414 * 100vw);
    width: calc(278 / 414 * 100vw);
    cursor: pointer;
}

/* 3D 볼륨값 측정하러가기 */
.btn_check_3d_volume {
    bottom: calc(33 / 414 * 100vw);
    width: calc(278 / 414 * 100vw);
    cursor: pointer;
}

/* 수술후이미지보기 네비게이션 */
.galnav_list_wrap {

}
.galnav_list {
    display: flex;
    align-items: center;
    justify-content: center;
}
.galnav_item {
    flex: 0 0 calc(100% / 3);
}
.galnav_btn {
    background-color: var(--white-color);
    color: var(--black-color);
    border: 1px solid var(--black-color);
    padding: calc(14 / 414 * 100vw) 0;
    text-align: center;
    font-size: calc(13 / 414 * 100vw);
    letter-spacing: calc(-1.5 / 414 * 100vw);
    width: 100%;
    background-color: var(--secondary-color);
    font-weight: 700;
}
.galnav_item:not(:first-of-type) .galnav_btn {
    border-left: 0;
}
.galnav_btn.active {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.tab_view_item {
    display: none;
    width: 100%;
}

.tab_view_item.active {
    display: block;
}

.vimeo_seciton_4 {
    height: calc(164 / 414 * 100vw);
    width: 100%;
    background-color: #eeeeee;
}

.video_wrap {
    position: relative;
}

.badge {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(calc(15 / 414 * 100vw), calc(-19 / 414 * 100vw));
    width: calc(90 / 414 * 100vw);
    height: calc(90 / 414 * 100vw);
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.video_section_6_before {
    position: absolute;
    left: calc(31 / 414 * 100vw);
    top: calc(480 / 414 * 100vw);
    width: calc(169.5 / 414 * 100vw);
    height: calc(144.5 / 414 * 100vw);
}

.video_section_6_after {
    position: absolute;
    left: calc(214 / 414 * 100vw);
    top: calc(480 / 414 * 100vw);
    width: calc(169.5 / 414 * 100vw);
    height: calc(144.5 / 414 * 100vw);
}

.video_index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(36 / 414 * 100vw);
    height: calc(36 / 414 * 100vw);
    border-radius: 9999px;
    color: #ffffff;
    background-color: #000000;

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(-18 / 414 * 100vw);
    font-size: calc(17 / 414 * 100vw);
    font-weight: 100;
    letter-spacing: calc(-0.5 / 414 * 100vw);
}

.video_section_6_before .video_index {
    left: calc(59 / 414 * 100vw);
    transform: translateX(0);
}

.fat_list_wrap {
    padding: 0 calc(37 / 414 * 100vw);
    background-color: #EFEFEF;
}

.fat_list {
    display: flex;
    flex-direction: row;
    column-gap: calc(10 / 414 * 100vw);
}

.fat_item {
    position: relative;
}

.fat_video {
    height: calc(165 / 414 * 100vw);
    overflow: hidden;
}

.fat_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: calc(10 / 414 * 100vw) 0;
    text-align: center;
    font-size: calc(12 / 414 * 100vw);
    letter-spacing: calc(-0.5 / 414 * 100vw);
    background-color: var(--black-deep-color);
    color: var(--white-color);
}

.fat_title.primary {
    background-color: var(--primary-dark-color);
}

.iframe_1 {
    transform: scale(2.2) translateX(calc(45 / 440 * 100vw)) translateY(calc(-13 / 440 * 100vw));
}

.iframe_2 {
    transform: scale(2.3) translateX(calc(-45 / 424 * 100vw)) translateY(calc(-13 / 424 * 100vw));
}

.threed_video {
    position: absolute;
    width: calc(171 / 414 * 100vw);
    height: calc(145 / 414 * 100vw);
    overflow: hidden;
    bottom: calc(146 / 414 * 100vw);
}

.threed_video_1 {
    left: calc(31 / 414 * 100vw);
}

.threed_video_1 video {
    width: unset;
    transform: scale(1.2) translate(calc(29 / 414 * 100vw), calc(-7 / 414 * 100vw));
}

.threed_video_2 {
    left: calc(212 / 414 * 100vw);
}
.threed_video_2 video {
    width: unset;
    transform: scale(1.2) translate(calc(-105 / 414 * 100vw), calc(-7 / 414 * 100vw));
}

/*하단 고정바 : S*/
.bottom_layout {
    display: flex;
    justify-content: center;
    background-color: rgba(0,0,0,0.85);
    column-gap: calc(20 / 414 * 100vw);
    padding: calc(15 / 414 * 100vw) calc(8 / 414 * 100vw);
}

.icon.renew_20230512 {
    bottom: calc(120 / 414 * 100vw);
}

/*하단 고정바 : E*/

.real_bio_stik_item {
    position: relative;
}

.real_bio_stik_wrapper .swiper-pagination-bullet-active {
    background-color: #FFFFFF;
}