diff --git a/src/frameworks/web/components/molecules/YoutubeModal/YoutubeModal.stories.tsx b/src/frameworks/web/components/molecules/YoutubeModal/YoutubeModal.stories.tsx
new file mode 100644
index 0000000..d27960c
--- /dev/null
+++ b/src/frameworks/web/components/molecules/YoutubeModal/YoutubeModal.stories.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { withKnobs, text } from '@storybook/addon-knobs';
+import { State, Store } from '@sambego/storybook-state';
+import Button from 'frameworks/web/components/atoms/Button/Button';
+import YoutubeModal from 'frameworks/web/components/molecules/YoutubeModal/YoutubeModal';
+
+export default {
+  title: 'YoutubeModal',
+  decorators: [withKnobs],
+};
+
+const store = new Store({
+  isModalOpen: false,
+});
+
+const handleButtonClick = () => {
+  store.set({ isModalOpen: !store.get('isModalOpen') });
+};
+
+const handleModalClose = () => {
+  store.set({ isModalOpen: false });
+};
+
+export const SimpleYoutubeModal = () => {
+  const youtubeLink = text('유튜브 링', 'https://www.youtube.com/embed/6sKjutgEMzk');
+
+  return (
+    <State store={store}>
+      {(state) => [
+        <div>
+          <Button type="default" label="LectureModal 열기" onClick={handleButtonClick} isPrimary />
+          <YoutubeModal
+            isOpen={state.isModalOpen}
+            onClose={handleModalClose}
+            youtubeLink={youtubeLink}
+          />
+        </div>,
+      ]}
+    </State>
+  );
+};
diff --git a/src/frameworks/web/components/molecules/YoutubeModal/YoutubeModal.tsx b/src/frameworks/web/components/molecules/YoutubeModal/YoutubeModal.tsx
new file mode 100644
index 0000000..3b3cb9c
--- /dev/null
+++ b/src/frameworks/web/components/molecules/YoutubeModal/YoutubeModal.tsx
@@ -0,0 +1,69 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+import styled from 'styled-components';
+import React from 'react';
+
+import ContentsBox from 'frameworks/web/components/atoms/ContentsBox/ContentsBox';
+import Button from 'frameworks/web/components/atoms/Button/Button';
+import SomulLogo from 'assets/logo/logo.svg';
+import {
+  IYoutubeModal,
+  IYoutubeModalBackground,
+} from 'interfaces/frameworks/web/components/molecules/YoutubeModal/IYoutubeModal';
+
+const ModalBackground = styled.div`
+  display: ${(props: IYoutubeModalBackground) => (props.isOpen ? 'flex' : 'none')};
+  position: fixed;
+  z-index: 5;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgba(0, 0, 0, 0.6);
+  align-items: center;
+  justify-content: center;
+`;
+
+const CardContainer = styled(ContentsBox)`
+  width: 730px;
+  padding: 64px 45px;
+  background-color: white;
+  margin: 0 auto;
+  text-align: center;
+`;
+
+export default function LectureModal({
+  isOpen = false,
+  onClose,
+  youtubeLink,
+}: IYoutubeModal): React.ReactElement {
+  // "https://www.youtube.com/embed/6sKjutgEMzk"
+  return (
+    <ModalBackground isOpen={isOpen}>
+      <CardContainer isDarkBackground>
+        <img
+          src={SomulLogo}
+          alt="소물 로고"
+          style={{ width: '112.5px', height: '20px', marginBottom: '24px' }}
+        />
+        <iframe
+          title="유튜브 라이브"
+          width="640"
+          height="360"
+          src={youtubeLink}
+          frameBorder="0"
+          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen
+        />
+        <Button
+          type="field"
+          label="닫기"
+          onClick={() => onClose()}
+          isPrimary
+          style={{ marginTop: '40px' }}
+        />
+      </CardContainer>
+    </ModalBackground>
+  );
+}
diff --git a/src/frameworks/web/components/organisms/Landing/LandingAbout.tsx b/src/frameworks/web/components/organisms/Landing/LandingAbout.tsx
index 3aa49e3..7ea4ba3 100644
--- a/src/frameworks/web/components/organisms/Landing/LandingAbout.tsx
+++ b/src/frameworks/web/components/organisms/Landing/LandingAbout.tsx
@@ -72,7 +72,7 @@ export default function LandingAbout(): React.ReactElement {
                 >
                   올해는 COVID-19 바이러스(이하 코로나)로 인하여 온라인으로 진행합니다.
                   {sClass === 'md' ? '\n' : ' '}
-                  5월 29일 오후 2시에 공개될 강연 리스트(유튜브 링크)로 여러분들을 찾아뵙겠습니다.
+                  5월 30일 오후 2시에 공개될 강연 리스트(유튜브 링크)로 여러분들을 찾아뵙겠습니다.
                 </Label>
               </Col>
             </Row>
diff --git a/src/interfaces/frameworks/web/components/molecules/YoutubeModal/IYoutubeModal.ts b/src/interfaces/frameworks/web/components/molecules/YoutubeModal/IYoutubeModal.ts
new file mode 100644
index 0000000..30ef996
--- /dev/null
+++ b/src/interfaces/frameworks/web/components/molecules/YoutubeModal/IYoutubeModal.ts
@@ -0,0 +1,9 @@
+export interface IYoutubeModal {
+  youtubeLink: string;
+  isOpen: boolean;
+  onClose: Function;
+}
+
+export interface IYoutubeModalBackground {
+  isOpen: boolean;
+}