Commit @f08a5dcfc08606344a582bc2352fce23ab1dc632

mycoms 04-19

240419 김하영

@f08a5dcfc08606344a582bc2352fce23ab1dc632

ecc4ed7

f08a5dc

resources/css/responsive.css

--- resources/css/responsive.css

+++ resources/css/responsive.css


         font-size: 2.3rem !important;
         margin-bottom: 0rem;
     }
-    .marketing-area p span{
+
+    .marketing-area p span {
         font-size: 2rem;
     }
-    .marketing-area p{
+
+    .marketing-area p {
         font-size: 2rem;
     }
+
     .marketing-wrap-title h1 {
         font-size: 4rem;
     }

     }
 
     .slide-solution .text-area {
-        padding: 12rem 2rem 6rem  2rem;
+        padding: 12rem 2rem 6rem 2rem;
     }
 
 

     #solution .text-area {
         width: 100% !important;
         height: 100%;
-        padding: 12rem 2rem 6rem 2rem!important;
+        padding: 12rem 2rem 6rem 2rem !important;
     }
 
     .text-area {

     .about-area p {
         font-size: 2.2rem;
     }
-    .month{
+
+    .month {
         font-size: 2.5rem;
     }
+
     .month-text p {
         font-size: 2.2rem;
         margin-bottom: 0rem;

         font-weight: 400;
         word-break: keep-all;
     }
-    #map .text-area{
-        padding: 1rem 2rem 6rem 2rem;    }
+
+    #map .text-area {
+        padding: 1rem 2rem 6rem 2rem;
+    }
 
     .solution-area {
         width: 100%;

     .taken-area p {
         font-size: 2.4rem;
     }
-    .text-after p::after{
+
+    .text-after p::after {
         top: 0;
     }
 

         text-align: left;
     }
 
- #etc .etc-box-title{
-    margin: 2rem 0;
- }
+    #etc .etc-box-title {
+        margin: 2rem 0;
+    }
+
     .visual-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;

         margin-bottom: 2rem;
     }
 
-    .etc-text-deco p::after{
+    .etc-text-deco p::after {
         display: none;
     }
+
     .solution .swiper-slide img {
         width: 100%;
         height: 100px !important;

     .innerSwiper .swiper-slide img {
         height: 100%;
     }
+
     .accordion2,
     .accordion1,
     .accordion3 {

 }
 
 @media all and (min-width:768px) and (max-width:1366px) {
-    * {
-        padding: 0;
-        margin: 0;
-        box-sizing: border-box;
-    }
+
 
     html,
     body,

 
     }
 
+    .history-box {
+        width: 100%;
+    }
 
+    .box-wrap {
+        flex-wrap: wrap;
+    }
 
     .solution-title p,
     .traffic-title p,

     .mobil-wrap {
         display: block;
     }
-    .etc-text-deco p::after{
+
+    .etc-text-deco p::after {
         display: none;
     }
+
     .web-menu {
         display: none;
     }

         font-size: 1.5rem !important;
     }
 
-  
+
 
     .customized-box div {
         width: 100%;

         flex-direction: column;
     }
 
-    #smart .etc-wrap-text{
+    #smart .etc-wrap-text {
         flex-direction: column;
 
     }
-    #dataanalysis .etc-wrap-text div{
+
+    #dataanalysis .etc-wrap-text div {
         width: 48%;
         margin: 0 auto;
         flex-wrap: wrap !important;
     }
-  
-    #etc .etc-box-title{
+
+    #etc .etc-box-title {
         font-size: 1.7rem !important;
         padding: 0px;
         text-align: center;
         font-weight: 600;
         word-break: keep-all;
     }
-    #customized .box-wrap{
+
+    #customized .box-wrap {
         flex-direction: column;
 
     }

ecc4ed7

f08a5dc

resources/css/style.css

--- resources/css/style.css

+++ resources/css/style.css


     width: 1200px;
     height: 100%;
     margin: auto;
-    /* align-content: center; */
-    /* padding-top: 12rem; */
+
     text-align: center;
 }
 
 .content {
     -ms-overflow-style: none;
-    /* 인터넷 익스플로러 */
     scrollbar-width: none;
 }
 

         width: 0;
         opacity: 0;
         transform: scaleX(0);
-        /* 애니메이션 시작 시 요소의 가로 크기를 0으로 설정 */
         transform-origin: center;
     }
 

         width: 100%;
         opacity: 1;
         transform: scaleX(1);
-        /* 애니메이션 종료 시 요소의 가로 크기를 원래대로 복원 */
         transform-origin: center;
     }
 }

Add a comment

Open 0
Closed 0

List

...	...	@@ -203,12 +203,15 @@
203	203	font-size: 2.3rem !important;
204	204	margin-bottom: 0rem;
205	205	}
206		- .marketing-area p span{
	206	+
	207	+ .marketing-area p span {
207	208	font-size: 2rem;
208	209	}
209		- .marketing-area p{
	210	+
	211	+ .marketing-area p {
210	212	font-size: 2rem;
211	213	}
	214	+
212	215	.marketing-wrap-title h1 {
213	216	font-size: 4rem;
214	217	}
...	...	@@ -247,7 +250,7 @@
247	250	}
248	251
249	252	.slide-solution .text-area {
250		- padding: 12rem 2rem 6rem 2rem;
	253	+ padding: 12rem 2rem 6rem 2rem;
251	254	}
252	255
253	256
...	...	@@ -304,7 +307,7 @@
304	307	#solution .text-area {
305	308	width: 100% !important;
306	309	height: 100%;
307		- padding: 12rem 2rem 6rem 2rem!important;
	310	+ padding: 12rem 2rem 6rem 2rem !important;
308	311	}
309	312
310	313	.text-area {
...	...	@@ -480,9 +483,11 @@
480	483	.about-area p {
481	484	font-size: 2.2rem;
482	485	}
483		- .month{
	486	+
	487	+ .month {
484	488	font-size: 2.5rem;
485	489	}
	490	+
486	491	.month-text p {
487	492	font-size: 2.2rem;
488	493	margin-bottom: 0rem;
...	...	@@ -796,8 +801,10 @@
796	801	font-weight: 400;
797	802	word-break: keep-all;
798	803	}
799		- #map .text-area{
800		- padding: 1rem 2rem 6rem 2rem; }
	804	+
	805	+ #map .text-area {
	806	+ padding: 1rem 2rem 6rem 2rem;
	807	+ }
801	808
802	809	.solution-area {
803	810	width: 100%;
...	...	@@ -867,7 +874,8 @@
867	874	.taken-area p {
868	875	font-size: 2.4rem;
869	876	}
870		- .text-after p::after{
	877	+
	878	+ .text-after p::after {
871	879	top: 0;
872	880	}
873	881
...	...	@@ -915,9 +923,10 @@
915	923	text-align: left;
916	924	}
917	925
918		- #etc .etc-box-title{
919		- margin: 2rem 0;
920		- }
	926	+ #etc .etc-box-title {
	927	+ margin: 2rem 0;
	928	+ }
	929	+
921	930	.visual-grid {
922	931	display: grid;
923	932	grid-template-columns: 1fr 1fr;
...	...	@@ -1896,9 +1905,10 @@
1896	1905	margin-bottom: 2rem;
1897	1906	}
1898	1907
1899		- .etc-text-deco p::after{
	1908	+ .etc-text-deco p::after {
1900	1909	display: none;
1901	1910	}
	1911	+
1902	1912	.solution .swiper-slide img {
1903	1913	width: 100%;
1904	1914	height: 100px !important;
...	...	@@ -2091,6 +2101,7 @@
2091	2101	.innerSwiper .swiper-slide img {
2092	2102	height: 100%;
2093	2103	}
	2104	+
2094	2105	.accordion2,
2095	2106	.accordion1,
2096	2107	.accordion3 {
...	...	@@ -2123,11 +2134,7 @@
2123	2134	}
2124	2135
2125	2136	@media all and (min-width:768px) and (max-width:1366px) {
2126		- * {
2127		- padding: 0;
2128		- margin: 0;
2129		- box-sizing: border-box;
2130		- }
	2137	+
2131	2138
2132	2139	html,
2133	2140	body,
...	...	@@ -2145,7 +2152,13 @@
2145	2152
2146	2153	}
2147	2154
	2155	+ .history-box {
	2156	+ width: 100%;
	2157	+ }
2148	2158
	2159	+ .box-wrap {
	2160	+ flex-wrap: wrap;
	2161	+ }
2149	2162
2150	2163	.solution-title p,
2151	2164	.traffic-title p,
...	...	@@ -2208,9 +2221,11 @@
2208	2221	.mobil-wrap {
2209	2222	display: block;
2210	2223	}
2211		- .etc-text-deco p::after{
	2224	+
	2225	+ .etc-text-deco p::after {
2212	2226	display: none;
2213	2227	}
	2228	+
2214	2229	.web-menu {
2215	2230	display: none;
2216	2231	}
...	...	@@ -2762,7 +2777,7 @@
2762	2777	font-size: 1.5rem !important;
2763	2778	}
2764	2779
2765		-
	2780	+
2766	2781
2767	2782	.customized-box div {
2768	2783	width: 100%;
...	...	@@ -2849,24 +2864,26 @@
2849	2864	flex-direction: column;
2850	2865	}
2851	2866
2852		- #smart .etc-wrap-text{
	2867	+ #smart .etc-wrap-text {
2853	2868	flex-direction: column;
2854	2869
2855	2870	}
2856		- #dataanalysis .etc-wrap-text div{
	2871	+
	2872	+ #dataanalysis .etc-wrap-text div {
2857	2873	width: 48%;
2858	2874	margin: 0 auto;
2859	2875	flex-wrap: wrap !important;
2860	2876	}
2861		-
2862		- #etc .etc-box-title{
	2877	+
	2878	+ #etc .etc-box-title {
2863	2879	font-size: 1.7rem !important;
2864	2880	padding: 0px;
2865	2881	text-align: center;
2866	2882	font-weight: 600;
2867	2883	word-break: keep-all;
2868	2884	}
2869		- #customized .box-wrap{
	2885	+
	2886	+ #customized .box-wrap {
2870	2887	flex-direction: column;
2871	2888
2872	2889	}

...	...	@@ -4,14 +4,12 @@
4	4	width: 1200px;
5	5	height: 100%;
6	6	margin: auto;
7		- /* align-content: center; */
8		- /* padding-top: 12rem; */
	7	+
9	8	text-align: center;
10	9	}
11	10
12	11	.content {
13	12	-ms-overflow-style: none;
14		- /* 인터넷 익스플로러 */
15	13	scrollbar-width: none;
16	14	}
17	15
...	...	@@ -87,7 +85,6 @@
87	85	width: 0;
88	86	opacity: 0;
89	87	transform: scaleX(0);
90		- /* 애니메이션 시작 시 요소의 가로 크기를 0으로 설정 */
91	88	transform-origin: center;
92	89	}
93	90
...	...	@@ -95,7 +92,6 @@
95	92	width: 100%;
96	93	opacity: 1;
97	94	transform: scaleX(1);
98		- /* 애니메이션 종료 시 요소의 가로 크기를 원래대로 복원 */
99	95	transform-origin: center;
100	96	}
101	97	}

Delete comment