\u003C/a>\u003C/div>\u003Cdiv class=\\\"hidden md:flex items-center gap-6 transition ease-in-out duration-300\\\" :class=\\\"{'text-black': !IsTop, 'text-white': IsTop}\\\">\u003Ca href=\\\"/ko\\\" class=\\\"px-2 text-lg\\\">HOME\u003C/a>\u003Ca href=\\\"/ko/showcase\\\" class=\\\"px-2 text-lg\\\">쇼케이스\u003C/a>\u003Ca href=\\\"/ko/faq\\\" class=\\\"px-2 text-lg\\\">FAQ\u003C/a>\u003Ca href=\\\"https://app.essepage.com/ko/my\\\" class=\\\"px-2 text-lg\\\">로그인\u003C/a>\u003Cdiv class=\\\"relative\\\" x-data=\\\"{Open: false, toggle() {this.Open =! this.Open;}}\\\">\u003Cbutton type=\\\"button\\\" class=\\\"flex items-center gap-2 bg-transparent ml-6 px-2 focus:outline-none\\\" @click=\\\"toggle\\\" @mousedown.outside=\\\"setTimeout(() => { Open = false }, 50)\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-5 h-5\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\\\">\u003C/path>\u003Cpath d=\\\"M3.6 9h16.8\\\">\u003C/path>\u003Cpath d=\\\"M3.6 15h16.8\\\">\u003C/path>\u003Cpath d=\\\"M11.5 3a17 17 0 0 0 0 18\\\">\u003C/path>\u003Cpath d=\\\"M12.5 3a17 17 0 0 1 0 18\\\">\u003C/path>\u003C/svg>\u003C/button>\u003Cdiv x-show=\\\"Open\\\" x-cloak x-transition.origin.top.right class=\\\"absolute border right-0 mt-2 w-40 bg-white rounded-md shadow-md text-black\\\">\u003Ca href=\\\"/\\\" class=\\\"block w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2 text-left text-sm hover:bg-gray-50 disabled:text-gray-500\\\">\u003Cdiv class=\\\"flex items-center gap-2 font-medium\\\">\u003Csvg width=\\\"64px\\\" height=\\\"64px\\\" viewbox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" aria-hidden=\\\"true\\\" role=\\\"img\\\" class=\\\"w-6 h-6 iconify iconify--emojione\\\" preserveaspectratio=\\\"xMidYMid meet\\\">\u003Cpath d=\\\"M48 6.6C43.3 3.7 37.9 2 32 2v4.6h16z\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M32 11.2h21.6C51.9 9.5 50 7.9 48 6.6H32v4.6z\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M32 15.8h25.3c-1.1-1.7-2.3-3.2-3.6-4.6H32v4.6z\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M32 20.4h27.7c-.7-1.6-1.5-3.2-2.4-4.6H32v4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M32 25h29.2c-.4-1.6-.9-3.1-1.5-4.6H32V25z\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M32 29.7h29.9c-.1-1.6-.4-3.1-.7-4.6H32v4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M61.9 29.7H32V32H2c0 .8 0 1.5.1 2.3h59.8c.1-.8.1-1.5.1-2.3c0-.8 0-1.6-.1-2.3\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M2.8 38.9h58.4c.4-1.5.6-3 .7-4.6H2.1c.1 1.5.4 3.1.7 4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M4.3 43.5h55.4c.6-1.5 1.1-3 1.5-4.6H2.8c.4 1.6.9 3.1 1.5 4.6\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M6.7 48.1h50.6c.9-1.5 1.7-3 2.4-4.6H4.3c.7 1.6 1.5 3.1 2.4 4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M10.3 52.7h43.4c1.3-1.4 2.6-3 3.6-4.6H6.7c1 1.7 2.3 3.2 3.6 4.6\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M15.9 57.3h32.2c2.1-1.3 3.9-2.9 5.6-4.6H10.3c1.7 1.8 3.6 3.3 5.6 4.6\\\" fill=\\\"#ffffff\\\">\u003C/path>\u003Cpath d=\\\"M32 62c5.9 0 11.4-1.7 16.1-4.7H15.9c4.7 3 10.2 4.7 16.1 4.7\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M16 6.6c-2.1 1.3-4 2.9-5.7 4.6c-1.4 1.4-2.6 3-3.6 4.6c-.9 1.5-1.8 3-2.4 4.6c-.6 1.5-1.1 3-1.5 4.6c-.4 1.5-.6 3-.7 4.6c-.1.8-.1 1.6-.1 2.4h30V2c-5.9 0-11.3 1.7-16 4.6\\\" fill=\\\"#428bc1\\\">\u003C/path>\u003Cg fill=\\\"#ffffff\\\">\u003Cpath d=\\\"M25 3l.5 1.5H27l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M29 9l.5 1.5H31l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M21 9l.5 1.5H23l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M25 15l.5 1.5H27l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M17 15l.5 1.5H19l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M9 15l.5 1.5H11l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M29 21l.5 1.5H31l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M21 21l.5 1.5H23l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M13 21l.5 1.5H15l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M25 27l.5 1.5H27l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M17 27l.5 1.5H19l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M9 27l.5 1.5H11l-1.2 1l.4 1.5l-1.2-.9l-1.2.9l.4-1.5l-1.2-1h1.5z\\\">\u003C/path>\u003Cpath d=\\\"M11.8 13l1.2-.9l1.2.9l-.5-1.5l1.2-1h-1.5L13 9l-.5 1.5h-1.4l1.2.9l-.5 1.6\\\">\u003C/path>\u003Cpath d=\\\"M3.8 25l1.2-.9l1.2.9l-.5-1.5l1.2-1H5.5L5 21l-.5 1.5h-1c0 .1-.1.2-.1.3l.8.6l-.4 1.6\\\">\u003C/path>\u003C/g>\u003C/svg>\\n English\\n \u003C/div>\u003C/a>\u003Ca href=\\\"/ko\\\" class=\\\"block w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2 text-left text-sm hover:bg-gray-50 disabled:text-gray-500\\\">\u003Cdiv class=\\\"flex items-center gap-2 font-semibold\\\">\u003Csvg width=\\\"64px\\\" height=\\\"64px\\\" viewbox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" aria-hidden=\\\"true\\\" role=\\\"img\\\" class=\\\"w-6 h-6 iconify iconify--emojione\\\" preserveaspectratio=\\\"xMidYMid meet\\\">\u003Ccircle cx=\\\"32\\\" cy=\\\"32\\\" r=\\\"30\\\" fill=\\\"#f5f5f5\\\">\u003C/circle>\u003Cpath d=\\\"M23.4 33.7c2.8 1.9 6.7 1.1 8.6-1.7c1.9-2.8 5.7-3.6 8.6-1.7c2.7 1.8 3.5 5.3 2 8c3.3-5.6 1.8-12.9-3.8-16.6c-5.7-3.8-13.4-2.3-17.2 3.4c-.1.2-.2.4-.3.5c-1.4 2.9-.5 6.3 2.1 8.1\\\" fill=\\\"#ed4c5c\\\">\u003C/path>\u003Cpath d=\\\"M42.3 38.9c.1-.2.2-.4.3-.5c-.1.1-.2.3-.3.5\\\" fill=\\\"#003478\\\">\u003C/path>\u003Cpath d=\\\"M40.6 30.3c-2.8-1.9-6.7-1.1-8.6 1.7c-1.9 2.8-5.7 3.6-8.6 1.7c-2.7-1.8-3.5-5.3-2-8c-3.4 5.6-1.8 12.9 3.8 16.6c5.7 3.8 13.4 2.3 17.2-3.4c.1-.2.2-.4.3-.5c1.4-2.9.5-6.3-2.1-8.1\\\" fill=\\\"#428bc1\\\">\u003C/path>\u003Cg fill=\\\"#3e4347\\\">\u003Cpath d=\\\"M7.8 23.3L14.7 13l-.7-.5l-.7-.4l-6.9 10.3l.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M9.7 24.6l.7.4l6.8-10.3l-.6-.4l-.7-.5L9 24.1z\\\">\u003C/path>\u003Cpath d=\\\"M18.4 15.5l-6.8 10.3l.7.5l.7.4l6.8-10.3l-.7-.4z\\\">\u003C/path>\u003Cpath d=\\\"M48.5 42.5l.7.5l3.2-4.8l-.7-.5l-.7-.4l-3.2 4.8z\\\">\u003C/path>\u003Cpath d=\\\"M56.2 40.7L53 45.5l.7.5l.7.4l3.2-4.8l-.7-.4z\\\">\u003C/path>\u003Cpath d=\\\"M51.8 44.7l3.2-4.8l-.7-.5l-.7-.4l-3.2 4.8l.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M48.1 43.2l-.7-.4l-3.2 4.8l.7.4l.7.5l3.2-4.8z\\\">\u003C/path>\u003Cpath d=\\\"M50.6 44.9l-.6-.4l-3.2 4.8l.6.4l.7.5l3.2-4.8z\\\">\u003C/path>\u003Cpath d=\\\"M52.5 46.2L49.3 51l.7.5l.7.4l3.2-4.8l-.7-.5z\\\">\u003C/path>\u003Cpath d=\\\"M7.1 41.2l-.7.4l6.9 10.3l.7-.4l.7-.5l-6.9-10.3z\\\">\u003C/path>\u003Cpath d=\\\"M13.4 44.9l-.7.5l3.2 4.8l.7-.5l.6-.4l-3.2-4.8z\\\">\u003C/path>\u003Cpath d=\\\"M12.3 37.7l-.7.5l6.8 10.3l.7-.5l.7-.4L13 37.3z\\\">\u003C/path>\u003Cpath d=\\\"M9 39.9l3.2 4.8l.7-.5l.7-.4l-3.2-4.8l-.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M53.2 17.4l.7-.5l-3.2-4.8l-.7.4l-.7.5l3.2 4.8z\\\">\u003C/path>\u003Cpath d=\\\"M48.1 20.8l.7-.5l-3.2-4.8l-.7.5l-.7.4l3.2 4.8z\\\">\u003C/path>\u003Cpath d=\\\"M53 18.5l3.2 4.8l.7-.5l.7-.4l-3.2-4.8l-.7.4z\\\">\u003C/path>\u003Cpath d=\\\"M54.3 24.6l.7-.5l-6.9-10.3l-.7.5l-.6.4L53.6 25z\\\">\u003C/path>\u003Cpath d=\\\"M51.7 26.3l.7-.5l-3.2-4.8l-.7.5l-.7.4l3.2 4.8z\\\">\u003C/path>\u003C/g>\u003C/svg>\\t\\t\\t\\t\\t\\t\\t\\n 한국어\\n \u003C/div>\u003C/a>\u003C/div>\u003C/div>\u003Ca href=\\\"https://app.essepage.com/ko/my\\\" class=\\\"py-2 px-6 rounded-full bg-neutral-800 text-white\\\">\\n ≶ 시작하기\\n \u003C/a>\u003C/div>\u003Cdiv class=\\\"relative block lg:hidden\\\">\u003Cbutton class=\\\"z-50 w-10 h-10 relative focus:outline-none rounded bg-transparent\\\" :class=\\\"{'text-black': !IsTop || OpenMenu, 'text-white': IsTop}\\\" @click.prevent=\\\"OpenMenu = true; PreventScroll();\\\">\u003Cdiv class=\\\"block w-5 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2\\\">\u003Cspan class=\\\"block absolute h-0.5 w-5 bg-current transform transition duration-300 ease-in-out\\\" :class=\\\"{'rotate-45': OpenMenu, '-translate-y-1.5': !OpenMenu }\\\">\u003C/span>\u003Cspan class=\\\"block absolute h-0.5 w-5 bg-current transform transition duration-300 ease-in-out\\\" :class=\\\"{'opacity-0': OpenMenu }\\\">\u003C/span>\u003Cspan class=\\\"block absolute h-0.5 w-5 bg-current transform transition duration-300 ease-in-out\\\" :class=\\\"{'-rotate-45': OpenMenu, 'translate-y-1.5': !OpenMenu}\\\">\u003C/span>\u003C/div>\u003C/button>\u003Cdiv class=\\\"fixed z-40 inset-0 overflow-auto overscroll-none\\\" x-cloak x-show=\\\"OpenMenu\\\" x-transition:enter=\\\"transition ease-in-out duration-400\\\" x-transition:enter-start=\\\"opacity-0\\\" x-transition:enter-end=\\\"opacity-100\\\" x-transition:leave=\\\"transition ease-in-out duration-300\\\" x-transition:leave-start=\\\"opacity-100\\\" x-transition:leave-end=\\\"opacity-0\\\">\u003Cdiv class=\\\"fixed inset-0 w-screen h-screen bg-black bg-opacity-75\\\">\u003C/div>\u003Cdiv class=\\\"relative w-80 max-w-[calc(100%-3rem)] ml-auto bg-white h-screen\\\" x-cloak x-show=\\\"OpenMenu\\\" @click.outside=\\\"MenuClose()\\\" x-transition:enter=\\\"transform transition ease-in-out duration-300\\\" x-transition:enter-start=\\\"translate-x-full\\\" x-transition:enter-end=\\\"translate-x-0\\\" x-transition:leave=\\\"transform transition ease-in-out duration-200\\\" x-transition:leave-start=\\\"translate-x-0\\\" x-transition:leave-end=\\\"translate-x-full\\\">\u003Cdiv class=\\\"h-full flex flex-col px-2\\\">\u003Cdiv class=\\\"flex-1\\\">\u003Cdiv class=\\\"mt-24 mb-8 flex flex-col divide-y\\\">\u003Ca href=\\\"/ko\\\" class=\\\"py-4 pl-4 text-xl\\\" @click=\\\"MenuClose()\\\">Home\u003C/a>\u003Ca href=\\\"/ko/showcase\\\" class=\\\"py-4 pl-4 text-xl\\\" @click=\\\"MenuClose()\\\">쇼케이스\u003C/a>\u003Ca href=\\\"https://essepage.com/blog\\\" class=\\\"py-4 pl-4 text-xl\\\">블로그\u003C/a>\u003Ca href=\\\"https://docs.essepage.com/\\\" class=\\\"py-4 pl-4 text-xl\\\">DOCS\u003C/a>\u003Ca href=\\\"/ko/faq\\\" class=\\\"py-4 pl-4 text-xl\\\" @click=\\\"MenuClose()\\\">FAQ\u003C/a>\u003Ca href=\\\"https://app.essepage.com/ko/my\\\" class=\\\"py-4 pl-4 text-xl\\\">로그인\u003C/a>\u003C/div>\u003Cdiv class=\\\"text-center\\\">\u003Ca href=\\\"https://app.essepage.com/ko/my\\\" class=\\\"inline-block py-2 px-6 rounded-full bg-neutral-800 text-white\\\">\\n ≶ 시작하기\\n \u003C/a>\u003C/div>\u003C/div>\u003Cdiv class=\\\"shrink-0 py-4 px-3 border-t border-gray-200 flex items-center gap-1\\\">\u003Cimg class=\\\"h-8\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/E4tbVBvyKq.png\\\" />\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/header>\u003Cdiv class=\\\"flex-1\\\">\u003Cdiv class=\\\"scroll-snap-wrapper relative h-screen overflow-y-scroll snap-mandatory snap-y\\\" @scroll.$el=\\\"() => {mainPageScrollDetect($el)}\\\" x-init=\\\"IsTop = window.pageYOffset \u003C 10 ? true : false\\\">\u003Cdiv class=\\\"absolute z-[-1] top-[100vh] right-0 left-0 h-[700%] bg-cover bg-no-repeat\\\" style=\\\"background-image: url('https://i.esdrop.com/d/f/XcGaoptYok/usBbXbuGjg.jpg')\\\">\u003C/div>\u003Csection class=\\\"relative w-screen h-screen snap-center\\\" id=\\\"video-area\\\">\u003Cdiv class=\\\"w-full h-full flex justify-center items-center\\\">\u003Ch1 class=\\\"text-center text-white font-bold text-3xl md:text-5xl leading-loose\\\">\\n 브라우저 하나로 쉽고 빠르게\\n \u003C/h1>\u003C/div>\u003Cvideo class=\\\"absolute inset-0 z-[-1] object-cover w-full h-screen\\\" id=\\\"video\\\" poster=\\\"https://i.esdrop.com/d/f/XcGaoptYok/R3Vqyhk6PX.jpg\\\" webkit-playsinline playsinline muted autoplay loop>\u003Csource src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/fxLljSbrI7.mp4s\\\" type=\\\"video/mp4\\\" />\u003Cp>\\n 이 브라우저는 영상재생을 지원하지 않습니다.\\n \u003C/p>\u003C/video>\u003C/section>\u003Csection class=\\\"tb-stack-box relative h-screen snap-always snap-center px-4\\\">\u003Cdiv class=\\\"w-full h-full flex justify-center items-center\\\">\u003Cdiv class=\\\"medium-sized-content text-center\\\">\u003Ch2 class=\\\"tb-pop-up mb-12 md:mb-16 font-bold text-xl md:text-4xl\\\">\\n Essepage는 어떤 서비스인가요?\\n \u003C/h2>\u003Cp class=\\\"tb-pop-up text-lg md:text-2xl leading-relaxed md:leading-relaxed\\\">\\n ESSEPAGE는 브라우저 하나로 즐겁고 빠르게\u003Cbr class=\\\"hidden md:block\\\" /> ⚡웹 어플리케이션을 개발할 수 있는 공간입니다.\\n \u003C/p>\u003C/div>\u003C/div>\u003C/section>\u003Csection class=\\\"tb-stack-box relative h-screen snap-always snap-center px-4\\\">\u003Cdiv class=\\\"w-full h-full flex justify-center items-center\\\">\u003Cdiv class=\\\"medium-sized-content text-center\\\">\u003Ch2 class=\\\"tb-pop-up mb-12 md:mb-16 font-bold text-xl md:text-4xl\\\">\\n <브라우저만 준비하세요./>\\n \u003C/h2>\\n\\n \u003Cul class=\\\"tb-pop-up list-disc space-y-4 text-left text-lg md:text-2xl\\\">\u003Cli>개발환경을 위한 에디터 설치 및 복잡한 설정은 없습니다. 접속만 하세요!\u003C/li>\u003Cli>Markdown부터 섬세한 개발을 위한 HTML, JavaScript, CSS까지 마음껏 사용할 수 있습니다.\u003C/li>\u003Cli>홈페이지 제작과 동시에, 서버개발과 웹호스팅 설정이 완료되어 있습니다.\u003C/li>\u003C/ul>\\n \u003C/div>\u003C/div>\u003C/section>\u003Csection class=\\\"tb-stack-box relative h-screen snap-always snap-center px-4\\\">\u003Cdiv class=\\\"w-full h-full flex justify-center items-center\\\">\u003Cdiv>\u003Ch2 class=\\\"tb-pop-up mb-12 md:mb-16 font-bold text-center text-xl md:text-4xl\\\">\\n <이런 분들에게 추천드려요/>\\n \u003C/h2>\u003Cdiv class=\\\"max-w-[1280px] mx-auto flex flex-col md:flex-row items-stretch gap-10 md:gap-20\\\">\u003Cdiv class=\\\"tb-pop-up max-w-[350px] space-y-2 md:space-y-4\\\">\u003Cimg class=\\\"block max-w-[60px] md:max-w-[150px] mx-auto\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/rkiMY8SHi8.png\\\" alt=\\\"code icon\\\" />\u003Ch3 class=\\\"md:mb-8 text-center font-bold text-lg md:text-3xl\\\">\\n 코딩 입문 혹은 개발자\\n \u003C/h3>\u003Cp class=\\\"text-center text-sm md:text-base\\\">\\n 최신 웹기술을 바로 테스트하면서 공부하고 싶은 분, 반복되는 복잡한 개발환경 설정 및 서버관련 지식에 어려움을 느끼는 분\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"tb-pop-up max-w-[350px] md:mt-40 space-y-2 md:space-y-4\\\">\u003Cimg class=\\\"block max-w-[60px] md:max-w-[150px] mx-auto\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/ULaYliXtHB.png\\\" alt=\\\"code icon\\\" />\u003Ch3 class=\\\"md:mb-8 text-center font-bold text-lg md:text-3xl\\\">\\n 웹디자이너\\n \u003C/h3>\u003Cp class=\\\"text-center text-sm md:text-base\\\">\\n 페이지 디자인은 가능한데 웹페이지를 만들고 공개하는데 어려움을 겪는 분\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"tb-pop-up max-w-[350px] space-y-2 md:space-y-4\\\">\u003Cimg class=\\\"block max-w-[60px] md:max-w-[150px] mx-auto\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/247E428IMV.png\\\" alt=\\\"code icon\\\" />\u003Ch3 class=\\\"md:mb-8 text-center font-bold text-lg md:text-3xl\\\">\\n 나만의 웹페이지 제작\\n \u003C/h3>\u003Cp class=\\\"text-center text-sm md:text-base\\\">\\n HTML, JavaScript, CSS 등으로 자신만의 멋진 웹페이지를 만들고 싶은 분\\n \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/section>\u003Csection class=\\\"relative h-screen snap-always snap-center\\\">\u003Cdiv class=\\\"w-full h-full flex justify-center items-center\\\">\u003Cdiv>\u003Cdiv class=\\\"tb-stack-box\\\">\u003Ch2 class=\\\"tb-pop-up mb-12 md:mb-16 font-bold text-center text-xl md:text-4xl\\\">\\n <ESSEPAGE 이용 후기/>\\n \u003C/h2>\u003C/div>\u003Cdiv class=\\\"swiper mySwiper max-w-[100vw] md:max-w-[1280px] mx-auto h-[60vh] md:h-[50vh]\\\">\u003Cdiv class=\\\"swiper-wrapper\\\">\u003Cdiv class=\\\"swiper-slide tb-stack-box\\\">\u003Cdiv class=\\\"mx-8 md:mx-20 flex flex-col md:flex-row items-center\\\">\u003Cdiv class=\\\"w-full md:w-2/5\\\">\u003Cimg class=\\\"tb-pop-up object-contain mx-auto max-h-[200px] md:max-h-[50vh] rounded-full border-2 border-[#CCB8C4]\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/AOXXjR6Bfs.jpg\\\" />\u003C/div>\u003Cdiv class=\\\"flex-1 px-4 md:px-20\\\">\u003Cdiv class=\\\"tb-pop-up\\\">\u003Ch3 class=\\\"mb-2 text-center font-bold text-xl md:text-4xl\\\">Chloe Choi\u003C/h3>\u003Cp class=\\\"mb-8 text-center text-sm md:text-base\\\">\\n 쥬얼리 브랜드 CEO | Essepage 유저\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"mb-6 relative\\\">\u003Cp class=\\\"tb-pop-up text-center text-base md:text-2xl\\\">\\n 내 브랜드를 위해 100% 맞춤형 웹사이트를 만들고 싶었어요. Essepage로 정말 빠르고 쉽게 만들 수 있었고, 브랜드에 꼭 맞는 사이트를 갖는 꿈을 드디어 이룰 수 있었습니다!\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"tb-pop-up text-center\\\">\u003Ca href=\\\"https://notthatspicy.kr/en\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\" class=\\\"blink inline-flex items-center gap-4 hover:cursor-pointer\\\">\u003Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"w-6 h-6\\\" viewbox=\\\"0 0 24 24\\\" stroke-width=\\\"2\\\" stroke=\\\"currentColor\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\">\u003Cpath stroke=\\\"none\\\" d=\\\"M0 0h24v24H0z\\\" fill=\\\"none\\\">\u003C/path>\u003Cpath d=\\\"M5 12l14 0\\\">\u003C/path>\u003Cpath d=\\\"M15 16l4 -4\\\">\u003C/path>\u003Cpath d=\\\"M15 8l4 4\\\">\u003C/path>\u003C/svg>\u003Cspan class=\\\"font-bold text-lg md:text-xl\\\">\\n 브랜드 웹사이트로 이동\\n \u003C/span>\u003C/a>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\\\"swiper-slide tb-stack-box\\\">\u003Cdiv class=\\\"mx-8 md:mx-20 flex flex-col md:flex-row items-center\\\">\u003Cdiv class=\\\"w-full md:w-2/5\\\">\u003Cimg class=\\\"tb-pop-up object-contain mx-auto max-h-[200px] md:max-h-[50vh] rounded-full border-2 border-[#CCB8C4]\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/vNlXwiM5Mh.jpg\\\" />\u003C/div>\u003Cdiv class=\\\"flex-1 px-4 md:px-20\\\">\u003Cdiv class=\\\"tb-pop-up\\\">\u003Ch3 class=\\\"mb-2 text-center font-bold text-xl md:text-4xl\\\">Heather Johnson\u003C/h3>\u003Cp class=\\\"mb-8 text-center text-sm md:text-base\\\">\\n Essepage user\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"mb-6 relative\\\">\u003Cp class=\\\"tb-pop-up text-center text-base md:text-2xl\\\">\\n As a designer who can handle HTML, the biggest advantage is that I can implement the design I want.\u003Cbr />\\n I'm so happy that I can customize it as I want.\\n \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\\\"swiper-slide tb-stack-box\\\">\u003Cdiv class=\\\"mx-8 md:mx-20 flex flex-col md:flex-row items-center\\\">\u003Cdiv class=\\\"w-full md:w-2/5\\\">\u003Cimg class=\\\"tb-pop-up object-contain mx-auto max-h-[200px] md:max-h-[50vh] rounded-full border-2 border-[#CCB8C4]\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/O7sucO2Ure.jpg\\\" />\u003C/div>\u003Cdiv class=\\\"flex-1 px-4 md:px-20\\\">\u003Cdiv class=\\\"tb-pop-up\\\">\u003Ch3 class=\\\"mb-2 text-center font-bold text-xl md:text-4xl\\\">Mark Edworthy\u003C/h3>\u003Cp class=\\\"mb-8 text-center text-sm md:text-base\\\">\\n Essepage user\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"mb-6 relative\\\">\u003Cp class=\\\"tb-pop-up text-center text-base md:text-2xl\\\">\\n With Essepage, Casual coding is possible!\u003Cbr />\\n Online editing is available, so you can code on any device, anytime, anywhere.\u003Cbr />\\n Let’s become a true digital nomad with Essepage!\\n \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\\\"swiper-slide tb-stack-box\\\">\u003Cdiv class=\\\"mx-8 md:mx-20 flex flex-col md:flex-row items-center\\\">\u003Cdiv class=\\\"w-full md:w-2/5\\\">\u003Cimg class=\\\"tb-pop-up object-contain mx-auto max-h-[200px] md:max-h-[50vh] rounded-full border-2 border-[#CCB8C4]\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/ImPLo7yC4J.jpg\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"flex-1 px-4 md:px-20\\\">\u003Cdiv class=\\\"tb-pop-up\\\">\u003Ch3 class=\\\"mb-2 text-center font-bold text-xl md:text-4xl\\\">Hasan Rahmani\u003C/h3>\u003Cp class=\\\"mb-8 text-center text-sm md:text-base\\\">\\n Essepage user\\n \u003C/p>\u003C/div>\u003Cdiv class=\\\"mb-6 relative\\\">\u003Cp class=\\\"tb-pop-up text-center text-base md:text-2xl\\\">\\n It's so convenient that I can check my code online without worrying about the server.\u003Cbr />\\n I highly recommend Essepage to users like me who are lazy to set up the server.\\n \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\\\"swiper-button-next\\\">\u003C/div>\u003Cdiv class=\\\"swiper-button-prev\\\">\u003C/div>\u003C/div>\u003C/div>\u003C/div>\u003C/section>\u003Csection class=\\\"tb-stack-box relative h-screen snap-always snap-center px-4\\\">\u003Cdiv class=\\\"relative w-full h-full flex justify-center items-center\\\">\u003Cdiv>\u003Ch2 class=\\\"tb-pop-up mb-12 md:mb-16 font-bold text-center text-xl md:text-4xl\\\">\\n <Essepage 파트너/>\\n \u003C/h2>\u003Cdiv class=\\\"mb-8 max-w-[1000px] mx-auto grid grid-cols-3 md:grid-cols-4 gap-x-12 gap-y-4\\\">\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/kGFgk3acAH/8AXU1rJoVZ.jpg\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/n20LOBaYCl.png\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/xQ4rDYqun9.png\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/ATAr023qGh.png\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/isVz6vwWBC.png\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/YtX1aG3Spo/yrTZkFCYAT.svg\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/XcGaoptYok/n20LOBaYCl.png\\\" loading=\\\"lazy\\\" />\u003C/div>\u003Cdiv class=\\\"tb-pop-up aspect-square max-w-[100px] md:max-w-[150px] p-4 md:p-6 rounded-full bg-white overflow-hidden flex justify-center items-center\\\">\u003Cimg class=\\\"object-contain w-full\\\" src=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/8JJUsIxEel.png\\\" loading=\\\"lazy\\\" />\u003C/div>\u003C/div>\u003Cdiv class=\\\"tb-pop-up text-center\\\">\u003Ca href=\\\"https://app.essepage.com/ko/my\\\" class=\\\"inline-block py-4 px-6 rounded-full bg-neutral-800 text-white text-xl\\\">\\n EXPERIENCE NOW!\\n \u003C/a>\u003C/div>\u003C/div>\u003C/div>\u003C/section>\\n\\n \u003Csection class=\\\"tb-stack-box relative h-screen snap-always snap-center px-4\\\">\u003Cdiv class=\\\"relative w-full h-full flex justify-center items-center\\\">\u003Cdiv>\u003Cp class=\\\"tb-pop-up text-lg md:text-2xl leading-relaxed md:leading-relaxed\\\">\\n 에스페이지는 여러분의 무한한 상상력을 응원합니다.\u003Cbr />\\n 자유롭게 원하는 모든 것을 만들어 보세요!\\n \u003C/p>\u003Cdiv class=\\\"tb-pop-up mt-8 text-center\\\">\u003Ca href=\\\"https://app.essepage.com/ko/my\\\" class=\\\"inline-block py-4 px-6 rounded-full bg-neutral-800 text-white text-xl transition hover:bg-white hover:text-black\\\">\\n ≶ Essepage 시작하기\\n \u003C/a>\u003C/div>\u003C/div>\u003C/div>\u003C/section>\\n\\n \u003Csection class=\\\"tb-stack-box relative h-screen snap-always snap-center px-4\\\">\u003Cdiv class=\\\"h-screen flex flex-col justify-center items-center\\\">\u003Cfooter>\\n \u003Cdiv class=\\\"ml-4 mr-8 grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 text-xs md:text-sm\\\">\u003Cdiv>\u003Cp>\\n Essepage © 2022-2023 | Powered By ≶Essepage\\n \u003C/p>\u003Cp class=\\\"space-x-2 text-xs md:text-sm\\\">\u003Ca href=\\\"/ko/privacy\\\">개인정보보호정책\u003C/a>\u003Cspan>|\u003C/span>\u003Ca href=\\\"/ko\\\">이용약관\u003C/a>\u003Cspan>|\u003C/span>\u003Ca href=\\\"/ko/return-policy\\\">환불규정\u003C/a>\u003Cspan>|\u003C/span>\u003Ca href=\\\"/ko/contact\\\">문의하기\u003C/a>\u003C/p>\u003C/div>\u003Cdiv class=\\\"text-right\\\">\\n 상호: 에센시 | 대표: 최은석\u003Cbr />\\n 사업자번호: 446-34-00254\u003Cbr />\\n 주소: 강원도 춘천시 후석로258번길 26\u003Cbr />\\n 전화번호: 070-8065-3690\\n \u003C/div>\u003C/div>\u003Cdiv class=\\\"ml-4 mr-8 mt-4 text-left text-[.6rem] md:text-[.7rem]\\\">\\n Stock footage provided by Videvo, downloaded from \u003Ca href=\\\"http://www.videvo.net/\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\">www.videvo.net\u003C/a>\u003C/div>\\n\u003C/footer>\u003C/div>\u003C/section>\u003C/div>\u003C/div>\u003C/div>\u003C/div>\",\"script\":\"Essepage.afterUpdate((async()=>{__unocss_runtime.update();var e=new Swiper(\\\".mySwiper\\\",{loop:true,navigation:{nextEl:\\\".swiper-button-next\\\",prevEl:\\\".swiper-button-prev\\\"}});const t=document.querySelectorAll(\\\".tb-stack-box\\\");const r={root:null,rootMargin:\\\"0px\\\",threshold:.2};const o=new IntersectionObserver((function(e,t){e.forEach((function(e){if(e.intersectionRatio>0){var r=e.target.querySelectorAll(\\\".tb-pop-up\\\");for(var o=0;o\u003Cr.length;o++){var n=r[o];setTimeout((function(e){e.classList.add(\\\"show-el\\\")}),(o+.5)*150,n)}t.unobserve(e.target)}}))}),r);for(var n=0;n\u003Ct.length;n++){o.observe(t[n])}}));\",\"css\":\"@keyframes blink-effect{50%{opacity:0}}.blink{animation:blink-effect 1.5s step-end infinite}\",\"essepage_head\":\"\u003Ctitle>ESSEPAGE [@ko ESSEPAGE - 에스페이지\u003C/title>\u003Cmeta name=\\\"keywords\\\" content=\\\"essepage, demo, homepage [@ko essepage, 에스페이지, 홈페이지, 프론트엔드\\\" />\u003Cmeta name=\\\"description\\\" content=\\\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\\\" />\u003Cmeta property=\\\"og:title\\\" content=\\\"ESSEPAGE\\\" />\u003Cmeta property=\\\"og:description\\\" content=\\\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\\\" />\u003Cmeta property=\\\"og:image\\\" content=\\\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\\\" />\u003Cmeta property=\\\"og:site_name\\\" content=\\\"ESSEPAGE\\\" />\u003Cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\" />\u003Clink rel=\\\"icon\\\" href=\\\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\\\" />\u003Clink rel=\\\"stylesheet\\\" href=\\\"https://fastly.jsdelivr.net/npm/@unocss/reset/tailwind-compat.css\\\" />\u003Cscript src=\\\"https://fastly.jsdelivr.net/npm/@unocss/runtime\\\">\u003C/script>\u003Clink rel=\\\"preconnect\\\" href=\\\"https://fonts.googleapis.com\\\" />\u003Clink rel=\\\"preconnect\\\" href=\\\"https://fonts.gstatic.com\\\" crossorigin />\u003Clink href=\\\"https://fonts.googleapis.com/css2?family=PT+Mono&display=swap\\\" rel=\\\"stylesheet\\\" />\u003Clink rel=\\\"stylesheet\\\" href=\\\"https://fastly.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css\\\" />\u003Cscript src=\\\"https://fastly.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js\\\">\u003C/script>\u003Cscript src=\\\"https://fastly.jsdelivr.net/npm/dayjs@1/dayjs.min.js\\\">\u003C/script>\u003Cscript defer src=\\\"https://fastly.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\\\">\u003C/script>\u003Cstyle>[x-cloak]{display:none !important}[un-cloak]{display:none !important}body{font-family:\\\"PT Mono\\\", -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \\\"Helvetica Neue\\\", sans-serif}.sized-content{max-width:1000px;margin:0 auto}.medium-sized-content{max-width:850px;margin:0 auto}.swiper-button-next,.swiper-button-prev{color:#9ca3af}.tb-pop-up{transition-property:opacity, transform;transition-duration:0.5s;transition-timing-function:ease-in-out;opacity:0;transform:translateY(3rem)}.tb-pop-up.right-pop-up{transform:translateX(5rem)}.tb-pop-up.show-el{opacity:1;transform:translateX(0) translateY(0)}@media only screen and (max-width:640px){.swiper-button-prev:after,.swiper-button-next:after{font-size:1.5rem}}\u003C/style>\",\"page_title\":\"ESSEPAGE [@ko ESSEPAGE - 에스페이지\",\"page_meta\":{\"title\":\"ESSEPAGE [@ko ESSEPAGE - 에스페이지\",\"description\":\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\",\"og_title\":\"ESSEPAGE\",\"og_description\":\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\",\"og_image\":\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\",\"keywords\":\"essepage, demo, homepage [@ko essepage, 에스페이지, 홈페이지, 프론트엔드\",\"viewport\":\"width=device-width, initial-scale=1\",\"og:title\":\"ESSEPAGE\",\"og:description\":\"Essepage homepage [@ko ESSEPAGE 홈페이지입니다.\",\"og:image\":\"https://i.esdrop.com/d/f/XcGaoptYok/21Jq5XmWZ8.png\",\"og:site_name\":\"ESSEPAGE\"},\"additional_languages\":[\"ko\"],\"default_language\":\"en\",\"file_type\":\"essepage\",\"page_token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3MjYxMjU0OTMsIm5iZiI6MTcyNjEyNTQ5MywiZXhwIjoxNzI2MTI5MDkzLCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjkwMCJ9fQ.tGvIqFyiRCa8qJ8v57njisO1VkgRP81AooZPxh5Nlbg\",\"s_fetch\":true,\"use_ssr_cache\":false,\"href_path\":\"/ko\",\"article_mode\":false,\"cv\":\"20240502071916\"}}"}