/* =========================================================
   모바일 공통 표시 제어
========================================================= */
.pc-only {
    display: none !important;
}

.mo-only {
    display: block !important;
}


/* =========================================================
   모바일 상단 고정 배너
   PSD 기준: 720px
========================================================= */
.bloodcare_fixed_banner {
    height: calc(100vw * 67 / 720);
    min-height: 50px;
    max-height: 67px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.bloodcare_fixed_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - (100vw * 90 / 720));
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.bloodcare_fixed_logo,
.bloodcare_fixed_btn {
    display: flex;
    align-items: center;
    height: 100%;
}

.bloodcare_fixed_logo img {
    display: block;
    width: auto;
    height: calc(100vw * 27 / 720);
    min-height: 20px;
    max-height: 27px;
}

.bloodcare_fixed_btn img {
    display: block;
    width: auto;
    height: calc(100vw * 37 / 720);
    min-height: 28px;
    max-height: 37px;
}

/* DB 영역 이동 시 상단 고정배너에 가리지 않게 */
#bloodcare_db {
    scroll-margin-top: calc(100vw * 80 / 720);
}



/* =========================================================
   모바일 메인 비주얼
   PSD 기준: 720 x 1051
========================================================= */
.main_bloodcare_split {
    position: relative;
    width: 100%;
    height: calc(100vw * 1051 / 720);
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #330000;
    background-image: url("../img/bloodcare/mo/main_bg_m.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
}

.main_bloodcare_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

/* 모바일 타이틀 */
.main_bloodcare_inner .main_tit.mo-only {
    position: absolute;
    top: 14.3%;
    left: 50%;
    width: 61.25%;
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    z-index: 2;
}

/* 모바일 모델 + 제품 */
.main_bloodcare_inner .main_model.mo-only {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 91.11%;
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    z-index: 3;
}

/* 모바일 사인 */
.main_bloodcare_inner .main_sign.mo-only {
    position: absolute;
    right: 6.25%;
    bottom: 4.28%;
    width: 13.06%;
    max-width: none;
    height: auto;
    z-index: 4;
}

/* =========================================================
   모바일 con_01
   배경 이미지형
   기준 사이즈: 720 x 458
========================================================= */
.con_bloodcare.con_01 {
    position: relative;
    width: 100%;
    height: calc(100vw * 458 / 720); /* 섹션 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #0d0000;
    background-image: url("../img/bloodcare/mo/con_01_m.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    line-height: 0;
    font-size: 0;
    box-sizing: border-box;
}

/* 모바일에서는 기존 PC용 img 숨김 */
.con_bloodcare.con_01 > img {
    display: none !important;
}

/* =========================================================
   모바일 DB 상담신청 영역
   PSD 기준: 720 x 725
========================================================= */
.top_bloodcare_textbox {
    position: relative;
    width: 100%;
    height: calc(100vw * 725 / 720);
    overflow: hidden;
    background-color: #e9dfb8;
    background-image: url("../img/bloodcare/mo/db_bg_m.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
}

.top_bloodcare_textbox > div {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}


/* ------------------------------
   DB 타이틀
------------------------------ */
.top_bloodcare_title {
    position: absolute;
    top: 9.66%;
    left: 50%;
    width: 75.83%;
    margin: 0;
    padding: 0;
    text-align: center;
    transform: translateX(-50%);
    z-index: 2;
}

.top_bloodcare_title img {
    display: block !important;
    width: 100%;
    height: auto;
    margin: 0 auto;
}


/* ------------------------------
   DB 폼 리스트
------------------------------ */
.top_bloodcare_textbox_1 {
    position: absolute;
    top: 35.86%;
    left: 50%;
    width: 83%;
    max-width: none;
    margin: 0;
    padding: 0;
    list-style: none;
    transform: translateX(-50%);
    z-index: 3;
}

.top_bloodcare_textbox_1 li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: calc(100vw * 45 / 720);
    margin: 0 0 calc(100vw * 15 / 720);
    padding: 0;
    box-sizing: border-box;
    text-align: left;
    gap: calc(100vw * 30 / 720);
}

/* 상담 희망시간 숨김 */
.top_bloodcare_textbox_1 li:nth-child(4) {
    display: none !important;
}

/* 좌측 라벨 */
.top_bloodcare_textbox_1 li > span {
    --label-font-scale: 0.8;              /* 라벨 폰트 크기 */

    --label-star-gap: calc(100vw * 2 / 720);  /* 별표와 글자 사이 추가 간격 */
    --label-star-x: calc(100vw * 0 / 720);    /* 별표 좌우 위치 미세조절 */

    position: relative;
    display: flex;
    align-items: flex-start;
    flex: 0 0 82px;
    width: 82px;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    font-size: clamp(
        calc(18px * var(--label-font-scale)),
        calc((100vw * 33.33 / 720) * var(--label-font-scale)),
        calc(28px * var(--label-font-scale))
    ) !important;
    line-height: 1.3;
    font-weight: 700;
    color: #111;
}

/* 라벨 앞 빨간 * */
.top_bloodcare_textbox_1 li > span::before {
    content: "*";
    position: static !important;
    display: inline-block;
    flex: 0 0 var(--label-star-box);
    width: var(--label-star-box);
    margin-right: var(--label-star-gap);
    transform: translateX(var(--label-star-x));
    font-size: clamp(
        calc(18px * var(--label-star-scale)),
        calc((100vw * 30 / 720) * var(--label-star-scale)),
        calc(28px * var(--label-star-scale))
    ) !important;
    line-height: 1;
    font-weight: 700;
    color: #9d191c;
}

/* 우측 입력 영역 */
.top_bloodcare_textbox_1 li > p {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
}

/* 입력 박스 공통 */
.top_bloodcare_textbox .top_bloodcare_textbox_1 li > p input[type="text"],
.top_bloodcare_textbox .top_bloodcare_textbox_1 li > p input[type="number"],
.top_bloodcare_textbox .top_bloodcare_textbox_1 li > p input[type="tel"],
.top_bloodcare_textbox .top_bloodcare_textbox_1 li > p select,
.bloodcare_phone_box .phone_input {
    width: 100%;
    max-width: 100%;
    height: calc(100vw * 45 / 720);
    padding: 0 calc(100vw * 20 / 720);
    border: 0;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #fff;
    box-sizing: border-box;
    font-size: calc(100vw * 21 / 720);
    font-weight: 500;
    color: #111;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

.top_bloodcare_textbox .top_bloodcare_textbox_1 li > p input::placeholder,
.bloodcare_phone_box .phone_input::placeholder {
    font-size: calc(100vw * 21 / 720);
    font-weight: 400;
    color: #9b9b9b;
    opacity: 1;
}

.bloodcare_phone_box {
    display: flex;
    align-items: center;
    width: 100%;
}


/* ------------------------------
   모바일 성별 버튼형
------------------------------ */
.top_bloodcare_textbox_1 li:nth-child(5) p {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: none;
    height: calc(100vw * 45 / 720);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.top_bloodcare_textbox_1 li:nth-child(5) p span {
    flex: 1 1 50%;
    width: 50%;
    height: calc(100vw * 45 / 720);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.top_bloodcare_textbox_1 li:nth-child(5) p span input[type="radio"] {
    display: none;
}

.top_bloodcare_textbox_1 li:nth-child(5) p span input[type="radio"] + label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100%;
    height: calc(100vw * 45 / 720);
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #fff;
    box-sizing: border-box;
    font-size: calc(100vw * 21 / 720) !important;
    line-height: 1;
    font-weight: 500;
    color: #111;
}

.top_bloodcare_textbox_1 li:nth-child(5) p span input[type="radio"] + label::before {
    display: none !important;
    content: none !important;
}

.top_bloodcare_textbox_1 li:nth-child(5) p span input#x:checked + label,
.top_bloodcare_textbox_1 li:nth-child(5) p span input#y:checked + label {
    background: #9d191c !important;
    color: #fff !important;
}


/* ------------------------------
   모바일 약관 동의 영역
------------------------------ */
.top_bloodcare_textbox_2 {
    position: absolute;
    top: calc(100vw * 245 / 720);
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
    transform: none;
    z-index: 3;
}

/* 필수 입력항목 */
.top_bloodcare_textbox_2::before {
    content: "*필수 입력항목";
    position: absolute;
    top: 0;
    font-size: calc(100vw * 17 / 720);
    line-height: 1.2;
    font-weight: 700;
    color: #9d191c;
}

/* 약관 줄 */
.top_bloodcare_textbox_2 p {
    display: flex;
    width: calc(100vw * 500 / 720);
    margin: 0 0 calc(100vw * 2 / 720);
    box-sizing: border-box;
}

.top_bloodcare_textbox_2 p:last-child {
    margin-bottom: 0;
}

/* 체크박스 */
.top_bloodcare_textbox_2 input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    flex: 0 0 calc(100vw * 20 / 720);
    width: calc(100vw * 20 / 720);
    height: calc(100vw * 20 / 720);
    margin: 0 calc(100vw * 7 / 720) 0 0;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    cursor: pointer;
    box-sizing: border-box;
}

.top_bloodcare_textbox_2 input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: calc(100vw * 1 / 720);
    left: calc(100vw * 6 / 720);
    width: calc(100vw * 6 / 720);
    height: calc(100vw * 11 / 720);
    border: solid #787878;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 약관 텍스트 */
.top_bloodcare_textbox_2 label,
.top_bloodcare_textbox_2 label a {
    position: static;
    top: auto;
    font-size: calc(100vw * 17 / 720);
    line-height: 1.5;
    font-weight: 500;
    color: #666;
    text-decoration: none;
}

.top_bloodcare_textbox_2 label a {
    margin-left: 4px;
}


/* ------------------------------
   모바일 DB 버튼
------------------------------ */
.top_bloodcare_textbox_bt {
    position: absolute;
    left: 50%;
    bottom: 9.66%;
    width: 87.5%;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: center;
    transform: translateX(-50%);
    z-index: 4;
}

.bloodcare_db_btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: transparent;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.bloodcare_db_btn img.mo-only {
    display: block !important;
    width: 95%;
    height: auto;
    margin: 0 auto;
    border: 0;
}

/* =========================================================
   모바일 con_02
   기준 사이즈: 720 x 817
========================================================= */
.con_bloodcare_02 {
    position: relative;
    width: 100%;
    height: calc(100vw * 817 / 720);
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #310000;
    background-image: url("../img/bloodcare/mo/con_02_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_02_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;

    /* PC grid 초기화 */
    display: block;
}

/* 타이틀 이미지 */
.con_02_tit {
    position: absolute;
    top: calc(100vw * 50 / 720);      /* 타이틀 top 위치 조절 */
    left: 50%;
    display: block;
    width: calc(100vw * 550 / 720);   /* 타이틀 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* GIF 배너 */
.con_02_banner {
    position: absolute;
    top: calc(100vw * 395 / 720);     /* gif top 위치 조절 */
    left: 50%;
    display: block;
    width: calc(100vw * 560 / 720);   /* gif 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* =========================================================
   모바일 con_03
   기준 사이즈: 720 x 1166
========================================================= */
.con_bloodcare_03 {
    position: relative;
    width: 100%;
    height: calc(100vw * 1166 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #b90000;
    background-image: url("../img/bloodcare/mo/con_03_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_03_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 타이틀 */
.con_03_tit {
    position: absolute;
    top: calc(100vw * 60 / 720);       /* 타이틀 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 590 / 720);    /* 타이틀 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 10;
}

/* 원형 그래픽 */
.con_03_round {
    position: absolute;
    top: calc(100vw * 375 / 720);      /* 원형 그래픽 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 650 / 720);    /* 원형 그래픽 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* 제품 패키지 */
.con_03_package {
    position: absolute;
    top: calc(100vw * 450 / 720);      /* 제품 패키지 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 210 / 720);    /* 제품 패키지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 4;
}

/* 하단 배경 */
.con_03_bottom_bg {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: calc(100vw * 340 / 720);   /* 하단 배경 높이 조절 */
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: cover;
    object-position: center bottom;
    transform: translateX(-50%);
    z-index: 3;
}

/* 하단 박스 */
.con_03_bottom_box {
    position: absolute;
    bottom: calc(100vw * 65 / 720);    /* 하단 박스 bottom 위치 조절 */
    left: 50%;
    width: calc(100vw * 620 / 720);    /* 하단 박스 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 5;
}

/* =========================================================
   모바일 con_04 실제 고객후기 슬라이드
   기준 사이즈: 720 x 1200
   배경: PC 이미지 동일 사용
========================================================= */
.con_bloodcare_04 {
    position: relative;
    width: 100%;
    height: calc(100vw * 1080 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    background-image: url("../img/bloodcare/con_04_bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%; /* PC 배경 높이 유지해서 사용 */
    text-align: center;
    box-sizing: border-box;
}

.con_04_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 타이틀 */
.con_04_title {
    position: absolute;
    top: calc(100vw * 70 / 720);       /* 타이틀 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 470 / 720);    /* 타이틀 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 10;
}

/* 사람 이미지 */
.con_04_people {
    position: absolute;
    bottom: calc(100vw * 0 / 720);     /* 사람 이미지 bottom 위치 조절 */
    left: 50%;
    width: calc(100vw * 600 / 720);    /* 사람 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* 슬라이드 영역 */
.con_04_slider {
    position: absolute;
    top: calc(100vw * 210 / 720);      /* 슬라이드 영역 top 위치 조절 */
    left: 50%;
    width: 85%;
    height: calc(100vw * 430 / 720);   /* 슬라이드 영역 높이 조절 */
    transform: translateX(-50%);
    z-index: 5;
}

/* 카드 공통 */
.con_04_card {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100vw * 360 / 720);    /* 가운데 카드 기준 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) scale(0.75);
    transform-origin: center center;
    transition:
        left 0.55s ease,
        transform 0.55s ease,
        opacity 0.55s ease,
        z-index 0s;
}

.con_04_card img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    border: 0;
}

/* 가운데 카드 */
.con_04_card.is-center {
    left: 50%;
    opacity: 1;
    z-index: 6;
    pointer-events: auto;
    transform: translateX(-50%) scale(1);
}

/* 왼쪽 카드 */
.con_04_card.is-left {
    left: 18%;                         /* 좌측 카드 위치 조절 */
    opacity: 0.9;
    z-index: 4;
    transform: translateX(-50%) scale(0.75); /* 좌우 카드 scale 조절 */
}

/* 오른쪽 카드 */
.con_04_card.is-right {
    left: 82%;                         /* 우측 카드 위치 조절 */
    opacity: 0.9;
    z-index: 4;
    transform: translateX(-50%) scale(0.75); /* 좌우 카드 scale 조절 */
}

.con_04_card.is-hidden {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

/* 슬라이드 버튼 공통 */
.con_04_slide_btn {
    position: absolute;
    top: calc(100vw * 440 / 720);      /* 버튼 top 위치 조절 */
    width: calc(100vw * 50 / 720);     /* 버튼 영역 가로 조절 */
    height: calc(100vw * 50 / 720);    /* 버튼 영역 세로 조절 */
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.con_04_slide_btn img {
    display: block;
    width: calc(100vw * 50 / 720);     /* 버튼 이미지 가로 조절 */
    height: calc(100vw * 50 / 720);    /* 버튼 이미지 세로 조절 */
    margin: 0;
    padding: 0;
    border: 0;
}

/* 왼쪽 버튼 */
.con_04_slide_prev {
    left: 26%;                         /* 왼쪽 버튼 위치 조절 */
}

/* 오른쪽 버튼 */
.con_04_slide_next {
    left: 73.5%;                         /* 오른쪽 버튼 위치 조절 */
}

/* =========================================================
   모바일 con_05
   기준 사이즈: 720 x 1533
========================================================= */
.con_bloodcare_05 {
    position: relative;
    width: 100%;
    height: calc(100vw * 1533 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #b41414;
    background-image: url("../img/bloodcare/mo/con_05_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_05_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 타이틀 */
.con_05_tit {
    position: absolute;
    top: calc(100vw * 80 / 720);       /* 타이틀 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 620 / 720);    /* 타이틀 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 10;
}

/* 패키지 */
.con_05_package {
    position: absolute;
    top: calc(100vw * 355 / 720);      /* 패키지 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 570 / 720);    /* 패키지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* 체크박스 */
.con_05_checkbox {
    position: absolute;
    top: calc(100vw * 740 / 720);      /* 체크박스 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 570 / 720);    /* 체크박스 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 3;
}

/* 플러스 */
.con_05_plus {
    position: absolute;
    top: calc(100vw * 1052 / 720);     /* 플러스 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 55 / 720);     /* 플러스 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 4;
}

/* 하단 텍스트 */
.con_05_bottom_txt {
    position: absolute;
    bottom: calc(100vw * 85 / 720);    /* 하단 텍스트 bottom 위치 조절 */
    left: 50%;
    width: calc(100vw * 430 / 720);    /* 하단 텍스트 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 5;
}

/* =========================================================
   모바일 con_06
   통이미지
   기준 사이즈: 720 x 6100
========================================================= */
.con_bloodcare_06 {
    position: relative;
    width: 100%;
    height: calc(100vw * 5620 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 0;
    font-size: 0;
    box-sizing: border-box;
}

.con_bloodcare_06 img {
    position: absolute;
    top: calc(100vw * 20 / 720);        /* 이미지 top 위치 조절 */
    left: 50%;
    display: block;
    width: calc(100vw * 1150 / 720);    /* 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
}

/* =========================================================
   모바일 con_07
   기준 사이즈: 720 x 1587
========================================================= */
.con_bloodcare_07 {
    position: relative;
    width: 100%;
    height: calc(100vw * 1587 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #d8d8d8;
    background-image: url("../img/bloodcare/mo/con_07_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_07_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 박스 이미지 */
.con_07_box {
    content: url("../img/bloodcare/mo/con_07_box_m.png?v=<?=time()?>");
    position: absolute;
    top: calc(100vw * 75 / 720);       /* 박스 이미지 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 650 / 720);    /* 박스 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* 하단 텍스트 */
.con_07_txt {
    position: absolute;
    bottom: calc(100vw * 80 / 720);    /* 하단 텍스트 bottom 위치 조절 */
    left: 50%;
    width: calc(100vw * 380 / 720);    /* 하단 텍스트 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 3;
}

/* =========================================================
   모바일 con_08
   기준 사이즈: 720 x 945
========================================================= */
.con_bloodcare_08 {
    position: relative;
    width: 100%;
    height: calc(100vw * 945 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #eebebe;
    background-image: url("../img/bloodcare/mo/con_08_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_08_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 타이틀 */
.con_08_tit {
    position: absolute;
    top: calc(100vw * 80 / 720);       /* 타이틀 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 470 / 720);    /* 타이틀 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* 박스 이미지 */
.con_08_box {
    position: absolute;
    top: calc(100vw * 370 / 720);      /* 박스 이미지 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 670 / 720);    /* 박스 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 3;
}

/* =========================================================
   모바일 con_09
   통이미지
   기준 사이즈: 720 x 1800
========================================================= */
.con_bloodcare_09 {
    position: relative;
    width: 100%;
    height: calc(100vw * 595 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #f6f6f6;
    text-align: center;
    line-height: 0;
    font-size: 0;
    box-sizing: border-box;
}

.con_bloodcare_09 img {
    position: absolute;
    top: calc(100vw * 5 / 720);        /* 이미지 top 위치 조절 */
    left: 50%;
    display: block;
    width: calc(100vw * 1230 / 720);    /* 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
}

/* =========================================================
   모바일 con_10
   기준 사이즈: 720 x 1855
========================================================= */
.con_10_box_pc {
    display: none;
}

.con_10_box_mo {
    display: block;
}
.con_bloodcare_10 {
    position: relative;
    width: 100%;
    height: calc(100vw * 1855 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #530a0a;
    background-image: url("../img/bloodcare/mo/con_10_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_10_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 박스 이미지 */
.con_10_box {
    position: absolute;
    top: calc(100vw * 70 / 720);       /* 박스 이미지 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 654 / 720);    /* 박스 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* =========================================================
   모바일 con_11
   기준 사이즈: 720 x 1301
========================================================= */
.con_bloodcare_11 {
    position: relative;
    width: 100%;
    height: calc(100vw * 1301 / 720); /* 섹션 전체 높이 조절 */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #f4f4f4;
    background-image: url("../img/bloodcare/mo/con_11_bg_m.png?v=<?=time()?>");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
}

.con_11_inner {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 박스 이미지 - PC 이미지 그대로 사용 */
.con_11_box {
    position: absolute;
    top: calc(100vw * 60 / 720);       /* 박스 이미지 top 위치 조절 */
    left: 50%;
    width: calc(100vw * 560 / 720);    /* 박스 이미지 가로 사이즈 조절 */
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translateX(-50%);
    z-index: 2;
}

/* =========================================================
   모바일 푸터
========================================================= */
.bloodcare_ft {
    width: 100%;
    height: calc(100vw * 340 / 720);   /* 푸터 전체 높이 조절 */
    padding: 0;
    background: #0d0d0d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8f8f8f;
    text-align: center;
    box-sizing: border-box;
}

.bloodcare_ft_inner {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 calc(100vw * 30 / 720); /* 좌우 여백 조절 */
    box-sizing: border-box;
}

/* 상단 안내 문구 */
.bloodcare_ft .footer_notice {
    margin: 0 0 calc(100vw * 12 / 720);
    font-size: calc(100vw * 21 / 720);
    line-height: 1.4;
    font-weight: 600;
    color: #ffffff;
}

/* 회사 정보 */
.bloodcare_ft address {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: calc(100vw * 16 / 720);
    line-height: 1.5;
    font-weight: 400;
    color: #777777;
}

.bloodcare_ft address > span {
    display: block;
}

/* 카피라이트 영역 */
.bloodcare_ft .copyright {
    margin-top: calc(100vw * 12 / 720);
}

.bloodcare_ft .copyright p {
    margin: 0;
    font-size: calc(100vw * 15 / 720); /* 기존 10 → 15 */
    line-height: 1.5;
    color: #777777;
}