.coway-nov-promo, .coway-nov-promo * {
    box-sizing: border-box
}

.coway-nov-promo {
    font-family: Arial,"Noto Sans KR",sans-serif;
    max-width: 1260px;
    margin: 32px auto;
    padding: 0 18px;
    color: #082a55
}

    .coway-nov-promo .promo-panel {
        background: var(--primary,#0088cc);
        border-radius: 18px;
        padding: 42px 26px 36px;
        text-align: center;
        color: #fff
    }

    .coway-nov-promo h2 {
        font-size: clamp(25px,3vw,39px);
        line-height: 1.35;
        margin: 0 0 20px;
        font-weight: 800;
        color: #fff
    }

    .coway-nov-promo .promo-lead {
        font-size: clamp(16px,1.65vw,22px);
        font-weight: 700;
        line-height: 1.65;
        margin: 0 auto 20px;
        max-width: 1100px;
        color: #fff
    }

        .coway-nov-promo .promo-lead .yellow {
            color: #ffe75d !important;
            -webkit-text-fill-color: #ffe75d !important
        }

    .coway-nov-promo .promo-dates {
        font-size: clamp(13px,1.3vw,17px);
        line-height: 1.55;
        margin: 0 auto 24px;
        color: #fff;
        font-weight: 600
    }

    .coway-nov-promo .promo-cards {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 14px
    }

    .coway-nov-promo .promo-card {
        background: #fff;
        border-radius: 13px;
        color: #092c58;
        padding: 23px 14px;
        min-height: 200px;
        box-shadow: 0 5px 15px #00397138;
        text-align: center
    }

    .coway-nov-promo .promo-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #dcefff;
        color: #0753a3;
        font-weight: 800;
        font-size: 20px
    }

    .coway-nov-promo .promo-card h3 {
        font-size: 18px;
        line-height: 1.35;
        margin: 10px 0 14px;
        color: #092c58
    }

    .coway-nov-promo .promo-detail {
        border-top: 1px solid #d7e5f3;
        padding-top: 13px;
        line-height: 1.5;
        font-size: 16px
    }

    .coway-nov-promo .promo-red {
        color: #e31b23;
        font-weight: 800;
        font-size: 20px
    }

    .coway-nov-promo .promo-model {
        color: #075db6;
        font-weight: 800;
        text-decoration: underline;
        text-underline-offset: 3px
    }

    .coway-nov-promo .promo-actions {
        display: grid;
        grid-template-columns: 1fr 1fr 1.15fr;
        gap: 14px;
        align-items: stretch;
        margin-top: 25px
    }

    .coway-nov-promo .promo-action {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 88px;
        padding: 13px 14px;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 800;
        transition: filter .2s ease,transform .2s ease
    }

        .coway-nov-promo .promo-action:hover {
            filter: brightness(.96);
            transform: translateY(-1px)
        }

    .coway-nov-promo .promo-call {
        background: #fff;
        color: #092c58;
        box-shadow: 0 3px 8px #063c7950
    }

    .coway-nov-promo .promo-phone-icon {
        font-size: 27px;
        line-height: 1;
        flex: none
    }

    .coway-nov-promo .promo-call-copy {
        display: flex;
        flex-direction: column;
        gap: 4px;
        line-height: 1.2
    }

    .coway-nov-promo .promo-call-label {
        font-size: 15px
    }

    .coway-nov-promo .promo-call-number {
        font-size: clamp(17px,1.7vw,24px);
        white-space: nowrap
    }

    .coway-nov-promo .promo-arrow {
        font-size: 20px;
        flex: none
    }

    .coway-nov-promo .promo-view {
        background: #ff8a00;
        color: #fff;
        font-size: clamp(16px,1.6vw,21px);
        box-shadow: 0 3px 8px #063c7950
    }

    .coway-nov-promo .promo-note {
        font-size: 12px;
        line-height: 1.6;
        margin: 20px 0 0;
        color: #f3f8ff
    }

@media(max-width:800px) {
    .coway-nov-promo .promo-actions {
        grid-template-columns: 1fr
    }

    .coway-nov-promo .promo-action {
        min-height: 66px
    }

    .coway-nov-promo .promo-call-number {
        font-size: 21px
    }
}

@media(max-width:720px) {
    .coway-nov-promo {
        margin: 12px auto;
        padding: 0 10px
    }

        .coway-nov-promo .promo-panel {
            padding: 27px 16px 26px;
            border-radius: 15px
        }

        .coway-nov-promo h2 {
            font-size: 24px
        }

        .coway-nov-promo .promo-lead {
            font-size: 16px;
            margin-bottom: 15px
        }

        .coway-nov-promo .promo-dates {
            font-size: 13px;
            margin-bottom: 18px
        }

        .coway-nov-promo .promo-cards {
            grid-template-columns: 1fr;
            gap: 12px
        }

        .coway-nov-promo .promo-card {
            min-height: 0;
            padding: 16px 18px;
            text-align: left;
            display: grid;
            grid-template-columns: 52px 1fr;
            gap: 0 12px;
            align-items: center
        }

        .coway-nov-promo .promo-number {
            grid-row: span 2
        }

        .coway-nov-promo .promo-card h3 {
            margin: 0 0 5px;
            font-size: 17px
        }

        .coway-nov-promo .promo-detail {
            border: 0;
            padding: 0;
            font-size: 15px
        }

        .coway-nov-promo .promo-red {
            font-size: 18px
        }

        .coway-nov-promo .promo-actions {
            gap: 10px;
            margin-top: 18px
        }

        .coway-nov-promo .promo-action {
            min-height: 60px
        }

        .coway-nov-promo .promo-view {
            font-size: 17px
        }

        .coway-nov-promo .promo-note {
            font-size: 11px
        }
}