Commit @340c6cf0c078e3c2837e07c3220f4b8169be190c

mycoms 04-12

2240412 김하영

@340c6cf0c078e3c2837e07c3220f4b8169be190c

e46385d

340c6cf

resources/css/responsive.css

--- resources/css/responsive.css

+++ resources/css/responsive.css


 
     .text-area {
         width: 100% !important;
-        height: 100% !important;
-        padding: 2rem;
+        padding: 6rem 2rem;
     }
 
     .innerSwiper-title {
         font-size: 1.5rem;
     }
-
+.history .text-area{
+    padding-top: 120px;
+}
     .innerSwiper .swiper-slide {
         width: 100% !important;
         padding: 10px;
     }
-
+.history-area{
+    gap: 0px !important;
+}
     .sub-text-area {
         margin-bottom: 1rem !important;
     }
 
     .marketing-wrapper {
         width: 100%;
-        padding: 1rem 1rem 2rem 1rem;
+        padding: 2rem;
         margin: 0 auto;
     }
 

     .footer-text div p,
     .footer-text p {
         width: 100%;
-        font-size: 1.2rem;
+        font-size: 1.2rem !important;
         padding-left: 0px !important;
     }
 

 
     .slideText p:last-child,
     .slideTextDtail p {
-        font-size: 1.2rem;
+        font-size: 1.5rem;
     }
 
     .slideText p:first-child {

     }
 
     .slideTextDtail p {
-        font-size: 1rem;
+        font-size: 1.3rem;
         border-bottom: 0px !important;
         margin-bottom: 0.5rem;
     }

 
     .about img {
         width: 100%;
-        height: 100%;
+        height: 150px !important;
     }
 
     .about-vision-box {

 
     .taken-wrap-box {
         width: 100% !important;
-        gap: 5px !important;
-        flex-direction: column;
+        gap: 10px !important;
     }
 
     .taken-area {

     }
 
     .text-box-title {
+        margin-bottom: 0px;
         font-size: 1rem;
-        padding-left: 10px;
+        margin-left: 20px;
     }
 
     .solution-after {

     .meta-title::after,
     .smart-title::after {
         display: none;
+    }
+    .traffic-video{
+        width: 90%;
     }
 
     /* .solution-area {

 
     .etc-wrap-text {
         width: 100%;
-        height: 50%;
+        height: 75%;
 
     }
 

     }
 
     .text-box-title::after {
-        left: -5px;
-        top: -1px;
+        left: -17px;
+        top: 0px;
     }
 
     .solution .swiper-slide img {
         height: 130px !important;
 
     }
-
+    #footer img{
+        width: 100px !important;
+        height: 50px !important;
+    }
     .swiper-slide img {
-        margin: 0 auto;
+        object-fit: contain;
     }
 
     .traffic-button {

     .box-wrap div p {
         padding: 1px;
         margin-bottom: 0rem !important;
-        font-size: 1rem !important;
+        font-size: 1.4rem !important;
     }
 
     .etc-box-title {
         font-weight: 700;
         text-align: center !important;
-        font-size: 2.2rem !important;
+        font-size: 1.6rem !important;
     }
 
     .box-wrap div div {

     .box4 {
         transform: translateY(0px);
     }
+    #etc .box-wrap{
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+    }
+    .etc-box{
+        width: 100%;
+    }
+    .swiper-slide {
+        -ms-overflow-style: none;
+        /* 인터넷 익스플로러 */
+        scrollbar-width: none;
+        /* 파이어폭스 */
+    }
 }

e46385d

340c6cf

views/layout/Header.html

--- views/layout/Header.html

+++ views/layout/Header.html


 <body>
     <div class="header">
         <div class="header-area flex justify-between align-center">
-            <a href="../index.html" class="logo"></a>
+            <a href="/views/index.html" class="logo"></a>
             <div class="mobil-wrap">
                 <button class="mobile-menu-button">☰</button>
                 <button class="mobile-menu-button-close" style="display: none;">x</button>

         window.location.href = '/';
     } else {
         // 다른 페이지에 있는 경우, 메인 페이지로 이동
-        window.location.href = 'index.html';
+        window.location.href = '/';
     }
 });
 

e46385d

340c6cf

views/pages/AboutUs.html

--- views/pages/AboutUs.html

+++ views/pages/AboutUs.html


 
             </div>
 
-            <div class="swiper-slide flex" style="overflow-y: auto; height: 100%;">
+            <div class="swiper-slide flex history" style="overflow-y: auto; height: 100%;">
                 <div style="width: 100%; height: 100%; flex-wrap: nowrap;" class="flex ">
 
 

e46385d

340c6cf

views/pages/Solution.html

--- views/pages/Solution.html

+++ views/pages/Solution.html


 <script>
     function updateSwiperStylesheet() {
         // 화면 너비가 750px을 초과하는지 확인
-        if (window.innerWidth > 750) {
+        if (window.innerWidth > 800) {
             // 이미 해당 스타일시트가 추가되었는지 확인
             var isSwiperCssAdded = document.querySelector('link[href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"]');
             if (!isSwiperCssAdded) {

Add a comment

Open 0
Closed 0

List

...	...	@@ -2120,26 +2120,29 @@
2120	2120
2121	2121	.text-area {
2122	2122	width: 100% !important;
2123		- height: 100% !important;
2124		- padding: 2rem;
	2123	+ padding: 6rem 2rem;
2125	2124	}
2126	2125
2127	2126	.innerSwiper-title {
2128	2127	font-size: 1.5rem;
2129	2128	}
2130		-
	2129	+.history .text-area{
	2130	+ padding-top: 120px;
	2131	+}
2131	2132	.innerSwiper .swiper-slide {
2132	2133	width: 100% !important;
2133	2134	padding: 10px;
2134	2135	}
2135		-
	2136	+.history-area{
	2137	+ gap: 0px !important;
	2138	+}
2136	2139	.sub-text-area {
2137	2140	margin-bottom: 1rem !important;
2138	2141	}
2139	2142
2140	2143	.marketing-wrapper {
2141	2144	width: 100%;
2142		- padding: 1rem 1rem 2rem 1rem;
	2145	+ padding: 2rem;
2143	2146	margin: 0 auto;
2144	2147	}
2145	2148
...	...	@@ -2229,7 +2232,7 @@
2229	2232	.footer-text div p,
2230	2233	.footer-text p {
2231	2234	width: 100%;
2232		- font-size: 1.2rem;
	2235	+ font-size: 1.2rem !important;
2233	2236	padding-left: 0px !important;
2234	2237	}
2235	2238
...	...	@@ -2302,7 +2305,7 @@
2302	2305
2303	2306	.slideText p:last-child,
2304	2307	.slideTextDtail p {
2305		- font-size: 1.2rem;
	2308	+ font-size: 1.5rem;
2306	2309	}
2307	2310
2308	2311	.slideText p:first-child {
...	...	@@ -2310,7 +2313,7 @@
2310	2313	}
2311	2314
2312	2315	.slideTextDtail p {
2313		- font-size: 1rem;
	2316	+ font-size: 1.3rem;
2314	2317	border-bottom: 0px !important;
2315	2318	margin-bottom: 0.5rem;
2316	2319	}
...	...	@@ -2322,7 +2325,7 @@
2322	2325
2323	2326	.about img {
2324	2327	width: 100%;
2325		- height: 100%;
	2328	+ height: 150px !important;
2326	2329	}
2327	2330
2328	2331	.about-vision-box {
...	...	@@ -2361,8 +2364,7 @@
2361	2364
2362	2365	.taken-wrap-box {
2363	2366	width: 100% !important;
2364		- gap: 5px !important;
2365		- flex-direction: column;
	2367	+ gap: 10px !important;
2366	2368	}
2367	2369
2368	2370	.taken-area {
...	...	@@ -2389,8 +2391,9 @@
2389	2391	}
2390	2392
2391	2393	.text-box-title {
	2394	+ margin-bottom: 0px;
2392	2395	font-size: 1rem;
2393		- padding-left: 10px;
	2396	+ margin-left: 20px;
2394	2397	}
2395	2398
2396	2399	.solution-after {
...	...	@@ -2404,6 +2407,9 @@
2404	2407	.meta-title::after,
2405	2408	.smart-title::after {
2406	2409	display: none;
	2410	+ }
	2411	+ .traffic-video{
	2412	+ width: 90%;
2407	2413	}
2408	2414
2409	2415	/* .solution-area {
...	...	@@ -2434,7 +2440,7 @@
2434	2440
2435	2441	.etc-wrap-text {
2436	2442	width: 100%;
2437		- height: 50%;
	2443	+ height: 75%;
2438	2444
2439	2445	}
2440	2446
...	...	@@ -2470,17 +2476,20 @@
2470	2476	}
2471	2477
2472	2478	.text-box-title::after {
2473		- left: -5px;
2474		- top: -1px;
	2479	+ left: -17px;
	2480	+ top: 0px;
2475	2481	}
2476	2482
2477	2483	.solution .swiper-slide img {
2478	2484	height: 130px !important;
2479	2485
2480	2486	}
2481		-
	2487	+ #footer img{
	2488	+ width: 100px !important;
	2489	+ height: 50px !important;
	2490	+ }
2482	2491	.swiper-slide img {
2483		- margin: 0 auto;
	2492	+ object-fit: contain;
2484	2493	}
2485	2494
2486	2495	.traffic-button {
...	...	@@ -2553,13 +2562,13 @@
2553	2562	.box-wrap div p {
2554	2563	padding: 1px;
2555	2564	margin-bottom: 0rem !important;
2556		- font-size: 1rem !important;
	2565	+ font-size: 1.4rem !important;
2557	2566	}
2558	2567
2559	2568	.etc-box-title {
2560	2569	font-weight: 700;
2561	2570	text-align: center !important;
2562		- font-size: 2.2rem !important;
	2571	+ font-size: 1.6rem !important;
2563	2572	}
2564	2573
2565	2574	.box-wrap div div {
...	...	@@ -2641,4 +2650,17 @@
2641	2650	.box4 {
2642	2651	transform: translateY(0px);
2643	2652	}
	2653	+ #etc .box-wrap{
	2654	+ display: grid;
	2655	+ grid-template-columns: 1fr 1fr;
	2656	+ }
	2657	+ .etc-box{
	2658	+ width: 100%;
	2659	+ }
	2660	+ .swiper-slide {
	2661	+ -ms-overflow-style: none;
	2662	+ /* 인터넷 익스플로러 */
	2663	+ scrollbar-width: none;
	2664	+ /* 파이어폭스 */
	2665	+ }
2644	2666	} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -259,7 +259,7 @@
259	259
260	260	</div>
261	261
262		- <div class="swiper-slide flex" style="overflow-y: auto; height: 100%;">
	262	+ <div class="swiper-slide flex history" style="overflow-y: auto; height: 100%;">
263	263	<div style="width: 100%; height: 100%; flex-wrap: nowrap;" class="flex ">
264	264
265	265

...	...	@@ -387,7 +387,7 @@
387	387	<script>
388	388	function updateSwiperStylesheet() {
389	389	// 화면 너비가 750px을 초과하는지 확인
390		- if (window.innerWidth > 750) {
	390	+ if (window.innerWidth > 800) {
391	391	// 이미 해당 스타일시트가 추가되었는지 확인
392	392	var isSwiperCssAdded = document.querySelector('link[href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"]');
393	393	if (!isSwiperCssAdded) {

Delete comment