Commit @1f562e79f2586fb2db874ce8e74ddc427cc5400f

764768a

1f562e7

client/resources/css/component.css

--- client/resources/css/component.css

+++ client/resources/css/component.css


 @charset "utf-8";
 
 /* box */
-.content {
-    width: 100%;
-    height: 100%;
-}
+
 
 .row {
     padding-top: 5px;

764768a

1f562e7

client/resources/css/layout.css

--- client/resources/css/layout.css

+++ client/resources/css/layout.css


 @charset "utf-8";
 
+.main-warp{
+    margin-bottom: 3rem;
+}
 .user-wrap header {
     width: 100%;
     background-color: var(--sky-green);

764768a

1f562e7

client/theme/tema_v1/css/component.css

--- client/theme/tema_v1/css/component.css

+++ client/theme/tema_v1/css/component.css


 }
 .box {
     background-color: var(--white);
-    height: 100%;
+    height: auto;
     padding: 2rem;
     border-radius: 10px;
     border: 0.1rem solid var(--krds-gray-40);

 /* 목록형 공지사항 */
 .list_news ul {
     overflow: hidden;
+    height: 20rem;
+
 }
 .list_news ul li.leli, .list_news ul li:nth-child(2n+1) {
     margin-right: 4%;

         transform: translate(-50%, -50%);  /* 이미지를 버튼 중앙에 배치 */
       }
     }
-  
+    .swiper-pagination{
+        left: 50%;
+        bottom: 0px;
+    
+    }
     /* 다음 버튼 (next) */
     .swiper-button-next {
       &::after {

764768a

1f562e7

client/theme/tema_v2/css/component.css

--- client/theme/tema_v2/css/component.css

+++ client/theme/tema_v2/css/component.css


         position: relative;
         margin: 0 auto;
         height: 5.6rem;    
-        width: 54.8rem;
+        width: 100%;
         padding: 0;
         border: 0;
     }

       z-index: 1;
 
     }
-    .swiper-slide{height: 297px;}
+    .swiper-slide{height: 173px;}
     /* 이전 버튼 (prev) */
     .swiper-button-prev {
       &::after {

764768a

1f562e7

client/views/index.html

--- client/views/index.html

+++ client/views/index.html


   <link rel="stylesheet" href="../client/resources/css/layout.css"> 
 
   <!--위쪽 헤더 -->   
-  <link rel="stylesheet" href="../client/resources/css/header.css">
+  <!-- <link rel="stylesheet" href="../client/resources/css/header.css"> -->
     <!--좌측 헤더 -->
-  <!-- <link rel="stylesheet" href="../client/resources/css/header_column.css"> -->
+  <link rel="stylesheet" href="../client/resources/css/header_column.css">
 
   <!-- v0 css -->
   <link rel="stylesheet" href="../client/resources/css/component.css"> 

764768a

1f562e7

client/views/pages/user/government/main/Main_v1.vue

--- client/views/pages/user/government/main/Main_v1.vue

+++ client/views/pages/user/government/main/Main_v1.vue


         </div>
       </div>
       <!-- 공지사항 및 배너 -->
-      <div class="community-zone flex">
-        <div class="gd-6 pl20">
+      <div class="community-zone flex justify-between mb50">
+        <div class="gd-6 pl0">
           <div class="box-out-title flex justify-between align-center">
             <p>공지사항(목록형)</p>
             <router-link to="/government/BBS_MNG_000000000000027/list.page" class=" flex align-center">

764768a

1f562e7

client/views/pages/user/government/main/Main_v2.vue

--- client/views/pages/user/government/main/Main_v2.vue

+++ client/views/pages/user/government/main/Main_v2.vue


     <div class="w1400">
       <!-- 공지사항 및 배너 -->
       <div class="community-zone flex mb30">
-        <div class="gd-4 pr30">
+        <div class="gd-4 pr30 pl0">
+            
+      <!-- 검색창 -->
+      <div class="community-zone mb20">
+        <div class="box-out-title flex justify-between align-center">
+          <p>통합검색</p>
+        </div>
+        <div class="search-bar text-ct">
+          <div class="box">
+            <input type="text" class="search-input" placeholder="검색어를 입력하세요." v-model="search.searchText"
+              @keyup.enter="totalSearch" />
+            <button class="icon-button search-button" @click="totalSearch">
+              <svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon>
+            </button>
+          </div>
+        </div>
+      </div>
           <div class="box-out-title flex justify-between align-center">
             <p>메인비주얼</p>
-            <router-link to="/government/companyInfo/list.page" class=" flex align-center">
-              <p class="mr5">바로가기</p>
-              <svg-icon type="mdi" :width="15" :height="15" :path="this.$iconPath('mdiArrowRight')"></svg-icon>
-            </router-link>
+           
           </div>
           <div class="box">
 

             </div>
           </div>
         </div>
-        <div class="gd-8 ">
+        <div class="gd-8 pr0">
              <!-- 바로가기 -->
       <div class="community-zone mb20">
         <div class="box-out-title flex justify-between align-center">

         
       </div>
 
-   
-      <!-- 검색창 -->
-      <div class="community-zone mb30">
-        <div class="box-out-title flex justify-between align-center">
-          <p>통합검색</p>
-        </div>
-        <div class="search-bar text-ct">
-          <div class="box">
-            <input type="text" class="search-input" placeholder="검색어를 입력하세요." v-model="search.searchText"
-              @keyup.enter="totalSearch" />
-            <button class="icon-button search-button" @click="totalSearch">
-              <svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon>
-            </button>
-          </div>
-        </div>
-      </div>
+ 
       <!-- 배너 -->
       <div class="community-zone mb30">
         <div class="best_service">

...	...	@@ -12,7 +12,7 @@
12	12	}
13	13	.box {
14	14	background-color: var(--white);
15		- height: 100%;
	15	+ height: auto;
16	16	padding: 2rem;
17	17	border-radius: 10px;
18	18	border: 0.1rem solid var(--krds-gray-40);
...	...	@@ -826,6 +826,8 @@
826	826	/* 목록형 공지사항 */
827	827	.list_news ul {
828	828	overflow: hidden;
	829	+ height: 20rem;
	830	+
829	831	}
830	832	.list_news ul li.leli, .list_news ul li:nth-child(2n+1) {
831	833	margin-right: 4%;
...	...	@@ -924,7 +926,11 @@
924	926	transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */
925	927	}
926	928	}
927		-
	929	+ .swiper-pagination{
	930	+ left: 50%;
	931	+ bottom: 0px;
	932	+
	933	+ }
928	934	/* 다음 버튼 (next) */
929	935	.swiper-button-next {
930	936	&::after {

...	...	@@ -602,7 +602,7 @@
602	602	position: relative;
603	603	margin: 0 auto;
604	604	height: 5.6rem;
605		- width: 54.8rem;
	605	+ width: 100%;
606	606	padding: 0;
607	607	border: 0;
608	608	}
...	...	@@ -914,7 +914,7 @@
914	914	z-index: 1;
915	915
916	916	}
917		- .swiper-slide{height: 297px;}
	917	+ .swiper-slide{height: 173px;}
918	918	/* 이전 버튼 (prev) */
919	919	.swiper-button-prev {
920	920	&::after {

...	...	@@ -150,8 +150,8 @@
150	150	</div>
151	151	</div>
152	152	<!-- 공지사항 및 배너 -->
153		- <div class="community-zone flex">
154		- <div class="gd-6 pl20">
	153	+ <div class="community-zone flex justify-between mb50">
	154	+ <div class="gd-6 pl0">
155	155	<div class="box-out-title flex justify-between align-center">
156	156	<p>공지사항(목록형)</p>
157	157	<router-link to="/government/BBS_MNG_000000000000027/list.page" class=" flex align-center">

...	...	@@ -1,10 +1,7 @@
1	1	@charset "utf-8";
2	2
3	3	/* box */
4		-.content {
5		- width: 100%;
6		- height: 100%;
7		-}
	4	+
8	5
9	6	.row {
10	7	padding-top: 5px;

...	...	@@ -1,5 +1,8 @@
1	1	@charset "utf-8";
2	2
	3	+.main-warp{
	4	+ margin-bottom: 3rem;
	5	+}
3	6	.user-wrap header {
4	7	width: 100%;
5	8	background-color: var(--sky-green);

...	...	@@ -17,9 +17,9 @@
17	17	<link rel="stylesheet" href="../client/resources/css/layout.css">
18	18
19	19	<!--위쪽 헤더 -->
20		- <link rel="stylesheet" href="../client/resources/css/header.css">
	20	+ <!-- <link rel="stylesheet" href="../client/resources/css/header.css"> -->
21	21	<!--좌측 헤더 -->
22		- <!-- <link rel="stylesheet" href="../client/resources/css/header_column.css"> -->
	22	+ <link rel="stylesheet" href="../client/resources/css/header_column.css">
23	23
24	24	<!-- v0 css -->
25	25	<link rel="stylesheet" href="../client/resources/css/component.css">

...	...	@@ -3,13 +3,26 @@
3	3	<div class="w1400">
4	4	<!-- 공지사항 및 배너 -->
5	5	<div class="community-zone flex mb30">
6		- <div class="gd-4 pr30">
	6	+ <div class="gd-4 pr30 pl0">
	7	+
	8	+ <!-- 검색창 -->
	9	+ <div class="community-zone mb20">
	10	+ <div class="box-out-title flex justify-between align-center">
	11	+ <p>통합검색</p>
	12	+ </div>
	13	+ <div class="search-bar text-ct">
	14	+ <div class="box">
	15	+ <input type="text" class="search-input" placeholder="검색어를 입력하세요." v-model="search.searchText"
	16	+ @keyup.enter="totalSearch" />
	17	+ <button class="icon-button search-button" @click="totalSearch">
	18	+ <svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon>
	19	+ </button>
	20	+ </div>
	21	+ </div>
	22	+ </div>
7	23	<div class="box-out-title flex justify-between align-center">
8	24	<p>메인비주얼</p>
9		- <router-link to="/government/companyInfo/list.page" class=" flex align-center">
10		- <p class="mr5">바로가기</p>
11		- <svg-icon type="mdi" :width="15" :height="15" :path="this.$iconPath('mdiArrowRight')"></svg-icon>
12		- </router-link>
	25	+
13	26	</div>
14	27	<div class="box">
15	28
...	...	@@ -30,7 +43,7 @@
30	43	</div>
31	44	</div>
32	45	</div>
33		- <div class="gd-8 ">
	46	+ <div class="gd-8 pr0">
34	47	<!-- 바로가기 -->
35	48	<div class="community-zone mb20">
36	49	<div class="box-out-title flex justify-between align-center">
...	...	@@ -108,22 +121,7 @@
108	121
109	122	</div>
110	123
111		-
112		- <!-- 검색창 -->
113		- <div class="community-zone mb30">
114		- <div class="box-out-title flex justify-between align-center">
115		- <p>통합검색</p>
116		- </div>
117		- <div class="search-bar text-ct">
118		- <div class="box">
119		- <input type="text" class="search-input" placeholder="검색어를 입력하세요." v-model="search.searchText"
120		- @keyup.enter="totalSearch" />
121		- <button class="icon-button search-button" @click="totalSearch">
122		- <svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon>
123		- </button>
124		- </div>
125		- </div>
126		- </div>
	124	+
127	125	<!-- 배너 -->
128	126	<div class="community-zone mb30">
129	127	<div class="best_service">

Delete comment