﻿main.drip-main-2025 section.drip-header {
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}

main.drip-main-2025 section.drip-header .cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
    align-items: center;
}

main.drip-main-2025 section.drip-header .cont .leftyy {
    width: 100%;
    padding: 24px;
    padding-top: 0px;
    padding-left: 0px;
    height: fit-content;
}
    main.drip-main-2025 section.drip-header h2 {
        color: var(--Primary, #BE1E2D);
        font-family: 'Sen-Regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 52.8px */
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 4px;
    }


main.drip-main-2025 section.drip-header h1 {
    color: #333;
    font-family: 'Sen-bold';
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 52.8px */
    margin-bottom: 24px;
}

main.drip-main-2025 section.drip-header p {
    color: #333;
    font-family: Sen-Regular;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    letter-spacing: 0.24px;
    margin-bottom: 24px;
}

    main.drip-main-2025 section.drip-header .rightyy {
        align-content: center;
        padding-right: 0px !important;
        width: 100%;
        padding: 24px;
    }

        main.drip-main-2025 section.drip-header .rightyy .image-section {
            position: relative;
            width: 100%;
            aspect-ratio: 624 / 362;
            /* overflow: visible; */
        }

            main.drip-main-2025 section.drip-header .rightyy .image-section .campus-image {
                /* aspect-ratio: 440 / 230; */
                width: calc(100% - 24px);
                height: calc(100% - 24px);
                position: relative;
                z-index: 2;
                object-fit: cover;
                border-radius: 4px;
                /* background: url(<path-to-image>) lightgray -64.359px -105.564px / 119.5% 141.42% no-repeat; */
            }

            main.drip-main-2025 section.drip-header .rightyy .image-section .mountainicon {
                position: absolute;
                bottom: 24px;
                right: 24px;
                height: auto;
                z-index: 3;
                width: 100%;
                max-width: 226px;
            }

            main.drip-main-2025 section.drip-header .rightyy .image-section .campus-frame {
                position: absolute;
                bottom: 0;
                right: 0;
                z-index: 2;
                max-width: 300px;
            }

            main.drip-main-2025 section.drip-header .rightyy .image-section .border-box {
                width: calc(100% - 24px);
                height: calc(100% - 24px);
                border-radius: 4px;
                border: 1px solid rgba(0, 68, 122, 0.15);
                position: absolute;
                right: 1px;
                bottom: 1px;
                z-index: 1;
            }


main.drip-main-2025 section.drip-body {
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #FAFAFA;
}

    main.drip-main-2025 section.drip-body .drip-body-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        align-items: start;
    }

    main.drip-main-2025 section.drip-body .drip-body-content-no-image {
        display: unset;
        align-items: start;
    }

    main.drip-main-2025 section.drip-body {
        overflow: visible;
    }

        main.drip-main-2025 section.drip-body .drip-body-content .left {
            align-self: stretch; /* ★ 핵심: 행 전체 높이로 늘리기 (start 금지) */
            position: relative; /* 경계 계산 안정화 */
            min-height: 0;
        }

            main.drip-main-2025 section.drip-body .drip-body-content .left .content {
                will-change: auto;
                position: sticky;
                top: 160px;
                z-index: 1;
            }

                main.drip-main-2025 section.drip-body .drip-body-content .left .content .left-header {
                    font-family: 'Sen-Bold';
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 120%;
                    letter-spacing: -0.48px;
                    padding-bottom: 24px;
                    text-align: center;
                }

        main.drip-main-2025 section.drip-body .drip-body-content .right {
            font-family: 'Sen-Regular';
        }

        main.drip-main-2025 section.drip-body .drip-body-content > .left,
        main.drip-main-2025 section.drip-body .drip-body-content > .right {
            min-width: 0; /* ✅ 가로 오버플로우 방지 핵심 */
        }

        main.drip-main-2025 section.drip-body .drip-body-content .left .content .left-image {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 4px;
            overflow: hidden;
            object-position: center;
            z-index: 1;
            position: relative;
        }

        main.drip-main-2025 section.drip-body .drip-body-content .right * {
            padding-bottom: 16px;
        }

main.drip-main-2025 section.drip-body .drip-body-content .right h3 {
    font-size: 24px;
}

main.drip-main-2025 section.drip-body .drip-body-content .right ul {
    margin-left: 2.5vw;
}

main.drip-main-2025 section.drip-body .drip-body-content .right ol {
    list-style: decimal;
    margin-left: 10px;
}

main.drip-main-2025 section.drip-body .drip-body-content .right ul > li {
    list-style-type: disc;
    margin-left: 1vw;
}

main.drip-main-2025 section.drip-body .drip-body-content .right ol > li {
    list-style: decimal;
    margin-left: 1vw !important;
}


main.drip-main-2025 section.drip-body .drip-body-content .right ul {
    margin-left: 2.5vw;
}

main.drip-main-2025 section.drip-body .drip-body-content .right ol {
    list-style: decimal;
    margin-left: 10px;
}

main.drip-main-2025 section.drip-body .drip-body-content .right ul > li {
    list-style-type: disc;
    margin-left: 1vw;
}


main.drip-main-2025 section.cta-shop-now {
    background-image: url('/Files/templates/main-2025/images/store-cta-desktop.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #F1F1F1;
    position: relative;
}

    main.drip-main-2025 section.cta-shop-now .container {
        padding: 48px 152px;
        /*     max-width: 1136px;*/
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

        main.drip-main-2025 section.cta-shop-now .container h2 {
            color: var(--White, #F1F1F1);
            font-family: "Sen-Regular";
            font-size: 40px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            margin-bottom: 12px;
        }

        main.drip-main-2025 section.cta-shop-now .container p {
            color: #F1F1F1;
            font-family: "AnekLatin-Regular";
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
        }

        main.drip-main-2025 section.cta-shop-now .container .cta-left {
            width: calc(100% - 222px);
            max-width: 556px;
        }

        main.drip-main-2025 section.cta-shop-now .container .cta-right {
            width: 161px;
        }

    main.drip-main-2025 section.cta-shop-now button.contact-btn {
        font-family: 'Sen-Regular';
        display: flex;
        padding: 12px 16px;
        align-items: center;
        gap: 10px;
        background: #FFF;
        border: none;
        cursor: pointer;
        max-width: fit-content;
        text-decoration: none;
        color: var(--Dark, #333);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }

        main.drip-main-2025 section.cta-shop-now button.contact-btn:hover {
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #FFF;
        }

        main.drip-main-2025 section.cta-shop-now button.contact-btn img {
            width: 24px;
            height: 24px;
        }

@media (max-width: 1200px) {
    main.drip-main-2025 section.drip-header .rightyy {
        padding-left: 0px;
        padding-right: 0px;
        /*width: 48%;*/
    }

        main.drip-main-2025 section.drip-header .rightyy .image-section .mountainicon {
            max-width: 134px;
        }
}

@media (max-width: 1040px) {

    main.drip-main-2025 section.drip-header .cont {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    main.drip-main-2025 section.drip-header h1 {
        font-size: 34px;
    }

    main.drip-main-2025 section.drip-header h2 {
        font-size: 18px;
    }

    main.drip-main-2025 section.drip-header p {
        font-size: 20px;
    }

    main.drip-main-2025 section.drip-header .rightyy {
        padding-left: 0px;
        padding-right: 0px;
    }

        main.drip-main-2025 section.drip-header .rightyy .image-section .mountainicon {
            max-width: 134px;
        }

    main.drip-main-2025 section.drip-body .drip-body-content {
        grid-template-columns: unset;
        /*grid-template-rows: 1fr 1fr;*/
    }

    main.drip-main-2025 section.drip-body {
        padding-top: 34px;
        padding-bottom: 48px;
    }

    main.drip-main-2025 section.drip-body .drip-body-content .left .content {
        position: static;
        top: auto;
        transform: none !important;
    }

        main.drip-main-2025 section.drip-body .drip-body-content .left {
            justify-items: center;
        }

        main.drip-main-2025 section.drip-body .drip-body-content .right h3 {
            font-size: 20px;
        }



        main.drip-main-2025 section.cta-shop-now {
            background-image: url('/Files/templates/main-2025/images/store-cta-tablet.webp');
        }

        main.drip-main-2025 section.cta-shop-now .container {
            padding: 48px 32px;
        }

}


@media (max-width: 834px) {
    main.drip-main-2025 section.drip-header .cont {
        grid-template-rows: auto auto;
        grid-template-columns: unset;
        padding: 40px 24px;
        gap: 40px;
    }

        main.drip-main-2025 section.drip-header .cont .leftyy {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            order: 1;
        }

    main.drip-main-2025 section.drip-header h1 {
        margin-bottom: 24px;
    }

    main.drip-main-2025 section.drip-header .rightyy {
        width: 100%;
        padding: 0px;
    }

        main.drip-main-2025 section.drip-header .rightyy .image-section .mountainicon {
            max-width: 131px;
        }


    main.drip-main-2025 section.cta-shop-now {
        background-image: url('/Files/templates/main-2025/images/store-cta-mobile.webp');
    }

        main.drip-main-2025 section.cta-shop-now .container {
            flex-direction: column;
            padding: 64px 16px;
            align-items: flex-start;
        }

            main.drip-main-2025 section.cta-shop-now .container .cta-left,
            main.drip-main-2025 section.cta-shop-now .container .cta-right {
                width: 100%;
                max-width: 100%;
                text-align: left;
            }

            main.drip-main-2025 section.cta-shop-now .container .cta-left {
                padding-bottom: 20px;
            }

            main.drip-main-2025 section.cta-shop-now .container h2 {
                font-size: 28px;
            }

            main.drip-main-2025 section.cta-shop-now .container p {
                font-size: 16px;
            }

        main.drip-main-2025 section.cta-shop-now button.contact-btn {
            margin: 0;
        }
}