Guide

Go with the flow

It may be a simple video editing tool, but you need to know some basic information to use it, right? Then from now on, let's find out what each button on the screen does! That way, you won't have to read this guide any further, right?

So we have prepared tutorials that allow you to follow along easily and learn the functions. Even if you are familiar with traditional video editing tools such as Premiere, please follow the tutorial at least once. You will be able to fully appreciate the advantages that only Videostew offers.

Follow the wizard

When you first learn computer programming, the very first thing you do is not computer theory or history, nor hardware. It starts with printing the letters "Hello World" on the screen.

< Coding starts with Hello World >

Through this, it's a simple feeling of 'I did something at least.' Let's start this way too. If you're not sure where to start with Starting Tutorial, please prepare by detaching this guide or viewing it alongside while editing in Videostew.

In this practice, we'll try making the following video.

< Make and watch the video >

Add Project

Let's assume you're on the home screen first. Click the 'Start New Recipe' button on the upper left side.

< Add New Project >

Start Wizard Mode

Then the wizard mode will appear automatically. When you add a new project, it will be displayed first. Set the title as "First Project", and then click the "Next" button.

In the next screen, select "Start with prepared script" and click "Next".

Adding Content

The next screen will be a slide where you actually insert the content. Just create three lines below and insert them.

This is my first project with Videostew.
With Videostew, you can easily produce videos with just the default inputs.
I look forward to telling stories I want with Videostew and turning them into videos.

< Inserting content into the wizard >

If the text above fits into one line, you can use the Enter key to separate the paragraphs. Once you have entered all the content as shown above, click "Next".

Finishing Touches

Now you can see the screen where you can set up your voiceover, BGM, fonts, etc. If you use these settings frequently later on, you may become familiar with them; however, they are not important right now so just hit "Complete" to proceed.

< Detailed Settings Screen >

Automatic Video Matching

Now our content will be automatically matched with a video background, and a corresponding stock video will be automatically matched to the content.

< Automatically matching video to the content >

Preview the Entire Video

Now we have come to the step for final editing. Looking at the unedited video screen, are you feeling lost about where to start? But don't worry. If you follow me closely, you can complete the video without any problems.

Do you see the [Preview](/guide/edit/view/top/preview) button at the top of the screen? Click the ▼ right next to it and try selecting "Preview". Does it display the splendid video made based on the content you all created?

Rendering and Download

So far, your project only exists on the Videostew server. Now it's time to render it and download it to "My Computer". Do you see the "Download" button on the right side of the screen? Click it. A download window will open below. Click "Rendering" on the far left there. It is the process of converting the worked item into a video. ![](https://cdn.videostew.com/web/views/guide/rendering.mp4?_=1i1nfsk) After a short while, you'll be able to see that the "Download" next to it has been activated. Click it and now the real completed video (mp4) will be downloaded to "My Computer". Open the explorer (or finder) and go to the download folder to play it! Congratulations, you've created a single video (complete mp4)! Now start bragging to your friends on SNS or KakaoTalk, saying "This is the video I made"! The adventure begins now. !The download folder depends on the browser settings. If you don't know where the downloaded video is, please refer to [Check downloaded video].

Manual Editing

Lastly, shall we try making it all ourselves without using [Recipe] or [Wizard Mode](/guide/edit/view/wizard) this time? Through this process, you can get more familiar with many of Videostew's operations and features! Let's take it step by step! https://youtu.be/K3OgJixFgJU < Create Video >

Add Project

Let's assume you're on the home screen. Press the 'Add Project' button on the left sidebar. ![](https://cdn.videostew.com/web/views/guide/new_project_01.mp4?_=1i1nfoc) < Click the Add Project button > The title is This time, we won't use [Wizard Mode](/guide/edit/view/wizard), but let's try clicking "Quick Start" on the lower left side. ![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-27_오후_5.44.42.png?_=1hvoreq) < Click Start Immediately on the bottom left >

Changing to a Horizontal Project with a 16:9 Aspect Ratio

Depending on what the last action was, the aspect ratio of the screen in the Editing Window after 'Quick Start' might differ. In such cases, click on [Size](/guide/edit/basic/size) at the bottom right to change it to the desired screen ratio. In this action, we will select a 1920x1080 (16:9) aspect ratio. Then you can verify that the Editing Window changes to a horizontal format. ![](https://cdn.videostew.com/web/views/guide/resize.mp4?_=1i1ng0o) < Changing the Project's Screen Aspect Ratio >

Inserting Images and Text

Select "Video > Stock" from the [Library Window](/guide/edit/view/library) on the left, enter "ocean" in the search bar at the top, and search. Click on the image that you like, and it will be inserted into the [Editing Window](/guide/edit/view/stage/slide-panel/stage) in the center at the default size. ![](https://cdn.videostew.com/web/views/guide/bada.mp4?_=1i1ng5a) < Inserting Image after Searching > Next, we'll insert text. Select "Text > Stock" from the [Library Window](/guide/edit/view/library) on the left side, and click on the font you like. Then, in the [Editing Window](/guide/edit/view/stage/slide-panel/stage) in the center, a "Text" element with the corresponding font style will have been inserted. ![](https://cdn.videostew.com/web/views/guide/bada_text.mp4?_=1i1ng6n) < Text Insertion > In the [Editing Window](/guide/edit/view/stage/slide-panel/stage), double-click on [Text Element](/guide/edit/basic/text) to switch to editing mode. Enter the content as "Let's protect the future of the Earth together". Once you've entered it, click outside the [Editing Window](/guide/edit/view/stage/slide-panel/stage) to exit text editing mode. ![](https://cdn.videostew.com/web/views/guide/text_edit2.mp4?_=1i1ng97) < Exiting Text Edit Mode > Grab the text and position it where you want, adjusting its size. Stick it at the bottom like a subtitle, and change the size by sliding to fit the slide size. ![](https://cdn.videostew.com/web/views/guide/text_edit3.mp4?_=1i1ng97) < Adjusting Text Position and Size >

Filling in Content

To duplicate a slide, press the "+ Add" button in the [Slide Window](/guide/edit/view/slide-navigator). The last slide will be duplicated automatically. Typically, when working with videos, content changes continuously in a similar format, so this is why the operation works this way. Once a new slide is duplicated and added, it is automatically selected. So, you can immediately double-click the text and change it to the desired content. This time, enter the text as "Protecting the Earth is also greatly influential for our own health and safety, as well as for our children's future." ![](https://cdn.videostew.com/web/views/guide/duplicate.mp4?_=1i1njls) < Created Slide > By adding new slides and continuously changing the content like this, you've directly created 5 slides. ![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-27_오후_9.38.44.png?_=1hvp93d) < Duplicate the slide to create 5 slides >

Readability Enhancement

Even after looking more closely, it seems like the text isn't very visible. You can change the font color, but there is no guarantee that the image in the background will always be the same color, so this time try adding a readability enhancement feature. ![](https://cdn.videostew.com/web/views/guide/readibility.mp4?_=1i1njm3) < Readability Enhancement Applied Screen > Now, if you select each added slide and change the accessibility preservation four times, will that suffice? No! If you want to create a video, you would have to create dozens of slides, and if you have to repeat the process multiple times whenever there's a change, it won't be efficient, right? That's why Videostew offers a feature that allows you to change multiple slides at once. Select all the slides you want to change from the [Slide Window](/guide/edit/view/slide-navigator) at the bottom. To select all, click on the first slide you want to select, and then click on the last slide while holding down `Shift`. Then all the slides in between will be selected at once. ![](https://cdn.videostew.com/web/views/guide/multi_select.mp4?_=1i1njoj) < Multiple slides selected at once > Do you see that the color of the handle in the [Editing Window](/guide/edit/view/stage/slide-panel/stage) in the center has changed? This indicates that you can simultaneously apply changes to multiple selected slides. ![](https://cdn.videostew.com/web/views/guide/multi_outline.mp4?_=1i1njq0)

Changing to Videos that Fit the Situation

Now we have unified the background video into one, but inserting a contextual visual is important. So let's try changing to different videos that match the content of each slide. First, select the second slide. Then choose [Video > Stock] from the [Library Window](/guide/edit/view/library) on the left side. Select the video you want and drag it to the existing video in the [Editing Window](/guide/edit/view/stage/slide-panel/stage) in the center. When you release the mouse, it will be replaced with the newly selected image. ![](https://cdn.videostew.com/web/views/guide/video_switch.mp4?_=1i1njrm) Change each video in the same way. There is no need to multi-select this time because we are going to insert different content into each slide.

Add Background Music

You've completed it to some extent, but it would be frustrating without a BGM, right? If you look at the [Editing Window](/guide/edit/view/stage/slide-panel/stage) in the center, you will see a sound icon with a "none" button indicated. That button is the one that can change the BGM. ![](https://cdn.videostew.com/web/views/guide/pasted-1705581710618.png?_=uobr) < BGM Change Button > Click this button and select the BGM music you want. If you hover your mouse over any music for a while, it will automatically play a preview. Once you've chosen the desired BGM, click confirm. Now you can see that the display has changed from "None" to the selected music! Shall we take a listen? Just press `Space` on the keyboard or click on [Preview](/guide/edit/view/top/preview) at the top of the screen! You'll know the current selected slide is playing along with the music. If you want to view the entire sequence, click the ▼ button on the right side of [Preview](/guide/edit/view/top/preview) and select [Preview](/guide/edit/view/top/preview).

Add Narration

We're almost done. The music is in, and the screen is fully constructed. But doesn't it seem like something is missing? That's right, the narration! We'll add narration to make our video better communicate to the audience! Narrations can be added to each slide, but since we're going to add them to all slides, you can process them all at once by selecting all slides. Remember the method of selecting a range using `Shift` I told you before? You can do it that way, but let's try selecting all at once this time. There are various ways to set up the narration, but for now, let's just have the AI voice read it. Click on "None" for the category and select [AI Voice](/guide/edit/basic/narration/ai-voice). You'll be able to see a few more options expanding. You can also change the voice and even listen to previews. ![](https://cdn.videostew.com/web/views/guide/ai_voice.mp4?_=1i1nju6) Now that you've inserted the narration, shall we preview it one last time before rendering? Click the ▼ next to [Preview](/guide/edit/view/top/preview) on the sidebar and try [Preview](/guide/edit/view/top/preview)! Does it now look like a proper video?

Rendering and Download

Manual production is all done too! Congratulations!! ?? Did you try downloading to your computer for the first time? This time, practice sharing the completed video without downloading. Just like downloading, press the [Download](/guide/edit/view/top/download) button on the sidebar, and click on [Rendering] in the video. The share URL will be activated once rendering is completed. After a little while, when the rendering is finished, do not download it this time; please close the download window. Then click on [See more ▼] in the right-side menu, and select [Share](/guide/edit/view/top/more/sharable-url). You will be able to see the shareable link displayed below. ![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-27_오후_10.28.59.png?_=1hvpc1n) < Sharing Window > Now copy that address and share it directly in your friends' chat room! If you're curious to see how it appears, open a new tab in the Chrome browser and paste the address to see! You can show everyone the video you've created without downloading it, isn't that convenient? There's also a way to upload to YouTube directly. Uploading to YouTube will be described in a separate chapter. Open [Upload to YouTube](/guide/tutorial/upload-youtube) and try it together!

Upload to YouTube

Congratulations to those who have followed the practice well up to this point. You are the ones who have a good grasp of how to utilize Videostew! I congratulate you once again! If you've become comfortable with uploading to YouTube, you're ready to create your own channel and try out something new!

Setting Up a YouTube Channel

First things first, you need a channel to upload to YouTube, right? Follow the steps below to set up your channel.

Create a New YouTube Channel

After logging into YouTube, click on the 'My Account' icon on the upper right side, and you'll find a "Create Channel" button. Click this button and set your channel name and [handle] address. Think of the [handle] address as your channel URL that can be used in the format `https://youtube.com/@youruniqueaddress`. ![](https://cdn.videostew.com/web/views/guide/pasted-1705581759014.png?_=18pst) If you've already set up your channel, you may skip this step and proceed to the next one.

Upload from the Editing Screen

Once you have a channel, you can move to the project's [Editing Screen](/guide/edit) to upload. Select the project you want to upload from the [Home Screen](/guide/edit/view/top/more/setting/home) and move to the [Editing Screen](/guide/edit). If the rendering is already complete, you will see the YouTube button on the top side (if the project hasn't been rendered yet, click the [Download](/guide/edit/view/top/download) button on the top side and perform rendering first). Press the YouTube button. ![](https://cdn.videostew.com/web/views/guide/pasted-1705581798709.png?_=v1lv) < YouTube Upload Window > Now you can set the title and description of the video you want to upload to YouTube. After crafting your content, press the YouTube button at the bottom right to complete the upload. ![](https://cdn.videostew.com/web/views/guide/pasted-1705581820734.png?_=opf0) <h2 id="tutorial/animation-with-narration" class="md-header" data-num-length="0">Follow along with animation video production</h2> If you have come this far, I assume you have become familiar with the basic usage of Videostew. This time, let's learn about how to create an animated video, which can be considered the flower of Videostew. Videostew provides an [Auto Animation] feature similar to PowerPoint's motion effects. It automatically creates animations if it finds identical elements across slides that have changed in size or position. ![](https://cdn.videostew.com/web/views/guide/butterfly-animation.mp4?_=8quk) < Easy Animated Content Creation > When using the actual Auto Animation, many of you will use it along with AI voice. In this tutorial, we will show you how to easily utilize Auto Animation with narration. Why not watch the video below first, and then follow the steps outlined in the guide? https://www.youtube.com/watch?v=CIy2OSe8fJ0 <h3 id="tutorial/animation-with-narration/2tleubq" class="md-header" data-num="1" data-num-length="1">Placing elements on the slide</h3> First, prepare the necessary elements. In this guide, we used images provided by freepik. After preparing mountain and hiker images as PNG files, upload them to the user library with drag and drop. In the case of a background element, search for "sky" in the image library to find and insert an appropriate image. ![](https://cdn.videostew.com/web/views/guide/animation-step-1.mp4?_=b12m) < Insert transparent PNG images and freely position them > This way, the first slide has been embedded with a total of three elements: a sky image, a mountain vector image, and a mountaineer vector image. And now the most important task remains. The most important thing on the first slide is to manually change the slide duration to 0.1 seconds. I will explain the reason in the next step. Shall we move on to the next slide? <h3 id="tutorial/animation-with-narration/107drnq" class="md-header" data-num="2" data-num-length="1">Creating a Climbing Part</h3> Click the "+ Add" button in the lower slide navigation to add a slide. Then, let's position the mountaineer at the top of the mountain. Next, choose an appropriate font and add it to the slide after selecting it, saying "Here's a man climbing the mountain." Also, adjust the slide time to match the narration length and select "Narration > AI Voice" to assign the appropriate voice. ![](https://cdn.videostew.com/web/views/guide/animation-step-2.mp4?_=nole) < Create animations by changing the position of elements between slides > If you preview it here, you will see that the mountaineer quickly reaches the top of the mountain. Precisely, it arrives at the summit in just 0.3 seconds. The reason is the [Transition Duration](/guide/edit/basic/duration/transition-timing). [Transition Duration](/guide/edit/basic/duration/transition-timing) is the duration it takes for the animation to activate. Simply put, if you change the [Transition Duration](/guide/edit/basic/duration/transition-timing) to 2.2 seconds, the animation will move slowly towards the mountain summit over the course of the narration. ![](https://cdn.videostew.com/web/views/guide/Screenshot_2024-01-17_PM_9.09.01.png?_=sigb) < Adjust the Transition Duration to match the length of the narration > If you feel like the speed is stuck as you climb the mountain, you are correct. Videostew provides the [Ease (motion effect)] feature that can change the speed of the animation. To create an animation that climbs slowly to the top, please select the “Linear” option among the Ease options. <h3 id="tutorial/animation-with-narration/lt648k" class="md-header" data-num="3" data-num-length="1">Creating a Slide of Mountain Summit</h3> Now, in the next slide, we will create a part where the narration says, “And then the man...”. Just copy another slide, and replace the text, and you are good to go. Please note that if the Transition Duration of the slide is copied and exceeds 2 seconds, it is advisable to adjust it to around 0.3 seconds. Oh dear, to prevent moving too quickly to the next slide after finishing the narration, we will insert about 0.5 seconds of 'silence after end' in the narration options. By doing so, the slide will linger for the set amount of time after the narration ends before moving on to the next slide. ![](https://cdn.videostew.com/web/views/guide/animation-step-3.mp4?_=c0nd) <h3 id="tutorial/animation-with-narration/26g7f3j" class="md-header" data-num="4" data-num-length="1">Creating a Descending Part</h3> Now let's create a slide where the mountain climber descends normally. Also, copy the previous slide and move the position of the climber. Then change the text to 'Safely descended the mountain.' And for more fun, let's add a laughing sound effect. It's good to have a laugh sound after all the narration is over, so copy another slide and this time leave out the narration and just insert the sound effect. Find the appropriate sound effect in the sound effect library and adjust the duration of the slide accordingly. ![](https://cdn.videostew.com/web/views/guide/animation-step-4.mp4?_=k7so) < Insert sound effect after narration > Once you have completed all the work, please preview it to confirm that it has been implemented as desired, and then rendering and downloading will complete the process. </div> </div> </div> </div> </div> <div id="footer" class="py-5 float-none footer w-100 overflow-hidden d-print-none"> <div class="container"> <div id="footer-menu" class="row gy-3"> <div class="col"> <a href="/" class="pjax text-decoration-none mt-1 d-inline-block" style="filter: grayscale(1);opacity: 0.5;"> <img src="https://cdn.videostew.com/i/logo-primary.svg" alt="Logo" width="145" height="20"> </a> </div> <div class="col pages"> <h3>Product</h3> <a class="d-block " href="/">Introduce</a> <a class="d-block pjax" href="/pricing">Pricing</a> <a class="d-block" href="/terms">Terms</a> <a class="d-block" href="/privacy">Privacy</a> </div> <div class="col pages"> <h3>Templates</h3> <a class="d-block pjax" href="/templates">Video Templates</a> <a class="d-block pjax" href="/templates?q=tag:youtube">YouTube</a> <a class="d-block pjax" href="/templates?q=tag:youtube_shorts">YouTube Shorts</a> <a class="d-block pjax" href="/templates?q=tag:company">Company PR</a> <a class="d-block pjax" href="/templates?q=tag:instagram_reels">Instagram Reels</a> <a class="d-block pjax" href="/templates?q=tag:book">Book</a> <a class="d-block pjax" href="/templates?q=tag:youtube_intro">YouTube Intro</a> <a class="d-block pjax" href="/templates?q=tag:youtube_outro">YouTube Outro</a> </div> <div class="col pages"> <h3>Resources</h3> <!-- <a class="" href="/blog">블로그</a> --> <a class="d-block pjax display-ko" href="/guide" target="_blank" onclick="gtag.sendPageView({page_path:'https://guide.videostew.com'})">User Guide</i></a> <!-- <a class="d-block pjax display-ko" href="/blog?category=tutorial">Tutorial</a> --> <a class="d-block pjax" href="/blog?category=announcement">News</a> <a class="d-block" href="/info/changelog">Changelog</a> <a class="d-block" href="/video-editing">For video editor</a> <a class="d-block pjax display-ko" href="/voucher">비대면 바우처 2024</a> <a class="d-block pjax display-ko" href="/cloud-voucher">클라우드 바우처 2024</a> <a class="d-block pjax display-ko" href="/school">에듀테크 솔루션</a> <a class="d-block " href="/dev">API & SDK</a> <a class="d-block display-ko" href="https://vs-onlineclass.oopy.io" target="_blank" onclick="gtag.sendPageView({page_path:'https://vs-onlineclass.oopy.io'})">User Guide <i class="bi bi-box-arrow-up-right"></i></a> <a class="d-block " href="https://connection.videostew.com" target="_blank" onclick="gtag.sendPageView({page_path:'https://connection.videostew.com'})">Connection <i class="bi bi-box-arrow-up-right"></i></a> <a class="d-block " href="https://status.videostew.com" target="_blank" onclick="gtag.sendPageView({page_path:'https://status.videostew.com'})">Status <i class="bi bi-box-arrow-up-right"></i></a> </div> <div class="col pages"> <h3>Company</h3> <a class="d-block pjax" href="/about-us">About</a> <a class="d-block pjax" href="/newsletter">Newsletter</a> <!-- <a class="d-block" href="/info/mediakit">MediaKit</a> --> <a class="d-block pjax" href="/contact-us">Contact Us</a> <!-- <a class="d-block" href="mailto:support@videostew.com">Email Us</a> --> <a class="d-block display-ko " href="https://affiliates.videostew.com" target="_blank" onclick="gtag.sendPageView({page_path:'https://affiliates.videostew.com'})">Affiliates <i class="bi bi-box-arrow-up-right"></i></a> <a class="d-block display-ko " href="https://educator.videostew.com" target="_blank" onclick="gtag.sendPageView({page_path:'https://educator.videostew.com'})">Educator <i class="bi bi-box-arrow-up-right"></i></a> </div> </div> <hr id="footer-divider" class="mt-6 mb-5" /> <div id="footer-bottom" class="row"> <div class="col pt-2 mt-2 pb-4"> <div class="float-sm-end"> <ul class="nav align-items-center nav-gap-md nav-no-opacity d-inline-flex position-relative" style="top:-5px;"> <li class="nav-item"><a class="txt-6 nav-link" data-title="facebook" target="_blank" rel="nofollow noopener noreferrer" href="https://www.facebook.com/videostewapp"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="17" fill="none"> <path fill="currentColor" d="M6.318 2.8h1.391V.202A16.842 16.842 0 0 0 5.683.088c-2.006 0-3.38 1.353-3.38 3.837v2.287H.089v2.902h2.214v7.303h2.713V9.114H7.14l.338-2.902H5.016v-2c0-.839.21-1.413 1.302-1.413Z" /> </svg></a></li> <li class="nav-item"><a class="txt-6 nav-link" data-title="youtube" target="_blank" rel="nofollow noopener noreferrer" href="https://www.youtube.com/channel/UCwidmTIqUv-SMwZ89tY90Yw"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="15" fill="none"> <path fill="currentColor" d="M19.687 2.485A2.472 2.472 0 0 0 17.953.73C16.423.313 10.29.313 10.29.313s-6.133 0-7.662.416A2.473 2.473 0 0 0 .895 2.485c-.41 1.55-.41 4.782-.41 4.782s0 3.233.41 4.782c.226.855.89 1.5 1.734 1.729 1.53.415 7.662.415 7.662.415s6.132 0 7.662-.415a2.435 2.435 0 0 0 1.734-1.729c.41-1.549.41-4.782.41-4.782s0-3.232-.41-4.782ZM8.285 10.203v-5.87l5.126 2.934-5.126 2.936Z" /> </svg></a></li> <li class="nav-item"><a class="txt-6 nav-link" data-title="instagram" target="_blank" rel="nofollow noopener noreferrer" href="https://www.instagram.com/videostew/"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none"> <path fill="currentColor" d="M8.788 4.097C6.47 4.097 4.6 5.95 4.6 8.25c0 2.298 1.87 4.153 4.188 4.153 2.318 0 4.188-1.855 4.188-4.153 0-2.3-1.87-4.153-4.188-4.153Zm0 6.853c-1.498 0-2.723-1.211-2.723-2.7 0-1.49 1.221-2.7 2.723-2.7 1.502 0 2.723 1.21 2.723 2.7 0 1.489-1.225 2.7-2.723 2.7Zm5.336-7.023a.97.97 0 0 1-.977.968.97.97 0 0 1-.976-.968c0-.535.437-.969.976-.969.54 0 .977.434.977.969Zm2.774.983c-.062-1.298-.36-2.447-1.32-3.394C14.624.569 13.465.272 12.156.207c-1.349-.076-5.39-.076-6.74 0C4.113.27 2.954.565 1.995 1.512 1.035 2.46.74 3.61.674 4.906c-.076 1.338-.076 5.346 0 6.683.063 1.298.361 2.447 1.32 3.394.959.947 2.114 1.244 3.423 1.309 1.348.076 5.39.076 6.739 0 1.308-.062 2.468-.358 3.422-1.309.956-.947 1.254-2.096 1.32-3.394.076-1.337.076-5.342 0-6.68Zm-1.742 8.114a2.745 2.745 0 0 1-1.553 1.54c-1.075.423-3.627.325-4.815.325-1.188 0-3.743.095-4.815-.325a2.746 2.746 0 0 1-1.552-1.54c-.427-1.066-.329-3.596-.329-4.774 0-1.179-.094-3.712.329-4.775a2.745 2.745 0 0 1 1.552-1.54C5.048 1.512 7.6 1.61 8.788 1.61c1.188 0 3.743-.094 4.815.325a2.745 2.745 0 0 1 1.553 1.54c.426 1.066.328 3.596.328 4.775 0 1.178.098 3.712-.328 4.774Z" /> </svg></a></li> </ul> <!-- <form class="input-group mt-3"> <input type="email" class="form-control" placeholder="Newsletter"> <button class="btn btn-outline-secondary" type="button" id="button-addon2">Subscribe</button> </form> --> </div> <div class="fs-xs mt-1"> <div id="address" class="display-ko"> <span>상호</span> (주)투블루 / <span>사업자등록번호</span> 113-86-86287 / <span>대표자명</span> 이흥현 / <span>주소</span> 5F(Tubloo), 55, Digital-ro 32-gil, Guro-gu, Seoul, Republic of Korea / <span>고객센터</span> <span class="btn-open-cs"></span> (10:00 ~ 18:00) / <span>제휴문의</span> support@videostew.com </div> © 2014 - 2024 Tubloo Co., ltd </div> <button class="mt-3 btn border fs-sm fw-bold" data-size="xs" onclick="window.glb.call('openLanguageSelector');" style="color:#ccc;"> <i class="bi bi-globe"></i> Languages </button> </div> </div> </div> </div> </div> <script> jQuery('#top-header')[location.pathname === '/' ? 'addClass' : 'removeClass']('transparent'); jQuery(function() { if (window.conf.userLanguage === 'ko' && window.glb.queryParams('utm_campaign') === 'voucher' || sessionStorage.utm_campaign === 'voucher') { jQuery('body').append( '<a href="/voucher" class="z-10 position-fixed bottom-0 w-100 start-0 p-2 text-center fw-bold d-block text-decoration-none d-print-none" style="background:#ffca1e;color:#000;">70% 할인된 금액으로 도입할 수 있는 비대면바우처 관련 안내 <i class="bi bi-arrow-right"></i></a>' ); } }); </script><script defer src='https://cdn.videostew.com/web/dist/videostew/guest.js?_=2024-11-21_14-46' crossorigin="anonymous"></script> <script src="https://cdn.videostew.com/web/public/bootstrap.min.js" defer></script> <div id="block-page"> <div class="p-5 rounded absolute-center"> <div class="spinner-border" role="status"></div> <div id="block-page-msg"></div> <a id="block-page-stop" class="btn-link">[Stop]</a> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVKNV53" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-946GYYTLHD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag.GA_MEASUREMENT_ID = 'G-946GYYTLHD'; gtag.GA_USER_ID = ''; // https://support.google.com/analytics/answer/11259997?hl=en var setOpts = { 'campaign_content': '' }; setOpts.campaign_source = ''; setOpts.campaign_name = ''; setOpts.campaign_medium = ''; setOpts.campaign_term = ''; gtag('set', setOpts); gtag.sendPageView = function(opts) { if (typeof opts === 'undefined') { opts = {}; } if (!opts.page_path) { opts.page_path = location.href.replace(location.origin, ''); } if (gtag.sendPageView.lastPage !== opts.page_path) { gtag.sendPageView.lastPage = opts.page_path; if (Number(gtag.GA_USER_ID) > 0) { opts.user_id = 'u' + gtag.GA_USER_ID; } gtag('config', gtag.GA_MEASUREMENT_ID, opts); } }; gtag('config', 'AW-665546788'); gtag.sendPageView(); </script> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WVKNV53'); </script> <!-- End Google Tag Manager --> <script> window.sentryOnLoad = function(Sentry) { if (Sentry && !navigator.userAgent.includes('headlesschrome') && !window.conf.allowedBot) { Sentry.init({ dsn: "https://844d426ff4dd4e79bae68b4f46fa17ed@o264243.ingest.sentry.io/1466082", environment: location.hostname, // 환경 변수 사용 release: window.conf.__cache_ver, beforeSend(event) { // 특정 문구가 포함된 에러 메시지를 필터링 if ( new RegExp( [ 'The play() request was interrupted', `Failed to execute 'decodeAudioData'`, `Failed to read the 'localStorage'`, `no supported source was found'`, `QuotaExceededError'`, ] .join('|') .replace(/[\(\)\[\]\-\.]/g, '\\$&') ).test(event.message) ) { return null; // 이벤트를 무시 } return event; // 이벤트를 전송 } }); Sentry.setUser({ id: window.gtag?.GA_USER_ID ?? '0' }); Sentry.lazyLoadIntegration("captureConsoleIntegration").then( (integration) => { Sentry.addIntegration(integration({ levels: ['error'] })); }, ); } }; </script> <script src="https://js.sentry-cdn.com/844d426ff4dd4e79bae68b4f46fa17ed.min.js" crossorigin="anonymous"></script> </body> </html> <!-- end of footer -->