/* ---------------------------------------------------------------
   00. 기본값 / 공통 컨테이너
---------------------------------------------------------------- */
:root {
    --renewal-content-width: 1020px;
    --renewal-text: #232323;
    --renewal-header: #051c3e;
    --renewal-gold: #f9de94;
}

/* ---------------------------------------------------------------
   00-1. RENEWAL 기본 스타일 초기화
   다른 디자인 CSS에 의존하지 않는 PC 전용 기본값입니다.
---------------------------------------------------------------- */
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 1020px;  /* 이번 단계는 PC 전용입니다. 모바일은 다음 단계에서 구현 */
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    color: var(--renewal-text);
}

.renewal-page img {
    display: block;
    max-width: none;
}

.renewal-page button,
.renewal-page input,
.renewal-page select {
    font: inherit;
}

.renewal-container {
    position: relative;
    width: var(--renewal-content-width);
    margin-right: auto;
    margin-left: auto;
}

.renewal-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---------------------------------------------------------------
   01. HEADER : 화면 전체 너비 / 스크롤 시 함께 이동
   메인 배경 시작점(y=0)과 겹치도록 absolute로 배치합니다.
   fixed/sticky를 사용하지 않으므로 스크롤 시 화면에서 사라집니다.
---------------------------------------------------------------- */
.renewal-header {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    height: 90px;
    background: var(--renewal-header);
}

.renewal-header__inner {
    position: relative;
    width: 100%;
    height: 90px;
}

.renewal-header__brand {
    position: absolute;
    top: 50%;
    left: 67px;
    display: flex;
    width: 146px;
    height: 67px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.renewal-header__brand img {
    width: 146px;
    height: 67px;
    object-fit: contain;
}

.renewal-header__brand-fallback {
    display: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.renewal-header__brand.is-image-missing .renewal-header__brand-fallback,
.renewal-header__product.is-image-missing .renewal-header__product-fallback {
    display: block;
}

.renewal-header__nav {
    position: absolute;
    top: 0;
    left: 360px;
    height: 90px;
}

.renewal-header__list {
    display: flex;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 60px;
    list-style: none;
    align-items: stretch;
}

.renewal-header__item {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.renewal-header__item a {
    display: flex;
    height: 100%;
    align-items: center;
    color: #c5cee4;
    font-family: 'Pretendard', sans-serif;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none;
}

.renewal-header__item.is-current {
    width: 142px;
    justify-content: center;
}

.renewal-header__item.is-current a {
    color: var(--renewal-gold);
    font-weight: 700;
}

.renewal-header__item.is-current::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 142px;
    height: 3px;
    background: var(--renewal-gold);
    content: '';
}

.renewal-header__right {
    position: absolute;
    top: 0;
    right: 67px;
    display: flex;
    height: 90px;
    gap: 25px;
    align-items: center;
}

.renewal-header__product {
    display: flex;
    width: 182px;
    height: 43px;
    justify-content: center;
    align-items: center;
}

.renewal-header__product img {
    width: 180px;
    height: 40px;
    object-fit: contain;
}

.renewal-header__product-fallback {
    display: none;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    font-style: italic;
    white-space: nowrap;
}

.renewal-header__consult {
    display: flex;
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;
}

/* 상담 안내 문구: 하늘색 ↔ 흰색 반복 전환 */
.renewal-header__consult-label {
    color: #36baff;
    font-size: 25px;
    font-weight: 700;
    animation: renewal-consult-blink 1.7s step-end infinite;
}

/* 전화번호는 흰색으로 고정 */
.renewal-header__consult-number {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
}

@keyframes renewal-consult-blink {
    0%, 49.99% { color: #36baff; }
    50%, 100%   { color: #fff; }
}

@media (prefers-reduced-motion: reduce) {
    .renewal-header__consult-label {
        animation: none;
        color: #36baff;
    }
}


/* ---------------------------------------------------------------
   02. MAIN : 배경은 헤더 아래가 아닌 페이지의 y=0부터 시작
---------------------------------------------------------------- */
.renewal-main {
    position: relative;
    height: 1596px;
    overflow: hidden;
    background-color: #072e69;
    background-image: url('../img/042_new/main_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1596px;
}

.renewal-main__container {
    height: 100%;
}

.renewal-main__copy {
    position: absolute;
    z-index: 3;
    top: 200px; /* 헤더 90px + 헤더 밑 여백 110px */
    left: 0;
    width: 560px;
}

.renewal-main__eyebrow {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;

    font-family: 'S-CoreDream', 'S-Core Dream', sans-serif;
    font-size: 27px;
    line-height: 1.2;
}

.renewal-main__eyebrow-highlight {
    display: inline-flex;
    align-items: flex-start;
}

.renewal-main__eyebrow-char {
    position: relative;
    display: inline-block;

    font-weight: 800;
    color: #0063de;
    line-height: 1;
}

.renewal-main__eyebrow-char::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 50%;

    width: 5px;
    height: 5px;
    margin-left: -2.5px;

    border-radius: 50%;
    background: #0063de;
}

.renewal-main__eyebrow-space {
    display: inline-block;
    width: 10px;
}

.renewal-main__eyebrow-rest {
    display: inline-block;

    font-weight: 500;
    color: #232323;
    line-height: 1.1;
}


.renewal-main__title {
    width: 494px;
    height: 172px;
    margin-top: 35px;
}

.renewal-main__title img {
    width: 494px;
    height: 172px;
}

.renewal-main__checklist {
    width: 335px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.renewal-main__checklist li {
    position: relative;
    display: flex;
    height: 47px;
    gap: 12px;
    align-items: center;
    color: #122b64;
    font-size: 25px;
    font-weight: 700;
    white-space: nowrap;
}

.renewal-main__checklist li::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: url('../img/042_new/main_txt_line.png') no-repeat center;
    content: '';
}

.renewal-main__checklist img {
    width: 22px;
    height: 16px;
    flex: 0 0 auto;
}

.renewal-main__description {
    margin: 30px 0 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: var(--renewal-text);
}


.renewal-main__handwriting {
    position: absolute;
    z-index: 3;
    top: 370px;                    /* 손글씨 세로 위치: 직접 조정 */
    left: calc(50% + 35px);       /* 손글씨 가로 위치: 직접 조정 */
    width: 107px;
    height: 79px;
    pointer-events: none;
}

.renewal-main__sign {
    position: absolute;
    z-index: 3;
    top: 720px;
    left: calc(50% + 470px);
    width: 100px;
    height: 135px;
    pointer-events: none;
}

.renewal-main__side-images {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 135px;
    left: 0;
    width: 1601px;
    height: 436px;
    margin: 0 auto;
    pointer-events: none;
}

.renewal-main__video-frame {
    position: absolute;
    z-index: 5;
    bottom: 94px;
    left: 50%;
    width: 872px;
    height: 516px;
    transform: translateX(-50%);
    pointer-events: none;
}

.renewal-main__video {
    position: absolute;
    z-index: 6;
    bottom: 128px;
    left: 50%;
    width: 806px;
    height: 450px;
    overflow: hidden;
    border-radius: 15px;
    transform: translateX(-50%);
    background: #051c3e;
}

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

/* ---------------------------------------------------------------
   03. 기존 3열 메뉴 : 기존 top_042_fix HTML/텍스트/링크 유지
   원본 position: fixed 대신 sticky를 사용해 레이아웃 점프 방지.
   헤더 고정과 무관하게 메뉴 영역만 스크롤 시 상단에 붙습니다.
---------------------------------------------------------------- */
.top_042_fix {
    position: sticky;
    z-index: 800;
    top: 0px;
    width: 100%;
    background-color: #333;
}

.top_042_fix ul {
    display: flex;
    width: 1020px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    border-right: 1px solid #222;
    border-left: 1px solid #222;
}

.top_042_fix li {
    width: 33.333333%;
    background: #333;
    text-align: center;
}

.renewal-page .top_042_fix ul li a,
.renewal-page .top_042_fix li a span {
    letter-spacing: -1.5px !important;
}

.top_042_fix li + li {
    border-left: 1px solid #222;
}

.top_042_fix li a {
    display: flex;
    min-height: 90px;
    padding: 15px 6px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-family: 'Noto Sans KR', 'Pretendard', sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
    text-decoration: none;
}

.top_042_fix li a span {
    font-weight: 500;
}

.top_042_fix li:nth-child(1) span { color: #79b5ff; }
.top_042_fix li:nth-child(2) span { color: #fff095; }
.top_042_fix li:nth-child(3) span { color: #b7ffa8; }
.top_042_fix li a br { display: none; }

/* ---------------------------------------------------------------
   04. EVENT : 원본 PNG 크기로 표시
---------------------------------------------------------------- */
.renewal-event {
    position: relative;
    height: 630px;
    overflow: hidden;
    background: #121822 url('../img/042_new/event_bg.png') no-repeat center top;
    background-size: 1920px 630px;
}

.renewal-event__container {
    height: 100%;
}

.renewal-event__title {
    position: absolute;
    top: 120px;
    left: 0;
    width: 419px;
    height: 68px;
}

.renewal-event__subtitle {
    position: absolute;
    top: 210px; /* title: 130 + 68 + 35 */
    left: 0;
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    white-space: nowrap;
}

.renewal-event__promotion {
    position: absolute;
    bottom: 130px;
    left: 0;
    width: 533px;
    height: 172px;
}

/* ---------------------------------------------------------------
   05. DB / 상담 신청 : 원본 form1 필드·약관·전송 함수 유지
   - 기존 memJoin 연결 유지 (실제 접수 가능)
   - DB 관련 name/id, 전송 기능은 PHP 원본 그대로 유지
---------------------------------------------------------------- */
.renewal-db {
    padding-top: 0 !important;
    position: relative;
    height: 725px;
    background-color: #005fd2;
    color: #fff;
}

.renewal-db__container {
    height: 100%;
    padding-top: 125px;
}

.renewal-db__fields {
    display: grid;
    grid-template-columns: 490px 490px;
    column-gap: 40px;
    /* 입력창과 다음 입력창 사이의 실제 간격 65px
       다음 줄 라벨 24px + 입력창 여백 13px을 뺀 grid 간격입니다. */
    row-gap: 28px;
}

.renewal-db__field {
    min-width: 0;
}

.renewal-db__label {
    display: flex;
    align-items: baseline;
    margin: 0 0 13px;
    color: #fff;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.renewal-db__required {
    margin-right: 6px;
    color: #36baff;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.renewal-db__input,
.renewal-db__select {
    display: block;
    width: 490px;
    height: 60px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    outline-offset: 3px;
    background-color: #fff;
    color: #232323;
    font-family: 'Pretendard', sans-serif;
    font-size: 23px !important;
    font-weight: 400;
}

.renewal-db__input::placeholder {
    color: #777;
    opacity: 1;
}

.renewal-db__select {
    appearance: none;
    padding-right: 50px;
    color: #777;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cpath d='M0 0h20L10 12Z' fill='%230072FF'/%3E%3C/svg%3E");
    background-position: right 20px center;
    background-repeat: no-repeat;
}

.renewal-db__select.has-value {
    color: #232323;
}

.renewal-db__bottom-row {
    display: grid;
    grid-template-columns: 490px 490px;
    column-gap: 40px;
    margin-top: 25px;
}

.renewal-db__gender {
    display: flex;
    gap: 22px;
    align-items: center;
}

.renewal-db__gender .renewal-db__label {
    margin: 0;
    white-space: nowrap;
}

.renewal-db__gender-option {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.renewal-db__radio {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin: 0;
    appearance: none;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
}

.renewal-db__radio[value="1"]:checked {
    border: 0;
    background-color: #36baff;
}

.renewal-db__radio[value="2"]:checked {
    border: 0;
    background-color: #ff366a;
}

.renewal-db__radio:checked::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    content: '';
}

.renewal-db__agreements {
    position: relative;
    padding-right: 94px;
}

.renewal-db__agreement {
    display: flex;
    margin: 0 0 7px;
    align-items: flex-start;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.renewal-db__agreement input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin: 1px 8px 0 0;
    flex: 0 0 13px;
    appearance: none;
    background: #fff;
    cursor: pointer;
}

.renewal-db__agreement input[type="checkbox"]:checked {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='m2 6.5 2.6 2.5L11 3' fill='none' stroke='%230072FF' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.renewal-db__agreement a {
    color: #fff;
    text-decoration: none;
}

.renewal-db__agreement a:hover {
    text-decoration: underline;
}

.renewal-db__required-note {
    position: absolute;
    top: 0;
    right: 0;
    color: #36baff;
    font-size: 16px;
    white-space: nowrap;
}

.renewal-db__buttons {
    position: absolute;
    right: 0;
    bottom: 130px;
    left: 0;
    display: flex;
    gap: 40px;
    justify-content: center;
}

.renewal-db__button {
    display: block;
    width: 409px;
    height: 100px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.renewal-db__button img {
    width: 409px;
    height: 100px;
}

.renewal-db__button:hover {
    filter: brightness(1.06);
}

.renewal-db__button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
    border-radius: 10px;
}

/* DB 버튼 클릭 효과 */

.renewal-db__button {
    transition: transform 0.15s ease, filter 0.15s ease;
}

.renewal-db__button:active {
    transform: translateY(1px) scale(0.99);
    filter: brightness(0.9);
}

/* ---------------------------------------------------------------
   06. 테스트 표시 / 후속 콘텐츠 안내
---------------------------------------------------------------- */
.renewal-preview-notice {
    position: fixed;
    z-index: 1200;
    right: 20px;
    bottom: 20px;
    padding: 12px 16px;
    border-radius: 8px;
    color: #fff;
    background-color: rgba(5, 28, 62, .94);
    font-size: 14px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .2);
}

.renewal-preview-toast {
    position: fixed;
    z-index: 1500;
    left: 50%;
    bottom: 32px;
    padding: 12px 18px;
    border-radius: 8px;
    color: #fff;
    background: #232323;
    font-size: 16px;
    transform: translateX(-50%);
}

/* ================================================================
   CON01 : 키 성장 골든타임
================================================================ */

/* 전체 영역 */
.renewal-con01 {
    position: relative;
    width: 100%;
    height: 1087px;
    overflow: hidden;
    background-color: #122b64;
    background-image: url('../img/042_new/con01_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1087px;
}


/* 콘텐츠 영역 : 1020px */
.renewal-con01__container {
    position: relative;
    height: 100%;
}


/* ---------------------------------------------------------------
   메인 타이틀
---------------------------------------------------------------- */
.renewal-con01__title {
    position: absolute;
    top: 120px;               /* 세로 위치 조정 */
    left: 0;                  /* 가로 위치 조정 */
    margin: 0;
    color: #232323;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -2px;
    white-space: nowrap;
}

/* 준비일까요? 강조 */
.renewal-con01__title span {
    color: #06205c;
}


/* ---------------------------------------------------------------
   키 성장 골든타임 이미지
---------------------------------------------------------------- */
.renewal-con01__golden-title {
    position: absolute;
    top: 300px;               /* 세로 위치 조정 */
    left: 0;                  /* 가로 위치 조정 */
    width: auto;
    height: auto;
}


/* ---------------------------------------------------------------
   설명 텍스트
---------------------------------------------------------------- */
.renewal-con01__description {
    position: absolute;
    top: 470px;               /* 세로 위치 조정 */
    left: 0;                  /* 가로 위치 조정 */
    margin: 0;
    color: #232323;
    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    line-height: 1.5;
}


/* ---------------------------------------------------------------
   하단 골든타임 텍스트 이미지
---------------------------------------------------------------- */
.renewal-con01__bottom-text {
    position: absolute;
    top: 800px;               /* 세로 위치 조정 */
    left: 0;                  /* 가로 위치 조정 */
    width: auto;
    height: auto;
}

/* ================================================================
   CON02 : 키즈텐042 어린이 후기
================================================================ */

/* 전체 영역 */
.renewal-con02 {
    position: relative;
    width: 100%;
    height: 1047px;
    background-color: #e6ecf3;
}


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


/* 후기 이미지 4열 × 2행 */
.renewal-con02__reviews {
    position: absolute;
    top: 130px;               /* 세로 위치 조정 */
    left: 50%;                /* 가로 중앙 정렬 */
    transform: translateX(-50%);

    display: grid;
    grid-template-columns: repeat(4, 248px);
    grid-template-rows: repeat(2, 350px);

    gap: 10px;
    width: max-content;
}


/* 개별 후기 이미지 */
.renewal-con02__reviews img {
    display: block;
    width: 248px;
    height: 350px;
}

.renewal-con02-bar {
    position: relative;
    width: 100%;
    height: 76px;
    overflow: hidden;

    background: linear-gradient(
        to right,
        #0160d2 50%,
        #347ed8 50%
    );
}

.renewal-con02-bar img {
    position: absolute;
    top: 0;
    left: 50%;

    width: 1920px;
    height: 76px;
    max-width: none;

    transform: translateX(-50%);
}


/* ================================================================
   CON03 : 우리 아이 키 성장
================================================================ */

.renewal-con03 {
    position: relative;
    height: 1480px;
    overflow: hidden;

    background: #daf0fc url('../img/042_new/con03_bg.png') no-repeat center top;
    background-size: 1920px 1480px;
}

.renewal-con03__container {
    height: 100%;
}


/* 상단 텍스트 */

.renewal-con03__heading {
    position: absolute;
    top: 115px;
    left: 0;
    width: 100%;
    text-align: center;
}

.renewal-con03__subtitle {
    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 400;
    color: #232323;
}

.renewal-con03__title {
    margin-top: 12px;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 50pt;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -2px;
    color: #232323;
}

.renewal-con03__title span {
    color: #0063de;
}

.renewal-con03__handwriting {
    margin-top: 13px;
    font-family: 'Cafe24ShiningStarLocal', cursive;
    font-size: 35pt;
    font-weight: 400;
    color: #0063de;
}


/* 말풍선 공통 */

.renewal-con03__bubble {
    position: absolute;
    width: auto;
    height: auto;
    transform-origin: center bottom;
}


/* 01 : 오른쪽 상단 */

.renewal-con03__bubble--01 {
    top: 360px;
    left: 505px;
    z-index: 3;

    animation-delay: 0s;
}


/* 02 : 왼쪽 / 가장 앞에 표시 */

.renewal-con03__bubble--02 {
    top: 455px;
    left: 120px;
    z-index: 5;

    animation-delay: 0.22s;
}


/* 03 : 가운데 하단 */

.renewal-con03__bubble--03 {
    top: 700px;
    left: 350px;
    z-index: 4;

    animation-delay: 0.44s;
}


/* 스크롤 등장 애니메이션 */

.renewal-con03.has-motion .renewal-con03__bubble {
    opacity: 0;
}

.renewal-con03.has-motion.is-visible .renewal-con03__bubble {
    animation-name: renewal-con03-pop;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

@keyframes renewal-con03-pop {
    0% {
        opacity: 0;
        transform: translateY(45px) scale(0.75);
    }

    55% {
        opacity: 1;
        transform: translateY(-12px) scale(1.08);
    }

    75% {
        transform: translateY(4px) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .renewal-con03.has-motion .renewal-con03__bubble {
        opacity: 1;
        animation: none;
    }
}


/* CON04 : 키즈텐042 */

.renewal-con04 {
    position: relative;
    width: 100%;
    height: 1302px;
    overflow: hidden;
    background-color: #000f33;
    background-image: url('../img/042_new/con04_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1302px;
}

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


/* 상단 제목 */

.renewal-con04__heading {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 27pt;
    font-weight: 700;
    color: #fff;
}


/* 키즈텐042 타이틀 이미지 */

.renewal-con04__title {
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 534px;
    height: 136px;
    max-width: none;
}


/* 타이틀 하단 설명 */

.renewal-con04__description {
    position: absolute;
    top: 335px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
}

.renewal-con04__description strong {
    font-weight: 700;
}


/* 01, 02, 03 콘텐츠 이미지 */

.renewal-con04__content {
    position: absolute;
    top: 440px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 860px;
    height: 648px;
    max-width: none;
}


/* 하단 유의문구 */

.renewal-con04__notice {
    position: absolute;
    top: 1135px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
}


/* CON05 : 키 성장 기능성 원료 HT042 */

.renewal-con05 {
    position: relative;
    width: 100%;
    height: 813px;
    overflow: hidden;

    background-color: #fcfcf9;
    background-image: url('../img/042_new/con05_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1919px 813px;
}

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


/* 상단 태그 이미지 */

.renewal-con05__title-box {
    position: absolute;
    top: 110px;
    left: 0;
    display: block;
    width: 317px;
    height: 45px;
    max-width: none;
}


/* 메인 타이틀 */

.renewal-con05__title {
    position: absolute;
    top: 180px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -2px;
    color: #132c65;
    white-space: nowrap;
}

.renewal-con05__title img {
    display: block;
    width: 176px;
    height: 47px;
    max-width: none;
}


/* 타이틀 하단 설명 */

.renewal-con05__description {
    position: absolute;
    top: 265px;
    left: 5px;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    line-height: 1.5;
    color: #232323;
}


/* HT042 연구 연혁 */

.renewal-con05__history {
    position: absolute;
    top: 365px;
    left: 0;
    display: block;
    width: 601px;
    height: 263px;
    max-width: none;
}


/* 왼쪽 하단 유의문구 */

.renewal-con05__notice {
    position: absolute;
    top: 660px;
    left: 5px;
    margin: 0;

}


/* 오른쪽 판매량 배지 */

.renewal-con05__tag {
    position: absolute;
    top: 155px;
    right: 0;
    display: block;
    width: 233px;
    height: 294px;
    max-width: none;
}


/* CON06 : 12년간 이어온 HT042의 가치 */

.renewal-con06 {
    position: relative;
    width: 100%;
    height: 1060px;
    overflow: hidden;

    background-color: #000f33;
    background-image: url('../img/042_new/con06_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1060px;
}

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


/* 왼쪽 상단 타이틀 */

.renewal-con06__title {
    position: absolute;
    top: 125px;
    left: 30px;
    display: block;
    width: 469px;
    height: 325px;
    max-width: none;
}


/* 타이틀 아래 설명 */

.renewal-con06__description {
    position: absolute;
    top: 475px;
    left: 30px;
    width: 469px;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}


/* 중앙 정보 박스 */

.renewal-con06__box {
    position: absolute;
    top: 615px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1035px;
    height: 274px;
    max-width: none;
}


/* 하단 유의문구 */

.renewal-con06__notice {
    position: absolute;
    top: 916px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}


/* CON07 : 우리 아이의 숨은 키 */

.renewal-con07 {
    position: relative;
    width: 100%;
    height: 1346px;
    overflow: hidden;

    background-color: #122b64;
    background-image:
        url('../img/042_new/con07_bg.png'),
        linear-gradient(
            to bottom,
            #dbeefe 0,
            #dbeefe 646px,
            #122b64 646px,
            #122b64 100%
        );
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
    background-size: 1920px 1346px, 100% 100%;
}

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


/* 왼쪽 상단 타이틀 */

.renewal-con07__title {
    position: absolute;
    top: 140px;
    left: 50px;
    display: block;
    width: 397px;
    height: 307px;
    max-width: none;
}


/* 타이틀 하단 설명 */

.renewal-con07__description {
    position: absolute;
    top: 485px;
    left: 50px;
    width: 397px;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 19pt;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.renewal-con07__description span {
    display: block;
}

.renewal-con07__description span:first-child {
    color: #0063de;
}

.renewal-con07__description span:last-child {
    color: #06205c;
}


/* 하단 판매량 콘텐츠 */

.renewal-con07__content {
    position: absolute;
    bottom: 170px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 727px;
    height: 386px;
    max-width: none;
}


/* CON07 : 슬롯머신 숫자 */

.renewal-con07__content-image {
    display: block;
    width: 727px;
    height: 386px;
    max-width: none;
}

.renewal-con07__counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 727px;
    height: 386px;
    pointer-events: none;
}

.renewal-con07__digit {
    position: absolute;
    top: 113px;
    width: 71px;
    height: 93px;
    overflow: hidden;
    text-align: center;
}

.renewal-con07__reel {
    display: block;
    width: 100%;
}

.renewal-con07__reel span {
    display: block;
    width: 100%;
    height: 93px;

    font-family: 'Pretendard', sans-serif;
    font-size: 80px;
    font-weight: 800;
    line-height: 93px;
    letter-spacing: -2px;
    text-align: center;

    background: linear-gradient(
        to bottom,
        #0553ba 0%,
        #0d3a85 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* CON07 : 왼쪽 눈금자 */

.renewal-con07__line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    display: block;
    width: 29px;
    height: 646px;
    max-width: none;

    pointer-events: none;
}


/* 하단 유의문구 */

.renewal-con07__notice {
    position: absolute;
    top: 1210px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}


/* CON08 : 미국 FDA NDI 등재 원료 */

.renewal-con08 {
    position: relative;
    width: 100%;
    height: 774px;
    overflow: hidden;

    background-color: #1c4881;
    background-image:
        url('../img/042_new/con08_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 774px, 100% 100%;
}

.renewal-con08__container {
    position: relative;
    height: 100%;
    color: #fff;
}


/* 상단 텍스트 */

.renewal-con08__subtitle {
    position: absolute;
    top: 120px;
    left: 0;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
}

.renewal-con08__subtitle strong {
    font-weight: 600;
}


/* 메인 타이틀 */

.renewal-con08__title {
    position: absolute;
    top: 187px;
    left: 0;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #fff;
    white-space: nowrap;
}

.renewal-con08__title span {
    margin-left: 4px;
    font-size: 23pt;
    font-weight: 300;
    letter-spacing: 0;
    color: #adc0d8;
}


/* 가로 구분선 */

.renewal-con08__line {
    position: absolute;
    top: 358px;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
}


/* FDA NDI란? */

.renewal-con08__question {
    position: absolute;
    top: 400px;
    left: 0;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 25pt;
    font-weight: 700;
    color: #fff;
}


/* 설명 문구 */

.renewal-con08__description {
    position: absolute;
    top: 460px;
    left: 0;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 300;
    line-height: 1.6;
    color: #fff;
}

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


/* 하단 유의문구 */

.renewal-con08__notice {
    position: absolute;
    top: 650px;
    left: 0;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
    text-align: left;
}


/* CON09 : 키 성장을 위한 과학적 근거 */

.renewal-con09 {
    position: relative;
    width: 100%;
    height: 3232px;
    overflow: hidden;

    background-color: #f3f3f3;
    background-image: url('../img/042_new/con09_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 3232px;
}

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


/* POINT 1 */

.renewal-con09__point {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 149px;
    height: 59px;
    max-width: none;
}


/* 상단 설명 */

.renewal-con09__subtitle {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 300;
    letter-spacing: -2px;
    color: #232323;
}


/* 메인 타이틀 */

.renewal-con09__title {
    position: absolute;
    top: 270px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1px;
}

.renewal-con09__title span {
    display: block;
}

.renewal-con09__title span:first-child {
    color: #132c65;
}

.renewal-con09__title span:last-child {
    color: #0063de;
}


/* 타이틀 하단 설명 */

.renewal-con09__description {
    position: absolute;
    top: 430px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    line-height: 1.5;
    color: #232323;
}

.renewal-con09__description strong {
    font-weight: 700;
}


/* 인체적용시험 연구 그래프 */

.renewal-con09__graph {
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1050px;
    height: 1901px;
    max-width: none;
}


/* CON10 : HT042 관련 논문 발표 */

.renewal-con10 {
    position: relative;
    width: 100%;
    height: 1013px;
    overflow: hidden;

    background-color: #000f33;
    background-image: url('../img/042_new/con10_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1013px;
}

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


/* 중앙 타이틀 */

.renewal-con10__title {
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 531px;
    height: 203px;
    max-width: none;
}

/* CON11 : 엄선된 키 성장 핵심 성분 */

.renewal-con11 {
    position: relative;
    width: 100%;
    height: 1400px;
    overflow: hidden;

    background-color: #e3f3fc;
    background-image:
        url('../img/042_new/con11_bg.png'),
        linear-gradient(
            to bottom,
            #e3f3fc 0,
            #e3f3fc 1219px,
            #fbfbfc 1219px,
            #fbfbfc 100%
        );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1400px, 100% 100%;
}

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


/* POINT 2 */

.renewal-con11__point {
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 149px;
    height: 59px;
    max-width: none;
}


/* 상단 타이틀 박스 */

.renewal-con11__title-box {
    position: absolute;
    top: 195px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 545px;
    height: 63px;
    max-width: none;
}


/* 작은 제목 */

.renewal-con11__subtitle {
    position: absolute;
    top: 295px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 300;
    color: #232323;
    letter-spacing: -1px;
}


/* 메인 타이틀 */

.renewal-con11__title {
    position: absolute;
    top: 345px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -2px;
    color: #0063de;
}

.renewal-con11__title span {
    color: #132c65;
}


/* 타이틀 하단 설명 */

.renewal-con11__description {
    position: absolute;
    top: 440px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    line-height: 1.5;
    color: #232323;
}


/* CON12 : 3가지 핵심 설계 */

.renewal-con12 {
    position: relative;
    width: 100%;
    height: 1719px;
    overflow: hidden;

    background-color: #f3f3f3;
    background-image:
        url('../img/042_new/con12_bg.png'),
        linear-gradient(
            to bottom,
            #032861 0,
            #032861 900px,
            #f3f3f3 900px,
            #f3f3f3 100%
        );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1719px, 100% 100%;
}

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


/* 상단 타이틀 이미지 */

.renewal-con12__title-image {
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 363px;
    height: 208px;
    max-width: none;
}


/* 하단 작은 제목 */

.renewal-con12__subtitle {
    position: absolute;
    top: 967px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -1px;
    color: #232323;
}


/* 하단 메인 타이틀 */

.renewal-con12__title {
    position: absolute;
    top: 1020px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -2px;
    color: #132c65;
}

.renewal-con12__title span {
    color: #232323;
}


/* 3가지 핵심 성분 카드 */

.renewal-con12__icon {
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 1040px;
    height: 460px;
    max-width: none;
}


/* CON13 : 16가지 부원료 */

.renewal-con13 {
    position: relative;
    width: 100%;
    height: 1220px;
    overflow: hidden;

    background-color: #0a182b;
    background-image:
        url('../img/042_new/con13_bg.png'),
        linear-gradient(
            to bottom,
            #233347 0%,
            #1a2c43 50%,
            #0a182b 100%
        );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1220px, 100% 100%;
}

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


/* 상단 타이틀 */

.renewal-con13__title {
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 512px;
    height: 217px;
    max-width: none;
}


/* 16가지 부원료 이미지 */

.renewal-con13__image {
    position: absolute;
    top: 420px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 713px;
    height: 688px;
    max-width: none;
}
.renewal-con14 {
    position: relative;
    width: 100%;
    height: 1400px;
    overflow: hidden;

    background-color: #05070f;
    background-image: url('../img/042_new/con14_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1400px;
}

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

.renewal-con14__point {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.renewal-con14__tit-box {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.renewal-con14__title {
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-family: 'S-Core Dream', sans-serif;
    line-height: 1.4;
    letter-spacing: -1px;
}

.renewal-con14__title-line {
    margin: 0;
    font-size: 40pt;
    white-space: nowrap;
}

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

.renewal-con14__title-line--light {
    font-weight: 400;
}

.renewal-con14__desc {
    position: absolute;
    top: 550px;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    margin: 0;
    color: #ffffff;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 200;
    line-height: 1.6;
    word-break: keep-all;
}

.renewal-con15 {
    height: 1280px;
    background: #f3f3f3;
}

.renewal-con15__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 110px;
    box-sizing: border-box;
}

.renewal-con15__grid {
    display: grid;
    grid-template-columns: repeat(2, 479px);
    column-gap: 40px;
    row-gap: 48px;
    width: 998px;
    margin: 0 auto;
}

.renewal-con15__item {
    text-align: center;
}

.renewal-con15__sub {
    margin: 0 0 8px;
    color: #444;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 22pt;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -1px;
}

.renewal-con15__sub--tight {
    margin: 5px 0 13px 0;
    font-size: 18pt;
    letter-spacing: -2px;
}

.renewal-con15__title {
    margin: 0 0 27px;
    color: #333;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 33pt;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -2px;
}

.renewal-con15__title--tight {
    margin: 0 0 27px;
    font-size: 31.5pt;
    letter-spacing: -5px;
}

.renewal-con15__title-note {
    font-size: 20pt;
    font-weight: 400;
    vertical-align: top;
    margin-left: 2px;
}

.renewal-con15__image {
    display: block;
    width: 479px;
    height: 331px;
    max-width: none;
}

.renewal-con15__notice {
    margin: 40px 0 0;
    text-align: center;
    color: #8a8a8a;
    font-family: 'Pretendard', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.3px;
}


/* CON16 : 새콤달콤 블루베리맛 */

.renewal-con16 {
    position: relative;
    width: 100%;
    height: 1270px;
    overflow: hidden;

    background-color: #d6e0fa;
    background-image:
        url('../img/042_new/con16_bg.png'),
        linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffffff 25%,
            #d6e0fa 100%
        );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1270px, 100% 100%;
}

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


/* POINT 4 */

.renewal-con16__point {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 149px;
    height: 59px;
    max-width: none;
}


/* 상단 설명 */

.renewal-con16__subtitle {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 300;
    letter-spacing: -1.5px;
    color: #232323;
}


/* 메인 타이틀 */

.renewal-con16__title {
    position: absolute;
    top: 270px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -3px;
}

.renewal-con16__title span {
    display: block;
}

.renewal-con16__title span:first-child {
    color: #132c65;
}

.renewal-con16__title span:last-child {
    color: #0063de;
}


/* 타이틀 하단 설명 */

.renewal-con16__description {
    position: absolute;
    top: 430px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    line-height: 1.5;
    color: #232323;
}

.renewal-con16__description strong {
    font-weight: 700;
}

.renewal-con17 {
    position: relative;
    width: 100%;
    height: 1382px;
    overflow: hidden;
    background: linear-gradient(
        to bottom,
        #0d6de1 0,
        #0d6de1 calc(100% - 505px),
        #0e3376 calc(100% - 505px),
        #0e3376 100%
    );
}

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

.renewal-con17__point {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: auto;
    height: auto;
    max-width: none;
}

.renewal-con17__eyebrow {
    position: absolute;
    top: 195px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: max-content;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 27pt;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -1.3px;
    color: #ffffff;
    white-space: nowrap;
}

.renewal-con17__eyebrow strong {
    font-weight: 700;
}

.renewal-con17__headline-box {
    position: absolute;
    top: 255px;
    left: 50%;
    transform: translateX(-50%);
    width: 560px;
    height: 54px;
    background: #06205c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.renewal-con17__headline {
    margin: 0;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 27pt;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
    color: #ffffff;
    white-space: nowrap;
}

.renewal-con17__headline span {
    color: #4cc2ff;
}

.renewal-con17__title {
    position: absolute;
    top: 345px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: max-content;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 38pt;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -1.3px;
    color: #ffffff;
    white-space: nowrap;
}

.renewal-con17__title-image {
    position: absolute;
    top: 425px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: auto;
    height: auto;
    max-width: none;
}

.renewal-con17__tag-image {
    position: absolute;
    top: 535px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: auto;
    height: auto;
    max-width: none;
}

.renewal-con17__photo-image {
    position: absolute;
    top: 660px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: auto;
    height: auto;
    max-width: none;
}

.renewal-con17__desc {
    position: absolute;
    top: 1155px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: max-content;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -1.5px;
    color: #ffffff;
    white-space: nowrap;
}

.renewal-con17__desc-strong {
    position: absolute;
    top: 1205px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: max-content;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1.5px;
    color: #ffffff;
    white-space: nowrap;
}


/* CON18 : 우리아이 키 성장 */

.renewal-con18 {
    position: relative;
    width: 100%;
    height: 1273px;
    overflow: hidden;

    background-color: #ffffff;
    background-image: url('../img/042_new/con18_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 1273px;
}

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


/* POINT 6 */

.renewal-con18__point {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 149px;
    height: 59px;
    max-width: none;
}


/* 상단 라인 박스 */

.renewal-con18__label {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 500px;
    height: 62px;
    box-sizing: border-box;
    border: 1px solid #0063de;

    font-family: 'Pretendard', sans-serif;
    font-size: 20pt;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -1px;
    color: #0063de;
    text-align: center;
    white-space: nowrap;
}

.renewal-con18__label strong {
    font-weight: 700;
}


/* 메인 타이틀 */

.renewal-con18__title {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -2px;
    color: #232323;
}

.renewal-con18__title-line {
    display: block;
}

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


/* 키 성장 파란색 강조 */

.renewal-con18__highlight {
    display: inline-flex;
    gap: 0;
    color: #0063de;
}

.renewal-con18__dot-char {
    position: relative;
    display: inline-block;
}

.renewal-con18__dot-char::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);

    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0063de;
}

/* 키 성장 띄어쓰기 */
.renewal-con18__dot-char:first-child {
    margin-right: 0.25em;
}

/* 타이틀 하단 설명 */

.renewal-con18__description {
    position: absolute;
    top: 555px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    line-height: 1.5;
    color: #6e6e6e;
}


/* 서장훈 서명 */

.renewal-con18__sign {
    position: absolute;
    top: 685px;
    left: 700px;

    display: block;
    width: 158px;
    height: 212px;
    max-width: none;
    pointer-events: none;
}


/* CON19 : 이런 아이에게 추천 */

.renewal-con19 {
    position: relative;
    width: 100%;
    height: 884px;
    overflow: hidden;

    background-color: #122b64;
    background-image: url('../img/042_new/con19_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 884px;
}

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


/* 상단 설명 */

.renewal-con19__subtitle {
    position: absolute;
    top: 125px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 25pt;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -1.5px;
    color: #fff;
}

.renewal-con19__subtitle strong {
    font-weight: 700;
}


/* 메인 타이틀 */

.renewal-con19__title {
    position: absolute;
    top: 195px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.5px;
    color: #fff;
}

.renewal-con19__title span {
    color: #e1c57f;
}


/* 추천 유형 6가지 */

.renewal-con19__box {
    position: absolute;
    top: 395px;
    left: 50%;
    transform: translateX(-50%);

    display: block;
    width: 1021px;
    height: 391px;
    max-width: none;
}


/* CON20 : 우리 아이 키 성장 */

.renewal-con20 {
    position: relative;
    width: 100%;
    height: 908px;
    overflow: hidden;

    background-color: #fbf7f3;
    background-image:
        url('../img/042_new/con20_bg.png'),
        linear-gradient(
            to bottom,
            #fbf7f3 0,
            #fbf7f3 691px,
            #f0dfcb 691px,
            #f0dfcb 100%
        );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 908px, 100% 100%;
}

.renewal-con20__container {
    position: relative;
    height: 100%;
    text-align: left;
}


/* 손글씨 */

.renewal-con20__subtitle {
    position: absolute;
    top: 120px;
    left: 0;
    margin: 0;

    font-family: 'Cafe24ShiningStarLocal', cursive;
    font-size: 35pt;
    font-weight: 400;
    line-height: 1.3;
    color: #06205c;
}


/* 메인 타이틀 */

.renewal-con20__title {
    position: absolute;
    top: 195px;
    left: 0;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -2px;
    color: #232323;
}


/* 타이틀 하단 이미지 텍스트 */

.renewal-con20__text {
    position: absolute;
    top: 365px;
    left: 0;

    display: block;
    width: 576px;
    height: 35px;
    max-width: none;
}


/* 하단 DB */

.renewal-db2 {
    height: 853px;
    background-color: #051c3e;
}

.renewal-db2__container {
    position: relative;
    height: 100%;
    padding-top: 260px;
    box-sizing: border-box;
}


/* 상단 전화번호 */

.renewal-db2__header {
    position: absolute;
    top: 125px;
    left: 0;
    display: flex;
    align-items: center;
    height: 75px;
}

.renewal-db2__icon {
    display: block;
    width: 71px;
    height: 75px;
    max-width: none;
}

.renewal-db2__phone {
    margin-left: 20px;
    color: #fff;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 55pt;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
    white-space: nowrap;
}

.renewal-db2__divider {
    display: block;
    width: 1px;
    height: 60px;
    margin: 0 35px;
    background-color: rgba(255, 255, 255, 0.5);
}

.renewal-db2__header-text {
    margin: 0;
    color: #fff;
    font-family: 'S-Core Dream', sans-serif;
    font-size: 17pt;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
}

.renewal-db2__header-text strong {
    font-weight: 700;
}


/* 하단 DB 버튼 */

.renewal-db2 .renewal-db__buttons {
    gap: 0;
}

.renewal-db2 .renewal-db__button {
    width: 680px;
    height: 100px;
}

.renewal-db2 .renewal-db__button img {
    display: block;
    width: 680px;
    height: 100px;
    max-width: none;
}


/* CON21 : 서장훈 나레이션 영상 */

.renewal-con21 {
    position: relative;
    width: 100%;
    height: 810px;
    overflow: hidden;

    background-color: #f3f3f3;
    background-image:
        url('../img/042_new/con21_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 810px, 100% 100%;
}

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


/* 상단 설명 */

.renewal-con21__subtitle {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    margin: 0;
    font-family: 'Pretendard', sans-serif;
    font-size: 23pt;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -2px;
    color: #232323;
    text-align: center;
}


/* 메인 타이틀 */

.renewal-con21__title {
    position: absolute;
    top: 175px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    color: #232323;
    text-align: center;
    letter-spacing: -2px;
}

.renewal-con21__title span {
    display: block;
    font-size: 35pt;
    font-weight: 700;
    line-height: 1.5;
}

.renewal-con21__title strong {
    display: block;
    font-size: 50pt;
    font-weight: 800;
    line-height: 1.2;
}


/* 왼쪽 네이버TV 영상 */

.renewal-con21__video {
    position: absolute;
    top: 395px;
    left: 0;

    width: 497px;
    height: 282px;
    overflow: hidden;
    border-radius: 15px;
}

.renewal-con21__video iframe {
    display: block;
    width: 497px;
    height: 282px;
    border: 0;
}


/* 오른쪽 나레이션 */

.renewal-con21__narration {
    position: absolute;
    top: 395px;
    left: 550px;
    width: 520px;

    font-family: 'Pretendard', sans-serif;
    color: #232323;
    text-align: left;
}

.renewal-con21__narration h3 {
    margin: 0 0 12px;
    font-size: 19pt;
    font-weight: 700;
    line-height: 1;
}

.renewal-con21__narration p {
    margin: 0;

    font-size: 15pt;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(35, 35, 35, 0.9);
}

/* 서장훈 서명 */
.renewal-con21__sign {
    position: absolute;
    right: -50px;
    bottom: 110px;
    display: block;
    width: 105px;
    height: 137px;
    max-width: none;
    pointer-events: none;
}


/* CON22 : 사회공헌 캠페인 */

.renewal-con22 {
    position: relative;
    width: 100%;
    height: 430px; /* 기존 431px */
    overflow: hidden;
    background-color: #f3f3f3;
}

.renewal-con22__images {
    position: absolute;
    top: 0;
    left: 50%;

    display: flex;
    align-items: flex-start;
    gap: 1px;

    width: 1920px;
    transform: translateX(-50%);
}

.renewal-con22__images img {
    display: block;
    flex: 0 0 auto;
    height: 430px;
    max-width: none;
    object-fit: cover;
    object-position: center top;
}


/* CON23 : 건강정보 */

.renewal-con23 {
    position: relative;
    width: 100%;
    height: 888px;
    overflow: hidden;
    background-color: #f2f2f2;
}

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


/* 메인 타이틀 */

.renewal-con23__title {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'S-Core Dream', sans-serif;
    font-size: 40pt;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -2px;
    color: #232323;
    text-align: center;
}


/* 공통 유의문구 */

.renewal-con23__notice {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;

    font-family: 'Pretendard', sans-serif;
    font-size: 13pt;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: #999;
    text-align: center;
}

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

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


/* 건강정보 이미지 */

.renewal-con23__box {
    position: absolute;
    top: 225px;
    left: 50%;

    display: block;
    width: 1020px;
    height: 530px;
    max-width: none;
    transform: translateX(-50%);
}



/* ---------------------------------------------------------------
   FOOTER
---------------------------------------------------------------- */
.renewal-footer {
    width: 100%;
    padding: 0;
    background: #414141;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    text-align: center;
    box-sizing: border-box;
}

.renewal-footer *,
.renewal-footer *::before,
.renewal-footer *::after {
    box-sizing: border-box;
}

.renewal-footer p,
.renewal-footer ul,
.renewal-footer address {
    margin: 0;
}

.renewal-footer__certificates {
    padding: 100px 0 0;
}

.renewal-footer__certificates ul {
    display: flex;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 40px 0;
    list-style: none;
    background: #363636;
    border-radius: 200px;
}

.renewal-footer__certificates li {
    position: relative;
    flex: 0 0 33.333%;
    width: 33.333%;
    color: #999;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
}

.renewal-footer__certificates li:nth-child(2) {
    border-left: 1px solid #282828;
    border-right: 1px solid #282828;
}

.renewal-footer__certificates li p {
    margin: 0;
    padding-top: 95px;
    line-height: 1.3;
}

.renewal-footer__certificates li:nth-child(1) p {
    background: url('/img/042_new/gmp.png') no-repeat center top;
    background-size: auto 80px;
}

.renewal-footer__certificates li:nth-child(2) p {
    background: url('/img/042_new/haccp.png') no-repeat center top;
    background-size: auto 80px;
}

.renewal-footer__certificates li:nth-child(3) p {
    background: url('/img/042_new/iso.png') no-repeat center top;
    background-size: auto 80px;
}

.renewal-footer__company {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 50px 0;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.renewal-footer__manufacturers {
    line-height: 1.5;
}

.renewal-footer__manufacturers span {
    display: inline;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    color: #777;
}

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

.renewal-footer__manufacturers span + span::before {
    display: inline-block;
    margin: 0 15px;
    color: #777;
    content: '/';
}

.renewal-footer__company address {
    margin: 0;
    padding: 22px 0 15px;
    font-family: 'Pretendard', sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1px;
    color: rgba(255, 255, 255, 0.5);
}

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

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

.renewal-footer__company address span::after {
    display: inline-block;
    margin: 0 5px;
    content: '|';
}

.renewal-footer__company address span:last-child::after {
    display: none;
    content: none;
}

.renewal-footer__company .renewal-footer__privacy {
    margin-top: 25px;
    font-size: 17px;
    line-height: 1.5;
}

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

.renewal-footer__privacy a:hover {
    text-decoration: underline;
}

.renewal-footer__copyright {
    margin-top: 24px;
}

.renewal-footer__copyright p {
    margin: 0;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(154, 154, 154, 0.5);
}


/* ---------------------------------------------------------------
   FLOATING
---------------------------------------------------------------- */
.renewal-floating {
    position: fixed;
    z-index: 3000;
    right: 20px;
    bottom: 25px;
    width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.renewal-floating a {
    display: block;
}

.renewal-floating img {
    display: block;
    width: 100%;
    height: auto;
}

.renewal-floating__banner {
    width: 100%;
}

.renewal-floating__top {
    width: 80px;
}

/* ---------------------------------------------------------------
   POPUP
---------------------------------------------------------------- */
#new_popup .new_popup_close {
    display: block;
    width: 35px;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    appearance: none;
    line-height: 0;
    cursor: pointer;
}

#new_popup .new_popup_close img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------------------------------------------------------------
   DB RADIO FIX
---------------------------------------------------------------- */
.renewal-page input[type="radio"].renewal-db__radio {
    display: block;
}


/* ---------------------------------------------------------------
   DB INPUT FIX
---------------------------------------------------------------- */
.renewal-page .renewal-db__fields input.renewal-db__input,
.renewal-page .renewal-db__fields select.renewal-db__select {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 10px;
    line-height: normal;
}

/* ---------------------------------------------------------------
   DB INPUT MOBILE
---------------------------------------------------------------- */
@media (max-width: 760px) {
    .renewal-page .renewal-db__fields input.renewal-db__input,
    .renewal-page .renewal-db__fields select.renewal-db__select {
        height: 70px;
    }
}