An error occurred while processing the template.
Java method "com.liferay.portal.kernel.util.DateUtil_IW.parseDate(String, String, Locale)" threw an exception when invoked on com.liferay.portal.kernel.util.DateUtil_IW object "com.liferay.portal.kernel.util.DateUtil_IW@62820084"; see cause exception in the Java stack trace.
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign displayDate = dateUtil.parseD... [in template "30988740265871#20121#352628" at line 200, column 1]
----
1<style>
2 .lp-it-wrap{width:100dvw;height:100dvh}
3 .lp-it-bg{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}
4 .lp-it-bg p{margin:0}
5 .lp-it-bg .lp-it-dim{display:block;position:fixed;left:0;top:0;width:100dvw;height:100%;transition:opacity 1s ease;z-index:1}
6 .lp-it-bg .lp-it-dim.fade-in{opacity:1 !important;}
7 .lp-it-bg .it-content-wrap{overflow:auto;position:relative;padding:3.4375rem 30%;min-width:40dvw;height:100%;z-index:9;opacity:1 !important}
8 .lp-it-bg .it-content-wrap .lp-it-logo{margin-bottom:4.0625rem;height:7.625rem;background:url('/documents/d/global/intro_logo') center no-repeat;background-size:contain}
9 .lp-it-bg .it-content-wrap .lp-it-box-wrap{padding:3.125rem 5rem;border:1px solid #fff;border-radius:1.125rem;text-align:center;font-weight:500}
10 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-title{line-height:2.1875rem;font-size:1.5625rem;text-align:center;word-break:keep-all}
11 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-title + .lp-box-subtitle{margin-top:2.8125rem;}
12 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-subtitle{line-height:2.5rem;font-size:1.5rem;word-break:keep-all}
13 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-subtitle + .lp-box-content{margin-top:1.125rem;}
14 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-content{line-height:1.5625rem;color:#fff;font-size:1.125rem;font-weight:300;word-break:keep-all}
15
16 .lp-it-bg .it-content-wrap .lp-it-btn-wrap{display:grid;gap:1.875rem;padding:0 3.75rem;margin-top:4.1875rem}
17 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-1{grid-template-columns:repeat(1, 1fr)}
18 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-2{grid-template-columns:repeat(2, 1fr)}
19 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap{position:relative;padding:1.25rem 3.125rem 1.25rem 6.875rem;border-radius:5rem;line-height:2.5rem;font-size:1.25rem;font-weight:600}
20 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap a{display:block}
21 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap .material-symbols-outlined{position:absolute;top:50%;transform:translateY(-50%)}
22 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap .iconLeft.material-symbols-outlined{left:3.125rem}
23 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap .iconRight.material-symbols-outlined{right:3.125rem}
24 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-2 .lp-btn-wrap{padding:1.25rem 1.875rem 1.25rem 3.75rem}
25 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-2 .lp-btn-wrap .iconLeft.material-symbols-outlined{left:1.5rem}
26 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-2 .lp-btn-wrap .iconRight.material-symbols-outlined{right:1.5rem}
27
28 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-01{color:#fff;background-color:#004A98;border:1px solid #004A98}
29 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-01:hover{border-color:#35679E;color:#333 !important;background-color:#fff}
30 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-01:hover a{color:#333 !important}
31 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-02{color:#333;background-color:#fff;border: 1px solid #35679E;}
32 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-02:hover{color:#fff !important;background-color:#35679E !important}
33 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-02:hover a{color:#fff !important}
34 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-03{color:#fff;background-color:#4876EF;border: 1px solid #4876EF;}
35 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-03:hover{color:#fff !important;background-color:#2b9cff !important}
36 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-03:hover a{color:#fff !important}
37 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-04{color:#fff;background-color:#8C25C4;border: 1px solid #8C25C4;}
38 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-04:hover{color:#fff !important}
39 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-04:hover a{color:#fff !important}
40 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-05{color:#333;background-color:rgb(239,184,76);border: 1px solid rgb(239,184,76);}
41 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-05:hover{color:#333 !important}
42 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-05:hover a{color:#333 !important}
43 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-06{color:#fff;background-color:rgb(210,68,48);border: 1px solid rgb(210,68,48);}
44 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-06:hover{color:#fff !important}
45 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-06:hover a{color:#fff !important}
46 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-07{color:#fff;background-color:rgb(34,31,32);border: 1px solid rgb(34,31,32);}
47 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-07:hover{color:#fff !important}
48 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-07:hover a{color:#fff !important}
49 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-08{color:#333;background-color:#d5d5d5;border: 1px solid #d5d5d5;}
50 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-08:hover{color:#fff !important}
51 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap.btn-type-08:hover a{color:#fff !important}
52
53 .lp-it-bg .it-content-wrap .lp-it-menu-wrap{overflow:hidden;display:grid;margin-top:3.75rem;border-radius:1.125rem}
54 .lp-it-bg .it-content-wrap .lp-it-menu-wrap .lp-menu-wrap + .lp-menu-wrap{border-left:1px dotted #676767}
55 .lp-it-bg .it-content-wrap .lp-it-menu-wrap .lp-menu-wrap a{display:block;padding:1.25rem 0 0.75rem;line-height:2.5rem;color:#090909;background-color:#fff;text-align:center;transition:all .5s}
56 .lp-it-bg .it-content-wrap .lp-it-menu-wrap .lp-menu-wrap a:hover{color:#fff;background-color:#2b9cff}
57 .lp-it-bg .it-content-wrap .lp-it-menu-wrap .lp-menu-wrap a .material-symbols-outlined{display:block}
58
59 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-2{grid-template-columns:repeat(4, 1fr);}
60 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-2 .lp-menu-wrap:nth-child(1){grid-column: 1 / span 2}
61 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-2 .lp-menu-wrap:nth-child(2){grid-column: 2 / span 2;border-left:none}
62
63 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-3{grid-template-columns:repeat(4, 1fr);}
64 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-3 .lp-menu-wrap:nth-child(1){grid-column: 1 / span 4}
65 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-3 .lp-menu-wrap:nth-child(2){grid-column: 1 / span 2;border-left:none}
66 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-3 .lp-menu-wrap:nth-child(n+2){border-top:1px dotted #676767}
67 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-3 .lp-menu-wrap:nth-child(3){grid-column: 3 / span 2}
68
69 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-4{grid-template-columns:repeat(4, 1fr);}
70 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-4 .lp-menu-wrap:nth-child(1){grid-column: 1 / span 2}
71 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-4 .lp-menu-wrap:nth-child(2){grid-column: 3 / span 2}
72 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-4 .lp-menu-wrap:nth-child(3){grid-column: 1 / span 2;border-left:none}
73 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-4 .lp-menu-wrap:nth-child(n+3){border-top:1px dotted #676767}
74 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-4 .lp-menu-wrap:nth-child(4){grid-column: 3 / span 2}
75
76 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5{grid-template-columns:repeat(6, 1fr);}
77 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5 .lp-menu-wrap:nth-child(1){grid-column: 1 / span 3}
78 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5 .lp-menu-wrap:nth-child(2){grid-column: 4 / span 3}
79 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5 .lp-menu-wrap:nth-child(3){grid-column: 1 / span 2;border-left:none}
80 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5 .lp-menu-wrap:nth-child(n+3){border-top:1px dotted #676767}
81 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5 .lp-menu-wrap:nth-child(4){grid-column: 3 / span 2}
82 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-5 .lp-menu-wrap:nth-child(5){grid-column: 5 / span 2}
83
84 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6{grid-template-columns:repeat(6, 1fr);}
85 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(1){grid-column: 1 / span 2}
86 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(2){grid-column: 3 / span 2}
87 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(3){grid-column: 5 / span 2}
88 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(4){grid-column: 1 / span 2;border-left:none}
89 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(n+4){border-top:1px dotted #676767}
90 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(5){grid-column: 3 / span 2}
91 .lp-it-bg .it-content-wrap .lp-it-menu-wrap.btnCount-6 .lp-menu-wrap:nth-child(6){grid-column: 5 / span 2}
92
93 .lp-it-bg .it-content-wrap .copyright{margin-top:8.75rem;line-height:1.875rem;color:#fff;font-size:1rem;font-weight:300;text-align:center}
94 .lp-it-bg .it-content-wrap .copyright p:last-child{line-height:2.5rem;}
95 .lp-it-bg .it-content-wrap .copyright p b{font-weight:600}
96
97 @media screen and (max-width:1799px){
98 .lp-it-bg .it-content-wrap{
99
100 }
101 .lp-it-bg .it-content-wrap .lp-it-box-wrap{
102 padding:3rem 3.75rem;
103 }
104 .lp-it-bg .it-content-wrap .lp-it-btn-wrap{
105 padding:0 2.5rem;
106 }
107 }
108
109 @media screen and (max-width:1599px){
110 .lp-it-bg .it-content-wrap{
111 padding:3rem 25dvw;
112 min-width:50dvw;
113 }
114 .lp-it-bg .it-content-wrap .lp-it-box-wrap{
115 padding:2rem 2.75rem;
116 }
117 .lp-it-bg .it-content-wrap .lp-it-btn-wrap{
118 padding:0 1.25rem;
119 }
120 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap{
121 font-size:1.125rem;
122 }
123 }
124
125 @media screen and (max-width:1280px){
126 .lp-it-bg .it-content-wrap{
127 padding:2.5rem 20dvw;
128 min-width:60dvw;
129 }
130 .lp-it-bg .it-content-wrap .lp-it-box-wrap{
131 padding:2rem 2.75rem;
132 }
133 .lp-it-bg .it-content-wrap .lp-it-btn-wrap{
134 padding:0 1.25rem;
135 }
136 .lp-it-bg .it-content-wrap .lp-it-btn-wrap .lp-btn-wrap{
137 font-size:1.125rem;
138 }
139 }
140
141 @media screen and (max-width:991px){
142 .lp-it-bg .it-content-wrap .lp-it-logo{
143 margin:2.5rem 0;
144 height:5.625rem;
145 }
146 .lp-it-bg .it-content-wrap{
147 padding:1.25rem 15dvw;
148 min-width:70dvw;
149 }
150 .lp-it-bg .it-content-wrap .lp-it-box-wrap{
151 padding:1.25rem;
152 }
153 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-title{
154 line-height:2rem;
155 font-size:1.375rem;
156 }
157 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-subtitle{
158 line-height:1.75rem;
159 font-size:1.125rem;
160 }
161 .lp-it-bg .it-content-wrap .lp-it-box-wrap .lp-box-content{
162 line-height:1.5rem;
163 font-size:0.875rem;
164 }
165 .lp-it-bg .it-content-wrap .lp-it-btn-wrap{
166 gap:1.25rem;
167 padding:0;
168 margin-top:2.5rem;
169 }
170 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-2 .lp-btn-wrap{
171 padding:0.625rem 1.875rem 0.625rem 3.75rem;
172 }
173 .lp-it-bg .it-content-wrap .copyright{
174 margin-top:5rem;
175 line-height: 1.5rem;
176 font-size: 0.875rem;
177 }
178 .lp-it-bg .it-content-wrap .copyright p:last-child{
179 margin-top:0.625rem;
180 line-height:1.5rem;
181 }
182 }
183
184 @media screen and (max-width:780px){
185 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-1,
186 .lp-it-bg .it-content-wrap .lp-it-btn-wrap.grid-repeat-2{
187 grid-template-columns:1fr;
188 }
189 }
190
191 @media screen and (max-width:580px){
192 .lp-it-bg .it-content-wrap{
193 padding:0.9375rem;
194 min-width:unset;
195 }
196 }
197</style>
198
199<#assign rawDisplayDate = .vars["reserved-article-display-date"].data>
200<#assign displayDate = dateUtil.parseDate("E, dd MMM yyyy HH:mm:ss Z", rawDisplayDate, locale)>
201
202<div class="lp-it-wrap">
203 <div class="lp-it-bg" style="background-image:url('${Fieldset96131877.bgImg.getData()}')">
204 <#if getterUtil.getBoolean(Fieldset96131877.bgDimUse.getData())>
205 <div class="lp-it-dim" style="background-color:${Fieldset96131877.bgDimColor.getData()};opacity:1" data-target-opacity="${Fieldset96131877.bgDimOpacity.getData()}"></div>
206 </#if>
207
208 <div class="it-content-wrap">
209 <div class="lp-it-logo"></div>
210
211 <div class="lp-it-box-wrap">
212 <div class="lp-box-title" style="color:${Fieldset69170459.boxTitleColor.getData()}">
213 ${Fieldset69170459.boxTitle.getData()}
214 </div>
215 <#if Fieldset69170459.boxSubTitle.getData()?hasContent>
216 <div class="lp-box-subtitle" style="color:${Fieldset69170459.boxSubTitleColor.getData()}">
217 ${Fieldset69170459.boxSubTitle.getData()}
218 </div>
219 </#if>
220 <#if Fieldset69170459.boxContent.getData()?hasContent>
221 <div class="lp-box-content">
222 ${Fieldset69170459.boxContent.getData()}
223 </div>
224 </#if>
225 </div>
226
227 <#assign menuList = Fieldset08402769.getSiblings()>
228 <#assign filteredMenuList = menuList?filter(item -> item.menuText.getData()?hasContent)>
229 <#if filteredMenuList?hasContent>
230 <#assign liCount = filteredMenuList?size>
231
232 <div class="lp-it-menu-wrap btnCount-${liCount}">
233 <#list filteredMenuList as cur_Fieldset08402769>
234
235 <div class="lp-menu-wrap">
236 <a href="${cur_Fieldset08402769.menuUrl.getData()}"
237 target="<#if getterUtil.getBoolean(cur_Fieldset08402769.menuBlankUse.getData())>_blank<#else>_self</#if>"
238 <#if getterUtil.getBoolean(cur_Fieldset08402769.menuBlankUse.getData())>rel="noopener noreferrer"</#if>>
239 <span class="material-symbols-outlined" aria-hidden="true">${cur_Fieldset08402769.menuIcon.getData()}</span>
240 ${cur_Fieldset08402769.menuText.getData()}
241 </a>
242 </div>
243
244 </#list>
245 </div>
246 </#if>
247
248 <#if Fieldset23846217.getSiblings()?hasContent>
249 <#assign btnList = Fieldset23846217.getSiblings()>
250 <#assign BtnCount = btnList?size>
251 <#assign safeCount = BtnCount?number!0>
252
253 <div class="lp-it-btn-wrap <#if (BtnCount?number!0) gte 2>grid-repeat-2<#else>grid-repeat-1</#if>">
254 <#list Fieldset23846217.getSiblings() as cur_Fieldset23846217>
255 <#assign indexBtn = cur_Fieldset23846217_index + 1>
256 <#assign mobBtn = (BtnCount?number!0) % 2>
257 <#assign isMobLastBtn = ((BtnCount?number!0) gt 2) && (mobBtn == 1) && (indexBtn == BtnCount?number!0)>
258
259 <div class="lp-btn-wrap ${cur_Fieldset23846217.btnType.getData()}" <#if isMobLastBtn>style="grid-column: 1 / span 2;"</#if>>
260 <a href="${cur_Fieldset23846217.btnUrl.getData()}"
261 target="<#if getterUtil.getBoolean(cur_Fieldset23846217.btnBlankUse.getData())>_blank<#else>_self</#if>"
262 <#if getterUtil.getBoolean(cur_Fieldset23846217.btnBlankUse.getData())>rel="noopener noreferrer"</#if>>
263 <span class="iconLeft material-symbols-outlined">${cur_Fieldset23846217.btnIcon.getData()}</span>
264 ${cur_Fieldset23846217.Text78026110.getData()}
265 <span class="iconRight material-symbols-outlined">trending_flat</span>
266 </a>
267 </div>
268 </#list>
269 </div>
270 </#if>
271
272 <div class="copyright">
273 <p>죽전캠퍼스 경기도 용인시 수지구 죽전로 152 (우)16890</p>
274 <p>천안캠퍼스 충남 천안시 동남구 단대로 119 (우)31116</p>
275 <p>Copyright (C) <b>DANKOOK UNIVERSITY.</b> <br class="d-md-none"> All rights reserved.</p>
276 </div>
277
278 </div>
279</div>
280
281<script>
282 AUI().ready('aui-node', function(A) {
283 const dim = document.querySelector('.lp-it-dim');
284 if (dim) {
285 const targetOpacityStep1 = parseFloat((dim.dataset.targetOpacity) / 2) / 100;
286 const targetOpacityStep2 = parseFloat(dim.dataset.targetOpacity) / 100;
287
288 dim.style.opacity = targetOpacityStep1;
289 setTimeout(() => {
290 dim.style.opacity = targetOpacityStep2;
291 }, 500);
292 }
293 });
294</script>