diff --git a/client/index.html b/client/index.html
index 890eab8..7a0a4c9 100644
--- a/client/index.html
+++ b/client/index.html
@@ -10,24 +10,24 @@
     integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
   <link rel="stylesheet"  crossorigin
     href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
-  <link rel="stylesheet" href="./src/style/index.css" />
-  <link rel="icon" href="./src/image/main/tiving.ico" type="image/x-icon" />
+  <link rel="stylesheet" href="./css/main.css" />
+  <link rel="icon" href="./image/main/tiving.ico" type="image/x-icon" />
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
     href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;700&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap"
     rel="stylesheet">
   <link rel="stylesheet" href="./css/main.css" />
-  <script src="src/js/include.js" defer></script>
+  <script src="./js/include.js" defer></script>
 
 </head>
 
-<body class="bg-violet-300 m-100">
+<body class="bg-violet-300">
   <div w3-include-html="./header.html"></div>
   <!-- 모달 -->
   <div id="mainModal" class="modal">
     <div class="modal__box">
-      <a href="#"><img src="./src/image/modal/F_webp,620 3.png" alt="" /></a>
+      <a href="#"><img src="./image/modal/F_webp,620 3.png" alt="" /></a>
       <div class="modal__box__text">
         <a tabindex="0" class="modal__box__text__text1 no-open">
           오늘 하루 보지 않기
@@ -40,7 +40,7 @@
     </div>
   </div>
 
-  <main>
+  <main class="m-[100px]">
     <section id="mainbanner" class="banner">
       <h1 class="a11yHidden">메인배너</h1>
       <div class="banner__slider">
@@ -74,35 +74,35 @@ <h1 class="a11yHidden">추천 영상</h1>
         <h3 tabindex="0" class="recommend__imgbox__title main__title">티빙에서 꼭 봐야하는 콘텐츠</h3>
         <div tabindex="0" class="recommend__imgbox__flexbox content--box--width">
           <figure tabindex="0"     class="recommend__imgbox__flexbox__contentbox">
-            <img tabindex="0" src="./src/image/main/desktop/img_frame.png" alt="보물찾기" />
+            <img tabindex="0" src="./image/main/desktop/img_frame.png" alt="보물찾기" />
             <figcaption>보물찾기</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-1.png" alt="러브캐처 인 발리" />
+            <img src="./image/main/desktop/img_frame-1.png" alt="러브캐처 인 발리" />
             <figcaption>러브캐처 인 발리</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-2.png" alt="술꾼도시여자들" />
+            <img src="./image/main/desktop/img_frame-2.png" alt="술꾼도시여자들" />
             <figcaption>술꾼도시여자들</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-3.png" alt="털사킹" />
+            <img src="./image/main/desktop/img_frame-3.png" alt="털사킹" />
             <figcaption>털사 킹</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-4.png" alt="아무것도하고싶지않아" />
+            <img src="./image/main/desktop/img_frame-4.png" alt="아무것도하고싶지않아" />
             <figcaption>아무것도 하고 싶지않아</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-5.png" alt="블랙독" />
+            <img src="./image/main/desktop/img_frame-5.png" alt="블랙독" />
             <figcaption>블랙독</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-6.png" alt="우리들의 블루스" />
+            <img src="./image/main/desktop/img_frame-6.png" alt="우리들의 블루스" />
             <figcaption>우리들의 블루스</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__contentbox">
-            <img src="./src/image/main/desktop/img_frame-7.png" alt="킬리만자로" />
+            <img src="./image/main/desktop/img_frame-7.png" alt="킬리만자로" />
             <figcaption>킬리만자로</figcaption>
           </figure>
         </div>
@@ -112,37 +112,37 @@ <h3 tabindex="0" class="recommend__imgbox__title main__title">티빙에서 꼭 
         <h3 class="recommend__imgbox__title main__title">Quick VOD</h3>
         <div class="recommend__imgbox__flexbox vod--box--width">
           <figure class="recommend__imgbox__flexbox__vodbox">
-            <img src="./src/image/main/desktop/img_frame-8.png" alt="jtbc 뉴스" />
+            <img src="./image/main/desktop/img_frame-8.png" alt="jtbc 뉴스" />
             <figcaption>
               <h4>Jtbc 뉴스룸</h4><span class="recommend__imgbox__flexbox__vodbox__text">1화</span>
             </figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__vodbox">
-            <img src="./src/image/main/desktop/img_frame-9.png" alt="나는 살기로했다" />
+            <img src="./image/main/desktop/img_frame-9.png" alt="나는 살기로했다" />
             <figcaption>
               <h4>나는 살기로했다</h4><span class="recommend__imgbox__flexbox__vodbox__text">1화</span>
             </figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__vodbox">
-            <img src="./src/image/main/desktop/img_frame-10.png" alt="건강 면세점" />
+            <img src="./image/main/desktop/img_frame-10.png" alt="건강 면세점" />
             <figcaption>
               <h4>건강 면세점</h4><span class="recommend__imgbox__flexbox__vodbox__text">1화</span>
             </figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__vodbox">
-            <img src="./src/image/main/desktop/img_frame-11.png" alt="차이나는 클라스" />
+            <img src="./image/main/desktop/img_frame-11.png" alt="차이나는 클라스" />
             <figcaption>
               <h4>차이나는 클라스</h4><span class="recommend__imgbox__flexbox__vodbox__text">1화</span>
             </figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__vodbox">
-            <img src="./src/image/main/desktop/img_frame-12.png" alt="알맹이" />
+            <img src="./image/main/desktop/img_frame-12.png" alt="알맹이" />
             <figcaption>
               <h4>알맹이</h4><span class="recommend__imgbox__flexbox__vodbox__text">1화</span>
             </figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__vodbox">
-            <img src="./src/image/main/desktop/img_frame-13.png" alt="엄마의 봄날" />
+            <img src="./image/main/desktop/img_frame-13.png" alt="엄마의 봄날" />
             <figcaption>
               <h4>엄마의 봄날</h4><span class="recommend__imgbox__flexbox__vodbox__text">1화</span>
             </figcaption>
@@ -153,49 +153,49 @@ <h4>엄마의 봄날</h4><span class="recommend__imgbox__flexbox__vodbox__text">
         <h3 class="recommend__imgbox__title main__title">실시간 인기 프로그램</h3>
         <div class="recommend__imgbox__flexbox favorite--box--width">
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-14.png" alt="재벌집 막내아들" />
+            <img src="./image/main/desktop/img_frame-14.png" alt="재벌집 막내아들" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">1</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">재벌집 막내아들</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-15.png" alt="술꾼도시여자들" />
+            <img src="./image/main/desktop/img_frame-15.png" alt="술꾼도시여자들" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">2</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">술꾼도시여자들2</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-16.png" alt="환혼" />
+            <img src="./image/main/desktop/img_frame-16.png" alt="환혼" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">3</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">환혼</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-17.png" alt="캐나다 체크인" />
+            <img src="./image/main/desktop/img_frame-17.png" alt="캐나다 체크인" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">4</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">캐나다 체크인</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-18.png" alt="놀라운 토요일" />
+            <img src="./image/main/desktop/img_frame-18.png" alt="놀라운 토요일" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">5</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">놀라운 토요일</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-19.png" alt="쇼미더머니 11" />
+            <img src="./image/main/desktop/img_frame-19.png" alt="쇼미더머니 11" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">6</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">쇼미더머니11</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-20.png" alt="러브캐처" />
+            <img src="./image/main/desktop/img_frame-20.png" alt="러브캐처" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">7</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">러브캐처</span></figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__favoritebox"> <!--relative-->
-            <img src="./src/image/main/desktop/img_frame-21.png" alt="알쓸인잡" />
+            <img src="./image/main/desktop/img_frame-21.png" alt="알쓸인잡" />
             <!-- p 태그  absolution-->
             <figcaption><span class="recommend__imgbox__flexbox__favoritebox__number">8</span><span
                 class="recommend__imgbox__flexbox__favoritebox__text">알쓸인잡</span></figcaption>
@@ -206,7 +206,7 @@ <h3 class="recommend__imgbox__title main__title">실시간 인기 프로그램</
         <h3 class="recommend__imgbox__title main__title">인기 LIVE 채널</h3>
         <div class="recommend__imgbox__flexbox live--box--width">
           <div class="recommend__imgbox__flexbox__livebox">
-            <img src="./src/image/main/desktop/img_frame-22.png" alt="jtbc 뉴스룸" />
+            <img src="./image/main/desktop/img_frame-22.png" alt="jtbc 뉴스룸" />
             <div class="recommend__imgbox__flexbox__livebox__mainbox"> <!--flex로 주기-->
               <h4>1</h4>
               <div class="recommend__imgbox__flexbox__livebox__mainbox__textbox">
@@ -217,7 +217,7 @@ <h6>JTBC 뉴스룸</h6>
             </div>
           </div>
           <div class="recommend__imgbox__flexbox__livebox">
-            <img src="./src/image/main/desktop/img_frame-23.png" alt="줄서는 식당" />
+            <img src="./image/main/desktop/img_frame-23.png" alt="줄서는 식당" />
             <div class="recommend__imgbox__flexbox__livebox__mainbox"> <!--flex로 주기-->
               <h4>2</h4>
               <div class="recommend__imgbox__flexbox__livebox__mainbox__textbox">
@@ -228,7 +228,7 @@ <h6>줄서는 식당</h6>
             </div>
           </div>
           <div class="recommend__imgbox__flexbox__livebox">
-            <img src="./src/image/main/desktop/img_frame-24.png" alt="ytn 뉴스" />
+            <img src="./image/main/desktop/img_frame-24.png" alt="ytn 뉴스" />
             <div class="recommend__imgbox__flexbox__livebox__mainbox"> <!--flex로 주기-->
               <h4>3</h4>
               <div class="recommend__imgbox__flexbox__livebox__mainbox__textbox">
@@ -239,7 +239,7 @@ <h6>뉴스</h6>
             </div>
           </div>
           <div class="recommend__imgbox__flexbox__livebox">
-            <img src="./src/image/main/desktop/img_frame-25.png" alt="jtbc2 드라마" />
+            <img src="./image/main/desktop/img_frame-25.png" alt="jtbc2 드라마" />
             <div class="recommend__imgbox__flexbox__livebox__mainbox"> <!--flex로 주기-->
               <h4>4</h4>
               <div class="recommend__imgbox__flexbox__livebox__mainbox__textbox">
@@ -250,7 +250,7 @@ <h6>드라마</h6>
             </div>
           </div>
           <div class="recommend__imgbox__flexbox__livebox">
-            <img src="./src/image/main/desktop/img_frame-26.png" alt="연합뉴스" />
+            <img src="./image/main/desktop/img_frame-26.png" alt="연합뉴스" />
             <div class="recommend__imgbox__flexbox__livebox__mainbox"> <!--flex로 주기-->
               <h4>5</h4>
               <div class="recommend__imgbox__flexbox__livebox__mainbox__textbox">
@@ -261,7 +261,7 @@ <h6>뉴스</h6>
             </div>
           </div>
           <div class="recommend__imgbox__flexbox__livebox">
-            <img src="./src/image/main/desktop/img_frame-27.png" alt="명탐정 코난" />
+            <img src="./image/main/desktop/img_frame-27.png" alt="명탐정 코난" />
             <div class="recommend__imgbox__flexbox__livebox__mainbox"> <!--flex로 주기-->
               <h4>6</h4>
               <div class="recommend__imgbox__flexbox__livebox__mainbox__textbox">
@@ -276,31 +276,31 @@ <h6>코난</h6>
       <div class="recommend__imgbox">
         <h3 class="recommend__imgbox__title main__title">오직 티빙에만 있어요</h3>
         <div class="recommend__imgbox__flexbox only--img--width"> <!-- figure 감싸고 캡션 a11y주기-->
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster5.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster5.png"
               alt="전체관람가(영화제목)" />
             <figcaption class="a11yHidden">전체관람가</figcaption>
           </figure>
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster2.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster2.png"
               alt="러브캐처" />
             <figcaption class="a11yHidden">러브캐처</figcaption>
           </figure>
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster7.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster7.png"
               alt="환승연애2" />
             <figcaption class="a11yHidden">환승연애2</figcaption>
           </figure>
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster3.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster3.png"
               alt="몸값" />
             <figcaption class="a11yHidden">몸값</figcaption>
           </figure>
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster4.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster4.png"
               alt="술꾼도시여자들" />
             <figcaption class="a11yHidden">술꾼도시여자들</figcaption>
           </figure>
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster1.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster1.png"
               alt="괴이" />
             <figcaption class="a11yHidden"> 괴이</figcaption>
           </figure>
-          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./src/image/main/desktop/poster6.png"
+          <figure class="recommend__imgbox__flexbox__onlyimgbox"><img src="./image/main/desktop/poster6.png"
               alt="푸드 크로니클" />
             <figcaption class="a11yHidden">푸드 크로니클</figcaption>
           </figure>
@@ -308,33 +308,33 @@ <h3 class="recommend__imgbox__title main__title">오직 티빙에만 있어요</
       </div>
       <div class="recommend__bottombox">
         <!-- <h3 class="a11yHidden">스포츠 배너</h3> -->
-        <img class="recommend__bottombox__sportsbanner" src="./src/image/main/desktop/img_frame-28.png" alt="스포츠 배너" />
+        <img class="recommend__bottombox__sportsbanner" src="./image/main/desktop/img_frame-28.png" alt="스포츠 배너" />
       </div>
       <div class="recommend__imgbox">
         <h3 class="recommend__imgbox__title main__title">이벤트</h3>
         <div class="recommend__imgbox__flexbox event--box--width">
           <figure class="recommend__imgbox__flexbox__eventimg">
-            <img src="./src/image/main/desktop/img_frame-29.png" alt="신비 아파트 이벤트" />
+            <img src="./image/main/desktop/img_frame-29.png" alt="신비 아파트 이벤트" />
             <figcaption cla ss="a11yHidden">신비아파트 개봉 이벤트</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__eventimg">
-            <img src="./src/image/main/desktop/img_frame-30.png" alt="재벌집 막내아들 이벤트" />
+            <img src="./image/main/desktop/img_frame-30.png" alt="재벌집 막내아들 이벤트" />
             <figcaption class="a11yHidden">재벌집 막내아들 시청이벤트</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__eventimg">
-            <img src="./src/image/main/desktop/img_frame-31.png" alt="환승연애2 이벤트" />
+            <img src="./image/main/desktop/img_frame-31.png" alt="환승연애2 이벤트" />
             <figcaption class="a11yHidden"> 환승연애2 시청이벤트</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__eventimg">
-            <img src="./src/image/main/desktop/img_frame-32.png" alt="슈룹 이벤트" />
+            <img src="./image/main/desktop/img_frame-32.png" alt="슈룹 이벤트" />
             <figcaption class="a11yHidden">슈룹 시청이벤트</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__eventimg">
-            <img src="./src/image/main/desktop/img_frame-33.png" alt="디저트 메이커" />
+            <img src="./image/main/desktop/img_frame-33.png" alt="디저트 메이커" />
             <figcaption class="a11yHidden">디저트메이커 이벤트</figcaption>
           </figure>
           <figure class="recommend__imgbox__flexbox__eventimg">
-            <img src="./src/image/main/desktop/img_frame-34.png" alt="렛미인" />
+            <img src="./image/main/desktop/img_frame-34.png" alt="렛미인" />
             <figcaption class="a11yHidden">렛미인 시청이벤트</figcaption>
           </figure>
         </div>
@@ -344,6 +344,6 @@ <h3 class="recommend__imgbox__title main__title">이벤트</h3>
   <div w3-include-html="./footer.html"></div>
 
   <script src="https://kit.fontawesome.com/4675147455.js" crossorigin="anonymous"></script>
-  <script src="./src/js/layout.js"></script>
+  <script src="./js/layout.js"></script>
 
 </html>
\ No newline at end of file
