병-합

css/main.css

@@ -16446,49 +16446,42 @@ main .main--visual--section .main--visual--wrap .main--visual--img .main--visual
 main .main--visual--section .main--visual--pager {
   position: absolute;
   left: 50%;
-<<<<<<< HEAD
-  transform: translateX(-50%);
-  bottom: 30px;
-=======
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
-  bottom: 35px;
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
+  bottom: 30px;
   z-index: 9;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-<<<<<<< HEAD
-  justify-content: center;
-  align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   height: 90px;
   padding: 20px 35px;
   border-radius: 1000px;
   background: rgba(255, 255, 255, 0.6);
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px);
+  backdrop-filter: blur(2px);
 }
 main .main--visual--section .main--visual--pager .prev--next--wrap {
   padding-top: 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   display: flex;
   gap: 15px;
   align-items: center;
   justify-content: center;
-=======
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  max-width: 1200px;
-  gap: 11px;
 }
-main .main--visual--section .main--visual--pager .prev--next--wrap {
+main .main--visual--section .main--visual--pager .prev--next--wrap button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -16498,16 +16491,6 @@ main .main--visual--section .main--visual--pager .prev--next--wrap {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  gap: 11px;
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
-}
-main .main--visual--section .main--visual--pager .prev--next--wrap button {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-<<<<<<< HEAD
-  align-items: center;
-  justify-content: center;
   width: 18px;
   height: 18px;
   border: none;
@@ -16518,21 +16501,6 @@ main .main--visual--section .main--visual--pager .prev--next--wrap button {
 }
 main .main--visual--section .main--visual--pager .prev--next--wrap button.next--btn {
   background-image: url(../img/ico--swiper--right.svg);
-=======
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 50px;
-  height: 50px;
-  border-radius: 50px;
-  border: 0px;
-  background: rgba(255, 255, 255, 0.8);
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px);
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
 }
 main .main--visual--section .main--visual--pager .play--pause {
   display: -webkit-box;
@@ -16561,30 +16529,18 @@ main .main--visual--section .main--visual--pager .play--pause button {
   border-radius: 50px;
   border: 0px;
   background: rgba(255, 255, 255, 0.8);
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px);
+  backdrop-filter: blur(2px);
 }
 main .main--visual--section .main--visual--pager .main--visual--fraction {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-<<<<<<< HEAD
-  align-items: center;
-  justify-content: center;
-=======
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  border-radius: 100px;
-  background: rgba(255, 255, 255, 0.8);
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px);
-  width: 80px;
-  height: 50px;
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
 }
 main .main--visual--section .main--visual--pager .main--visual--fraction span {
   font-size: 13px;
@@ -16609,21 +16565,15 @@ main .main--visual--section .main--visual--pager .main--visual--pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-<<<<<<< HEAD
   margin-right: 20px;
   gap: 5px;
-  align-items: center;
-  justify-content: center;
-  padding-top: 20px;
-=======
-  gap: 8px;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
+  padding-top: 20px;
 }
 main .main--visual--section .main--visual--pager .main--visual--pagination .swiper-pagination-bullet {
   width: 34px;
@@ -16633,7 +16583,6 @@ main .main--visual--section .main--visual--pager .main--visual--pagination .swip
   opacity: 1;
   background-color: transparent;
   cursor: pointer;
-<<<<<<< HEAD
   position: relative;
 }
 main .main--visual--section .main--visual--pager .main--visual--pagination .swiper-pagination-bullet::after {
@@ -16651,14 +16600,25 @@ main .main--visual--section .main--visual--pager .main--visual--pagination .swip
   border: 1px solid rgba(0, 0, 0, 0.5);
 }
 main .main--visual--section .main--visual--pager .main--visual--progress {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: center;
-  flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin-right: 20px;
 }
 main .main--visual--section .main--visual--pager .main--visual--progress .main--visual--progress--bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 main .main--visual--section .main--visual--pager .main--visual--progress .progress-title {
   padding-left: 30px;
@@ -16673,35 +16633,10 @@ main .main--visual--section .main--visual--pager .main--visual--progress .progre
   height: 2px;
   background-color: rgba(0, 0, 0, 0.2) !important;
   border-radius: 100px;
-=======
-  -webkit-transition: all 0.3s ease;
-  transition: all 0.3s ease;
-}
-main .main--visual--section .main--visual--pager .main--visual--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
-  background: #fff;
-  -webkit-transform: scale(1.2);
-          transform: scale(1.2);
-}
-main .main--visual--section .main--visual--pager .main--visual--progress {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  gap: 10px;
-}
-main .main--visual--section .main--visual--pager .main--visual--progress .progress-bar {
-  width: 100px;
-  height: 4px;
-  background: rgba(255, 255, 255, 0.3);
-  border-radius: 2px;
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
   position: relative;
   overflow: hidden;
 }
 main .main--visual--section .main--visual--pager .main--visual--progress .progress-text {
-<<<<<<< HEAD
   color: #000;
   font-size: 15px;
   font-weight: 500;
@@ -16711,8 +16646,12 @@ main .mna--reason--wrap {
   overflow-x: hidden;
 }
 main .mna--reason--wrap .btn--wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 40px 0;
   gap: 10px;
 }
@@ -16738,18 +16677,25 @@ main .mna--reason--wrap .btn--wrap button.next--btn {
   background-image: url(../img/ico--swiper--right2.svg);
 }
 main .mna--reason--wrap .swiper-slide {
-  transform: translateX(50%);
+  -webkit-transform: translateX(50%);
+          transform: translateX(50%);
   height: auto;
 }
 main .mna--reason--wrap .swiper-slide .reason--box {
   border-radius: 30px;
   border: 1px solid #EEE;
   background: #FFF;
-  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
+  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
+          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
   height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   padding: 40px 45px 70px;
-  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 main .mna--reason--wrap .swiper-slide .reason--box > span {
   color: #1aaf59;
@@ -16828,17 +16774,30 @@ main .section--container .title--wrap.le > h2, main .section--container .title--
   text-align: left;
 }
 main .section--container .now--box--wrap .box--top {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   margin-bottom: 90px;
-  justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
 main .section--container .now--box--wrap .box--top .box {
   gap: 40px;
   width: 33.333%;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   text-align: center;
 }
 main .section--container .now--box--wrap .box--top .box > p {
@@ -16850,6 +16809,8 @@ main .section--container .now--box--wrap .box--top .box > p strong {
   font-weight: 700;
 }
 main .section--container .now--box--wrap .box--bot {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 40px;
 }
@@ -16857,8 +16818,12 @@ main .section--container .now--box--wrap .box--bot .box {
   width: 50%;
   border-radius: 20px;
   padding: 0 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   height: 120px;
   background-size: 100%;
   background-image: url(../img/bg--now1.svg);
@@ -16867,8 +16832,11 @@ main .section--container .now--box--wrap .box--bot .box:last-child {
   background-image: url(../img/bg--now2.svg);
 }
 main .section--container .growth--logic--wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   gap: 40px;
 }
 main .section--container .growth--logic--wrap > div {
@@ -16888,6 +16856,8 @@ main .section--container .growth--logic--wrap .title--box h2 strong {
   color: #fff;
 }
 main .section--container .growth--logic--wrap .title--box .btn--wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 15px;
 }
@@ -16944,6 +16914,8 @@ main .section--container .growth--logic--wrap .logic--box.special dd {
   color: #fff;
 }
 main .section--container .best--service--wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 40px;
 }
@@ -17014,8 +16986,12 @@ main .section--container .process--plan--wrap .content--wrap h3 {
   font-size: 20px;
   font-weight: 700;
   letter-spacing: -0.2px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   margin-bottom: 40px;
 }
 main .section--container .process--plan--wrap .content--wrap h3 .ico {
@@ -17028,19 +17004,31 @@ main .section--container .process--plan--wrap .content--wrap h3 .ico {
   margin-right: 15px;
 }
 main .section--container .process--plan--wrap .content--wrap .direct--wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: space-between;
-  align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   gap: 20px;
 }
 main .section--container .process--plan--wrap .content--wrap .direct--wrap .circle {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   min-width: 190px;
-  justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   gap: 12px;
   padding: 20px 40px;
   background-color: #2ECC71;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border-radius: 100px;
 }
 main .section--container .process--plan--wrap .content--wrap .direct--wrap .circle p {
@@ -17091,16 +17079,29 @@ main .section--container .process--plan--wrap .content--wrap .process--wrap .pro
   color: #188345;
 }
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top .process--side {
   width: 123px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   gap: 15px;
-  flex-direction: column;
-  justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top .process--side .circle {
   color: #444;
@@ -17125,20 +17126,33 @@ main .section--container .process--plan--wrap .content--wrap .process--wrap .pro
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top .process--circle {
   width: calc(100% - 346px);
   height: 390px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   background-image: url(../img/bg--process--circle.svg);
   background-repeat: no-repeat;
   background-position: center;
-  align-items: center;
-  justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   background-size: 100%;
 }
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top .process--circle .circle {
   width: 28%;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   gap: 35px;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top .process--circle .circle .ico {
   width: 80px;
@@ -17156,11 +17170,4 @@ main .section--container .process--plan--wrap .content--wrap .process--wrap .pro
 }
 main .section--container .process--plan--wrap .content--wrap .process--wrap .process--cont .process--top .process--circle .circle:nth-child(3) .ico {
   background-image: url(../img/ico--process--circle3.svg);
-}/*# sourceMappingURL=main.css.map */
-=======
-  color: #fff;
-  font-size: 14px;
-  font-weight: 500;
-  min-width: 30px;
-}
->>>>>>> 337dd7a56026480eb900d3ddc424ad1fa6062324
+}

css/sub.css

@@ -4,7 +4,7 @@
   color: #191919;
 }
 
-div, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6, span, section, header, main, footer {
+div, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6, span, strong, section, header, main, footer, dl, dt, dd {
   padding: 0px;
   margin: 0px;
   list-style: none;
@@ -12,6 +12,7 @@ div, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6, span, section, header, main, foot
           box-sizing: border-box;
   text-decoration: none;
   color: #191919;
+  word-break: keep-all;
 }
 
 body {

index.html

@@ -136,51 +136,6 @@
             M&A로 무장한 외국기업에 뒤처지고 위험에 처하곤 합니다. <br>세계적으로나 국내에서나 시가총액 1위부터 수 백위까지 잘나가는 기업은 대부분 M&A로 커왔으며, 지금도 물밑에서는 치열한 M&A 싸움이 <br>
             벌어지고 있습니다.</p>
           </div>
-
-
-
-    <article>
-      <section class="main--impt--search--section">
-        <div class="inner--contents">
-          <h2 class="section--title--center">M&A 궁합 <strong>주요 내용</strong> 찾기</h2>
-          <ul>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">M&A궁합 선택 이유</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">M&A를 통한 성장 논리</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">최상의 서비스 제공</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">M&A궁합의 차별화 전략</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">M&A궁합의 탁월성 및 경쟁력</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">매도자님께 ★꿈 실현</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">매수자님께 ★꿈 실현 </div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">M&A절차</div>
-            </li>
-            <li>
-              <div class="thumbs"></div>
-              <div class="title">FAQ</div>
-            </li>
-          </ul>
         </div>
       </section>
     </article>
@@ -486,6 +441,60 @@
                   <div class="process--bot"></div>
                 </div>
               </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </article>
+    
+
+
+    <article>
+      <section class="main--impt--search--section">
+        <div class="inner--contents">
+          <h2 class="section--title--center">M&A 궁합 <strong>주요 내용</strong> 찾기</h2>
+          <ul>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">M&A궁합 선택 이유</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">M&A를 통한 성장 논리</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">최상의 서비스 제공</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">M&A궁합의 차별화 전략</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">M&A궁합의 탁월성 및 경쟁력</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">매도자님께 ★꿈 실현</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">매수자님께 ★꿈 실현 </div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">M&A절차</div>
+            </li>
+            <li>
+              <div class="thumbs"></div>
+              <div class="title">FAQ</div>
+            </li>
+          </ul>
+        </div>
+      </section>
+    </article>
+    <article>
       <section class="main--prof--sections">
         <div class="inner--contents">
           <h2 class="section--title--center">M&A 궁합 <strong>전문 인력</strong></h2>