/* 분양문의 section (관심고객등록 form 대체) - 1920px 시안 기준, PC는 컨테이너 폭에 비례 */
#customer_tel {container-type:inline-size;width:100%;background:#7f0520 url('../img/section_tel.png') no-repeat center/cover}
#customer_tel .customer_tel_inner {--u:calc(100cqw / 1920);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;aspect-ratio:2/1;padding-top:calc(281 * var(--u))}
#customer_tel .customer_tel_logo {display:block;width:calc(374 * var(--u));height:auto}
#customer_tel .customer_tel_call {display:flex;align-items:center;gap:calc(15 * var(--u));margin:calc(59 * var(--u)) 0 0;font-family:'Paperlogy','Malgun Gothic',dotum,sans-serif;font-weight:700;color:#fff;text-align:center}
#customer_tel .customer_tel_label {font-size:calc(30 * var(--u));line-height:calc(35 * var(--u))}
#customer_tel .customer_tel_number {font-size:calc(80 * var(--u));line-height:calc(94 * var(--u));color:inherit;text-decoration:none}

/* 전화번호 파도타기: 글자별 지연으로 곡선 파도(큰 파도 → 작은 파도, 살짝 아래로 내려감)를 주기적으로 반복 (주기 4s, 동작 구간 1.2s) */
#customer_tel .customer_tel_inner {--wave-amp:calc(30 * var(--u))}
#customer_tel .customer_tel_char {display:inline-block}
#customer_tel.is-wave .customer_tel_char {animation:customer_tel_wave 4s linear infinite both;animation-delay:calc(.5s + var(--i) * .07s)}
@keyframes customer_tel_wave {
    0% {transform:translateY(calc(var(--wave-amp) * 0))}
    0.83% {transform:translateY(calc(var(--wave-amp) * -0.334))}
    1.67% {transform:translateY(calc(var(--wave-amp) * -0.614))}
    2.5% {transform:translateY(calc(var(--wave-amp) * -0.808))}
    3.33% {transform:translateY(calc(var(--wave-amp) * -0.897))}
    4.17% {transform:translateY(calc(var(--wave-amp) * -0.875))}
    5% {transform:translateY(calc(var(--wave-amp) * -0.751))}
    5.83% {transform:translateY(calc(var(--wave-amp) * -0.543))}
    6.67% {transform:translateY(calc(var(--wave-amp) * -0.281))}
    7.5% {transform:translateY(calc(var(--wave-amp) * 0))}
    8.33% {transform:translateY(calc(var(--wave-amp) * 0.106))}
    9.17% {transform:translateY(calc(var(--wave-amp) * 0.194))}
    10% {transform:translateY(calc(var(--wave-amp) * 0.254))}
    10.83% {transform:translateY(calc(var(--wave-amp) * 0.28))}
    11.67% {transform:translateY(calc(var(--wave-amp) * 0.271))}
    12.5% {transform:translateY(calc(var(--wave-amp) * 0.231))}
    13.33% {transform:translateY(calc(var(--wave-amp) * 0.166))}
    14.17% {transform:translateY(calc(var(--wave-amp) * 0.085))}
    15% {transform:translateY(calc(var(--wave-amp) * 0))}
    15.83% {transform:translateY(calc(var(--wave-amp) * -0.198))}
    16.67% {transform:translateY(calc(var(--wave-amp) * -0.357))}
    17.5% {transform:translateY(calc(var(--wave-amp) * -0.462))}
    18.33% {transform:translateY(calc(var(--wave-amp) * -0.503))}
    19.17% {transform:translateY(calc(var(--wave-amp) * -0.481))}
    20% {transform:translateY(calc(var(--wave-amp) * -0.404))}
    20.83% {transform:translateY(calc(var(--wave-amp) * -0.286))}
    21.67% {transform:translateY(calc(var(--wave-amp) * -0.144))}
    22.5% {transform:translateY(calc(var(--wave-amp) * 0))}
    23.33% {transform:translateY(calc(var(--wave-amp) * 0.052))}
    24.17% {transform:translateY(calc(var(--wave-amp) * 0.091))}
    25% {transform:translateY(calc(var(--wave-amp) * 0.115))}
    25.83% {transform:translateY(calc(var(--wave-amp) * 0.123))}
    26.67% {transform:translateY(calc(var(--wave-amp) * 0.114))}
    27.5% {transform:translateY(calc(var(--wave-amp) * 0.092))}
    28.33% {transform:translateY(calc(var(--wave-amp) * 0.063))}
    29.17% {transform:translateY(calc(var(--wave-amp) * 0.03))}
    30% {transform:translateY(calc(var(--wave-amp) * 0))}
    100% {transform:translateY(0)}
}
@media (prefers-reduced-motion: reduce) {
    #customer_tel.is-wave .customer_tel_char {animation:none}
}

@media (max-width: 768px) {
    #customer_tel .customer_tel_inner {aspect-ratio:auto;padding:80px 20px 90px}
    #customer_tel .customer_tel_logo {width:220px;max-width:100%}
    #customer_tel .customer_tel_call {gap:10px;margin-top:36px}
    #customer_tel .customer_tel_label {font-size:18px;line-height:21px}
    #customer_tel .customer_tel_inner {--wave-amp:16px}
    #customer_tel .customer_tel_number {font-size:44px;line-height:52px}
}
@media (max-width: 380px) {
    #customer_tel .customer_tel_number {font-size:38px;line-height:46px}
}