정수빈
22 hours ago
모바일 반응형 및 오류 수정
@801f17da1a7cad99df2b810f099104567f868645
--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp
+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp
... | ... | @@ -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> |
--- src/main/webapp/publish/usr/company/history.html
+++ src/main/webapp/publish/usr/company/history.html
... | ... | @@ -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> |
--- src/main/webapp/publish/usr/css/content.css
+++ src/main/webapp/publish/usr/css/content.css
... | ... | @@ -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) |
--- src/main/webapp/publish/usr/layout/layout.css
+++ src/main/webapp/publish/usr/layout/layout.css
... | ... | @@ -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) |
--- src/main/webapp/publish/usr/script/common.js
+++ src/main/webapp/publish/usr/script/common.js
... | ... | @@ -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 |
} |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?