Commit @801f17da1a7cad99df2b810f099104567f868645

정수빈 1 days ago

모바일 반응형 및 오류 수정

@801f17da1a7cad99df2b810f099104567f868645

a23d01e

801f17d

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp

--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp


 	            </ul>
             </div>
             <div class="snb_wrap">  
-	            <button type="button" class="snb_title">IR &amp; PR</button>  
+	            <button type="button" class="snb_title">${brdMstrVO.bbsNm}</button>  
 	            <ul class="snb_select">    
 		            <li><a href="/web/content.do?proFn=999500000&amp;menuUserType=KOR">Papers &amp; IP</a></li>
 					<li><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000050&amp;menuUserType=KOR">IR &amp; PR</a></li>  

a23d01e

801f17d

src/main/webapp/publish/usr/company/history.html

--- src/main/webapp/publish/usr/company/history.html

+++ src/main/webapp/publish/usr/company/history.html


                 </a>
               </div>
               <div class="history_month">
+              	<strong class="mobile_year">2025~2026</strong>
                 <ul class="month_ul" id="year_2025">
                   <li>
                     <dl>

                     </dl>
                   </li>
                 </ul>
+                <strong class="mobile_year">2024</strong>
                 <ul class="month_ul" id="year_2024">
                   <li>
                     <dl>

                     </dl>
                   </li>
                 </ul>
+                <strong class="mobile_year">2023</strong>
                 <ul class="month_ul" id="year_2023">
                   <li>
                     <dl>

                     </dl>
                   </li>
                 </ul>
+                <strong class="mobile_year">2022</strong>
                 <ul class="month_ul" id="year_2022">
                   <li>
                     <dl>

a23d01e

801f17d

src/main/webapp/publish/usr/css/content.css

--- src/main/webapp/publish/usr/css/content.css

+++ src/main/webapp/publish/usr/css/content.css


 .year_item strong{font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;}
 .year_item .img_box{margin:20px 0 0 0;border-radius:20px;overflow:hidden;}
 .history_month {position:absolute;width:100%;max-height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
+.mobile_year{display:none;font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;}
 .month_ul{display:flex;width:calc(100% - 690px);flex-direction:column;margin:0 0 80px auto;}
 .month_ul li:first-child{border-top:1px solid #e0e0e0;}
 .month_ul li:last-child{border:0;}

 .dl_wrap dd.dd_table{background:none;display:block;}
 .dl_wrap dd img{mix-blend-mode:darken;}
 
-.dl_wrap.fill.accent dt{height:56px;background:var(--accent-color);color:#fff;}
+.dl_wrap.fill.accent dt{min-height:56px;background:var(--accent-color);color:#fff;}
 .dl_wrap.fill.accent dd{margin:20px 0 0 0;}
 
 .timeline_list {position:relative;display:flex;width:100%;margin:0;padding:40px 0;justify-content:space-between;align-items:flex-start;}

  /* 연혁 */
  .history_area{flex-direction:column;}
  .history_year{display:none;}
- .month_ul{position:relative;width:90%;padding:100px 0 0 0;margin:0 auto;}
+ .mobile_year{display:block;width:90%;font-family:var(--secondary-title-font);font-size:40px;font-weight:bold;text-align:left;margin:0 auto 30px auto;}
+ .month_ul{position:relative;width:90%;padding:0;margin:0 auto;}
  .month_ul::after{position:absolute;content:"";width:100%;height:70px;top:0;font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;}
- .month_ul:last-child{margin:160px auto 0 auto;}
+ .month_ul:last-child{margin:0 auto;}
  #year_2023::after{content:"2023";}
  #year_2022::after{content:"2022";}
 

 .mail_banner img{top:auto;bottom:15%;opacity:0.5;}
  
  /* 연혁 */
- .month_ul{padding:80px 0 0 0;}
- .month_ul::after{font-size:36px;}
+ .month_ul{padding:0 0 80px 0;}
+ .month_ul::after{display:none;font-size:36px;}
 
  .month_ul .month{width:60px;font-size:20px;}
  .month_ul dl{padding:20px 0;gap:20px;}

  .month_ul dd p:nth-child(n+2){margin:18px 0 0 0;}
  .month_ul strong{font-size:18px;}
  .month_ul .summary{font-size:16px;}
+ .mobile_year{font-size:24px;margin:0 auto 20px auto;}
 
  /* ==================================================
     Platform Tech

  .sub_visual_nav .snb_wrap{max-width:100%;}
  .sub_visual_nav .snb_wrap:not(:last-child){display:none;}
  .content_title h3{font-size:32px;}
+ .content_title h3 span.small{font-size:18px;word-break:break-all;}
  .con_title .title{font-size:20px;}
  
  .sub_title{font-size:28px;text-align:center;}

 }
 
 @media (max-width: 500px){
+	
+	.dl_wrap dt{font-size:18px;}
    
  /* ==================================================
    Company

 /* 연혁 */
  .month_ul dl{flex-direction:column;gap:12px;}
  .month_ul dd{width:100%;}
+ 
+ .brain_health .box_wrap.border.accent .box,.brain_health .box_small.white li{flex-direction:column;}
+ .brain_health .box_wrap.border.accent .box{padding:40px 20px;}
+ .brain_health .box_small.white p{width:100%;}
+ .box_wrap.border.accent .title{width:95%;}
+ .brain_health .box_small.white p{font-size:16px;}
+ .timeline_list li{width:100%;}
+ .timeline_list .year{width:100%;}
+ .brain_health .timeline_list li .line,.brain_health .timeline_list li:first-child .line{height:100%;}
+ .brain_health .timeline_list li:last-child .line{height:calc(100% - 70px);}
+ .timeline_list li:not(:last-child)::after{display:none;}
+ 
 }

a23d01e

801f17d

src/main/webapp/publish/usr/layout/layout.css

--- src/main/webapp/publish/usr/layout/layout.css

+++ src/main/webapp/publish/usr/layout/layout.css


   .header_container nav:not(.mobile_nav){display:none;}
 
   .content_title h3{font-size:40px;}
+  .content_title h3 span.small{font-size:26px;}
   
 }
 

 
   .container.sub .content_wrap{margin:80px 0 80px 0;}
   .content_title{margin:0 0 60px 0;}
+  
+  .mobile_nav .gnb{overflow-y:auto;}
 
 }

a23d01e

801f17d

src/main/webapp/publish/usr/script/common.js

--- src/main/webapp/publish/usr/script/common.js

+++ src/main/webapp/publish/usr/script/common.js


         // 모든 include 완료 시점
         if (includeCount === includeTargets.length) {
           loadScriptsSequentially([
-            '/publish/usr/layout/layout.js',
-            '/publish/usr/script/content.js',
+            /*'/publish/usr/layout/layout.js',
+            '/publish/usr/script/content.js',*/
           ]);
         }
       }

Add a comment

Open 0
Closed 0

List

...	...	@@ -94,7 +94,7 @@
94	94	</ul>
95	95	</div>
96	96	<div class="snb_wrap">
97		- <button type="button" class="snb_title">IR & PR</button>
	97	+ <button type="button" class="snb_title">${brdMstrVO.bbsNm}</button>
98	98	<ul class="snb_select">
99	99	<li><a href="/web/content.do?proFn=999500000&menuUserType=KOR">Papers & IP</a></li>
100	100	<li><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000050&menuUserType=KOR">IR & PR</a></li>

...	...	@@ -98,6 +98,7 @@
98	98	</a>
99	99	</div>
100	100	<div class="history_month">
	101	+ <strong class="mobile_year">2025~2026</strong>
101	102	<ul class="month_ul" id="year_2025">
102	103	<li>
103	104	<dl>
...	...	@@ -160,6 +161,7 @@
160	161	</dl>
161	162	</li>
162	163	</ul>
	164	+ <strong class="mobile_year">2024</strong>
163	165	<ul class="month_ul" id="year_2024">
164	166	<li>
165	167	<dl>
...	...	@@ -222,6 +224,7 @@
222	224	</dl>
223	225	</li>
224	226	</ul>
	227	+ <strong class="mobile_year">2023</strong>
225	228	<ul class="month_ul" id="year_2023">
226	229	<li>
227	230	<dl>
...	...	@@ -333,6 +336,7 @@
333	336	</dl>
334	337	</li>
335	338	</ul>
	339	+ <strong class="mobile_year">2022</strong>
336	340	<ul class="month_ul" id="year_2022">
337	341	<li>
338	342	<dl>

...	...	@@ -183,6 +183,7 @@
183	183	.year_item strong{font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;}
184	184	.year_item .img_box{margin:20px 0 0 0;border-radius:20px;overflow:hidden;}
185	185	.history_month {position:absolute;width:100%;max-height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
	186	+.mobile_year{display:none;font-family:var(--secondary-title-font);font-size:60px;font-weight:bold;}
186	187	.month_ul{display:flex;width:calc(100% - 690px);flex-direction:column;margin:0 0 80px auto;}
187	188	.month_ul li:first-child{border-top:1px solid #e0e0e0;}
188	189	.month_ul li:last-child{border:0;}
...	...	@@ -274,7 +275,7 @@
274	275	.dl_wrap dd.dd_table{background:none;display:block;}
275	276	.dl_wrap dd img{mix-blend-mode:darken;}
276	277
277		-.dl_wrap.fill.accent dt{height:56px;background:var(--accent-color);color:#fff;}
	278	+.dl_wrap.fill.accent dt{min-height:56px;background:var(--accent-color);color:#fff;}
278	279	.dl_wrap.fill.accent dd{margin:20px 0 0 0;}
279	280
280	281	.timeline_list {position:relative;display:flex;width:100%;margin:0;padding:40px 0;justify-content:space-between;align-items:flex-start;}
...	...	@@ -607,9 +608,10 @@
607	608	/* 연혁 */
608	609	.history_area{flex-direction:column;}
609	610	.history_year{display:none;}
610		- .month_ul{position:relative;width:90%;padding:100px 0 0 0;margin:0 auto;}
	611	+ .mobile_year{display:block;width:90%;font-family:var(--secondary-title-font);font-size:40px;font-weight:bold;text-align:left;margin:0 auto 30px auto;}
	612	+ .month_ul{position:relative;width:90%;padding:0;margin:0 auto;}
611	613	.month_ul::after{position:absolute;content:"";width:100%;height:70px;top:0;font-family:var(--secondary-title-font);font-size:52px;font-weight:bold;}
612		- .month_ul:last-child{margin:160px auto 0 auto;}
	614	+ .month_ul:last-child{margin:0 auto;}
613	615	#year_2023::after{content:"2023";}
614	616	#year_2022::after{content:"2022";}
615	617
...	...	@@ -773,8 +775,8 @@
773	775	.mail_banner img{top:auto;bottom:15%;opacity:0.5;}
774	776
775	777	/* 연혁 */
776		- .month_ul{padding:80px 0 0 0;}
777		- .month_ul::after{font-size:36px;}
	778	+ .month_ul{padding:0 0 80px 0;}
	779	+ .month_ul::after{display:none;font-size:36px;}
778	780
779	781	.month_ul .month{width:60px;font-size:20px;}
780	782	.month_ul dl{padding:20px 0;gap:20px;}
...	...	@@ -782,6 +784,7 @@
782	784	.month_ul dd p:nth-child(n+2){margin:18px 0 0 0;}
783	785	.month_ul strong{font-size:18px;}
784	786	.month_ul .summary{font-size:16px;}
	787	+ .mobile_year{font-size:24px;margin:0 auto 20px auto;}
785	788
786	789	/* ==================================================
787	790	Platform Tech
...	...	@@ -835,6 +838,7 @@
835	838	.sub_visual_nav .snb_wrap{max-width:100%;}
836	839	.sub_visual_nav .snb_wrap:not(:last-child){display:none;}
837	840	.content_title h3{font-size:32px;}
	841	+ .content_title h3 span.small{font-size:18px;word-break:break-all;}
838	842	.con_title .title{font-size:20px;}
839	843
840	844	.sub_title{font-size:28px;text-align:center;}
...	...	@@ -899,6 +903,8 @@
899	903	}
900	904
901	905	@media (max-width: 500px){
	906	+
	907	+ .dl_wrap dt{font-size:18px;}
902	908
903	909	/* ==================================================
904	910	Company
...	...	@@ -907,4 +913,16 @@
907	913	/* 연혁 */
908	914	.month_ul dl{flex-direction:column;gap:12px;}
909	915	.month_ul dd{width:100%;}
	916	+
	917	+ .brain_health .box_wrap.border.accent .box,.brain_health .box_small.white li{flex-direction:column;}
	918	+ .brain_health .box_wrap.border.accent .box{padding:40px 20px;}
	919	+ .brain_health .box_small.white p{width:100%;}
	920	+ .box_wrap.border.accent .title{width:95%;}
	921	+ .brain_health .box_small.white p{font-size:16px;}
	922	+ .timeline_list li{width:100%;}
	923	+ .timeline_list .year{width:100%;}
	924	+ .brain_health .timeline_list li .line,.brain_health .timeline_list li:first-child .line{height:100%;}
	925	+ .brain_health .timeline_list li:last-child .line{height:calc(100% - 70px);}
	926	+ .timeline_list li:not(:last-child)::after{display:none;}
	927	+
910	928	} (No newline at end of file)

...	...	@@ -107,6 +107,7 @@
107	107	.header_container nav:not(.mobile_nav){display:none;}
108	108
109	109	.content_title h3{font-size:40px;}
	110	+ .content_title h3 span.small{font-size:26px;}
110	111
111	112	}
112	113
...	...	@@ -124,5 +125,7 @@
124	125
125	126	.container.sub .content_wrap{margin:80px 0 80px 0;}
126	127	.content_title{margin:0 0 60px 0;}
	128	+
	129	+ .mobile_nav .gnb{overflow-y:auto;}
127	130
128	131	} (No newline at end of file)

...	...	@@ -15,8 +15,8 @@
15	15	// 모든 include 완료 시점
16	16	if (includeCount === includeTargets.length) {
17	17	loadScriptsSequentially([
18		- '/publish/usr/layout/layout.js',
19		- '/publish/usr/script/content.js',
	18	+ /*'/publish/usr/layout/layout.js',
	19	+ '/publish/usr/script/content.js',*/
20	20	]);
21	21	}
22	22	}

Delete comment