메인 배너 추가

assets/css/media.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @media (max-width: 1600px) {
   header .header--line--banner--wrap {
     background-image: url(../img/img--top--banner--mo.svg);
@@ -211,6 +212,10 @@
   main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt > h3 {
     font-size: 36px;
   }
+  main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt > h3.type2 b {
+    /*! 2025-11-11 추가 */
+    font-size: 40px;
+  }
 }
 @media (max-width: 1024px) {
   header .header--line--banner--wrap .inner--contents p {
@@ -510,6 +515,22 @@
   main .main--visual--section .main--visual--wrap .main--visual--img::before {
     height: 305px;
   }
+  main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt {
+    /*! 2025-11-11 추가 : S */
+    padding-top: 60px;
+    justify-content: flex-start;
+  }
+  main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt h3.type2 {
+    font-size: 18px;
+  }
+  main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt h3.type2 > b {
+    display: inline-block;
+    margin-bottom: 20px;
+  }
+  main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt h3.type2 .mo {
+    display: block;
+    /*! 2025-11-11 추가 : E */
+  }
   footer .footer--wrap .footer--top .footer--link {
     column-gap: 30px;
     row-gap: 20px;

assets/css/style.css

@@ -412,6 +412,15 @@ main .main--visual--section .main--visual--wrap .main--visual--img .main--visual
 }
 main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt h3 b {
   font-weight: 700;
+  /*! 2025-11-11 추가 : S */
+  font-size: inherit;
+}
+main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt h3.type2 {
+  font-size: 30px;
+}
+main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt h3.type2 b {
+  font-size: 50px;
+  /*! 2025-11-11 추가 : E */
 }
 main .main--visual--section .main--visual--wrap .main--visual--img .main--visual--txt p {
   font-size: 17px;

assets/scss/media.scss

@@ -262,6 +262,12 @@
             }
             >h3{
               font-size: 36px;
+              &.type2{
+                b{
+                  /*! 2025-11-11 추가 */
+                  font-size: 40px;
+                }
+              }
             }
           }
         }
@@ -641,6 +647,24 @@
           &::before{
             height: 305px;
           }
+          .main--visual--txt{
+            /*! 2025-11-11 추가 : S */
+            padding-top: 60px;
+            justify-content: flex-start;
+            h3{
+              &.type2{
+                font-size: 18px;
+                >b{
+                  display: inline-block;
+                  margin-bottom: 20px;
+                }
+                .mo{
+                  display: block;
+                  /*! 2025-11-11 추가 : E */
+                }
+              }
+            }
+          }
         }
       }
     }

assets/scss/style.scss

@@ -413,6 +413,15 @@ main{
 						line-height: 1.4;
 						b{
 							font-weight: 700;
+							/*! 2025-11-11 추가 : S */
+							font-size: inherit;
+						}
+						&.type2{
+							font-size: 30px;
+							b{
+								font-size: 50px;
+								/*! 2025-11-11 추가 : E */
+							}
 						}
           }
           p{

index.html

@@ -142,18 +142,30 @@
                                     </div>
                                 </div>
                             </div>
+                            <!-- 2025-11-11 배너 추가 : S -->
                             <div class="swiper-slide">
                                 <div class="main--visual--img">          
                                     <picture>
-                                        <source srcset="./assets/img/img--main1--mo.png" media="(max-width: 768px)">
-                                        <img src="./assets/img/img--main1.png" alt="메인 비주얼 이미지 1">
+                                        <source srcset="./assets/img/img--main2--mo.png" media="(max-width: 768px)">
+                                        <img src="./assets/img/img--main2.png" alt="메인 비주얼 이미지 2">
                                     </picture>
                                     <div class="main--visual--txt">
-                                        <p>OVERWHELMING FIRST PLACE</p>
-                                        <h3>세부마는 <b>M&A 자문기관의 <br />매칭센터</b>입니다</h3>
+                                        <h3 class="type2"><b>세부마에</b><br />M&A자문기관은 “매도기업티저” <br class="mo" />“매수기업티저” 등록</h3>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="main--visual--img">          
+                                    <picture>
+                                        <source srcset="./assets/img/img--main3--mo.png" media="(max-width: 768px)">
+                                        <img src="./assets/img/img--main3.png" alt="메인 비주얼 이미지 3">
+                                    </picture>
+                                    <div class="main--visual--txt">
+                                        <h3 class="type2"><b>세부마에서</b><br />매도기업 - 매수기업 매칭 후 각자 진행</h3>
                                     </div>
                                 </div>
                             </div>
+                            <!-- 2025-11-11 배너 추가 : E -->
                         </div>
                     </div>        
                     <div class="main--visual--pager">