/* ---------------------------------------------------------------
   COMMON
---------------------------------------------------------------- */
/* 태블릿 전용 줄바꿈 : 기본적으로 숨김 */
.renewal-main__tablet-break,
.renewal-con21__tablet-break {
    display: none;
}

/* CON02 : 슬라이더 버튼 기본 숨김 */
.renewal-con02__arrow {
    display: none;
}

/* ---------------------------------------------------------------
   모바일 전용 이미지 기본 숨김
---------------------------------------------------------------- */
.renewal-con05__history--mobile,
.renewal-con05__tag--mobile {
    display: none !important;
}
.renewal-con05__notice-mobile {
    display: none;
}

.renewal-con06__box--mobile {
    display: none !important;
}

.renewal-con08__title-mobile,
.renewal-con08__description-mobile {
    display: none;
}
.renewal-con08__mobile-break {
    display: none;
}

.renewal-con09__graph--mobile {
    display: none !important;
}

.renewal-page .renewal-con11__bubble {
    display: none;
}

.renewal-con12__icon--mobile {
    display: none !important;
}

.renewal-con22__mobile-images {
    display: none;
}
/* ---------------------------------------------------------------
   PC
---------------------------------------------------------------- */
/* 761px 이상은 PC 반응형 규칙을 적용하고, 761~1020px은 아래 태블릿 값으로 덮어씁니다. */

/* 1600px 이하 : 메인 양쪽 인물 이미지 숨김 */
@media (min-width: 1021px) and (max-width: 1600px) {
    .renewal-main__side-images {
        left: 50%;
        right: auto;
        margin: 0;
        transform: translateX(-50%);
    }
}

@media (max-width: 1020px) {
    .renewal-main__side-images {
        display: none !important;
    }
}

/* PC : 모바일 메뉴 숨김 */
@media (min-width: 761px) {
    .renewal-header__hamburger,
    .renewal-header__mobile-panel {
        display: none !important;
    }
}

/* ---------------------------------------------------------------
   CON22
---------------------------------------------------------------- */
@media (min-width: 761px) and (max-width: 1920px) {

    .renewal-con22 {
        height: auto;
    }

    .renewal-con22__images {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        gap: 0;
        transform: none;
    }

    .renewal-con22__images img {
        width: 50%;
        height: auto;
        max-width: 50%;
        flex: 0 0 50%;
        object-fit: contain;
    }

}

/* ---------------------------------------------------------------
   HEADER
---------------------------------------------------------------- */
@media (min-width: 761px) and (max-width: 1730px) {

    .renewal-header {
        right: auto;
        width: 100vw;
        height: 5.2023vw;
    }

    .renewal-header__inner {
        height: 5.2023vw;
    }

    /* 왼쪽 연세생활건강 로고 */
    .renewal-header__brand {
        left: 3.8728vw;
        width: 8.4393vw;
        height: 3.8728vw;
    }

    .renewal-header__brand img {
        width: 8.4393vw;
        height: 3.8728vw;
    }

    /* 중앙 카테고리 메뉴 */
    .renewal-header__nav {
        left: 20.8092vw;
        height: 5.2023vw;
    }

    .renewal-header__list {
        gap: 3.4682vw;
    }

    .renewal-header__item a {
        font-size: 1.2139vw;
    }

    .renewal-header__item.is-current {
        width: 8.2081vw;
    }

    .renewal-header__item.is-current::after {
        width: 8.2081vw;
        height: 0.1734vw;
    }

    /* 오른쪽 키즈텐 로고 및 상담 */
    .renewal-header__right {
        right: 3.8728vw;
        height: 5.2023vw;
        gap: 1.4451vw;
    }

    .renewal-header__product {
        width: 10.5202vw;
        height: 2.4855vw;
    }

    .renewal-header__product img {
        width: 10.4046vw;
        height: 2.3121vw;
    }

    .renewal-header__consult {
        gap: 0.578vw;
    }

    .renewal-header__consult-label {
        font-size: 1.4451vw;
    }

    .renewal-header__consult-number {
        font-size: 1.5029vw;
    }

}

/* ---------------------------------------------------------------
   TABLET
---------------------------------------------------------------- */
/* 761~1020px 기준. 760px 이하에서도 이 공통 규칙을 상속합니다. */
@media (max-width: 1020px) {

    .renewal-main__pc-break {
        display: none;
    }

    /* ---------------------------------------------------------------
       00. 기본값 / 공통 컨테이너
    ---------------------------------------------------------------- */
    html,
    body {
        width: 100%;
        min-width: 0;
        margin: 0;
        overflow-x: clip;
    }

    /* 1020px 레이아웃 전체 비례 축소 */
    .renewal-header,
    .renewal-page,
    .renewal-footer {
        width: 1020px;
        zoom: var(--renewal-scale, 1);
    }

    /* 콘텐츠 양쪽 30px 여백 */
    .renewal-container {
        width: 960px;
    }

    .top_042_fix ul {
        width: 960px;
    }

    /* ---------------------------------------------------------------
       HEADER
    ---------------------------------------------------------------- */
    .renewal-header {
        top: 0;
        right: auto;
        left: 0;
        height: 125px;
    }

    .renewal-header__inner {
        width: 100%;
        height: 125px;
    }

    /* 왼쪽 로고 */
    .renewal-header__brand {
        left: 20px;
        width: 120px;
        height: 55px;
    }

    .renewal-header__brand img {
        width: 120px;
        height: 55px;
    }

    /* 카테고리 메뉴 */
    .renewal-header__nav {
        top: 0;
        left: 150px;
        height: 125px;
    }

    .renewal-header__list {
        gap: 30px;
    }

    .renewal-header__item a {
        font-size: 22px;
    }

    .renewal-header__item.is-current {
        width: 104px;
    }

    .renewal-header__item.is-current::after {
        width: 104px;
        height: 3px;
    }

    /* 오른쪽 로고 및 무료상담 */
    .renewal-header__right {
        top: 0;
        right: 20px;
        width: 195px;
        height: 125px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .renewal-header__product {
        width: 155px;
        height: 37px;
    }

    .renewal-header__product img {
        width: 155px;
        height: 35px;
    }

    .renewal-header__consult {
        gap: 5px;
    }

    .renewal-header__consult-label {
        font-size: 13px;
    }

    .renewal-header__consult-number {
        font-size: 18px;
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */
    .renewal-main__copy {
        top: 165px;
        left: 20px;
        width: 500px;
    }

    /* 메인 타이틀 이미지 */
    .renewal-main__title {
        width: 450px;
        height: auto;
        margin-top: 28px;
    }

    .renewal-main__title img {
        width: 100%;
        height: auto;
    }

    /* main_sign : 위쪽과 왼쪽으로 이동 */
    .renewal-main__sign {
        top: 600px;
        right: auto;
        left: 720px;
        width: 90px;
        height: auto;
    }

    /* 하단 설명 문구 */
    .renewal-main__description {
        width: 500px;
        margin-top: 22px;
        font-size: 20px;
        line-height: 1.5;
    }

    .renewal-main__tablet-break {
        display: inline;
    }

    .renewal-main__eyebrow {
        font-size: 24px;
        margin: 40px 0;
    }

    .renewal-main__video {
        bottom: 80px;
        width: 910px;
        height: 513px;
        border-radius: 20px;
    }

    .renewal-main__video-frame {
        bottom: 40px;
        width: 1000px;
        height: 595px;
    }

    /* ---------------------------------------------------------------
       EVENT
    ---------------------------------------------------------------- */
    .renewal-event__title {
        top: 120px;
        left: 20px;
        width: 450px;
        height: auto;
    }

    .renewal-event__subtitle {
        top: 210px;
        left: 20px;
        font-size: 32px;
    }

    .renewal-event__promotion {
        bottom: 130px;
        left: 20px;
        width: 490px;
        height: auto;
    }

    /* ---------------------------------------------------------------
       DB
    ---------------------------------------------------------------- */
    .renewal-db:not(.renewal-db2) {
        height: 720px;
    }

    .renewal-db__container {
        padding: 90px 20px 0;
    }

    .renewal-db__label {
        margin : 0 0 20px;
        font-size : 30px;
    }

    /* 입력창 2열 너비 조정 */
    .renewal-db__fields,
    .renewal-db__bottom-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 40px;
    }

    .renewal-db__input,
    .renewal-db__select {
        width: 100%;
    }

    /* 약관 텍스트 */
    .renewal-db__agreements {
        padding-right: 0;
    }

    .renewal-db__agreement {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 1.25;
        white-space: normal;
    }

    .renewal-db__agreement input[type="checkbox"] {
        margin: 3px 8px 0 0
    }

    .renewal-db__required-note {
        position: static;
        display: block;
        margin-top: 8px;
    }

    /* 버튼 너비 및 위치 */
    .renewal-db__buttons {
        right: 20px;
        bottom: 100px;
        left: 20px;
        gap: 25px;
    }

    .renewal-db__button {
        width: 390px;
        height: auto;
    }

    .renewal-db__button img {
        width: 100%;
        height: auto;
    }

    /* ---------------------------------------------------------------
       CON01
    ---------------------------------------------------------------- */
    .renewal-con01__title,
    .renewal-con01__golden-title,
    .renewal-con01__description,
    .renewal-con01__bottom-text {
        left: 30px;
    }

    .renewal-con01__description {
        font-size: 20pt;
    }

    /* ---------------------------------------------------------------
       CON02
    ---------------------------------------------------------------- */
    .renewal-con02 {
        height: 800px;
    }

    /* 후기 이미지 상하 중앙 정렬 */
    .renewal-con02__reviews {
        top: 50%;
        left: 50%;
        display: grid;
        grid-template-columns: repeat(4, 220px);
        grid-template-rows: repeat(2, 311px);
        gap: 10px;
        transform: translate(-50%, -50%);
    }

    .renewal-con02__reviews img {
        width: 220px;
        height: 311px;
    }

    .renewal-con02-bar {
        height: 70px;
    }

    .renewal-con02-bar img {
        width: 1800px;
        height: 70px;
    }

    .renewal-con03__heading {
        top: 100px;
    }

    .renewal-con03__subtitle {
        font-size: 30pt;
    }

    .renewal-con03__title {
        margin-top: 15px;
        font-size: 55pt
    }

    .renewal-con04__heading {
        top: 100px;
        font-size: 30pt;
    }

    .renewal-con04__title {
        top: 170px;
    }

    .renewal-con04__description {
        top: 315px;
        font-size: 20pt;
    }

    .renewal-con04__content {
        top: 420px;
        width: 880px;
        height: 665px;
    }

    /* ---------------------------------------------------------------
       CON04
    ---------------------------------------------------------------- */
    .renewal-con04__notice {
        top: 1120px;
        font-size: 15pt;
    }

    /* ---------------------------------------------------------------
       CON05
    ---------------------------------------------------------------- */
    .renewal-con05 {
        height: 800px;
    }

    /* 왼쪽 정렬 이미지 및 텍스트 */
    .renewal-con05__description,
    .renewal-con05__history {
        left: 20px;
    }

    .renewal-con05__title-box {
        top: 90px;
        left: 20px;
    }

    .renewal-con05__title {
        font-size: 40pt;
        left: 20px;
        top: 170px;
    }

    .renewal-con05__description {
        font-size: 17pt;
    }

    /* 하단 유의문구 */
    .renewal-con05__notice {
        top: 670px;
        width: 920px;
        font-size: 15pt;
        line-height: 1.35;
        white-space: normal;
        color: #888;
        left: 20px;
    }

    /* 오른쪽 판매량 배지 */
    .renewal-con05__tag {
        right: 20px;
        top: 110px;
    }

    /* ---------------------------------------------------------------
       CON06
    ---------------------------------------------------------------- */
    .renewal-con06__description {
        font-size: 20pt;
    }

    .renewal-con06__notice {
        font-size: 15pt;
    }

    .renewal-con06__box {
        height: auto;
        width: 940px;
    }

    /* ---------------------------------------------------------------
       CON07
    ---------------------------------------------------------------- */
    .renewal-con07__title {
        left: 90px;
        top: 130px;
        width: 356px;
        height: 267px
    }

    .renewal-con07__description {
        left: 50px;
        font-size: 23pt;
        top: 440px;
    }

    .renewal-con07__content {
        top: 70.4%;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%) scale(1.1);
        transform-origin: center center;
    }
    

    .renewal-con07__notice {
        font-size: 20px;
        top: 1200px;
    }

    /* ---------------------------------------------------------------
       CON08
    ---------------------------------------------------------------- */

    .renewal-con08__subtitle {
        top: 100px;
        left: 20px;
    }

    .renewal-con08__title {
        top: 167px;
        line-height: 1.3;
        left: 20px;
    }

    .renewal-con08__line {
        top: 340px;
        left: 20px;
    }

    .renewal-con08__question {
        top: 380px;
        left: 20px;
    }

    .renewal-con08__description {
        top: 440px;
        font-size: 23px;
        left: 20px;
    }

    .renewal-con08__notice {
        font-size: 20px;
        left: 20px;
        top: 630px;
    }

    /* ---------------------------------------------------------------
       12. 기타 섹션 : 큰 이미지 너비 보정
    ---------------------------------------------------------------- */
    .renewal-con23__box {
        max-width: 100%;
        height: auto;
        padding: 0 30px;
        top: 240px;
    }

    .renewal-con09 {
        height: 3070px;
    }

    .renewal-con09__description {
        font-size: 20pt;
    }

    .renewal-con09__graph {
        bottom: 80px;
        max-width: 100%;
        height: auto;
        padding: 0 30px;
    }

    .renewal-con11__description {
        font-size: 20pt;
    }

    .renewal-con12__title-image {
        top: 120px;
        width: 373px;
        height: 218px;
    }

    .renewal-con12__icon {
        width: 980px;
        height: 440px;
        bottom: 120px;
    }

    .renewal-con12__subtitle {
        font-size: 30pt;
        top: 960px;
    }

    .renewal-con12__title {
        top: 1030px;
        font-size: 45pt;
    }

    .renewal-con15 {
        height: 1200px;
    }

    .renewal-con15__notice {
        font-size: 15pt;
    }

    .renewal-con15__inner {
        transform: scale(0.95);
        transform-origin: center top;
    }

    .renewal-con16__description {
        font-size: 20pt;
    }

    .renewal-con17__photo-image {
        transform: translateX(-50%) scale(0.93);
        transform-origin: center top;
    }

    .renewal-con19__box {
        transform: translateX(-50%) scale(0.93);
        transform-origin: center top;
    }

    .renewal-con20 {
        background-position: calc(50% + 40px) top, center top;
    }

    .renewal-con20__title {
        top: 175px;
        font-size: 45pt;
        left: 20px;
    }

    .renewal-con20__subtitle {
        top: 100px;
        left: 20px;
    }

    .renewal-con20__text {
        left: 20px;
    }

    /* ---------------------------------------------------------------
       DB2
    ---------------------------------------------------------------- */
    .renewal-db2 {
        height: 900px;
    }

    .renewal-db2__container {
        padding: 230px 20px 0;
    }

    .renewal-db2__header {
        top: 90px;
        left: 20px;
    }

    /* 버튼 위치 */
    .renewal-db2 .renewal-db__buttons {
        bottom: 120px;
    }

    .renewal-db2 .renewal-db__button {
        width: 750px;
        height: auto;
    }

    .renewal-db2 .renewal-db__button img {
        width: 100%;
        height: auto;
    }

    /* ---------------------------------------------------------------
       CON21
    ---------------------------------------------------------------- */

    /* 서명 숨김 */
    .renewal-con21__sign {
        display: none !important;
    }

    /* 왼쪽 영상 */
    .renewal-con21__video {
        left: 20px;
        width: 430px;
        height: 244px;
    }

    .renewal-con21__video iframe {
        width: 100%;
        height: 100%;
    }

    /* 오른쪽 나레이션 */
    .renewal-con21__narration {
        left: 480px;
        width: 460px;
    }

    .renewal-con21__narration p {
        font-size: 16pt;
    }

    .renewal-con21__tablet-break {
        display: inline;
    }

    .renewal-footer__certificates ul {
        width: 90%;
    }

}

/* ---------------------------------------------------------------
   MOBILE
---------------------------------------------------------------- */
/* 760px 이하 모바일 전용 재정의. */
@media (max-width: 760px) {

    /* ---------------------------------------------------------------
       00. 기본값 / 공통 컨테이너
    ---------------------------------------------------------------- */
    html,
    body {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    body {
        overflow-x: hidden;
    }

    .renewal-page {
        width: 100%;
        zoom: 1;
        overflow-x: clip;
    }

    .renewal-main__tablet-break,
    .renewal-con21__tablet-break {
        display: inline;
    }

    /* ---------------------------------------------------------------
       HEADER
    ---------------------------------------------------------------- */

    .renewal-page > :not(.renewal-main) {
        width: 1020px;
        zoom: var(--renewal-scale, 1);
    }

    /* ---------------------------------------------------------------
       HEADER
    ---------------------------------------------------------------- */
    .renewal-header {
        position: absolute;
        z-index: 1000;
        width: 100%;
        zoom: 1;
        top: 0;
        right: 0;
        left: 0;
        height: 22.2222vw;
        background: transparent;
    }

    .renewal-header__inner {
        position: relative;
        width: 100%;
        height: 13.8889vw;
        background: #071a37;
    }

    /* 왼쪽 연세생활건강 로고 */
    .renewal-header__brand {
        position: absolute;
        top: 50%;
        left: 2.8vw;
        width: 20.6vw;
        height: 9.4vw;
        transform: translateY(-50%);
    }

    .renewal-header__brand img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* 중앙 키즈텐042 로고 */
    .renewal-header__right {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 13.8889vw;
        pointer-events: none;
    }

    .renewal-header__product {
        position: absolute;
        top: 50%;
        left: 37%;
        width: 26.4vw;
        height: 7vw;
        transform: translateY(-50%);
        pointer-events: auto;
    }

    .renewal-header__product img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* PC 무료상담 영역 숨김 */
    .renewal-header__consult {
        display: none;
    }

    /* ---------------------------------------------------------------
       HEADER
    ---------------------------------------------------------------- */
    .renewal-header__nav {
        position: absolute;
        top: 13.8889vw;
        left: 0;
        width: 100%;
        height: 8.3333vw;
        background: #11294f;
    }

    .renewal-header__list {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0 2.5vw;
        margin: 0;
        gap: 0;
        align-items: center;
        justify-content: space-around;
    }

    .renewal-header__item {
        width: auto;
        height: 100%;
        flex: 0 0 auto;
    }

    .renewal-header__item a {
        color: #e2e5ed;
        font-size: 2.9vw;
        font-weight: 400;
    }

    .renewal-header__item.is-current {
        width: auto;
    }

    .renewal-header__item.is-current a {
        color: #f9d48e;
        font-weight: 700;
    }

    .renewal-header__item.is-current::after {
        display: none;
    }

    /* ---------------------------------------------------------------
       HEADER
    ---------------------------------------------------------------- */
    .renewal-header__hamburger {
        position: absolute;
        z-index: 1010;
        top: 50%;
        right: 3.3vw;
        display: flex;
        width: 6.8vw;
        height: 6.3vw;
        padding: 0.8vw;
        border: 0;
        background: transparent;
        transform: translateY(-50%);
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
    }

    .renewal-header__hamburger span {
        display: block;
        width: 100%;
        height: 0.42vw;
        background: #fff;
        transition: transform 0.2s, opacity 0.2s;
    }

    /* 햄버거 메뉴 열림 상태 */
    .renewal-header__hamburger[aria-expanded='true'] span:first-child {
        transform: translateY(2.4vw) rotate(45deg);
    }

    .renewal-header__hamburger[aria-expanded='true'] span:nth-child(2) {
        opacity: 0;
    }

    .renewal-header__hamburger[aria-expanded='true'] span:last-child {
        transform: translateY(-2.4vw) rotate(-45deg);
    }

    /* 펼쳐지는 모바일 메뉴 */
    .renewal-header__mobile-panel[hidden] {
        display: none !important;
    }

    .renewal-header__mobile-panel {
        position: absolute;
        z-index: 1005;
        top: 22.2222vw;
        right: 0;
        left: 0;
        display: flex;
        padding: 2vw 5vw;
        background: #09234b;
        box-shadow: 0 2.5vw 4vw rgba(0, 0, 0, 0.25);
        flex-direction: column;
    }

    .renewal-header__mobile-panel a {
        display: block;
        padding: 3.3vw 1vw;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        color: #fff;
        font-size: 3.8vw;
    }

    .renewal-header__mobile-panel a:last-child {
        border-bottom: none;
        color: #f9de94;
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */
    .renewal-main {
        position: relative;
        width: 100%;
        height: 172.222222vw;
        overflow: hidden;
        background-color: #06306b;
        background-image: url('/img/042_new/m_main_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-main__container {
        width: 100%;
        height: 100%;
    }

    .renewal-main__copy {
        position: absolute;
        z-index: 4;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .renewal-main__handwriting,
    .renewal-main__video-frame {
        display: none !important;
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */
    .renewal-main__eyebrow {
        position: absolute;
        top: 32.7vw;
        left: 7.65vw;
        display: flex;
        width: auto;
        margin: 0;
        gap: 0.8vw;
        align-items: center;
        font-size: 3.03vw;
        line-height: 1.15;
        letter-spacing: -0.11vw;
        white-space: nowrap;
    }

    .renewal-main__eyebrow-highlight {
        flex: 0 0 auto;
    }

    .renewal-main__eyebrow-char::before {
        top: -1.4vw;
        width: 0.55vw;
        height: 0.55vw;
        margin-left: -0.275vw;
    }

    .renewal-main__eyebrow-space {
        width: 1vw;
    }

    .renewal-main__eyebrow-rest {
        letter-spacing: -0.12vw;
        white-space: nowrap;
        transform: translateY(-0.2vw); /* 문구만 위로 이동 */
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */
    .renewal-main__title {
        position: absolute;
        top: 40.3vw;
        left: 7.4vw;
        width: 55.6vw;
        height: auto;
        margin: 0;
    }

    .renewal-main__title img {
        display: block;
        width: 95%;
        height: auto;
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */
    .renewal-main__checklist {
        position: absolute;
        top: 62vw;
        left: 7.65vw;
        width: 35.8vw;
        margin: 0;
        padding: 0;
    }

    .renewal-main__checklist li {
        height: 5.35vw;
        gap: 1.8vw;
        font-size: 2.6vw;
        letter-spacing: -0.06vw;
        white-space: nowrap;
    }

    .renewal-main__checklist li::after {
        right: 0;
        left: 0;
        height: 1px;
        background-size: 100% 1px;
    }

    .renewal-main__checklist img {
        width: 2.3vw;
        height: auto;
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */
    .renewal-main__description {
        position: absolute;
        width: auto;
        max-width: calc(100% - 15.3vw);
        top: 81.45vw;
        left: 7.65vw;
        margin: 0;
        font-size: 2.17vw;
        line-height: 3.45vw;
        letter-spacing: -0.065vw;
        white-space: normal;
    }

    /* ---------------------------------------------------------------
       MAIN
    ---------------------------------------------------------------- */

    /* 메인 서명 이미지 */
    .renewal-main__sign {
        position: absolute;
        z-index: 3;
        top: 45.3vw;
        right: 4.5vw;
        left: auto;
        display: block;
        width: 10vw;
        height: auto;
        pointer-events: none;
    }

    .renewal-main__side-images {
        display: none !important;
    }

    .renewal-main__video {
        position: absolute;
        z-index: 7;
        top: 112.35vw;
        bottom: auto;
        left: 3.2vw;
        width: 93.6vw;
        height: 53.5vw;
        padding: 0.8vw;
        overflow: hidden;
        border: 1px solid #dfbe79;
        border-radius: 2.5vw;
        background: #072d67;
        box-shadow: 0 0 0 1px rgba(1, 22, 62, 0.4);
        transform: none;
    }

    .renewal-main__video iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 2vw;
    }

    .renewal-page .top_042_fix ul li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 아래쪽 글씨 */
    .renewal-page .top_042_fix ul li a {
        font-size: 13pt;
        display: flex;
        width: 100%;
        min-height: 90px;
        padding: 0 6px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        line-height: 1.3;
    }

    /* 위쪽 글씨 */
    .renewal-page .top_042_fix ul li a span {
        margin-bottom: 2px;
        font-size: 17pt;
        letter-spacing: -2px !important;
    }

    .renewal-event__title {
        top: 95px;
        left: 50%;
        transform: translateX(-50%);
    }

    .renewal-event__subtitle {
        top: 190px;
        left: 50%;
        width: 100%;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-event__promotion {
        left: 30px;
        width: 500px;
    }

    /* ---------------------------------------------------------------
       EVENT
    ---------------------------------------------------------------- */
    .renewal-event {
        height: 618px; /* 1020px 기준, 이미지 비율에 맞춘 높이 */
        background-image: url('/img/042_new/m_event_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-db__agreement {
        font-size: 22px;
        letter-spacing: -1.5px;
        line-height: 1.2;
    }

    .renewal-db__fields {
        row-gap: 35px;
        margin-top: 30px;
    }

    .renewal-db__agreements {
        margin-top: 10px;
    }

    .renewal-db__agreement input[type="checkbox"] {
        width: 20px;
        height: 20px;
        flex: 0 0 23px;
        margin: 3px 10px 0 0;
    }

    /* 체크 표시도 함께 확대 */
    .renewal-db__agreement input[type="checkbox"]:checked {
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .renewal-db__input, .renewal-db__select {
        height: 70px;
        font-size: 25px !important;
    }

    .renewal-db:not(.renewal-db2) {
        height: 735px;
    }

    .renewal-db__label {
        margin: 0 0 15px;
    }

    .renewal-db__buttons {
        bottom: 90px;
    }

    .renewal-db__required {
        font-size: 25px;
    }

    .renewal-db__required-note {
        margin-top: 10px;
        font-size: 20px;
    }

    .renewal-db__container {
        padding: 50px 20px 0;
    }

    .renewal-db__gender {
        transform: translateY(-37px);
    }

    /* ---------------------------------------------------------------
       DB2
    ---------------------------------------------------------------- */

    /* DB2 전화번호 및 타이틀 위치 */
    .renewal-db2 .renewal-db2__header {
        top: 115px;  /* 숫자가 클수록 아래로 이동 */
        left: 20px;
    }

    /* DB2 입력폼 시작 위치 */
    .renewal-db2 .renewal-db2__container {
        padding: 217px 20px 0; /* 첫 번째 숫자로 입력폼 위치 조절 */
    }

    .renewal-db2 {
        height: 975px;
    }

    /* ---------------------------------------------------------------
       CON01
    ---------------------------------------------------------------- */

    .renewal-con01 {
        height: auto;
        aspect-ratio: 720 / 970;
        background-image: url('/img/042_new/m_con01_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con01__title {
        top: 90px;
        font-size: 60px;
        letter-spacing: -3px;
    }

    .renewal-con01__golden-title {
        top: 290px;
        width: 45%;
    }

    .renewal-con01__description {
        font-size: 21pt;
        top: 480px;
    }

    .renewal-con01__bottom-text {
        top: 785px;
        width: 60%;
    }

    /* ---------------------------------------------------------------
       CON02
    ---------------------------------------------------------------- */

    /* 전체 영역 : 기존 1020px 축소 해제 */
    .renewal-page > .renewal-con02 {
        width: 100%;
        height: 68.0556vw;
        zoom: 1;
        overflow: hidden;
        background-color: #e6ecf3;
    }

    /* 콘텐츠 영역 */
    .renewal-con02__container {
        width: 100%;
        height: 100%;
    }

    /* 기존 4열 × 2행 그리드 해제 */
    .renewal-con02__reviews {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        transform: none;
    }

    /* 후기 이미지 공통 */
    .renewal-con02__reviews img {
        position: absolute;
        top: 14.3vw;
        left: 50%;
        display: block;
        width: 34.4444vw;
        height: 48.6111vw;
        margin-left: 0;
        opacity: 0;
        visibility: hidden;
        object-fit: contain;
        transform: translateX(-50%) scale(0.82);
        transform-origin: center center;
        transition:
        transform 0.35s ease,
        margin-left 0.35s ease,
        top 0.35s ease,
        opacity 0.35s ease;
        pointer-events: none;
    }

    /* 왼쪽 후기 */
    .renewal-con02__reviews img.is-prev {
        z-index: 1;
        margin-left: -28vw;
        opacity: 0.45;
        visibility: visible;
    }

    /* 가운데 후기 : 가장 크게 */
    .renewal-con02__reviews img.is-active {
        z-index: 3;
        top: 9.7222vw;
        margin-left: 0;
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) scale(1);
    }

    /* 오른쪽 후기 */
    .renewal-con02__reviews img.is-next {
        z-index: 1;
        margin-left: 28vw;
        opacity: 0.45;
        visibility: visible;
    }

    /* ---------------------------------------------------------------
       CON02
    ---------------------------------------------------------------- */
    .renewal-con02__arrow {
        position: absolute;
        z-index: 5;
        top: 34.1vw;
        display: flex;
        width: 5.5556vw;
        height: 5.5556vw;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background-color: #102a62;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    /* 화살표 아이콘 */
    .renewal-con02__arrow::before {
        content: '';
        position: absolute;
        top: 50%;
        display: block;
        width: 1.5vw;
        height: 1.5vw;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    /* 이전 버튼 */
    .renewal-con02__arrow--prev {
        left: calc(50% - 17.3vw);
        transform: translate(-50%, -50%);
    }

    /* 왼쪽 화살표 */
    .renewal-con02__arrow--prev::before {
        left: calc(50% + 0.45vw);
        transform: translate(-50%, -50%) rotate(-135deg);
    }

    /* 다음 버튼 */
    .renewal-con02__arrow--next {
        left: calc(50% + 17.3vw);
        transform: translate(-50%, -50%);
    }

    /* 오른쪽 화살표 */
    .renewal-con02__arrow--next::before {
        left: calc(50% - 0.45vw);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    /* CON02 : 좌우 후기 이미지 세로 위치 조절 */
    .renewal-con02__reviews img.is-prev,
    .renewal-con02__reviews img.is-next {
        top: 11vw; /* 기존 14.3vw → 위로 이동 */
    }

    /* ---------------------------------------------------------------
       CON02
    ---------------------------------------------------------------- */
    .renewal-con02-bar {
        height: auto;
        overflow: hidden;
    }

    .renewal-con02-bar picture {
        display: block;
        width: 100%;
    }

    .renewal-con02-bar img {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        transform: none;
    }

    /* ---------------------------------------------------------------
       CON03
    ---------------------------------------------------------------- */

    .renewal-con03__title {
        font-size: 73px;
        margin-top: 20px;
    }

    .renewal-con03__handwriting {
        font-size: 45pt;
        margin-top: 18px;
    }

    .renewal-con03 {
        height: auto;
        aspect-ratio: 720 / 1300;
        background-image: url('/img/042_new/m_con03_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con03__bubble {
        scale: 1.2; /* 기존 크기에서 20% 확대 */
    }

    /* 01 : 오른쪽 상단 / 4~6세 유아 */
    .renewal-con03__bubble--01 {
        top: 450px;
        left: 500px;
    }

    /* 02 : 왼쪽 중간 / 7~13세 초등 */
    .renewal-con03__bubble--02 {
        top: 570px;
        left: 50px;
    }

    /* 03 : 가운데 하단 / 14~17세 중고등 */
    .renewal-con03__bubble--03 {
        top: 870px;
        left: 370px;
    }

    /* ---------------------------------------------------------------
       CON04
    ---------------------------------------------------------------- */

    .renewal-con04 {
        width: 100%;
        height: auto; /* PC 고정 높이 해제 */
        aspect-ratio: 720 / 1206;

        background-image: url('/img/042_new/m_con04_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    /* ---------------------------------------------------------------
       CON04
    ---------------------------------------------------------------- */
    .renewal-con04__content {
        top: 565px;
        left: 50%;
        width: 930px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con04__heading {
        top: 120px;
        font-size: 33pt;
    }

    .renewal-con04__title {
        top: 200px;
        width: 590px;
        height: 145px;
    }

    .renewal-con04__notice {
        top: 1480px;
        font-size: 18pt;
    }

    .renewal-con04__description {
        top: 350px;
        font-size: 30pt;
    }

    /* ---------------------------------------------------------------
       CON05
    ---------------------------------------------------------------- */

    /* 기존 PC 이미지 숨김 */
    .renewal-con05__history--pc,
    .renewal-con05__tag--pc {
        display: none !important;
    }

    /* 모바일 이미지 표시 */
    .renewal-con05__history--mobile,
    .renewal-con05__tag--mobile {
        display: block !important;
    }

    /* 모바일 연혁 박스 */
    .renewal-con05__history--mobile {
        top: 500px;
        left: 50%;
        width: 930px;
        height: auto;
        transform: translateX(-50%);
    }

    /* 모바일 판매량 배지 */
    .renewal-con05__tag--mobile {
        top: 1090px;
        left: 80%;
        width: 340px;
        height: auto;
        right: auto;
        transform: translateX(-50%);
    }

    .renewal-con05__notice {
        top: 970px;          /* 세로 위치 */
        left: 50%;
        width: 920px;        /* 텍스트 영역 너비 */
        margin: 0;
        font-size: 24px;     /* 글씨 크기 */
        line-height: 1.5;
        text-align: center;
        transform: translateX(-50%);
        letter-spacing: -1px;
    }

    .renewal-con05__notice-mobile {
        position: absolute;
        bottom: 85px;
        left: 0;
        display: block;
        width: 100%;
        margin: 0;
        color: #999;
        font-size: 24px;
        text-align: center;
    }

    .renewal-con05 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1423;

        background-image: url('/img/042_new/m_con05_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    /* 01. 상단 태그 이미지 (#판매량 1위 #국내 최초) */
    .renewal-con05__title-box {
        top: 120px;          /* 세로 위치 */
        left: 50%;
        width: 440px;        /* 이미지 크기 */
        height: auto;
        transform: translateX(-50%);
    }

    /* 02. 메인 타이틀 */
    .renewal-con05__title {
        top: 220px;          /* 세로 위치 */
        left: 50%;
        width: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;           /* HT042 이미지와 글씨 간격 */
        margin: 0;
        font-size: 55pt;     /* 타이틀 글씨 크기 */
        white-space: nowrap;
        transform: translateX(-50%);
    }

    /* 03. 타이틀 안 HT042! 이미지 */
    .renewal-con05__title img {
        width: 250px;        /* HT042! 이미지 크기 */
        height: auto;
    }

    /* 04. 타이틀 하단 설명 문구 */
    .renewal-con05__description {
        top: 340px;          /* 세로 위치 */
        left: 50%;
        width: 960px;
        margin: 0;
        font-size: 30px;     /* 설명 글씨 크기 */
        line-height: 1.5;
        text-align: center;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON06
    ---------------------------------------------------------------- */
    .renewal-con06 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1365;
        background-image: url('/img/042_new/m_con06_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    /* 타이틀 이미지 가운데 정렬 */
    .renewal-con06__title {
        top: 120px;               /* 위치 조절 */
        left: 50%;
        width: 670px;             /* 크기 조절 */
        height: auto;
        transform: translateX(-50%);
    }

    /* 설명 문구 가운데 정렬 */
    .renewal-con06__description {
        top: 620px;               /* 위치 조절 */
        left: 50%;
        width: 900px;
        margin: 0;
        font-size: 40px;          /* 필요시 조절 */
        line-height: 1.5;
        text-align: center;
        transform: translateX(-50%);
    }

    /* PC 박스 숨김 */
    .renewal-con06__box--pc {
        display: none !important;
    }

    /* 모바일 박스 표시 */
    .renewal-con06__box--mobile {
        display: block !important;
        top: 1400px;               /* 위치 조절 */
        left: 50%;
        width: 900px;             /* 크기 조절 */
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con06__notice {
        top: 1750px;               /* 위치 조절 */
        left: 50%;
        width: 920px;
        margin: 0;
        font-size: 18pt;
        line-height: 1.5;
        text-align: center;
        transform: translateX(-50%);
        letter-spacing: -1px;
    }

    /* ---------------------------------------------------------------
       CON07
    ---------------------------------------------------------------- */
    .renewal-con07__container {
    height: 2251.08px;
}

    .renewal-con07 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1589;

        background-color: #122b64;
        background-image: url('/img/042_new/m_con07_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con07__title {
        top: 125px;           /* 세로 위치 */
        left: 52%;
        width: 530px;         /* 타이틀 크기 */
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con07__description {
        top: 580px;           /* 세로 위치 */
        left: 50%;
        width: 900px;
        margin: 0;
        font-size: 30pt;      /* 글씨 크기 */
        line-height: 1.4;
        letter-spacing: -1px;
        text-align: center;

        transform: translateX(-50%);
    }

    .renewal-con07__line {
        top: 0;
        left: 0;
        width: 40px;
        height: auto;
    }

    .renewal-con07__content {
        top:auto;
        bottom: 280px;
        left: 50%;
        transform: translateX(-50%) scale(1.1);
        transform-origin: center center;
    }

    .renewal-con07__notice {
        top: auto;
        bottom: 120px;
        left: 50%;
        width: 920px;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: -1px;
        text-align: center;

        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON08
    ---------------------------------------------------------------- */
    .renewal-con08 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 785;
        background-image: url('/img/042_new/m_con08_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    /* 상단 작은 타이틀 */
    .renewal-con08__subtitle {
        top: 120px;
        left: 50%;
        width: 960px;
        margin: 0;
        font-size: 42px;
        line-height: 1.3;
        text-align: center;
        transform: translateX(-50%);
    }

    /* 기존 PC 타이틀 숨김 */
    .renewal-con08__title {
        display: none;
    }

    /* 모바일 메인 타이틀 */
    .renewal-con08__title-mobile {
        position: absolute;
        top: 200px;
        left: 49%;
        display: block;
        width: 620px;
        margin: 0;
        font-family: 'S-Core Dream', sans-serif;
        font-size: 70px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -2px;
        color: #fff;
        text-align: center;
        white-space: nowrap;

        transform: translateX(-50%);
    }

    /* 황기추출물 등 복합물 */
    .renewal-con08__title-mobile span {
        display: block;
        margin-top: 12px;
        font-size: 32px;
        font-weight: 300;
        letter-spacing: -1px;
        color: #adc0d8;
        text-align: right;
    }

    /* 기존 가로 구분선 숨김 */
    .renewal-con08__line {
        display: none;
    }

    /* FDA NDI란? */
    .renewal-con08__question {
        top: 520px;
        left: 40px;
        margin: 0;
        font-size: 42px;
    }

    /* 기존 PC 설명 숨김 */
    .renewal-con08__description {
        display: none;
    }

    /* 모바일 설명 문구 */
    .renewal-con08__description-mobile {
        position: absolute;
        top: 605px;
        left: 40px;
        display: block;
        width: 570px;
        margin: 0;
        font-family: 'Pretendard', sans-serif;
        font-size: 32px;
        font-weight: 300;
        line-height: 1.6;
        letter-spacing: -0.8px;
        color: #fff;
        text-align: left;
        white-space: nowrap;
    }

    .renewal-con08__description-mobile strong {
        font-weight: 700;
    }

    /* 하단 유의문구 */
    .renewal-con08__notice {
        top: 900px;
        left: 40px;
        width: 570px;
        margin: 0;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: -0.8px;
        text-align: left;
        white-space: normal;
    }

    .renewal-con08__mobile-break {
        display: inline;
    }

    /* ---------------------------------------------------------------
       CON09
    ---------------------------------------------------------------- */
    .renewal-con09 {
        width: 100%;
        height: auto;
        aspect-ratio: 525 / 2048;
        background-image: url('/img/042_new/m_con09_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con09__point {
        top: 120px;
        left: 50%;
        width: 210px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con09__subtitle {
        top: 240px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 40px;
        line-height: 1.5;
        letter-spacing: -2px;
        text-align: center;
    }

    .renewal-con09__title {
        top: 330px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 70px;
        line-height: 1.3;
        letter-spacing: -2px;
        text-align: center;
    }

    .renewal-con09__description {
        top: 550px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 37px;
        line-height: 1.5;
        letter-spacing: -1px;
        text-align: center;
    }

    /* PC 그래프 숨김 */
    .renewal-con09__graph--pc {
        display: none !important;
    }

    /* 모바일 그래프 표시 */
    .renewal-con09__graph--mobile {
        position: absolute;
        top: 1570px;
        left: 51%;
        display: block !important;
        width: 980px;
        height: auto;
        max-width: none;
        padding: 0;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON10
    ---------------------------------------------------------------- */
    .renewal-con10 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1070;
        background-image: url('/img/042_new/m_con10_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con10__title {
        top: 125px;
        left: 50%;
        width: 640px;
        height: auto;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON11
    ---------------------------------------------------------------- */
    .renewal-con11 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1270;
        background-image: url('/img/042_new/m_con11_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con11__point {
        top: 120px;
        left: 50%;
        width: 210px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con11__title-box {
        top: 245px;
        left: 50%;
        width: 750px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con11__subtitle {
        top: 380px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 50px;
        line-height: 1.4;
        letter-spacing: -1px;
        text-align: center;
    }

    .renewal-con11__title {
        top: 455px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 70px;
        line-height: 1.2;
        letter-spacing: -2px;
        text-align: center;
    }

    .renewal-con11__description {
        top: 573px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 37px;
        line-height: 1.5;
        letter-spacing: -2px;
        text-align: center;
    }

    .renewal-page .renewal-con11__bubble {
        position: absolute;
        top: 745px;
        left: 63%;
        display: block;
        width: 230px;
        height: auto;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON12
    ---------------------------------------------------------------- */
    .renewal-con12 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1397;
        background-image: url('/img/042_new/m_con12_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con12__title-image {
        top: 130px;
        left: 50%;
        width: 450px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con12__subtitle {
        top: 1085px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 40px;
        line-height: 1.4;
        letter-spacing: -1px;
        text-align: center;
    }

    .renewal-con12__title {
        top: 1150px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 70px;
        line-height: 1.2;
        letter-spacing: -2px;
        text-align: center;
    }

    .renewal-con12__icon--pc {
        display: none !important;
    }

    .renewal-con12__icon--mobile {
        position: absolute;
        top: 1285px;
        left: 50%;
        display: block !important;
        width: 980px;
        height: auto;
        max-width: none;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON13
    ---------------------------------------------------------------- */
    .renewal-con13 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1030;
        background-color: #0a182b;
        background-image: url('/img/042_new/m_con13_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    /* 상단 타이틀 */
    .renewal-con13__title {
        top: 130px;
        left: 50%;
        width: 650px;
        height: auto;
        transform: translateX(-50%);
    }

    /* 16가지 부원료 이미지 */
    .renewal-con13__image {
        top: 500px;
        left: 50%;
        width: 880px;
        height: auto;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON14
    ---------------------------------------------------------------- */
    .renewal-con14 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1187;
        background-color: #05070f;
        background-image: url('/img/042_new/m_con14_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con14__point {
        top: 120px;
        left: 50%;
        width: 210px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con14__tit-box {
        top: 240px;
        left: 50%;
        width: 750px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con14__title {
        top: 357px;
        left: 50%;
        width: 100%;
        margin: 0;
        line-height: 1.4;
        letter-spacing: -1px;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-con14__title-line {
        font-size: 70px;
        line-height: 1.4;
    }

    .renewal-con14__title-line--strong {
        font-weight: 800;
    }

    .renewal-con14__title-line--light {
        font-size: 70px;
        font-weight: 300;
        letter-spacing: -5px;
    }

    .renewal-con14__desc {
        top: 680px;
        left: 50%;
        width: 920px;
        margin: 0;
        font-size: 30px;
        line-height: 1.7;
        letter-spacing: -1.7px;
        text-align: center;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON15
    ---------------------------------------------------------------- */

    .renewal-con15__notice {
        font-size: 18pt;
        margin: 50px 0 0;
    }

    .renewal-con15 {
        height: 1250px;
    }

    .renewal-con15__inner {
        padding-top: 100px;
    }

    .renewal-con15__grid {
        row-gap: 70px;
    }

    /* ---------------------------------------------------------------
       CON16
    ---------------------------------------------------------------- */
    .renewal-con16 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1155;
        background-color: #d6e0fa;
        background-image: url('/img/042_new/m_con16_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con16__point {
        top: 120px;
        left: 50%;
        width: 210px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con16__subtitle {
        top: 245px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 40px;
        line-height: 1.4;
        letter-spacing: -1px;
        text-align: center;
    }

    .renewal-con16__title {
        top: 335px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 70px;
        line-height: 1.25;
        letter-spacing: -2px;
        text-align: center;
    }

    .renewal-con16__description {
        top: 545px;
        left: 0;
        width: 100%;
        margin: 0;
        font-size: 40px;
        line-height: 1.5;
        letter-spacing: -1px;
        text-align: center;
    }

    /* ---------------------------------------------------------------
       CON17
    ---------------------------------------------------------------- */
    .renewal-con17 {
        width: 100%;
        height: 2125px; /* 720 시안 기준 1500px */

        background: linear-gradient(
        to bottom,
        #0d6de1 0,
        #0d6de1 calc(100% - 637.5px),
        #0e3376 calc(100% - 637.5px),
        #0e3376 100%
        );
    }

    .renewal-con17__container {
        height: 100%;
        text-align: center;
    }

    .renewal-con17__point {
        top: 120px;
        left: 50%;
        width: 210px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con17__eyebrow {
        top: 242px;
        left: 50%;
        width: max-content;
        margin: 0;
        font-size: 50px;
        line-height: 1.4;
        letter-spacing: -1px;
        transform: translateX(-50%);
    }

    .renewal-con17__headline-box {
        top: 325px;
        left: 50%;
        width: 775px;
        height: 75px;
        transform: translateX(-50%);
    }

    .renewal-con17__headline {
        font-size: 47px;
        line-height: 1.2;
        letter-spacing: -1px;
    }

    .renewal-con17__title {
        top: 440px;
        left: 50%;
        width: max-content;
        margin: 0;
        font-size: 70px;
        line-height: 1.3;
        letter-spacing: -1px;
        transform: translateX(-50%);
    }

    .renewal-con17__title-image {
        top: 547px;
        left: 50%;
        width: 480px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con17__tag-image {
        top: 705px;
        left: 50%;
        width: 730px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con17__photo-image {
        top: 865px;
        left: 50%;
        width: 950px;
        height: auto;
        max-width: none;
        transform: translateX(-50%);
    }

    .renewal-con17__desc {
        top: 1878px;
        left: 50%;
        width: max-content;
        margin: 0;
        font-size: 37px;
        line-height: 1;
        letter-spacing: -1px;
        transform: translateX(-50%);
    }

    .renewal-con17__desc-strong {
        top: 1930px;
        left: 50%;
        width: max-content;
        margin: 0;
        font-size: 37px;
        line-height: 1.4;
        letter-spacing: -1px;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON18
    ---------------------------------------------------------------- */
    .renewal-con18 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1207;
        background-color: #ffffff;
        background-image: url('/img/042_new/m_con18_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con18__container {
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .renewal-con18__point {
        top: 120px;
        left: 50%;
        width: 210px;
        height: auto;
        transform: translateX(-50%);
    }

    .renewal-con18__label {
        top: 240px;
        left: 50%;
        width: 700px;
        height: 80px;
        font-size: 40px;
        line-height: 73px;
        letter-spacing: -1px;
        transform: translateX(-50%);
    }

    .renewal-con18__title {
        top: 370px;
        left: 50%;
        width: 960px;
        margin: 0;
        font-size: 70px;
        line-height: 1.4;
        letter-spacing: -2px;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-con18__dot-char::before {
        top: -6px;
        width: 10px;
        height: 10px;
    }

    .renewal-con18__description {
        top: 700px;
        left: 50%;
        width: 950px;
        margin: 0;
        font-size: 34px;
        line-height: 1.5;
        letter-spacing: -1px;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-con18__sign {
        display: none !important;
    }

    /* ---------------------------------------------------------------
       CON19
    ---------------------------------------------------------------- */
    .renewal-con19 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 940;
        background-color: #122b64;
        background-image: url('/img/042_new/m_con19_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con19__subtitle {
        top: 120px;
        left: 50%;
        width: 950px;
        margin: 0;
        font-size: 37px;
        line-height: 1.4;
        letter-spacing: -1px;
        text-align: center;
        transform: translateX(-50%);
        font-weight: 300;
    }

    .renewal-con19__title {
        top: 195px;
        left: 50%;
        width: 960px;
        margin: 0;
        font-size: 65px;
        line-height: 1.4;
        letter-spacing: -1.7px;
        text-align: center;
        transform: translateX(-50%);
        font-weight: 700;

    }

    .renewal-con19__box {
        top: 440px;
        left: 50%;
        width: 958px;
        height: auto;
        max-width: none;
        padding: 0;
        transform: translateX(-50%);
    }

    /* ---------------------------------------------------------------
       CON20
    ---------------------------------------------------------------- */
    .renewal-con20 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 834;
        background-color: #fbf7f3;
        background-image: url('/img/042_new/m_con20_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con20__subtitle {
        top: 120px;
        left: 40px;
        margin: 0;
        font-size: 60px;
        line-height: 1.3;
    }

    .renewal-con20__title {
        top: 215px;
        left: 40px;
        margin: 0;
        font-size: 70px;
        line-height: 1.3;
        letter-spacing: -2px;
    }

    .renewal-con20__text {
        top: 430px;
        left: 40px;
        width: 460px;
        height: auto;
        max-width: none;
    }

    /* ---------------------------------------------------------------
       CON21
    ---------------------------------------------------------------- */
    .renewal-page > .renewal-con21 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1193;
        zoom: 1;
        overflow: hidden;
        background-image: url('/img/042_new/m_con21_bg.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .renewal-con21__container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .renewal-con21__subtitle {
        top: 10.98vw;
        left: 50%;
        width: 93.14vw;
        margin: 0;
        font-size: 3.627vw;
        line-height: 1.4;
        letter-spacing: -0.1vw;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-con21__title {
        top: 19.12vw;
        left: 50%;
        width: 93.14vw;
        margin: 0;
        text-align: center;
        letter-spacing: -0.2vw;
        transform: translateX(-50%);
    }

    .renewal-con21__title span {
        display: block;
        font-size: 4.706vw;
        font-weight: 700;
        line-height: 1.3;
    }

    .renewal-con21__title strong {
        display: block;
        margin-top: 0.98vw;
        font-size: 7.353vw;
        font-weight: 800;
        line-height: 1.15;
    }

    .renewal-con21__video {
        position: absolute;
        top: 42.06vw;
        left: 50%;
        width: 93.92vw;
        height: auto;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 2.35vw;
        transform: translateX(-50%);
    }

    .renewal-con21__video iframe {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .renewal-con21__narration {
        top: 103.43vw;
        left: 7.65vw;
        width: 88.24vw;
        text-align: left;
    }

    .renewal-con21__narration h3 {
        margin: 0 0 2.45vw;
        font-size: 3.824vw;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.1vw;
    }

    .renewal-con21__narration p {
        margin: 0;
        font-size: 3.137vw;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.08vw;
        color: rgba(35, 35, 35, 0.9);
    }

    .renewal-con21__tablet-break {
        display: none !important;
    }

    .renewal-con21__sign {
        position: absolute;
        right: 8.24vw;
        bottom: 11.765vw;
        display: block !important;
        width: 15.686vw;
        height: auto;
        max-width: none;
        z-index: 5;
    }

    /* ---------------------------------------------------------------
       CON22
    ---------------------------------------------------------------- */
    .renewal-con22 {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #f3f3f3;
    }

    /* 기존 PC 이미지 숨김 */
    .renewal-con22__images {
        display: none !important;
    }

    /* 모바일 이미지 세로 정렬 */
    .renewal-con22__mobile-images {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    /* 이미지 원본 비율 유지 */
    .renewal-con22__mobile-images img {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    /* ---------------------------------------------------------------
       CON23
    ---------------------------------------------------------------- */
    .renewal-con23 {
        width: 100%;
        height: auto;
        aspect-ratio: 720 / 1441;
        overflow: hidden;
        background-color: #f2f2f2;
    }

    .renewal-con23__container {
        position: relative;
        height: 100%;
        text-align: center;
    }

    .renewal-con23__title {
        top: 105px;
        left: 50%;
        width: 100%;
        margin: 0;
        font-size: 76px;
        line-height: 1.2;
        letter-spacing: -2px;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-con23__notice {
        left: 50%;
        width: 960px;
        margin: 0;
        font-size: 23px;
        line-height: 1.5;
        letter-spacing: -0.8px;
        text-align: center;
        transform: translateX(-50%);
    }

    .renewal-con23__notice--top {
        top: 215px;
    }

    .renewal-con23__box {
        top: 283px;
        left: 50%;
        width: 893px;
        height: auto;
        max-width: none;
        padding: 0;
        transform: translateX(-50%);
    }

    .renewal-con23__notice--bottom {
        top: 1910px;
    }

    /* ---------------------------------------------------------------
       FOOTER
    ---------------------------------------------------------------- */
    .renewal-footer {
        width: 100%;
        max-width: 100%;
        zoom: 1 !important;
        background: #414141;
        letter-spacing: -0.5px;
        text-align: center;
    }

    /* 인증마크 전체 영역 */
    .renewal-footer__certificates {
        width: 100%;
        height: 150px;
        padding: 0;
        background: #333333;
    }

    .renewal-footer__certificates ul {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
        padding: 15px 0;
        background: transparent;
        border-radius: 0;
    }

    /* 인증마크 3열 */
    .renewal-footer__certificates li {
        position: relative;
        flex: 0 0 33.333%;
        width: 33.333%;
        height: 110px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        color: #999;
        text-align: center;
    }

    /* 세로 구분선 */
    .renewal-footer__certificates li:nth-child(2) {
        border-left: 1px solid #555;
        border-right: 1px solid #555;
    }

    /* 이미지와 이름 사이 간격 */
    .renewal-footer__certificates li p {
        margin: 0;
        padding-top: 82px;
        font-size: 14px;
        line-height: 1.3;
    }

    /* GMP */
    .renewal-footer__certificates li:nth-child(1) p {
        background-position: center top;
        background-size: auto 70px;
    }

    /* HACCP */
    .renewal-footer__certificates li:nth-child(2) p {
        background-position: center top;
        background-size: auto 70px;
    }

    /* ISO */
    .renewal-footer__certificates li:nth-child(3) p {
        background-position: center 7px;
        background-size: auto 58px;
    }

    /* 회사정보 전체 */
    .renewal-footer__company {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 32px 18px 38px;
        background: #414141;
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
    }

    /* 제조원 / 판매원 */
    .renewal-footer__manufacturers {
        margin: 0;
        line-height: 1.6;
    }

    .renewal-footer .renewal-footer__manufacturers span {
        display: block;
        font-size: 12px;
        line-height: 1.5;
        color: #888;
    }

    .renewal-footer__manufacturers span + span::before {
        display: none;
        content: none;
    }

    /* 사업자 정보 */
    .renewal-footer__company address {
        margin: 0;
        padding: 15px 0 0;
        font-size: 11px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.5px;
        color: #aaa;
        text-align: center;
        word-break: keep-all;
    }

    .renewal-footer__company address p {
        margin: 0;
        line-height: inherit;
    }

    .renewal-footer__company address span {
        display: inline;
        font-size: inherit;
    }

    .renewal-footer__company address span::after {
        margin: 0 3px;
    }

    /* 개인정보처리방침 */
    .renewal-footer__company .renewal-footer__privacy {
        display: block;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.6;
        color: #aaa;
    }

    .renewal-footer__privacy a {
        color: inherit;
        text-decoration: none;
    }

    /* Copyright */
    .renewal-footer__copyright {
        margin-top: 22px;
    }

    .renewal-footer__copyright p {
        margin: 0;
        font-size: 12px;
        line-height: 1;
        color: #777;
    }

    /* ---------------------------------------------------------------
    POPUP
    ---------------------------------------------------------------- */
    #new_popup .new_popup_close {
        width: 6%;
}

}

/* ---------------------------------------------------------------
   FLOATING
---------------------------------------------------------------- */

/* TABLET */
@media (min-width: 761px) and (max-width: 1020px) {
    .renewal-floating {
        right: 5px;
        bottom: 10px;
        width: 200px;
    }
}

/* MOBILE */
@media (max-width: 760px) {
    .renewal-floating {
        display: none !important;
    }
}


/* ---------------------------------------------------------------
   MOBILE TEXT SIZE FIX
---------------------------------------------------------------- */
@media (max-width: 760px) {

    html,
    body.renewal-home {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .renewal-page > :not(.renewal-main) {
        zoom: var(--renewal-scale, 1);
    }

}