#allinone {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 90px;
}

    #allinone .tit_box span {
        display: block;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 12px;
    }

    #allinone .tit_box h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
    }

        #allinone .tit_box h2 b {
            color: var(--primary-500);
        }

    #allinone .section01 {
        position: relative;
        background: url(../../img/lagacy_landing/main_allinone_landing_01.webp) no-repeat center center;
        background-size: cover;
    }

        #allinone .section01 .inner {
            padding: 60px 24px 400px;
        }

        #allinone .section01 h2 {
            font-size: 32px;
            font-weight: 400;
            line-height: 40px;
        }

        #allinone .section01 .a_btn {
            display: inline-block;
            font-size: 18px;
            font-weight: 700;
            color: var(--white);
            line-height: 57px;
            padding: 0 24px;
            background: var(--primary-500);
            border-radius: 12px;
            margin-top: 24px;
        }

    #allinone .section02 {
        background: url(../../img/lagacy_landing/main_allinone_landing_02.webp) no-repeat center center, #F3F9FE;
        background-size: auto;
    }

        #allinone .section02 .inner {
            padding: 50px 24px;
        }

        #allinone .section02 .img_box {
            margin-top: 150px;
        }

    #allinone .section03 {
        background: #ffffff;
    }

        #allinone .section03 .inner {
            padding: 50px 24px;
        }

        #allinone .section03 .img_box {
            position: relative;
            margin-top: 24px;
        }

            #allinone .section03 .img_box::after {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 70px;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%);
                display: block;
                content: '';
                z-index: 1;
            }

    #allinone .section04 {
        position: relative;
    }

        #allinone .section04 .inner {
            position: relative;
            height: 130vw;
            max-height: 624px;
            min-height: 468px;
            padding: 50px 24px;
            z-index: 5;
        }

        #allinone .section04 .video_box {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            #allinone .section04 .video_box video {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                max-width: 480px;
            }

    #allinone .section05 {
        background: #ffffff;
    }

        #allinone .section05 .inner {
            padding: 50px 0;
        }

        #allinone .section05 .tit_box {
            margin-bottom: 24px;
        }

        #allinone .section05 .img_box {
            width: 100%;
            overflow: hidden;
        }

    #allinone .btn_confirm {
        display: none;
    }


#combination {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 90px;
}

    #combination .btn_confirm {
        display: none;
    }

    #combination .section01 {
        position: relative;
        background: url(../../img/lagacy_landing/main_combination_landing_01.webp) no-repeat center center;
        background-size: cover;
    }

        #combination .section01 .inner {
            padding: 60px 24px 400px;
        }

        #combination .section01 h2 {
            font-size: 32px;
            font-weight: 400;
            line-height: 40px;
        }

        #combination .section01 .a_btn {
            display: inline-block;
            font-size: 18px;
            font-weight: 700;
            color: var(--white);
            line-height: 57px;
            padding: 0 24px;
            background: var(--primary-500);
            border-radius: 12px;
            margin-top: 24px;
        }

    #combination .section02 {
        background: var(--white);
    }

        #combination .section02 .inner {
            padding: 50px 24px;
        }

        #combination .section02 .txt_box p {
            font-size: 24px;
            font-weight: 700;
        }

        #combination .section02 .dot {
            width: 8px;
            height: 30px;
            margin: 24px auto;
        }

            #combination .section02 .dot span {
                display: block;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: var(--gray-900);
                margin-bottom: 4px;
            }

                #combination .section02 .dot span:last-of-type {
                    margin-bottom: 0;
                }

        #combination .section02 .emoji_box {
            margin-top: 20px;
        }

            #combination .section02 .emoji_box img {
                margin: 0 2px;
            }

        #combination .section02 .review_box {
            margin-top: 30px;
        }

            #combination .section02 .review_box li {
                width: 100%;
                background: #F1F2F6;
                padding: 10px;
                border-radius: 12px;
                margin-bottom: 5px;
            }

                #combination .section02 .review_box li:last-of-type {
                    margin-bottom: 0;
                }

            #combination .section02 .review_box p {
                font-size: 16px;
                word-break: keep-all;
            }

            #combination .section02 .review_box span {
                display: block;
                font-size: 16px;
                color: rgba(34, 34, 34, 0.48);
                margin-top: 4px;
            }

    #combination .section03 {
        background: #F5F4F6;
    }

        #combination .section03 .inner {
            padding: 50px 24px;
        }

        #combination .section03 .img_box {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 24px;
        }

        #combination .section03 ul li {
            display: flex;
            width: 100%;
            padding: 16px;
            background: var(--white);
            border-radius: 12px;
            margin-bottom: 8px;
        }

            #combination .section03 ul li:last-of-type {
                margin-bottom: 0;
            }

            #combination .section03 ul li::before {
                width: 24px;
                height: 24px;
                content: '';
                display: block;
            }

            #combination .section03 ul li:nth-of-type(1)::before {
                background: url(../../img/lagacy_landing/main_combination_landing_08.svg) no-repeat center center;
                background-size: contain;
            }

            #combination .section03 ul li:nth-of-type(2)::before {
                background: url(../../img/lagacy_landing/main_combination_landing_09.svg) no-repeat center center;
                background-size: contain;
            }

            #combination .section03 ul li:nth-of-type(3)::before {
                background: url(../../img/lagacy_landing/main_combination_landing_10.svg) no-repeat center center;
                background-size: contain;
            }

            #combination .section03 ul li dl {
                width: calc(100% - 40px);
                text-align: left;
                margin-left: 16px;
            }

                #combination .section03 ul li dl dt {
                    font-size: 20px;
                    font-weight: 700;
                    margin-bottom: 6px;
                }

                #combination .section03 ul li dl dd {
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 19px;
                }

    #combination .section04 {
        background: var(--white);
    }

        #combination .section04 .inner {
            padding: 50px 0;
        }

        #combination .section04 h2 {
            font-size: 24px;
            font-weight: 700;
        }


#essential {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 90px;
}

    #essential .title {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 16px;
    }

    #essential .sub_txt {
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        margin-bottom: 24px;
    }

    #essential .section01 {
        position: relative;
    }

        #essential .section01 .inner {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            padding-top: 40px;
        }

        #essential .section01 h2 {
            font-size: 32px;
            font-weight: 700;
            line-height: 42px;
        }

    #essential .section02 {
        background: #ffffff;
    }

        #essential .section02 .inner {
            width: 320px;
            padding: 50px 0;
            margin: 0 auto;
        }

        #essential .section02 .package_info {
            display: flex;
            align-items: center;
            width: 216px;
            padding: 16px 8px;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0px 4px 20px 0px rgba(42, 173, 92, 0.15);
            margin: 0 auto 24px;
        }

            #essential .section02 .package_info .icon_box {
                width: 50px;
                height: 50px;
            }

            #essential .section02 .package_info dl {
                width: calc(100% - 66px);
                text-align: left;
                padding-top: 5px;
                margin-left: 16px;
            }

                #essential .section02 .package_info dl dt {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 20px;
                    margin-bottom: 5px;
                }

                #essential .section02 .package_info dl dd {
                    font-size: 12px;
                    font-weight: 500;
                    color: var(--gray-800);
                    line-height: 20px;
                }

        #essential .section02 .package_list {
            display: flex;
            justify-content: space-between;
            margin-bottom: 32px;
        }

            #essential .section02 .package_list span {
                display: inline-block;
                font-size: 20px;
                font-weight: 700;
                color: var(--primary-500);
                padding: 10px;
                background: rgba(42, 173, 92, 0.10);
                border-radius: 24px;
            }

        #essential .section02 .pill_box p {
            font-size: 18px;
            font-weight: 500;
            line-height: 23px;
        }

        #essential .section02 .pill_box ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 24px 0;
        }

            #essential .section02 .pill_box ul li {
                font-size: 14px;
                font-weight: 700;
                color: #6E7191;
                padding: 10px;
                background: #EFF0F6;
                border-radius: 19px;
                margin-bottom: 16px;
            }

        #essential .section02 .dot_box {
            width: 8px;
            margin: 0 auto;
        }

            #essential .section02 .dot_box span {
                display: block;
                width: 8px;
                height: 8px;
                background: #4E4E4E;
                border-radius: 50%;
                margin-bottom: 8px;
            }

                #essential .section02 .dot_box span:nth-of-type(2) {
                    opacity: 0.7;
                }

                #essential .section02 .dot_box span:nth-of-type(3) {
                    opacity: 0.3;
                    margin-bottom: 0;
                }

    #essential .section03 {
        background: #F4EEFF;
    }

        #essential .section03 .inner {
            padding: 50px 0;
        }

    #essential .section04 {
        background: #ffffff;
    }

        #essential .section04 .inner {
            padding: 50px 0 0;
        }

        #essential .section04 .img_box {
            width: 100%;
            overflow: hidden;
        }

    #essential .section05 {
        background: #ffffff;
    }

        #essential .section05 .inner {
            padding: 50px 0;
        }

        #essential .section05 .title {
            margin-bottom: 24px;
        }

        #essential .section05 .img_box {
            width: 100%;
            overflow: hidden;
        }

#recommend {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 90px;
}

    #recommend .section01 {
        background: #F2F1FB;
    }

        #recommend .section01 .inner {
            padding: 60px 0 100px;
        }

        #recommend .section01 h2 {
            font-size: 32px;
            font-weight: 700;
            line-height: 42px;
            margin-bottom: 60px;
        }

        #recommend .section01 .img_box {
            position: relative;
        }

            #recommend .section01 .img_box::after {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 70px;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #F2F1FB 100%);
                display: block;
                content: '';
                z-index: 1;
            }

    #recommend .section02 {
        background: #ffffff;
    }

        #recommend .section02 .inner {
            padding: 50px 24px;
        }

        #recommend .section02 h2 {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 24px;
        }

        #recommend .section02 .chat_box li {
            margin-bottom: 16px;
        }

            #recommend .section02 .chat_box li:nth-of-type(odd) {
                text-align: left;
            }

            #recommend .section02 .chat_box li:nth-of-type(even) {
                text-align: right;
            }

            #recommend .section02 .chat_box li:last-of-type {
                margin-bottom: 0;
            }

            #recommend .section02 .chat_box li strong {
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                color: var(--white);
                padding: 16px;
                border-radius: 25px;
            }

            #recommend .section02 .chat_box li:nth-of-type(odd) strong {
                background: rgba(34, 34, 34, 0.70);
            }

            #recommend .section02 .chat_box li:nth-of-type(even) strong {
                background: rgba(111, 85, 255, 0.80);
            }

        #recommend .section02 .dot_box {
            width: 8px;
            margin: 24px auto;
        }

            #recommend .section02 .dot_box span {
                display: block;
                width: 8px;
                height: 8px;
                background: #4E4E4E;
                border-radius: 50%;
                margin-bottom: 8px;
            }

                #recommend .section02 .dot_box span:nth-of-type(2) {
                    opacity: 0.7;
                }

                #recommend .section02 .dot_box span:nth-of-type(3) {
                    opacity: 0.3;
                    margin-bottom: 0;
                }

        #recommend .section02 p {
            font-size: 20px;
            font-weight: 700;
            line-height: 26px;
            padding: 16px;
        }

    #recommend .section03 {
        background: #F4EEFF;
    }

        #recommend .section03 .inner {
            padding: 50px 0;
        }

        #recommend .section03 h2 {
            font-size: 28px;
            font-weight: 700;
            line-height: 42px;
            margin-bottom: 24px;
        }

            #recommend .section03 h2 strong {
                font-size: 36px;
                color: var(--primary-500);
            }

        #recommend .section03 .main_slider {
            width: calc(100% - 48px);
            margin: 0 auto;
        }

            #recommend .section03 .main_slider .swiper-slide {
                width: 300px;
                text-align: left;
                padding: 24px;
                background: #ffffff;
                border-radius: 24px;
                box-shadow: 0px 4px 20px 0px rgba(42, 173, 92, 0.10);
                overflow: hidden;
                margin-right: 16px;
            }

            #recommend .section03 .main_slider .img_box {
                width: 100%;
                overflow: hidden;
                margin-bottom: 16px;
            }

            #recommend .section03 .main_slider .txt_box {
                height: 200px;
                overflow: hidden;
            }

            #recommend .section03 .main_slider .tag_box span {
                display: inline-block;
                font-size: 12px;
                font-weight: 600;
                color: #6E7191;
                line-height: 24px;
                padding: 0 8px;
                background: #EFF0F6;
                border-radius: 12px;
                margin: 0 7px 8px 0;
            }

            #recommend .section03 .main_slider dl dt {
                font-size: 24px;
                font-weight: 600;
                margin-bottom: 8px;
            }

            #recommend .section03 .main_slider dl dd {
                font-size: 17px;
                font-weight: 500;
                line-height: 24px;
                letter-spacing: -0.3px;
            }

                #recommend .section03 .main_slider dl dd b {
                    position: relative;
                    display: inline-block;
                    font-weight: 500;
                    z-index: 1;
                }

                    #recommend .section03 .main_slider dl dd b::before {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        height: 6px;
                        background: rgba(111, 85, 255, 0.30);
                        content: '';
                        display: block;
                        z-index: -1;
                    }

    #recommend .section04 {
        background: #F5F4F6;
    }

        #recommend .section04 .inner {
            padding: 50px 24px;
        }

        #recommend .section04 h2 {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 24px;
        }

        #recommend .section04 .img_box {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 24px;
        }

        #recommend .section04 ul li {
            display: flex;
            width: 100%;
            padding: 16px;
            background: #ffffff;
            border-radius: 12px;
            margin-bottom: 8px;
        }

            #recommend .section04 ul li:last-of-type {
                margin-bottom: 0;
            }

            #recommend .section04 ul li::before {
                width: 24px;
                height: 24px;
                content: '';
                display: block;
            }

            #recommend .section04 ul li:nth-of-type(1)::before {
                background: url(../../img/lagacy_landing/main_combination_landing_05.svg) no-repeat center center;
                background-size: contain;
            }

            #recommend .section04 ul li:nth-of-type(2)::before {
                background: url(../../img/lagacy_landing/main_combination_landing_06.svg) no-repeat center center;
                background-size: contain;
            }

            #recommend .section04 ul li:nth-of-type(3)::before {
                background: url(../../img/lagacy_landing/main_combination_landing_07.svg) no-repeat center center;
                background-size: contain;
            }

            #recommend .section04 ul li dl {
                width: calc(100% - 40px);
                text-align: left;
                margin-left: 16px;
            }

                #recommend .section04 ul li dl dt {
                    font-size: 20px;
                    font-weight: 700;
                    margin-bottom: 6px;
                }

                #recommend .section04 ul li dl dd {
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 19px;
                }

    #recommend .section05 {
        background: #ffffff;
    }

        #recommend .section05 .inner {
            padding: 50px 24px;
        }

        #recommend .section05 h2 {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 24px;
        }

        #recommend .section05 .img_box {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
        }


@keyframes ani_scan {
    0% {
        top: 15px;
    }

    20% {
        top: 15px;
    }

    35% {
        top: 130px;
    }

    65% {
        top: 130px;
    }

    80% {
        top: 15px;
    }

    100% {
        top: 15px;
    }
}

@keyframes ani_scale {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    20% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    28% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    87% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    95% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}

@keyframes ani_scale2 {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    52% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    60% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    88% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    96% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}


#checkUp,
#customization {
    position: relative;
    padding-bottom: 119px;
}

    #checkUp .btn_confirm,
    #customization .btn_confirm {
        display: none;
    }

    #checkUp section .inner,
    #customization section .inner {
        padding: 56px 20px 40px;
    }

    #checkUp .flex,
    #customization .flex {
        display: flex;
    }

    #checkUp .tab_bar_wrap.scroll_x_slider,
    #customization .tab_bar_wrap.scroll_x_slider {
        padding: 0 20px;
    }

    #checkUp .tab_bar_wrap,
    #customization .tab_bar_wrap {
        position: relative;
        width: 100%;
        max-width: 480px;
        text-align: center;
        background: var(--white);
        border-bottom: 2px solid var(--gray-400);
        margin-top: 16px;
    }

        #checkUp .tab_bar_wrap.type_fixed,
        #customization .tab_bar_wrap.type_fixed {
            position: absolute;
        }

    #checkUp .tab_cont_wrap .tab_cont,
    #customization .tab_cont_wrap .tab_cont {
        display: none;
    }

        #checkUp .tab_cont_wrap .tab_cont.active,
        #customization .tab_cont_wrap .tab_cont.active {
            display: block;
        }

    #checkUp .tab_bar_wrap.scroll_x_slider .swiper-slide,
    #customization .tab_bar_wrap.scroll_x_slider .swiper-slide {
        width: auto;
    }

    #checkUp .tab_bar_wrap .tab_item.active,
    #customization .tab_bar_wrap .tab_item.active {
        font-weight: 700;
        color: var(--gray-900);
    }

    #checkUp .tab_bar_wrap .tab_item,
    #customization .tab_bar_wrap .tab_item {
        position: relative;
        font-size: 16px;
        font-weight: 400;
        color: var(--gray-800);
        line-height: 22px;
        padding: 16px 8px;
        display: inline-block;
        cursor: pointer;
    }

    #checkUp .tab_bar_wrap .flex .tab_item,
    #customization .tab_bar_wrap .flex .tab_item {
        flex: 1;
    }

    #checkUp .tab_bar_wrap .tab_item.active::after,
    #customization .tab_bar_wrap .tab_item.active::after {
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background: var(--gray-900);
        content: '';
        display: block;
        z-index: 1;
    }

    /* 메인 비주얼 */
    #checkUp .main_visual {
        position: relative;
        width: 100%;
        background: var(--gray-400);
        overflow: hidden;
    }

        #checkUp .main_visual .inner {
            text-align: center;
        }

            #checkUp .main_visual .inner > span {
                font-size: 20px;
                font-weight: 400;
                color: var(--black);
                line-height: 24px;
            }

            #checkUp .main_visual .inner > h2 {
                width: 278px;
                height: 68px;
                background: url(../../img/lagacy_landing/main_checkup_landing_01.svg) no-repeat center center;
                background-size: contain;
                text-indent: -9999px;
                overflow: hidden;
                margin: 4px auto 0;
            }

        #checkUp .main_visual .ani_wrap {
            position: relative;
            width: 100%;
            margin-top: 24px;
        }

            #checkUp .main_visual .ani_wrap > span {
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
                display: block;
            }

                #checkUp .main_visual .ani_wrap > span.pill01 {
                    left: 50%;
                    width: 230px;
                    height: 111px;
                    background: url(../../img/lagacy_landing/main_checkup_landing_02.png) no-repeat center center;
                    background-size: contain;
                    animation: ani_scale 4.5s ease infinite;
                }

                #checkUp .main_visual .ani_wrap > span.pill02 {
                    left: 48.5%;
                    width: 240px;
                    height: 122px;
                    background: url(../../img/lagacy_landing/main_checkup_landing_03.png) no-repeat center center;
                    background-size: contain;
                    animation: ani_scale2 4.5s ease infinite;
                }

        #checkUp .main_visual .img_box {
            position: relative;
            width: 142px;
            height: 162px;
            background: url(../../img/lagacy_landing/main_checkup_landing_04.png) no-repeat center center;
            background-size: contain;
            margin: 0 auto;
            z-index: 5;
        }

            #checkUp .main_visual .img_box .scaner {
                position: absolute;
                left: 11.5px;
                top: 15px;
                width: calc(100% - 23px);
                height: 23px;
                background: linear-gradient(180deg, rgba(41, 125, 251, 0.46) 9.48%, rgba(255, 255, 255, 0.00) 100%);
                border-top: 2px solid var(--blue);
                z-index: 10;
                animation: ani_scan 3s ease infinite;
            }

        #checkUp .main_visual .btn_main_box {
            margin-top: 42px;
        }

    #checkUp .btn_main_box a{
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        padding: 16px 20px;
        border-radius: 10px;
        display: block;
    }

    #checkUp .main_visual .btn_main_box .message_box {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        padding: 8px 24px;
        background: rgba(230, 240, 255, 0.68);
        border-radius: 20px;
        display: inline-block;
        margin-bottom: 8px;
    }

        #checkUp .main_visual .btn_main_box .message_box b {
            font-weight: 700;
            color: var(--blue);
        }

    #checkUp .why_section {
        background: var(--primary-700);
    }

        #checkUp .why_section .inner {
            padding: 32px 20px;
        }

            #checkUp .why_section .inner > span {
                width: 63px;
                height: 29px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='29' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.5 29c3.175 0 6.112-1.02 8.5-2.751A14.435 14.435 0 0 0 31.5 29c3.175 0 6.112-1.02 8.5-2.751A14.435 14.435 0 0 0 48.5 29C56.508 29 63 22.508 63 14.5S56.508 0 48.5 0c-3.175 0-6.112 1.02-8.5 2.751A14.435 14.435 0 0 0 31.5 0c-3.175 0-6.112 1.02-8.5 2.751A14.435 14.435 0 0 0 14.5 0C6.492 0 0 6.492 0 14.5S6.492 29 14.5 29Z' clip-rule='evenodd'/%3E%3Cpath fill='%230A6B2F' d='M13.12 8.492h2.814l1.54 8.218 1.778-8.218h2.772l1.792 8.218 1.526-8.218h2.8l-2.8 12.264H22.43l-1.792-7.938-1.736 7.938H15.99L13.12 8.492Zm15.932-.014h2.744v4.816h3.822V8.478h2.744v12.278h-2.744v-5.082h-3.822v5.082h-2.744V8.478Zm14.17 8.204-3.948-8.204h2.954l2.38 5.446 2.31-5.446h2.968l-3.948 8.316v3.962h-2.716v-4.074Z'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                text-indent: -9999px;
                overflow: hidden;
                display: block;
                margin: 4px auto 0;
            }

            #checkUp .why_section .inner > h2 {
                font-size: 20px;
                font-weight: 400;
                color: var(--white);
                line-height: 28px;
                text-align: center;
                margin-top: 16px;
            }

                #checkUp .why_section .inner > h2 b {
                    font-weight: 700;
                    color: #ffffff;
                }

        #checkUp .why_section ul {
            width: 320px;
            margin: 32px auto 0;
        }

            #checkUp .why_section ul li {
                display: flex;
                align-items: center;
                width: 100%;
                padding: 18px 24px;
                background: var(--white);
                border-radius: 12px;
                margin-bottom: 12px;
            }

                #checkUp .why_section ul li:last-of-type{
                    margin-bottom: 0;
                }

                #checkUp .why_section ul li i{
                    margin-right: 24px;
                }

                #checkUp .why_section ul li p {
                    font-size: 16px;
                    font-weight: 400;
                    color: var(--black);
                    line-height: 24px;
                }

                    #checkUp .why_section ul li p b{
                        font-weight: 700;
                        color: var(--primary-500);
                    }


    #customization .main_visual {
        position: relative;
        width: 100%;
        background: url(../../img/lagacy_landing/main_customization_landing.png) no-repeat center bottom;
        background-size: cover;
        overflow: hidden;
    }

#customization .main_visual .inner {
    text-align: center;
}

#customization .main_visual h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
}

#customization .main_visual .btn_main_box {
    margin-top: 220px;
}

    #customization .btn_main_box a {
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        padding: 16px 20px;
        border-radius: 10px;
        display: block;
    }

        #customization .btn_main_box a.eff_shadow {
            box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.20);
        }

#customization .main_visual .btn_main_box .message_box {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 24px;
    background: rgba(250, 239, 232, 0.6);
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 8px;
}

#customization .main_visual .btn_main_box .message_box b {
    font-weight: 700;
    color: var(--state-red);
}



    /* 추천 영양제 패키지 */
    #checkUp .package_section,
    #customization .package_section {
        background: var(--gray-300);
    }

    #checkUp .package_list_box,
    #customization .package_list_box {
        display: flex;
        flex-wrap: wrap;
        margin-top: 24px;
    }


    #checkUp .package_section .inner > h2,
    #customization .package_section .inner > h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -0.3px;
        word-break: keep-all;
    }


    #checkUp .package_section .inner > p,
    #customization .package_section .inner > p {
        font-size: 16px;
        line-height: 22px;
        color: var(--gray-800);
        margin-top: 4px;
    }

    #checkUp .package_list_box li,
    #customization .package_list_box li {
        width: calc(33.33% - 10px);
        margin-right: 12px;
    }

        #checkUp .package_list_box li:nth-of-type(3n),
        #customization .package_list_box li:nth-of-type(3n) {
            margin-right: 0;
        }

        #checkUp .package_list_box li:nth-of-type(n+4),
        #customization .package_list_box li:nth-of-type(n+4) {
            margin-top: 12px;
        }

    #checkUp .package_list_box a,
    #customization .package_list_box a {
        width: 100%;
        padding: 12px 12px 14px;
        text-align: center;
        background: var(--white);
        border-radius: 8px;
        display: block;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    }

    #checkUp .package_list_box span,
    #customization .package_list_box span {
        display: inline-block;
        width: 40px;
        height: 40px;
    }

    #checkUp .package_list_box a p,
    #customization .package_list_box a p {
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        color: var(--gray-900);
        font-family: 'Pretendard';
        font-style: normal;
    }

    #checkUp .package_list_box .icon_package_require,
    #customization .package_list_box .icon_package_require {
        background: url(../../img/custom/custom_icon/type_icon01.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_menses,
    #customization .package_list_box .icon_package_menses {
        background: url(../../img/custom/custom_icon/type_icon06.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_liver,
    #customization .package_list_box .icon_package_liver {
        background: url(../../img/custom/custom_icon/type_icon08.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_digest,
    #customization .package_list_box .icon_package_digest {
        background: url(../../img/custom/custom_icon/type_icon11.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_bone,
    #customization .package_list_box .icon_package_bone {
        background: url(../../img/custom/custom_icon/type_icon07.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_energe,
    #customization .package_list_box .icon_package_energe {
        background: url(../../img/custom/custom_icon/type_icon02.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_immune,
    #customization .package_list_box .icon_package_immune {
        background: url(../../img/custom/custom_icon/type_icon03.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_diet,
    #customization .package_list_box .icon_package_diet {
        background: url(../../img/custom/custom_icon/type_icon12.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_sleep,
    #customization .package_list_box .icon_package_sleep {
        background: url(../../img/custom/custom_icon/type_icon05.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_beauty,
    #customization .package_list_box .icon_package_beauty {
        background: url(../../img/package/type/icon_package_beauty.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_skin,
    #customization .package_list_box .icon_package_skin {
        background: url(../../img/custom/custom_icon/type_icon13.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_hair,
    #customization .package_list_box .icon_package_hair {
        background: url(../../img/custom/custom_icon/type_icon04.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_blood,
    #customization .package_list_box .icon_package_blood {
        background: url(../../img/custom/custom_icon/type_icon09.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_concent,
    #customization .package_list_box .icon_package_concent {
        background: url(../../img/custom/custom_icon/type_icon14.svg) no-repeat center center;
        background-size: contain;
    }

    #checkUp .package_list_box .icon_package_sugar,
    #customization .package_list_box .icon_package_sugar {
        background: url(../../img/custom/custom_icon/type_icon10.svg) no-repeat center center;
        background-size: contain;
    }


    #checkUp .package_list_box .icon_package_sky,
    #customization .package_list_box .icon_package_sky {
        background: url(../../img/custom/custom_icon/type_icon15.svg) no-repeat center center;
        background-size: contain;
    }


    #checkUp .btn_sub_box,
    #customization .btn_sub_box {
        width: 100%;
        text-align: center;
        margin-top: 16px;
    }

        #checkUp .btn_sub_box button,
        #customization .btn_sub_box button,
        #checkUp .btn_sub_box a,
        #customization .btn_sub_box a {
            width: 100%;
            font-size: 16px;
            font-weight: 400;
            color: var(--gray-800);
            line-height: 22px;
            padding: 12px;
            background: var(--white);
            border: 1px solid var(--gray-600);
            border-radius: 10px;
            display: block;
        }

            #checkUp .btn_sub_box button.arw_down::after,
            #customization .btn_sub_box button.arw_down::after {
                width: 18px;
                height: 18px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none'%3E%3Cpath fill='%23757575' fill-rule='evenodd' d='M2.944 5.23a.608.608 0 0 1 .867.029L9.5 11.407l5.689-6.148a.608.608 0 0 1 .867-.028c.247.234.26.628.028.878l-6.136 6.632a.61.61 0 0 1-.896 0L2.916 6.109a.627.627 0 0 1 .028-.878Z' clip-rule='evenodd'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                content: '';
                display: inline-block;
                vertical-align: -3px;
                margin-left: 6px;
            }

            #checkUp .btn_sub_box button.arw_down.active::after,
            #customization .btn_sub_box button.arw_down.active::after {
                transform: rotate(180deg);
            }

            #checkUp .btn_sub_box a.arw_right::after,
            #customization .btn_sub_box a.arw_right::after {
                width: 18px;
                height: 18px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none'%3E%3Cpath fill='%23757575' fill-rule='evenodd' d='M5.73 15.556a.608.608 0 0 1 .029-.867L11.907 9 5.759 3.311a.608.608 0 0 1-.028-.867.627.627 0 0 1 .878-.028l6.632 6.136a.61.61 0 0 1 0 .896l-6.632 6.136a.628.628 0 0 1-.878-.028Z' clip-rule='evenodd'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                content: '';
                display: inline-block;
                vertical-align: -3px;
                margin-left: 6px;
            }

    /* 지금 필그램 구독자가 많이 찾는 영양제 */
    #checkUp .product_section .inner,
    #customization .product_section .inner {
        position: relative;
        padding: 56px 0 0;
    }

    #checkUp .product_section .title_box,
    #customization .product_section .title_box {
        position: relative;
        padding: 0 20px;
    }

        #checkUp .product_section .title_box h2,
        #customization .product_section .title_box h2 {
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: -0.3px;
            word-break: keep-all;
        }

        #checkUp .product_section .title_box > .btn_product_more,
        #customization .product_section .title_box > .btn_product_more {
            position: absolute;
            right: 20px;
            bottom: 0;
            font-size: 14px;
            font-weight: 400;
            color: var(--gray-800);
            line-height: 18px;
            display: inline-block;
        }

            #checkUp .product_section .title_box > .btn_product_more::after,
            #customization .product_section .title_box > .btn_product_more::after {
                width: 18px;
                height: 18px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none'%3E%3Cpath fill='%23757575' fill-rule='evenodd' d='M5.73 15.556a.608.608 0 0 1 .029-.867L11.907 9 5.759 3.311a.608.608 0 0 1-.028-.867.627.627 0 0 1 .878-.028l6.632 6.136a.61.61 0 0 1 0 .896l-6.632 6.136a.628.628 0 0 1-.878-.028Z' clip-rule='evenodd'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                vertical-align: -4px;
                content: '';
                display: inline-block;
            }

    #checkUp .product_section .sub_tab_nav,
    #customization .product_section .sub_tab_nav {
        padding: 20px 20px 12px 20px;
    }

        #checkUp .product_section .sub_tab_nav ul,
        #customization .product_section .sub_tab_nav ul {
            display: flex;
            flex-wrap: wrap;
        }

            #checkUp .product_section .sub_tab_nav ul li,
            #customization .product_section .sub_tab_nav ul li {
                font-size: 14px;
                color: var(--gray-800);
                line-height: 18px;
                padding: 8px 16px;
                background: var(--gray-300);
                border-radius: 16px;
                margin: 0 8px 8px 0;
                cursor: pointer;
            }

                #checkUp .product_section .sub_tab_nav ul li.active,
                #customization .product_section .sub_tab_nav ul li.active {
                    font-weight: 700;
                    color: var(--primary-500);
                    background: #f1fbf5;
                }

    #checkUp .product_section .product_list_box,
    #customization .product_section .product_list_box {
        padding: 20px 20px 40px;
        background: var(--gray-300);
    }


    #checkUp .product_list_box ul > li,
    #customization .product_list_box ul > li {
        margin-bottom: 8px;
    }

        #checkUp .product_list_box ul > li:last-of-type,
        #customization .product_list_box ul > li:last-of-type {
            margin-bottom: 0;
        }

        #checkUp .product_list_box ul > li > a,
        #customization .product_list_box ul > li > a {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding: 20px 16px;
            background: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
        }

    #checkUp .product_list_box .img_box,
    #customization .product_list_box .img_box {
        position: relative;
        width: 72px;
        height: 72px;
        min-width: 72px;
        overflow: hidden;
        margin-right: 20px;
    }

        #checkUp .product_list_box .img_box img,
        #customization .product_list_box .img_box img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 240%;
            max-width: 240%;
        }

    #checkUp .product_list_box .info_box,
    #customization .product_list_box .info_box {
        flex: 1;
    }

        #checkUp .product_list_box .info_box .brand,
        #customization .product_list_box .info_box .brand {
            font-size: 14px;
            color: var(--gray-900);
            display: block;
            margin-bottom: 4px;
        }

        #checkUp .product_list_box .info_box .name,
        #customization .product_list_box .info_box .name {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            color: var(--gray-900);
        }

        #checkUp .product_list_box .info_box .unit,
        #customization .product_list_box .info_box .unit {
            font-size: 14px;
            color: var(--gray-800);
            line-height: 18px;
            margin-top: 2px;
        }

        #checkUp .product_list_box .info_box .star,
        #customization .product_list_box .info_box .star {
            display: flex;
        }

            #checkUp .product_list_box .info_box .star img,
            #customization .product_list_box .info_box .star img {
                width: 12px;
                height: 12px;
                margin: 1px 2px 0 0;
            }

            #checkUp .product_list_box .info_box .star span,
            #customization .product_list_box .info_box .star span {
                display: inline-block;
            }

        #checkUp .product_list_box .info_box .tag_list,
        #customization .product_list_box .info_box .tag_list {
            margin-top: 12px;
        }

            #checkUp .product_list_box .info_box .tag_list span,
            #customization .product_list_box .info_box .tag_list span {
                display: inline-block;
                font-size: 13px;
                font-weight: 400;
                color: #297DFB;
                line-height: 14px;
                padding: 6px;
                background: #E6F0FF;
                border-radius: 4px;
                margin-right: 2px;
            }

    /* soldout */
    #checkUp .product_list_box .soldout,
    #customization .product_list_box .soldout {
        pointer-events: none;
    }

        #checkUp .product_list_box .soldout::before,
        #customization .product_list_box .soldout::before {
            position: absolute;
            left: 12px;
            top: 12px;
            font-size: 13px;
            font-weight: 700;
            color: var(--gray-800);
            line-height: 24px;
            padding: 0 12px;
            background: var(--gray-400);
            border-radius: 20px;
            content: '판매 중지';
            display: inline-block;
            z-index: 1;
        }

        #checkUp .product_list_box .soldout .img_box,
        #customization .product_list_box .soldout .info_box {
            opacity: 0.5;
        }


    /* 실시간 구독자 베스트 후기 */
    #checkUp .review_section .review_total,
    #customization .review_section .review_total {
        display: flex;
        align-items: center;
    }

    #checkUp .review_section .star_box,
    #customization .review_section .star_box {
        display: inline-block;
    }

        #checkUp .review_section .star_box .star,
        #customization .review_section .star_box .star {
            position: relative;
            width: 88px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='16' fill='none'%3E%3Cpath fill='%23DDD' d='M7.572.712a.5.5 0 0 1 .856 0l2.096 3.482a.5.5 0 0 0 .316.23l3.959.916a.5.5 0 0 1 .265.815L12.4 9.225a.5.5 0 0 0-.121.37l.351 4.05a.5.5 0 0 1-.693.503l-3.742-1.585a.5.5 0 0 0-.39 0l-3.742 1.585a.5.5 0 0 1-.693-.504l.351-4.049a.5.5 0 0 0-.12-.37L.935 6.154a.5.5 0 0 1 .265-.815l3.96-.917a.5.5 0 0 0 .315-.229L7.572.712ZM25.572.712a.5.5 0 0 1 .856 0l2.096 3.482a.5.5 0 0 0 .316.23l3.959.916a.5.5 0 0 1 .265.815L30.4 9.225a.5.5 0 0 0-.121.37l.351 4.05a.5.5 0 0 1-.693.503l-3.742-1.585a.5.5 0 0 0-.39 0l-3.742 1.585a.5.5 0 0 1-.693-.504l.351-4.049a.5.5 0 0 0-.12-.37l-2.665-3.07a.5.5 0 0 1 .265-.815l3.96-.917a.5.5 0 0 0 .315-.229L25.572.712ZM43.572.712a.5.5 0 0 1 .856 0l2.096 3.482a.5.5 0 0 0 .316.23l3.959.916a.5.5 0 0 1 .265.815L48.4 9.225a.5.5 0 0 0-.121.37l.351 4.05a.5.5 0 0 1-.693.503l-3.742-1.585a.5.5 0 0 0-.39 0l-3.742 1.585a.5.5 0 0 1-.693-.504l.351-4.049a.5.5 0 0 0-.12-.37l-2.665-3.07a.5.5 0 0 1 .265-.815l3.96-.917a.5.5 0 0 0 .315-.229L43.572.712ZM61.572.712a.5.5 0 0 1 .856 0l2.096 3.482a.5.5 0 0 0 .316.23l3.959.916a.5.5 0 0 1 .265.815L66.4 9.225a.5.5 0 0 0-.121.37l.351 4.05a.5.5 0 0 1-.693.503l-3.742-1.585a.5.5 0 0 0-.39 0l-3.742 1.585a.5.5 0 0 1-.693-.504l.351-4.049a.5.5 0 0 0-.12-.37l-2.665-3.07a.5.5 0 0 1 .265-.815l3.96-.917a.5.5 0 0 0 .315-.229L61.572.712ZM79.572.712a.5.5 0 0 1 .856 0l2.096 3.482a.5.5 0 0 0 .316.23l3.959.916a.5.5 0 0 1 .265.815L84.4 9.225a.5.5 0 0 0-.121.37l.351 4.05a.5.5 0 0 1-.693.503l-3.742-1.585a.5.5 0 0 0-.39 0l-3.742 1.585a.5.5 0 0 1-.693-.504l.351-4.049a.5.5 0 0 0-.12-.37l-2.665-3.07a.5.5 0 0 1 .265-.815l3.96-.917a.5.5 0 0 0 .315-.229L79.572.712Z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            vertical-align: middle;
            display: inline-block;
        }

        #checkUp .review_section .star_box .numb,
        #customization .review_section .star_box .numb {
            font-size: 14px;
            font-weight: 400;
            color: var(--gray-800);
            line-height: 16px;
            vertical-align: middle;
            display: inline-block;
        }

        #checkUp .review_section .star_box .star.large,
        #customization .review_section .star_box .star.large {
            width: 108px;
        }

        #checkUp .review_section .star_box .star.type05::after,
        #customization .review_section .star_box .star.type05::after {
            width: 100%;
        }

        #checkUp .review_section .star_box .star::after,
        #customization .review_section .star_box .star::after {
            position: absolute;
            left: 0;
            top: 0;
            width: 0%;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='20' fill='none'%3E%3Cg fill='%23F6A000' clip-path='url(%23a)'%3E%3Cpath d='M9.572.712a.5.5 0 0 1 .856 0l2.754 4.576a.5.5 0 0 0 .316.23l5.203 1.204a.5.5 0 0 1 .265.815l-3.501 4.033a.5.5 0 0 0-.12.371l.461 5.321a.5.5 0 0 1-.693.504l-4.918-2.083a.5.5 0 0 0-.39 0l-4.918 2.083a.5.5 0 0 1-.693-.503l.462-5.322a.5.5 0 0 0-.12-.37L1.033 7.536a.5.5 0 0 1 .265-.815l5.203-1.205a.5.5 0 0 0 .316-.229L9.572.712ZM31.572.712a.5.5 0 0 1 .856 0l2.754 4.576a.5.5 0 0 0 .316.23l5.203 1.204a.5.5 0 0 1 .265.815l-3.501 4.033a.5.5 0 0 0-.12.371l.461 5.321a.5.5 0 0 1-.693.504l-4.918-2.083a.5.5 0 0 0-.39 0l-4.918 2.083a.5.5 0 0 1-.693-.503l.462-5.322a.5.5 0 0 0-.12-.37l-3.502-4.034a.5.5 0 0 1 .265-.815l5.203-1.205a.5.5 0 0 0 .316-.229L31.572.712ZM53.572.712a.5.5 0 0 1 .856 0l2.754 4.576a.5.5 0 0 0 .316.23l5.203 1.204a.5.5 0 0 1 .265.815l-3.501 4.033a.5.5 0 0 0-.12.371l.461 5.321a.5.5 0 0 1-.693.504l-4.918-2.083a.5.5 0 0 0-.39 0l-4.918 2.083a.5.5 0 0 1-.693-.503l.462-5.322a.5.5 0 0 0-.12-.37l-3.502-4.034a.5.5 0 0 1 .265-.815l5.203-1.205a.5.5 0 0 0 .316-.229L53.572.712ZM75.572.712a.5.5 0 0 1 .856 0l2.754 4.576a.5.5 0 0 0 .316.23l5.203 1.204a.5.5 0 0 1 .265.815l-3.501 4.033a.5.5 0 0 0-.12.371l.461 5.321a.5.5 0 0 1-.693.504l-4.918-2.083a.5.5 0 0 0-.39 0l-4.918 2.083a.5.5 0 0 1-.693-.503l.462-5.322a.5.5 0 0 0-.12-.37l-3.502-4.034a.5.5 0 0 1 .265-.815l5.203-1.205a.5.5 0 0 0 .316-.229L75.572.712ZM97.572.712a.5.5 0 0 1 .856 0l2.754 4.576c.07.116.184.199.316.23l5.203 1.204a.5.5 0 0 1 .265.815l-3.501 4.033a.502.502 0 0 0-.121.371l.462 5.321a.5.5 0 0 1-.693.504l-4.918-2.083a.5.5 0 0 0-.39 0l-4.918 2.083a.5.5 0 0 1-.693-.503l.462-5.322a.5.5 0 0 0-.12-.37l-3.502-4.034a.5.5 0 0 1 .265-.815l5.203-1.205a.5.5 0 0 0 .316-.229L97.572.712Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h108v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            content: '';
            display: block;
            z-index: 1;
        }

    #checkUp .review_section .review_total .text,
    #customization .review_section .review_total .text {
        display: inline-block;
        font-size: 18px;
        line-height: 24px;
        color: var(--gray-800);
        margin-left: 4px;
    }

        #checkUp .review_section .review_total .text em,
        #customization .review_section .review_total .text em {
            font-weight: 700;
            color: var(--gray-900);
        }

    #checkUp .review_section .inner h2,
    #customization .review_section .inner h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -0.3px;
        word-break: keep-all;
    }

    #checkUp .review_list_box,
    #customization .review_list_box {
        margin-top: 24px;
    }

        #checkUp .review_list_box ul,
        #customization .review_list_box ul {
            margin-top: 16px;
        }

            #checkUp .review_list_box ul > li,
            #customization .review_list_box ul > li {
                border-radius: 8px;
                overflow: hidden;
                margin-bottom: 12px;
            }

                #checkUp .review_list_box ul > li:last-of-type,
                #customization .review_list_box ul > li:last-of-type {
                    margin-bottom: 0;
                }

            #checkUp .review_list_box ul li .img_box,
            #customization .review_list_box ul li .img_box {
                position: relative;
                width: 100%;
                height: 132px;
                overflow: hidden;
            }

                #checkUp .review_list_box ul li .img_box .badge,
                #customization .review_list_box ul li .img_box .badge {
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 26px;
                    font-size: 13px;
                    font-weight: 700;
                    color: var(--primary-500);
                    line-height: 26px;
                    padding: 0 12px;
                    background: #f1fbf5;
                    border-bottom-right-radius: 8px;
                }

                #checkUp .review_list_box ul li .img_box img,
                #customization .review_list_box ul li .img_box img {
                    border-top-left-radius: 10px;
                }

            #checkUp .review_list_box ul li .info_box,
            #customization .review_list_box ul li .info_box {
                position: relative;
                padding: 12px 12px 22px;
                background: var(--gray-300);
            }


                #checkUp .review_list_box ul li .info_box dl,
                #customization .review_list_box ul li .info_box dl {
                    margin-top: 12px;
                }

                #checkUp .review_list_box ul li .info_box .text dt,
                #customization .review_list_box ul li .info_box .text dt {
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 22px;
                }

                #checkUp .review_list_box ul li .info_box .text dd,
                #customization .review_list_box ul li .info_box .text dd {
                    max-height: 40px;
                    font-size: 14px;
                    font-weight: 400;
                    color: var(--gray-800);
                    line-height: 18px;
                    overflow: hidden;
                    white-space: normal;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    word-break: keep-all;
                    margin-top: 4px;
                }

                #checkUp .review_list_box ul li .info_box .name,
                #customization .review_list_box ul li .info_box .name {
                    font-size: 13px;
                    font-weight: 400;
                    color: var(--gray-600);
                    line-height: 15px;
                    margin-top: 16px;
                }

                #checkUp .review_list_box ul li .info_box .btn_review_detail,
                #customization .review_list_box ul li .info_box .btn_review_detail {
                    position: absolute;
                    right: 12px;
                    bottom: 22px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #297DFB;
                    line-height: 18px;
                    display: inline-block;
                }

                    #checkUp .review_list_box ul li .info_box .btn_review_detail::after,
                    #customization .review_list_box ul li .info_box .btn_review_detail::after {
                        width: 18px;
                        height: 18px;
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23297DFB' fill-rule='evenodd' d='M5.47 14.78a.75.75 0 0 1 0-1.06L10.19 9 5.47 4.28a.75.75 0 0 1 1.06-1.06l5.25 5.25a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 0 1-1.06 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: contain;
                        vertical-align: -4px;
                        content: '';
                        display: inline-block;
                    }


    /* 나에게 맞는 맞춤 영양제 만드는 방법 */
    #checkUp .service_section,
    #customization .service_section {
        position: relative;
        background: var(--gray-300);
    }

        #checkUp .service_section .inner,
        #customization .service_section .inner {
            padding-top: 110px;
        }

            #checkUp .service_section .inner h2,
            #customization .service_section .inner h2 {
                font-size: 24px;
                font-weight: 700;
                line-height: 32px;
                letter-spacing: -0.3px;
                word-break: keep-all;
            }


    #checkUp .accordion_list_box,
    #customization .accordion_list_box {
        position: relative;
        padding-left: 40px;
        margin-top: 24px;
    }

        #checkUp .accordion_list_box ul > li,
        #customization .accordion_list_box ul > li {
            position: relative;
        }

            #checkUp .accordion_list_box ul > li:last-of-type,
            #customization .accordion_list_box ul > li:last-of-type {
                margin-bottom: 0;
            }

            #checkUp .accordion_list_box ul > li::before,
            #customization .accordion_list_box ul > li::before {
                position: absolute;
                left: -34px;
                top: 43px;
                width: 4px;
                height: 100%;
                background: var(--gray-400);
                content: '';
                display: block;
            }

            #checkUp .accordion_list_box ul > li::after,
            #customization .accordion_list_box ul > li::after {
                position: absolute;
                left: -40px;
                top: 28px;
                width: 16px;
                height: 16px;
                background: var(--gray-400);
                border-radius: 50%;
                content: '';
                display: block;
                z-index: 1;
            }

            #checkUp .accordion_list_box ul > li:last-of-type:before,
            #customization .accordion_list_box ul > li:last-of-type:before {
                display: none;
            }

        #checkUp .accordion_list_box .card_box,
        #customization .accordion_list_box .card_box {
            position: relative;
            height: 72px;
            background: var(--white);
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 12px;
            cursor: pointer;
            transition: height 0.3s ease-out;
        }

        #checkUp .accordion_list_box .cover_box,
        #customization .accordion_list_box .cover_box {
            position: absolute;
            width: 100%;
            height: 100%;
            max-height: 95px;
            z-index: 5;
            transition: all 0.3s ease-out;
        }

        #checkUp .accordion_list_box .item01 .cover_box,
        #customization .accordion_list_box .item01 .cover_box {
            background: url(../../img/lagacy_landing/main_last_landing_06.webp) no-repeat center center;
            background-size: cover;
        }

        #checkUp .accordion_list_box .item02 .cover_box,
        #customization .accordion_list_box .item02 .cover_box {
            background: url(../../img/lagacy_landing/main_last_landing_07.webp) no-repeat center center;
            background-size: cover;
        }

        #checkUp .accordion_list_box .item03 .cover_box,
        #customization .accordion_list_box .item03 .cover_box {
            background: url(../../img/lagacy_landing/main_last_landing_08.webp) no-repeat center center;
            background-size: cover;
        }

        #checkUp .accordion_list_box .item04 .cover_box,
        #customization .accordion_list_box .item04 .cover_box {
            background: url(../../img/lagacy_landing/main_last_landing_09.webp) no-repeat center center;
            background-size: cover;
        }

        #checkUp .accordion_list_box .cover_box::before,
        #customization .accordion_list_box .cover_box::before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            content: '';
            display: block;
        }

        #checkUp .accordion_list_box .cover_box::after,
        #customization .accordion_list_box .cover_box::after {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.444 5.23a.608.608 0 0 1 .867.029L9 11.407l5.689-6.148a.608.608 0 0 1 .867-.028c.247.234.26.628.028.878l-6.136 6.632a.61.61 0 0 1-.896 0L2.416 6.109a.627.627 0 0 1 .028-.878Z' clip-rule='evenodd'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            content: '';
            display: block;
            z-index: 1;
        }

        #checkUp .accordion_list_box .cover_box span,
        #customization .accordion_list_box .cover_box span {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            color: var(--white);
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
        }

        #checkUp .accordion_list_box .content_box,
        #customization .accordion_list_box .content_box {
            position: relative;
            height: 100%;
            overflow: hidden;
        }

        #checkUp .accordion_list_box .img_box,
        #customization .accordion_list_box .img_box {
            height: 95px;
            overflow: hidden;
        }

        #checkUp .accordion_list_box .text_box,
        #customization .accordion_list_box .text_box {
            padding: 0 20px 16px;
        }

            #checkUp .accordion_list_box .text_box .numb,
            #customization .accordion_list_box .text_box .numb {
                font-size: 50px;
                font-weight: 700;
                color: var(--gray-300);
                line-height: 50px;
                display: block;
                margin-top: -25px;
            }

            #checkUp .accordion_list_box .text_box dl,
            #customization .accordion_list_box .text_box dl {
                margin-top: 12px;
            }

            #checkUp .accordion_list_box .text_box dl,
            #customization .accordion_list_box .text_box dl {
                margin-top: 12px;
            }

            #checkUp .accordion_list_box .text_box dt,
            #customization .accordion_list_box .text_box dt {
                font-weight: 700;
                font-size: 18px;
                line-height: 24px;
            }

            #checkUp .accordion_list_box .text_box dd,
            #customization .accordion_list_box .text_box dd {
                font-size: 14px;
                line-height: 18px;
                color: var(--gray-800);
                margin-top: 4px;
            }

        /* .item04 */
        #checkUp .accordion_list_box .item04 .card_box,
        #customization .accordion_list_box .item04 .card_box {
            background: url(../../img/lagacy_landing/main_last_landing_10.webp) no-repeat center center;
            background-size: cover;
        }

        #checkUp .accordion_list_box .item04 .img_box,
        #customization .accordion_list_box .item04 .img_box {
            height: 75px;
        }

        #checkUp .accordion_list_box .item04 .text_box .numb,
        #customization .accordion_list_box .item04 .text_box .numb {
            color: rgba(248, 249, 250, 0.2);
        }


        #checkUp .accordion_list_box .item04 .text_box dt,
        #customization .accordion_list_box .item04 .text_box dt {
            color: var(--white);
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
        }

        #checkUp .accordion_list_box .item04 .text_box dd,
        #customization .accordion_list_box .item04 .text_box dd {
            font-size: 14px;
            line-height: 18px;
            color: var(--primary-800);
            margin-top: 4px;
        }

        #checkUp .accordion_list_box .item04 .text_box dl,
        #customization .accordion_list_box .item04 .text_box dl {
            margin-top: 8px;
        }

        #checkUp .accordion_list_box .item04 .btn_start,
        #customization .accordion_list_box .item04 .btn_start {
            font-size: 16px;
            font-weight: 700;
            color: var(--white);
            line-height: 18px;
            display: inline-block;
            margin-top: 12px;
        }

            #checkUp .accordion_list_box .item04 .btn_start::after,
            #customization .accordion_list_box .item04 .btn_start::after {
                width: 12px;
                height: 12px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='430' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='180' cy='254' r='83' fill='%23E6F0FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='506.2' height='506.2' x='-73.1' y='.9' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_101_794' stdDeviation='85.05'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                content: '';
                display: inline-block;
                vertical-align: -1px;
                margin-left: 6px;
            }

        /* active */
        #checkUp .accordion_list_box li.on::before,
        #customization .accordion_list_box li.on::before {
            background: var(--primary-500);
        }

        #checkUp .accordion_list_box li.active::before,
        #customization .accordion_list_box li.active::before {
            background: rgb(239,239,239);
            background: linear-gradient(0deg, rgba(239,239,239,1) 0%, rgba(42,173,92,1) 100%);
        }

        #checkUp .accordion_list_box li.on::after,
        #checkUp .accordion_list_box li.active::after,
        #customization .accordion_list_box li.on::after,
        #customization .accordion_list_box li.active::after {
            background: var(--primary-500);
        }

        #checkUp .accordion_list_box li.active .card_box,
        #customization .accordion_list_box li.active .card_box {
            height: 220px;
        }

        #checkUp .accordion_list_box li.active .cover_box,
        #customization .accordion_list_box li.active .cover_box {
            opacity: 0;
        }

    /* 필그램의 영양제 */
    #checkUp .point_section .inner,
    #customization .point_section .inner {
        text-align: center;
    }

        #checkUp .point_section .inner > h3,
        #customization .point_section .inner > h3 {
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: -0.3px;
            word-break: keep-all;
            margin-top: 12px;
        }

        #checkUp .point_section .inner > p,
        #customization .point_section .inner > p {
            font-size: 16px;
            line-height: 22px;
            color: var(--gray-800);
            margin-top: 8px;
        }

        #checkUp .point_section .inner > span,
        #customization .point_section .inner > span {
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
            color: var(--white);
            line-height: 28px;
            padding: 0 8px;
            background: var(--primary-800);
            border-radius: 6px;
        }

        #checkUp .point_section .inner > .img_box,
        #customization .point_section .inner > .img_box {
            position: relative;
            margin: 0 auto;
            z-index: 1;
            margin-top: 24px;
        }

            #checkUp .point_section .inner > .img_box::before,
            #customization .point_section .inner > .img_box::before {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 120%;
                height: 120%;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='430' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='180' cy='254' r='83' fill='%23E6F0FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='506.2' height='506.2' x='-73.1' y='.9' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_101_794' stdDeviation='85.05'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                content: '';
                display: block;
                z-index: -1;
            }

    #checkUp .point_section > div:nth-of-type(1) > .img_box,
    #customization .point_section > div:nth-of-type(1) > .img_box {
        width: 320px;
    }

    #checkUp .point_section > div:nth-of-type(2) > .img_box,
    #customization .point_section > div:nth-of-type(2) > .img_box {
        width: 320px;
    }

    #checkUp .point_section > div:nth-of-type(3) > .img_box,
    #customization .point_section > div:nth-of-type(3) > .img_box {
        width: 240px;
    }


    /* 영양제 추천 시스템 */
    #checkUp .step_section,
    #customization .step_section {
        background: var(--gray-300);
    }

        #checkUp .step_section .inner,
        #customization .step_section .inner {
            padding: 40px 32px;
        }

        #checkUp .step_section .slider_box .swiper-slide,
        #customization .step_section .slider_box .swiper-slide {
            text-align: center;
        }

        #checkUp .step_section .slider_box .text_box,
        #customization .step_section .slider_box .text_box {
            width: 100%;
        }

            #checkUp .step_section .slider_box .text_box > h2,
            #customization .step_section .slider_box .text_box > h2 {
                font-size: 24px;
                font-weight: 700;
                line-height: 32px;
                letter-spacing: -0.3px;
                word-break: keep-all;
                margin-top: 12px;
            }

            #checkUp .step_section .slider_box .text_box > p,
            #customization .step_section .slider_box .text_box > p {
                font-size: 16px;
                line-height: 22px;
                color: var(--gray-800);
                margin-top: 8px;
            }

            #checkUp .step_section .slider_box .text_box > span,
            #customization .step_section .slider_box .text_box > span {
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                color: var(--white);
                line-height: 28px;
                padding: 0 8px;
                background: var(--primary-800);
                border-radius: 6px;
            }

        #checkUp .step_section .slider_box .img_box,
        #customization .step_section .slider_box .img_box {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            margin-top: 36px;
        }

        #checkUp .step_section .slider_pager,
        #customization .step_section .slider_pager {
            position: relative;
            width: 100%;
            text-align: center;
            display: block;
            margin-top: 24px;
        }

            #checkUp .step_section .slider_pager > span,
            #customization .step_section .slider_pager > span {
                width: 8px;
                height: 8px;
                background: var(--gray-600);
                border-radius: 8px;
                margin: 0 3px;
                opacity: 1;
                transition: all 0.3s ease-out;
            }

                #checkUp .step_section .slider_pager > span.swiper-pagination-bullet-active,
                #customization .step_section .slider_pager > span.swiper-pagination-bullet-active {
                    width: 28px;
                    background: var(--black);
                }