{"id":14,"date":"2023-10-30T17:12:47","date_gmt":"2023-10-30T08:12:47","guid":{"rendered":"http:\/\/121.138.215.112:8080\/landing\/?page_id=14"},"modified":"2024-01-22T10:59:55","modified_gmt":"2024-01-22T01:59:55","slug":"landing_page","status":"publish","type":"page","link":"https:\/\/asdf.my\/landing\/","title":{"rendered":"landing_page"},"content":{"rendered":"\n<div id=\"wp-block-themeisle-blocks-advanced-columns-03d6f8eb\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset animated fadeInUp\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-45229624\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<style>\n    body{\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n    \/* \ucc98\uc74c *\/\n    .first-title{\n        color: #191F28;\n        font-family: Pretendard;\n        font-size: calc(40rem\/16);\n        font-style: normal;\n        font-weight: 700;\n        line-height: calc(50rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .first-title_line{\n        display: flex;\n        gap: calc(14rem\/16);\n        align-items: center;\n    }\n    .first-title_logo{\n        width: calc(114rem\/16);\n        content: url('wp-content\/uploads\/2023\/10\/logo_01.svg');\n    }\n    .first-content{\n        color: #76808F;\n        font-family: Pretendard;\n        font-size: calc(18rem\/16);\n        font-style: normal;\n        font-weight: 400;\n        line-height: calc(28rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .first-button{\n        color: #FFF;\n        text-align: center;\n        font-family: Pretendard;\n        font-size: calc(16rem\/16);\n        font-style: normal;\n        font-weight: 500; \n        line-height: calc(24rem\/16);\n        letter-spacing: -0.025em;\n        border-radius: 100px;\n        border: 1px solid rgba(255, 255, 255, 0.10);\n        background: #191F28;\n        box-shadow: 0px 5px 10px 0px rgba(25, 31, 40, 0.15);\n        display: inline-flex;\n        padding: calc(14rem\/16) calc(28rem\/16);\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n    }\n    .first-button:hover{\n        background: #000000;\n        box-shadow: 0px 5px 10px 0px rgba(25, 31, 40, 0.2);\n    }\n    .first-section{\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: calc(8rem\/16);\n    }\n    .first-banner{\n        position: absolute !important;\n        display: inline-flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: calc(32rem\/16);\n    }\n    .first-banner_image{\n        position: relative;\n        margin-right: calc(-100rem\/16);\n        margin-top: 5vh;\n        width: calc(739rem\/16);\n        content: url('wp-content\/uploads\/2023\/10\/main.png');\n    }\n    .image-align{\n        display: flex;\n        justify-content: flex-end;\n    }\n    .first-margin{\n        margin-top: 10vh;\n    }\n    \/* \ucc98\uc74c *\/\n    \n    \/* \ub450\ubc88\uc9f8 *\/\n    .second-title{\n        color: #191F28;\n        font-family: Pretendard;\n        font-size: calc(40rem\/16);\n        font-style: normal;\n        font-weight: 700;\n        line-height: calc(50rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .second-title_logo{\n        width: calc(114rem\/16);\n        content: url('wp-content\/uploads\/2023\/10\/logo_01.svg');\n    }\n    .second-title_line{\n        display: flex;\n        gap: calc(12rem\/16);\n        align-items: center;\n    }\n    .second-content{\n        color: #76808F;\n        text-align: center;\n        font-family: Pretendard;\n        font-size: calc(18rem\/16);\n        font-style: normal;\n        font-weight: 400;\n        line-height: calc(28rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .second-section{\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: calc(10rem\/16);\n    }\n    .second-button{\n        color: #FFF;\n        text-align: center;\n        font-family: Pretendard;\n        font-size: calc(16rem\/16);\n        font-style: normal;\n        font-weight: 500;\n        line-height: calc(24rem\/16);\n        letter-spacing: -0.025em;\n        border-radius: 100px;\n        border: 1px solid rgba(255, 255, 255, 0.10);\n        background: #191F28; \n        box-shadow: 0px 5px 10px 0px rgba(25, 31, 40, 0.15);\n        display: inline-flex;\n        padding: calc(14rem\/16) calc(28rem\/16);\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n    }\n    .second-button:hover{\n        background: #000000;\n    box-shadow: 0px 5px 10px 0px rgba(25, 31, 40, 0.2);\n    }\n    .second-banner{\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: calc(32rem\/16);\n        margin-top: calc(260rem\/16);\n        margin-bottom: calc(120rem\/16);\n    }\n    \/* \ub450\ubc88\uc9f8 *\/\n    \n    \/* \uc0d8\ud50c\uc774\ubbf8\uc9c0 *\/\n    .link-add{\n        color: #C3C7CD;\n        font-family: Pretendard;\n        font-size: calc(18rem\/16);\n        font-style: normal;\n        font-weight: 400;\n        line-height: calc(26rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .link-svg{\n        height: calc(24rem\/16);\n        content: url('wp-content\/uploads\/2023\/10\/link_svg.svg');\n    }\n    .link-line{\n        display: flex;\n        gap: 0px;\n    align-items: center;\n    }\n    .name{\n        color: #191F28;\n        text-align: center;\n        font-family: Pretendard;\n        font-size: calc(20rem\/16);\n        font-style: normal;\n        font-weight: 600;\n        line-height: calc(28rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .name-section{\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: calc(2rem\/16);\n    }\n    .profile-section{\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        gap: calc(16rem\/16);\n    }\n    .profile-image01,\n    .profile-image02,\n    .profile-image03,\n    .profile-image04,\n    .profile-image05,\n    .profile-image06,\n    .profile-image07,\n    .profile-image08,\n    .profile-image09,\n    .profile-image10{\n        width: calc(86rem\/16);\n        box-shadow: 0 0 0 1px inset rgba(25, 31, 40, 0.10);\n        border-radius: calc(36rem\/16);\n    }\n    .profile-image01{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p04.png');  \n    }\n    .profile-image02{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p05.png');  \n    }\n    .profile-image03{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p03.png');\n    }\n    .profile-image04{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p06.png');  \n    }\n    .profile-image05{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p02.png');  \n    }\n    .profile-image06{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p00.png');  \n    }\n    .profile-image07{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p07.png');\n    }\n    .profile-image08{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p08.png');  \n    }\n    .profile-image09{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p09.png');  \n    }\n    .profile-image10{\n        content: url('wp-content\/uploads\/2023\/10\/sample_p10.png');  \n    }\n    .page-image01,\n    .page-image02,\n    .page-image03,\n    .page-image04,\n    .page-image05,\n    .page-image06,\n    .page-image07,\n    .page-image08,\n    .page-image09,\n    .page-image10{\n        width: calc(340rem\/16);\n    }\n    .page-image01{\n        content: url('wp-content\/uploads\/2023\/11\/s01.png');\n    }\n    .page-image02{\n        content: url('wp-content\/uploads\/2023\/11\/s02.png');\n    }\n    .page-image03{\n        content: url('wp-content\/uploads\/2023\/11\/s03.png');\n    }\n    .page-image04{\n        content: url('wp-content\/uploads\/2023\/11\/s04.png');\n    }\n    .page-image05{\n        content: url('wp-content\/uploads\/2023\/11\/s05.png');\n    }\n    .page-image06{\n        content: url('wp-content\/uploads\/2023\/11\/s06.png');\n    }\n    .page-image07{\n        content: url('wp-content\/uploads\/2023\/11\/s07.png');\n    }\n    .page-image08{\n        content: url('wp-content\/uploads\/2023\/11\/s08.png');\n    }\n    .page-image09{\n        content: url('wp-content\/uploads\/2023\/11\/s09.png');\n    }\n    .page-image10{\n        content: url('wp-content\/uploads\/2023\/11\/s10.png');\n    }\n    .sample-section{\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        gap: calc(32rem\/16);\n    }\n    .sample-section_gap{\n        display: flex;\n        gap: calc(10rem\/16);\n        justify-content: flex-start;\n    }\n    \/* \uc0d8\ud50c\uc774\ubbf8\uc9c0 *\/\n    \n    \/* \uc138\ubc88\uc9f8 *\/\n    .third-title{\n        color: #191F28;\n        font-family: Pretendard;\n        font-size: calc(40rem\/16);\n        font-style: normal;\n        font-weight: 700;\n        line-height: calc(50rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .third-title_logo{\n        width: calc(114rem\/16);\n        content: url('wp-content\/uploads\/2023\/10\/logo_01.svg');\n    }\n    .third-title_line{\n        display: flex;\n        gap: calc(10rem\/16);\n        align-items: center;\n    }\n    .third-content{\n        color: #76808F;\n        font-family: Pretendard;\n        font-size: calc(18rem\/16);\n        font-style: normal;\n        font-weight: 400;\n        line-height: calc(28rem\/16);\n        letter-spacing: -0.025em;\n    }\n    .third-section{\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: calc(10rem\/16)\n    }\n    .third-button{\n        color: #FFF;\n        text-align: center;\n        font-family: Pretendard;\n        font-size: calc(16rem\/16);\n        font-style: normal;\n        font-weight: 500;\n        line-height: calc(24rem\/16);\n        letter-spacing: -0.025em;\n        border-radius: 100px;\n        border: 1px solid rgba(255, 255, 255, 0.10);\n        background: #191F28;\n        box-shadow: 0px 5px 10px 0px rgba(25, 31, 40, 0.15);\n        display: inline-flex;\n        padding: calc(14rem\/16) calc(28rem\/16);\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n    }\n    .third-button:hover{\n        background: #000000;\n    box-shadow: 0px 5px 10px 0px rgba(25, 31, 40, 0.2);\n    }\n    .third-banner{\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: calc(32rem\/16);\n        margin-top: calc(300rem\/16);\n        margin-bottom: calc(80rem\/16);\n    }\n    \/* \uc138\ubc88\uc9f8 *\/\n    \/* \uc560\ub2c8\uba54\uc774\ud2b8 *\/\n    .animated.slow {\n        animation-duration: calc(var(--animate-duration)*2);\n    }\n    .animated.delay-100ms {\n        animation-delay: .1s;\n    }\n    .animated.delay-200ms {\n        animation-delay: .2s;\n    }\n    .animated.delay-500ms {\n        animation-delay: .3s;\n    }\n    .animated.delay-600ms {\n        animation-delay: .6s;\n    }\n    .animated.delay-800ms {\n        animation-delay: .8s;\n    }\n    .animated.delay-1s {\n        animation-delay: 1s;\n    }\n    \/* \uc560\ub2c8\uba54\uc774\ud2b8 *\/\n    \/* \ubc18\uc751\ud615 *\/\n    @media (max-width: 1000px){\n            html{\n                font-size: 14px;\n            }\n            .first-banner{\n                position: relative !important;\n            }\n        }\n    @media (max-width: 600px){\n            .first-margin {\n                margin-top: 16vh;\n            }\n            .image-align{\n                display: flex;\n                justify-content: center;\n            }\n            .first-banner{\n                gap: calc(32rem\/16);\n            }\n            .first-banner_image{\n                width: 170%;\n                margin-top: 8vh;\n            }\n            .first-title_line {\n                display: flex;\n                gap: calc(10rem\/16);\n                align-items: flex-start;\n                flex-direction: column;\n            }\n            .first-section{\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                gap: calc(24rem\/16);\n            }\n            .first-title{\n                line-height: calc(44rem\/16);\n            }\n            \/* .first-title{\n                font-size: calc(40rem\/16);\n                line-height: calc(40rem\/16);\n            } *\/\n            .first-title_logo{\n                width: calc(184rem\/16);\n                content: url('wp-content\/uploads\/2023\/10\/header_logo.svg');\n            }\n        }\n    @media (max-width: 640px){\n            .second-title_line{\n                flex-direction: column;\n                gap: calc(16rem\/16);\n            }\n            .second-title{\n                line-height: calc(44rem\/16);\n            }\n            .second-section{\n                gap: calc(18rem\/16);\n            }\n            .second-banner{\n                gap: calc(32rem\/16);\n                margin-top: calc(200rem\/16);\n            }\n            .second-title_logo{\n                width: calc(102rem\/16);\n                content: url('wp-content\/uploads\/2023\/11\/center_logo.svg');\n            }\n        }\n    @media (max-width: 650px){\n            .third-title_line{\n                display: flex;\n                gap: calc(10rem\/16);\n                align-items: flex-start;\n                flex-direction: column;\n            }\n            .third-title{\n                line-height: calc(46rem\/16);\n            }\n            .third-title_line{\n                gap: calc(16rem\/16);\n            }\n            .third-title_logo{\nwidth: calc(102rem\/16);\n                content: url('wp-content\/uploads\/2023\/10\/footer_logo.svg');\n            }\n            .third-section{\n                gap: calc(18rem\/16);\n            }\n            .third-content br{\n                display: none;\n            }\n            .third-banner{\n                margin-top: calc(260rem\/16);\n                margin-bottom: calc(100rem\/16);\n            }\n            .ct-image_full {\n                margin-bottom: calc(100rem\/16);\n            }\n    }\n    @media (min-width: 600px){\n            .first-title br{\n                display: none;\n            }\n    }\n    @media (min-width: 640px){\n            .second-title br{\n                display: none;\n            }\n    }\n    @media (max-width: 450px){\n        .page-image01,\n        .page-image02,\n        .page-image03,\n        .page-image04,\n        .page-image05,\n        .page-image06,\n        .page-image07,\n        .page-image08,\n        .page-image09,\n        .page-image10{\n            width: 92vw;\n        }\n    }\n    \/* \ubc18\uc751\ud615 *\/\n     @media (max-width: 650px){\n                .sample-section_gap{\n                    display: flex;\n                    gap: calc(10rem\/16);\n                    flex-wrap:nowrap;\n                    animation: mobilemove 100s linear infinite;\n            }\n        }\n        @media (min-width: 651px){\n                .sample-section_gap{\n                    display: flex;\n                    gap: calc(10rem\/16);\n                    flex-wrap:nowrap;\n                    animation: webmove 30s linear infinite;\n            }\n        }\n        #slider {\n            overflow: hidden;\n            position: relative;\n        }\n        @keyframes mobilemove{\n            0%{\n                transform: translate(0,0);\n            }\n            100%{\n                transform: translate(-850%,0);\n            }\n        }\n        @keyframes webmove{\n            0%{\n                transform: translate(0,0);\n            }\n            100%{\n                transform: translate(-55%,0);\n            }\n        }\n    <\/style>\n<\/div>\n<\/div><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-fb70c88c\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-a65290d0\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<body>\n <div class=\"first-margin\">\n        <div class=\"first-banner\">\n            <div class=\"first-section\">\n                <div class=\"first-title_line animated fadeInUp\">\n                    <div class=\"first-title\">Build <br>your world in<\/div>\n                    <div class=\"first-title_logo\"><\/div>\n                <\/div>\n                <div class=\"first-content animated fadeInUp delay-200ms\">\n                    \uc81c\ud55c \uc5c6\ub294 \ub9c1\ud06c \uc5f0\uacb0\uacfc \uc790\uc720\ub85c\uc6b4 \uafb8\ubbf8\uae30\ub97c \ud1b5\ud574<br>\n                    \ub2e8 \ud558\ub098\ubfd0\uc778 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uc138\uc694.\n                <\/div>\n            <\/div>\n            <div class=\"first-button animated fadeInUp delay-500ms slow\" onclick=\"location.href='\/login'\">\n                \ub098\ub9cc\uc758 asdf \ub9cc\ub4e4\uae30\n            <\/div>\n        <\/div>\n        <div class=\"image-align\">\n            <div class=\"first-banner_image\"><\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/div>\n<\/div><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-60c075f8\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-7706abd4\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<body>\n<div class=\"second-banner\">\n        <div class=\"second-section\">\n            <div class=\"second-title_line animated fadeInUp\">\n                <div class=\"second-title_logo\"><\/div>\n                <div class=\"second-title\">is a new way to <br>express myself<\/div>\n            <\/div>\n            <div class=\"second-content animated fadeInUp delay-200ms\">\n                \ub0b4\uac00 \ub9cc\ub4e4\uc5b4\uac00\ub294 \ud558\ub098\ubfd0\uc778 \ud398\uc774\uc9c0\ub294<br>\n                \ub098\ub97c \ud45c\ud604\ud558\ub294 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\uc774\uc790 \uc18c\uac1c\uc11c\uac00 \ub429\ub2c8\ub2e4.\n            <\/div>\n        <\/div>\n        <div class=\"second-button animated fadeInUp delay-500ms slow\" onclick=\"location.href='\/login'\">\n            \ub098\ub9cc\uc758 \ud398\uc774\uc9c0 \ub9cc\ub4e4\uae30\n        <\/div>\n    <\/div>\n<\/body>\n<\/div>\n<\/div><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-10eaa5b6\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-127629a1\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<body>\n    <div id=\"slider\">\n            <div class=\"sample-section_gap\">\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image01\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\uc138\uc0c1\uc758\ubaa8\ub4e0\uc8fc\ub958<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/alcoholic<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image01\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image02\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\uc790\ub3d9\ucc28\ub9ac\ubdf0<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/drivethecar<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image02\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image03\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\uc138\uacc4\uc77c\uc8fc<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/aroundtheworld<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image03\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image04\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\ubaa8\ub450\uc758\ub808\uc2dc\ud53c<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/threemeals<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image04\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image05\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\ud328\uc158\ud2b8\ub80c\ub4dc<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/likefashion<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image05\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image06\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\ud06c\ub9ac\uc5d0\uc774\ud130<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/iamcreator<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image06\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image07\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\ub77c\uc774\ud504\uc2a4\ud0c0\uc77c<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/lifestyle<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image07\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image08\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\uc6b4\ub3d9\ud558\ub294\uc9c1\uc7a5\uc778<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/training<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image08\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image09\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\ud50c\ub85c\ub9ac\uc2a4\ud2b8<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/flowershop<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image09\"><\/div>\n                <\/div>\n                <div class=\"sample-section\">\n                    <div class=\"profile-section\">\n                        <div class=\"profile-image10\"><\/div>\n                        <div class=\"name-section\">\n                            <div class=\"name\">\uac1c\ubc1c\uc790\uc758\ud558\ub8e8<\/div>\n                            <div class=\"link-line\">\n                                <div class=\"link-svg\"><\/div>\n                                <div class=\"link-add\">asdf.my\/development<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-image10\"><\/div>\n                <\/div>\n            <\/div>\n    <\/div>\n<\/body>\n<\/div>\n<\/div><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-1c296ac2\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-7e479a82\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<body>\n<div class=\"third-banner\">\n        <div class=\"third-section\">\n            <div class=\"third-title_line animated fadeInUp\">\n                <div class=\"third-title_logo\"><\/div>\n                <div class=\"third-title\">is specialized for Customization<\/div>\n            <\/div>\n            <div class=\"third-content animated fadeInUp delay-200ms\">\n                \uba40\ud2f0\ud398\uc774\uc9c0 \ub9cc\ub4e4\uae30, \ud398\uc774\uc9c0 \uafb8\ubbf8\uae30, \ub2e4\uc591\ud55c \ucf58\ud150\uce20 \ub4f1\ub85d \uae30\ub2a5\uc740<br>\n                \ub0a8\ub4e4\uacfc \ub2e4\ub978 \uc790\uc2e0\ub9cc\uc758 \uc544\uc774\ub374\ud2f0\ud2f0\ub97c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n            <\/div>\n        <\/div>\n        <div class=\"third-button animated fadeInUp delay-500ms slow\" onclick=\"location.href='\/login'\">\n            \ub098\ub9cc\uc758 \ub9c1\ud06c \uafb8\ubbf8\uae30\n        <\/div>\n    <\/div>\n<\/body>\n<\/div>\n<\/div><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-5dfae812\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-65644d81\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<!-- \uc2ac\ub77c\uc774\ub4dc -->\n<script src=\"\/js\/lib\/jquery-3.7.0.min.js\"><\/script>\n<script src=\"\/js\/lib\/swiper.min.js\"><\/script>\n<link href=\"\/css\/lib\/swiper.min.css\" rel=\"stylesheet\">\n<style>\n    \/* custom *\/\n.ct-image_full{\n    margin-bottom: calc(240rem\/16);\n}\n.ct-image_align{\n    width: 100%;\n    display: inline-flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n.ct-right{\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 555px;\n    gap: 10px;\n}\n.ct-image01{\n    display: flex;\n    width: 100%;\n    justify-content: center;\n}\n.ct-image02{\n    width: 100%;\n    content: url('wp-content\/uploads\/2023\/10\/custom_02.png');\n}\n.ct-image03{\n    width: 100%;\n    content: url('wp-content\/uploads\/2023\/10\/custom_03.png');\n}\n\/* custom *\/\n\t.slide-container{\n\t\tborder-radius: 24px;\n\t\tbackground: #F2F3F5;\n\t\twidth: 100%;\n\t\tmax-width: 555px;\n        height: 526px;\n\t\toverflow:hidden;\n\t\tposition:relative;\n\t}\n\n\t.slide-container .main-wrap{\n        width: 320px;\n        margin-top: 72px;\n        margin-right: auto;\n        margin-left: auto;\n\t\theight: 100%;\n\t\tborder-radius: 22px 22px 0px 0px;\n\t\tbackground: #FFF;\n\t\toverflow:auto;\n\t\tpadding: 20px;\n\t}\n    .mem-img{\n        width: 88px;\n    }\n\t.slide-container .main-wrap .text-wrap .text-section{\n\t\tborder-radius: 100px;\n\t\theight: 14px;\n        margin-left: 6px;\n        margin-top: 8px;\n\t}\n\t.slide-container .main-wrap .text-wrap .text-section:nth-of-type(1){\n\t\tmargin-top: 10px;\n\t\twidth: 74px;\n\t\tbackground: #DBDEE1;\n\t}\n\t.slide-container .main-wrap .text-wrap .text-section:nth-of-type(2){\n        width: 186px;\n\t\tbackground: #F2F3F5;\n\t}\n\t.slide-container .main-wrap .text-wrap .text-section:nth-of-type(3){\n\t\twidth: 156px;\n\t\tbackground: #F2F3F5;\n\t}\n    .slide-container .slide-images {\n\t\tposition:absolute;\n        top: 232px;\n        width: auto;\n        height: 250px;\n        max-width: 635px;\n    }\n    .slide-container .slide-images .swiper {\n\t\twidth: 100%;\n\t\theight: 100%;\n    }\n\n    .slide-container .slide-images .swiper .swiper-slide {\n\t\ttext-align: center;\n\t\tfont-size: 16px;\n\t\tbackground: #fff;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n    }\n\n    .slide-container .slide-images .swiper .swiper-slide img {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tfilter : grayscale(100%);\n    }\n\t.slide-container .slide-images .swiper .swiper-slide.swiper-slide-prev img {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tfilter : grayscale(0%);\t\n    }\n\t.slide-container .slide-images .swiper.slideImagesSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev{\n\t\twidth: 140px;\n\t\theight: 140px;\n\t\tborder: 3px solid #191F28;\n\t\tbox-shadow: 0px 10px 30px 0px rgba(25, 31, 40, 0.30);\n\t}\n\t.slide-container .slide-images .swiper.slideImagesSwiper .swiper-wrapper .swiper-slide{\n\t\tmargin:auto;\n\t\tborder-radius: 22px;\n\t\tborder: 1px solid rgba(25, 31, 40, 0.10);\n\t\toverflow:hidden;\t\n\t\twidth: 122px;\n\t\theight: 122px;\n\t}\n    .swiper{\n        margin-left: 0px;\n        margin-right: 0px;\n    }\n\t.slide-container .desc-text{\n\t\tposition:absolute;\n\t\tbottom: 42px;\n        left: 48px;\n\t\tcolor: #191F28;\n\t\tfont-family: Pretendard;\n\t\tfont-size: 21px;\n\t\tfont-style: normal;\n\t\tfont-weight: 600;\n\t\tline-height: 29px;\n\t\tletter-spacing: -0.025em;\n    }\n    @media (max-width: 1161px){\n        .ct-image_align{\n            width: 100%;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            flex-direction: column;\n        }\n    }\n    @media (max-width: 595px){\n        .slide-container{\n            height: calc(526*100vw\/595);\n        }\n        \/* vw *\/\n        .slide-container .main-wrap{\n            width: calc(320*100vw\/595);\n            margin-top: calc(72*100vw\/595);\n            border-radius: calc(22*100vw\/595) calc(22*100vw\/595) 0 0;\n            padding: calc(20*100vw\/595);\n        }\n        .mem-img{\n            width: calc(88*100vw\/595);\n        }\n        .slide-container .main-wrap .text-wrap .text-section:nth-of-type(1){\n            margin-top: calc(10*100vw\/595);\n            width: calc(74*100vw\/595);\n            margin-left: calc(6*100vw\/595);\n        }\n        .slide-container .main-wrap .text-wrap .text-section{\n            margin-top: calc(8*100vw\/595);\n            height: calc(14*100vw\/595);\n        }\n        .slide-container .main-wrap .text-wrap .text-section:nth-of-type(2){\n            width: calc(186*100vw\/595);\n            margin-left: calc(6*100vw\/595);\n        }\n        .slide-container .main-wrap .text-wrap .text-section:nth-of-type(3){\n            width: calc(156*100vw\/595);\n            margin-left: calc(6*100vw\/595);\n        }\n        .slide-container .desc-text{\n            bottom: calc(42*100vw\/595);\n            left: calc(48*100vw\/595);\n            font-size: calc(21*100vw\/595);\n            line-height: calc(29*100vw\/595);\n        }\n        .slide-container .slide-images .swiper.slideImagesSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {\n            width: calc(146*100vw\/595) !important;\n            height: calc(146*100vw\/595);\n            margin-right: calc(16*100vw\/595) !important;\n            border: calc(3*100vw\/595) solid #191F28;\n        }\n        .slide-container .slide-images .swiper.slideImagesSwiper .swiper-wrapper .swiper-slide{\n            border-radius: calc(22*100vw\/595);\n            width: calc(122*100vw\/595) !important;\n            height: calc(122*100vw\/595);\n            margin-right: calc(12*100vw\/595) !important;\n        }\n        .slide-container{\n            border-radius: calc(24*100vw\/595);\n        }\n        .slide-container .slide-images{\n            top: calc(232*100vw\/595);\n            height: calc(250*100vw\/595);\n        }\n    }\n    @media (min-width: 596px){\n        .slide-container .slide-images .swiper.slideImagesSwiper .swiper-wrapper .swiper-slide{\n            width: 122px !important;\n            height: 122px;\n            margin-right: 12px !important;\n        }\n        .slide-container .slide-images .swiper.slideImagesSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {\n            width: 146px !important;\n            height: 146px;\n            margin-right: 16px !important;\n        }\n    }\n<\/style>\n     <!-- custom_image -->\n     <div class=\"ct-image_full\">\n        <div class=\"ct-image_align\">\n            <div class=\"ct-image01\">\n                <div class=\"slide-container\">\n                    <div class=\"main-wrap\">\n                        <div>\n                            <img decoding=\"async\" src=\"wp-content\/uploads\/2023\/11\/member_none.svg\" class=\"mem-img\">\n                        <\/div>\n                        <div class=\"text-wrap\">\n                            <div class=\"text-section\"><\/div>\n                            <div class=\"text-section\"><\/div>\n                            <div class=\"text-section\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"slide-images\">\n                        <div class=\"swiper slideImagesSwiper\">\n                            <div class=\"swiper-wrapper\">\n                                <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"wp-content\/uploads\/2023\/11\/lb_side_image_01.png\">\n                                <\/div>\n                                <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"wp-content\/uploads\/2023\/11\/lb_side_image_02.png\">\n                                <\/div>\n                                <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"wp-content\/uploads\/2023\/11\/lb_side_image_03.png\">\n                                <\/div>\n                                <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"wp-content\/uploads\/2023\/11\/lb_side_image_04.png\">\n                                <\/div>\n                                <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"wp-content\/uploads\/2023\/11\/lb_side_image_05.png\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-pagination\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"desc-text\">\n                        Multiple pages in One link\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ct-right\">\n                <div class=\"ct-image02\"><\/div>\n                <div class=\"ct-image03\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        var slideImagesSwiper = new Swiper(\".slideImagesSwiper\", {\n            slidesPerView: 4,\n            spaceBetween: 18,\n            autoplay: {\n                delay: 2000,\n            },\n            allowTouchMove: true,\n            breakpointsInverse: true,\n            breakpoints: {\n                1023: {\n                    allowTouchMove: false\n                }\n            },\n            centeredSlides: true,\n            loopFillGroupWithBlank: true,\n            loopedSlides: 2,\n            loop:true,\n        });\n    <\/script>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":547,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"center","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"off","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":238,"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/asdf.my\/landing\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}