Commit @3b5ed31811a02435aecc461413d15d2cbb78d8b2

kimgkdud898 2023-11-10

231110김하영

@3b5ed31811a02435aecc461413d15d2cbb78d8b2

1edba64

3b5ed31

client/resources/css/Main.css

--- client/resources/css/Main.css

+++ client/resources/css/Main.css


 
   font-family: SBaggroM;
 }
-
+.data-bos {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 70% 1fr;
+}
 .data-text img {
   width: 80px;
 }

   padding: 2rem 6rem;
   justify-content: center;
   margin: 0 auto;
-  /* display: grid; */
   box-shadow: 1px 1px 5px #cccccc41;
   background-color: #f9f9f9;
-  /* grid-template-columns: 3fr 10%; */
 }
 
 .wg-search-grid {

 /* 매칭관리css */
 .matching-box-button {
   padding: 1.5rem 0;
+  display: flex;
 }
 .matching-box-button div {
   display: inline-block;

 
 .login-checkbox-b {
   padding: 2rem 0;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
 }
 
 .login-checkbox-b button {

1edba64

3b5ed31

client/resources/css/responsive.css

--- client/resources/css/responsive.css

+++ client/resources/css/responsive.css


   .w1400 {
     width: 100%;
   }
+  .flex-start {
+    flex-direction: column;
+  }
   .page-logo h1 {
+    padding: 0 3rem;
     font-size: 3rem;
   }
   table,

   tr {
     display: block;
     text-align: center;
+  }
+  th {
+    display: none;
   }
   table {
     width: 100%;

   .logo span {
     font-family: "Pretendard-Regular";
     width: 80%;
-    text-align: left;
+    text-align: center;
     font-size: 1.5rem;
     flex: 0 0 90%;
     /* border: 1px solid red; */

   .main-content-wrap {
     padding: 6rem 0;
   }
+  .m-p-table td::before {
+    display: none;
+  }
   .main-content {
     padding: 0;
   }

   .main-content-news {
     width: 100%;
     padding: 6rem 3rem;
+  }
+  .main-wrap-news {
+    padding: 0rem;
   }
   .swiper {
     padding: 0 !important;

     grid-template-columns: 1fr;
   }
   /* 회원정보 */
-  .info-sec {
+  .info-sec,
+  .info-sec-1 {
     width: 100%;
     padding: 0;
   }

   .info-sec-1 div {
     grid-template-columns: 1fr;
   }
+  .info-sec-1 section {
+    padding: 2rem 0;
+    margin: 0;
+  }
+  .info-sec-bt {
+    width: 100%;
+    padding: 0;
+  }
+  .info-sec-bt button {
+    padding: 2rem 0;
+    margin: 3rem 0;
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+  }
+  /* 매칭관리 */
+  .inbox-sub,
+  .outbox-sub {
+    grid-template-columns: 1fr;
+  }
+  .matching-box-button div {
+    flex-direction: column;
+  }
+  .matching-box-button div label {
+    padding: 1.5rem 3rem;
+  }
+  .matching-modal-box {
+    padding: 0;
+    margin: 10rem 0;
+    width: 100%;
+  }
+  .matching-modal-box h1 {
+    padding: 1.5rem;
+  }
+  .matching-modal-box img {
+    width: 90%;
+    padding: 0;
+  }
+  .matching-modal-box button {
+    border-radius: 2rem;
+    padding: 1rem;
+    margin: 2rem;
+  }
+  /* 회원가입 */
+  .join-b-button {
+    grid-template-columns: 1fr;
+  }
+  .t1,
+  .t2 {
+    gap: 0rem;
+    padding: 4rem 1rem;
+    text-align: center;
+  }
+  .join-b {
+    width: 100%;
+  }
+  .joinsub0,
+  .joinsub,
+  .join-sec5-1,
+  .join-sec6,
+  .email-sec,
+  .login-info-grid,
+  .joinsub0-1,
+  .join-end-bt {
+    grid-template-columns: 1fr;
+  }
+  .join-imgbox {
+    width: 15rem;
+  }
+  .email-sec {
+    width: 20%;
+  }
+  .join-b span {
+    font-size: 1rem;
+  }
+  /* 로그인 */
+  .login-logo-d h1 {
+    font-size: 1.5rem;
+    text-align: center;
+  }
+  .login-checkbox-i {
+    text-align: center;
+  }
+  .login-sec {
+    width: 100%;
+    padding: 3rem 0;
+  }
+  .login-checkbox-b button {
+    font-size: 1.2rem;
+  }
+  .login-bu-after::after,
+  .login-bu-after::after,
+  .login-checkbox-b button:nth-child(1) {
+    margin-left: 0;
+  }
+  .login-checkbox-b {
+    grid-template-columns: 1fr;
+  }
+  .login-checkbox-b a {
+    text-align: center;
+  }
+  .login-bu-after::after {
+    display: none;
+  }
 }
 
 @media all and (min-width: 480px) and (max-width: 767px) {
-  .mobile1 {
-    flex: 0 0 10%;
-    text-align: center;
-    font-size: 3rem;
-    color: #2c407f;
+  .w1400 {
+    width: 100%;
   }
-  .sub-nav {
-    height: 100%;
+  .flex-start {
+    flex-direction: column;
+  }
+  .page-logo h1 {
+    padding: 0 3rem;
+    font-size: 3rem;
+  }
+  table,
+  thead,
+  tbody,
+  th,
+  td,
+  tr {
+    display: block;
+    text-align: center;
+  }
+  th {
+    display: none;
+  }
+  table {
+    width: 100%;
+  }
+
+  thead tr {
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+  }
+
+  tr {
+    border: 1px solid #ccc;
+  }
+
+  td {
+    border: none;
+    border-bottom: 1px solid #eee;
+    position: relative;
+    text-align: right;
+    padding-left: 8rem;
+
+    /* padding-left: 5/0%; */
+  }
+
+  td:before {
+    position: absolute;
+    top: 6px;
+    left: 6px;
+    width: 100%;
+    text-align: left;
+    padding: 1.5rem 0;
+    padding-right: 10px;
+    white-space: nowrap;
+  }
+
+  td:nth-of-type(1):before {
+    content: "NO";
+  }
+  td:nth-of-type(2):before {
+    content: "제목";
+  }
+  td:nth-of-type(3):before {
+    content: "작성자";
+  }
+  td:nth-of-type(4):before {
+    content: "작성일자";
+  }
+  td:nth-of-type(5):before {
+    content: "조회수";
+  }
+  .data-table-tr td:nth-child(2) {
+    text-align: right;
+  }
+  .title-zone .flex {
+    flex-direction: column;
+  }
+  .title-zone .flex-end {
+    flex-direction: column;
+  }
+  /* 햄버거(서브메뉴) */
+  .sub-nav,
+  .toggle {
     opacity: 1;
   }
-  .header-wrap {
-    padding: 3rem;
-    justify-content: center;
+  .sub-nav {
+    position: relative;
+    height: 100%;
+    opacity: 1;
+    width: 90%;
   }
-  .logo {
-    flex: 0 0 90%;
-  }
-  .logo span {
-    font-family: "Pretendard-Regular";
-    width: 100%;
-    text-align: center;
-    font-size: 3rem;
-    flex: 0 0 90%;
-  }
+
   .logo-toggle {
     width: 100%;
     display: flex;
+    padding: 1rem 0;
   }
-  .toggle {
-    flex: 0 0 6%;
-    display: block;
+
+  .logo {
+    flex: 0 0 83%;
+
+    transform: translateY(0px);
   }
-  .data-b-1 p span {
-    font-size: 2.5rem;
+
+  .logo span {
+    font-family: "Pretendard-Regular";
+    width: 80%;
+    text-align: center;
+    font-size: 1.5rem;
+    flex: 0 0 90%;
+    /* border: 1px solid red; */
   }
 
   .main-menu-1 {
     display: none !important;
   }
+
   .main-sub-menu {
-    /* width: 100%; */
     flex: 0 0 100% !important;
     flex-direction: column;
     justify-content: end;

     padding: 5rem;
     display: none;
   }
+
   .main-sub-menu.open {
     display: block;
   }
-  .main-sub-menu li {
-    padding: 1rem;
-  }
-  .accordion-header {
-    cursor: pointer;
-    padding: 10px;
-    text-align: center;
-    font-size: 2rem;
-    font-family: "Pretendard-Regular";
-    font-weight: 700;
-    color: #2c407f;
-  }
-  .accordion-header li {
-    padding: 1rem;
-  }
 
-  .accordion-header.active {
-    padding: 1rem;
-    background-color: #ffffff;
+  .main-menu-1 {
+    display: none !important;
   }
-
-  .main-sub-menu-sb {
+  .main-sub-menu {
+    flex: 0 0 100% !important;
+    flex-direction: column;
+    justify-content: end;
     list-style: none;
-    padding: 1rem;
-    margin: 0;
-    text-align: center;
-    font-size: 1.5rem;
-    font-family: "Pretendard-Regular";
+    padding: 5rem;
+    display: none;
+    margin: 0 auto;
   }
-  .main-sub-menu-sb li {
+  .main-sub-menu > li {
+    padding: 1rem 0;
+  }
+  .main-sub-menu > li > ul > li {
+    padding: 1rem 0;
+  }
+  .main-sub-menu.open {
+    display: block;
     padding: 1rem;
+    text-align: center;
+  }
+  .mobile1 {
+    flex: 0 0 10%;
+    text-align: center;
+    font-size: 3rem;
     color: #2c407f;
   }
-
-  .router-link {
-    text-decoration: none;
-    color: #333;
-    display: block;
-    padding: 10px;
-    transition: background-color 0.3s;
+  /* 햄버거메뉴 (서브) and------- */
+  /* 메인 */
+  .main-box-wrap {
+    width: 93%;
+    padding: 1rem;
+    grid-template-columns: 0;
+  }
+  .main-text p {
+    font-size: 1.2rem;
+  }
+  .main-text span {
+    font-size: 1.5rem;
+  }
+  .main-notice {
+    width: 100%;
+  }
+  .main-text {
+    transform: translateY(-49px);
   }
 
-  .router-link:hover {
-    background-color: #e0e0e0;
+  .main-notice h2 {
+    font-size: 0.9rem;
   }
-  /* 햄버거 끝! */
+
+  .main-content-wrap {
+    padding: 6rem 0;
+  }
+  .main-puzzle-container {
+    grid-template-columns: 1fr;
+  }
+  .m-p-table td:before {
+    display: none;
+  }
+  .tech-bos {
+    grid-template-columns: 1fr;
+  }
+  .tech-info {
+    text-align: center;
+  }
 }
 
 @media all and (min-width: 767px) and (max-width: 1023px) {

1edba64

3b5ed31

client/views/pages/user/Data/Data.vue

--- client/views/pages/user/Data/Data.vue

+++ client/views/pages/user/Data/Data.vue


                 } else {
                     button.clicked = false;
                 }
-                this.categoryName = index === 0 ? '정책자료' : '연구자료';
+
             });
+            switch (index) {
+                case 0:
+                    this.categoryName = '정책자료';
+                    break;
+                case 1:
+                    this.categoryName = '연구자료';
+                    break;
+                default:
+                    this.categoryName = '가이드라인';
+                    break;
+            }
         },
 
         postSelectList: function () {

1edba64

3b5ed31

client/views/pages/user/Data/DataOne.vue

--- client/views/pages/user/Data/DataOne.vue

+++ client/views/pages/user/Data/DataOne.vue


             </div>
             <div class="data-dtail">
                 <table class="insert-table">
-                    <tbody>d
+                    <tbody>
                         <tr>
                             <td class="title-zone" colspan="2">
                                 <p class="flex"><span class="post-title">{{ post.post_title }}</span><span

Add a comment

Open 0
Closed 0

List

...	...	@@ -831,7 +831,11 @@
831	831
832	832	font-family: SBaggroM;
833	833	}
834		-
	834	+.data-bos {
	835	+ width: 100%;
	836	+ display: grid;
	837	+ grid-template-columns: 70% 1fr;
	838	+}
835	839	.data-text img {
836	840	width: 80px;
837	841	}
...	...	@@ -1552,10 +1556,8 @@
1552	1556	padding: 2rem 6rem;
1553	1557	justify-content: center;
1554	1558	margin: 0 auto;
1555		- /* display: grid; */
1556	1559	box-shadow: 1px 1px 5px #cccccc41;
1557	1560	background-color: #f9f9f9;
1558		- /* grid-template-columns: 3fr 10%; */
1559	1561	}
1560	1562
1561	1563	.wg-search-grid {
...	...	@@ -1633,6 +1635,7 @@
1633	1635	/* 매칭관리css */
1634	1636	.matching-box-button {
1635	1637	padding: 1.5rem 0;
	1638	+ display: flex;
1636	1639	}
1637	1640	.matching-box-button div {
1638	1641	display: inline-block;
...	...	@@ -2403,6 +2406,8 @@
2403	2406
2404	2407	.login-checkbox-b {
2405	2408	padding: 2rem 0;
	2409	+ display: grid;
	2410	+ grid-template-columns: 1fr 1fr 1fr;
2406	2411	}
2407	2412
2408	2413	.login-checkbox-b button {

...	...	@@ -132,8 +132,19 @@
132	132	} else {
133	133	button.clicked = false;
134	134	}
135		- this.categoryName = index === 0 ? '정책자료' : '연구자료';
	135	+
136	136	});
	137	+ switch (index) {
	138	+ case 0:
	139	+ this.categoryName = '정책자료';
	140	+ break;
	141	+ case 1:
	142	+ this.categoryName = '연구자료';
	143	+ break;
	144	+ default:
	145	+ this.categoryName = '가이드라인';
	146	+ break;
	147	+ }
137	148	},
138	149
139	150	postSelectList: function () {

...	...	@@ -2,7 +2,11 @@
2	2	.w1400 {
3	3	width: 100%;
4	4	}
	5	+ .flex-start {
	6	+ flex-direction: column;
	7	+ }
5	8	.page-logo h1 {
	9	+ padding: 0 3rem;
6	10	font-size: 3rem;
7	11	}
8	12	table,
...	...	@@ -13,6 +17,9 @@
13	17	tr {
14	18	display: block;
15	19	text-align: center;
	20	+ }
	21	+ th {
	22	+ display: none;
16	23	}
17	24	table {
18	25	width: 100%;
...	...	@@ -100,7 +107,7 @@
100	107	.logo span {
101	108	font-family: "Pretendard-Regular";
102	109	width: 80%;
103		- text-align: left;
	110	+ text-align: center;
104	111	font-size: 1.5rem;
105	112	flex: 0 0 90%;
106	113	/* border: 1px solid red; */
...	...	@@ -180,6 +187,9 @@
180	187	.main-content-wrap {
181	188	padding: 6rem 0;
182	189	}
	190	+ .m-p-table td::before {
	191	+ display: none;
	192	+ }
183	193	.main-content {
184	194	padding: 0;
185	195	}
...	...	@@ -202,6 +212,9 @@
202	212	.main-content-news {
203	213	width: 100%;
204	214	padding: 6rem 3rem;
	215	+ }
	216	+ .main-wrap-news {
	217	+ padding: 0rem;
205	218	}
206	219	.swiper {
207	220	padding: 0 !important;
...	...	@@ -359,7 +372,8 @@
359	372	grid-template-columns: 1fr;
360	373	}
361	374	/* 회원정보 */
362		- .info-sec {
	375	+ .info-sec,
	376	+ .info-sec-1 {
363	377	width: 100%;
364	378	padding: 0;
365	379	}
...	...	@@ -367,50 +381,232 @@
367	381	.info-sec-1 div {
368	382	grid-template-columns: 1fr;
369	383	}
	384	+ .info-sec-1 section {
	385	+ padding: 2rem 0;
	386	+ margin: 0;
	387	+ }
	388	+ .info-sec-bt {
	389	+ width: 100%;
	390	+ padding: 0;
	391	+ }
	392	+ .info-sec-bt button {
	393	+ padding: 2rem 0;
	394	+ margin: 3rem 0;
	395	+ width: 100%;
	396	+ text-align: center;
	397	+ font-weight: 600;
	398	+ }
	399	+ /* 매칭관리 */
	400	+ .inbox-sub,
	401	+ .outbox-sub {
	402	+ grid-template-columns: 1fr;
	403	+ }
	404	+ .matching-box-button div {
	405	+ flex-direction: column;
	406	+ }
	407	+ .matching-box-button div label {
	408	+ padding: 1.5rem 3rem;
	409	+ }
	410	+ .matching-modal-box {
	411	+ padding: 0;
	412	+ margin: 10rem 0;
	413	+ width: 100%;
	414	+ }
	415	+ .matching-modal-box h1 {
	416	+ padding: 1.5rem;
	417	+ }
	418	+ .matching-modal-box img {
	419	+ width: 90%;
	420	+ padding: 0;
	421	+ }
	422	+ .matching-modal-box button {
	423	+ border-radius: 2rem;
	424	+ padding: 1rem;
	425	+ margin: 2rem;
	426	+ }
	427	+ /* 회원가입 */
	428	+ .join-b-button {
	429	+ grid-template-columns: 1fr;
	430	+ }
	431	+ .t1,
	432	+ .t2 {
	433	+ gap: 0rem;
	434	+ padding: 4rem 1rem;
	435	+ text-align: center;
	436	+ }
	437	+ .join-b {
	438	+ width: 100%;
	439	+ }
	440	+ .joinsub0,
	441	+ .joinsub,
	442	+ .join-sec5-1,
	443	+ .join-sec6,
	444	+ .email-sec,
	445	+ .login-info-grid,
	446	+ .joinsub0-1,
	447	+ .join-end-bt {
	448	+ grid-template-columns: 1fr;
	449	+ }
	450	+ .join-imgbox {
	451	+ width: 15rem;
	452	+ }
	453	+ .email-sec {
	454	+ width: 20%;
	455	+ }
	456	+ .join-b span {
	457	+ font-size: 1rem;
	458	+ }
	459	+ /* 로그인 */
	460	+ .login-logo-d h1 {
	461	+ font-size: 1.5rem;
	462	+ text-align: center;
	463	+ }
	464	+ .login-checkbox-i {
	465	+ text-align: center;
	466	+ }
	467	+ .login-sec {
	468	+ width: 100%;
	469	+ padding: 3rem 0;
	470	+ }
	471	+ .login-checkbox-b button {
	472	+ font-size: 1.2rem;
	473	+ }
	474	+ .login-bu-after::after,
	475	+ .login-bu-after::after,
	476	+ .login-checkbox-b button:nth-child(1) {
	477	+ margin-left: 0;
	478	+ }
	479	+ .login-checkbox-b {
	480	+ grid-template-columns: 1fr;
	481	+ }
	482	+ .login-checkbox-b a {
	483	+ text-align: center;
	484	+ }
	485	+ .login-bu-after::after {
	486	+ display: none;
	487	+ }
370	488	}
371	489
372	490	@media all and (min-width: 480px) and (max-width: 767px) {
373		- .mobile1 {
374		- flex: 0 0 10%;
375		- text-align: center;
376		- font-size: 3rem;
377		- color: #2c407f;
	491	+ .w1400 {
	492	+ width: 100%;
378	493	}
379		- .sub-nav {
380		- height: 100%;
	494	+ .flex-start {
	495	+ flex-direction: column;
	496	+ }
	497	+ .page-logo h1 {
	498	+ padding: 0 3rem;
	499	+ font-size: 3rem;
	500	+ }
	501	+ table,
	502	+ thead,
	503	+ tbody,
	504	+ th,
	505	+ td,
	506	+ tr {
	507	+ display: block;
	508	+ text-align: center;
	509	+ }
	510	+ th {
	511	+ display: none;
	512	+ }
	513	+ table {
	514	+ width: 100%;
	515	+ }
	516	+
	517	+ thead tr {
	518	+ position: absolute;
	519	+ top: -9999px;
	520	+ left: -9999px;
	521	+ }
	522	+
	523	+ tr {
	524	+ border: 1px solid #ccc;
	525	+ }
	526	+
	527	+ td {
	528	+ border: none;
	529	+ border-bottom: 1px solid #eee;
	530	+ position: relative;
	531	+ text-align: right;
	532	+ padding-left: 8rem;
	533	+
	534	+ /* padding-left: 5/0%; */
	535	+ }
	536	+
	537	+ td:before {
	538	+ position: absolute;
	539	+ top: 6px;
	540	+ left: 6px;
	541	+ width: 100%;
	542	+ text-align: left;
	543	+ padding: 1.5rem 0;
	544	+ padding-right: 10px;
	545	+ white-space: nowrap;
	546	+ }
	547	+
	548	+ td:nth-of-type(1):before {
	549	+ content: "NO";
	550	+ }
	551	+ td:nth-of-type(2):before {
	552	+ content: "제목";
	553	+ }
	554	+ td:nth-of-type(3):before {
	555	+ content: "작성자";
	556	+ }
	557	+ td:nth-of-type(4):before {
	558	+ content: "작성일자";
	559	+ }
	560	+ td:nth-of-type(5):before {
	561	+ content: "조회수";
	562	+ }
	563	+ .data-table-tr td:nth-child(2) {
	564	+ text-align: right;
	565	+ }
	566	+ .title-zone .flex {
	567	+ flex-direction: column;
	568	+ }
	569	+ .title-zone .flex-end {
	570	+ flex-direction: column;
	571	+ }
	572	+ /* 햄버거(서브메뉴) */
	573	+ .sub-nav,
	574	+ .toggle {
381	575	opacity: 1;
382	576	}
383		- .header-wrap {
384		- padding: 3rem;
385		- justify-content: center;
	577	+ .sub-nav {
	578	+ position: relative;
	579	+ height: 100%;
	580	+ opacity: 1;
	581	+ width: 90%;
386	582	}
387		- .logo {
388		- flex: 0 0 90%;
389		- }
390		- .logo span {
391		- font-family: "Pretendard-Regular";
392		- width: 100%;
393		- text-align: center;
394		- font-size: 3rem;
395		- flex: 0 0 90%;
396		- }
	583	+
397	584	.logo-toggle {
398	585	width: 100%;
399	586	display: flex;
	587	+ padding: 1rem 0;
400	588	}
401		- .toggle {
402		- flex: 0 0 6%;
403		- display: block;
	589	+
	590	+ .logo {
	591	+ flex: 0 0 83%;
	592	+
	593	+ transform: translateY(0px);
404	594	}
405		- .data-b-1 p span {
406		- font-size: 2.5rem;
	595	+
	596	+ .logo span {
	597	+ font-family: "Pretendard-Regular";
	598	+ width: 80%;
	599	+ text-align: center;
	600	+ font-size: 1.5rem;
	601	+ flex: 0 0 90%;
	602	+ /* border: 1px solid red; */
407	603	}
408	604
409	605	.main-menu-1 {
410	606	display: none !important;
411	607	}
	608	+
412	609	.main-sub-menu {
413		- /* width: 100%; */
414	610	flex: 0 0 100% !important;
415	611	flex-direction: column;
416	612	justify-content: end;
...	...	@@ -418,55 +614,79 @@
418	614	padding: 5rem;
419	615	display: none;
420	616	}
	617	+
421	618	.main-sub-menu.open {
422	619	display: block;
423	620	}
424		- .main-sub-menu li {
425		- padding: 1rem;
426		- }
427		- .accordion-header {
428		- cursor: pointer;
429		- padding: 10px;
430		- text-align: center;
431		- font-size: 2rem;
432		- font-family: "Pretendard-Regular";
433		- font-weight: 700;
434		- color: #2c407f;
435		- }
436		- .accordion-header li {
437		- padding: 1rem;
438		- }
439	621
440		- .accordion-header.active {
441		- padding: 1rem;
442		- background-color: #ffffff;
	622	+ .main-menu-1 {
	623	+ display: none !important;
443	624	}
444		-
445		- .main-sub-menu-sb {
	625	+ .main-sub-menu {
	626	+ flex: 0 0 100% !important;
	627	+ flex-direction: column;
	628	+ justify-content: end;
446	629	list-style: none;
447		- padding: 1rem;
448		- margin: 0;
449		- text-align: center;
450		- font-size: 1.5rem;
451		- font-family: "Pretendard-Regular";
	630	+ padding: 5rem;
	631	+ display: none;
	632	+ margin: 0 auto;
452	633	}
453		- .main-sub-menu-sb li {
	634	+ .main-sub-menu > li {
	635	+ padding: 1rem 0;
	636	+ }
	637	+ .main-sub-menu > li > ul > li {
	638	+ padding: 1rem 0;
	639	+ }
	640	+ .main-sub-menu.open {
	641	+ display: block;
454	642	padding: 1rem;
	643	+ text-align: center;
	644	+ }
	645	+ .mobile1 {
	646	+ flex: 0 0 10%;
	647	+ text-align: center;
	648	+ font-size: 3rem;
455	649	color: #2c407f;
456	650	}
457		-
458		- .router-link {
459		- text-decoration: none;
460		- color: #333;
461		- display: block;
462		- padding: 10px;
463		- transition: background-color 0.3s;
	651	+ /* 햄버거메뉴 (서브) and------- */
	652	+ /* 메인 */
	653	+ .main-box-wrap {
	654	+ width: 93%;
	655	+ padding: 1rem;
	656	+ grid-template-columns: 0;
	657	+ }
	658	+ .main-text p {
	659	+ font-size: 1.2rem;
	660	+ }
	661	+ .main-text span {
	662	+ font-size: 1.5rem;
	663	+ }
	664	+ .main-notice {
	665	+ width: 100%;
	666	+ }
	667	+ .main-text {
	668	+ transform: translateY(-49px);
464	669	}
465	670
466		- .router-link:hover {
467		- background-color: #e0e0e0;
	671	+ .main-notice h2 {
	672	+ font-size: 0.9rem;
468	673	}
469		- /* 햄버거 끝! */
	674	+
	675	+ .main-content-wrap {
	676	+ padding: 6rem 0;
	677	+ }
	678	+ .main-puzzle-container {
	679	+ grid-template-columns: 1fr;
	680	+ }
	681	+ .m-p-table td:before {
	682	+ display: none;
	683	+ }
	684	+ .tech-bos {
	685	+ grid-template-columns: 1fr;
	686	+ }
	687	+ .tech-info {
	688	+ text-align: center;
	689	+ }
470	690	}
471	691
472	692	@media all and (min-width: 767px) and (max-width: 1023px) {

...	...	@@ -7,7 +7,7 @@
7	7	</div>
8	8	<div class="data-dtail">
9	9	<table class="insert-table">
10		- <tbody>d
	10	+ <tbody>
11	11	<tr>
12	12	<td class="title-zone" colspan="2">
13	13	<p class="flex"><span class="post-title">{{ post.post_title }}</span><span

Delete comment